@font-face {
    font-family: 'FontAwesome';
    src: url('/skins/fonts/FontAwesome/fontawesome-webfont.woff2?v=4.6.2');
	font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.input-group form {
    position: relative;
    display: table;
    border-collapse: separate;
    overflow: hidden;
    width: 95%;
    margin: auto
}


.logo {
    padding: 15px 0
}

.logo a {
    display: inline-block;
    vertical-align: middle;
    color: #333333;
}

.logo a:focus, .logo a:hover {
    text-decoration: none
}

.logo a img {
    margin-right: 5px
}

.logo a .logotitle {
    font-size: 2.4rem;
    color: #333333;
    margin: 0;
    line-height: 26px
}

.logo a .logotitle+span {
    font-size: 1.2rem
}

#lgpm-hidden {
    display: none;
    font-size: 20px
}

#lgpm-hidden:hover {
    text-decoration: none
}

.close-x {
    width: 17px;
    height: 17px;
    background: url(/skins/images/common/close-17.png)
}

nav.navbar.bootsnav {
    margin-bottom: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-color: white;
    border: 0;
    z-index: 9;
    color: #333333;
    border-bottom: 1px solid #efefef;
}

nav.navbar.bootsnav ul.nav>li>a {
    padding: 32px 20px;
    color: #333333;
    background-color: transparent!important
}

nav.navbar.bootsnav ul.nav>li>a:hover {

    color: #0098F6;
}

nav.navbar.bootsnav ul.nav>li.on>a {
    color: #0098F6;
}

nav.navbar.bootsnav .navbar-toggle {
    background-color: transparent!important;
    border: 0;
    padding: 0;
    font-size: 18px;
    position: relative;
    top: 5px
}

nav.navbar.bootsnav li {
    font-size: 18px;
}

nav.navbar.bootsnav ul.nav .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 14px;
    font-size: 16px;
}

nav.navbar.bootsnav ul.nav ul.dropdown-menu>li>a {
    white-space: normal
}

.hot {
    width: 31px;
    height: 11px;
    background: url(/skins/images/common/hot-new.png)no-repeat 0 0;
    padding-right: 30px;
    display: inline-block;
}

.new {
    width: 27px;
    height: 10px;
    background: url(/skins/images/common/hot-new.png)no-repeat -31px 0;
    padding-right: 30px
}

.attr-nav {
    float: right;
    display: inline-block;
    margin-left: 13px;
    margin-right: -15px
}

.attr-nav>ul {
    padding: 0;
    margin: 0 0 -7px 0;
    list-style: none;
    display: inline-block
}

.attr-nav>ul>li {
    float: left;
    display: block
}

.attr-nav>ul>li>a {
    color: #333333;
    display: block;
    padding: 30px 15px;
    position: relative
}

.top-search {
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    z-index: 999;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto
}

.input-group {
    margin: 20px 0
}

.top-search input.form-control {
    background-color: transparent;
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    -o-box-shadow: 0;
    box-shadow: 0;
    color: #333333;
    height: 35px;
    padding: 0 15px;
    border: transparent;
    border-bottom: 1px solid #D8D8D8;
}

.top-search .input-group-addon {
    background-color: transparent;
    border: 0;
    color: #333333;
    padding: 5px 0
}

.top-search .input-group-addon.close-search {
    cursor: pointer
}

#footer_menu {
    background-color: #212040
}

#footer_menu .free_load {
    padding: 19px 16px
}

#footer_menu .free_load p, #footer_menu .free_load a {
    margin-bottom: 20px
}

#footer_menu .free_load a.btn {
    width: 60%;
    color: #333;
    font-size: 1.5rem;
    font-weight: bold;
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px
}

#footer_menu .free_load {
    display: none
}

.index-download {
    color: #484d4e;
    padding: 0 0 29px 0;
    position: relative
}

.index-download .products {
    position: absolute;
    display: inline-block;
    width: 150px;
    left: -35%;
    top: -28px
}

.index-download .load-text {
    text-align: center
}

.index-download .load-text p span:first-child {
    font-size: 3rem;
    font-weight: bold;
    color: #333;
    display: inline-block
}

.index-download .load-text p {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin: 0;
    font-size: 2rem;
    margin-bottom: 10px
}

.index-download .load-btn {
    text-align: center
}

.btn-f {
    display: inline-block;
    width: 30%;
    height: 45px;
    line-height: 45px;
    color: #59a0e3;
    font-size: 1.8rem;
    text-align: center;
    border: 1px solid #59a0e3;
    -webkit-border-radius: 5px;
    position: relative;
    z-index: 1;
    background-color: #ecf6fe;
    margin-top: 3%
}

