/*BASICS THEME*/
/*reset fonts*/
body{font-size: 15px;}    
h1, .h1 {color: #4f5665}
h2, .h2 {color: #4eb9b0; font-weight: 400}
h3, .h3 {color: #4f5665}
h4, .h4 {color: #4f5665; font-weight: 400}
h5, .h5 {color: #8d9392; font-weight: 400}
h6, .h6 {color: #8d9392; font-weight: 400} 
p{color: #4f5665;}
label {color: #4f5665;}

.h1Slim{
    font-weight: 400;
}

.ulTxt{
    color: #4f5665;
}

/*.tabsModulos{
    display: none;
}

.dropLinkModulos{
    display: block;
    margin-top: 15px;
}*/

.dropModulo li{
    text-align: center;
}

.dropModulo li a{
    color: #4eb9b0;
    background-color: #fff;
} 

.boxTxtAlign{
    text-align: center;
}

.alertMorado{
    background-color: #f5f5f5;
    color: #999;
    padding: 30px;
}

.alertMorado strong, .alertMorado i{
    color: #8b6cbc;
}

.alertMorado2 i{
    color: #8b6cbc;
    font-size: 30px;
}

.alertMorado2 strong{
    color: #8b6cbc;
}

.alertMorado i{
    font-size: 48px;
}

.bgContainerDark{
    background-color: #242b35;
}

/*botones form*/
form .btn{float: right;}
form:after{
    content: "";
    display: block;
    clear: both;
}


/*loader JQuery UI*/ 
.ui-loader { display: none; }


.clearfix{clear: both;}
.btnBlock{width: 100%; display:block;}


/*MARGENES*/
.mBot15{margin-bottom: 15px;}

/*END MARGENES*/

.centerImg{
    margin: 0 auto;
    vertical-align: middle;
}

/*alinear columnas vertical*/
.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: middle;
}
.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}

@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}

.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

/*end alinear columnas vertical*/



/***********************************ESTILOS EN PÁGINAS***********************/

/*Título Sección*/
.h2Section{
    display: block;
    min-height: 30px;
    width: 100%;
    clear: both;
    text-align: center;
    border-bottom: 1px solid #dedede;
    margin-top: 50px;
}

.h2Section h2{
    margin-bottom: 0px;
}

.h2Section.noborder{
    border-bottom: none;
    text-align: center;
}

.carousel-caption .epigrafe{
    color: #f1893f;
}

.carousel-caption .btn{
    margin-top: 10px;
}

/*Noticias Home*/
.notaHomeTitulo{
    color: #4f5665;
    font-size: 18px;
    font-weight: 700;
}

/*FOOTER*/
footer{
	background-color: #4f5665;
    background-image: url(../img/bg-footer.jpg);
    background-repeat: no-repeat;
    background-size:cover;
	text-align: left;
	width: 100%;
	color: #fff;
	padding: 20px 0; 
    margin-top: 40px;
}

.logoFooter{
    padding-bottom: 20px;
    text-align: center;
}

.boxSocial{
    margin: 20px 0;
    text-align: center;
}

.boxSocial a{
    display: inline-block;
    margin-left: 10px;
    padding:10px;
    width: 50px;
    height: 50px;
    color: #dedede;
    border-radius: 50%;
    border: 2px solid #dedede;
}

.boxSocial a:hover{
    color: #4eb8af;
    border-color: #4eb8af;
}

.boxSocial a:first-child{
    margin-left: 0px;
}

.boxSocial a i{
    font-size: 28px;
}

footer .linksInteres{
    display: block;
    color: #fff;
}


/***** BOX VIDEO YOUTUBE *****/
.box-video{
  position: relative;
  max-width:100%;
  margin:0 auto;
  cursor: pointer;
  overflow: hidden;
}

.box-video .bg-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.box-video .video-container{
  position: relative;
  margin: 0;
  z-index: 1;
}

.txtplayer h1, .txtplayer p{
    margin-bottom: 5px;
    color: #fff;
}

.txtplayer{
    top: 35%;
    left: calc(50% - 145px);
    width: 290px;
    position: absolute;
    text-align: center;
    color: #fff;
}

.box-video .bt-play {
  position: absolute;
  top:25%;
  left:50%;
  margin:-30px 0 0 -30px;
  display: inline-block;
  width: 60px;
  height: 60px;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    padding-top: 8px;
    padding-left: 3px;
  cursor: pointer;
  z-index:2;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.box-video:hover .bt-play {
  transform: scale(1.1);
    color: #4eb8af ;
    border-color: #4eb8af;
}

.box-video.open .bg-video{
  visibility: hidden;
  opacity: 0;

  -webkit-transition: all .6s .8s;
  transition: all .6s .8s;  
}
.box-video.open .video-container{
  opacity: 1;

  -webkit-transition: all .6s .8s;
  transition: all .6s .8s;
}

/*EDIT*/
.video-container iframe{
    width: 100%;
    height: 400px;
}

/***** END BOX VIDEO YOUTUBE *****/

.dividerBig{
    background-color: #4f5665;
    height: 90px;
    text-align: center;
    margin-top: 20px;
    /*gradiente color*/  
    background: -webkit-linear-gradient(315deg, #4eb9b0 5%, #4f5665 5.1%, #4f5665 95%, #4eb9b0 95.1%); 
    background: -o-linear-gradient(315deg, #4eb9b0 5%, #4f5665 5.1%, #4f5665 95%, #4eb9b0 95.1%); 
    background: -moz-linear-gradient(315deg, #4eb9b0 5%, #4f5665 5.1%, #4f5665 95%, #4eb9b0 95.1%); 
    background: linear-gradient(315deg, #4eb9b0 5%, #4f5665 5.1%, #4f5665 95%, #4eb9b0 95.1%); 
}

.dividerBig h1, .dividerTop div h1{
    color: #fff;
}

.dividerTop{
    background-color: #242b35;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 130px;
    padding-top: 10px;
}

.dividerIndexModulos{
    background-image: url(../img-example/top-indexModulos.jpg);
}

.dividerModBienesraices{background-image: url(../img-example/top-bienesRaices.jpg);}
/*Agregar BG para todas las secciones**/

.separador{
    width: 30%;
    max-width: 100px;
    height: 4px;
    margin: 40px auto 20px;
    background-image: url(../img/separador.png);
    background-repeat: repeat-x;
}

.separadorCenter{
    width: 100px;
    height: 4px;
    margin: 20px auto 20px;
    background-image: url(../img/separador.png);
    background-repeat: repeat-x;
}

.separador + h1{
    text-align: center;
}

.dividerBig .separadorCenter{
    margin-bottom: 10px;
}

.boxEquipo{
    margin-bottom: 30px;
}

.boxEquipo img{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
}

.boxEquipo h1, .boxEquipo small{
    color: #4f5665;
}

.boxEquipo h1{
    font-size: 20px;
    font-weight: 700;
    word-spacing: 100em;
    margin-top: 30px;
}

.boxEquipo small{
    font-size: 14px;
    font-weight: 300;
    display: block;
    margin-top: 5px;
    word-spacing: normal;
}

.boxEquipo div{
    margin-top: 10px;
}

/*****OPINIÓN****/
.imgAutor{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 20px 40px 0;
}

/****CONTACTO****/
.wellContacto{
    margin-top: 50px;
}

/****NOTICIAS y MÓDULOS***/
.wellProduct{
    background-color: #f9f9fa;
}

.wellProduct img{
    margin-top: -19px;
    margin-left: -19px;
    margin-bottom: 16px;
    width: calc(100% + 38px);
}

.pagination li a.active{
    background-color: #4eb9b0;
    color:#fff;
}

.imgNoticia{
    margin-bottom: 20px;
}

.wellReformastributarias .wellProduct,
.wellSistemasdetributacion .wellProduct,
.wellRentasempresariales .wellProduct,
.wellReorganizacion .wellProduct,
.wellNormastransitorias .wellProduct,
.wellRentaspersonales .wellProduct,
.wellImpuestoadicional .wellProduct,
.wellInversiones .wellProduct,
.wellBienesraices .wellProduct,
.wellSeguros .wellProduct,
.wellIva .wellProduct,
.wellCodigotributario .wellProduct,
.wellImpuestosespeciales .wellProduct,
.wellHerenciaydonaciones .wellProduct,
.wellFranquiciastributarias .wellProduct{
    border-top-width: 6px;
}

.wellReformastributarias .wellProduct{border-top-color: #791519;}
.wellSistemasdetributacion .wellProduct{border-top-color: #ed5557;}
.wellRentasempresariales .wellProduct{border-top-color: #eda03a;}
.wellReorganizacion .wellProduct{border-top-color: #929646;}
.wellNormastransitorias .wellProduct{border-top-color: #772e88;}
.wellRentaspersonales .wellProduct{border-top-color: #bc6ba9;}
.wellImpuestoadicional .wellProduct{border-top-color: #f8b48e;}
.wellInversiones .wellProduct{border-top-color: #9eca63;}
.wellBienesraices .wellProduct{border-top-color: #2b743c;}
.wellSeguros .wellProduct{border-top-color: #26376d;}
.wellIva .wellProduct{border-top-color: #1f9ed6;}
.wellCodigotributario .wellProduct{border-top-color: #4c4d4e;}
.wellImpuestosespeciales .wellProduct{border-top-color: #939597;}
.wellHerenciaydonaciones .wellProduct{border-top-color: #c1ac95;}
.wellFranquiciastributarias .wellProduct{border-top-color: #625044;}

/*MENU SIDEBAR*/
.menuSidebar{
    display: none;
}
.dropdownProduct{
    text-align: center;
    margin-top: 30px;
}

.dropdownProduct .dropdown-menu{
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
}

.dropdownProduct ul.dropdown-menu{
    width: 320px;
    left: calc(50% - 160px);
}

.dropdownProduct .dropdown-menu li a{
    padding: 10px 20px;
}
/*END MENU SIDEBAR*/


/*MODULOS*/
.topTab{
    margin-top: 50px;
}

.tabsModulos{
    margin-top: 30px;
}

.contentModulos .tab-pane .well{
    margin-left: 0px;
    margin-right: 0px;
}

.iframePrezi{
    width: 100%;
    border: 1px solid #4f5665;
}

.casos{
    border-top: 100px solid transparent;
    margin-top: -100px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.casos{
    margin-top: 10px;
}

.casos h1{
    margin-bottom: 40px;
}

.casos h2{
    margin-bottom: 0px;
}


.nav-tabs-dropdown {
  display: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.nav-tabs-dropdown:before {
  content: "\e114";
  font-family: 'Glyphicons Halflings';
  position: absolute;
  right: 30px;
}

@media screen and (min-width: 769px) {
  #nav-tabs-wrapper {
    display: block!important;
  }
}
@media screen and (max-width: 768px) {
    .nav-tabs-dropdown {
        display: block;
    }
    #nav-tabs-wrapper {
        display: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        text-align: center;
    }
   .nav-tabs-horizontal {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
   }
    .nav-tabs-horizontal  > li {
        float: none;
    }
    .nav-tabs-horizontal  > li + li {
        margin-left: 2px;
    }
    .nav-tabs-horizontal > li,
    .nav-tabs-horizontal > li > a {
        background: transparent;
        width: 100%;
        z-index: 9999;
    } 
    .nav-tabs-horizontal  > li > a {
        border-radius: 4px;
    }
    .nav-tabs-horizontal  > li.active > a,
    .nav-tabs-horizontal  > li.active > a:hover,
    .nav-tabs-horizontal  > li.active > a:focus {
        color: #ffffff;
        background-color: #428bca;
    }
}


/****TEST***/
.colorTest p{
    margin-left: 24px;
    padding: 5px 10px;
}

.colorTest p input{
    margin-right: 10px;
    margin-left: -24px;
    float: left;
}

.colorMorado{
    color: #8b6cbc;
    font-weight: 700;
    /*background-color: rgba(139,108,188,.1);*/
}

/*estrellas*/
.calificaStar{
    padding-left: 10px;
}

.calificaStar .fa-star{
    color: #f8ae13;
}


/*SLIDER MODULO (TEXTOS)*/
#sliderMod{
    background: #eeebe3;
}

#sliderMod .carousel-caption{
    position: static;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 0;
    text-shadow: none;
}

.boxTopSliderMod{
    display: table;
}

.iconSliderMod{
    display: block;
    padding-right: 20px;
    padding-bottom: 0px;
}

.titSliderMod{
    display: block;
    text-align: center;
    color: #c466a4;
    font-weight: 700;
    margin-top: 10px;
    padding-bottom: 20px;
}

.titSliderMod small{
    display: block;
    color: #c466a4;
    font-size: .8em;
    margin-bottom: 10px;
}


/*FICHA MODULOS*/
.videoFichamod{
    margin-top: 60px;
}

/*COMENTARIOS*/
.titleComment{
    margin-top: 20px;
    margin-bottom: 5px;
}

.comentario:last-child .commentBox{
    border-bottom: none;
}

.commentBox{
    margin-top: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 30px;
}

/*BG MODAL*/
.fade.in {
    opacity: 1;
    background-color: rgba(0,0,0,.6);
}

/************************************************************PLANES*/
.dividerPlanes{
    background-image: url(../img-example/top-planes.png);
}

.topPlanes{
    margin-top: 60px;
}

.BottomPlanes{
    margin-top: 10px;
    padding: 60px 30px 80px;
    background-color: #f5f5f5;
}

.glypPlanes{
    height: 60px;
    width: 60px;
    color: #4eb9b0;
    font-size: 40px;
    border: 3px solid #4eb9b0;
    border-radius: 50%;
    padding-top: 7px;
    margin-bottom: 10px;
}

.boxPlan{
    background-color: #fff;
    padding: 0 15px 15px;
    margin-bottom: 15px;
}

.planes{
    margin-left: -15px;
    margin-right: -15px;
    min-height: 70px;
    margin-bottom: 20px;
}

.planUno{background-color: #a6c84d}
.planDos{background-color: #f8ae13}
.planTres{background-color: #8b6cbc}
.planCuatro{background-color: #0f98d6}

.boxPlan h2{
    color: #fff;
    font-size: 1.2em;
    text-align: center;
    padding: 15px;
    font-weight: 700;
    margin-bottom: 0;
}

.txtPlan{
    min-height: 120px;
}

.boxPlan h1 small{
    font-size: .5em;
    display: block;
    padding-top: 8px;
}

.text-legal{
    color: #888;
    font-size: 14px;
}

.boxMediopago{
    margin-bottom: 80px;
    padding-top: 60px;
}

/************************************************************LEYES TRIBUTARIAS*/
.dividerLeyes{
    background-image: url(../img-example/top-leyesTributarias.png);
}

.subtitleSidebarNormativas{
    background-color: #8a8e93;
    color: #fff;
    display: block;
    padding: 5px 20px;
}

.subtitleSidebarNormativas.active{
    background-color: #4eb9b0;
}

.subtemaSideNormativas{
    background-color: #ececec!important;
    color: #8a8e93!important;
    margin-bottom: 0!important;
}

.subtemaSideNormativas.lastItem{
    margin-bottom: 5px!important;
}

.subtemaSideNormativas.active{
    font-weight: 700;
}

.dropdownProduct .dropdown-header{
    padding-top: 20px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ececec;
}

.containerNormativas{
    margin-top: 40px;
}

.filtroNormativa{
    padding: 10px 0;
    margin-top: 30px;
}

.filtroNormativa .dropdown-menu{
    background-color: #fff!important;
    top: 42px!important;
    margin: 0 auto;
}

.fechaNormativa{
    margin-top: -10px;
    margin-bottom: 20px;
}

@media (max-width: 992px) {
    .filtroNormativa button{
        background-color: #fff;
        color: #8a8e93;
        border: none;
    }

    .filtroNormativa button:hover{
        background-color: #fff;
        color: #000;
    }
}

/************* SUSCRIPCIÓN**************/
#rootwizard{
    margin-top: 60px;
}

.txtPlanForm{
    min-height: 150px;
}

.boxPlanForm{
    border: 1px solid #dedede;
}

.boxPriceForm{
    background-color: #f5f5f5;
    padding: 10px 15px;
    max-width: 160px;
}

.boxPriceForm strong{
    color: #4eb9b0;
    font-size: 1.4em;    
}

.wellWhiteForm{
    margin-top: -21px;
    background-color: #fff;
    background-image: url(../img/sello-transaccion.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

/*****NAV BAR USER ****/
.usuarioActivo{
    color: #4eb9b0;
}

.badgeNotification{
    background-color: #d9534f;
    position: absolute;
    margin-left: -5px;
    height: 20px;
    width: 20px;
}

.cerrarSesion{
    margin-left: 10px;
    padding: 0px 2px!important;
    height: 20px;
    font-size: 13px;
    margin-top: 23px!important;
}

.displayXs{
    display: none;
}

/****MODULOS REFORMA TRIBUTARIA****/
.dividerModReforma{background-image: url(../img-example/top-reformaTrib.jpg); height: 200px;}
.dividerModReforma h2{color: #fff;}

.proyectosleyes .fa-calendar{
    color: #fff;
    background-color: #ef7a27;
    padding: 14px;
    font-size: 22px;
    font-size: 22px;
    border-radius: 50%;
}

.proyectosleyes ul li:first-child{
    margin-left: -55px;
}

.proyectosleyes ul li{
    display: inline-block;
    margin-left: 30px;
}

.wellReformaOpinion{
    margin-top: 60px;
}

.subULReforma{
    list-style-type: lower-alpha;
    font-weight: 700;
}

.subLIReforma{
    list-style-type: circle;
    font-weight: 400;
}

.btnVerleyReforma{
    margin-top:220px;
}


/****PERFIL*****/
.noShow{
    display: none;
}

.tablePerfil{
    color: #4f5665;
}

.tablePerfil th{
    color: #8d9392;
    font-weight: 400;
    font-size: .8em;
    padding-bottom: 10px;
    background-color: #fff;
    border-top: 1px solid #fff!important;
}

.txtStrong{
    font-weight: 700;
}

.badge-danger{
    background-color: #d9534f;
    border-radius: 50%;
}


/*AJUSTES EXTRAS*/
.tab-content > .active {
    color: #4f5665;
}
.txtSliderMod{
    color: #4f5665;
    text-align: left;
}




/****NEW HOME**/
.nh-separador{
    width: 100%;
    height: 30px;
    text-align: center;
}

.nh-separadorCenter{
    width: 100px;
    height: 4px;
    background-image: url(../img/separador.png);
    background-repeat: repeat-x;
    margin: 0 auto;
}

.nh-separadorRight{
    float: right;
    clear: left;
    width: 100px;
    height: 4px;
    background-image: url(../img/separador.png);
    background-repeat: repeat-x;
}

.nh-mainHomeStatic{
    background-image: url(../imgNewHome/bgTop.jpg);
    background-size: cover;
    padding-bottom: 30px;
}

.nh-boxText{
    padding-top: 100px;
    text-align: right!important;
}

.nh-boxText h1{
    text-align: right!important;
    color: #fff!important;
}

.nh-boxText h1 span{
    color: #4eb9b0;
    display: block;
}

.nh-boxText h3{
    color: #fff;
    font-weight: normal;
}

.nh-secondSection{
    padding: 60px 0;
}

.nh-secondSection img{
    margin-bottom: 20px;
}

.nh-secondSection p{
    color: #6f6f6e;
}

.nh-btnSecondSection{
    margin-top: 20px;
    margin-bottom: 40px;
}

.nh-thirdSection{
    background-color: #f3f3f3;
    padding: 40px 0;
}

.nh-thirdSection h1{
    margin-bottom: 0;
}

.nh-thirdSection h1 strong{
    color: #4eb9b0;
}

.nh-thirdSection p{
    color:#6f6f6e;
}

.nh-boxes{
    margin-top: 30px;
}

.nh-boxes div{
    display: table;
    height: 140px;
    margin-bottom: 10px;
}

.nh-boxes div div{
    display: table-cell;
	vertical-align: middle;
    background-color: #dedede;
    color: #fff;
}

.nh-bottomBoxes{
    margin-top: 40px;
}

.nh-sectionFour{
    background-image: url(../imgNewHome/bgFour.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.nh-sectionFour span{
    width: 60px;
    display: block;
    height: 1px;
    border-bottom: 1px solid #fff;
    margin-top: 60px;
}

.nh-sectionFour h1{
    color: #fff;
    margin-top: 20px;
}

.nh-sectionFour p{
    color: #fff;
    margin-bottom: 50px;
}

.width100{
    width: 100%;
}

.nh-sectionFour .btn{
    margin-bottom: 30px;
}

.nh-free{
    background-color: #f3f3f3;
}

.nh-free .nh-left{
    background-color: #efa20e;
    color: #fff;
    text-align: center;
}

.nh-marginSubtitles{
    margin-top: 40px;
}

.nh-left img{
    float: left;
    padding: 10px;
}

.nh-left span{
    display: block;
    padding: 24px;
    font-size: 22px;
    line-height: 1em;
}

.nh-right .row{
    padding: 20px;
}

.nh-txYel{
    color: #e99c0e;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 20px;
    line-height: 1em;
}

.nh-txPel{
    color: #979696;
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    padding-bottom: 20px;
}

.nh-txbut{
    text-align: center;
}

.nh-patrocinio{
    background-color: #f3f3f3;
    padding: 40px 0;
    margin-top: 60px;
}

.nh-patrocinio img{
    margin: auto;
}

.nh-indicadores{
    background-color: #979696;
    color: #fff;
}

.nh-indicatext{
    margin-top: 60px;
}

/*Nuevo acerca CCT*/

.Ac2-bgGrey{
    background-color: #f1f1f1;
}

.Ac2-separador{
    width: 30%;
    max-width: 100px;
    height: 4px;
    margin: 0px auto 20px;
    padding-top:50px;
    background-image: url(../img/separador.png);
    background-repeat: repeat-x;
    background-position: 0 40px;
}

.Ac2-bgImg{
    background-image: url(../imgAcercaDe/bgAcercacct.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 60px;
}

.Ac2-bgImg h1, .Ac2-bgImg p{
    color: #fff!important;
}

.Ac2-backbox div{
    background-color: rgba(0,0,0,0.5);
    color: #fff!important;
    font-size: 16px;
    text-align: left;
    padding: 20px;
}