@charset "UTF-8";
/*
* @package      Style
* @description  This package holds all common style declarations
*               of the site
*/
@-webkit-keyframes sprite-animation {
  from {
    background-position: 0 0; } }
@keyframes sprite-animation {
  from {
    background-position: 0 0; } }
/*
* @section      Normalize
*
* @description  Resets default browser styling
*
* @link         http://github.com/necolas/normalize.css
* @license      MIT license - http://opensource.org/licenses/MIT
* @version      3.0.3
* @revision     1.0
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: top; 
    font-family: "Open Sans", sans-serif;  
}
html, body, body *{
   font-family: "Open Sans", sans-serif; 
   font-size: 100%;
   
}
.txtF2{font-family: "Montserrat", sans-serif; }
.txtF3{font-family: "Montserrat", sans-serif; font-weight: 600; }
.txtF4{font-family: "Montserrat", sans-serif; font-weight: 800; }


.txtF3.D2, 
.txtF3.D2 span {
    line-height: 45px;
    font-weight: 700;
    text-shadow: -3px 2px #b6f2ff;
}
.txtF3.D3, 
.txtF3.D3 span {
    line-height: 45px;
    font-weight: 700;
    color: #684bc3;
    text-shadow: -3px 2px #b6f2ff;
}

html, body{
   background:#FFF; 
}
html, body{
   /* 
   min-width: 250px;
   */
}

*,
html, body *{
   color:#2b2b2b; 
}

