@charset "utf-8";
@import url("./HelveticaNowDisplay.css");   /* titulo */
@import url("./HelveticaNowText.css");      /* text normal */
@import url("./HelveticaNowMicro.css");     /* pequeño */


.login .chat{
    position:absolute;
    bottom:0;
    right:20px
}
body{
    padding-top:70px;
    font-family:HelveticaNowText;
    font-weight:400;
    background-color:#f8f8f8
}
div#main{
    min-height:700px;
    background:#f8f8f8
}
.txt-white{
    color:#fff
}
a:hover{
    text-decoration:none;
    color: initial;
}

.btn-primary {
    color: #fff;
    letter-spacing: 2px;
    background-color: #54b7c8;
    text-transform: uppercase;
    border: none;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover
{
    color: #fff;
    background-color: #4ea6af;
    border: none
}

.btn-small {
    letter-spacing: 2px;
    font-size: 11px;
    border: none;
    padding: 10px 15px;
}

.btn-xsmall  {
    letter-spacing: 1px;
    font-size: 10px;
    border: none;
    padding: 8px 10px;
}

.custom-btn{
    display: inline-block;
    background-color: #54b7c8;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 15px 0;
    text-align: center;
    letter-spacing: 3px
}

.modal.in .modal-dialog{
    -webkit-transform: translate(0,20%);
    -ms-transform: translate(0,20%);
    -o-transform: translate(0,20%);
    transform: translate(0,20%);
}

.divider{
    border-left:1px solid #ededed
}

.rounded{
    border-radius: 10px
}

.gradientbg{
    background: #f4b600; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f4b600 0%, #55b9c9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f4b600 0%,#55b9c9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f4b600 0%,#55b9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.centerer {
    display: table;
    width: 100%;
    height: 100%;
}
.centered {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.list-inline{
    margin-bottom:0
}
.social ul.list-inline{
    margin-top:20px
}
.progress{
    width:100%;
    height:3px;
    background-color:#fff;
    border-radius:2px;
    box-shadow:none
}
.progress .progress-bar{
    box-shadow:none
}
.progress.bronce .progress-bar{
    background-color:#c47f5b
}
.progress.plata .progress-bar{
    color:#9d9d9c
}
.progress.oro .progress-bar{
    color:#d8b75e
}
.progress.platino .progress-bar{
    color:#e1e1e1
}
.progress.zafiro .progress-bar{
    color:#0f4d82
}
.progress.diamante .progress-bar{
    color:#aec2ce
}
.avatar{
    color:#fff;
    /*background-color:#f3971f;*/
    border-radius:50%;
    display:inline-flex!important;
    align-items:center;
    justify-content:center
}
.carousel-indicators li{
    border:0;
    background:0 0;
    background-color:#ff6b0a;
    cursor:pointer;
    padding:5px;
    outline:0;
    font-size:32px;
    opacity:.3
}
.carousel-indicators li.active{
    opacity:1;
    background-color:#ff6b0a
}
.nav-tabs{
    border-bottom:0
}
.nav-tabs li{
    padding-left:10px;
    padding-right:10px;
    height:48px
}
.nav-tabs .active{
    border-bottom:2px solid #54b7c8
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li>a{
    border:0;
    cursor:pointer;
    color:#5a5a5a;
    font-weight:500;
    font-size:14px;
    text-transform:uppercase;
    height:46px;
    background-color:transparent
}
input{
    box-sizing:border-box;
    box-shadow:none;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#777;
    transition:all .2s;
    outline:0;
    overflow:hidden;
    border-radius:5px;
    padding:0 20px;
    background:#fff;
    border-width:2px;
    border-style:solid;
    border-color:#bebebe;
    border-image:initial;
    font-size:14px;
    line-height:24px;
    width:100%;
    height:36px;
    display:inline-block;
    position:relative;
    transition:height .2s cubic-bezier(.23,1,.32,1) 0;
    cursor:auto
}
input:focus{
    border-color:#000!important
}

.titulo-seccion{
    padding:5% 0;
}

.titulo-seccion.bpadding {
    padding:0 0 5% 0;
}

.titulo-seccion h1{
    letter-spacing: 5px;
    font-weight: bold;
    font-size: 33px;
    text-align: center;
}

.titulo-seccion h2{
    font-weight: bold;
    color: #f1a800;
    font-size: 23px;
    text-align: center;
    letter-spacing: 1px;
}

.titulo-seccion .desc{
    line-height: 1.25;
    text-align: center;
}

.card-content{
    display:flex
}
.card-content.clearfix.pinfo{
    text-align:left
}
.card-content .card{
    box-sizing:border-box
}

.card-content .card.image-card{
    padding:0;
    flex:none
}

.card-content.card-content-3 .card{
    box-sizing:border-box;
    flex:0 0 32%
}
.card-content .card.card-m{
    margin-right:19px
}
.card-content .card.card-xl{
    flex:0 0 100%
}
.card-content .data-head{
    margin:0;
    overflow:hidden
}
.card-content .data-head .sublist div{
    margin-right:20px;
    padding:10px;
    float:left
}
.card-content .data-head .sublist{
    display:inline-block;
    float:left
}
.card-content .data-head li:last-child{
    margin-right:0;
    padding-left:15px
}
.card-content .data-head div span{
    color:#8c8c8c
}
.card-content .data-head div.line{
    display:inline-block;
    padding:10px;
    float:right
}
.card{
    color:#4f4f4f;
    background-color:#fff;
    transition:all 450ms cubic-bezier(.23,1,.32,1) 0;
    box-sizing:border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    box-shadow:rgba(0,0,0,.12) 0 1px 6px,rgba(0,0,0,.12) 0 1px 4px;
    border-radius:2px;
    z-index:1;
    position:relative;
    padding:20px 40px;
    width:100%;
    height:100%;
    margin:10px 0
}
.card iframe{
    width:100%;
    height:284px
}
.card a.viewmore{
    color:#f3971f;
    display:inline-block;
    background-color:#54b7c8;
    color:#fff;
    padding:10px 15px;
    border-radius:5px;
    margin:15px 0;
    float:left
}

.cnt-video{
    height:282px;
    overflow:hidden;
    position:relative
}
.cnt-video img{
    top:-48px;
    position:absolute
}
span.big-number.pull-right{
    font-size:27px;
    display:block
}
.nocard h2,
.card h2{
    padding-bottom:25px;
    font-size:18px;
    color:#f3971f;
    text-align:left
}

h2.nopadding{
    padding: 0
}

.card p{
    box-sizing:border-box;
    padding:15px 0;
    flex:0 0 50%;
    font-size:15px;
    color:#8c8c8c;
    margin:0
}
.card p.volanta{
    font-size:14px;
    color:#54b7c8;
    text-align:left;
    margin-bottom: 0;
    padding-bottom: 0;
}

.volanta + h2{
    margin: 5px 0;
    padding: 5px 0;
}

.card p.copete{
    font-size:14px;
    color:#54b7c8;
    text-align:left;
    margin: 0;
    padding: 0;
}

.card p span{
    font-size:16px;
    font-weight:500;
    color:#4f4f4f
}
.perfil .card p span{
    color:#333
}


.d-none{
    display: none !important;
}
.card.rounded{
    border-radius: 5px!important
}

.card.gradient::before{
    content: '';
    background: #f4b600; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f4b600 0%, #55b9c9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f4b600 0%,#55b9c9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f4b600 0%,#55b9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    display: block;
    clear: both;
    width: 100%;
    height: 7px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px 5px 0 0 ;
}

.card.pleno::before{
    content: '';
    -webkit-box-shadow: inset 0px -1px 5px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: inset 0px -1px 5px 0px rgba(0,0,0,0.35);
    box-shadow: inset 0px -1px 5px 0px rgba(0,0,0,0.35);
    display: block;
    clear: both;
    width: 100%;
    height: 8px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px 5px 0 0 ;
}
.card .description{
    display:none
}
.card .col-content .col-l{
    width:45%;
    float:left
}
.select-styled{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    height:51px;
    line-height:51px;
    font-size:14px;
    font-weight:300;
    color:#777;
    padding:0 10px;
    text-align:left
}
.select-styled:hover{
    background-color:#fbfbfb;
    border:1px solid #d3d3d3
}
.select-styled:after{
    content:"";
    border:solid #000;
    border-width:0 3px 3px 0;
    display:inline-block;
    padding:3px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    width:0;
    height:0;
    border-color:transparent #f3971f #f3971f transparent;
    position:absolute;
    top:20px;
    right:10px;
    line-height:51px
}
.select-styled.active:after,.select-styled:active:after{
    transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    top:23px
}
.select-hidden{
    display:none;
    visibility:hidden;
    padding-right:10px
}
.select{
    cursor:pointer;
    display:inline-block;
    position:relative;
    font-size:16px;
    color:#fff;
    width:220px;
    height:40px;
    margin-bottom:5px
}
.select-options{
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:11px 0 0 0;
    padding:0;
    list-style:none;
    background-color:#fff;
    border:1px solid #d3d3d3
}
.select-options li{
    margin:0;
    color:#333;
    padding:12px 0;
    text-indent:15px;
    font-size:14px;
    font-weight:300;
    border-top:1px solid #fff;
    text-align:left
}
.select-options li:hover{
    color:#333;
    background:#d3d3d3
}
.select-options li[rel=hide]{
    display:none
}
.choose-cycle{
    font-size:30px;
    font-weight:700;
    margin-bottom:20px
}
.choose-cycle .select{
    width:160px;
    margin:0
}
.choose-cycle .select-styled{
    color:#f3971f;
    font-size:30px;
    font-weight:700;
    border:0;
    padding-top:4px
}
.choose-cycle .select-styled:hover{
    background-color:transparent;
    border:0
}
.alert_login{
    font-size:13px;
    border-radius:6px;
    padding:12px;
    text-align:center;
    background-color:#fc3f67;
    color:#fff;
    opacity:1;
    transition:opacity .6s;
    margin-bottom:15px;
    font-family:Lato;
    border:0
}
.alert{
    font-size:13px;
    border-radius:6px;
    padding:12px;
    text-align:center;
    background-color:#555;
    color:#fff;
    opacity:1;
    transition:opacity .6s;
    margin-bottom:15px;
    font-family:Lato;
    border:0;
    display:none
}
.alert a{
    color:#f3971f
}
.tabla-consultoria{
    width:100%;
    overflow-y:auto;
    text-align:left
}
.tabla-consultoria tr th{
    border-bottom:2px solid #eee;
    text-transform:uppercase;
    color:#bbb;
    font-size:14px
}
.tabla-consultoria tr td,.tabla-consultoria tr th{
    padding:15px;
    vertical-align:middle;
    color:#777;
    font-size:14px;
    font-weight:400
}
.tabla-consultoria tr.active td{
    background-color:#e7e7e7
}
.tabla-consultoria tr td .goto{
    visibility:hidden
}
.tabla-consultoria tr:hover td .goto{
    visibility:visible;
    cursor:pointer
}
.tabla-consultoria tr td.nombre,
.tabla-consultoria tr td.nombre a{
    color:#000;
    text-transform:uppercase;
    font-weight:500;
    color:#232323;
    font-size:14px
}
.tabla-consultoria tr td.nombre a{
    padding:0
}
.tabla-consultoria tr td .inc{
    width:40px;
    height:40px;
    color:#fff;
    background-color:#f3971f;
    border-radius:50%;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
    font-size:20px;
    margin-right:10px;
    font-weight:300;
    position:relative
}
.tabla-consultoria tr td .inc .avatar{
    position:absolute;
    right:1.14286px;
    bottom:1.14286px;
    padding:.952381px;
    background:#fff;
    border-radius:50%
}
.tabla-consultoria tr td .inc .avatar svg{
    fill:#f3971f
}
.panel{
    color:#4f4f4f;
    background-color:#fff;
    transition:all 450ms cubic-bezier(.23,1,.32,1) 0;
    box-sizing:border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    box-shadow:rgba(0,0,0,.12) 0 1px 6px,rgba(0,0,0,.12) 0 1px 4px;
    border-radius:2px;
    z-index:1;
    position:relative;
    padding:20px 20px;
    width:100%;
    height:100%;
    margin-top:10px
}
.panel.panel-default .panel-title{
    font-weight:800;
    display:block
}
.panel-default>.panel-heading{
    background:0 0;
    padding:0
}
.tabla-consultoria .check-container{
    display:block;
    position:relative;
    padding-left:35px;
    margin-bottom:25px;
    cursor:pointer;
    font-size:22px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.tabla-consultoria .check-container input{
    position:absolute;
    opacity:0;
    cursor:pointer
}
.tabla-consultoria .checkmark{
    position:absolute;
    top:0;
    left:0;
    height:18px;
    width:18px;
    background-color:#fff;
    border:1px solid #6d6d6d;
    border-radius:50%
}
.tabla-consultoria .check-container input:checked~.checkmark{
    position:absolute;
    content:" ";
    z-index:0;
    top:0;
    left:0;
    width:18px;
    height:18px;
    box-sizing:border-box;
    background-color:#f3971f;
    border-radius:50%;
    transition:all .2s;
    border-width:1px;
    border-style:solid;
    border-color:#f3971f;
    border-image:initial
}
.tabla-consultoria .checkmark:after{
    content:"";
    position:absolute;
    display:none
}
.tabla-consultoria .check-container input:checked~.checkmark:after{
    display:block
}
.tabla-consultoria .check-container .checkmark:after{
    position:absolute;
    content:" ";
    z-index:1;
    top:0;
    left:0;
    transform:rotateZ(37deg);
    transform-origin:100% 100% 0;
    width:8px;
    height:13px;
    opacity:1;
    transition:all .3s;
    border-top:2px solid transparent;
    border-left:2px solid transparent;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff
}
.custom-checkbox{
    position:relative;
    width:100%;
    padding:0 10px;
    font-size:14px;
    font-weight:300;
    color:#d3d3d3
}
.custom-checkbox input{
    opacity:0;
    display:none
}
.custom-checkbox .checkmark{
    position:absolute;
    top:0;
    right:8px;
    height:18px;
    width:18px;
    border:1px solid #ccc
}
.checkmark:after{
    content:"";
    position:absolute;
    display:none
}
.custom-checkbox input:checked~.checkmark:after{
    display:block
}
.custom-checkbox .checkmark:after{
    left:6px;
    top:2px;
    width:5px;
    height:10px;
    border:solid #ccc;
    border-width:0 3px 3px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.menu{
    float:left;
    position:fixed;
    z-index:999;
    transform:translate(0,0);
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    color:#4f4f4f;
    background-color:#f8f8f8;
    box-sizing:border-box;
    box-shadow:rgba(0,0,0,.16) 0 3px 10px,rgba(0,0,0,.23) 0 3px 10px;
    border-radius:0;
    height:100%;
    width:280px;
    overflow:auto;
    padding:20px 0
}
.menu ul{
    padding:0
}
.menu li{
    list-style:none
}
.menu li a{
    color:#777;
    line-height:22px;
    font-size:15px;
    font-weight:400;
    padding:12px 16px 12px 55px;
    display:block;
    position:relative
}
.menu li a .icn{
    position:absolute;
    left:20px;
    top:13px
}
.menu li a.active{
    background:rgba(241,168,0,1);
    color: #fff;
}
.menu li a:hover{
    background:rgba(0,0,0,.07)
}
.close-menu .menu{
    transform:translate(-290px,0)
}
.menu .submenu{
    /*position:absolute;
    top:0;
    padding-top:20px;
    width:100%;
    overflow:auto;
    color:#4f4f4f;
    background-color:#f8f8f8;
    transform:translateX(-250%);
    -webkit-transform:translateX(-250%);
    height:calc(100% - 70px);
    z-index:1*/
}
.menu .submenu li a{
    padding:5px 0px 5px 55px;
    font-size: 12px;
    background-color: #e1e1e1;
}

.menu .submenu li a.active{
    color: #fff;
    background:rgba(241,168,0,1);
}

.menu .submenu.slide-in{
    animation:slide-in .7s forwards;
    -webkit-animation:slide-in .5s forwards
}
.menu .submenu.slide-in0{
    transform:translate(0)!important
}
.menu .submenu.slide-out{
    animation:slide-out .5s forwards;
    -webkit-animation:slide-out .5s forwards
}
.menu .submenu .volver{
    position:relative;
    color:rgb(243,151,31,.7);
    font-size:18px;
    margin-bottom:0;
    padding:16px 16px 16px 55px
}
.menu .submenu li .volver .icn{
    fill:#f3971f
}

.menu .panel{
    color: #777;
    background-color: transparent;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-shadow: none;
    border-radius:0px;
    padding: 0px;
    margin-top: 0px;
    border: none;
    margin-bottom: 0;
}

@keyframes slide-in{
    100%{
        transform:translateX(0)
    }
}
@-webkit-keyframes slide-in{
    100%{
        -webkit-transform:translateX(0)
    }
}
@keyframes slide-in0{
    100%{
        transform:translateX(0)
    }
}
@-webkit-keyframes slide-in0{
    100%{
        -webkit-transform:translateX(0)
    }
}
@keyframes slide-out{
    0%{
        transform:translateX(0)
    }
    100%{
        transform:translateX(-250%)
    }
}
@-webkit-keyframes slide-out{
    0%{
        -webkit-transform:translateX(0)
    }
    100%{
        -webkit-transform:translateX(-250%)
    }
}
.navbar-natura{
    color:#4f4f4f;
    background-color:#fff;
    transition:all 450ms cubic-bezier(.23,1,.32,1) 0;
    box-sizing:border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    box-shadow:rgba(0,0,0,.004) 0 5px 10px,rgba(0,0,0,.1) 0 8px 20px;
    border-radius:0;
    position:fixed;
    z-index:1400;
    width:100%;
    padding:10px 0;
    top:0;
    height:70px
}
ul.nav.navbar-nav.navbar-right.hidden-xs{
    margin:0
}
.navbar-natura .container-fluid .navbar-brand{
    margin:8px 0 0 10px;
    padding:0;
    height:28px
}
.navbar-natura .navbar-title{
    margin-left:15px;
    padding:10px 15px 15px 15px;
    float:left;
    height:50px;
    font-size:23px;
    font-weight:700;
    color:#7a7a7a;
    display:block
}
.navbar-natura .nav-icon{
    width:22px;
    height:15px;
    margin:17px 0 17px 0;
    position:relative;
    float:left;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    cursor:pointer
}
.navbar-natura .nav-icon span{
    display:block;
    position:absolute;
    height:2px;
    width:100%;
    border-radius:2px;
    background:#323232;
    opacity:1;
    left:0;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out
}
.navbar-natura .nav-icon span:nth-child(1){
    top:0
}
.navbar-natura .nav-icon span:nth-child(2),.navbar-natura .nav-icon span:nth-child(3){
    top:6px
}
.navbar-natura .nav-icon span:nth-child(4){
    top:12px;
    width:80%
}
.navbar-natura .nav-icon.open span:nth-child(1){
    top:18px;
    width:0;
    left:50%
}
.navbar-natura .nav-icon.open span:nth-child(2){
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.navbar-natura .nav-icon.open span:nth-child(3){
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.navbar-natura .nav-icon.open span:nth-child(4){
    top:18px;
    width:0;
    left:50%
}
.navbar-natura .avatar{
    font-size:20px;
    height:40px;
    width:40px;
    margin-top:0;
    padding:0
}
.nav .open>.avatar,.nav .open>.avatar:focus,.nav .open>.avatar:hover,.navbar-natura .avatar:focus,.navbar-natura .avatar:hover{
    background-color:#f3971f
}
.navbar-natura .navbar-brand img{
    height:28px;
    margin:0
}
.navbar-natura .dropdown-menu{
    width:350px;
    box-shadow:rgba(0,0,0,.12) 0 1px 6px,rgba(0,0,0,.12) 0 1px 4px;
    border:0;
    border-radius:3px;
    padding:0;
    margin-top:25px!important;
    background-color:#fff
}
.navbar-natura .dropdown-menu:after{
    content:'';
    position:absolute;
    width:10px;
    height:10px;
    transform:rotate(45deg);
    top:-5px;
    right:15px;
    box-shadow:rgba(0,0,0,.12) -1px -1px 3px -1px;
    background:#fff
}
.navbar-natura .dropdown-menu .up{
    padding:25px;
    background-color:#fff
}
.navbar-natura .dropdown-menu .name{
    font-weight:700;
    color:#f3971f;
    font-size:16px;
    max-width:220px;
    margin-left:15px
}
.navbar-natura .dropdown-menu .name span{
    margin-top:5px;
    font-size:13px;
    color:#454545
}
.navbar-natura .dropdown-menu .avt{
    color:#fff;
    background-color:#f3971f;
    user-select:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    border-radius:50%;
    height:60px;
    width:60px
}
.navbar-natura .dropdown-menu ul{
    margin-left:0
}
.navbar-natura .dropdown-menu ul li{
    text-transform:uppercase;
    font-weight:500;
    padding-left:16px;
    padding-right:16px;
    width:50%;
    height:44px;
    text-align:center;
    display:inline-flex;
    align-items:center;
    padding:0;
    justify-content:center
}
.navbar-natura .dropdown-menu ul li.ver-perfil{
    background-color:#f3971f
}
.navbar-natura .dropdown-menu ul li.ver-perfil a{
    color:#fff
}
.navbar-natura .dropdown-menu ul li a{
    display:block;
    width:100%;
    line-height:44px
}
.navbar-natura .dropdown-menu ul li.logout{
    background-color:#eee
}
.navbar-natura .dropdown-menu ul li.logout a{
    color:#313131
}
.navbar-natura .progress{
    background-color:#eee;
    margin-top:15px;
    margin-bottom:0
}
.navbar-natura .btn-nuevo-cadastro{
    height:44px;
    line-height:initial;
    border-radius:4px;
    color:#fff;
    background:#6e5aa7;
    text-transform:uppercase;
    font-size:11px;
    margin-right:30px
}
.navbar-natura .btn-nuevo-cadastro:focus,.navbar-natura .btn-nuevo-cadastro:hover{
    background:#6e5aa7
}
body.lg{
    padding:0
}
section[role=content].login{
    padding:0
}
.login{
    margin:0!important;
    height:100%
}
.login .col-left,.login .col-right{
    float:left;
    width:50%
}
.login .col-right{
    position:fixed;
    right:0
}
.bg-login{
    background-image:url(../images/bg_login_new.jpg)!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:center!important;
    width:100%;
    height:100vh
}
.login .login-wrap{
    text-align:center;
    padding:0;
    margin:50px 0
}
.login form{
    text-align:center;
    max-width:350px;
    margin:60px auto 5px auto
}
.login form .ctrl{
    font-family:Lato;
    width:100%;
    margin:0;
    /* padding:15px 10px;
     */
    background:#fff;
    border:1px solid #acacac;
    border-radius:6px;
    outline:0;
    font-size:13px;
    margin-bottom:15px;
    color:#000;
}
.login form .error .ctrl{
    border:1px solid #ff5d12
}
.login form label{
    color:#535353
}
.login form .error label{
    color:#ff5d12
}
.login form .form-group{
    position:relative
}
.login form .form-group .show-hide-pass{
    position:absolute;
    right:5px;
    top:32px
}
.login form .enter a{
    color:#777;
    font-size:14px
}
.login form .enter a:hover{
    text-decoration:underline
}
.login form .btn-login{
    width:100%;
    font-family:Lato;
    font-size:14px;
    padding:11px;
    text-transform:uppercase;
    font-weight:200;
    margin-top:16px;
    outline:0;
    color:#fff;
    cursor:pointer;
    letter-spacing:0;
    border-radius:4px;
    position:relative;
    height:48px;
    background:#f3971f;
    border:0;
    font-weight:800;
    letter-spacing:1px
}
.login .download{
    margin:20px 0 0
}
.login .download span{
    margin-bottom:20px;
    display:block
}
.login .download img{
    height:50px
}
.lg footer{
    display:none
}
@media all and (max-width:1038px){
    .login .login-wrap{
        margin-top:50px
    }
    .login form{
        margin:30px auto 5px auto
    }
}
@media(max-width:767px){
    .login .col-left,.login .col-right{
        width:auto;
        float:none;
        padding:0 20px
    }
    .login .login-wrap{
        margin:20px 0 0 0
    }
    div.col-left .logo>img{
        height:130px
    }
    .login .download{
        margin:25px 0
    }
    .login form{
        margin:20px auto 5px auto
    }
    .login .download img{
        height:auto;
        width:150px;
        margin:5px
    }
}
section[role=content]{
    margin-left:250px;
    background:#ccc;
    padding:0px 40px 50px;
    transition:all .5s ease-in-out;
    background-color:#f8f8f8;
    /*text-align:center;*/
    color:#8c8c8c
}
.login .logo img{
    width:185px
}
p.MsoNormal{
    margin:10px 0
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{
    border-radius:3px
}
section.faq .container{
    width:auto!important
}
.filtro{
    float:right
}
.search .busqueda{
    float:left;
    width:40%;
    overflow:hidden;
    margin:0 0 0 40px
}
section[role=content].faq .panel-group{
    text-align:left
}
.row{
    max-width:1097px;
    margin:0 auto
}
.row.orig{
    margin-right: -15px;
    margin-left: -15px;
}
.row.pcarousel{
    padding:0 15px
}

.pcards .row img{
    width:100%
}
section.not-found a{
    color:#8c8c8c
}
section.not-found h1{
    color:#f3971f;
    text-transform:uppercase
}
.close-menu section[role=content]{
    margin-left:0;
    transition:all .5s ease-in-out
}
.home .menu-icons{
    margin-bottom:20px;
    margin-top: 20px;
}
.home .menu-icons li{
    margin:0 45px 10px 0;
    text-align:center;
    vertical-align:top
}
.home .menu-icons li a{
    font-weight:700;
    color:#434343;
    text-align:center;
    font-size: 12px;
}
.home .menu-icons a:hover .icon{
    background-color:rgb(243,151,31,.4)
}
.home .menu-icons .icon{
    border:10px;
    box-sizing:border-box;
    display:inline-block;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    box-shadow:rgba(0,0,0,.16) 0 3px 10px,rgba(0,0,0,.23) 0 3px 10px;
    cursor:pointer;
    text-decoration:none;
    margin:0 auto 15px auto;
    padding:0;
    outline:0;
    font-size:inherit;
    font-weight:inherit;
    position:relative;
    vertical-align:bottom;
    background-color:#f3971f;
    transition:all 450ms cubic-bezier(.23,1,.32,1) 0;
    height:56px;
    width:56px;
    overflow:hidden;
    border-radius:50%;
    text-align:center;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center
}
.home .carousel{
    margin:0 auto 0 auto;
    max-width:1097px
}
.home .card-content{
    margin-top:20px;
    text-align:left;
    height: 540px;
}
.card-video .video{
    position:relative
}
.card-video .video .playicon{
    position:absolute;
    left:50%;
    top:50%;
    width:100px;
    height:100px;
    margin:-50px 0 0 -50px
}
.lnkvd{
    cursor:pointer
}
.home .card-content .card{
    padding:0;
    flex:none
}

/*.home .card-content .card .head,
.campanas .card-content .card .head,
.celebra .card-content .card .head,*/
.card-content .card .head
{
    padding:25px 20px 20px;
    min-height:205px;
    overflow: hidden;
}

/*.home .card-content .card h1,
.campanas .card-content .card h1,
.celebra .card-content .card h1{
   font-size:19px;
   font-weight:400;
   color:#3c3c3c;
   margin:0;
}*/

.home .card-content .card .icon,
.home .card-content .card h1{
    display:inline-block
}


.card-content .card h1{
    margin:0 0 10px 0;
    line-height:26px;
    color:#ffff;
    font-size:19px;
    font-weight:400;
    margin:0;
}

card-content .card .icon{
    position:absolute;
    top:24px;
    left:20px
}
/* .home .card-content .card .icon img,
 .campanas .card-content .card .icon img,
 .celebra .card-content .card .icon img,*/
.card-content .card .icon {
    height:25px;
    width:auto
}

/*.home .card-content .card p,
.campanas .card-content .card p,
.celebra .card-content .card p,*/
.card-content .card p{
    font-size:15px;
    padding:10px 0 0
}

/* section.celebra,
 section.campanas,
 section.facturacion,
 section.perfil{
    padding:0 40px 50px 40px
}*/
.perfil .head{
    position:relative;
    background-size:cover;
    height:200px
}


.perfil .ciclo{
    position:absolute;
    top:0;
    right: 0;
    width:100px;
    padding:10px 15px;
    color: #ffffff;
    background-color: #f1a800;
    text-align:center;
    font-size:18px;
}

.perfil .data-content{
    position:absolute;
    bottom:0;
    padding:30px 0 50px 30px;
    width:100%;
    text-align:left
}
.perfil .data-content .avatar,
.perfil .data-content .contacto,
.perfil .data-content .data{
    float:left
}

.perfil .card-content{
    text-align:left
}
.perfil .data-content h1{
    font-size:32px;
    color:#fff;
    font-weight:700
}
.perfil .data-content h6{
    margin-top:5px;
    font-size:12px;
    letter-spacing:.05em;
    color:#fff
}
.perfil .data-content .data{
    margin-left:30px
}
.perfil .data-content .avatar{
    height:80px;
    width:80px;
    font-size:40px;
    margin-top:10px;
    position:relative
}
.perfil .data-content .avatar .avatar-xs{
    position:absolute;
    right:2.28571px;
    bottom:2.28571px;
    padding:1.90476px;
    background:#fff;
    border-radius:50%;
    width:22.8571px;
    height:22.8571px;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center
}

.perfil .alert{
    background-color: #54b7c8;
    width: 300px;
    padding: 5px;
    color: #ffffff;
    text-align: left;
    display: block;
}
.perfil .alert .content{
    display: table;
}

.perfil .alert .icn,
.perfil .alert .text{
    display: table-cell;
    vertical-align: middle;
    height: 35px;
    padding: 10px
}
.perfil .alert .icn{
    width: 20%
}
.perfil .alert .text{
    width: 80%
}

.perfil .alert .icn svg{
    width: 100%;
    height: auto;
}


.perfil .data-content .progress{
    height:4px
}
.perfil .data-content .contacto{
    position:absolute;
    bottom:30px;
    right:30px
}

#mis-datos .card p{
    padding: 3px 0;
    font-size: 16px;
    font-weight: 300;
}

#mis-datos .card p span{
    display:block;
    font-size:12px;
    /* font-weight: 300; */
    color: #878888;
    letter-spacing: 2px;
}

#reco-sv .card{
    padding-left:0;
    padding-right: 0;
}

#reco-sv #tabla-reco,
#conquistas #tabla-conquistas{
    width: 100%;
}
#reco-sv #tabla-reco th,
#conquistas #tabla-conquistas th{
    font-weight: bold;
    letter-spacing: 3px;
    color:#54b7c8;
    padding: 10px;
    text-align: center;
}

#reco-sv #tabla-reco tbody tr,
#conquistas #tabla-conquistas tbody tr{
    border-top: 1px solid #dddddd;
}

#reco-sv #tabla-reco td,
#conquistas #tabla-conquistas td{
    padding: 0 25px;
    height: 66px;
    vertical-align: middle;
}
#reco-sv #tabla-reco .pin,
#conquistas #tabla-conquistas .pin{
    margin: 0 5px;
    width: 50px;
}
.rnum{
    background-color: #f1a800;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    border-radius: 50px;
    padding:5px;
    width: 38px;
}

