body {background:#f0f0f0}
.backCentroSoporte{background-color:#f0e3e9}
.contact404Lav{width:40px;height:40px;}
.hackPadLav{padding:50px 0 30px 0}
.csHeader {background-color:#f5f5f5; padding: 70px 20px 65px 20px; font-weight:600; text-align: center; background-image:url(https://c.perfumesclub.com/nw/centro-de-soporte.jpg); background-position: center center; background-repeat: no-repeat; background-size: auto 100%}
.csHeader h1 {font-size: 21px; margin-bottom:5px}
.csHeader h3 {font-size: 110%; font-weight:400}
.csFeatured {padding: 50px 0; background-color:#fff}

.csFeaturedCat {
    padding: 25px 35px 18px 35px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    text-align: left;
    font-size: 14px
}

.breadSupport {background-color:#f9f9f9; padding:5px 0; border-bottom: solid 1px #e5e5e5; border-top: solid 1px #e5e5e5; color:#666}
.breadSupport .breadcrumbs {opacity:1}
.breadSupport  em {display: inline-block; margin-left:5px; margin-right: 5px}
.breadSupport a {opacity:0.6}
.breadSupport a:hover {opacity:1; color:#111}

.csFeaturedCat h2 {display:block; color:#222; text-transform: uppercase; font-size: 18px; padding-bottom:0px; border-bottom: solid 1px #efefef; margin-bottom:8px; font-weight:600; letter-spacing:1px}
.csFeaturedCat a, .csQList a.linkFilter {display:block; color:#111; text-align: left; padding: 10px 5px; letter-spacing:1px}
.csFeaturedCat a:hover {color:#b89d67; padding: 10px 0px 10px 10px}
.csQList a.linkFilter:hover {color:#b89d67; padding: 4px 0px 4px 67px}

.csFeatured .col-md-4 .csFeaturedCat img {display:none; width:55px; height: auto; opacity: 1; margin-bottom:3px; margin-right: 12px; position: relative; top:-4px}
.csFeatured .col-md-4:first-of-type .csFeaturedCat img.img1, .csFeatured .col-md-4:last-of-type .csFeaturedCat img.img3, .csFeatured .col-md-4:nth-of-type(2) .csFeaturedCat img.img2 {display:inline-block}

.csOther {background:#f0f0f0;border-top:1px solid #dedede; padding: 25px 0 40px 0; font-size:14px; color:#646464}

.csTitleFooter {border-bottom: solid 1px #646464; margin-bottom: 15px; text-transform: uppercase}
.csTitleFooter span {padding-bottom: 5px; border-bottom: solid 4px #646464; display: inline-block; font-weight:600}

.nav-tabs {float:left; width:32.8%; display: block; border: none}
.nav-tabs .nav-item {display: block; float: none; width:100%; margin:0px}
.nav-tabs .nav-link {border:none !important; background-color: transparent !important; padding: 5px 0 !important; color:#111}
.nav-tabs .nav-link:hover {color:#b89d67; padding-left:5px !important}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color:#111 !important}
.nav-tabs .nav-link.active {font-weight:700}

.tab-content {float: right; border-left: solid 1px #e9e9e9; padding-left:5%; width: 67%}

.secQuestion {padding:5px 0; color:#bababa; cursor: pointer}
.secQuestion a {color:#666}
.secQuestion a:hover {color:#b89d67; padding-left:5px}

.csLat, .csAnswer {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}

.csLat .csQA a, .csAnswer .csAQuestion {display:block;background-color:#f5f5f5; padding: 9px 12px; color:#111; font-size:14px; letter-spacing:0.5px; font-weight:400}
.csLat .csQA a img {height: 33px; width:auto; display: none; margin-right: 12px; position: relative;}
.csLat .csQA:first-of-type a img.img1, .csLat .csQA:last-of-type a img.img3, .csLat .csQA:nth-of-type(2) a img.img2 {display:inline-block}

.csAnswer .csAQuestion {font-size: 17px; letter-spacing:1px; padding: 14px 30px; font-weight:600}
.csAAnswer {padding:25px 30px; color:#888}
.row.csAAnswer {border-top: solid 1px #f3f3f3; font-size: 11px; font-style: italic; color:#aaa; margin:0px; padding: 12px 15px}

.accor-button a {border-bottom: solid 1px #fff; font-weight:600 !important}
.csLat .csQA:last-of-type .accor-button a {border:none}

.csQList {background-color:#fff; padding:6px 0}
.csQList a.linkFilter {background-color:#fff; padding: 4px 5px 4px 62px; text-align: left; border: none}
.csQList a.linkFilter.selected {font-weight:600}

.csAAnswer a.btn {font-style:normal; font-weight:600; font-size: 11px; text-transform: uppercase; padding:5px; letter-spacing:0.5px}

@media only screen and (min-width: 768px) {
.row.avisoPerfilUrgente {margin:-25px 0 25px 0}
}

.uploadFile {position:relative; top: -15px; max-width:100%; width:100%; padding-left:5%; padding-right:0px; border: solid 1px rgba(0,0,0,.2); border-bottom: solid 5px rgba(0,0,0,.2); margin-bottom:5px;
             padding:14px; background-color:#fff;
}
.uploadFile svg {margin-right:10px; position: relative; top:2px; opacity: 0.5}
#Archivo {position: relative; top: 20px;}

.custom-select {height:45px; border-color:#ccc}
textarea#Consulta {height:150px}

.csTel {border-top: solid 1px #f3f3f3; padding-top:20px}
.csFormTitle {font-size:17px; color:#888; letter-spacing:1px; margin-bottom:20px}
.csGracias {background-color:#666; color:#fff; padding: 18px 22px; margin-bottom:20px;}

@media only screen and (max-width: 1399px) {
    .csFeaturedCat a, .csQList a.linkFilter, .csFeaturedCat h2 {letter-spacing:0px}
}
@media only screen and (max-width: 1191px) {
    .csFeaturedCat h2 {font-size:15px}
    .csFeaturedCat a {padding:5px 0px}
    .csQList a.linkFilter {padding:5px 10px 5px 20px}
    .csFeaturedCat a .fa, .csQList a.linkFilter .fa {margin-left:6px}
    .csFeaturedCat a {font-size:13px}
    .csFeaturedCat {padding:15px 15px 9px 15px}
}
@media only screen and (max-width: 991px) {
    .csAAnswer a.btn.btn-primary.w100 {padding:9px; margin-top: 10px}
    #Archivo {color:#fff}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .csAAnswer label {font-size:11px}
    .csFeatured .container {width:100%}
}
@media only screen and (max-width: 767px) {
    .hackFontMob1 {
        font-size: 15px;
    }

    .hackFontMob2 {
        font-size: 13px;
    }
    .hackPadLav{padding: 30px 0 25px;}
    .row.avisoPerfilUrgente {top:0px; margin-bottom:15px}
    .csFeatured {padding:10px 0}
    .csFeaturedCat {padding:20px 20px 16px 20px; margin-bottom:20px}
    .csFeaturedCat a {padding:8px 0px}
    .csQList a.linkFilter {padding:5px 6px 5px 18px}
    .csFeaturedCat a {font-size:14px}
    .nav-tabs, .tab-content {float:none; width:100%; padding:0px; margin-bottom:12px; border: none}
    .tab-content {border-top: solid 1px #ddd; padding-top:10px}
    .csHeader {background-color:#efefef; padding: 50px 20px 45px 20px;background-image:url(https://c.perfumesclub.com/nw/c-s-mob.jpg); background-position: left center; background-size: auto 100%}
}
@media only screen and (min-width: 992px) {
    .padL {padding-left:25px}
}

@media only screen and (min-width: 768px) and (max-width: 1191px) {
    .csFeatured .col-md-4 .csFeaturedCat img {display: none !important}
    .csFeaturedCat h2 {padding-bottom: 9px}
}