a:focus, 
a:active, 
a:hover,
a:focus *, 
a:active *, 
a:hover *{
    color: #9777fa;
    text-decoration: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, main, time, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ''; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button, input, textarea, select {
    display: inline-block;
    outline: none;
    color: inherit;
    overflow: visible;
    background-color: transparent;
    box-shadow: none;
    border-radius: 3px 3px 3px 3px;
}

button,
input[type='button'],
input[type='submit'] {
  cursor: pointer; }
  
::placeholder {
    font-weight: 300;
}


.fa,
.fas {
  font-family: 'Font Awesome 5 Free'!important; 
  font-weight: 900; }
.far {
  font-family: 'Font Awesome 5 Free'!important; 
  font-weight: 400; }
.fab {
    font-family: "Font Awesome 5 Brands"!important;    
}
 



@media screen and (max-width: 767px) {
    .noTablet{display:none!important;}
}
@media screen and (max-width: 576px) {
    .noMovil{display:none!important;}
}
@media screen and (min-width: 576px) {
    .noEscritorio{display:none!important;}
}




/*
* Efectos
*/
@keyframes titleColor {
	50% {
		color: rgba(255, 255, 255, 0.15);
	}
}
@keyframes bgPos {
	25% {
		transform: translate3d(150px, -150px, 0) rotate(0.001deg);
	}
	75% {
		transform: translate3d(0, 0, 0) rotate(0.001deg);
	}
}
@keyframes bkgLeftRightBottom{
	25% {
        background-position: 25% 98%;
	}
	75% {
        background-position: 100% 98%;
	}
}


/*
* protip
*/

body .protip-skin-default--scheme-pro.protip-container{
    color: #fff;
    background: rgba(0, 0, 0, .9);    
}
body .protip-skin-default--scheme-pro[data-pt-position="bottom-left"] .protip-arrow, 
body .protip-skin-default--scheme-pro[data-pt-position="bottom"] .protip-arrow, 
body .protip-skin-default--scheme-pro[data-pt-position="bottom-right"] .protip-arrow {
    border-bottom-color:rgba(218, 87, 86, 1);  
}
body .protip-skin-default--scheme-pro[data-pt-position="right-top"] .protip-arrow, 
body .protip-skin-default--scheme-pro[data-pt-position="right"] .protip-arrow, 
body .protip-skin-default--scheme-pro[data-pt-position="right-bottom"] .protip-arrow {
    border-right-color: rgba(218, 87, 86, 1);  
}
body .protip-skin-default--scheme-pro[data-pt-position="top-left"] .protip-arrow, 
body .protip-skin-default--scheme-pro[data-pt-position="top"] .protip-arrow, 
body .protip-skin-default--scheme-pro[data-pt-position="top-right"] .protip-arrow{
    border-top-color:rgba(218, 87, 86, 1);   
}

body .protip-content{
    color: #fff;    
}
body .protip-skin-default--size-normal{
    padding: 5px;    
}
/*
* Bootstrap
*/
.modal-title{ 
    font-weight: 600;  
}
.form-control{
    border-radius: 3px 3px 3px 3px;
}
.carousel{
    
}
    .carousel .carousel-indicators{
        margin-bottom: 40px;
    }
        .carousel .carousel-indicators li{
            width: 20px;
            height: 20px;
            border-radius: 20px 20px 20px 20px;  
            margin-right: 20px;
            border: 0px;  
            
        }
        .carousel-indicators .active{
            background-color: #fdba11;
        }
        .carousel .carousel-indicators li:hover{
            background-color: #fff;
            opacity: 1;
        }


    .carousel .carousel-control-next,
    .carousel .carousel-control-prev{
        opacity: 1;    
    }
    .carousel-control-next-icon,
    .carousel-control-prev-icon{
        background-image:none; 
        opacity: 1;   
        
        width: 55px;
        height: 75px;
    }
    .carousel .carousel-control-prev .carousel-control-prev-icon:before,
    .carousel .carousel-control-next .carousel-control-next-icon:before{
        font-family:'Flaticon';
        content: "\f149";
        font-size: 40px;
        font-weight: 400;
        color: #e8e8e8;
        /*
        opacity: .6;
        text-shadow: 1px 1px 3px rgb(0, 0, 0, 0.5);
        */
    }
    .carousel .carousel-control-next .carousel-control-next-icon:before{
        content: "\f149";
    }
    .carousel .carousel-control-prev .carousel-control-prev-icon:before{
        content: "\f103";
    }
        .carousel .carousel-control-next:focus .carousel-control-next-icon:before, 
        .carousel .carousel-control-next:hover .carousel-control-next-icon:before, 
        .carousel .carousel-control-prev:focus .carousel-control-prev-icon:before, 
        .carousel .carousel-control-prev:hover .carousel-control-prev-icon:before {
            color: #9777fa;
            text-decoration: none;
            outline: 0;
            opacity: .9;  
        }
    @media (max-width: 768px) {
        .carousel-control-next-icon,
        .carousel-control-prev-icon{
            width: 40px;
            height: 40px;
        }
        .carousel .carousel-control-prev .carousel-control-prev-icon:before,
        .carousel .carousel-control-next .carousel-control-next-icon:before{
            font-size: 40px;
        }
    }   
        
    @media (max-width: 576px) {
        .carousel-control-next-icon,
        .carousel-control-prev-icon{
            width: 28px;
            height: 28px;
        }
        .carousel .carousel-control-prev .carousel-control-prev-icon:before,
        .carousel .carousel-control-next .carousel-control-next-icon:before{
            font-size: 28px;
        }
    }
    
    
    






    
    
    
    
    
@media (min-width: 1200px)
{
    .container {
        max-width: 1195px;
    }
}
@media (min-width: 768px) and (max-width: 1200px)
{
    .container {
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .container {
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .container {
        max-width: 100%;
    }
}


.modal{
    
}
    .modal .modal-content{
        border-radius: 3px 3px 3px 3px;  
    }
    .modal-header .close i:before{
        font-size: 15px;    
    }
    
.modal.D5{
    
}
    .modal.D5 .modal-content{
        border-radius: 10px;
        border: 4px solid #c4b1ff; 
        background: #fffff0;
    }

    
    
/*
* 
* 
*/

.botoneraHTop{
 
    position: fixed;
    right: 15px;
    z-index: 99; 
    width: auto;
    height: auto; 
    
    top: 0; /* 14px */
    height: 60px;
    
    display: flex;
    align-items: center;
    justify-content: center;
}
    .botoneraHTop > span{
        display: block;  
        font-size: 11px;
        padding-top: 2px;
    }
    body .botoneraHTop > a{
        font-size: 16px;
        padding-bottom: 2px;
        min-width: 110px;
        display: inline-block;
        padding: 4px 12px;
        box-sizing: border-box;
        height: 33px;
        line-height: 24px;

        margin: auto 10px;
    }
    .botoneraHTop > a span{
        font-weight: 400!important;
    }
    .botoneraHTop > a:nth-child(1){ 
        background-color: #9777fa;
        border: 0px;       
        border-radius: 13px; 
    }
        .botoneraHTop > a:nth-child(1) *{color:#fff;}
        
        .botoneraHTop > a:nth-child(1):focus,
        .botoneraHTop > a:nth-child(1):active,
        .botoneraHTop > a:nth-child(1):hover{
            background-color: #7863b7;         
        }
        .botoneraHTop > a:nth-child(1):focus *,
        .botoneraHTop > a:nth-child(1):active *,
        .botoneraHTop > a:nth-child(1):hover *{
            color:#ffffff;        
        }
    .botoneraHTop > a:nth-child(2){
        background-color: transparent;
        border: 0px;      
    }
        .botoneraHTop > a:nth-child(2) *{color:#505050;}
        
        .botoneraHTop > a:nth-child(2):focus,
        .botoneraHTop > a:nth-child(2):active,
        .botoneraHTop > a:nth-child(2):hover{
               
        }
        .botoneraHTop > a:nth-child(2):focus *,
        .botoneraHTop > a:nth-child(2):active *,
        .botoneraHTop > a:nth-child(2):hover *{
            color:#7863b7;      
        }
        
    .botoneraHTop > a:nth-child(3){
        background-color: transparent;
        border: 0px;      
    }
        .botoneraHTop > a:nth-child(3) *{color:#9777fa;}
        
        .botoneraHTop > a:nth-child(3):focus,
        .botoneraHTop > a:nth-child(3):active,
        .botoneraHTop > a:nth-child(3):hover{
               
        }
        .botoneraHTop > a:nth-child(3):focus *,
        .botoneraHTop > a:nth-child(3):active *,
        .botoneraHTop > a:nth-child(3):hover *{
            color:#7863b7;      
        }
  
        
    .botoneraHTop > a{
        border-radius: 0px 0px 0px 0px;
        height: 25px;
        line-height: 25px;
        padding-bottom: 0px;
        padding-top: 0px;
    }
.botoneraBottomH{
    display: block;  
    width: 100%;
    height: auto; 
    display: none;
    
    
    background: transparent;
    background: -webkit-linear-gradient(bottom left, #e0d7ff, #cabbff);
    background: -moz-linear-gradient(bottom left, #e0d7ff, #cabbff);
    background: linear-gradient(to bottom left, #e0d7ff, #cabbff);
}

    .botoneraBottomH a{
        width: 33.333%;   
        float: left;   
        display: block;  
        height: auto;  
        background-color: transparent;  
        color:#fff;   
    }
        .botoneraBottomH:after{
            content: '';
            display: block;
            clear: both;
            width: 100%;
            float: none;    
        }
    .botoneraBottomH > a  > div{
        display: flex;
        align-items: center;
        height: 50px;
    }
        .botoneraBottomH  a > div > div{   
            text-align: center;
            width: 100%;
        }
        
    .buscaEmpleo span{
        
    }
        .buscaEmpleo span{
            background-color: #9777fa;
            color: #fff;
            padding: 3px 7px;
            border-radius: 10px 10px 10px 10px;
            display: inline-block;
            
        }
        @media (max-width: 350px){
            .buscaEmpleo span{
                max-width: 90%;   
            }
            .botoneraBottomH a{
                font-size: 15px;
                line-height: 15px;    
            }   
        }
 
    .botoneraBottomH .subirCV{
    
        
    }
        .botoneraBottomH .subirCV:hover{
   
        }
        .botoneraBottomH .subirCV *{
            color:#fff;    
        }
        .botoneraBottomH .subirCV:hover *{
            color:#78c2ff     
        }
    .botoneraBottomH .publicarGratis{
   
    }
        .botoneraBottomH .publicarGratis:hover{    

        }
        .botoneraBottomH .publicarGratis *{
            color:#9777fa;   
        }
        .botoneraBottomH .publicarGratis:hover *{
            color:#9c27b0;     
        }

@media (max-width: 820px){
    .botoneraHTop{
        display: none!important;    
    }  
    .botoneraBottomH{
        display: block;    
    }  
    


}

.rd-navbar-brand .brand-name{
    margin-left: 25px;  
}
body .rd-navbar-static,
body .rd-navbar-fixed .rd-navbar-panel-canvas
{
    background-color: #fff;    
    border-bottom: 1px solid #fff;
}

.rd-navbar-brand .reds{
    height: 20px;
    vertical-align: middle;
    margin-left: 10px;
    display: inline-block;
}
.rd-navbar-brand .reds i {
    color: #d3d3d3;
    border-left: 1px solid #f5f5f5;
    padding-left: 10px;
}
    .rd-navbar-brand .reds a:hover i {
        color: #78c2ff;    
    }
body .rd-navbar-fixed .rd-navbar-toggle span:after, 
body .rd-navbar-fixed .rd-navbar-toggle span:before, 
body .rd-navbar-fixed .rd-navbar-toggle span {
  background-color: #9777fa;
}
    body .rd-navbar-fixed .rd-navbar-toggle:hover span:after{background-color: #d2c4ff;}
    body .rd-navbar-fixed .rd-navbar-toggle:hover span{background-color: #d2c4ff;}
    body .rd-navbar-fixed .rd-navbar-toggle:hover span:before{background-color: #d2c4ff;}

    body .rd-navbar-fixed .rd-navbar-toggle i {
        position: absolute;
        top: 25px;
        font-size: 13px;
        left: 25px;
        color: #b097ff;    
    }
    body .rd-navbar-fixed .rd-navbar-toggle.active i{
        display: none;
    }
    
body .rd-navbar-fixed .rd-navbar-nav:before, 
body .rd-navbar-fixed .rd-navbar-nav:after {
    height: 0px;
}

.rd-navbar-fixed .rd-navbar-nav li.rd-dropdown-item > a > i{
    color: #626262!important;    
}
.rd-navbar-fixed .rd-navbar-nav li.usuario > a > img{
    height: 15px;
    width: auto; 
    vertical-align: middle; 
    position: absolute;
    right: 6px;
    top: 8px;
    
}
.rd-navbar-fixed .rd-navbar-nav li > a > img{
    margin-left: 0px;
    vertical-align: middle;
    font-size: 20px;
    position: absolute;
    right: 13px;
    top: 17px;
    width: auto;
    height: 23px;
    text-align: center;
}


header .rd-navbar-fixed .rd-navbar-nav li.usuario{
    padding: 8px 15px 5px 15px;

    background: #7d56ff;
    background: -webkit-linear-gradient(left, #7d56ff, #a185ff)!important;
    background: -moz-linear-gradient(left, #7d56ff, #a185ff)!important;
    background: linear-gradient(to left, #7d56ff, #a185ff)!important;
    
    color: #fff; 
    position: relative;
    border-bottom: 1px solid white;
}
    header .rd-navbar-fixed .rd-navbar-nav li.usuario *{
        color: #fff; 
    }
    header .rd-navbar-fixed .rd-navbar-nav li.usuario a i{
        font-size: 13px;
        top: auto;
        right: auto;
        position: relative;
        }
    header .rd-navbar-fixed .rd-navbar-nav li.usuario a.salir{
        position: absolute;
        right: 11px;
        top: 7px;
        display: inline-block;
        width: auto;
        padding: 0px;
    }
    header .rd-navbar-fixed .rd-navbar-nav li.usuario a.clave{
        position: absolute;
        right: 41px;
        top: 7px;
        display: inline-block;
        width: auto;
        padding: 0px;
    }
    header .rd-navbar-fixed .rd-navbar-nav li.usuario a:hover *,
    header .rd-navbar-fixed .rd-navbar-nav li.usuario a:hover{
        color: #b9d3ff!important;
    }
    header .rd-navbar-fixed .rd-navbar-nav li.usuario > span{
        display: block;
        padding-right: 60px;
        font-weight: 500;
        font-size: 13px;
    }
    
body header .rd-navbar-fixed .rd-navbar-nav li.boton a{
    margin: 10px 0px 0 0px;
    border-radius: 0px 0px 0px 0px;    
    text-align: left;
    padding-left: 16px;
    font-size: 20px;
    line-height: 27px;
    text-transform: uppercase;
    border: 0px;
    background-color: #9777fa;
    
}
    body header .rd-navbar-fixed .rd-navbar-nav li.boton a i{
        top: 11px;   
        color: #fff;  
    }
    body header .rd-navbar-fixed .rd-navbar-nav li.boton a.btn:focus,
    body header .rd-navbar-fixed .rd-navbar-nav li.boton a.btn:active,
    body header .rd-navbar-fixed .rd-navbar-nav li.boton a.btn:hover
    {
        background-color: #836bcd!important;     
    }
    body header .rd-navbar-fixed .rd-navbar-nav li.boton a.btn:focus *,
    body header .rd-navbar-fixed .rd-navbar-nav li.boton a.btn:active *,
    body header .rd-navbar-fixed .rd-navbar-nav li.boton a.btn:hover *{
        color: #fff!important; 
    }


body header .rd-navbar-fixed .rd-navbar-nav li.boton2 a{
    margin: 10px 0px 0 0px;
    border-radius: 0px 0px 0px 0px;    
    text-align: left;
    padding: 8px 16px;
    font-size: 18px;
    text-transform: uppercase;
    border: 0px;
    background-color: #f26a61;
    
}
    body header .rd-navbar-fixed .rd-navbar-nav li.boton2 a span{color: #fff;}
    body header .rd-navbar-fixed .rd-navbar-nav li.boton2 a i{
        top: 11px;  
        color: #FFF!important;   
    }
    body header .rd-navbar-fixed .rd-navbar-nav li.boton2 a.btn:focus,
    body header .rd-navbar-fixed .rd-navbar-nav li.boton2 a.btn:active,
    body header .rd-navbar-fixed .rd-navbar-nav li.boton2 a.btn:hover
    {
        background-color: #ffb900; 
        color: #FFF!important;     
    }
    body header .rd-navbar-fixed .rd-navbar-nav li.boton2 a.btn:focus *,
    body header .rd-navbar-fixed .rd-navbar-nav li.boton2 a.btn:active *,
    body header .rd-navbar-fixed .rd-navbar-nav li.boton2 a.btn:hover *{
        color: #FFF!important; 
    }


header .rd-navbar-fixed .rd-navbar-nav li.opened > a{
    background: traparent;
    color: #a3c3f9;   
}
    header .rd-navbar-fixed .rd-navbar-nav li.opened > a *{color: #a3c3f9; }
    header .rd-navbar-fixed .rd-navbar-nav li.opened > span{color: #a3c3f9; }
    
header .rd-navbar-fixed .rd-navbar-nav li > a:hover{
    background: transparent!important; 
    color: #a3c3f9;    
}
    header .rd-navbar-fixed .rd-navbar-nav li > a:hover *{color: #a3c3f9; } 
    header .rd-navbar-fixed .rd-navbar-nav li > a:hover > span > span:nth-child(1){color: #59baa9; } 
    header .rd-navbar-fixed .rd-navbar-nav li > a:hover > span > span:nth-child(2){color: #7d66aa; } 
    header .rd-navbar-fixed .rd-navbar-nav li > a:hover > span > span:nth-child(3){color: #fbc63a; } 
    header .rd-navbar-fixed .rd-navbar-nav li > a:hover > span > span:nth-child(4){color: #f26a61; } 
    header .rd-navbar-fixed .rd-navbar-nav li > a:hover > span > span:nth-child(5){color: #005daa; } 
    header .rd-navbar-fixed .rd-navbar-nav li > a:hover > span > span:nth-child(6){color: #59baa9; } 
    header .rd-navbar-fixed .rd-navbar-nav li > a:hover > span > span:nth-child(7){color: #7d66aa; } 
    header .rd-navbar-fixed .rd-navbar-nav li > a:hover > span > span:nth-child(8){color: #fbc63a; } 
    header .rd-navbar-fixed .rd-navbar-nav li > a:hover > span > span:nth-child(9){color: #f26a61; } 
    header .rd-navbar-fixed .rd-navbar-nav li > a:hover > span > span:nth-child(10){color: #005daa; } 
    header .rd-navbar-fixed .rd-navbar-nav li > a:hover > span > span:nth-child(11){color: #59baa9; } 
    header .rd-navbar-fixed .rd-navbar-nav li > a:hover > span > span:nth-child(12){color: #7d66aa; } 
    header .rd-navbar-fixed .rd-navbar-nav li > a:hover > span > span:nth-child(13){color: #fbc63a; } 
    header .rd-navbar-fixed .rd-navbar-nav li > a:hover > span > span:nth-child(14){color: #f26a61; } 
    
header rd-nav-item.active,
header .rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle,
header .rd-navbar-fixed .rd-navbar-nav li.active > a{
    background: #a3c3f9!important;
    
    
    background: #7d56ff;
    background: -webkit-linear-gradient(left, #7d56ff, #a185ff)!important;
    background: -moz-linear-gradient(left, #7d56ff, #a185ff)!important;
    background: linear-gradient(to left, #7d56ff, #a185ff)!important;
    
    color: #fff!important;    
}
    header rd-nav-item.active > a *,
    header .rd-navbar-fixed .rd-navbar-nav li.active > a *{color: #fff!important; } 
    
    header .rd-menu.nivel2 li.active > a{background: #c7b7ff !important; } 
    header .rd-menu.nivel2 li.active > a *{color: #000!important; } 
    
header ul.rd-navbar-nav li ul li.rd-dropdown-item.active a{
    background: #46ad9a!important;    
}

header .rd-navbar-fixed .rd-navbar-submenu-toggle:hover,
header .rd-navbar-fixed .rd-navbar-nav li.active a:hover *,
header .rd-navbar-fixed .rd-navbar-nav li.active a:hover{
    color: #a3c3f9;      
}

.rd-navbar-fixed .rd-nav-item.opened .rd-navbar-submenu-toggle:before{
    transform: rotate(180deg) translate(0, 40%);    
}
.rd-navbar-submenu > a.rd-nav-link{
    pointer-events: none;
}

.rd-navbar-static .rd-navbar-collapse li a:hover,
.rd-navbar-static .rd-navbar-collapse li a:hover *,
.rd-navbar-static .rd-navbar-nav > li > a:hover,
.rd-navbar-static .rd-navbar-nav > li > a:hover *{
    color: #a3c3f9!important;
}

.rd-navbar-static .rd-navbar-nav > li .btn.btn-D1:hover{
    background-color:#7863b7;
    border-color:#7863b7;
}
.rd-navbar-static .rd-navbar-nav > li .btn.btn-D1:hover > *{
    color: #fff!important;
}


body .rd-navbar-fixed .rd-navbar-nav li.ingresar{
    
}
    body .rd-navbar-fixed .rd-navbar-nav li.ingresar > a > span{
        color: #d0c1ff;    
    }
    body .rd-navbar-fixed .rd-navbar-nav li.ingresar > a{
        background-color: #373435!important;
    }

@media (max-width: 560px){
    
    body .rd-navbar-fixed .rd-navbar-brand {
        right: 0px;
        text-align: center;
        right: 60px;
        overflow: visible;
    }
    .rd-navbar-fixed .rd-navbar-brand a{
        margin-left: 0px;
    }
    .rd-navbar-brand .reds{
        position: absolute;
        right: 10px;
        top:15px;
        margin-left: 0px;
        display: inline-block;
        right: -35px;
    }
    .rd-navbar-brand .reds i {
        border-left: 0px;
    }
}
@media (min-width: 1501px){
    

    .rd-navbar-wrap > nav{
        text-align: left;    
    }
    .botoneraHTop{
        height: 57px;  
        right: 0px;  
    }
        .botoneraHTop > a.btn{
            height: 75px;
            line-height: 75px;    
        }
    header .rd-navbar--is-stuck .botoneraHTop{
        height: 60px;    
    }
        header .rd-navbar--is-stuck .botoneraHTop > a.btn{
            height: 50px;
            line-height: 50px;    
        }
    header .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand img {
        margin-bottom: 6px;
    }
    header .rd-navbar-static .rd-navbar-inner {
        padding-right: 55px;
    }
}
@media (min-width: 1801px){
    
    .rd-navbar-wrap > nav{
        text-align: center;    
    } 
}



/*
* @bugfix input text-overflow padding ignore
* @affected lt IE11
*/
.lt-ie11 input {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom-left-radius: 1px !important; }

*,
*:before,
*:after {
  box-sizing: border-box; }

a,
a[href^="tel:"],
a[href^="callto:"] {
  font: inherit;
  color: inherit;
  text-decoration: none; }
  a:focus,
  a[href^="tel:"]:focus,
  a[href^="callto:"]:focus {
    outline: none; 
  }
:focus {
    outline: none!important; 
    box-shadow: none !important;
}

img {
    /*  
    max-width: 100%;
    height: auto; 
    */  
}

a, button, input {
    /*
    transition: .3s all ease; 
    */
    transition: .3s all cubic-bezier(0.19, 0.29, 0, 0.92);
}
  



/*
* @subsection   ToTop
* @license      MIT license - http://opensource.org/licenses/MIT
* @version      1.0.0
*/
.ui-to-top {
  display: none;
  width: 50px;
  height: 50px;
  font-size: 24px;
  line-height: 46px;
  color: #e8e8e8;
  background: transparent;
  border:  1px solid #e8e8e8;
  border-radius: 50%;
  /*
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 2px 3px 8px 0px rgba(0, 0, 0, 0.3);
  */
  position: fixed;
  right: 15px;
  bottom: 15px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20;
  -webkit-transform: translateY(100px);
  transform: translateY(100px); }
  .ui-to-top:hover {
    color: #FFF;
    background: #9777fa;
    text-decoration: none; 
  }
  .ui-to-top.active {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

.mobile .ui-to-top,
.tablet .ui-to-top {
  display: none !important; }

@media (min-width: 992px) {
  .ui-to-top {
    display: block;
    right: 40px;
    bottom: 40px; } 
}



/*
* @section      Page Header
* @description  This section holds specific style redeclarations for some
*               of common elements in page header
*/
/*
* @section      Page Content
* @description  This section holds specific style redeclarations for some
*               of common elements in page content
*/
.desktop .page-content {
    min-height: 95vh; 
}
@media (max-width: 1499px){
    body{padding-top: 60px;}
    .rd-navbar.rd-navbar-fixed{margin-top: 0px!important;}
    .page-header .rd-navbar-wrap{height: 0px!important;}
}

body > .page{

}    
/*
* @section      Page Footer
* @description  This section holds specific style redeclarations for some
*               of common elements in page footer
*/
.page-footer {
    background: transparent;
    background: -webkit-linear-gradient(bottom left, transparent, #e7e0ff);
    background: -moz-linear-gradient(bottom left, transparent, #e7e0ff);
    background: linear-gradient(to bottom left, transparent, #e7e0ff);
}
    .page-footer > .bottom{
        padding-top: 0px;
        margin-top: 0px;
        background: transparent;
        background: -webkit-linear-gradient(bottom right, transparent, #faf8ff 90%);
        background: -moz-linear-gradient(bottom right, transparent, #faf8ff 90%);
        background: linear-gradient(to bottom right,transparent, #faf8ff 90%); 
    }
    .page-footer *{ 
        color: #fff; 
    }
    .page-footer h4,
    .page-footer h5{
        font-weight: 600;
        margin-bottom: 10px;
        font-size: 20px;
    }
    .page-footer a:focus,
    .page-footer a:active,
    .page-footer a:hover,
    .page-footer a:focus *,
    .page-footer a:active *,
    .page-footer a:hover *{
        color: #a3c3f9;      
        text-decoration: none;
    }
    

    .page-footer > .top{
        background-color: #2b2b2b; 
        padding: 40px 0 0px 0  
    }
        .page-footer > .top .info{
            max-width: 405px;
        }
            .page-footer > .top .email{
                margin-top: 20px;
                margin-bottom: 20px;
                margin-left: 20px;
            }
            .page-footer > .top .email *{ vertical-align: middle; }
            .page-footer > .top .email i{font-size: 28px;}
            .page-footer > .top .email img{ margin-left: 10px;}
            
 
        .page-footer > .top .social li{
            margin-right: 0px;
            float: none;
        }
            .page-footer > .top .social li i{
                font-size: 28px;
            }
        .page-footer > .top .col1:after{
            /*
            content: '';
            display: block;
            width: 1px;
            height: 100%;
            background-color: #224c89;
            position: absolute;
            right: 20px;
            top:0px;
            */  
        }
        .page-footer > .top .col2:after{
            /*
            content: '';
            display: block;
            width: 1px;
            height: 100%;
            background-color: #224c89;
            position: absolute;
            right: 20px;
            top:0px;
            */  
        }
        .page-footer > .top .col2{
            position: relative;
        }
            .page-footer > .top .col2 h4{
                margin-bottom: 3px;
                font-weight: 600;
            }

            .page-footer > .top .col2 p{
                margin-bottom: 10px;
            }
            .page-footer > .top .col2 p i{
                vertical-align: middle;
                display: inline-block;
                width: 30px;
                text-align: center;
                color: #fff;
                height: 18px;
            }
            .page-footer > .top .col2 p.email i{
                line-height: 17px;
            }
            .page-footer > .top .col2 p a span{
                vertical-align: middle;
            }
            .page-footer > .top .col2 p.email span{
                font-weight: 400;
                letter-spacing: 1px;  
                /*
                color: #9777fa;
                */
            }
            .page-footer > .top .col2 p a:hover *{
                color: #9777fa;
                
            }

            


                
    .page-footer > .bottom{
        
    }
        .page-footer > .bottom > .container:nth-child(1){
            
            padding-top: 20px;
            padding-bottom: 20px;
            margin-top: 0px;
        }
        .page-footer > .bottom > .container:nth-child(2){
            border-top:1px solid #e5e5e5;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .page-footer > .bottom span{
            font-size: 16px;
            padding: 10px 0px 10px 0px;
            display: block;
        }
        .page-footer > .bottom a span{
            font-size: 16px;
            line-height: 24px;
            color: rgba(8, 10, 40, 0.5);
        }
        .page-footer > .bottom a:hover span{
            color:#9777fa;
        }
        .page-footer > .bottom .tyc{
      
        } 
            .page-footer > .bottom .tyc a{
                display: inline-block;
                padding: 0 33px;
                border-right: 1px solid #e5e5e5;
                
                
            }  
                .page-footer > .bottom .tyc > a:last-child{
                    border-right: 0px;
                } 

@media (max-width: 992px){
    

    .page-footer > .bottom .tyc a{
        display: block;
        border-right: 0px;
    } 
    .page-footer > .top .col2{
        border-top: 1px solid #224c89;
        padding-top: 20px;
        margin-top: 20px;
    } 
    
          
}



/*
* @section      General
* @description  Clases generales para dar estilo
*/


    
.pdd-b5{padding-bottom: 5px;}
.pdd-b7{padding-bottom: 7px;}
.pdd-b6{padding-bottom: 6px;}
.pdd-b10{padding-bottom: 10px;}
.pdd-b20{padding-bottom: 20px;}
.pdd-b25{padding-bottom: 25px;}
.pdd-b40{padding-bottom: 40px;}
.pdd-t5{padding-top: 5px;}
.pdd-t7{padding-top: 7px;}
.pdd-t10{padding-top: 10px;}
.pdd-t20{padding-top: 20px;}
.pdd-t25{padding-top: 25px;}
.pdd-t30{padding-top: 30px;}
.pdd-t50{padding-top: 50px;}

.pdd-lr-0{padding-left: 0px; padding-right: 0px;}
.pdd-b-0{padding-bottom: 0px;}
.pdd-t0{padding-top: 0px;}

.pdd-0{padding: 0px;}
.mrg-0{margin: 0px;}

.mrg-t5{margin-top: 5px;}

.fz-10{font-size: 10px!important;}
.fz-masChica{font-size: 12px;}
.fz-chica{font-size: 14px;}
.fz-normal{font-size: 15px;}
.fz-grande{font-size: 18px;}
.fz16{font-size: 16px!important;}
.fz17{font-size: 17px!important;}
.fz18{font-size: 18px!important;}
.fz19{font-size: 19px!important;}
.fz20{font-size: 20px!important; line-height: 27px;}
.fz22{font-size: 22px!important;}
.fz24{font-size: 24px!important; line-height: 30px;}
.fz28{font-size: 28px;line-height: 1.2em;}
.fz35{font-size: 35px;line-height: 1em;}
.fz45{font-size: 45px;line-height: 1em;}
.fz100{font-size: 100px;line-height: 1em;}


.fw200{font-weight: 300;font-weight: 200;}
.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 700;font-weight: 600;}
.fw700{font-weight: 700;}
.fw800{font-weight: 700;font-weight: 800;}
.fw900{font-weight: 700;font-weight: 900;}

.color0{color:#2b2b2b;} /* Negro */

.color1{color:#9777fa;} /* Violeta */
.color1c{color:#d2c4ff;} /* Violeta Clro */
.color1o{color:#7d66aa;} /* Violeta Oscuro */
.color2{color:#a3c3f9;} /* Celeste */
.color2c{color:#b9d3ff;} /* Celeste Claro */

.color3{color:#ff9d89;} /* Rosa */
.color3c{color:#ffcfc5;} /* Rosa Claro */


.color20{color:#f26a61;} /* Rojo */
.color30{color:#59baa9;} /* Verde */
.color40{color:#bbbbbb;} /* Gris */



.rojo{color:#D80101}
.verde{color:#31a936}
.colorFb, .colorFb *{color:#3b5998;}
    .colorFb:hover, .colorFb:hover *{color:#003cb9;}
.colorWA, .colorWA *{color:#4aae20;}
    .colorWA:hover,.colorWA:hover *{color:#63d234;}

.bottom{vertical-align: bottom;}
.lineThrough{text-decoration: line-through;}
.middle{vertical-align: middle;}
.uppercase{text-transform: uppercase;}
.justify{text-align: justify;}
.light{font-weight: 300;}
.bold{font-weight: 600;}
.italic{font-style: italic;}
.block{display: block;}
.boldD2{font-weight: 900; }
.esconder{display: none;}
.clear{clear: both;display: block; width: 100%!important; padding: 0px!important; margin: 0px!important;}
.addClear:after{content: ''; clear: both;display: block; width: 100%;}
.noPoint{cursor: default;}
.relative{position: relative;}


.transition{
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
}

.div2col{
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
}

.boxBorder{
    padding: 15px;
    border:  1px solid #f9f9f9;
}

.txtD1{
    color: #9777fa;
    font-weight: 800;
    font-size: 27px;
    line-height: 30px;
}
.txtD2{
    color: #2b2b2b;
    font-weight: 800;
    font-size: 27px;
    line-height: 30px;   
}
.txtD3{
    color: #2b2b2b;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;   
}
.txtD4{
    color: #9777fa;
    font-weight: 800;
    font-size: 32px;
    line-height: 1.1em;
    line-height: 35px;
}
.txtD5{
    font-size: 35px;
    line-height: 1.1em;
    padding-bottom: 15px;
    font-weight: 900;
}


.w100p{ width: 100%; max-width: 100%;}

.colCenter{ margin: auto; }
    
section.widthD1 > .container{ 
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;  
}
    @media screen and (max-width: 930px) {
        /*
        body .page-content section.D1{
            padding-left:15px;    
            padding-right:15px;  
        }
        */

    } 


section.widthD2 > .container{
    max-width: 680px;
    margin: auto;
    padding: 0;     
}
    @media screen and (max-width: 650px) {
        section.widthD2 > .container{
            padding: 0 15px;    
        }
    }
    
section > .container.h100{
    min-height: calc(100vh - 56px);     
    position: relative;   
}   


    
.page-content section.D1{
    padding: 60px 0;        
}  
.page-content section.middle .container{
    display: flex;
    align-items: center;  
    justify-content: center;  
}
    

@media screen and (max-width: 767px) {
    .noTablet{display:none!important;}
}
@media screen and (max-width: 576px) {
    .noMovil{display:none;}
}
@media screen and (min-width: 576px) {
    .noEscritorio{display:none;}
}



.iframe iframe{
    width: 100%; 
    height: auto; 
    border:0px; 
    padding: 0px; 
    margin: 0px;    
}


.tituloD1{
    font-size: 25px;
    font-weight: 500;
    line-height: 1.2em;
}
.tituloD2{
    font-size: 32px;
    line-height: 1.2em;
}
.tituloD3{
    padding-bottom: 0px;
    font-size: 50px;
    line-height: 1.1em;
    font-weight: 700
}
    @media (max-width: 576px) {
        .tituloD3{
            font-size: 30px;
        }
    }




.txtsD1{
     
}
    .txtsD1 h2,
    .txtsD1 h3,
    .txtsD1 h1{
        font-size: 45px;
        font-weight: 700;   
        line-height: 1.3em;
        margin-bottom: 15px;    
    }
    .txtsD1 p{
        font-size: 20px;
        line-height: 1.6em;
        font-weight: 400;    
        letter-spacing: .075em;
    }
    .txtsD1 .fw900{font-weight: 900!important;}
    .txtsD1 .fw300{font-weight: 300!important;} 
    .txtsD1 .fw500{font-weight: 500!important;} 
    
    @media (max-width: 1200px) {
        
        .txtsD1{
            padding-left: 15px;  
            padding-right: 15px;      
        }
    }
    @media (max-width: 576px) {
        .txtsD1 h2,
        .txtsD1 h3,
        .txtsD1 h1{
            font-size: 35px;  
            line-height: 1.3em;
            margin-bottom: 15px;    
        }
    }
       
.txtsD2{
    
}
    .txtsD2 h2,
    .txtsD2 h3,
    .txtsD2 h1{
        font-size: 50px;
        font-weight: 700;   
        line-height: 1.3em;
        margin-bottom: 0px;    
    }
    .txtsD2 p{
        font-size: 25px;
        line-height: 1.2em;
        font-weight: 400;    
        letter-spacing: .075em;
    }
    .txtsD2 .fw900{font-weight: 900!important;}
    .txtsD2 .fw300{font-weight: 300!important;} 
    .txtsD2 .fw500{font-weight: 500!important;} 

    @media (max-width: 576px) {
        .txtsD2 h2,
        .txtsD2 h3,
        .txtsD2 h1{
            font-size: 35px; 
            line-height: 1em;
            margin-bottom: 15px!important;    
        }
        .txtsD2 p{
            font-size: 20px;
            line-height: 1.2em;
        }
    }

.txtsD3{
     
}
    .txtsD3 h2,
    .txtsD3 h3,
    .txtsD3 h1{
        font-size: 40px;
        font-weight: 700;   
        line-height: 1.3em;
        margin-bottom: 15px;    
        position: relative;   
        
        padding-left: 70px;
    }
    .txtsD3 h3 i,
    .txtsD3 h2 i,
    .txtsD3 h1 i{
        position: absolute;
        left: 10px;
        top:0px;
        font-size: 50px;
    }
    .txtsD3 p{
        font-size: 20px;
        line-height: 1.6em;
        font-weight: 400;    
        letter-spacing: .075em;
    }
    .txtsD3 .fw900{font-weight: 900!important;}
    .txtsD3 .fw300{font-weight: 300!important;} 
    .txtsD3 .fw500{font-weight: 500!important;} 
    
    @media (max-width: 576px) {
        .txtsD3 h2,
        .txtsD3 h3,
        .txtsD3 h1{
            font-size: 31px;
            font-weight: 700;   
            line-height: 1.3em;
            margin-bottom: 15px;
            padding-left: 0px;  
            text-align: center;  
        }
        .txtsD3 h3 i,
        .txtsD3 h2 i,
        .txtsD3 h1 i{
            position: relative;
            display: block;
            left: 0px;
            text-align: center;  
        }
    }


    
    
 
.txtsD4{
    
}
    .txtsD4 h2,
    .txtsD4 h3,
    .txtsD4 h1{
        font-size: 50px;
        font-weight: 700;   
        line-height: 42px;
        margin-bottom: 15px;    
    }
        .txtsD4 h2 span.grisChico,
        .txtsD4 h3 span.grisChico,
        .txtsD4 h1 span.grisChico{
            color: #a1a1a1;
            font-size: 19px;
            font-weight: 300;
            line-height: 19px;
            vertical-align: bottom;
        }
    .txtsD4 p{
        font-size: 25px;
        line-height: 1.2em;
        font-weight: 400;    
        letter-spacing: .075em;
    }
    .txtsD4 .fw900{font-weight: 900!important;}
    .txtsD4 .fw300{font-weight: 300!important;} 
    .txtsD4 .fw500{font-weight: 500!important;} 

    @media (max-width: 576px) {
        .txtsD4 h2,
        .txtsD4 h3,
        .txtsD4 h1{
            font-size: 35px; 
            line-height: 30px;
            margin-bottom: 15px;    
        }
            .txtsD4 h2 span.grisChico,
            .txtsD4 h3 span.grisChico,
            .txtsD4 h1 span.grisChico{
                font-size: 14px;
                line-height: 14px;
            }
        .txtsD4 p{
            font-size: 20px;
            line-height: 1.2em;
        }
    }
    
/* 
 boxTxt
 -------------------------
 */   

.boxTxtD1{
    padding: 20px;
    border: 3px solid #efefef;
}


/* 
 Listados
 -------------------------
 */   


.listFloata{
    list-style: none;  
    padding: 0px;     
}
    .listFloata > li{
        float: left;    
    }
    .listFloata:after{
        content: '';
        display: block;
        clear: both;
        width: 100%;
        float: none;    
    }
	





.list-D1 {
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 1.71;
	letter-spacing: .1em;
	color: #151515;
}
    .list-D1 > * > span,
    .list-D1 > * a {
    	position: relative;
    	display: block;
    	padding: 10px 0;
    	border-bottom: 1px solid #e1e1e1;
    	text-transform: uppercase;
    }
    
    .list-D1 > * a, 
    .list-D1 > * a:focus, 
    .list-D1 > * a:active {
    	color: inherit;
    }
    
    .list-D1 > * a:hover {
    	color: inherit;
    }
    .list-D1 > * > span::before,
    .list-D1 > * a::before {
    	position: absolute;
    	content: '';
    	bottom: -1px;
    	left: 0;
    	height: 3px;
    	width: 0;
    	background: #fee25f;
    	transition: all .3s ease;
    }
    
    .list-D1 > * a.active::before {
    	width: 47px;
    }
    
    .list-D1 > * a:hover:not(.active)::before {
    	width: 100%;
    }
    
    * + .list-D1 {
    	margin-top: 20px;
    }
    

@media (max-width: 767px) {
	.list-D1 {
		margin-bottom: 0;
		margin-left: -20px;
	}
	.list-D1:empty {
		margin-bottom: 0;
		margin-left: 0;
	}
	.list-D1 > * {
		display: block;
        text-align: left;
        max-width: 500px;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 20px;
	}
}

@media (min-width: 768px) {
	.list-D1 {
		text-align: left;
	}
    .list-D1 > * > span,
	.list-D1 > * a {
		padding-top: 20px;
		padding-bottom: 20px;
	}

}
 
 
 
 
 
 
 

.list-D2 {
	
}
    .list-D2 > div{
        margin-bottom: 30px;    
    }
    .list-D2 a{
        border: 0.88px solid rgba(6, 18, 36, 0.1);
        background: #ffffff;
        border-radius: 12px;
        padding: 45px;
        
        display: block;
        height: 100%;
    }
    .list-D2 a:focus, 
    .list-D2 a:active {
        
    }
    .list-D2 a:hover{
        webkit-box-shadow: 0px 9px 26px 0px rgb(31 31 51 / 6%);
        box-shadow: 0px 9px 26px 0px rgb(31 31 51 / 6%);
        border-color: rgba(151, 119, 250, 0.5);
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }
    
    .list-D2 h4{
        color:#1f2938;
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        text-align: center;
    }
    .list-D2 p{
        font-size: 15px;
        font-weight: 300;
        color: rgba(0, 0, 0, 0.4);
        position: absolute;
        bottom: 14px;
        left:0px;
        text-align: center;
        width: 100%;
    }
    .list-D2 .img{
        display: block;
        margin-bottom: 20px;
        text-align: center;
    }
    .list-D2 img{
        height: 90px;
    }

@media (max-width: 767px) {


}




.list-D3 {
    text-align: left;
    
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 10px; 
    grid-auto-rows: minmax(100px, 100%);
}
    /*
    .list-D3:after{
        content: '';
        display: block;
        width: 100%;
        clear: both;    
    }
    */
    
    .list-D3 > div {
    	position: relative;
    	padding: 0 0px;
        text-align: left; 
        margin: 0 0 15px 0;
        
    }
        .list-D3 > div:nth-child(even){
            padding-left: 20px;    
        }
    .list-D3 > div > a > div {
        height: 100%; 
        overflow: hidden;
    }
    .list-D3 > div > a > div > div{
        height: 100%; 
        padding: 10px 35px 10px 15px;  
        position: relative;
        background: rgb(255 255 255 / 80%);
    }
        .list-D3 > div:nth-child(1) > a > div > div{border: 2px solid #c5ffdc;  border-radius: 20px 0 20px 0; }
        .list-D3 > div:nth-child(2) > a > div > div{border: 2px solid #c5e3ff ; border-radius: 0 20px 0 20px; }
        .list-D3 > div:nth-child(3) > a > div > div{border: 2px solid rgba(151, 119, 250, 0.12) ; border-radius: 30px 0 20px 5px;}
        .list-D3 > div:nth-child(4) > a > div > div{border: 2px solid rgba(81, 146, 255, 0.12) ;  border-radius: 15px;}
        .list-D3 > div:nth-child(5) > a > div > div{border: 2px solid #ffcfc5 ; border-radius: 5px;}
        .list-D3 > div:nth-child(6) > a > div > div{border: 2px solid #c7baef; border-radius: 20px 0 20px 0;}
    
        .list-D3 > div:nth-child(7) > a > div > div{border: 2px solid #c5ffdc; border-radius: 0 20px 0 20px; }
        .list-D3 > div:nth-child(8) > a > div > div{border: 2px solid #c5e3ff; border-radius: 30px 0 20px 5px;}
        .list-D3 > div:nth-child(9) > a > div > div{border: 2px solid rgba(151, 119, 250, 0.12); border-radius: 15px;}
        .list-D3 > div:nth-child(10) > a > div > div{border: 2px solid rgba(81, 146, 255, 0.12); border-radius: 5px;}
        .list-D3 > div:nth-child(11) > a > div > div{border: 2px solid #ffcfc5; border-radius: 5px;}
        .list-D3 > div:nth-child(12) > a > div > div{border: 2px solid #c7baef; border-radius: 5px;}
        
        .list-D3 > div > a > div > div:after{
            font-family:'Font Awesome\ 5 Free';
            content: "\f054";
            font-size: 22px;
            display: inline-block;
            color:#9777fa;
            font-weight: 900;
            position: absolute;
            top: 20px;
            right: 15px;
        }
    
    .list-D3 a{
           
    }
    .list-D3 a:focus, 
    .list-D3 a:active {
        
    }
    .list-D3 a:hover > div > div{
        background: #9777fa!important;
    }
        .list-D3 > div > a:hover > div > div:after,
        .list-D3 a:hover  * {
            color: #fff!important;
        }
    .list-D3 a.active::before {
    	width: 47px;
    }
    
    .list-D3 a:hover:not(.active)::before {
    	width: 100%;
    }
    .list-D3 h4{
        font-size: 18px;
        font-weight: 600;
        color:#4c4c4c;
    }
    .list-D3 p{
        font-size: 15px;
        font-weight: 300;
        color:#7c7c7c;
    }


@media (max-width: 767px) {
	.list-D3 {
		margin-bottom: 0;
        display: block;
	}
	.list-D3:empty {
		margin-bottom: 0;
		margin-left: 0;
	}
	.list-D3 > div {
		display: block;
        text-align: left;
        width: 100%;
		margin-top: 0;
		margin-bottom: 20px;
		margin-right: auto;
        margin-left: auto;
        padding: 0px;
	}
    .list-D3 > div:nth-child(even){
        padding-left: 0px;    
    }
}

@media (min-width: 768px) {
	.list-D3 {
		text-align: left;
	}
    .list-D3 > * > span,
	.list-D3 > * a {
		padding-top: 20px;
		padding-bottom: 20px;
	}

}







.list-D4 {
	display: block;
    margin: 0px;
    padding: 0px;
}
    .list-D4 > * {
    	padding-left: 50px;
        padding-bottom: 10px;
        position: relative;
    }
    .list-D4 > * > i {
        position: absolute;
        left: 10px;
        top: 6px;
    }
    .list-D4 > li:last-child{
        padding-bottom: 0px;    
    }    
    .list-D4.v1{
        padding-top: 8px;
        font-size: 21px;
    }

/**
* Background Image
*/
.bg-D1 {
	background-size: cover;
	background-position: center center;
    background-color: transparent;
    display: block;
    max-width: 1500px;
    margin: auto;
}
    .bg-D1 > div {
    	position: relative;
    	padding: 50px 0;
    	text-align: center;
    	background-color: #9777fa;
        position: relative;
    	overflow: hidden;
        z-index: 1;
    }
    .bg-D1 > div .title {
    	font-weight: 500;
        color: #ffffff;
        font-size: 44px;
    }

    
    .bg-D1 .box-img {
    	position: absolute;
    	right: 0;
    	top: 0;
    	width: calc(100% + 150px);
    	height: calc(100% + 150px);
    	will-change: transform;
    	animation: bgPos 100s linear infinite;
    	transform: translate3d(75px, -75px, 0) rotate(0.001deg);
    	background-position: 50% 50%;
    	background-size: cover;
    	pointer-events: none;
    	z-index: -1;
    }
    .bg-D1.sombra  > div{
        background-color: #000;
    }

    .bg-D1.sombra .box-img{
        opacity: .7;
    }

    @media (min-width: 768px) {
    	..bg-D1 > div {
    		padding: 80px 0;
    	}
    }    

    @media (min-width: 992px) {
    	..bg-D1 > div {
    		padding: 90px 0;
    	}
    }

@media (min-width: 1200px) {
	.breadcrumbs-custom {
		padding: 116px 0;
	}
}
/* 
 textosGestionadoDesdeCMS
 -------------------------
 */
.textosGestionadoDesdeCMS{
    
}
    .textosGestionadoDesdeCMS,
    .textosGestionadoDesdeCMS *{
        color: #2b2b2b;
        font-size: 22px;
        line-height: 33px;
        font-weight: 300;
    }
    
    
    .textosGestionadoDesdeCMS strong *,
    .textosGestionadoDesdeCMS strong,
    .textosGestionadoDesdeCMS b *,
    .textosGestionadoDesdeCMS b{
        font-weight: 600; 
        color: inherit;   
    }
    .textosGestionadoDesdeCMS u *,
    .textosGestionadoDesdeCMS u,
    .textosGestionadoDesdeCMS em *,
    .textosGestionadoDesdeCMS em{
        color: inherit;   
    }
    .textosGestionadoDesdeCMS h2 *,
    .textosGestionadoDesdeCMS h2{
        font-weight: 800;   
        font-size: 30px; 
        padding-bottom: 10px;
        /*
        color:#9777fa;
        */
    }
    .textosGestionadoDesdeCMS h3 *,
    .textosGestionadoDesdeCMS h3{
        font-weight: 800;  
        font-size: 22px; 
        color: inherit; 
    }
    
    .textosGestionadoDesdeCMS ul,
    .textosGestionadoDesdeCMS p{
        margin-bottom: 15px;   
    }
    .textosGestionadoDesdeCMS a *,
    .textosGestionadoDesdeCMS a{
        color: #9777fa; 
        cursor: pointer;
    }
        .textosGestionadoDesdeCMS a:active *,
        .textosGestionadoDesdeCMS a:focus *,
        .textosGestionadoDesdeCMS a:hover *,
        .textosGestionadoDesdeCMS a:active,
        .textosGestionadoDesdeCMS a:focus,
        .textosGestionadoDesdeCMS a:hover{
            color:#9777fa;    
            text-decoration: none;
        }
    .textosGestionadoDesdeCMS iframe,
    .textosGestionadoDesdeCMS object{
        max-width: 100%;
        width: 100%;
    }
    .textosGestionadoDesdeCMS iframe[src*="vimeo.com"]{
        background-color: #000;
    }
    .textosGestionadoDesdeCMS img{
        max-width: 100%;
    }


    .textosGestionadoDesdeCMS .fab{
        font-family: 'Font Awesome\ 5 Brands'!important;
        font-size: 24px!important;
        padding-right: 20px;
    }
    .textosGestionadoDesdeCMS ol,
    .textosGestionadoDesdeCMS ul{
        
    }
        .textosGestionadoDesdeCMS ol li,
        .textosGestionadoDesdeCMS ul li{
            padding-left: 20px;
            position: relative;
        }
        .textosGestionadoDesdeCMS ol li:before,
        .textosGestionadoDesdeCMS ul li:before{
            content: '•';
            position: absolute;
            left: 5px;  
            font-weight: 900;
            font-size: 20px;
        }

.textosGestionadoDesdeCMS ol.navegacion, 
.textosGestionadoDesdeCMS ul.navegacion{
    padding-top: 9px;
}
    .textosGestionadoDesdeCMS ul.navegacion a{
        font-size: 17px;
    }
    .textosGestionadoDesdeCMS ul.navegacion a:hover{
        color:#000;
    }
    .textosGestionadoDesdeCMS ul.navegacion li{
        padding-bottom: 4px;
    }

@media screen and (max-width: 500px) {
    .textosGestionadoDesdeCMS iframe,
    .textosGestionadoDesdeCMS object{
        height: auto;
    }
    
    .textosGestionadoDesdeCMS h2 *,
    .textosGestionadoDesdeCMS h2{
        font-size: 25px; 
    }
}        
/*  
 boxFijoDeplegable
 -------------------------
 */

.boxFijoDeplegable{
	position: fixed;
	top: 30%;
	right:0px;
	display: inline-block;
	z-index: 100;
}
    .boxFijoDeplegable > a{
    	padding: 0px;
    	background-color: rgba(247, 84, 0, 0.8);
        
    	border: 0px;
    	border-right-width: 0px;
        margin-right: -4px;      
        
        display: inline-block;
        font-size: 25px;
        text-align: center;
        width: 45px;
        height: 45px;
        position: relative;
    }
        .boxFijoDeplegable > a i{
            line-height: 45px;   
            color: #fff;
            transition: .3s all ease;
        }
        .boxFijoDeplegable > a i.cerrar{
            display: none;  
        }
	.boxFijoDeplegable > a:hover{
		border: 0px;
		border-right-width: 0px;
	}
        .boxFijoDeplegable > a:hover i{
    		color: #000;
    	}
        .boxFijoDeplegable > a:hover:after{
            font-family:'Font Awesome\ 5 Free';
            content: "\f053";
            font-size: 28px;
            display: inline-block;
            color: #9777fa;
            font-weight: 900;
            position: absolute;
            top: 8px;
            left: -23px;
        }
        .boxFijoDeplegable.activado > a:hover:after{
            font-family:'Font Awesome\ 5 Free';
            content: "\f054";
            font-size: 28px;
            display: inline-block;
            color: #9777fa;
            font-weight: 900;
            position: absolute;
            top: 8px;
            left: -23px;
        }
    .boxFijoDeplegable > div{

        display: inline-block;
        width: 0px;
        overflow: hidden;   
        background-color: rgba(255, 255, 255, 0.95); 
        
        transition: 1.5s all ease;
    }

    .boxFijoDeplegable.activado{
        
    }
        .boxFijoDeplegable.activado > a{
            background-color: rgba(247, 84, 0, 0.8);
        }
        .boxFijoDeplegable.activado > div{ 
            transition: 1.5s all ease;
            width: 345px;
            max-width: 100%;
        }
        

        .boxFijoDeplegable.activado > div,
        .boxFijoDeplegable div.txtHorarios{
            width: 345px;
        }
        .boxFijoDeplegable.activado > a i.cerrar{
            display: inline-block;  
        }
        .boxFijoDeplegable.activado > a i:not(.cerrar){
            display: none;  
        }

@media screen and (max-width: 400px) {
    .boxFijoDeplegable.activado > div,
    .boxFijoDeplegable div.txtHorarios{ 
        transition: 1.5s all ease;
        width: 100vw;
        max-width: 300px;
        overflow: hidden;
    }
    .boxFijoDeplegable div.txtHorarios *{ 
        white-space: nowrap;
    }
}
@media screen and (max-width: 350px) {
    .boxFijoDeplegable.activado > div,
    .boxFijoDeplegable div.txtHorarios{ 
        transition: 1.5s all ease;
        width: 100vw;
        max-width: 100vw;
    }
}
/*
* @section      Mensajes
* @description  
*/

/* 
 Mensajes
 -------------------------
 */

.formMsj {
  padding: 0;
  line-height: 22px;
  text-align: left;
  clear: both;
  float: none;
}

.formMsj.success,
.formMsj .success {
  color: #545454;
  font-size: 17px;
  line-height: 1.3em;
  padding: 6px 24px 6px 40px;
  
  font-weight: bold;
  border: 2px solid #009900;
  position: relative;
  font-weight: 400;
  margin-bottom: 5px;
  background-color: rgba(255,255,255,.9);
}
    .formMsj.success:before,
    .formMsj .success:before{
        font-family:'Font Awesome\ 5 Free';
        content: "\f00c";
        position: absolute;
        left:10px;
        display: inline-block;
        color: #009900;
        font-weight: 600;
    }
    
.formMsj.error,
.formMsj .error {
  color: #545454;
  font-size: 17px;
  line-height: 1.3em;
  padding: 6px 24px 6px 40px;
  font-weight: bold;
  border: 2px solid #ff3838;
  position: relative;
  font-weight: 400;
  margin-bottom: 5px;
  background-color: rgba(255,255,255,.9);
}
    .formMsj.error:before,
    .formMsj .error:before{
        font-family:'Font Awesome\ 5 Free';
        content: "\f00d";
        position: absolute;
        left:10px;
        display: inline-block;
        color: #ff3838;
        font-weight: 600;
    }




.msj_advertencia{
	padding:9px 10px 10px 45px;
	margin:0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
	color: #767676;
	font-size: 14px;
    position: relative;
}
    .msj_advertencia:before{
    	content: "\f129";
        display: inline-block;
        font-family:'Font Awesome\ 5 Free';
        
        color: #e5e5e5;
        position: absolute;
        top: 5px;
        left: 15px;
        font-size: 20px;
    }
.msj_exito{
	margin:0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #009900;
	border-bottom-color: #009900;
    
    position: relative;
}
    .msj_exito:before{
        font-family:'Font Awesome\ 5 Free';
        content: "\f00c";
        font-weight: 600;
        
        display: inline-block;
        color: #009900;
        position: absolute;
        top: 9px;
        left: 5px;
        font-size: 20px;
    }
	.msj_exito .msj_contenido
	{
		text-align: left;
		padding:9px 10px 10px 45px;
		color:#404040;
        display: block;
	}
    .msj_exito,
	.msj_exito * {
		font-size: 14px;
        line-height: 20px;
	}
	
.msj_error
{
	margin:0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F30;
	border-bottom-color: #F30;
    display: block;
    position: relative;
}
    .msj_error:before{
        font-family:'Font Awesome\ 5 Free';
        content: "\f00d";
        font-weight: 600;
        
        display: inline-block;
        color: #F30;
        position: absolute;
        top: 9px;
        left: 15px;
        font-size: 20px;
    }
	.msj_error .msj_contenido
	{
		text-align: left;
		padding:9px 10px 10px 45px;
		color:#404040;
        display: block;
	}
    .msj_error,
	.msj_error * {
		font-size: 14px;
        line-height: 20px;
	}
    .msj_error_box{
    	padding:3px 3px 3px 3px;
    	border-top-width: 1px;
    	border-bottom-width: 1px;
    	border-top-style: solid;
    	border-bottom-style: solid;
    	border-top-color: #F30;
    	border-bottom-color: #F30;
        background-color: #FBCCCC;
    }
    
    
 
form .vlRespuesta{
    color: red!important;
    font-size: 14px!important;
    display: block!important;
    height: auto!important;
    text-transform: none!important;
    
    width: 100%;
    padding: 11px;
    border-left: 3px solid red;
    line-height: 14px;
}



/* Barra de navegacion */

.breadcrumb{
    background-color: transparent; 
    padding: 9px 15px 9px 0px;
    border-radius: 0px 0px 0px 0px;    
}
    .breadcrumb *{
        font-size: 12px;
    }
    .breadcrumb >.active{
        color:#212121;
    }
    .breadcrumb >li+li:before{
        color: #b7b7b7;
        content: '/';
        display: inline-block;
        font-weight: 200;
        padding: 0px 5px;
    }
    .breadcrumb a{
        color: #b7b7b7;
    }
        .breadcrumb a:hover,
        .breadcrumb a:focus{
            color: #212121;    
        }
        
.navVolver a{

}
    .navVolver a i{
        font-size: 10px;
        margin-right: 4px;
        vertical-align: middle;
        color: #b7b7b7;
    }
    .navVolver a span{
        color: #b7b7b7;
        font-size: 12px;
        vertical-align: middle;
    }
    .navVolver a:hover *,
    .navVolver a:focus *,
    .navVolver a:hover,
    .navVolver a:focus{
        color: #212121;    
    }































/* pagError404 */

#pagError404{

}
    #pagError404 .page-content {
        height: 100%;
        background-color: #000; 
    }
    #pagError404 .page-content section{
        text-align: center;  
    }
    #pagError404 .page-content h5{
        text-align: center;  
        font-size: 15em;
        font-weight: 100;
        line-height: 1;
        letter-spacing: .05em;
        color: rgba(255, 255, 255, 0.46);
        animation: titleColor 3s linear infinite; 
        padding: 70px 0 0px 0;
    }
    #pagError404 .page-content h4{
        font-size: 1.9em;
        text-transform: uppercase;
        color: #FFF;  
        padding: 30px 0 30px 0;
    }
    #pagError404 .page-content a{
        text-align: center; 
    }











/* *********************************************
Efectos
*********************************************** */





@keyframes hero-thumb-animation {
    0% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0px);
    }
}
@keyframes hero-thumb-sm-animation {
    0% {
        -webkit-transform: translateY(-20px) translateX(50px);
        -moz-transform: translateY(-20px) translateX(50px);
        -ms-transform: translateY(-20px) translateX(50px);
        transform: translateY(-20px) translateX(50px);
    }
    100% {
        -webkit-transform: translateY(-20px) translateX(0px);
        -moz-transform: translateY(-20px) translateX(0px);
        -ms-transform: translateY(-20px) translateX(0px);
        transform: translateY(-20px) translateX(0px);
    }
}
@keyframes hero-thumb-sm-2-animation {
    0% {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
}
.efect_1 {
    -webkit-animation: hero-thumb-animation 2s linear infinite alternate;
    -moz-animation: hero-thumb-animation 2s linear infinite alternate;
    -o-animation: hero-thumb-animation 2s linear infinite alternate;
    animation: hero-thumb-animation 2s linear infinite alternate;
}
.efect_2 {
    -webkit-animation: hero-thumb-sm-animation 4s linear infinite alternate;
    -moz-animation: hero-thumb-sm-animation 4s linear infinite alternate;
    -o-animation: hero-thumb-sm-animation 4s linear infinite alternate;
    animation: hero-thumb-sm-animation 4s linear infinite alternate;
}
.efect_3 {
    -webkit-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
    -moz-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
    -o-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
    animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
}











/* boxContacto */

#pagContacto{
    
}
    #pagContacto iframe{
        width: 100%;
        height: 300px;
        margin-bottom: 30px;    
    }

    
.boxContacto{
    padding: 80px 0;    
}
    .boxContacto h4{
        font-size: 25px;
        font-weight: 800; 
        margin-bottom: 15px;   
    }
    .boxContacto .info{
        padding-bottom: 30px;    
    }
        .boxContacto .info p.horarios{
  
        }
        .boxContacto .info p{
            padding-bottom: 10px;
            position: relative;
            padding-left: 40px;
            max-width: 400px;
            line-height: 1.5em;
        }
        .boxContacto .info > div{
            padding-bottom: 10px;
            position: relative;
            padding-left: 40px;
            max-width: 400px;
            line-height: 1.5em;
        }
        .boxContacto .info p i{
            display: block;
            width: 24px;
            text-align: center;
            padding-top: 2px;
            
            position: absolute;
            left: 5px;
            top: 3px;
        }
            .boxContacto .info p.dir i{
                font-size: 20px;    
            }
        .boxContacto .info p span{
            display: block;
            float: left;
            letter-spacing: 1px;
        }
        .boxContacto .info p.tel span,
        .boxContacto .info p.cel span{

        }
        .boxContacto .info p:after{
            content: '';
            display: block;
            float: none;
            clear: both;
        }
        .page-footer .info p.email img,
        .boxContacto .info p.email img{
            vertical-align: middle;
        }
        
        
        
        .boxContacto .info a:focus,
        .boxContacto .info a:active,
        .boxContacto .info a:hover,
        .boxContacto .info a:focus *,
        .boxContacto .info a:active *,
        .boxContacto .info a:hover *{
            color: #9777fa;      
            text-decoration: none;
        }
        .boxContacto .redes a:focus *,
        .boxContacto .redes a:active *,
        .boxContacto .redes a:hover *{
            color: #9777fa;      
            text-decoration: none;
        }
        
        
        
    .boxContacto .social{
        
    }
        .boxContacto .social li{
            margin-right: 20px;    
        }
        .boxContacto .social li i{
            font-size: 22px;  
        }
    .boxContacto .g-recaptcha > div{
        margin-left: 0;    
    }

    @media (max-width: 992px) {
        
        .boxContacto {
            padding: 30px 0 30px 0;
        }
        .boxContacto .col1{ 
            padding-bottom: 50px;    
        } 
        .boxContacto .info{
            display: inline-block;
            vertical-align: top;    
            width: auto;
        }
        .boxContacto .info:nth-child(1){
            margin-right: 50px;
        }
        .boxContacto .info:nth-child(2){
            padding-bottom: 0px;    
        }
    }
    @media (max-width: 576px) {
      
        .boxContacto h4{
            margin-bottom: 20px;   
        }
    }
/* 
 botones
 -------------------------
 */
.btn.btn-D1{
    border: 0px solid #9777fa;
    background: #9777fa;
    border-radius: 15px;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}
    .btn.btn-D1 > span{  
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        vertical-align: middle;
        display: inline-block;
    }
    .btn.btn-D1 > i{   
        font-size: 18px;
        vertical-align: middle;
        display: inline-block;
        color: #fff;
    }
    .btn.btn-D1:focus,
    .btn.btn-D1:hover{
        background: #7863b7;
    }
        .btn.btn-D1:focus,
        .btn.btn-D1:hover,
        .btn.btn-D1:focus > i,
        .btn.btn-D1:hover > i,
        .btn.btn-D1:focus > span,
        .btn.btn-D1:hover > span{
            color: #fff!important;
        }
    .btn.btn-D1.D2{  
        letter-spacing: 3px;
    }
        .btn.btn-D1.D2 > span{  
            padding-left: 10px;
        }


    .btn.btn-D1.DVerde{
        border: 1px solid #59baa9;
        background: #59baa9;
    }
        .btn.btn-D1.DVerde > span{  
            color: #fff;
        }
        .btn.btn-D1.DVerde > i{
            color: #fff;   
        }
        .btn.btn-D1.DVerde:focus,
        .btn.btn-D1.DVerde:hover{
            background: #fff;
        }
            .btn.btn-D1.DVerde:focus,
            .btn.btn-D1.DVerde:hover,
            .btn.btn-D1.DVerde:focus > i,
            .btn.btn-D1.DVerde:hover > i,
            .btn.btn-D1.DVerde:focus > span,
            .btn.btn-D1.DVerde:hover > span{
                color: #59baa9!important;
            }
            
            
            
    .btn.btn-D1.DVioleta{
        border: 1px solid #2b2b2b;
        background: #2b2b2b;
    }
        .btn.btn-D1.DVioFic > span{  
            color: #fff;
        }
        .btn.btn-D1.DVioFic > i{
            color: #fff ;   
        }
        .btn.btn-D1.DVioFic:focus,
        .btn.btn-D1.DVioFic:hover{
            background: #9777fa ;
        }
            .btn.btn-D1.DVioFic:focus,
            .btn.btn-D1.DVioFic:hover{
                background: #9777fa;  
                border: 1px solid #9777fa;  
            }
            .btn.btn-D1.DVioFic:focus > i,
            .btn.btn-D1.DVioFic:hover > i,
            .btn.btn-D1.DVioFic:focus > span,
            .btn.btn-D1.DVioFic:hover > span{
                color: #fff!important;
            }
            
         
         
        
.btn.btn-D2{
    border: 1px solid #9777fa;
    background: #FFF;
    border-radius: 3px 3px 3px 3px;
    box-sizing: border-box;
    color: #9777fa;
    font-size: 14px;
    font-weight: 600;
}
    .btn.btn-D2 > span{  
        color: #9777fa;
        font-size: 14px;
        font-weight: 600;
        vertical-align: middle;
        display: inline-block;
    }
    .btn.btn-D2 > i{
        color: #9777fa;   
        font-size: 14px;
        vertical-align: middle;
        display: inline-block;
    }
    .btn.btn-D2:focus,
    .btn.btn-D2:hover{
        background: #9777fa;
    }
        .btn.btn-D2:focus,
        .btn.btn-D2:hover,
        .btn.btn-D2:focus > i,
        .btn.btn-D2:hover > i,
        .btn.btn-D2:focus > span,
        .btn.btn-D2:hover > span{
            color: #fff;
        }
        
        
    .btn.btn-D2.DVerde{
        border: 1px solid #2d8c31;
        background: #FFF;
        color: #2d8c31;
    }
        .btn.btn-D2.DVerde > span{  
            color: #2d8c31;
        }
        .btn.btn-D2.DVerde > i{
            color: #2d8c31;   
        }
        .btn.btn-D2.DVerde:focus,
        .btn.btn-D2.DVerde:hover{
            background: #2d8c31;
        }
            .btn.btn-D2.DVerde:focus,
            .btn.btn-D2.DVerde:hover,
            .btn.btn-D2.DVerde:focus > i,
            .btn.btn-D2.DVerde:hover > i,
            .btn.btn-D2.DVerde:focus > span,
            .btn.btn-D2.DVerde:hover > span{
                color: #fff;
            }  
            
            
    .btn.btn-D2.btn-D2-Negro{
        border: 1px solid #2b2b2b;
        background: #FFF;
        color: #2b2b2b;
    }
        .btn.btn-D2.btn-D2-Negro > span{  
            color: #2b2b2b;
        }
        .btn.btn-D2.btn-D2-Negro > i{
            color: #2b2b2b;   
        }
        .btn.btn-D2.btn-D2-Negro:focus,
        .btn.btn-D2.btn-D2-Negro:hover{
            background: #2b2b2b;
        }
            .btn.btn-D2.btn-D2-Negro:focus,
            .btn.btn-D2.btn-D2-Negro:hover,
            .btn.btn-D2.btn-D2-Negro:focus > i,
            .btn.btn-D2.btn-D2-Negro:hover > i,
            .btn.btn-D2.btn-D2-Negro:focus > span,
            .btn.btn-D2.btn-D2-Negro:hover > span{
                color: #fff;
            }
    .btn.btn-D2.D2{  
        letter-spacing: 3px;
    }
        .btn.btn-D2.D2 > span{  
            padding-left: 10px;
        }
        
        


    
           
.btn-D3{
      
}
    .btn-D3{
        border: 1px solid #e1d7ff;
        background: #fff;
        border-radius: 5px;
        padding: 15px;
        box-sizing: border-box;
        color: #9777fa;
        font-size: 14px;
        font-weight: 400;
        position: relative;  
        display: inline-block;
    }
    .btn-D3 *{
        vertical-align: middle;
        color: #9777fa;
    }
    .btn-D3 i,
    .btn-D3 i:before{
        font-size: 33px;
        color: #d2c4ff;
    }
    .btn-D3 img{
        position: absolute;
        top: 0px;
        bottom: 0px;
        margin: auto;
        left: 21px;
        height: 37px;
        width: auto;
        text-align: center;
    }
    .btn-D3 i{
        position: absolute;
        top: 0px;
        bottom: 0px;
        margin: auto;
        left: 14px;
        height: 34px;
        width: 44px;
        text-align: center;
    }
    .btn-D3 span{
        font-size: 22px;
        padding: 0 5px;
        max-width: 240px;
        display: inline-block;
        
        border-left: 1px solid #e1d7ff;
        padding-left: 15px;
        margin-left: 55px;
        
        text-align: left;
    }
    .btn-D3:hover,
    .btn-D3:active,
    .btn-D3:focus
    {
        background-color: #e1d7ff;   
        color: #9777fa; 
    }
        .btn-D3:hover *,
        .btn-D3:active *,
        .btn-D3:focus *
        {
            color: #9777fa;    
        }
     
  
.btn.btn-D4{
    border: 1px solid #4cbf1c;
    background: #4cbf1c;
    border-radius: 9px 9px 9px 9px;
    box-sizing: border-box;
    color: #bbff9e;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 7px 25px;
}
    .btn.btn-D4 > span{  
        color: #fff;
        font-size: 18px;
        line-height: 34px;
        font-weight: 500;
        vertical-align: middle;
    }
    .btn.btn-D4 > i{
        color: #fff;   
        font-size: 16px;
        vertical-align: middle;
    }
    .btn.btn-D4:focus,
    .btn.btn-D4:hover{
        background: #bbff9e;
    }
        .btn.btn-D4:focus,
        .btn.btn-D4:hover,
        .btn.btn-D4:focus > i,
        .btn.btn-D4:hover > i,
        .btn.btn-D4:focus > span,
        .btn.btn-D4:hover > span{
            color: #4cbf1c;
        }
      
        
.btn-D5{
    
}
    .btn-D5{
        display: inline-block;
        border: 1px solid #2b2b2b;
        padding: 3px 7px;
        background-color: transparent; 
        font-size: 14px;
        text-transform: uppercase;
        color: #2b2b2b;
        font-weight: 300;   
        border-radius: 3px 3px 3px 3px;
    }
    .btn-D5 *{
        vertical-align: middle;
        color: #2b2b2b;
    }
    .btn-D5 i,
    .btn-D5 i:before{
        font-size: 12px;
    }
    .btn-D5 span{
        font-size: 14px;
        padding: 0 5px;
        font-weight: 700;
    }
    .btn-D5:hover,
    .btn-D5:active,
    .btn-D5:focus
    {
        background-color: #2b2b2b; 
        color: #fff;    
    }
        .btn-D5:hover *,
        .btn-D5:active *,
        .btn-D5:focus *
        {
            color: #fff;    
        }
     
     
     
.btn-D6{
    
}
    .btn-D6{
        display: inline-block;
        border: 0px solid #efefef;
        padding: 0px 7px;
        background-color: transparent; 
        line-height: 22px;
        text-transform: uppercase;  
        border-radius: 6px 6px 6px 6px;
    }
    .btn-D6 *{
        vertical-align: middle;
        color: #b1b1b1;
    }
    .btn-D6 i{
        font-size: 11px;
    }
    .btn-D6 span{
        font-size: 12px;
        padding: 0 5px;
        font-weight: 400;
    }
    .btn-D6:hover,
    .btn-D6:active,
    .btn-D6:focus
    {
        background-color: #fff; 
        color: #2b2b2b;    
    }
        .btn-D6:hover *,
        .btn-D6:active *,
        .btn-D6:focus *
        {
            color: #2b2b2b;    
        }
        
     
     
     
.btnSolicitarRevision{
    border: 1px solid #e7e7e7;
    padding: 6px 18px 11px 18px;
    background: whitesmoke;
    border-radius: 10px;    
}   
    .btnSolicitarRevision:active *,
    .btnSolicitarRevision:focus *,
    .btnSolicitarRevision:hover *{
        color: #ff9900!important;   
    } 
    
    
       
/* 
 formularios
 -------------------------
 */
  
.formD1 input[type="text"],
.formD1 input[type="email"],
.formD1 input[type="number"],
.formD1 textarea,
.formD1 select{
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #e6e6e6;
    
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075);
    box-shadow: inset 0 0 0  rgba(0,0,0,.075);
}
    .formD1 input[type="text"]:hover,
    .formD1 input[type="email"]:hover,
    .formD1 input[type="number"]:hover,
    .formD1 input[type="text"]:focus,
    .formD1 input[type="email"]:focus,
    .formD1 input[type="number"]:focus,
    .formD1 textarea:hover,
    .formD1 textarea:focus,
    .formD1 select:hover,
    .formD1 select:focus{
        border-color: #e6e6e6;
        border-bottom-color:  #9777fa;
        
        -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075), 0 0 0 rgba(102,175,233,.6);
        box-shadow: inset 0 0 0 rgba(0,0,0,.075), 0 0 0 rgba(102,175,233,.6);
    }
    
    .formD1 input::-webkit-input-placeholder { font-weight:400;text-transform: normal;color: #495057;} /* Webkit */
    .formD1 input:-moz-placeholder { font-weight:400;text-transform: normal;font-size: 16px;color: #495057;} /* Firefox 4-18 */
    .formD1 input::-moz-placeholder { font-weight:400;text-transform: normal;font-size: 16px;color: #495057; } /* Firefox 19+ */
    .formD1 input:-ms-input-placeholder { font-weight:400;text-transform: normal;font-size: 16px;color: #495057; } /* IE10+ */

    .formD1 textarea::-webkit-input-placeholder { font-weight:400;text-transform: normal;font-size: 16px;color: #495057;} /* Webkit */
    .formD1 textarea:-moz-placeholder { font-weight:400;text-transform: normal;font-size: 16px;color: #495057;} /* Firefox 4-18 */
    .formD1 textarea::-moz-placeholder { font-weight:400;text-transform: normal;font-size: 16px;color: #495057; } /* Firefox 19+ */
    .formD1 textarea:-ms-input-placeholder { font-weight:400;text-transform: normal;font-size: 16px; color: #495057;} /* IE10+ */
    
    

.formD1 .botonera .btn.btn-D1 > span{  
    font-size: 23px;
    font-weight: 400;
}
    
.formD1 .btnSubmit{
    
}
    .formD1 .btnSubmit > i{
        display: none;
        vertical-align: middle;
    }
.formD1 .btnSubmit.btnLoading{
 
}
    .formD1 .btnSubmit.btnLoading > span{
        margin-right: 7px;
    }
    .formD1 .btnSubmit.btnLoading > i{
        display: inline-block;
    }
    
    
    
.formD1 .text-center > .g-recaptcha > div,
.formD1 .g-recaptcha.center > div
{
    margin-left: auto;
    margin-right: auto;
}



.formD1 div.campo{
    margin-bottom: 15px;      
}

.formD1 textarea{
    min-height: 120px;      
}

.formD1 input[type="checkbox"],
.formD1 input[type="radio"]{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
    
    width: 17px;
    height: 17px;
    
    background: #fff;
    border: 2px solid #212121;
    
    vertical-align: middle;
    margin: 0px;
}
    .formD1 input[type="checkbox"]:checked,
    .formD1 input[type="radio"]:checked{
        background: #9777fa!important;
    }
    .formD1 input[type="checkbox"]{
        border-radius: 3px 3px 3px 3px;    
    }
 

.formD1 div.campo.D2{
    
}
    .formD1 div.campo.D2 label{
        padding-left: 34px;
        position: relative;
    }
    .formD1 div.campo.D2 input{
        position: absolute;
        left: 8px;
        top: 8px; 
    }
    
.formD1 .campo.D4{
    
}
    .formD1 .campo.D4 input{
        padding-right: 72px;
    }
    .formD1 .campo.D4 .contador{
        position: absolute;
        bottom: 12px;
        right: 25px;
        font-weight: 300;
        font-size: 13px;
        display: inline-block;
    }

.formD1 .listOpciones.D2{
    padding: 10px 10px 30px 15px  
}
    .formD1 .listOpciones.D2 li{
        margin-bottom: 10px;
        position: relative;
    }
    .formD1 .listOpciones.D2 li label{
        margin-left: 25px;  
    }
    .formD1 .listOpciones.D2 li *{
        font-size: 20px;
        line-height: 25px;    
    }
    .formD1 .listOpciones.D2 li input[type="checkbox"],    
    .formD1 .listOpciones.D2 li input[type="radio"]{
        position: absolute;
        left: 0px;
        top: 7px;    
    }
    .formD1 .listOpciones.D2 li b{
        font-weight: 600;  
    }

        
.formD1 .listOpciones2{
    padding: 10px 10px 15px 15px;
}
    .formD1 .listOpciones2 li{
        margin-bottom: 10px;
        position: relative;
    }
    .formD1 .listOpciones2 .campos{
        position: absolute;
        left: 0px;
        top: 0px;   
    }
    .formD1 .listOpciones2 .txt{
        margin-left: 140px;   
        display: block;
    }
    .formD1 .listOpciones2 li label{
        min-width: 60px;
        display: inline-block;
        vertical-align: middle;  
    }
        .formD1 .listOpciones2 li label *{
            vertical-align: middle;    
        }
    .formD1 .listOpciones2 li *{
        font-size: 20px;
        line-height: 25px;    
    }
        .formD1 .listOpciones2 li .fz-28{
            font-size: 28px;
            line-height: 28px;    
        }
    .formD1 .listOpciones2 li input[type="checkbox"],    
    .formD1 .listOpciones2 li input[type="radio"]{
           
    }

.formD1 input[type="radio"] + i,        
.formD1 input[type="checkbox"] + i{
    display: none!important;  
    
    position: absolute;
    left: 11px;
    top: 4px;
    color: #ffffff;
    font-size: 13px; 
}
    .formD1 input[type="radio"]:checked + i,
    .formD1 input[type="checkbox"]:checked + i{
        display: inline-block!important; 
    }
    .formD1 div.campo.D2 input[type="radio"] + i,        
    .formD1 div.campo.D2 input[type="checkbox"] + i{
        top: 10px;
    }
    .formD1.formPublicar  div.campo.D2 input[type="radio"] + i,        
    .formD1.formPublicar div.campo.D2 input[type="checkbox"] + i{
        top: 5px;
    }
        
@media (min-width: 1300px) {
    
    .formD1 .row{ 
        margin-right: 0px;     
    }
    .formD1 .row > div{ 
        padding-right: 0px;     
    }
        
}
@media (max-width: 767px) {
    .formD1 .g-recaptcha > div
    {
        margin-left: auto;
    }
    .formD1 .botonera{
        text-align:center;  
    }
    .formD1 .btn{
        width: 100%;
    }
    .formD1 .g-recaptcha > div{
        margin-left: auto;
        margin-right: auto;    
    }
        
}
@media (max-width: 400px) {
    .formD1 .listOpciones2{
        padding-left:0px;
        padding-right:0px;
    }
    .formD1 .listOpciones2 .campos{
        position: relative;
        display: block;
        padding-bottom: 10px;
    }
    .formD1 .listOpciones2 .txt {
        margin-left: 0px;
    }
}
   
    
    
    

    
/* 
 Compartir 
 -------------------------
 */
.rSociales{
    
}
    .rSociales > p{
        display: inline-block;
        vertical-align: middle;
        width: auto;  
        font-size: 13px;   
        line-height: 20px;   
        margin-right: 15px;
    }
    .rSociales > p *{
        vertical-align: middle;        
    }
    .rSociales > p > i{
        font-size: 10px;
        margin-right: 4px;      
    }
    .rSociales > ul,
    .rSociales > ul li{
        display: inline-block; 
        vertical-align: middle;
        margin-right: 25px;     
    }
    .rSociales > ul li *{
        
    }
        .rSociales > ul li a:hover *{
            color: #9777fa;    
        }
        
        
/*
.compartir{
    text-align: center;
    padding: 15px 0;        
}
    .compartir p{
        padding-bottom: 3px;   
    }
*/          
        
        
/* 
 Goto Next 
 -------------------------
 */
.goto-next {
	border: 0;
	bottom: 0;
	
	
	left: 0px;
    right: 0px;
	margin: auto;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
    
    display: block;
	max-width: 300px;
    height: 60px;
    text-align: center;
    
	z-index: 1;
}

	.goto-next:before {
        font-family: 'Flaticon';
        content: "\f117";
        font-size: 45px;
        font-weight: 400;
        color: #e8e8e8;
        opacity: 1;
        /*
        text-shadow: 1px 1px 3px rgb(0, 0, 0, 0.5);
        */
		display: inline;
	}
    .goto-next:hover:before{
        color: #9777fa;    
    }
/* 
 miAcordion 
 -------------------------
 */
.miAcordion{
    border-top: 1px solid #f3f3f3;
}
.miAcordion > h4{
    background-color: #e4e4e4;
    font-weight: 500;
    padding: 10px;
    color: #848484;
}
.miAcordion .card{
    border-radius: 0px;
    border: 0px solid transparent;
    border-bottom: 1px solid #f3f3f3;
    padding: 20px 0 20px 0;
}
    .miAcordion .card .collapse{
        
    }
    .miAcordion .card-title{
        margin-bottom: 0px;    
    }
        .miAcordion .card-title h3,
        .miAcordion .card-title h2{
            font-size: 20px;
            font-weight: 500;
            line-height: 1.4em; 
            text-transform: none; 
            max-width: 700px;
        }
    .miAcordion .card .card-header{
        border-radius: 0px;
        padding: 0px;
        border: 0px;
    }
        .miAcordion .card .card-header a{
            font-weight: 500;
            font-size: 15px;
            text-transform: uppercase;
            display: block;
            padding: 10px;
            background-color: #fff;
            border: 0px solid transparent;
            position: relative;
        }
        .miAcordion .card-header a:after{
            content: '+';
            display: inline-block;
            position: absolute;
            top: 15px;
            right: 10px;   
            line-height: 15px;
            top: 13px;
            font-size: 30px;
            font-weight: 500;
            color: #2b2b2b;
        }
        .miAcordion .card-header a[aria-expanded="true"]:after{
            content: '-';   
             
            line-height: 15px;
            top: 10px;
            font-size: 30px;
            font-weight: 500;
            color: #2b2b2b;
        }
        .miAcordion .card-header a:hover h3,
        .miAcordion .card-header a:hover h2{
            color: #9777fa;      
        }
        .miAcordion .card-header a:hover:after,
        .miAcordion .card-header a[aria-expanded="true"]:hover:after{
            color: #9777fa;    
        }
    .miAcordion .card .card-body{
        border-radius: 0px;
        padding: 10px 10px 25px 10px;
    }   
        .miAcordion .card .card-body,
        .miAcordion .card .card-body *{
            font-size: 20px;  
            line-height: 1.5em;  
        }
        .miAcordion .card .card-body a, 
        .miAcordion .card .card-body a *{
            color: #9777fa; 
        }
            .miAcordion .card .card-body a.active,
            .miAcordion .card .card-body a:hover{
                background-color: rgba(0,0,0,.01);
            }
                .miAcordion .card .card-body a.active span,
                .miAcordion .card .card-body a:hover span{
                    color: #9777fa;
                }
                .miAcordion .card .card-body a.active span{
                    font-weight: 600;
                }
                .miAcordion .card .card-body a:hover img{
                    transition: .3s all ease;
                    -webkit-transform: scale(1.3);
                    transform: scale(1.3);  
                }
            .miAcordion .card .card-body a span{
                font-weight: 400;
                font-size: 15px;
                display: inline-block;
                vertical-align: middle;
                padding: 10px 0;
            }
            .miAcordion .card .card-body a img{
                height: 30px;
                width: auto;
                vertical-align: middle;
                margin-right: 20px;
            }
            
            
@media (max-width: 576px) {
    
    .miAcordion .card-header a:after{
        top: 17px;
    }
    .miAcordion .card-title h3,
    .miAcordion .card-title h2 {
        padding-right: 20px;
    }
}
    
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
  



 
 


    
@media screen and (max-width: 576px) {
    
    #sMonopatines h3,
    #sMonopatines h2{
        font-size: 35px;
        line-height: 1.1em; 
        margin-left: auto;  
        margin-right: auto; 
        max-width: 300px; 
    } 
    #sMonopatines p {
        font-size: 20px;
        line-height: 1.2em;
    }
    #sMonopatines .botonera > div .btn{
        font-size: 23px;    
        min-width: 0px;
    }   
    #sMonopatines .botonera .btn.btn-D1 > span{
        line-height: 22px;
        font-size: 18px;
    }
}

@media screen and (max-width: 400px) {
    
    #sMonopatines .botonera > div .btn{
        font-size: 18px;    
    }   
    #sMonopatines .botonera .btn.btn-D1 > span{
        line-height: 19px;
        font-size: 14px;
    }
}
 
 


#testimoniosClientes{
    border-top: 1px solid #f9f9f9;
    position: relative; 
    background-color: #f9f9f9;
}     
    #pagHome #testimoniosClientes{
        background-color: #f9f9f9;
    }    
    #testimoniosClientes .container > div{
        padding-top: 0px;
        padding-bottom: 85px; 
    }
    #testimoniosClientes h1,
    #testimoniosClientes h4{
        padding-bottom: 40px;
        padding-top: 60px;
        font-size: 50px;
        line-height: 1.1em;
        text-align: center; 
    } 
    #testimoniosClientes .goto-next::before {
        color: #2b2b2b;
    }
    
    #testimoniosClientes .goto-next::before {
        color: #2b2b2b;
    } 
    
    #carouselTestimoniosClientes{
        min-height: 300px;
    }
        #carouselTestimoniosClientes .carousel-item{
            text-align: center;
        }
            #carouselTestimoniosClientes .carousel-item > div{
                margin: auto;
                max-width: 600px;
                width: 100%;
                padding-left: 90px;
                position: relative;
                text-align: left;
            }
            #carouselTestimoniosClientes .carousel-item > div > i.icono{
                position: absolute;
                top: 0px;
                left: 0px;
                font-size: 60px;
            }
            #carouselTestimoniosClientes .carousel-item > div > i.icono.fa-facebook-square{
                color: #3b5998 
            }
            #carouselTestimoniosClientes .carousel-item > div > i.comillas{
                position: absolute;
                top: 0px;
                right: 0px;
                font-size: 401px;
                line-height: 285px;
                color: #e6e6e6;
                opacity: 0.6;
                height: 90px;
                overflow: hidden;
            }
            #carouselTestimoniosClientes .carousel-item > div > img{
                position: absolute;
                top: 7px;
                left: 0px;
                width: 70px;
                height: auto;
            }
            #carouselTestimoniosClientes .carousel-item > div > p{
                position: relative;
                min-height: 80px;
            }

                #carouselTestimoniosClientes .carousel-item > div > p > span{
                    color: #5d5d5d;
                    font-size: 20px;
                }
                #carouselTestimoniosClientes .carousel-item > div > p > b{
                    display: block;
                    font-size: 20px;
                    font-weight: 600;
                    padding-bottom: 7px;
                }
                #carouselTestimoniosClientes .carousel-item > div > div{
                    text-align: right;
                    padding: 25px 7px;
                }
                #carouselTestimoniosClientes .carousel-item > div > div i{
                    padding-left: 7px;
                }
                #carouselTestimoniosClientes .carousel-item > div > div *{
                    vertical-align: middle;
                }
                #carouselTestimoniosClientes .carousel-item > div a *,
                #carouselTestimoniosClientes .carousel-item > div a{
                    color: #9777fa;
                }
                #carouselTestimoniosClientes .carousel-item > div a:hover *,
                #carouselTestimoniosClientes .carousel-item > div a:hover{
                    color: #2b2b2b;
                }
                
                
                
        #carouselTestimoniosClientes .carousel-control-next, 
        #carouselTestimoniosClientes .carousel-control-prev{
            max-height: 30vh;
        }
        
    
@media screen and (max-width: 576px) {
    
    #testimoniosClientes h3,
    #testimoniosClientes h2{
        font-size: 35px;
        line-height: 1.1em; 
        margin-left: auto;  
        margin-right: auto; 
        max-width: 300px; 
    } 
    #testimoniosClientes{
        min-height: 100vh;
    }
    #carouselTestimoniosClientes{
        min-height: 500px;
    }
    #carouselTestimoniosClientes .carousel-item > div{
        width: 70%;
        padding-left: 0px;
        margin-top: 80px;
    }
    #carouselTestimoniosClientes .carousel-item > div > i.icono{
        top: -70px;
    }
    #carouselTestimoniosClientes .carousel-item > div > img{
        top: -80px;
    }
}
 
 
 
 

        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
    
    
#pageQuienesSomos{
    
}
    #pageQuienesSomos .page-content .col1 > div{
        max-width: 600px;    
    }
    #pageQuienesSomos .page-content .col2 > div{
        margin-top: 60px;    
    }
    #pageQuienesSomos .page-content .col1 > div img{
        position: absolute;
        top: 10%;
        right: -300px;
        width: 54%;    
    }
    @media screen and (max-width: 840px) {
        
        #pageQuienesSomos .page-content .col1 > div img{
            position: fixed;
            top: 20%;
            right: 0px;
            width: 100%;
            opacity: 0.15;
        }
        
    }
        
    
    
    
    
    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    




#blog{
    
}
    #blog .content{
        background-color: #fff;
    }
    #blog .content > div{
        padding: 30px 0;
        text-align: center;  
        min-height: 95vh; 
        
        max-width: 1200px;
        margin: auto;
    }
    #blog .botonera{
        text-align: left;
        padding: 10px;  
    }
    #blog .articulos{

        display: grid;
        grid-template-columns: 31.33333% 31.33333% 31.33333%;
        column-gap: 3%; 
        /*grid-auto-rows: minmax(100px, 100%);*/
    }
        #blog .articulos:after{
            content: '';
            display: block;
            clear: both;
        }  
        #blog .articulos > div{
            box-sizing: border-box;
            padding: 0px 0px 0px 0px;
            margin-bottom: 30px;
        }
        #blog .articulos > div a{
            display: block;
            position: relative;
        }
        #blog .articulos a > i{
            position: absolute;
            top: 20px;
            left: 35px;
            color: #9777fa;
            font-size: 25px;
            z-index: 3;
            text-shadow: -2px 0 #b6f2ff;
        }
        #blog .articulos .img{
            display: block;
            width: 100%;
            height: auto;
            overflow: hidden;
            position: relative;
            background-color: #000;
            
        }
            #blog .articulos img{
                width: 100%;
                position: relative;
                transition: .3s all ease; 
                /*
                opacity: 0.6; 
                */
            }
            /*
            #blog .articulos .img:before {
                position: absolute;
                content: '';
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background: linear-gradient(to bottom, rgba(54, 102, 138, 0.15) 0%, rgba(49, 89, 120, 0.33) 28%, rgba(41, 66, 88, 0.7) 76%, rgba(37, 54, 72, 0.85) 100%);
                pointer-events: none;
                z-index: 1;
            }
            */
        #blog .articulos .text_1{
            display: block;
            width: 100%;
            min-height: 68px;
            height: auto;
            overflow: hidden;
            text-align: left;
            padding: 21px 34px;
            font-size: 18px;
            line-height: 24px;
            font-weight: 500;
            color:#282828;
            position: relative;
            bottom: 0px;
            z-index: 2;
        }
        #blog .articulos a:hover,
        #blog .articulos a:focus,
        #blog .articulos a:active,
        #blog .articulos a:hover *,
        #blog .articulos a:focus *,
        #blog .articulos a:active *{
            text-decoration: none;
        }
        #blog .articulos a:hover img,
        #blog .articulos a:focus img,
        #blog .articulos a:active img{
            transform : scale(1.1);
            -moz-transform : scale(1.1);      /* Firefox */
            -webkit-transform : scale(1.1);   /* Chrome - Safari */
            -o-transform : scale(1.1);        /* Opera */ 
            /*
            opacity:  0.6; 
            */  
        } 


    
    
@media screen and (max-width: 1200px) {
    
    #blog .articulos{
        text-align: center;
    }
    
    #blog .articulos{
        grid-template-columns: 48% 48% ;
        column-gap: 4%; 
    }
    #blog .articulos > div.esconder{
        display: none;
    }

}
@media screen and (max-width: 767px) {
    
    #blog .articulos{
        grid-template-columns: 100% ;
        column-gap: 0;
    }
    #blog .articulos > div{
        max-width: 400px;
        margin-left: auto;   
        margin-right: auto;
    }
    
}
    



.articulo_detalle{
    text-align: left;
    padding: 20px 15px 0px 15px ;
    
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
    .articulo_detalle h1 {
        padding-top: 0px;  
        margin: 0px;  
    }
    .articulo_detalle h1,
    .articulo_detalle h1 span{
        font-size: 38px; 
        line-height: 45px; 
        font-weight: 700; 
        /*
        color: #684bc3;
        */
        text-shadow: -3px 2px #b6f2ff;
    }
    .articulo_detalle .texts > h5 {
        font-style: italic;
        color: #a0a0a0;
        margin: 6px 0px 30px 0px;
        font-size: 14px;
        font-weight: 300;
    }
    .articulo_detalle .image{
        margin-bottom: 30px;
    }
        .articulo_detalle .image img{
            max-width: 100%;
        }
    .articulo_detalle .textosGestionadoDesdeCMS *,
    .articulo_detalle .textosGestionadoDesdeCMS{

    }
    .articulo_detalle .iframeVideo{
        width: 100%;
        height: 400px; 
        padding: 0px 0 0px 0;
        max-width: 900px;
        width: 100%;
        margin: auto; 
        display: block;
        margin-top: 0px;
    }
    .articulo_detalle .textosGestionadoDesdeCMS a
    {
        line-break: anywhere;    
    }
    
    .articulo_detalle .textosGestionadoDesdeCMS .ads{
        border: 1px solid #efefef;
        padding: 15px 0;
    }
        .articulo_detalle .textosGestionadoDesdeCMS .ads h5{
            font-weight: 800;
            font-size: 26px;
            margin-bottom: 20px;
            color: #2b2b2b;
        }
        .articulo_detalle .textosGestionadoDesdeCMS .ads p{
            font-weight: 400;
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 20px;
            padding-right: 20px;
            color: #2b2b2b;
        }
        .articulo_detalle .textosGestionadoDesdeCMS .ads .btn{
            line-height: 21px;
            color: #fff;
        }
        
        @media screen and (max-width: 350px)
        {
            .articulo_detalle .textosGestionadoDesdeCMS .ads .row{
                display: block;  
                padding: 15px;   
            }
            .articulo_detalle .textosGestionadoDesdeCMS .ads .row > div{
                float:none;
                display: block;
                width: 100%;
                max-width: 100%;
            }    
            .articulo_detalle .textosGestionadoDesdeCMS .ads .row > div.img{
                text-align: center;
            }  
                .articulo_detalle .textosGestionadoDesdeCMS .ads .row > div.img img{
                    max-width: 170px;
                }  
            .articulo_detalle .textosGestionadoDesdeCMS .ads p{
                padding-right: 0px;
            }
        }
        
    @media screen and (min-width: 992px)
    {
        .articulo_detalle{
            margin-top: 0px;
        }  
    }
    @media screen and (max-width: 991px)
    {
        .articulo_detalle{
            padding-top: 25px;
        }  
        /*
        .page-content .container .row > div{
            padding-left: 0px;
            padding-right: 0px;
        }
        */
    }
    @media screen and (max-width: 767px)
    {
        .articulo_detalle .image img{
            max-width: 400px;
            width: 100%;
        }
        .articulo_detalle h1{
            padding-bottom: 5px;
        }
        .articulo_detalle .texts > h5 {
            margin: 0px 0px 20px 0px;
        }
        .articulo_detalle h1,
        .articulo_detalle h1 span{
            font-size: 28px;
            line-height: 31px;      
        }
        .articulo_detalle .textGestionado *,
        .articulo_detalle .textGestionado{
            font-size: 20px;
            line-height: 30px;
        }
    }
    

.articulo_detalle.D2{
    
}
    .articulo_detalle.D2 h5 {
        margin: 6px 0px 10px 0px;
    }













/* 
 carousel 
 -------------------------
 */
.owl-carousel.D1{
    overflow: hidden;
    height: auto;
    margin-bottom: 50px;
} 
    .owl-carousel.D1{
        display: none;        
    }
    .owl-carousel.D1.owl-loaded{
        display: block;        
    }
    .owl-carousel.D1 >
    .owl-carousel.D1 .item img{
        max-width: 300px;
    }
    .owl-carousel.D1 .owl-dots{
        display: none;
    }
    .owl-carousel.D1 .owl-nav{
        text-align: right;
    }
    .owl-carousel.D1 .owl-nav button.owl-next, 
    .owl-carousel.D1 .owl-nav button.owl-prev, 
    .owl-carousel.D1 button.owl-dot{
        padding: 5px 25px!important;
        border-radius: 0px 0px 0px 0px;
    }
    .owl-carousel.D1 .owl-nav [class*=owl-]:hover {
        background: #EFEEEE;
        color: #9777fa;
        text-decoration: none;
    }
    .owl-carousel.D1 .owl-nav [class*=owl-]:hover span{
        color: #9777fa;    
    }
    .owl-carousel.D1 .owl-nav button > span{
        font-size: 30px;
        line-height: 14px;
    }

    .owl-carousel.D1 .item a p{

    }
        .owl-carousel.D1 .item a p.nombre{
            font-weight: 500;
            text-align: center;
        }
        .owl-carousel.D1 .item a p.detalle{
            font-size: 14px;
            text-align: center;
        }
        .owl-carousel.D1 .item a p.fecha{
            font-size: 12px;
            font-style: italic;
            text-align: center;
        }


#pagLPCiclistas .owl-carousel.D1{
    padding-bottom: 50px;
    margin-bottom: 0px;
} 




 
 
 
 


/* 
Page: Coberturas
 -------------------------
 */
#pagCoberturas{
    
}
    #pagCoberturas .page-content .list{
        padding-top: 100px;    
    }
        #pagCoberturas .page-content .list > div{
            padding-bottom: 150px;    
        }
        #pagCoberturas .page-content .list > div img{
            max-width: 100px;  
            margin-bottom: 15px; 
        }
        
@media (max-width: 576px) {

    #pagCoberturas .page-content .list{
        padding-top: 50px;    
    }
        #pagCoberturas .page-content .list > div{
            min-height: 75vh;    
        }

}  

 






/* 

 -------------------------
 */
@media (max-width: 576px) {
    .fz-24{font-size: 20px!important; line-height: 25px;}
}








.compartir{
    font-weight: 300;
}
    .compartir p{
        padding-bottom: 3px;
    }
    .compartir ul,
    .compartir p{
        display: inline-block;
        vertical-align: middle;
    }
    .compartir p,
    .compartir ul li{
        margin-right: 25px;
    }
    .compartir ul li.whatsapp{
        display: inline-block;
    }
    .compartir ul > li:last-child{
        margin-right: 0px;
    }






.compartirEnRedes {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;  
    padding: 7px 0 7px 100px;
    margin: 7px 0;   
    position: relative;
}
    .compartirEnRedes > p{
        padding-bottom: 10px;
        display: inline-block;
        position: absolute; 
        left: 0px;
        top: 5px;
    }
        .compartirEnRedes p b{
            font-weight: 600; 
            margin-right: 5px;  
            vertical-align: middle; 
        }
        .compartirEnRedes p i{
            font-weight: 800; 
            font-size: 18px;
            margin-right: 5px;   
            vertical-align: middle; 
        }
        .compartirEnRedes p span{
            font-weight: 300; 
            vertical-align: middle; 
        }
    .compartirEnRedes ul{
        list-style: none;
        padding: 0px;
        border-left: 1px solid #efefef; 
        padding-left: 10px;
        margin-left: 10px;
    }
    .compartirEnRedes ul li {
        float: left;
    }
    .compartirEnRedes.top ul li:last-child i{
        margin-right: 0px;
    }
    .compartirEnRedes ul li i{
        font-size: 25px;
        margin-right: 25px;
    }
    .compartirEnRedes ul li.texto {
        width: 100%;
        padding-bottom: 10px;
    }
    .compartirEnRedes ul:after {
        content: '';
        display: block;
        clear: both;
        width: 100%;
        float: none;
    }

    .compartirEnRedes.bottom{
        border-top: 0px solid #efefef;
        border-bottom: 0px solid #efefef;  
        padding: 15px 0 15px 100px;
        margin: 15px 0;   
    }
        .compartirEnRedes.bottom > p{
            top: 12px;    
        }
        .compartirEnRedes.bottom ul li i{
            margin-bottom: 10px;    
        }

    .compartirEnRedes.top{
        border-top: 0px solid #efefef;
        border-bottom: 0px solid #efefef;  
        padding: 7px 0 10px 87px;
        margin: 0px 0;    
    }
        .compartirEnRedes.top p *{
            color: #a0a0a0;
        }
        .compartirEnRedes.top p{
            font-size: 14px;   
            padding: 0px;
            line-height: 13px; 
        }
        .compartirEnRedes.top p b{
            font-weight: 400;
            font-style: italic;
        }
        .compartirEnRedes.top ul li.texto{
            font-size: 14px;
        }
        .compartirEnRedes.top ul li{
            font-size: 12px;
        }
        .compartirEnRedes.top ul{
            padding-left: 15px;
        }
        .compartirEnRedes.top p i{
            font-size: 11px;
        }
        .compartirEnRedes.top ul li i{
            font-size: 14px;
            margin-right: 25px;
        }
        
        
     
     
     
#logosCompanias{
    text-align: center;
    padding: 30px 0;
}

    #logosCompanias img{
        max-height: 40px;
        margin: 20px 20px; 
        vertical-align: middle;  
        max-width: 30%; 
    }
    
    
    
    



.textosGestionadoDesdeCMS{
    padding-bottom: 50px;
}

    .textosGestionadoDesdeCMS ol,
    .textosGestionadoDesdeCMS ul{
        list-style: square;
        padding-left: 25px;
    }
        .textosGestionadoDesdeCMS ol li,
        .textosGestionadoDesdeCMS ul li{
            padding-left: 0px;
            padding-bottom: 20px;
            position: relative;
        }
        .textosGestionadoDesdeCMS ol li:before,
        .textosGestionadoDesdeCMS ul li:before{
            content: '';
            position: absolute;
            left: 5px;  
            font-weight: 900;
            font-size: 20px;
        }
        .textosGestionadoDesdeCMS ol.navegacion,
        .textosGestionadoDesdeCMS ul.navegacion{
            background-color: #efefef;
            border: 1px solid #b9b9b9;
            padding: 18px 5px 0px 34px;
        }
            .textosGestionadoDesdeCMS ol.navegacion *,
            .textosGestionadoDesdeCMS ul.navegacion *{
                font-weight: 500;    
                color: #656565;
            }
    
    .textosGestionadoDesdeCMS h2 *, 
    .textosGestionadoDesdeCMS h2{
        padding-bottom: 25px; 
        line-height: 1.4em;   
    }
    .textosGestionadoDesdeCMS a{
        font-weight: 500;     
    }




@media screen and (max-width: 992px) {

    .articulo_detalle
    {
        padding-left: 0px;
        padding-right: 0px;
    }

}


/***************************
OOOOOOOOOOOOOKKKKKKKKKKKKKKKKKKKKKK
******************************/


      
#homeIni{
    margin-top: 120px;
    margin-bottom: 40px;
}   
    #homeIni .container{
        align-items: center;  
        justify-content: center;  
    }
    #homeIni .container > div{
        margin: auto;
        padding: 5px 0 35px 0;
        padding-bottom: 35px; 
    }
    #homeIni .txt_1 p{
        font-size: 16px;
        line-height: 24px;
        color: rgba(8, 10, 40, 0.5);
    }
    #homeIni h1{
        font-size: 50px;
        line-height: 1.1em; 
        text-align: center;   
    } 
    #homeIni h3,  
    #homeIni h2{
        font-size: 22px;
        line-height: 1.1em; 
        text-align: center;  
        padding: 20px 0; 
    }    
    #homeIni .list-D2{
        margin-top: 80px;        
    }
        
        