.perfil .data-content .contacto .btn{
    color:#fff;
    transition:all 450ms cubic-bezier(.23,1,.32,1) 0;
    box-sizing:border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    box-shadow:rgba(0,0,0,.12) 0 1px 6px,rgba(0,0,0,.12) 0 1px 4px;
    border-radius:2px;
    display:inline-block;
    min-width:88px;
    border:2px solid #fff;
    text-transform:uppercase;
    height:44px;
    padding:10px 35px 10px 45px;
    position:relative
}
.perfil .data-content .contacto .btn .icn{
    position:absolute;
    left:15px
}
.perfil .data-content .contacto .btn .icn svg{
    fill:#fff
}
.perfil .data-content.data-content-lider .data{
    max-width:500px
}
.perfil .nav-tabs{
    margin:15px 10px 30px 10px
}
.perfil .nivel{
    margin:80px auto 0 auto;
    text-align:center;
    max-width:825px
}
.perfil .nivel.lider{
    margin:0;
    max-width:none
}
.perfil .nivel h1{
    color:#333;
    font-size:28px;
    margin-bottom:10px;
    margin-top:0
}
.perfil .nivel span.bronce{
    color:#c47f5b
}
.perfil .nivel span.plata{
    color:#9d9d9c
}
.perfil .nivel span.oro{
    color:#d8b75e
}
.perfil .nivel span.platino{
    color:#e1e1e1
}
.perfil .nivel span.zafiro{
    color:#0f4d82
}
.perfil .nivel span.diamante{
    color:#aec2ce
}
.perfil .nivel h6{
    font-size:16px;
    font-weight:100;
    margin-bottom:10px;
    margin-top:0;
    color:#777;
    margin-left:5px
}
.perfil .nivel h5{
    font-size:16px;
    font-weight:100;
    margin-bottom:10px;
    margin-top:0;
    color:#777;
    margin-left:5px
}
.perfil .nivel.lider h6{
    font-size:28px;
    font-weight:600;
    color:#ccc
}
.perfil .nivel .loader{
    background-color:#fff;
    position:relative;
    height:20px;
    display:flex;
    padding-left:50px;
    padding-right:50px;
    box-sizing:border-box;
    box-shadow:rgba(0,0,0,.1) 0 0 50px 0,rgba(0,0,0,.15) 0 5px 10px 0 inset;
    border-radius:10px;
    margin-top:50px
}
.perfil .nivel.lider .loader{
    margin-top:20px
}
.perfil .nivel .loader .loader1{
    background-color:#7b6a58;
    width:50px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-radius:10px
}
.perfil .nivel.diamante .loader .loader1{
    background-color:#aec2ce
}
.perfil .nivel.zafiro .loader .loader1{
    background-color:#0f4d82
}
.perfil .nivel.zafiro .loader .loader3{
    background-color:#aec2ce
}
.perfil .nivel.platino .loader1{
    background-color:#e1e1e1
}
.perfil .nivel.platino .loader .loader3{
    background-color:#0f4d82
}
.perfil .nivel .loader .loader2{
    position:relative;
    min-width:40px;
    max-width:calc(100% - 40px);
    height:100%;
    border-radius:10px
}
.perfil .nivel .loader .loader2 .data{
    position:absolute;
    top:-5px;
    right:-40px;
    height:30px;
    width:80px;
    text-align:center;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center;
    flex-direction:column;
    box-shadow:rgba(0,0,0,.25) 0 0 15px 0;
    z-index:1;
    font-size:12px;
    color:#fff;
    border-radius:15px
}
.perfil .nivel .loader .loader3{
    background-color:#9d9d9c;
    width:50px;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    border-radius:10px
}
.perfil .nivel .indicador{
    display:flex;
    flex-direction:column;
    height:60px;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:end;
    justify-content:flex-end;
    border-left-width:1px;
    border-right-width:1px;
    border-bottom-width:1px;
    border-top-width:0;
    margin-left:5%;
    margin-right:5%;
    border-style:dotted;
    border-color:#ccc;
    border-radius:5px;
    margin-bottom:100px
}
.perfil .lider.nivel .indicador{
    border:0;
    margin-bottom:50px
}
.perfil .lider.nivel .indicador span{
    background:0
}
.perfil .nivel .indicador span{
    color:#333;
    text-align:center;
    background-color:#f8f8f8;
    margin-bottom:-10px;
    padding:0 30px;
    font-size:16px
}
.perfil .nivel.bronce .loader .loader2{
    background-color:#c47f5b
}
.perfil .nivel.plata .loader .loader2{
    background-color:#9d9d9c
}
.perfil .nivel.oro .loader .loader2{
    background-color:#d8b75e
}
.perfil .nivel.platino .loader .loader2{
    background-color:#e1e1e1
}
.perfil .nivel.zafiro .loader .loader2{
    background-color:#0f4d82
}
.perfil .nivel.diamante .loader .loader2{
    background-color:#aec2ce
}
.perfil .nivel.bronce .loader .loader2 .data{
    background-color:#c47f5b
}
.perfil .nivel.plata .loader .loader2 .data{
    background-color:#9d9d9c
}
.perfil .nivel.oro .loader .loader2 .data{
    background-color:#d8b75e
}
.perfil .nivel.platino .loader .loader2 .data{
    background-color:#e1e1e1
}
.perfil .nivel.zafiro .loader .loader2 .data{
    background-color:#0f4d82
}
.perfil .nivel.diamante .loader .loader2 .data{
    background-color:#aec2ce
}