.btn-2f {
    border: 1px solid #59a0e4;
    color: #fff;
    background-color: #59a0e4
}

#footer-top {
    background-color: #484860
}

#footer-top ul {
    padding: 1.5px 0;
    margin-bottom: 0
}

#footer-top ul li {
    display: inline-block;
    padding: 35px 7px
}

#footer-top ul li i {
    display: inline-block;
    width: 99px;
    height: 35px;
    background: url("/skins/images/index/brand-icon.png")no-repeat
}

#footer-top ul li i.brand-icon-2 {
    width: 123px;
    background: url("/skins/images/index/brand-icon.png")no-repeat -101px 0
}

#footer-top ul li i.brand-icon-3 {
    width: 99px;
    background: url("/skins/images/index/brand-icon.png")no-repeat -224px 0
}

#footer-top ul li i.brand-icon-4 {
    width: 158px;
    background: url("/skins/images/index/brand-icon.png")no-repeat -323px 0
}

#footer-top ul li i.brand-icon-5 {
    width: 104px;
    background: url("/skins/images/index/brand-icon.png")no-repeat -481px 0
}

#footer-top ul li i.brand-icon-6 {
    width: 99px;
    background: url("/skins/images/index/brand-icon.png")no-repeat -585px 0
}

#footer-top ul li i.brand-icon-7 {
    width: 88px;
    background: url("/skins/images/index/brand-icon.png")no-repeat -684px 0
}

#footer-top ul li i.brand-icon-8 {
    width: 83px;
    background: url("/skins/images/index/brand-icon.png")no-repeat -772px 0
}

#footer-top ul li i.brand-icon-9 {
    width: 100px;
    background: url("/skins/images/index/brand-icon.png")no-repeat -856px 0
}

#footer-middle {
    background: #F2F2F2;
    padding: 40px 0 0 40px;
}

#footer-middle dl {
    height: 160px
}

#footer-middle dl dt {
    color: #333333;
    font-size: 18px;
    padding: 5px 0
}

#footer-middle dl dd {
    font-size: 14px;
    color: #666;
    padding: 5px 0
}

#footer-middle dl a {
    color: #666;
    cursor: pointer
}

#footer-top dl a:hover {
    color: #fff;
    text-decoration: none
}

#footer-middle .follwUs {
    font-size: 1.8rem;
    margin-top: 2%
}

#footer-middle .follwUs div {
    padding: 0
}

#footer-middle .follwUs .share-icon a {
    font-size: 2rem;
    color: #fff;
    margin-right: 4%;
    display: inline-block;
    border: 1px solid #ddd;
    width: 18%;
    text-align: center
}

#footer-middle .follwUs .share-icon a:hover {
    opacity: .7
}

#footer-middle .follwUs .share-icon a:last-child {
    margin-right: 0
}

#footer-middle .follwUs .follwUs-span {
    display: inline-block;
    line-height: 3rem;
    color: #333333;
}

#footer-middle .striping {
    border: 1px solid #2182c6;
    width: 30px;
    padding: 0;
    margin: 5px 0 20px 0
}

#footer-middle .margin-bottom-sm input {
    border: 1px solid #666;
    background-color: #F2F2F2;
    font-size: 14px;
}

#footer-bottom {
    height: auto;
    background-color: #F2F2F2;
    color: #999;
    font-size: 12px;
    display: flex
}

#footer-bottom>div.container {
    margin: auto
}

#footer-bottom p {
    margin: 0;
    padding: 19px 16px;
    text-align: center
}

#footer-bottom .Friendship_sharing a {
    text-decoration: none;
    color: #666
}

#footer-bottom .Friendship_sharing a:hover {
    text-decoration: none;
    color: #fff
}

#toTop {
    display: block;
    position: fixed;
    top: 100%;
    left: 100%;
    cursor: pointer;
    margin-top: -158px;
    margin-left: -78px;
    width: 49px;
    height: 49px;
    background: url("/skins/images/common/top-3.png") no-repeat;
    z-index: 200;
    opacity: .8
}

#SubcribeEmail_text {
    color: red
}

@media(min-width:1024px) and (max-width:1400px) {
    .index-download .products {
        position: absolute;
        display: inline-block;
        width: 150px;
        left: -30%;
        top: -28px
    }
}

@media(min-width:1024px) {
    .logo {
        display: block
    }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
        -moz-box-shadow: 0;
        -webkit-box-shadow: 0;
        -o-box-shadow: 0;
        box-shadow: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        padding: 0;
        width: 320px;
        background: #fff;
        border: solid 1px #e0e0e0
    }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li a:hover {
        background-color: transparent
    }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a {
        padding: 10px 15px;
        color: #6f6f6f
    }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li:last-child>a {
        border-bottom: 0
    }
}