@media screen and (max-width: 576px) {
    
    #homeIni h1{
        font-size: 35px;
        line-height: 1.1em; 
    } 

    
}




        
#homePontenciaBusqueda{ 
    position: relative;
    height: auto;
    
    padding-top: 60px;
    padding-bottom: 80px;
    
    background: url(../images/bckg-r-left.png) no-repeat 0px 0%;
} 
    #homePontenciaBusqueda .container{
        padding-bottom: 70px;
    }
    #homePontenciaBusqueda h3,
    #homePontenciaBusqueda h2{
        padding-bottom: 0px;
        font-size: 50px;
        line-height: 1.1em; 
        text-align: center;   
    } 
    #homePontenciaBusqueda .container > p{
        font-size: 16px;
        line-height: 24px;
        color: rgba(8, 10, 40, 0.5);        
    }    
    
    #homePontenciaBusqueda .listEmpresas {
        margin: 120px 0 0px 0;    
    }
    
    .listEmpresas {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
        .listEmpresas li {
            display: inline-block;
            padding: 25px 29px;
            vertical-align: middle;
        }
        .listEmpresas li figure{
            display: block;
        }
        .listEmpresas li figure img {
            max-width: 100%;
            vertical-align: middle;
        } 
    
@media screen and (max-width: 576px) {
    
    #homePontenciaBusqueda h3,
    #homePontenciaBusqueda h2{
        font-size: 35px;
        line-height: 1.1em; 
    } 
    .listEmpresas li {
        padding: 0px;
        display: inline-block;
        width: 45%;
    }
    #homePontenciaBusqueda .listEmpresas {
        margin: 40px 0 0px 0;
    }
}

       
        
        
        
        