.sorteador .card-content{
    text-align:left
}
.sorteador .custom-btn{
    width: 95%;
}
.sorteador .custom-btn.celebra{
    background-color: #8dc242;
}

.sorteador .custom-btn.autowidth
{
    width: auto;
}

.sorteador .resultado-container{
    min-height: 300px;
}

.sorteador .resultado{
    display: none;
    text-align: center;
    color: #54b7c8;
    margin:auto;
    text-align: center;
}

#raffle-result{
    text-align: center;
}

.sorteador .name.animation{
    display: none;
    color: #ccc;
}

.sorteador .card h2.text-center{
    text-align: center;
}

.fileinput-new{
    width: 97%;
}
.sorteador #sample_2{
    width: 100%;
}

.sorteador #sample_2 th{
    color: #f1a800;
}
.sorteador .resultado{
    padding-bottom: 30px;
}

.sorteador .resultado .border{
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin: 25px auto;
    display: inline-block;
    padding: 15px;
}

.sorteador #botones{
    padding: 30px 0;
}

.card p.small {
    font-size: 13px;
    padding: 8px 0;
}
.imagenes label.big-label,
.emails label.big-label{
    font-size:16px;
    color:#54b7c8;
    text-align:left;
    margin-bottom: 0;
    font-weight: normal;
    padding-bottom: 10px
}

