.uppercase {
    text-transform: uppercase;
}
.btn, .ui-button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none !important;
    outline: 0 !important;
    color: inherit;
    background-color: transparent;
    border: 0 none;
    padding: 0.5rem 1rem;
    line-height: 1.5rem;
    border-radius: 1.5rem;
    cursor: pointer;
}
.btn-sm {
    line-height: 1.25rem;
    padding: 0.375rem 0.75rem;
}
.app_view_pad .description .spoiler-btn {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: #f48219;
}
.app_view_pad .description .spoiler-btn {
    margin-left: -0.75rem;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
.spoiler-btn > svg {
    vertical-align: middle;
    margin: -0.125rem 0.5rem 0 0;
}
.spoiler.open ~ .spoiler-btn > svg {
    transform: rotate(180deg);
}
.spoiler-btn-o {
    display: inline;
}
.spoiler-btn-h {
    display: none;
}
.spoiler.open ~ .spoiler-btn .spoiler-btn-o {
    display: none;
}
.spoiler.open ~ .spoiler-btn .spoiler-btn-h {
    display: inline;
}
.box_shadow {
    background-color: #fff;
    box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 1;
}
.home-btn-new {
    display: inline-block;
    box-shadow: 0 8px 12px 0 rgb(25 24 24 / 6%);
    box-sizing: border-box;
    width: 300px;
    height: 75px;
    color: #fff;
    margin-top: 10px;
    border-radius: 4px;
    background: #f48219;
    padding: 0px 65px 0px 10px;
    position: relative;
    cursor: pointer;
}
.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    width:30px;
    height: 30px;
    display: inline-block;
    background-position: -206px -5px;
    margin:9px 0 0 9px
}

.home-btn-new-msg{
    border-right: 1px solid #ded7d7;
    height: 100%;
}
.home-btn-new-msg span{ display: inline-block;}
.home-btn-new-title{
    font-size: 24px;
}
.home-btn-new-num{
    font-size: 15px;
}
.install-button-icon {
    position: absolute;
    margin: 14px 0 0 229px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #f48219;
}
.box_grey {
    background-color: #f5f6f7;
    padding: 2rem;
}
.c-green {
    color: #f48219 !important;
}
.app_moreinfo_item > .fbold {
    margin-bottom: 0.5rem;
}
.app_moreinfo_item > .smf {
    margin-bottom: 0;
}
.app_moreinfo_item ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
.app_moreinfo_item .spec > li {
    padding-left: 0;
    display: inline-block;
}

.app_moreinfo_item > i{
    width: 24px;
    height: 24px;
    display: inline-block;
    background-position: -449px -8px;
}
.footer {
    margin-top: auto;
    color: #343a40;
}
.copyright {
    padding-bottom: 2rem;
}
.copyright a img {
    margin-bottom: 4px;
}

@-moz-keyframes bounce {
    0%,
    10%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    60% {
        -moz-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    60% {
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@media (min-width: 576px){
    .app_moreinfo_item {
        padding-left: 2.5rem;
    }
    .app_moreinfo_item > i > svg {
        margin-left: -2.5rem;
        float: left;
    }
    .app_moreinfo_item > i {
        margin-left: -2.5rem;
        float: left;
       
    }    
}
@media (min-width: 768px){
    .copyright, .footer .banner {
        margin-top: 4.5rem;
    }
}

@media (min-width: 992px){
    .btn, .ui-button {
        transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
    .i__more_c1, .i__more_c2, .i__more_c3 {
        transition: transform 0.15s ease-in-out;
    }
    .i__more_c1, .i__more_c2, .i__more_c3 {
        transition: transform 0.15s ease-in-out;
    }
    .i__more_c1, .i__more_c2, .i__more_c3 {
        transition: transform 0.15s ease-in-out;
    }
    .btn:hover, .ui-button:hover {
        opacity: 0.8;
    }
    .spoiler-btn:hover .i__more_c1, .spoiler-btn:hover .i__more_c3 {
        transform: translateY(-0.05rem);
    }
    .spoiler-btn:hover .i__more_c2 {
        transform: translateY(0.15rem);
    }
    .spoiler-btn:hover .i__more_c1, .spoiler-btn:hover .i__more_c3 {
        transform: translateY(-0.05rem);
    }
    .grid {
        display: flex;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
    }
    .grid-2 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .grid-2, .grid-3, .grid-4, .grid-a, .grid-f, .grid-m {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
@media (max-width: 767px){
    .copyright {
        margin-top: 2rem;
    }
}

@media (max-width: 575px){
    .app_moreinfo {
        text-align: center;
    }
    .app_moreinfo_item > i {
        margin-bottom: 1rem;
    }
    .app_moreinfo_item > i > svg {
        margin-bottom: 1rem;
    }
    .app_moreinfo .spec {
        text-align: left;
    }
    .app_moreinfo .spec > li {
        width: 49%;
        max-width: 50%;
        padding-right: 1rem;
        margin: 0 0 1rem 0;
        font-size: 0.8125rem;
    }
    .app_moreinfo .grid-2:last-child {
        margin-top: 1rem;
    }
    .app_moreinfo_item.novirus > i {
        border-radius: 50%;
        padding: 0.5rem;
        width: 2.5rem;
        height: 2.5rem;
        margin-bottom: 1rem;
        display: inline-block;
        vertical-align: top;
        background-color: #ceebca;
    }
    .copyright {
        text-align: center;
    }
    .copyright > * {
        display: block;
    }
}