#sBuscadorAvanzado{
    border-top: 1px solid #2b2b2b;
    position: relative;  
    background-color: #2b2b2b;
}      
    #sBuscadorAvanzado .container > div{
        padding-top: 50px;
        padding-bottom: 85px; 
    }
    #sBuscadorAvanzado h1,
    #sBuscadorAvanzado h2,
    #sBuscadorAvanzado h3{
        font-size: 50px;
        line-height: 1.1em; 
        text-align: center;  
        margin-bottom: 0px; 
        color:#fff;
    } 
    #sBuscadorAvanzado p{
        max-width: 700px;
        margin: auto;
        font-size: 20px;
        line-height: 1.2em;
        text-align: center;  
        padding-top: 15px; 
        padding-bottom: 18px; 
        margin:auto; 
        color:#fff;    
    }   
    #sBuscadorAvanzado .campo{
        max-width: 700px;
        margin: auto;
        position: relative;    
    } 
        #sBuscadorAvanzado .campo input{
            width: 100%;
            border-radius: 6px 6px 6px 6px;
        }
        #sBuscadorAvanzado .campo select{
            height: 100%;
            line-height: 100%;
            width: 135px;
            border: 0px;
            border-left: 0px;
            text-align: left;
            padding-left: 13px;
            box-sizing: border-box;
            color: #2b2b2b; 
            
            vertical-align: middle;
        }  
        #sBuscadorAvanzado .campo > span{
            display: inline-block;
            
            position: absolute;
            right: 46px;
            top: 0px;
            height: 100%;
            line-height: 100%;
        }
        #sBuscadorAvanzado .campo > span:before{
            display: inline-block;
            content: '';
            height: 70%;
            width: 1px;
            vertical-align: middle;
            margin-right: 10px;
            background-color: #2b2b2b;
        }
        #sBuscadorAvanzado .campo > i{
            position: absolute;
            right: 175px;
            top: 11px;
            color: #2b2b2b;
        }
        #sBuscadorAvanzado .campo .btn{
            position: absolute; 
            right: -1px;
            top: 0px; 
            height: 100%;
            line-height: 100%;
            border: 0px;
            border-radius: 0px 6px 6px 0px;
        }  
            #sBuscadorAvanzado .campo .btn i{
                color: #ffffff;
            }
            #sBuscadorAvanzado .campo .btn:focus,  
            #sBuscadorAvanzado .campo .btn:hover{
                background-color: #7863b7;
            }  
    #pagHome #sBuscadorAvanzado .goto-next::before {
        color: #2b2b2b;
    } 