.imagenes label.big-label.xl,
.emails label.big-label.xl{
    font-size:21px;

    padding-top: 25px;
    padding-bottom: 20px
}

.emails .card .btn-mail {
    margin: 8px 10px 5px 0
}
.emails .btn-mail {
    width: 47%
}
.emails .btn-mail.long {
    width: 97%
}
.emails .buttons {
    clear: both;
    padding-top: 0px;
    padding-bottom: 30px;
}

.emails form .checkbox {
    padding-left: 20px;
}
.emails .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 13px;
}
.emails form .checkbox input[type="checkbox"] {
    outline: none;
    width: 13px;
    height: 13px;
    margin-left: -10px;
}
.emails form .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 13px;
}

.editar-mail-2{
    padding-top: 20px;
}

.emails #mail-content h5,
.emails #mail-content-2 h5{
    font-size: 21px;
    text-align: center;
    font-family: verdana,sans-serif;
    color: #a5a6a8;
}

.emails #mail-content-2 {
    background-color: #fefaf7;
    color: #a5a6a8;
    font-family: 'Verdana';
    text-align: center;
    padding: 40px 0px 60px;
    margin: 0 auto;
    font-weight: 400;
    position: relative;
    max-width: 551px;
}

.imagenes #mail-content p,
.emails #mail-content p,
.emails #mail-content-2 p{
    font-size: 12px;

}