@media(max-width:992px) {
    .logo {
        display: none
    }
    #lgpm-hidden {
        display: block;
        display: block;
        font-size: 20px;
        width: 50%;
        margin: 8px auto;
        color: #333333;
    }
    .caret {
        display: none
    }
    .input-group {
        margin: 7px 0
    }
    nav.navbar.bootsnav .navbar-brand {
        display: inline-block;
        float: none!important;
        margin: 0!important
    }
    nav.navbar.bootsnav .navbar-header {
        float: none;
        display: block;
        text-align: center;
        padding-left: 30px;
        padding-right: 30px
    }
    nav.navbar.bootsnav .navbar-toggle {
        display: inline-block;
        float: left;
        margin-right: -200px;
        margin-top: 10px
    }
    nav.navbar.bootsnav .navbar-collapse {
        border: 0;
        margin-bottom: 0
    }
    nav.navbar.bootsnav .navbar-collapse.collapse {
        display: none!important
    }
    nav.navbar.bootsnav .navbar-collapse.collapse.in {
        display: block!important
    }
    nav.navbar.bootsnav .navbar-nav {
        float: none!important;
        padding-left: 30px;
        padding-right: 30px
    }
    nav.navbar.bootsnav .navbar-nav>li {
        float: none
    }
    nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before {
        font-family: 'FontAwesome';
        content: "\f0da";
        float: right;
        font-size: 16px;
        margin-left: 10px
    }
    nav.navbar.bootsnav li.dropdown.on>a.dropdown-toggle:before {
        content: "\f0d7"
    }
    nav.navbar.bootsnav ul.navbar-nav>li>a {
        display: block;
        width: 100%;
        padding: 10px 0;
        margin-bottom: -1px
    }
    nav.navbar.bootsnav .navbar-nav>li:first-child>a {
        border-top: 0
    }
    nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle {
        float: none!important;
        position: relative;
        display: block;
        width: 100%
    }
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
        width: 100%;
        position: relative!important;
        background-color: transparent;
        float: none;
        border: 0;
        padding: 0 0 0 15px!important;
        margin: 0 0 -1px 0!important;
        -moz-box-shadow: 0;
        -webkit-box-shadow: 0;
        -o-box-shadow: 0;
        box-shadow: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0
    }
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li>a {
        display: block;
        width: 100%;
        padding: 10px 0;
        color: #6f6f6f
    }
    nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover, nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus {
        background-color: transparent
    }
    .attr-nav {
        position: absolute;
        right: 60px
    }
    .attr-nav>ul {
        padding: 0;
        margin: 0 -15px -7px 0
    }
    .attr-nav>ul>li>a {
        padding: 16px 15px 15px
    }
    .top-search .container {
        padding: 0 45px
    }
    #navbar-menu {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        background-color: #fff;
        overflow-y: scroll
    }
    .index-download .load-text p {
        text-align: center;
        font-size: 1.7rem
    }
    .btn-f {
        height: 35px;
        line-height: 35px
    }
    .index-download .products {
        display: none
    }
    #footer-bottom p {
        margin: 0;
        padding: 10px 0;
        text-align: center
    }
    #footer-top ul {
        margin-bottom: 0
    }
    #footer-top ul li {
        display: inline-block;
        padding: 10px 10px
    }
    #footer-middle dl {
        margin-left: 15%;
        height: 160px
    }
    #footer-middle dl dt {
        color: #333333;
        font-size: 1.5rem;
        padding: 5px 0
    }
    #footer-middle dl dd {
        color: #fff;
        font-size: 1.2rem;
        padding: 5px 0
    }
    #footer-middle .striping {
        border: 1px solid #2182c6;
        width: 30px;
        padding: 0;
        margin: 5px 0 10px 0
    }
}

@media(max-width:767px) {
    .logo {
        display: none
    }
    nav.navbar.bootsnav .navbar-header {
        padding-left: 15px;
        padding-right: 15px
    }
    nav.navbar.bootsnav .navbar-nav {
        padding-left: 15px;
        padding-right: 15px
    }
    .attr-nav {
        right: 30px
    }
    .attr-nav>ul {
        margin-right: -10px
    }
    .attr-nav>ul>li>a {
        padding: 16px 10px 15px;
        padding-left: 0!important
    }
    .attr-nav>ul>li.dropdown ul.dropdown-menu {
        left: -275px
    }
    .top-search .container {
        padding: 0 15px
    }
    #footer-bottom p {
        padding: 10px 0
    }
}

@media(min-width:480px) and (max-width:640px) {
    .logo {
        display: none
    }
}

.input-group-addon-1 {
    background-color: #666;
    color: #FEFEFE;
    padding: 5px 0
}