@media screen and (max-width: 576px) {
    
    #sBuscadorAvanzado h3,
    #sBuscadorAvanzado h2{
        font-size: 35px;
        line-height: 1.1em; 
        margin-left: auto;  
        margin-right: auto; 
        max-width: 300px; 
    } 
    #sBuscadorAvanzado p {
        font-size: 20px;
        line-height: 1.2em;
    }
    
}
 
 




.portada_01{
    position: relative; 
    max-width: 1500px;
    margin: auto;   
}
    .portada_01::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 15px;
        width: 65%;
        height: 90%;
        border-top-left-radius: 42px;
        border-top-right-radius: 150px;
        border-bottom-left-radius: 150px;
        border-bottom-right-radius: 0px;
        background-color: #fff9f3;
        z-index: 0;
    }
    .portada_01 > .contenido{
        padding: 0px 65px 60px 15px;
        position: relative;
    }
    .portada_01 .col_1{
        position: relative;
        z-index: 12;
        padding: 60px 150px 80px 80px;  
    }
    .portada_01 .col_1 h3,
    .portada_01 .col_1 h2{
        font-size: 60px;
    }

    .portada_01 .col_1 > p{
        font-size: 16px;
        margin-top: 30px;
        color: #37404e;
    }
    .portada_01 .col_1 > p.txt_2{
        margin-top: 10px;
        font-size: 16px;
        line-height: 24px;
        color: rgba(8, 10, 40, 0.5);
        text-align: center;
    }
    .portada_01 .buscador{
        max-width: 700px;
        margin: 30px 0px 0px 0px;
        position: relative; 
        padding: 22px 30px;
        background-color: #fff;
        border-radius: 20px;  
        
        -webkit-box-shadow: 0px 18px 40px rgb(25 15 9 / 10%);
        box-shadow: 0px 18px 40px rgb(25 15 9 / 10%); 
        
        display: flex;
        width: 100%;
    } 
        .portada_01 .buscador > span{
            position: relative;    
            display: inline-block;
            border: 1px solid rgba(26, 15, 9, 0.1);
            border-radius: 10px;
            padding: 5px 20px 5px 42px;
            margin-right: 20px;
        }
        .portada_01 .buscador > span > i{
            position: absolute;
            top: 9px;
            left: 15px; 
            color: #c3c3c3;  
        }
        .portada_01 .buscador select,
        .portada_01 .buscador input{
            display: inline-block;
            width: 100%;
            color: #787878;
            font-size: 16px;
            border: 0px;
            font-weight: 300;
        }
        .portada_01 .buscador .btn{
            min-width: 127px;
            
            padding: 0px 20px 0px 20px;
            border-radius: 10px;
            
            color: #ffffff;
            background-color: #9777fa;
            border-color: #9777fa;
        }  
            .portada_01 .buscador .btn > span{
                font-size: 18px;
                font-weight: 300;
            }
            .portada_01 .buscador .btn:focus,  
            .portada_01 .buscador .btn:hover{
                background-color: #7863b7;
            }  
