@font-face {
    font-family: 'ArialFont';
    src: url('./font/Arial-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaFont';
    src: url('./font/Helvetica.ttc') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LatinoFont';
    src: url('./font/Latinotype-Arquitecta.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HorizonFont';
    src: url('./font/HorizonType-AcherusFeral-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
div.category-top .category-view {
    padding: 20px 0 !important;
}
div.category-top .category-name{
    display: none !important;
}
.brand-container{
    margin: 0 auto;
    padding: 0 8px;
}
.brand-container .title{
    color: #222222;
    font-weight: 600;
    font-size: 18px;
    font-family: 'HelveticaFont', sans-serif;
}
.brand-container .banner{
    display: block;
    width: 100%;
}
.brand-container .ltc{
    float: left;
    width: 49%;
    margin-right: 2%;
}
.brand-container .rtc{
    float: right;
    width: 49%;
}
.brand-container .latx{
    margin-top: 13px;
    font-size: 14px;
    color: #3f3f3f;
    font-family: 'HorizonFont', sans-serif;
}
.brand-container .seimg{
    display: block;
    width: 76%;
    margin: 20px auto;
}
.brand-container .nc li{
    font-family: 'HorizonFont', sans-serif;
    height: 32px;
    color: #3f3f3f;
    font-size: 14px;
}
.brand-container .nc li strong{
    font-size: 15px;
    color: #222222;
}
.brand-container .nc li:before{
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: gold;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    margin-right: 8px;
}
.brand-container .nk{
    width: 98%;
}
.brand-container .nk li{
    font-family: 'HorizonFont', sans-serif;
    color: #3f3f3f;
    font-size: 14px;
    padding-left: 20px;
    position: relative;
    line-height: 18px;
    padding-bottom: 20px;
}
.brand-container .nk li:before{
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: gold;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    position: absolute;
    top:1px;
    left:0px;
}
.brand-container .nk li strong{
    font-size: 15px;
    color: #222222;
}
.brand-container .nl{
    list-style: none;
    font-family: 'HorizonFont', sans-serif;
    padding-left: 5px;
}
.brand-container .nl li{
    padding: 5px 0px;
    position: relative;
}
.brand-container .nl .nb{
    font-size: 22px;
    color: #22bce0;
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 0px;
}
.brand-container .nl .nt{
    font-size: 14px;
    color: #3f3f3f;
    display: block;
    margin-left: 25px;
}
.brand-container .nv{
    list-style: none;
    font-family: 'HorizonFont', sans-serif;
    padding-left: 5px;
}
.brand-container .nv li{
    padding: 3px 0px;
}
.brand-container .nv .ng{
    font-size: 16px;
    color: #222222;
    display: block;
    margin: 0px 0px 0px;
}
.brand-container .nv .ns{
    line-height: 16px;
    font-size: 14px;
    color: #383838;
    display: block;
    position: relative;
    top:-5px;
}
.brand-container .lt-more{
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    color: #444444;
    font-family: 'HorizonFont', sans-serif;
}
.brand-container .lt-more a{
    text-decoration: underline;
    color: #444444;
    font-size: 13px;
    margin-left: 1px;
}
.brand-container .lt-life{
    box-sizing: border-box;
    padding-left: 6px;
    padding-top: 35px;
    color: #FD7C47;
    font-family: 'LatinoFont', sans-serif;
    font-size: 26px;
    text-align: center;
    line-height: 28px;
}
.brand-container .lt-download{
    display: inline-block;
    width: 11.8rem;
    line-height: 20px;
    font-family: 'LatinoFont', sans-serif;
    font-size: 18px;
    color: #333333;
    margin-left: 2.5rem;
}
.brand-container .lt-download .sigl{
    padding-left: 65px;
}
.brand-container .dwtxt{
    font-family: 'LatinoFont', sans-serif;
    font-size: 18px;
    color: #333333;
    margin-bottom: 12px;
    padding-left: 16px;
}
.brand-container .down-container{
    width: 95%;
}
.brand-container .down-link{
    display: inline-block;
    border-radius: 8px;
    padding: 3px 28px;
    font-size: 15px;
    color: #ffffff;
    background-color: #22bce0;
    font-family: 'HelveticaFont', sans-serif;
}
.brand-container .down-linp{
    width: 11.8rem;
    text-align: center;
    display: inline-block;
    border-radius: 8px;
    padding: 4px 1.5rem;
    font-size: 15px;
    color: #ffffff;
    background-color: #22bce0;
    font-family: 'HelveticaFont', sans-serif;
}
@media screen and (max-width: 768px) {
    .brand-container .ltc{
        float: none;
        width: 99%;
    }
    .brand-container .rtc{
        float: none;
        width: 99%;
    }
    .brand-container .nl li{
        padding: 8px 0px;
    }
    .brand-container .nl .nb{
        top: 5px;
    }
    .brand-container .nl .nt{
        line-height: 18px;
    }
}
@media screen and (max-width: 625px) {
    .brand-container .dwtxt{
        padding-left: 8px;
    }
    .brand-container .lt-download .sigl{
        padding-left: 20px;
    }
}
@media screen and (max-width: 568px) {
   .brand-container .lt-download{
       display: block;
       margin-left: 3.6rem;
       margin-bottom: 22px;
       width: 90%;
   }
    .brand-container .dwtxt{
        padding-left: 5px;
    }
    .brand-container .lt-more{
        padding-left: 0px;
    }
    .brand-container .lt-download .sigl{
        padding-left: 0px;
    }
}