.emails #mail-content-2 p.desc-view{
    margin: auto;
    width: 80%
}

.imagenes #mail-content p {
    font-size: 15px;
}


#mail-content span,
#mail-content-2 span {
    font-weight: 100;
    font-size: 13px;
    color: #cccccc;
    font-family: 'HelveticaNowText';
    text-align: left;
    line-height: 45px;
}

#mail-content span.rotate,
#mail-content-2 span.rotate {
    line-height: 18px;
    text-align: center;
}


#mail-content span.norotate,
#mail-content-2 span.norotate {
    display: block;
}


#mail-content span.norotate:before,
#mail-content-2 span.norotate:before {
    content: '';
    background-image: url(../images/editar-mail-flecha.png);
    height: 14px;
    width: 40px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

#mail-content span.rotate:before,
#mail-content-2 span.rotate:before {
    content: '';
    background-image: url(../images/editar-mail-flecha.png);
    height: 14px;
    width: 60px;
    display: block;
    margin: 10px auto;
    margin-bottom: 32px;
    vertical-align: middle;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.emails .email-view .footer {
    height: 48px;
    background-color: #f2a900;
    position: absolute;
    width: 100%;
    bottom: 0;
}

#mail-maquillaje #mail-content span.norotate:before,
#mail-maquillaje #mail-content-2 span.norotate:before {
    background-image: url(../images/editar-mail-flecha-negro.png);
}

#mail-maquillaje #mail-content span.norotate:before,
#mail-maquillaje #mail-content-2 span.norotate:before {
    background-image: url(../images/editar-mail-flecha-negro.png);
}

.imagenes .compartir-imagenes-ul{
    margin-left: -20px;
    margin-right: -20px;
}

.imagenes .compartir-imagenes-li{
    padding: 20px
}

.imagenes .compartir-imagenes-li .thumb-img{
    width: 212px;
    height: 212px;
    border: 1px solid #f1f1f1;
}

.imagenes .thumb .caption {
    padding:25px 0px;
}

.imagenes .list-group-item {
    position: relative;
    display: block;
    padding: 10px 0px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-right: none;
    border-left: none;

}
.imagenes .list-group-item.active {
    background-color: #fafafa;
    border-color: #ddd;
    border-left: 0px;
    border-right: 0px;
}

.imagenes .card .setpanels p{
    font-size: 13px
}

.imagenes #mail{
    width: 100%;
    max-width: 500px;
    position: relative;
}

.imagenes #mail:before{
    content: "";
    display: block;
    padding-top: 100%;
}

.imagenes #image-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.imagenes span.llamada-desc {
    position: absolute;
    bottom: -100px;
    right: 0;
    left: 0;
    font-weight: 100;
    font-size: 13px;
    /* color: #000; */
    color: #ffffff;
    font-family: 'HelveticaNowText';
    margin-left: 5px;
}

.imagenes #mail-content {
    display: inline-block;
    padding: 0 0 20px;
    width: 100%;
    position: relative;
}

.imagenes #mail-content h5 {
    margin: 0 auto 30px;
    font-size: 23px;
    width: 70%;
    max-width: 300px;
    text-align: center;
}
.imagenes #mail-content p {
    margin: 0 auto;
    width: 65%;
    min-width: 240px;
    padding: 0;
}

.imagenes .card p#des-imagen{
    margin: auto;
    width: 75%;
    color: inherit;
}

.imagenes .select-color {
    width: 20px;
    height: 20px;
    overflow: hidden;
    padding: 0;
}
.imagenes .select-color a {
    width: 100%;
    height: 100%;
    border: 2px solid #bbbbbb;
    border-radius: 20px;
    display: block;
}
.imagenes .select-fondo {
    width: 35px;
    height: 35px;
    overflow: hidden;
    padding: 0;
    margin-left: 2px;
}
.imagenes .select-fondo {
    width: 35px;
    height: 35px;
    overflow: hidden;
    padding: 0;
    margin-left: 2px;
}
.imagenes .select-fondo a.active,
.imagenes .select-fondo a:hover {
    opacity: 1;
    border: 2px solid #f2a900;
}
.imagenes .select-fondo a {
    width: 100%;
    height: 100%;
    border: 2px solid #bbbbbb;
    border-radius: 41px;
    display: block;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 0.8;
}

.custom-share a.disabled {
    cursor: default;
    visibility: hidden;
}

.cbanner {
    position: relative;
    background-size: cover;
    background-position: center;
}

.fbanner {
    position: relative;
    background-size: cover;
    background-position: center;
}


.cbanner:before{
    content: "";
    display: block;
    padding-top: 30%;
}

.fbanner:before{
    content: "";
    display: block;
    padding-top: 18%;
}