@media screen and (max-width: 992px) {
    
    .portada_01 > .contenido{
        padding-right: 15px;  
        margin-top: 15px;  
    }
    .portada_01 .col_1{
        padding: 26px 77px 10px 43px;   
    }
    .portada_01::before{
        width: 95%;    
        border-top-left-radius: 25px;
        border-top-right-radius: 90px;
        border-bottom-left-radius: 90px;
        border-bottom-right-radius: 0px;
    }
    .portada_01 .col_1 h3,
    .portada_01 .col_1 h2 {
        font-size: 48px;
    }
    .portada_01 .col_1 > p{
        margin-top: 18px;    
    }

}
@media screen and (max-width: 767px) {
    
    .portada_01 .buscador{
        display: block;
        width: 100%;
        text-align: center;    
    }    
    .portada_01 .buscador > span{
        width: 100%;
        margin-bottom: 10px; 
        display: block;   
    }
}
@media screen and (max-width: 576px) {
    
    .portada_01 .col_1 {
        padding-left: 29px; 
        padding-right: 29px; 
    }
    .portada_01 .col_1 > p,
    .portada_01 .col_1 h3,
    .portada_01 .col_1 h2 {
        padding-left: 16px;
    }
    .portada_01 .buscador{
        margin-left: 10px;    
    }
}
@media screen and (max-width: 460px) {
    .portada_01 .col_1 h3,
    .portada_01 .col_1 h2 {
        font-size: 35px;
    }
}
@media screen and (max-width: 360px) {
    .portada_01 .col_1 h3,
    .portada_01 .col_1 h2 {
        font-size: 28px;
    }
    .portada_01 .col_1 {
        padding-left: 10px; 
        padding-right: 10px; 
    }
}

.gpImgs_01 {
    padding: 55px 0px 0px 0px;
    position: relative;
}
    .gpImgs_01 img {
        max-width: 100%;
        z-index: 2;
    }
    .gpImgs_01 .top-left {
        position: absolute;
        top: 10%;
        left: -80px;
    }
    .gpImgs_01 .left-middle{
        position: absolute;
        top: 30%;
        left: -190px;
    }
    .gpImgs_01 .top-right {
        position: absolute;
        top: 14%;
        right: -60px;
    }
    .gpImgs_01 .right-middle {
        position: absolute;
        top: 50%;
        right: -60px;
    }
    .gpImgs_01 .bottom-left {
        position: absolute;
        bottom: 1%;
        left: -75px;
    }
    .gpImgs_01 .bottom-right {
        position: absolute;
        top: 80%;
        right: -60px;
    }






#porqueElegirnos{
    padding-top: 75px;
    padding-bottom: 100px;
    


    background: #F9FCFE;
    background: -webkit-linear-gradient(bottom right, #F9FCFE, #FFFFFF);
    background: -moz-linear-gradient(bottom right, #F9FCFE, #FFFFFF);
    background: linear-gradient(to bottom right, #F9FCFE, #FFFFFF);
} 
    #porqueElegirnos h4{
        padding-bottom: 70px;
        font-size: 50px;
        line-height: 1.1em; 
        text-align: center;   
    }  
    #porqueElegirnos .container > p{
        font-size: 22px;
    }    
    #porqueElegirnos .list{
        padding-bottom: 100px;
    }
        #porqueElegirnos .list > div{
            padding-top: 50px;
            padding-bottom: 40px;
            max-width: 600px;
            margin: auto;
            text-align: center;
        }
        #porqueElegirnos .list svg{
            max-width: 230px;
            height: auto;
            margin-bottom: 25px;
        }
        #porqueElegirnos .list img{
            max-width: 150px;
            height: auto;
            margin-bottom: 25px;
        }
            #porqueElegirnos .list > div:nth-child(2) img{
                max-width: 115px;
            }
            #porqueElegirnos .list > div:nth-child(3) img{
                max-width: 115px;
            }
        #porqueElegirnos .list > div > div > i{
            font-size: 80px;
        }
        #porqueElegirnos .list p{
            font-size: 25px;
            line-height: 1.3em;
            letter-spacing: 1.5px;
        }
        #porqueElegirnos .list p.titulo {
            font-size: 30px;
            line-height: 1.2em;
            padding-bottom: 10px;
        }
        
    
@media screen and (max-width: 576px) {
    #porqueElegirnos .container > p{
        font-size: 20px;
    }   
    #porqueElegirnos h4{
        font-size: 35px;
        line-height: 1.1em; 
    } 
    #porqueElegirnos .list p {
        font-size: 20px;
        line-height: 1.2em;
    }
    #porqueElegirnos .list p.titulo {
        font-size: 25px;
        line-height: 1.2em;
        padding-bottom: 12px;
    }
    
    #porqueElegirnos .list > div{
        min-height: 75vh;    
    }
    #porqueElegirnos .list{
        padding-top: 60px;    
        padding-bottom: 0px;
    }
}   
        
        
@media screen and (max-width: 400px) {
    
    #porqueElegirnos .list p.titulo {
        font-size: 22px;
    }

}   




/************************
filtro
*************************/





.btn-group.filtroD1{
    border-bottom: 1px solid #9777fa;
}
    .btn-group.filtroD1 .btn-default{
        border-color: transparent;  
        background-color: transparent; 
        color: #2b2b2b;
        border-radius: 0px; 
    }
        .btn-group.filtroD1 .btn-default *{
            color: #2b2b2b;
        }
    .btn-group.filtroD1 .btn.dropdown-toggle:active,
    .btn-group.filtroD1 .btn.dropdown-toggle:focus,
    .btn-group.filtroD1 .btn.dropdown-toggle:hover{
        outline-offset: 0px!important;
        outline: 0!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
        background-color: #f4f4f4!important; 
        color: #9777fa;
        border-color: #9777fa;
    }
        .btn-group.filtroD1 .btn.dropdown-toggle:active *,
        .btn-group.filtroD1 .btn.dropdown-toggle:focus *,
        .btn-group.filtroD1 .btn.dropdown-toggle:hover *{
            color: #9777fa;
        }
    
    .btn-group.filtroD1 .btn-gris{
        background-color: #f4f4f4;  
        color: #333333;
        line-height: 20px;  
        border-radius: 0px; 
        border-color: 1px solid #9777fa; 
        
        max-width: 150px;
        white-space: nowrap;
        
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .btn-group.filtroD1 .btn-gris.tagActual{
        line-height: 22px;
        padding-bottom: 4px;
    }
    .btn-group.filtroD1 .btn-gris.cancelar{
        padding-bottom: 0px;
        padding-top: 8px;
        padding-bottom: 4px;
    }
    .btn-group.filtroD1 .btn-gris.cancelar i{
        font-size: 14px;
    }
    .btn-group.filtroD1 ul{
        border-radius: 0px; 
        padding: 0px 0;   
        max-height: 250px;
        overflow: hidden;
        overflow-y: auto;
    }
    .btn-group.filtroD1 ul > li > a{
        padding: 3px 12px;   
    }
    .btn-group.filtroD1 .btn-group button.dropdown-toggle:hover,
    .btn-group.filtroD1 .btn-group button.dropdown-toggle:focus{
        background-color: #9777fa!important;
        color: #fff;    
    }
        .btn-group.filtroD1 .btn-group button.dropdown-toggle:hover *,
        .btn-group.filtroD1 .btn-group button.dropdown-toggle:focus *{
            color: #fff;    
        }
    .btn-group.filtroD1 .btn-gris.tagActual{
        background-color: transparent!important;
        color: #333;
        border: 1px solid #9777fa;
        border-right: 0px;
    }
    .btn-group.filtroD1 .btn-gris.cancelar{
        background-color: transparent!important;
        color: #333;
        border-right: 1px solid #9777fa;  
        border-bottom: 1px solid #9777fa;  
        border-top: 1px solid #9777fa;  
        border-left: 0px;
    }


        .btn-group.filtroD1 .dropdown-menu li a,
        .btn-group.filtroD1 .dropdown-menu li button{
            display: block;
            width: 100%;
            text-align: left;
            margin: 0px;
            padding-left: 10px;
            
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            
        }
        
    @media (max-width: 600px) { 
        .login_redes_sociales a{
            display: block;    
            width: 100%;
            clear: both;
            float: none;
        }
    }
    @media (max-width: 576px) { 
        .btn-group.filtroD1 ul{  
            max-height: 150px;
        }
    }
    
    
    
.filtroD2{

}
    .filtroD2 .button {
      display: inline-block;
      padding: 0px 10px;
      margin: 0 20px 0 0;
      border: none;
      border-radius: 0px;
      background-color: transparent;
      color: #2b2b2b;
      font-size: 16px;
      line-height: 30px;
      font-weight: 500;
      cursor: pointer;
      border: 1px solid #9777fa;
    }
    .filtroD2 .button:hover {
        border-bottom: 0px solid #333333;
        text-decoration: none;
        background-color: #9777fa;
        border: 1px solid #9777fa;
        color:#fff;
    }
    .filtroD2 .button:active,
    .filtroD2 .button.is-checked:hover {
        border-bottom: 0px solid #9777fa;
        text-decoration: none;
        background-color: #9777fa;
        border: 1px solid #9777fa;
        color:#fff;
    }
    .filtroD2 .button.is-checked-fijo,
    .filtroD2 .button:active,
    .filtroD2 .button.is-checked {
        color: #9777fa;
        border-bottom: 0px solid #9777fa;
        border: 1px solid #9777fa;
        color:#fff;
        background-color: #9777fa;
    }
    .filtroD2 .button:last-child{
        margin-right: 0px;
    }
    
    .filterGroup .filtroD2 .button{
        margin-left: 10px;  
        margin-bottom: 5px; 
        margin-top: 5px 
    }
    .filterGroup .filtroD2.dropdown-menu{
        padding: 0px 0;
        margin: 0px 0 0; 
    }
    
    
    
    
    
.filtroD3{

}
    .filtroD3 ul{
        padding: 0px;
        border-radius: 7px 7px 7px 7px;
        border: 1px solid #efefef;
        overflow: hidden;
    }
        .filtroD3 ul .button {
            display: inline-block;
            padding: 0px 10px;
            margin: 0 20px 0 0;
            border: none;
            border-radius: 0px;
            background-color: transparent;
            color: #2b2b2b;
            font-size: 16px;
            line-height: 30px;
            font-weight: 500;
            cursor: pointer;
            border-bottom: 1px solid #005DAA;
        }
        .filtroD3 ul .button:hover {
            text-decoration: none;
            background-color: #9777fa;
            color:#fff;
        }
        .filtroD3 ul .button:active,
        .filtroD3 ul .button.is-checked:hover {
            border-bottom: 0px solid #9777fa;
            text-decoration: none;
            background-color: #9777fa;
            border: 1px solid #9777fa;
            color:#fff;
        }
        .filtroD3 ul .button.is-checked-fijo,
        .filtroD3 ul .button:active,
        .filtroD3 ul .button.is-checked {
            color: #9777fa;
            border-bottom: 0px solid #9777fa;
            border: 1px solid #9777fa;
            color:#fff;
            background-color: #9777fa;
        }

    .filtroD3 button.dropdown-toggle{
        padding: 5px 10px;  
        border-radius: 7px  0px 0px 7px;
        background-color: #fff; 
        border: 1px solid #efefef; 
        color: #ababab;
        line-height: 20px;
    }
        .filtroD3 .dropdown-toggle::after{
            vertical-align: middle;    
        }
        .filtroD3 button.dropdown-toggle:hover{
            background-color: #9777fa;
            color:#fff;    
        }
    .filtroD3 button.filtroActual{
        padding: 5px 10px;  
        border-radius: 7px 7px 7px 7px;
        background-color: #fff; 
        border: 1px solid #efefef; 
        color: #606060; 
        line-height: 20px;   
    }

/*********************/
/*** Modals *****/
/*********************/
 
.modal.D1{
    
}
    .modal.D1 .titulo{
        font-size: 24px;
        line-height: 24px;
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 10px;
    }
    .modal.D1 .titulo > *{
        vertical-align: middle;    
    }
    .modal.D1 .titulo > i{
        font-size: 18px; 
        padding-right: 10px;
    }
    

#modalCompartir{
    
}
    #modalCompartir ul{
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        column-gap: 0px; 
        grid-auto-rows: minmax(100px, 100%); 
    }
    #modalCompartir .box{
        display: block;
        position: relative;
    }
    #modalCompartir ul li{
        text-align: center;
        align-self: center;
    }
    #modalCompartir ul li *{
        font-size: 40px;
    }
    #modalCompartir .facebook a i{color:#3b5998}
    #modalCompartir .twitter a i{color:#00acee}
    #modalCompartir .whatsapp a i{color:#25D366}
    #modalCompartir .linkedin a i{color:#0e76a8}
    #modalCompartir a:focus i,
    #modalCompartir a:hover i{color:#9777fa!important}
    
/*********************/
/*** Login OAuth *****/
/*********************/