.mis-pedidos{
    padding:50px 24px
}
.tab-content.mis-pedidos{
    padding:0
}
.mis-pedidos .pedido-card{
    color:#4f4f4f;
    background-color:#fff;
    transition:all 450ms cubic-bezier(.23,1,.32,1) 0;
    box-sizing:border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    box-shadow:rgba(0,0,0,.1) 2px 4px 5px -2px;
    border-radius:3px;
    overflow:hidden;
    padding:0;
    word-break:break-word;
    margin:15px 25px;
    position:relative
}
.mis-pedidos .pedido-card .top{
    position:relative
}
.mis-pedidos .pedido-card:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:4px;
    border-radius:4px 0 0 4px
}
.mis-pedidos .pedido-card.entregado:before{
    background:linear-gradient(#89ddd2,#cddb50)
}
.mis-pedidos .pedido-card.entransporte:before{
    background:linear-gradient(#fcdf4f,#d5bf3e)
}
.mis-pedidos .pedido-card.cancelado:before{
    background:linear-gradient(#f19632,#de3b2f)
}
.mis-pedidos .pedido-card ul{
    margin:0
}
.mis-pedidos .pedido-card li{
    width:33%;
    vertical-align:top;
    padding:20px 30px;
    min-height:260px
}
.mis-pedidos .pedido-card li:last-child h5{
    margin:70px 0 0
}
.mis-pedidos .pedido-card li:not(:last-child){
    border-right:1px solid #eee;
    text-align:left
}
.mis-pedidos .pedido-card li:not(:last-child) .printbtn{
    text-align:center
}
.mis-pedidos .pedido-card h1{
    font-size:26px;
    color:#222;
    margin-top:5px;
    margin-bottom:25px
}
.mis-pedidos .pedido-card h6{
    font-size:15px;
    color:#8e8e8e
}
.mis-pedidos .pedido-card p{
    font-size:15px;
    color:#8e8e8e
}
.mis-pedidos .pedido-card-collapse p{
    text-align:left
}
.mis-pedidos .pedido-card-collapse .printbtn p{
    text-align:center
}
.mis-pedidos .pedido-card p.big{
    font-size:24px
}
.mis-pedidos .printbtn{
    text-align:center!important
}
.mis-pedidos .pedido-card p span{
    font-size:16px;
    color:#000
}
.mis-pedidos .pedido-card p span.data-scheduledDeliveryDate{
    color:#8e8e8e
}
.mis-pedidos .pedido-card p span.big{
    display:block;
    color:#000
}
.mis-pedidos .pedido-card h5{
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    text-align:center
}
.mis-pedidos .pedido-card.entregado h5{
    color:#bed164
}
.mis-pedidos .pedido-card.entransporte h5{
    color:#dac75e
}
.mis-pedidos .pedido-card.cancelado h5{
    color:#e25e57
}
.mis-pedidos .pedido-card .vermas{
    text-align:right;
    padding:10px 15px;
    overflow:auto;
    position:absolute;
    right:30px;
    bottom:10px
}
.mis-pedidos .pedido-card .vermas a{
    color:#f3971f;
    font-size:14px;
    text-transform:uppercase
}
.mis-pedidos .pedido-card .vermas a:after{
    content:'Ver M\0e1s';
    display:inline-block
}
.mis-pedidos .pedido-card-collapse{
    margin:0;
    border-top:1px solid #ccc
}
.mis-pedidos .pedido-card-collapse li:last-child{
    margin-top:0
}
.mis-pedidos .vermas .glyphicon-menu-down{
    margin-left:5px
}
.mis-pedidos .vermas a[aria-expanded=true] .glyphicon-menu-down{
    transform:rotate(180deg)
}
.mis-pedidos .vermas a[aria-expanded=true]:after{
    content:'Ocultar'
}
.mis-pedidos .btn-link-orange{
    color:#f3971f;
    text-transform:uppercase
}
.mis-pedidos .btn-pedido{
    color:#fff;
    background-color:#f3971f;
    font-size:14px;
    text-transform:uppercase;
    padding:10px 0;
    width:195px;
    text-align:center;
    border-radius:4px;
    display:inline-block;
    margin-bottom:20px
}
.mis-pedidos-items .panel h3{
    margin:0
}
.marco {
    width: 100%;
}

.marco img {
    display: block;
    width: 100%;
    padding: 7px 0px 0px 0px;
    max-width: 250px;
}
.mis-pedidos-items .panel-header{
    text-align:left
}
.mis-pedidos-items .tabla-consultoria tr td,.mis-pedidos-items .tabla-consultoria tr th{
    padding:25px 12px;
    border-bottom:1px solid #ccc;
    text-align:center
}
.mis-pedidos-items .tabla-consultoria tr td.left,.mis-pedidos-items .tabla-consultoria tr th.left{
    text-align:left
}
.mis-pedidos-items .tabla-consultoria tr:last-child td{
    border:0
}
.mis-pedidos-items .tabla-consultoria tr td:nth-child(2){
    text-transform:uppercase
}
.mis-pedidos-items .volver{
    float:right
}
.mis-pedidos-items .volver a{
    color:#f3971f;
    text-transform:uppercase;
    line-height:30px
}
.mi-red a{
    font-size:15px;
    color:#797979;
    padding:0 10px
}
a.filtrar{
    display:inline-block;
    position:relative;
    padding:0 34px 0 0;
    height:20px;
    margin:8px 0 0
}
a.filtrar span{
    position:absolute;
    right:0;
    top:0;
    height:20px
}
.mi-red .search{
    padding:0;
    overflow:hidden;
    margin:0 0 13px 0
}
.mi-red .search li{
    display:inline-block
}
.mi-red .export svg,.mi-red .search svg{
    fill:#f3971f;
    margin-left:10px
}
.mi-red .filtros{
    color:#4f4f4f;
    background-color:#fff;
    transition:transform 450ms cubic-bezier(.23,1,.32,1) 0;
    box-sizing:border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    box-shadow:rgba(0,0,0,.12) 0 1px 6px,rgba(0,0,0,.12) 0 1px 4px;
    border-radius:0;
    height:100%;
    width:250px;
    position:fixed;
    z-index:1500;
    left:auto;
    top:0;
    transform:translate(250px,0);
    overflow:auto;
    right:0
}
.mi-red .filtros.open-filtro{
    transform:translate(0,0)
}
.mi-red .filtros.close{
    transform:translate(250px,0)
}
.mi-red .close-filtro{
    width:24px;
    height:24px;
    margin:12px;
    position:relative;
    transform:rotate(0);
    transition:.5s ease-in-out;
    opacity:1;
    float:right;
    background-color:transparent;
    border:0
}
.mi-red .close-filtro:focus{
    outline:0
}
.mi-red .close-filtro span{
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:2px;
    opacity:1;
    transform:rotate(0);
    border-radius:2px;
    background:#f3971f;
    transition:.25s ease-in-out
}
.mi-red .close-filtro span:nth-child(1),.mi-red .close-filtro span:nth-child(4){
    top:4.5px;
    width:0;
    left:50%
}
.mi-red .close-filtro span:nth-child(2){
    transform:rotate(45deg);
    top:6px
}
.mi-red .close-filtro span:nth-child(3){
    transform:rotate(-45deg);
    top:6px
}
.mi-red .filtros h1{
    color:#373737;
    position:relative;
    margin-bottom:10px;
    padding-left:15px;
    font-size:16px
}
.mi-red .filtros h1:before{
    content:" ";
    position:absolute;
    left:0;
    top:2px;
    bottom:3px;
    width:3px;
    background:#f3971f
}
.mi-red .filtros .filtros-content{
    padding:50px 0
}
.mi-red .filtros .filtros-content .options{
    padding:10px 15px
}
.mi-red .filtros .switch-content{
    color:#4f4f4f;
    line-height:24px;
    color:#818181;
    font-size:14px;
    text-align:left
}
.mi-red .filtros .switch{
    position:relative;
    display:inline-block;
    width:36px;
    height:15px;
    vertical-align:middle
}
.mi-red .filtros .switch input{
    display:none
}
.mi-red .filtros .slider{
    position:absolute;
    cursor:pointer;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#ddd;
    -webkit-transition:.4s;
    transition:.4s
}
.mi-red .filtros .slider:before{
    position:absolute;
    content:"";
    height:20px;
    width:20px;
    left:0;
    bottom:-2px;
    background-color:#fff;
    -webkit-transition:.4s;
    transition:.4s;
    box-shadow:rgba(0,0,0,.12) 0 1px 6px,rgba(0,0,0,.12) 0 1px 4px
}
.mi-red .filtros input:checked+.slider{
    background-color:rgba(243,151,31,.5)
}
.mi-red .filtros input:focus+.slider{
    box-shadow:0 0 1px rgba(243,151,31,.5)
}
.mi-red .filtros input:checked+.slider:before{
    -webkit-transform:translateX(18px);
    -ms-transform:translateX(18px);
    transform:translateX(18px);
    background-color:#f3971f
}
.mi-red .tabla-consultoria tr:hover td{
    background-color:#e7e7e7
}
.mi-red .filtros .slider.round{
    border-radius:34px
}
.mi-red .filtros .slider.round:before{
    border-radius:50%
}
.mi-red .filtros .btns a{
    position:relative;
    padding-left:16px;
    padding-right:16px;
    vertical-align:middle;
    letter-spacing:0;
    text-transform:uppercase;
    font-weight:500;
    font-size:13px!important;
    color:#777;
    display:inline-block
}
.mi-red .filtros .btns ul{
    margin:0
}
.mi-red .filtros .btns ul li{
    padding:10px 0;
    text-align:center;
    color:#777
}
.mi-red .filtros .btns ul li:hover{
    background-color:#dad9d9
}
.mi-red .filtros .btns{
    padding:5px
}
.mi-red .filtros .btns a.aplicar{
    color:#f3971f
}
.mi-red-lider .estado{
    width:13px;
    height:13px;
    border-radius:50%;
    display:inline-block;
    margin-right:10px
}
.mi-red-lider .estado.activa{
    background-color:#7bd25e
}
.mi-red-lider .estado.inactiva{
    background-color:#f1e48f
}
.mi-red-lider .estado.cesada{
    background-color:#ea3a3a
}
.mi-red-lider .custom-checkbox{
    margin-top:20px;
    text-align:left;
    color:#777
}
.mi-red-lider .tabla-consultoria tr td.nombre,.mi-red-lider .tabla-consultoria tr td.nombre a{
    font-weight:700
}
.mi-red-lider .ver-mas{
    text-align:center;
    margin-top:30px
}
.mi-red-lider .ver-mas a{
    font-size:15px;
    font-weight:700;
    color:#ccc;
    text-transform:uppercase
}
.indicadores .card{
    padding:20px
}
.indicadores h1{
    font-size:16px
}
.indicadores p{
    font-size:14px;
    color:#e1e1e1
}
.indicadores .glyphicon{
    color:#f3971f
}
.regalos-natura .head{
    text-align:center;
    margin-bottom:50px
}
.regalos-natura h1{
    font-size:40px;
    color:#f3971f
}
.regalos-natura h5{
    font-size:23px
}
.regalos-natura h6{
    font-size:16px
}
.regalos-natura p{
    text-align:center;
    font-size:18px;
    max-width:700px;
    margin:50px auto
}
.indicadores-resumen .card{
    padding:25px;
    border-radius:3px;
    overflow:hidden
}
.indicadores-resumen .card h2{
    font-size:17px;
    color:#7a7a7a;
    margin:0;
    font-weight:700
}
.indicadores-resumen .card p,.indicadores-resumen .card p span{
    font-size:14px
}
.indicadores-resumen .card .porcentaje{
    text-transform:uppercase;
    color:#d8d8d8;
    font-size:13px;
    text-align:center;
    font-weight:700
}
.indicadores-resumen .card .progress-content{
    position:relative
}
.indicadores-resumen .card .progress{
    height:6px;
    border-radius:15px;
    background-color:#efeaea;
    width:90%;
    margin:0 auto
}
.indicadores-resumen .card .progress-content:before{
    content:'';
    background-image:url(../images/icn_smile.png);
    height:16px;
    width:16px;
    background-size:cover;
    position:absolute;
    right:-5px;
    top:-5px
}
.indicadores-resumen .card .progress-content:after{
    content:'';
    background-image:url(../images/icn_sad.png);
    height:16px;
    width:16px;
    background-size:cover;
    position:absolute;
    left:-5px;
    top:-5px
}
.indicadores-resumen .card.invert .progress-content:before{
    content:'';
    background-image:url(../images/icn_sad.png);
    height:16px;
    width:16px;
    background-size:cover;
    position:absolute;
    right:-5px;
    top:-5px
}
.indicadores-resumen .card.invert .progress-content:after{
    content:'';
    background-image:url(../images/icn_smile.png);
    height:16px;
    width:16px;
    background-size:cover;
    position:absolute;
    left:-5px;
    top:-5px
}
.indicadores-resumen .card .btn-content{
    margin-top:30px;
    text-align:center
}
.indicadores-resumen .card .btn-content .ver-resultados{
    border:1px solid #b5b3b3;
    padding:6px 18px;
    font-size:13px;
    color:#b5b3b3;
    border-radius:5px;
    text-transform:uppercase;
    font-family:Roboto,sans-serif;
    display: inline-block;
}
.indicadores-resumen .card:before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px
}
.indicadores-resumen .azul-left.card:before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:5px;
    height:100%;
    background:-webkit-gradient(linear,80% 20%,10% 21%,from(#66b8ff),to(#2e7bbd))
}
.indicadores-resumen .verde-left.card:before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:5px;
    height:100%;
    background:-webkit-gradient(linear,80% 20%,10% 21%,from(#7bd25e),to(#79e0bf))
}
.indicadores-resumen .rojo-left.card:before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:5px;
    height:100%;
    background:-webkit-gradient(linear,80% 20%,10% 21%,from(#f5685f),to(#e74136))
}
.indicadores-resumen .amarillo-left.card:before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:5px;
    height:100%;
    background:-webkit-gradient(linear,80% 20%,10% 21%,from(#fcdf4f),to(#d5bf3e))
}
.indicadores-resumen .verde.card:before{
    background:-webkit-gradient(linear,80% 20%,10% 21%,from(#7bd25e),to(#79e0bf))
}
.indicadores-resumen .verde.card span{
    color:#7bd25e
}
.indicadores-resumen .verde.card .progress-bar{
    background:-webkit-gradient(linear,80% 20%,10% 21%,from(#7bd25e),to(#79e0bf))
}
.indicadores-resumen .amarillo.card:before{
    background:-webkit-gradient(linear,80% 20%,10% 21%,from(#fcdf4f),to(#d5bf3e))
}
.indicadores-resumen .amarillo.card span{
    color:#d5bf3e
}
.indicadores-resumen .amarillo.card .progress-bar{
    background:-webkit-gradient(linear,80% 20%,10% 21%,from(#d5bf3e),to(#fcdf4f))
}
.indicadores-resumen .rojo.card:before{
    background:-webkit-gradient(linear,80% 20%,10% 21%,from(#f5685f),to(#e74136))
}
.indicadores-resumen .rojo.card span{
    color:#e74136
}
.indicadores-resumen .rojo.card .progress-bar{
    background:-webkit-gradient(linear,80% 20%,10% 21%,from(#e74136),to(#f5685f))
}
.indicadores-resumen .azul.card:before{
    background:-webkit-gradient(linear,80% 20%,10% 21%,from(#66b8ff),to(#2e7bbd))
}
.indicadores-resumen .azul.card span{
    color:#2e7bbd
}
.indicadores-resumen .azul.card .progress-bar{
    background:-webkit-gradient(linear,80% 20%,10% 21%,from(#2e7bbd),to(#66b8ff))
}
.indicadores-comparativo .tabla-consultoria tr td:first-child{
    font-weight:700;
    color:#000
}
.indicadores-comparativo .tabla-consultoria tr th{
    font-weight:700
}
.indicadores-comparativo .tabla-consultoria tr{
    border-bottom:1px solid #eee
}
.ganancia-lideres-mis-lideres form{
    margin-top:7px
}
.ganancia-lideres-mis-lideres .tabla-consultoria tr td:first-child,.ganancia-lideres-mis-lideres .tabla-consultoria tr th{
    font-weight:400;
    color:#000
}
.ganancia-lideres-mis-lideres .btn{
    background-color:#ccc;
    color:#fff;
    text-transform:uppercase;
    padding:5px 25px
}
.footer{
    background:#252525;
    position:relative;
    z-index:800;
    width:100%;
    bottom:-105px;
    position:relative
}
body.lg .footer{
    bottom:0
}
.footer .container-fluid{
    padding:15px 65px;
    text-align:center;
    max-width:1670px
}
.footer .container-fluid span.icon{
    overflow:hidden;
    display:block;
    height:50px
}
.footer .container-fluid span.icon img{
    height:50px;
    width:auto
}
.footer li{
    width:50%;
    font-size:16px;
    vertical-align:top
}
.footer a,.footer p{
    color:#797979;
    font-size:16px
}
.footer a:hover{
    color:#f9cc68
}
.footer .social li{
    width:auto;
    margin:0 3px
}
.footer .social{
    text-align:right
}
.footer .social svg{
    fill:#fff
}
.footer .social a:hover svg{
    fill:#f9cc68
}
@media(max-width:1301px){
    .card-content .data-head li:last-child{
        padding-left:10px
    }
    .card-content .data-head li.line{
        border-left:0
    }
}
@media(max-width:1100px){
    .mis-pedidos .pedido-card li{
        width:100%;
        padding:10px 20px;
        min-height:auto
    }
    .mis-pedidos .pedido-card li:last-child h5{
        margin:0
    }
    .mis-pedidos .pedido-card li:not(:last-child){
        text-align:center
    }
    .mis-pedidos .pedido-card li:last-child{
        margin-top:15px
    }
    .mis-pedidos .pedido-card .vermas{
        position:relative;
        bottom:auto;
        top:auto
    }
    .nav-tabs li{
        padding-left:5px;
        padding-right:5px
    }
    .nav-tabs li a{
        font-size:13px
    }
}
@media all and (max-width:1425px){
    .card-content .data-head div.line{
        float:left;
        border:0
    }
}
@media(max-width:992px){
    .card-content{
        display:block
    }
    .card-content .card{
        flex:0 0 100%;
        padding:20px 20px
    }
    .card p span{
        display:block
    }
    .card-content .card.card-m{
        margin-right:0
    }
    .card-content .card.card-m .big-number{
        float:none!important
    }
    .card .col-content .col-l{
        width:100%
    }
    .nav-tabs li{
        display:block;
        float:none;
        text-align:center
    }
    .perfil .data-content{
        text-align:center;
        position:relative;
        bottom:auto;
        padding:0;
        height:200px;
        padding:0 10px
    }
    .perfil .data-content .avatar,.perfil .data-content .contacto,.perfil .data-content .data{
        float:inherit
    }
    .perfil .data-content .data{
        margin:0 auto
    }
    .perfil .data-content .contacto{
        position:relative;
        bottom:0;
        right:auto
    }
    .footer li.logo{
        width:100%;
        margin-bottom:15px
    }
    .footer .social li{
        margin:0
    }
}
@media(max-width:768px){
    section[role=content]{
        margin-left:0;
        padding:30px 0 0
    }
    div#main{
        position:relative;
        min-height:800px
    }
    .navbar-natura .navbar-brand{
        padding:0;
        float:right;
        margin:12px 0 0 0!important
    }
    .navbar-right{
        margin:0
    }
    .navbar-natura .container-fluid{
        margin:0 15px
    }
    .panel{
        padding:20px 15px
    }
    .home .menu-icons li{
        margin:0;
        width:24%;
        padding:0
    }
    .home .menu-icons .icon{
        height:50px;
        width:50px
    }
    .menu li a{
        font-size:14px;
        padding:10px 16px 10px 50px
    }
    .mi-red{
        text-align:center
    }
    .search .busqueda{
        margin:0;
        width:50%
    }
    .mi-red ul{
        text-align:center
    }
    .mi-red .export{
        margin-bottom:15px
    }
    .mi-red .search li{
        display:block;
        margin-bottom:10px
    }
    .tabla-consultoria tr td .inc{
        display:flex!important;
        margin:0 auto;
        display:none!important
    }
    .tabla-consultoria tr td.nombre,.tabla-consultoria tr td.nombre a{
        text-align:center;
        text-align:left;
        padding:0
    }
    .tabla-consultoria tr td,.tabla-consultoria tr th{
        padding:5px 0
    }
    .mis-pedidos .pedido-card{
        margin:15px 0
    }
    .mis-pedidos-items ul{
        text-align:center
    }
    .mis-pedidos-items ul li{
        display:block
    }
    .mis-pedidos-items .volver{
        float:none
    }
    .footer li{
        width:100%;
        margin-bottom:15px
    }
    .footer li.logo{
        width:100%
    }
    .footer li.social{
        text-align:left
    }
    .close-menu .menu{
        transform:translate(-290px,0)
    }
    .close-menu.no-transition .menu{
        -webkit-transition:none!important;
        transition:none!important
    }
}
@media(max-width:600px){
    .footer{
        position:relative
    }
    .footer .container-fluid{
        padding:15px
    }
    .card-content .data-head div.line{
        float:none
    }
    .card-content .data-head .sublist{
        float:none
    }
    .perfil .data-content .avatar{
        height:60px;
        width:60px;
        font-size:21px;
        margin-top:20px;
        position:relative
    }
    .container-fluid{
        padding:0 10px
    }
    .navbar-natura .container-fluid{
        margin:0 15px
    }
    .perfil .data-content .avatar .avatar-xs{
        bottom:-5.71429px
    }
    .perfil .data-content h1{
        font-size:25px
    }
}
@media all and (max-width:465px){
    .card-content .data-head div.line{
        text-align:center
    }
    .card-content .data-head div.sublist{
        text-align:center;
        display:block;
        overflow:hidden
    }
    .card-content .data-head div.sublist .item{
        float:none;
        margin:0;
        display:block
    }
}
@media(max-width:400px){
    .footer .container-fluid{
        padding:10px
    }
    .footer .container-fluid span.icon img{
        height:34px;
        margin:7px 0 0 0;
        width:auto
    }
    .home .menu-icons .icon br{
        display:none
    }
    .home .menu-icons li{
        width:24%;
        padding:0;
        overflow:hidden
    }
    .home .menu-icons li a div{
        font-size:12px
    }
    section[role=content]{
        padding:30px 0
    }
    .footer .container-fluid img{
        float:none!important;
        display:inline-block
    }
    .footer .container-fluid img.logo{
        width:70px
    }
    .navbar-natura{
        height:50px;
        padding:0 10px;
        margin:0
    }
    .menu li a .icn{
        left:15px;
        top:10px
    }
    section[role=content]{
        padding:20px 0 10px
    }
    section.home .col-xs-12{
        padding:0 5px
    }
    .home .menu-icons .icon{
        margin:0 auto 7px auto
    }
    .home .menu-icons{
        line-height:16px;
        font-size:13px
    }
    .home .carousel{
        margin:0 auto 0 auto
    }
    section[role=content].perfil{
        padding:0 5px
    }
    nav.navbar.navbar-natura .navbar-brand{
        padding:8px 0 0;
        margin:0 15px 0 0!important
    }
    nav.navbar.navbar-natura .navbar-brand img{
        height:30px
    }
    .menu{
        width:263px
    }
    .close-menu .menu{
        transform:translate(-266px,0)
    }
    .search .busqueda{
        float:none;
        width:100%
    }
    .filtro{
        float:none;
        margin:11px 0 0 0
    }
    .menu li a{
        font-size:16px;
        padding:10px 16px 10px 25px;
        line-height:22px
    }
    body{
        padding-top:50px
    }
    img.flogo{
        width:72px
    }
    .footer .social{
        float:none!important;
        text-align:center
    }
}
.faqHeader{
    font-size:27px;
    margin:20px
}
.panel-heading [data-toggle=collapse]:after{
    font-family:'Glyphicons Halflings';
    content:"\e072";
    float:right;
    color:#f58723;
    font-size:18px;
    line-height:22px;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.panel-heading [data-toggle=collapse].collapsed:after{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
    color:#454444
}
#nprogress{
    pointer-events:none
}
#nprogress .bar{
    background:#f2aa00;
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
    width:100%;
    height:2px
}
#nprogress .peg{
    display:block;
    position:absolute;
    right:0;
    width:100px;
    height:100%;
    box-shadow:0 0 10px #f2aa00,0 0 5px #f2aa00;
    opacity:1;
    -webkit-transform:rotate(3deg) translate(0,-4px);
    -ms-transform:rotate(3deg) translate(0,-4px);
    transform:rotate(3deg) translate(0,-4px)
}
#nprogress .spinner{
    display:block;
    position:fixed;
    z-index:1031;
    top:15px;
    right:15px
}
#nprogress .spinner-icon{
    width:18px;
    height:18px;
    box-sizing:border-box;
    border:solid 2px transparent;
    border-top-color:#f2aa00;
    border-left-color:#f2aa00;
    border-radius:50%;
    -webkit-animation:nprogress-spinner .4s linear infinite;
    animation:nprogress-spinner .4s linear infinite
}
.nprogress-custom-parent{
    overflow:hidden;
    position:relative
}
.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{
    position:absolute
}
@-webkit-keyframes nprogress-spinner{
    0%{
        -webkit-transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes nprogress-spinner{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
.ffooter{
    background:#1c1c1c
}
@media screen and (device-aspect-ratio:2/3){
    input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{
        font-size:16px
    }
}
@media screen and (device-aspect-ratio:40/71){
    input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{
        font-size:16px
    }
}
@media screen and (device-aspect-ratio:375/667){
    input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{
        font-size:16px
    }
}
@media screen and (device-aspect-ratio:9/16){
    input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{
        font-size:16px
    }
}

/***********************  Style   *****************************/

.contacto .fcontacto label {
    display: block;
    color: #54B7C8;
    text-align: left;
    font-weight: 400;
}

.facturacion .ttltable {
    display: block;
    text-align: left;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #737272;
}
.facturacion .table{
    margin-top: 5px;
}

.facturacion table thead {
    background-color: #54B7C8;
    color: #fff;
}

.facturacion table thead tr th {
    text-align: center;
}
.facturacion .descargar {
    background: #54B7C8;
    border-radius: 5px;
    color: #fff;
    padding: 8px 8px;
    text-transform: uppercase;
    max-width: 215px;
    margin: 0px auto;
}
.facturacion .descargar a{
    color: #fff;
    letter-spacing: 2px;
}

.facturacion div#factutable_filter {text-align: left;}

.facturacion .dataTables_wrapper .dataTables_filter input {
    margin: 0px;
}

.facturacion .dataTables_wrapper .dataTables_length label {padding-top: 10px;}

.cbanner {
    background-position: center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    width: 100%;
}
.txtbanner {
    position: absolute;
    top: 36%;
    width: 100%;
}

.txtbanner h1 {
    color: #fff;
}
.desactivado {
    background: #607c8196 !important;
}
.txtbanner p {
    color: #fff;
    font-size: 20px;
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
.card-content .card h1 {
    color: #ff6b0a;
}
.facturacion .cbanner {
    background: url('../images/facturaciondigital/banner_facturaciondigital.jpg');
}

.facturacion  table.dataTable thead th {
    border: none;
}
.facturacion table {
    padding-top: 10px;
    background: none !important;
}
.facturacion .titulo-seccion .sbttl {
    color: #F1A800;
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

/* tomo esta clase para el general de las datatables */
.smtxttable{
    font-size: 12px;
}

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

    .facturacion .txtbanner h1 {
        padding: 0px 20px;
    }


}

@media all and (max-width: 580px) {
    .facturacion .txtbanner p {
        font-size: 16px;
        max-width: 370px;
    }
    .facturacion .txtbanner h1 {
        font-size: 22px;
    }

    .facturacion .descargar{
        margin-top: 20px;
    }

}

.icon-correcto {
    width: 100%;
    height: 27px;
    background: url('../images/check-succes.png') center no-repeat;
}
.icon-cancel {
    width: 100%;
    height: 27px;
    background: url('../images/check-cancel.png') center no-repeat;
}

.campanas .shortdescription {
    color: #54b7d4;
    font-size: 16px;
}
.campanas .cfooter {
    width: auto;
    max-width: 100%;
    overflow: hidden;
    margin-top: 5px;
}

.campanas .head .icon-play {
    float: left;
    width: 58px;
    height: 80px;
    background: url('../images/icon.png') no-repeat center;
    margin: 10px 25px 0px 0px;
    /* background-size: 39px; */
}

.campanas .head .icon-file {
    float: left;
    width: 64px;
    height: 86px;
    background: url('../images/icon-fie.png') no-repeat center;
    margin: 10px 25px 0px 0px;
    /* background-size: 35px; */
}
.campanas .card a.viewmore{
    margin-bottom: 0px;
    margin-top: 25px;
}
.tble .sorting, .tble .sorting_asc,.tble .sorting_desc {
    font-size: 12px;
    font-weight: 400 !important;
    vertical-align:middle !important;
    padding: 4px 18px !important;
}

.campanasnatura .vmaincontent .condiciones {
    margin: 25px auto 0px;
}

.campanasnatura .vmaincontent .txt {
    margin: 21px auto 0px;
    width: 100%;
    max-width: 190px;
}
.image-cont.gradicon {
    padding: 70px 50px 50px;
}

.image-cont.gradicon svg,
.image-cont.gradicon img
{
    max-height: 120px;
    height: auto;
    width: auto;
}


/* revisar que no rompa y borrar porq fue pasado a verano.css
.desc {
    width: 100%;
    max-width: 605px;
    overflow: hidden;
    margin: 10px auto 0px;
}

.verano .desc a{
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}
.verano .suplist .btn-ing {
    padding: 8px 13px;
    background: #B0C734;
    border-radius: 6px;
    color: #fff;
    width: 95px;
    display: block;
    text-align: center;
    margin: 0px auto;
}
.verano .suplist .btn-mail {
    padding: 8px 13px;
    background: #D64514;
    border-radius: 6px;
    color: #fff;
    display: block;
    margin: 0px auto;
    width: 108px;
    text-align: center;
}
.verano .suplist .row {
    padding: 8px 0px 8px 0px;
    width: 100%;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #B0C734;
}
.verano .suplist {
    margin: 21px 0px 0px 15px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #B0C734;
}

.verano .suplist span.text {
    display: block;
    padding-top: 5px;
}
.verano .suplist .col-xs-2 {
    padding: 0px;
}
.home .verano .suplist .btn-ing {
    background: #AE2762;
}

.home .verano .suplist {
    border-top: 1px solid #FA6D0F;
}

.home .verano .suplist .row {
    border-bottom: 1px solid #FA6D0F;
}
@media all and (max-width: 1467px) {    
    .verano .container-fluid .card.hmi h1 {
        font-size: 36px;
    }
    .verano .container-fluid .card.hmi p{
        font-size: 16px;
    }
    .close-menu .verano .container-fluid .card.hmi h1 {
        font-size: 41px;
    }
}
@media all and (max-width: 1180px) {     
    .verano .container-fluid .card.hmi h1 {
        font-size: 26px;
    }
    .verano .container-fluid .card.hmi p{
        font-size: 16px;
    }
    .close-menu .verano .container-fluid .card.hmi h1 {
        font-size: 50px;
    }
}

@media all and (max-width: 990px) {
    .verano .container-fluid .card.hmi h1 {
        font-size: 50px;
    }
    .verano .container-fluid .card.hmi p{
        font-size: 18px;
    }
    .close-menu .verano .container-fluid .card.hmi h1 {
        font-size: 50px;
    }
    .verano .desc .dscierre, .verano .desc .dsrepot {
        width: 243px;
        float: none;
        margin: 13px auto 0px;
    }
    .verano .desc .dsrepot{
        width: 335px;
    }
    .verano .suplist .col-xs-8 {
        padding: 0px;
    }
}*/

h2.formconv {
    font-weight: bold;
    color: #8c8c8c;
    font-size: 23px;
    text-align: center;
    letter-spacing: 1px;
}

.dt-buttons {
    float: left;
    height: 64px;
    display: table-cell;
    vertical-align: middle;
}

button.dt-button.buttons-excel.buttons-html5.btn.btn-primary {
    margin: 21px 0px;
}

.hero-image {
    height: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  
  .hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
  }
  
  .hero-text button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 10px 25px;
    color: black;
    background-color: #ddd;
    text-align: center;
    cursor: pointer;
  }
  
  .hero-text button:hover {
    background-color: #555;
    color: white;
  }

  label.col-sm-2.col-form-label.labelcolor {
    color: gray;
    font-size: 18px;
}

.modal-body.bgcontent {
    background: url(../images/covencion/fondo.jpg);
    background-size: cover;
}