.login_redes_sociales{
    
}
    .login_redes_sociales:after{
        content: '';
        display: block;
        clear: both;
    }
    .login_redes_sociales a{
        padding: 6px 0px;
        border: 0;
        
        /*
        width: 50%;
        display: inline-block;
        float: left;
        */
        
        font-weight: normal;
        line-height: normal;
        
        margin: 0 0 1.25rem;
        position: relative;
        text-decoration: none;
        text-align: center;
        
        box-sizing: border-box;
        
        display: block;    
        width: 100%;
        clear: both;
        float: none;
        
        position: relative;
    }
    .login_redes_sociales a i{
        font-size: 25px;
        color: #fff;
        
    }
    
    .login_redes_sociales a:after{
        content: "";
        display: inline-block;
        
        position: absolute;
        right: 0px;
        top: 0px;
        
        height: 100%;
        line-height: 63px;
        width: 60px;
        text-align: center;
        
        color: #ffffff;
        opacity: 0.4;
        border-left: 1px solid rgb(255 255 255 / 41%);
        
    }
        .login_redes_sociales a:before{
            content: "\f054";
            font-family: 'Font Awesome 5 Free'!important;
            font-weight: 900;
            font: 20px;
            display: inline-block;
            
            position: absolute;
            right: 20px;
            top: 39%;
    
            color: #ffffff;
            opacity: 0.4;
        }
        .login_redes_sociales a:focus:after,
        .login_redes_sociales a:hover:after{
            opacity: 1; 
        }

    .login_redes_sociales a.facebook{
        background-color: #306199; 
        border: 2px solid #306199;
        border-radius: 10px;
    }
        .login_redes_sociales a.facebook:hover,
        .login_redes_sociales a.facebook:focus
        {background-color: #1a426f;}
        
    .login_redes_sociales a.google{
        background-color: #e93f2e;  
        border: 2px solid #e93f2e;  
        border-radius: 10px;
    }
        .login_redes_sociales a.google:hover,
        .login_redes_sociales a.google:focus
        {background-color: #a81c0e;}


    .login_redes_sociales a span span{
        display: block;
        color: #fff;
        font-size: 18px;
        text-align: center;
        font-weight: 300;
        padding-top: 7px;
    }
        .login_redes_sociales a span span b{
            color: #fff;
            font-size: 600;    
        }
    
    .login_redes_sociales a.contrasena_email{
        background-color: #fff;  
        border: 2px solid #9172f0;  
        border-radius: 10px;
        margin-bottom: 0px;
    }
        .login_redes_sociales a.contrasena_email:hover,
        .login_redes_sociales a.contrasena_email:focus
        {background-color: #efefef;}
        
        .login_redes_sociales a.contrasena_email:before{
            color: #2b2b2b;
            opacity: 0.4;    
        }
        .login_redes_sociales a.contrasena_email:after{
            color: #2b2b2b;
            opacity: 0.4;
            border-left: 1px solid rgb(12 56 119 / 41%);  
        }
            .login_redes_sociales a.contrasena_email:focus:after,
            .login_redes_sociales a.contrasena_email:hover:before,
            .login_redes_sociales a.contrasena_email:focus:after,
            .login_redes_sociales a.contrasena_email:hover:after{
                opacity: 1; 
            }
        .login_redes_sociales a.contrasena_email i{
            font-size: 25px;
            color: #9172f0;
        }
        .login_redes_sociales a > span{
            font-size: 13px;
            line-height: 18px;
            margin-right: 62px;
            text-align: center;
            display: block;    
        }
        .login_redes_sociales a.contrasena_email span span{
            color: #2b2b2b;
            font-weight: 400;
            font-size: 15px;
        }
            .login_redes_sociales a.contrasena_email span span b{
                color: #2b2b2b;  
            }
        
    
    @media (max-width: 600px) { 
        .login_redes_sociales a{
            display: block;    
            width: 100%;
            clear: both;
            float: none;
        }
    }
    


/*********************/
/***  botoneraFija  *****/
/*********************/

.botoneraFija{
    margin: 0px auto 0px auto;
    width: auto;
    display: inline-block;
    position: fixed;
    bottom: 30%;
    right: 0px;
    text-align: right;
    z-index: 9;
} 
    .botoneraFija button{ 
        min-width: 50px;
        padding: 0px 9px;
        background: #d2c4ff;
        color: #fff;
        border-bottom: 1px solid #c2b0ff;
        display: block;
        text-align: right;
        margin: auto 0 auto auto;
        text-align: center;
    } 

    
    .botoneraFija button span{ 
        width: 0px;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        font-weight: 400;
            
       	transition: .7s all ease; 
    } 
    .botoneraFija button i{ 
        font-size: 25px;
        line-height: 40px;
        height: 40px;
        margin-right: 6px;
    }   
    .botoneraFija button *{ 
        vertical-align: middle;
    }  
    .botoneraFija button *{color:#f6f3ff;} 
    
        .botoneraFija button:hover{ 
            background-color:#fff;
            color:#9777fa;
            border: 1px solid #d2c4ff;
        } 
        .botoneraFija button:hover *{ 
            color:#9777fa;
        } 
        .botoneraFija button:hover span{ 
            width: 100px;
            
        } 
    
    .FiltroAlerta > .filtro{
        display: none;    
    }
 
@media (max-width: 1300px) {   
    .botoneraFija{
        bottom: 5%;
    } 
}

@media (min-width: 992px) {
    
    .botoneraFija > button:first-child{
        border-radius: 10px  0px 0 0px;   
    }
    .botoneraFija > button:last-child{
        border-radius: 0px 0 0px 10px;    
    }
        .botoneraFija button:hover:first-child{
            border-radius: 10px  0px 0 10px;     
        }
        .botoneraFija button:hover:last-child{
            border-radius: 10px 0 0px 10px;    
        }
    
    
    .botoneraFija.FiltroAlerta > button:nth-child(1){
           
    }
    .botoneraFija.FiltroAlerta > button:nth-child(2){
        border-radius: 10px  0px 0 10px; 
        border-bottom: 0px solid #b9a4ff;    
    }
    .botoneraFija.FiltroAlerta > button:nth-child(3){
        border-radius: 10px 0  0 10px;    
    }
        .botoneraFija.FiltroAlerta button:hover:nth-child(2){
            border-radius: 10px  0px 0 10px; 
            border-bottom: 1px solid #b9a4ff;    
        }
        .botoneraFija.FiltroAlerta button:hover:nth-child(3){
            border-radius: 10px 0 0px 10px;    
        }
        
}      
        
@media (max-width: 992px) {
    
    .botoneraFija{
        width: 100%;
        display: block;

        
        bottom: 0px;
        right: auto;
        left:auto;
        text-align: center;
    } 
    .FiltroAlerta > .filtro{   
        display: inline-block;
        background-color: #7a63bf;
        width: 102px;
    }
        .FiltroAlerta > .filtro i{   
            font-size: 15px;
            padding-right: 3px;
        }
        .FiltroAlerta > .filtro span{   
            width: auto!important;
            font-weight: 500;
        }
    .FiltroAlerta > .alerta span,
    .FiltroAlerta > .compartir span
    {
        display: none;    
    }
        
    .botoneraFija button{
        display: inline-block;
        
        margin-left: -4px;
    }
    
    .botoneraFija > button{
        min-width: 60px;    
    }
        .botoneraFija > button:first-child{
            border-radius: 10px  0px 0 0px; 
            border-right: 1px solid #7a63bf;    
        }
        .botoneraFija > button:last-child{
            border-radius: 0px 10px  0 0px;  
        }
        .botoneraFija > button i{
            font-size: 20px;    
        }
    
    .botoneraFija.FiltroAlerta > button{
   
    }
        .botoneraFija.FiltroAlerta > button:nth-child(1){
            border-radius: 10px  10px 0 0px;    
            border-bottom: 0px solid transparent;
        }
        .botoneraFija.FiltroAlerta > button:nth-child(2){
            border-radius: 10px 10px 0 0px; 
            border-left: 1px solid #d2c4ff; 
            border-right: 1px solid #d2c4ff;  
            border-bottom: 0px solid transparent;
            margin-left: 10px;  
        }
        .botoneraFija.FiltroAlerta > button:nth-child(3){
            border-radius: 10px 10px  0 0px; 
            
            border-left: 1px solid #d2c4ff; 
            border-right: 1px solid #d2c4ff;  
            border-bottom: 0px solid transparent; 
            
            margin-left: 1px;  
        }
        .botoneraFija button:nth-child(2) i,
        .botoneraFija button:nth-child(3) i{
            margin-right: 0px;    
        }
    

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


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

  
        
}



/*********************/
/***  imgTop *****/
/*********************/

.listImgTop{
    background: #FFFFFF;
    background: -webkit-linear-gradient(left, #FFFFFF, #f2faff);
    background: -moz-linear-gradient(left, #FFFFFF, #f2faff);
    background: linear-gradient(to left, #FFFFFF, #f2faff);
    
    
    
}
    #pagHome .listImgTop{
        padding: 80px 0 0px 0;
    }      
        
    .listImgTop .container{
        padding-bottom: 70px;
    }
    .listImgTop h3,
    .listImgTop h2{
        padding-bottom: 0px;
        font-size: 50px;
        line-height: 1.1em; 
        text-align: center;   
    } 
    .listImgTop .container > p {
        font-size: 16px;
        line-height: 24px;
        color: rgba(8, 10, 40, 0.5);
    }
    .listImgTop .list{
        max-width: 1000px;
        margin: auto;
        
        display: grid;
        grid-template-columns: 33.3333% 33.3333% 33.3333%;
        column-gap: 10px; 
    }
        .listImgTop .list > div{
            position: relative;
            overflow: hidden;
            
            max-width: 350px;
            margin: auto;
        }
        .listImgTop .list .img{
            border-radius: 8px;
            position: relative;
            overflow: hidden;
            text-align: center;
        }
            .listImgTop .list span{
                text-align: center;
                display: inline-block;
                background-color: white;
                border-radius: 8px;
                color: #a1a1a1;
                position: absolute;
                bottom: 20px;
                left: 0px;
                right: 0px;
                width: 121px;
                padding: 3px;
                z-index: 2;
                margin: auto;
            }
            .listImgTop .list img{
                width: 100%;
            }
            .listImgTop .list h3,
            .listImgTop .list h2{
                font-size: 19px;
                padding: 10px;
                font-weight: 700;
            }

    @media screen and (max-width: 576px) {
        
        .listImgTop .list{
            grid-template-columns: 100%;
            column-gap: 10px; 
        }
        .listImgTop h3,
        .listImgTop h2{
            font-size: 35px;
            line-height: 1.1em;  
        } 
            
    }
    
    
    
    
    
    
    
    
body#pagHome{
    background: url(../images/bckg_01.png) no-repeat 0px 14%;
    background-size: contain;
}


.imgTxt{
    
}
    .imgTxt .img {
        
    }

        
        .imgTxt .img > div{ 
            padding-top: 30px;
            padding-right: 32px;
            position: relative;
            
        }
        .imgTxt .divVideo,
        .imgTxt img{
            border-top-left-radius: 100px;
            border-bottom-right-radius: 100px;
            -webkit-box-shadow: 0px 20px 60px -6px rgb(0 0 0 / 4%);
            box-shadow: 0px 20px 60px -6px rgb(0 0 0 / 4%);
            
            overflow:hidden;
        }
        .imgTxt .divVideo{
            position: relative;
            text-align: center; 
            width: 100%;
            background-color: #fff;
            padding: 30px;
            z-index: 2;
        }
            .imgTxt .divVideo video{
                max-width: 420px;
                width: 100%;
            }
            
        .imgTxt .img  figure {
            position: relative;
            z-index: 2;
        }
        .imgTxt .img > div::before {
            content:'';
            display: inline-block;
            background: url(../images/bckg_03.svg) no-repeat;
            background-size: cover;
            
            width: 101px;
            height: 90px;
            position: absolute;
            top: 0px;
            right: 0px;
            border-radius: 0px;
            z-index: 0;
                
        }
        

        .imgTxt .img a{
            position: absolute;
            display: inline-block;
            top: 49%;
            left: 39%;
            font-size: 55px;
            z-index: 5;
            background: rgb(151 119 250 / 60%);
            border-radius: 450px;
            width: 90px;
            height: 90px;
            text-align: center;
            line-height: 91px;
        }
            .imgTxt .img a i{
                color:#fff;
                line-height: 90px;
                font-size: 31px;
                padding-left: 5px;
            }
    .imgTxt .txt{
        display: flex;
        align-items: center;
        padding-left: 90px;
    }
        .imgTxt .txt h5{
            font-size: 35px;
            margin-bottom: 20px;
            font-weight: 700;
            text-transform: uppercase;
        }
        .imgTxt .txt p{
            font-size: 20px;
            font-weight: 300;
            line-height: 30px;
            color: #000000;
            margin-bottom: 40px;
        }
        
    .imgTxt.D2{
        
    }        
        .imgTxt.D2 .img > div{ 
            padding-left: 30px;
        }
        .imgTxt.D2 img{
            border-top-right-radius: 100px;
            border-bottom-left-radius: 100px;
            border-top-left-radius: 10px;
            border-bottom-right-radius: 10px;
            -webkit-box-shadow: 0px 20px 60px -6px rgb(0 0 0 / 4%);
            box-shadow: 0px 20px 60px -6px rgb(0 0 0 / 4%);
        }
        .imgTxt.D2 .img  > div::before {
            left: 0px;
            right: auto;
            display: none;
        }
        .imgTxt.D2 .txt{
            padding-right: 90px;
        }
        
        
        
        
      
      
        
.imgTxtD2{
    border-top: 0px;
    background: #FFFFFF;
    background: -webkit-linear-gradient(left, #FFFFFF, #f2faff);
    background: -moz-linear-gradient(left, #FFFFFF, #f2faff);
    background: linear-gradient(to left, #FFFFFF, #f2faff);
    
    padding: 35px 0;
    position: relative;
    text-align: center;
}
    .imgTxtD2::after {
        z-index: 1;
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        height: 100%;
        width: 543px;
        opacity: .3;
        background: url(../images/bckg-r-right.png?v01) no-repeat right bottom;
    }
    .imgTxtD2 img{
        height: 100px;
        width: 100px;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .imgTxtD2 > div{
        
        display: inline-block;
        margin: auto;
    }
    .imgTxtD2 .txt{
        padding-left: 145px;
        position: relative;
       
        width: auto;
        min-height: 100px;
        text-align: left;
        
        display: flex;
        align-items: center;
    }
    .imgTxtD2 .txt.sinImg{
        padding-left: 0px;
        text-align: center;
    }
    .imgTxtD2 .txt h2,
    .imgTxtD2 .txt h1{
        font-size: 30px;
    }
    .imgTxtD2 .txt p{
        color: #939393;
    }


@media screen and (max-width: 767px) {
    
    .imgTxt .txt{
        padding-left: 30px;     
    }  
    .imgTxt .img,  
    .imgTxt.D2 .img{
        padding-left: 20px;
        padding-top: 0px;
        padding-bottom: 150px;
    }
    .imgTxt{
        flex-direction: column-reverse;
    }
    .imgTxt.D2{
        flex-direction: row;
    }
    
    .imgTxt .txt h5{
        font-size: 28px;
    }
    
    
    .imgTxt.last .img > div{
        padding-bottom: 0px;
    }
}

@media (min-width: 576px)  and (max-width: 1100px)  {

    .imgTop > div {
        max-width: 300px;
        padding: 24px 0px;
        margin: auto 0px auto auto;
    }
    .imgTop {
        min-height: 243px;
    }
}
@media (max-width: 576px) {

    .imgTxt .txt h5{
        font-size: 22px;
    }
    .imgTxtD2 .txt{
        padding-left: 15px;
        padding-right: 15px;
    }
    .imgTxtD2 img{
        position: relative;
        margin-bottom: 25px;
    }    
    .imgTxtD2 .txt h2,
    .imgTxtD2 .txt h1 {
        font-size: 24px;
    }
    .imgTxtD2 figure{text-align: center;}
    
    
    .imgTop > div{
        max-width: 92%;
        width: 100%;
        padding: 28px 0px;
        margin: 15px;
        overflow: hidden;
    }
    .imgTop .img {
        text-align: center;
        position: relative;
        left: auto;
        top: auto;
    }
    
    .imgTxt .img > div,
    .imgTxt.D2 .img > div{
        padding-left: 0px;  
        padding-right: 0px;  
    }
    .imgTxt .img > div::before{
        right: -23px;   
    }
    

    .imgTxt .divVideo video{
        height: 300px;
    }
}













#encuentCandidatos{
    overflow: hidden;    
}

    #encuentCandidatos .botonera{
        padding-top: 25px;    
    }
        #encuentCandidatos .botonera > div{
            padding-bottom: 10px;    
        }
        #encuentCandidatos .botonera .btn-D3 span{
            max-width: 248px;
        }
        #encuentCandidatos .botonera .btnPublicaGratis{
            background: rgb(241 241 241 / 90%); 
        }
        #encuentCandidatos .botonera .btnPublicaGratis span{
            width: 248px;
            font-weight: 400;
        }
        #encuentCandidatos .botonera .btnRecibirLosMejores span{
            width: 248px;
            font-weight: 400;
        }
        
        #encuentCandidatos .botonera .btnPublicaGratis i:before{
            color: #9777fa;
        }
    #encuentCandidatos > div > .row{
        position: relative; 
        overflow: hidden; 
        min-height: 100vh;
    }       
        #encuentCandidatos > div > .row > img{
            position: absolute; 
            right: 0px; 
            top:0px; 
            width: 64%;
        }
        #encuentCandidatos > div > .row > .col{ 
            display: flex;
            align-items: center;    
        }
        #encuentCandidatos > div > .row > .col > div{ 
            padding: 20px 20px 60px 20px;
            max-width: 521px;
            margin: auto;    
        }  

    #encuentCandidatos .btn-D3{
        background: rgb(255 255 255 / 90%);    
    }
        #encuentCandidatos .btn-D3:hover,
        #encuentCandidatos .btn-D3:focus
        {
            background: rgb(255 232 210);   
        }
        
    @media (min-width: 767px) {
        
        #encuentCandidatos > div > .row > img{
            position: absolute;
            right: 14%;
            top: 9%;
            width: 50%;
        }
        
    }
    @media (max-width: 767px) {
        
        #encuentCandidatos > div > .row > img{
            bottom: 0px;
            width: 75%;
            top:auto;
        }   
        
        #encuentCandidatos > div > .row{
            min-height: 0px;    
        }


        
        #encuentCandidatos > div > .row > .col{
            /*min-height: 100vh;*/
            align-items: normal;
        }
        #encuentCandidatos > div > .row > .col > div{
            margin: 30px;    
        }
        #encuentCandidatos > div > .row > img {
            bottom: 110px;
        }  
    }
    @media (max-width: 567px) {
        
        #encuentCandidatos .botonera .btn-D3 span {
            max-width: 196px;
        }
        #encuentCandidatos .botonera .btn-D3 span{
            font-size: 17px;    
            margin-left: 47px;
        } 
        #encuentCandidatos .botonera .btn-D3 i{
            left: 14px;
            height: 25px;
            width: 38px;
            font-size: 24px;
        } 
        #encuentCandidatos .botonera  .btn-D3 i, 
        #encuentCandidatos .botonera  .btn-D3 i:before{
            font-size: 24px;    
        }
        
        #encuentCandidatos > div > .row > .col > div{
            margin: 0px;    
        }
    }
    @media (max-width: 500px) {
    
        #encuentCandidatos > div > .row > img {
            bottom: auto;
            top: 27%;
            width: 110%;
            opacity: 0.33!important;
        }     
        
    }
          
#publica-oferta  h3{
    font-size: 50px;
    line-height: 1.1em;
    text-align: center;
}     
    @media (max-width: 567px) {       
        #publica-oferta  h3{
            font-size: 35px;
        }      
        #publica-oferta .imgTxt .txt h5{
            font-size: 23px;    
        }     
        #publica-oferta .imgTxt .txt{
            padding-left: 15px; 
            padding-right: 15px;    
        }
    }      
          
            
#base-de-datos-de-cv h3{
    font-size: 50px;
    line-height: 1.1em;
    text-align: center;
}
    #base-de-datos-de-cv  .imgTxt .txt h5{
        font-size: 27px;
        margin-bottom: 20px;
        font-weight: 700;
        line-height: 34px;
        text-transform: none;
        padding-left: 54px;
        position: relative;
    }
    #base-de-datos-de-cv  .imgTxt .txt h5 i{
        position: absolute;
        top: 7px;
        left: 0px;
        color: #bba7f6;
        width: 41px;
        text-align: center;
    }
    #base-de-datos-de-cv  .imgTxt .txt h5 i.fa-file-invoice-dollar{
        font-size: 35px;
    }
    
    
    @media (max-width: 567px) {       
        #base-de-datos-de-cv h3{
            font-size: 35px;
        } 
        #base-de-datos-de-cv .imgTxt .txt h5{
            font-size: 20px;    
        }   
        #base-de-datos-de-cv .imgTxt .txt{
            padding-left: 15px; 
            padding-right: 15px;    
        }
        #base-de-datos-de-cv .imgTxt .txt{
            padding-bottom: 50px;
        }
    }   












.lds-dual-ring {
    display: inline-block;
    width: 22px;
    height: 22px;
    
    position: absolute;
    top:0px;
    left:0px;
    text-align: center;
    width: 100%;
    height: 100%;    
    background-color: rgb(255 255 255 / 80%); 
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 22px;
    height: 22px;
    margin: 10px auto;
    border-radius: 50%;
    border: 3px solid #9777fa;
    border-color: #9777fa transparent #5936c7 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/*
*****************************************************************************************
************************ 2022-11-26 ********************************************************
*****************************************************************************************
*/


#HTMLOfertasRelacionadas > div.contenedor
{
    max-width: 800px;
    margin: auto; 
    border-top: 1px solid #9777fa; 
    background-color: #efefef; 
    padding: 0px 30px 30px 30px;    
}

    @media (max-width: 567px) {
    
        #HTMLOfertasRelacionadas > div.contenedor
        {
            padding: 0px 10px 30px 10px;    
        }
    }
        
        
        

/*
*****************************************************************************************
************************ 2023-09 ********************************************************
*****************************************************************************************
*/

.puntajeBD{
    
}
    .puntajeBD.regular{
         border-color: #999999!important; 
         color: #999999!important
    }
    .puntajeBD.bueno{
         border-color: #ff934b!important; 
         color: #ff934b!important
    }
    .puntajeBD.muybueno{
         border-color: #5db500!important; 
         color: #5db500!important
    }
        
.cartelImportante{
    text-align: left; 
    background-color: #ffda7a;   
}
    .cartelImportante span{
        display: inline-block;
        padding: 20px 15px 20px 60px;
        font-size: 16px;
        position: relative;
        font-weight: 400;
        color: #853700;
    }
    .cartelImportante span i{
        position: absolute;
        left: 20px;
        top: 25px;
        font-size: 20px;
        color: #ff6a00;
    }
    
.is-invalid{
    
}
    body .form-control.is-invalid{border-color: #dc3545;}
    body select.form-control.is-invalid{background-position: center right 9px;background-size: 29px 19px;}

    
/***************************
Paginacion
****************************/

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination a{
  color: #1E82DB;
}


.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: 2px;
  margin-right: 2px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  color:  #9777fa; 
  margin-bottom: 10px;
}
.pagination > li > span{
    color: #c1c1c1;
}
.pagination > li > span.paginacionNro{
    background-color: #9777fa;
    color:  #FFF;
}
.pagination > li:hover > span.paginacionNro{
    background-color: #9777fa;
    color:  #FFF;
}


.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}
    .pagination > li.puntos > span:hover,
    .pagination > li.puntos > span:focus {
      background-color: transparent;
    }
.pagination .paginacion_anterior_siguiente{display: none;}

      
      
    
/******************************************************************************************************
    2023-10-16 
*******************************************************************************************************/
      
.aplacado,
.aplacado *{
    opacity: .6;
    pointer-events: none;    
}