/*
@font-face {
    font-family: source sans pro;
    src: url(fonts/SourceSansPro-Regular.ttf)
}
*/

body {
    padding-top: 80px;
    color: #000;
    font: 16px/1.5 "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53";
   
}

header .navbar .navbar-brand {
    margin: 0 45px 0 0
}

header .navbar .navbar-brand img {
    margin-top: 21px;
    height: 36px;
    width: auto
}

header .navbar .navbar-nav>li {
    margin-top: 21px
}

header .navbar .navbar-nav>li a {
    font-size: 14px;
    line-height: 1.3666;
    text-transform: uppercase;
    padding-top: 8px;
    padding-bottom: 8px
}

header .navbar .navbar-nav>li .btn {
    padding: 7px 16px;
    font-size: 15px;
    line-height: 1.3666
}

header .navbar .navbar-nav>li .btn:focus, header .navbar .navbar-nav>li .btn:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

@media screen and (max-width:991px) {
    header .navbar .navbar-nav>li {
        margin-top: 10px
    }
    header .navbar .navbar-nav>li:last-child {
        margin-bottom: 10px
    }
}

header .navbar .navbar-right {
    margin-top: 3px
}

header .navbar .navbar-right .btn {
    padding: 6px 16px
}

header .navbar-fixed-top .navbar-collapse {
    max-height: none
}

@media screen and (max-width:767px) {
    header .navbar-fixed-top .navbar-collapse .navbar-nav {
        height: 100vh
    }
}

footer {
    background-color: #242d37;
    padding: 60px 30px;
    margin: 70px 0 0;
    font-size: 14px;
    color: #fff
}

@media screen and (min-width:768px) {
    footer {
        padding: 60px 0
    }
}

footer a {
    font-size: 14px;
    color: #fff
}

footer a:focus, footer a:hover {
    color: #06b7f0;
    text-decoration: none
}

footer section h5 {
    margin: 0 0 20px;
    font-weight: 400;
    color: #969fa8;
    letter-spacing: 2px;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    footer section h5 {
        margin-top: 30px;
        margin-bottom: 4px
    }
}

footer section ul {
    margin: 0
}

footer section li a {
    padding: 3px 0;
    display: inline-block
}

footer #newsletter {
    margin-top: 20px
}

@media screen and (min-width:768px) {
    footer #newsletter {
        margin-top: 0
    }
}

footer #newsletter .input-group {
    display: block
}

footer #newsletter .form-control {
    height: 42px;
    border: none;
    padding-right: 55px;
    border-radius: 3px;
    display: block;
    float: none
}

footer #newsletter .input-group-btn {
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 5px;
    padding: 0 5px;
    border-left: 1px solid #e2e4e8;
    display: block;
    width: 49px;
    height: 32px;
    z-index: 99
}

footer #newsletter .input-group-btn .btn {
    width: 38px;
    height: 32px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    font-size: 24px;
    margin: 0;
    border-radius: 3px
}

footer #copyright {
    padding-top: 20px;
    color: #969fa8
}

footer #copyright ul {
    margin: 0
}

footer #copyright li {
    display: inline-block;
    vertical-align: middle
}

footer #copyright img {
    max-height: 26px;
    width: auto;
    margin-right: 30px
}

footer #social {
    padding-top: 20px;
    text-align: right
}

@media screen and (max-width:767px) {
    footer #social {
        text-align: center
    }
}

footer #social li {
    display: inline-block;
    padding: 0 15px
}

footer #social li.facebook-marketing-partner-logo img {
    width: 100px
}

footer #social li:first-child {
    padding-left: 0
}

footer #social li:last-child {
    padding-right: 0
}

a:hover, a:focus, a:active {
    text-decoration: none
}

.gray, .container-fluid {
    background-color: #f4f5f7
}

.page-header {
    height: 250px;
    margin: 0 0 60px;
    text-align: center;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 0
}

.page-header div {
    position: relative;
    top: 33%
}

.page-header div h1 {
    font-size: 40px;
    margin: 0;
    color: #fff
}

.page-header div p {
    font-size: 24px;
    margin: 5px 0 0;
    font-weight: 300
}

@media screen and (max-width:767px) {
    .page-header div h1 {
        font-size: 28px
    }
    .page-header div p {
        font-size: 17px
    }
}

#common-home .page-header {
    height: auto;
    margin-bottom: 0;
    border-bottom: 0
}

#common-home #hero {
    position: relative;
    overflow: visible;
    /*background-color: #0080c3  F95231 */
    background-color: #fcfcfc;
 
}

#common-home #hero h1 {
    font-size: 30px;
    color: #000;
    text-align: center;
    margin-top: 54px;
    margin-bottom: 15px;  
    text-shadow: 0px 0px 1px #000; 
    font-weight: 200;  
}

#common-home #hero p {  
    font-size: 18px;
    font-weight:200;
    color: #000;
    text-align: center;
    margin-top: 5px;
    padding-bottom: 30px; 
    text-shadow: 0px 0px 1px #000; 
}

#common-home #hero img {
    clear: both;
}

#common-home #hero .container {
    position: relative;
    padding-top: 0;
    height: auto;
}

#common-home #hero .btn {
    min-width: 220px;
    padding-top: 12px;
    padding-bottom: 12px
}

#device-count {
    font-size:120px;
}


@media(min-width:768px) {
    #common-home #hero .btn+.btn {
        margin-left: 30px
    } 
}

@media(min-width:992px) {
    #common-home #hero h1 {
        text-align: left;
        text-shadow: 0px 0px 1px #333;
        font-size: 50px;
        font-weight: 200;
        color: #000; 
        margin-top: 14px;
        margin-bottom: 25px;  
    }
    #common-home #hero p {
        text-align: left;
        text-shadow: 0px 0px 1px #333;
        font-size: 18px;
        line-height: 30px;
        font-weight: 200;
    } 
    #common-home #hero img {
        opacity: 0;
    }
    #common-home #hero .container {
        padding-top: 76px;
        height: 600px
    }
    #common-home #hero .device {
        background-image: url(../image/home/jstar-home-1.png?dt=111);
        background-repeat: no-repeat;
        background-position: 0 0;
        height: 506px;
        width: 50%;
        position: absolute;
        right: 0;
        margin-top: -545px;
    }
    #common-home #hero .device1 {
        background-image: url(../image/demo/device.png?dt=111);
        background-repeat: no-repeat;
        background-position: 0 0;
        height: 506px;
        width: 50%;
        position: absolute;
        right: 0;
        margin-top: -545px;
    }
    
    .hero-bg {
        background-image: url(../image/home/home-bg.jpg?dt=12); 
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
    }
}

@media(min-width:1200px) {
    #common-home #hero .container {
        padding-top: 106px
    }
}

#common-home #feature {
    padding-top: 120px;
    padding-bottom: 70px
}

#common-home #feature .page-header h2 {
    color: #000
}

#common-home #feature .page-header p {
    color: #000;
    font-weight: 400;
    font-size: 16px;
    margin: 0
}

#common-home #feature .row {
    margin-top: 62px
}

@media screen and (max-width:767px) {
    #common-home #feature .row>div+div {
        padding-top: 30px
    }
}

@media screen and (min-width:768px) {
    #common-home #feature .row>div+div {
        border-left: 1px solid #e2e4e8;
        padding-left: 20px
    }
}

#common-home #feature .row>div h4 {
    margin-top: 0;
    margin-bottom: 19px
}

#common-home #feature .row>div h4 i {
    font-size: 60px;
    color: #0080c3
}

@media screen and (max-width:767px) {
    #common-home #feature .row>div h4 i {
        width: 100%;
        text-align: center
    }
}

#common-home #feature .row>div h4 i+div {
    margin-top: 30px
}

@media screen and (max-width:767px) {
    #common-home #feature .row>div h4 {
        text-align: center
    }
}

#common-home #feature .row>div p {
    color: #4b525d
}

@media screen and (min-width:768px) and (max-width:991px) {
    #common-home #feature .row+.row {
        margin-top: 30px
    }
}

@media screen and (max-width:768px) {
    #common-home #feature {
        margin-top: 40px
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    #common-home #feature {
        margin-top: 50px
    }
}

#common-home #business {
    background-color: #242d37;
    padding-top: 70px;
    padding-bottom: 70px
}

#common-home #business .page-header {
    padding-bottom: 0;
    text-align: center;
    margin-bottom: 68px
}

#common-home #business .page-header h2 {
    color: #fff;
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 7px
}

#common-home #business .page-header p {
    color: #fff;
    font-size: 24px;
    font-weight: 300
}

#common-home #business ul {
    font-size: 0;
    text-align: center;
    padding-left: 0;
    margin-bottom: 0
}

#common-home #business ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px
}

#common-home #business ul li:first-child {
    padding-left: 0
}

#common-home #business ul li:last-child {
    padding-right: 0
}

#common-home #marketplace {
    padding-top: 70px;
    padding-bottom: 70px
}

#common-home #marketplace h2 {
    font-size: 40px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center
}

@media screen and (min-width:992px) {
    #common-home #marketplace h2 {
        text-align: left
    }
}

#common-home #marketplace p {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 50px
}

#common-home #marketplace .row div:first-child {
    padding-top: 60px
}

@media screen and (min-width:992px) {
    #common-home #marketplace .row div:first-child {
        padding-top: 90px
    }
}

#common-home #marketplace .btn {
    max-width: 100%;
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    #common-home #marketplace .btn {
        margin-bottom: 0
    }
}

#common-home #marketplace .btn-xl {
    width: 300px;
}

#common-home #marketplace img {
    margin: 0 auto
}

#common-home #extension {
    padding-top: 70px;
    padding-bottom: 70px
}

#common-home #extension .page-header {
    padding-bottom: 0;
    text-align: center;
    margin-bottom: 68px
}

#common-home #extension .page-header h2 {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 7px
}

#common-home #extension .page-header p {
    color: #000;
    font-size: 24px;
    font-weight: 300
}

#common-home #extension .list-inline {
    text-align: center
}

#common-home #extension .btn {
    margin: 35px 0 0
}

@media screen and (min-width:992px) {
    #common-home #extension .btn-lg {
        width: 160px
    }
}

#common-home #support {
    padding-top: 70px;
    padding-bottom: 70px;
    color: #000
}

#common-home #support .row {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px
}

@media screen and (min-width:768px) {
    #common-home #support .row div+div {
        border-left: 1px solid #d7d8da
    }
}

#common-home #support .row p {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 50px
}

#common-home #support .row img {
    max-width: 168px;
    height: auto;
    display: inline-block
}

#common-home #press {
    background-color: #f4f5f7;
    padding: 45px 0;
    font-size: 22px;
    font-weight: 300;
    color: #4b525d;
    display: block;
    margin-top: 2px
}

#common-home #press .col-md-3 {
    text-align: center;
    margin-bottom: 15px
}

@media screen and (min-width:992px) {
    #common-home #press .col-md-3 {
        padding-top: 6px;
        text-align: left;
        margin-bottom: 0
    }
}

#common-home #press .list-unstyled {
    text-align: center;
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    #common-home #press .list-unstyled {
        text-align: right
    }
}

#common-home #press .list-unstyled li {
    display: inline-block;
    margin: 0 10px
}

@media screen and (min-width:768px) {
    #common-home #press .list-unstyled li {
        margin: 0 10px
    }
}

@media screen and (min-width:1200px) {
    #common-home #press .list-unstyled li {
        margin: 0 20px
    }
}

#common-home #press .list-unstyled li:first-child {
    margin-left: 0
}

#common-home #press .list-unstyled li:last-child {
    margin-right: 0
}

#common-home #press .list-unstyled li img.forbes-logo {
    width: 142px;
    height: 36px
}

#common-home #press .list-unstyled li img.tc-logo {
    width: 80px;
    height: 40px
}

#common-home #press .list-unstyled li img.mashable-logo {
    width: 176px;
    height: 30px
}

#common-home #press .list-unstyled li img.business-logo {
    width: 219px;
    height: 32px
}

#common-home+footer {
    margin-top: 0
}

#cms-feature .page-header {
    background-image: url(../image/banner/feature.jpg);
}
#cms-feature .page-header div{
    top: 25%;
}


#cms-feature .nav-tabs li a {
    color: #000;
    font-size: 18px
}

#cms-feature .tab-pane h1 {
    margin-top: 0;
    margin-bottom: 50px
}

#cms-feature .tab-pane h2 {
    margin-top: 80px;
    margin-bottom: 20px
}

@media screen and (max-width:767px) {
    #cms-feature .tab-pane h2 {
        margin-top: 30px;
        text-align: center
    }
}

#cms-feature .tab-pane#tab-tutorial h2 {
    margin-top: 0
}

#cms-feature .tab-pane#tab-tutorial #video-url {
    width: 100%;
    height: 420px
}

@media screen and (max-width:767px) {
    #cms-feature .tab-pane#tab-tutorial #video-url {
        height: 280px
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    #cms-feature .tab-pane#tab-tutorial #video-url {
        height: 360px
    }
}

#cms-feature .tab-pane#tab-tutorial #video-list a {
    cursor: pointer
}

#cms-feature .tab-pane#tab-tutorial #video-list img {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 10px
}

#cms-feature .tab-content .container {
    padding-top: 50px;
    padding-bottom: 50px
}

#cms-feature .tab-content .bottom-link {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px
}

#cms-feature .tab-content .bottom-link h6 {
    color: #d3d5d9;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 0;
    margin-bottom: 3px
}

#cms-feature .tab-content .bottom-link a.btn-lg {
    font-size: 24px;
    padding: 0
}

#cms-feature .tab-content #tab-unlimited .btn-block {
    margin-bottom: 20px
}

#cms-feature+footer {
    margin-top: 0
}

#cms-blog .page-header, #cms-blog-info .page-header {
    background-image: url(../image/banner/blog.jpg);
    margin-bottom: 0
}

#cms-blog #category, #cms-blog-info #category {
    border: none;
    min-height: inherit
}

#cms-blog #category .navbar-nav>li, #cms-blog-info #category .navbar-nav>li {
    padding: 0 15px
}

#cms-blog #category .navbar-nav>li:first-child, #cms-blog-info #category .navbar-nav>li:first-child {
    padding-left: 0
}

#cms-blog #category .navbar-nav>li>a, #cms-blog-info #category .navbar-nav>li>a {
    font-size: 18px;
    padding: 27px 0 25px;
    color: #4b525d
}

#cms-blog #category .navbar-nav>li.active, #cms-blog-info #category .navbar-nav>li.active {
    font-weight: 700
}

#cms-blog #category .navbar-nav>li.active::after, #cms-blog-info #category .navbar-nav>li.active::after {
    content: '';
    height: 3px;
    background-color: #14b5e9;
    display: block
}

#cms-blog>.container, #cms-blog-info>.container {
    margin-top: 70px
}

#cms-blog .blog-item, #cms-blog-info .blog-item {
    margin-bottom: 50px
}

#cms-blog .blog-item::after, #cms-blog-info .blog-item::after {
    padding-bottom: 50px
}

#cms-blog .blog-item section+section, #cms-blog-info .blog-item section+section {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 5px solid #01afe8
}

#cms-blog .blog-item+.blog-item, #cms-blog-info .blog-item+.blog-item {
    padding-top: 50px;
    border-top: 5px solid #01afe8
}

#cms-blog .blog-item h2, #cms-blog-info .blog-item h2 {
    margin-top: 0;
    font-size: 38px
}

#cms-blog .blog-item .list-unstyled>li, #cms-blog-info .blog-item .list-unstyled>li {
    display: inline-block;
    color: #4b525d;
    font-size: 14px
}

#cms-blog .blog-item .list-unstyled>li+li:before, #cms-blog-info .blog-item .list-unstyled>li+li:before {
    vertical-align: middle;
    font: normal normal normal 6px/1 FontAwesome;
    content: "\f111";
    color: #e2e4e8;
    padding: 8px 9px 0 5px
}

#cms-blog .blog-item .list-unstyled>li a, #cms-blog-info .blog-item .list-unstyled>li a {
    color: #01afe8
}

#cms-blog .blog-item .blog-image, #cms-blog-info .blog-item .blog-image, #cms-blog .blog-item .blog-excerpt, #cms-blog-info .blog-item .blog-excerpt {
    margin-bottom: 30px;
    color: #4b525d
}

#cms-blog .blog-item .btn-group, #cms-blog-info .blog-item .btn-group {
    margin-bottom: 30px
}

#cms-blog .blog-item #share-facebook, #cms-blog-info .blog-item #share-facebook, #cms-blog .blog-item #share-twitter, #cms-blog-info .blog-item #share-twitter, #cms-blog .blog-item #share-reddit, #cms-blog-info .blog-item #share-reddit {
    font-weight: 700
}

#cms-blog .blog-item #share-facebook i, #cms-blog-info .blog-item #share-facebook i, #cms-blog .blog-item #share-twitter i, #cms-blog-info .blog-item #share-twitter i, #cms-blog .blog-item #share-reddit i, #cms-blog-info .blog-item #share-reddit i {
    font-size: 18px;
    vertical-align: text-bottom;
    padding-right: 10px
}

#cms-blog .blog-item #social-button #share-facebook, #cms-blog-info .blog-item #social-button #share-facebook, #cms-blog .blog-item #social-button #share-twitter, #cms-blog-info .blog-item #social-button #share-twitter, #cms-blog .blog-item #social-button #share-reddit, #cms-blog-info .blog-item #social-button #share-reddit {
    width: 137px
}

#cms-blog .blog-item #social-button a+a, #cms-blog-info .blog-item #social-button a+a {
    margin-left: 26px
}

#cms-blog .pagination li.active span, #cms-blog-info .pagination li.active span {
    padding: 10px 17px;
    background-color: #f4f5f7
}

#cms-blog .pagination li a, #cms-blog-info .pagination li a {
    padding: 10px 17px
}

#cms-blog #blog-newsletter-bottom, #cms-blog-info #blog-newsletter-bottom {
    margin-bottom: 20px;
    background-color: #242d37;
    border-radius: 3px;
    padding: 30px 20px;
    text-align: center;
    color: #fff
}

#cms-blog #blog-newsletter-bottom h4, #cms-blog-info #blog-newsletter-bottom h4 {
    color: #fff;
    text-transform: uppercase
}

#cms-blog #blog-newsletter-bottom img, #cms-blog-info #blog-newsletter-bottom img {
    max-width: 124px;
    margin: 0 auto
}

#cms-blog #blog-newsletter-bottom.newsletter, #cms-blog-info #blog-newsletter-bottom.newsletter {
    margin: 0 auto
}

#cms-blog #blog-newsletter-bottom.newsletter .input-group, #cms-blog-info #blog-newsletter-bottom.newsletter .input-group {
    display: block
}

#cms-blog #blog-newsletter-bottom.newsletter .form-control, #cms-blog-info #blog-newsletter-bottom.newsletter .form-control {
    height: 42px;
    border: none;
    padding-right: 55px;
    border-radius: 3px;
    display: block;
    float: none
}

#cms-blog #blog-newsletter-bottom.newsletter .input-group-btn, #cms-blog-info #blog-newsletter-bottom.newsletter .input-group-btn {
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 5px;
    padding: 0 5px;
    border-left: 1px solid #e2e4e8;
    display: block;
    width: 49px;
    height: 32px;
    z-index: 99
}

#cms-blog #blog-newsletter-bottom.newsletter .input-group-btn .btn, #cms-blog-info #blog-newsletter-bottom.newsletter .input-group-btn .btn {
    width: 38px;
    height: 32px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    font-size: 24px;
    margin: 0;
    border-radius: 3px
}

#cms-blog #blog-search, #cms-blog-info #blog-search {
    margin-bottom: 40px
}

#cms-blog #blog-search h4, #cms-blog-info #blog-search h4 {
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0 15px;
    padding-bottom: 15px
}

#cms-blog #blog-search #form-search, #cms-blog-info #blog-search #form-search {
    margin-top: 20px
}

#cms-blog #blog-search #form-search .input-group, #cms-blog-info #blog-search #form-search .input-group {
    display: block;
    border: 1px solid #e2e4e8;
    border-radius: 4px
}

#cms-blog #blog-search #form-search .form-control, #cms-blog-info #blog-search #form-search .form-control {
    height: 42px;
    border: none;
    padding-right: 55px;
    border-radius: 3px;
    display: block;
    float: none
}

#cms-blog #blog-search #form-search .input-group-btn, #cms-blog-info #blog-search #form-search .input-group-btn {
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 5px;
    padding: 0 5px;
    border-left: 0 solid #e2e4e8;
    display: block;
    width: 49px;
    height: 32px;
    z-index: 99
}

#cms-blog #blog-search #form-search .input-group-btn .btn, #cms-blog-info #blog-search #form-search .input-group-btn .btn {
    width: 38px;
    height: 32px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    font-size: 16px;
    margin: 0;
    border-radius: 3px;
    border: 0
}

#cms-blog #blog-search #form-search .input-group-btn .btn-default, #cms-blog-info #blog-search #form-search .input-group-btn .btn-default {
    color: #01afe8
}

#cms-blog #blog-newsletter, #cms-blog-info #blog-newsletter {
    margin-bottom: 40px;
    background-color: #242d37;
    border-radius: 3px;
    padding: 30px 20px;
    text-align: center;
    color: #fff
}

#cms-blog #blog-newsletter h4, #cms-blog-info #blog-newsletter h4 {
    color: #fff;
    text-transform: uppercase
}

#cms-blog #blog-newsletter img, #cms-blog-info #blog-newsletter img {
    max-width: 124px;
    margin: 0 auto
}

#cms-blog #blog-newsletter .newsletter, #cms-blog-info #blog-newsletter .newsletter {
    margin-top: 20px
}

#cms-blog #blog-newsletter .newsletter .input-group, #cms-blog-info #blog-newsletter .newsletter .input-group {
    display: block
}

#cms-blog #blog-newsletter .newsletter .form-control, #cms-blog-info #blog-newsletter .newsletter .form-control {
    height: 42px;
    border: none;
    padding-right: 55px;
    border-radius: 3px;
    display: block;
    float: none
}

#cms-blog #blog-newsletter .newsletter .input-group-btn, #cms-blog-info #blog-newsletter .newsletter .input-group-btn {
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 5px;
    padding: 0 5px;
    border-left: 1px solid #e2e4e8;
    display: block;
    width: 49px;
    height: 32px;
    z-index: 99
}

#cms-blog #blog-newsletter .newsletter .input-group-btn .btn, #cms-blog-info #blog-newsletter .newsletter .input-group-btn .btn {
    width: 38px;
    height: 32px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    font-size: 24px;
    margin: 0;
    border-radius: 3px
}

#cms-blog #blog-trending h4, #cms-blog-info #blog-trending h4 {
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0 15px;
    padding-bottom: 15px
}

#cms-blog #blog-trending .list-unstyled>li, #cms-blog-info #blog-trending .list-unstyled>li {
    padding: 10px 0;
    font-size: 15px;
    font-weight: 600
}

#cms-blog #blog-trending .list-unstyled>li+li, #cms-blog-info #blog-trending .list-unstyled>li+li {
    border-top: 1px solid #e9e9e9
}

#cms-blog #blog-trending .list-unstyled>li:first-child, #cms-blog-info #blog-trending .list-unstyled>li:first-child {
    padding-top: 0
}

#cms-blog #blog-trending .list-unstyled>li>a, #cms-blog-info #blog-trending .list-unstyled>li>a {
    color: #000
}

#cms-showcase .container-fluid {
    padding-bottom: 50px;
    margin-bottom: 50px
}

#cms-showcase .container-fluid .page-header {
    height: auto;
    margin: 40px 0;
    border-bottom: 0
}

#cms-showcase .container-fluid .page-header h1 {
    margin-top: 62px;
    margin-bottom: 6px;
    font-size: 40px
}

#cms-showcase .container-fluid .page-header h2 {
    margin: 0;
    font-weight: 300;
    font-size: 24px
}

#cms-showcase .container-fluid #carousel-show-case {
    margin-bottom: 40px
}

@media screen and (max-width:768px) {
    #cms-showcase .container-fluid #carousel-show-case .carousel-indicators {
        bottom: -60px
    }
}

#cms-showcase .container-fluid .showcase-story {
    padding-top: 23px
}

#cms-showcase .container-fluid .showcase-story .showcase-story-casestudy {
    position: relative
}

@media screen and (min-width:768px) {
    #cms-showcase .container-fluid .showcase-story .showcase-story-casestudy {
        height: 430px
    }
}

#cms-showcase .container-fluid .showcase-story .showcase-story-casestudy .showcase-story-about {
    margin-left: 22px
}

#cms-showcase .container-fluid .showcase-story .showcase-story-casestudy .showcase-story-about::before {
    content: ' ';
    background-color: #01afe8;
    position: absolute;
    width: 2px;
    height: 60px;
    margin-left: -22px;
    margin-top: 4px
}

#cms-showcase .container-fluid .showcase-story .showcase-story-casestudy .showcase-story-about h4 {
    font-weight: 300;
    font-style: italic;
    font-size: 22px
}

@media screen and (min-width:768px) {
    #cms-showcase .container-fluid .showcase-story .showcase-story-casestudy .showcase-story-about h4 {
        font-size: 24px;
        line-height: 36px
    }
}

#cms-showcase .container-fluid .showcase-story .showcase-story-casestudy .showcase-story-about .showcase-story-writter {
    margin-top: 36px;
    margin-bottom: 30px
}

#cms-showcase .container-fluid .showcase-story .showcase-story-casestudy .showcase-story-about .showcase-story-writter h5 {
    margin-bottom: 8px
}

#cms-showcase .container-fluid .showcase-story .showcase-story-casestudy .showcase-story-about .showcase-story-writter span {
    font-style: italic
}

@media screen and (max-width:767px) {
    #cms-showcase .container-fluid .showcase-story .showcase-story-casestudy .showcase-story-cover {
        margin-bottom: 20px
    }
}

#cms-showcase .nav-tabs li a {
    color: #000;
    font-size: 18px
}

#cms-showcase .nav+.row {
    margin-top: 50px
}

#cms-showcase .row+.row {
    margin-top: 30px
}

@media screen and (max-width:767px) {
    #cms-showcase .row+.row {
        margin-top: 0
    }
}

@media screen and (max-width:767px) {
    #cms-showcase .row>div {
        margin-top: 20px
    }
}

#cms-showcase .row .showcase-link {
    position: relative;
    height: 200px
}

#cms-showcase .row .showcase-link>div {
    position: absolute;
    display: block;
    z-index: 99;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: rgba(36, 45, 55, .9);
    opacity: 0;
    -webkit-transition: visibility 0s ease-in-out, opacity .15s ease-in;
    -o-transition: visibility 0s ease-in-out, opacity .15s ease-in;
    transition: visibility 0s ease-in-out, opacity .15s ease-in;
    border-radius: 2px
}

#cms-showcase .row .showcase-link>div:hover {
    opacity: 1
}

#cms-showcase .row .showcase-link>div a {
    position: absolute;
    z-index: 999;
    display: block;
    color: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#cms-showcase .row .showcase-link img {
    margin: 0 auto
}

#cms-showcase .row h4 {
    margin-bottom: 8px
}

#cms-showcase .row h6 {
    margin-top: 0
}

#cms-showcase nav .pagination {
    margin-top: 50px
}

#cms-showcase nav .pagination li.active span {
    padding: 10px 17px
}

#cms-showcase nav .pagination li a {
    padding: 10px 17px
}

#cms-demo .page-header {
    background-image: url(../image/banner/demonstration.jpg)
}

#cms-demo .page-header div {
    top: 28%
}

#cms-demo h2 {
    margin-top: 0;
    margin-bottom: 40px;
    text-align: center
}

#cms-demo .border-right {
    border-right: 1px solid #efefef
}

@media screen and (max-width:767px) {
    #cms-demo .border-right {
        border-right: 0 solid #efefef
    }
}

#cms-demo .demonstration-box {
    padding: 30px 20px
}

#cms-demo .demonstration-box .box-overlay {
    position: absolute;
    display: block;
    z-index: 99;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    background-color: rgba(36, 45, 55, .9);
    opacity: 0;
    -webkit-transition: visibility 0s ease-in-out, opacity .15s ease-in;
    -o-transition: visibility 0s ease-in-out, opacity .15s ease-in;
    transition: visibility 0s ease-in-out, opacity .15s ease-in;
    border-radius: 2px
}

#cms-demo .demonstration-box .box-overlay:hover {
    opacity: 1;
    text-decoration: none
}

#cms-demo .demonstration-box .box-overlay span {
    position: absolute;
    z-index: 999;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

#cms-demo .demonstration-box .box-overlay span i {
    text-transform: lowercase
}

#cms-demo .demonstration-box p {
    color: #a8a8ae;
    text-align: center;
    margin-top: 20px;
    letter-spacing: 2px;
    font-style: italic
}

#cms-download>.container, #cms-download-history>.container {
    margin-top: 50px
}

#cms-download #download h1, #cms-download-history #download h1 {
    margin-top: 0
}

#cms-download #download p, #cms-download-history #download p {
    padding-top: 15px;
    padding-bottom: 15px
}

#cms-download #download+.container, #cms-download-history #download+.container {
    border-top: 5px solid #01afe8;
    margin-top: 35px;
    padding-top: 50px
}

#cms-download #banners, #cms-download-history #banners {
    margin-bottom: 50px
}

#cms-download #banners img, #cms-download-history #banners img {
    margin: 0 auto
}

#cms-download #steps h2, #cms-download-history #steps h2 {
    margin-top: 0;
    margin-bottom: 30px
}

#cms-download #steps>ul, #cms-download-history #steps>ul {
    list-style: none;
    margin-left: -40px
}

#cms-download #steps>ul>li, #cms-download-history #steps>ul>li {
    border: 1px solid #ddd;
    background-color: #f4f5f7;
    padding: 30px;
    position: relative
}

@media screen and (max-width:767px) {
    #cms-download #steps>ul>li+li, #cms-download-history #steps>ul>li+li {
        border-top: 0
    }
}

@media screen and (min-width:768px) {
    #cms-download #steps>ul>li, #cms-download-history #steps>ul>li {
        display: inline-block;
        width: 33.3333%;
        margin-right: -4px;
        height: 375px;
        vertical-align: top
    }
}

@media screen and (min-width:1200px) {
    #cms-download #steps>ul>li, #cms-download-history #steps>ul>li {
        height: 330px
    }
}

#cms-download #steps>ul>li h2, #cms-download-history #steps>ul>li h2 {
    color: #01afe8;
    margin-top: 0
}

#cms-download #steps>ul>li h4, #cms-download-history #steps>ul>li h4 {
    font-size: 16px
}

@media screen and (min-width:768px) {
    #cms-download #steps>ul>li .arrow, #cms-download-history #steps>ul>li .arrow {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #f4f5f7;
        border-right: 0
    }
    #cms-download #steps>ul>li .arrow.arrow-color, #cms-download-history #steps>ul>li .arrow.arrow-color {
        position: absolute;
        z-index: 800;
        left: 238px;
        top: 32px
    }
    #cms-download #steps>ul>li .arrow.arrow-border, #cms-download-history #steps>ul>li .arrow.arrow-border {
        border-left-color: #ddd;
        position: absolute;
        z-index: 799;
        left: 239px;
        top: 32px
    }
}

@media screen and (min-width:992px) {
    #cms-download #steps>ul>li .arrow.arrow-color, #cms-download-history #steps>ul>li .arrow.arrow-color {
        left: 230px;
        top: 32px
    }
    #cms-download #steps>ul>li .arrow.arrow-border, #cms-download-history #steps>ul>li .arrow.arrow-border {
        left: 231px;
        top: 32px
    }
}

@media screen and (min-width:1200px) {
    #cms-download #steps>ul>li .arrow.arrow-color, #cms-download-history #steps>ul>li .arrow.arrow-color {
        left: 280px;
        top: 32px
    }
    #cms-download #steps>ul>li .arrow.arrow-border, #cms-download-history #steps>ul>li .arrow.arrow-border {
        left: 281px;
        top: 32px
    }
}

#cms-download #extension h2, #cms-download-history #extension h2, #cms-download #theme h2, #cms-download-history #theme h2 {
    margin-top: 54px;
    margin-bottom: 44px
}

#cms-download .nav-tabs, #cms-download-history .nav-tabs {
    margin-bottom: 30px
}

@media screen and (max-width:991px) {
    #cms-download .well, #cms-download-history .well {
        margin-top: 30px
    }
}

#cms-download .well h3, #cms-download-history .well h3 {
    margin-top: 0
}

#cms-download .well img, #cms-download-history .well img {
    height: 40px
}

#cms-download .well img+p, #cms-download-history .well img+p {
    padding-bottom: 15px
}

#cms-download .well img+p:last-child, #cms-download-history .well img+p:last-child {
    padding-bottom: 0
}

#cms-download .container-fluid, #cms-download-history .container-fluid {
    margin-top: 50px
}

#cms-download .container-fluid .container, #cms-download-history .container-fluid .container {
    padding: 50px 0;
    text-align: center
}

#cms-download .container-fluid .container h2, #cms-download-history .container-fluid .container h2 {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 6px
}

#cms-download .container-fluid .container h3, #cms-download-history .container-fluid .container h3 {
    margin-top: 0;
    margin-bottom: 34px;
    font-size: 28px;
    font-weight: 300;
    color: #333
}

#cms-download .container-fluid .container .btn-lg, #cms-download-history .container-fluid .container .btn-lg {
    padding: 10px 0;
    width: 151px
}

#cms-download+footer, #cms-download-history+footer {
    margin-top: 0
}

#cms-download .thank-you-message, #cms-download-history .thank-you-message {
    border: 1px solid #ddd;
    background-color: #f4f5f7;
    border-radius: 4px
}

#cms-download .thank-you-message hr, #cms-download-history .thank-you-message hr {
    border-top: 1px solid #ddd;
    margin-top: 0;
    margin-bottom: 0
}

#cms-download .thank-you-message>.message, #cms-download-history .thank-you-message>.message {
    padding: 20px;
    background-color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center
}

#cms-download .thank-you-message>.message img, #cms-download-history .thank-you-message>.message img {
    margin-left: auto;
    margin-right: auto
}

#cms-download .thank-you-message>.follow, #cms-download-history .thank-you-message>.follow {
    padding: 20px
}

#cms-information+footer {
    margin-top: 0
}

#cms-information .page-header {
    background-image: url(../image/banner/feature.jpg)
}

#cms-information .page-header div {
    top: 45%
}

#cms-information #information-menu .list-unstyled>li {
    line-height: 35px;
    font-size: 18px
}

#cms-information #information-menu .list-unstyled>li:hover, #cms-information #information-menu .list-unstyled>li:focus, #cms-information #information-menu .list-unstyled>li:active {
    border-left: 2px solid #01afe8
}

#cms-information #information-menu .list-unstyled>li:hover>a, #cms-information #information-menu .list-unstyled>li:focus>a, #cms-information #information-menu .list-unstyled>li:active>a {
    background-color: #f4f5f7;
    padding-left: 18px;
    font-weight: 700
}

#cms-information #information-menu .list-unstyled>li.active {
    border-left: 2px solid #01afe8;
    background-color: #f4f5f7
}

#cms-information #information-menu .list-unstyled>li.active>a {
    padding-left: 18px;
    font-weight: 700
}

#cms-information #information-menu .list-unstyled>li>a {
    padding-left: 20px;
    color: #333;
    display: block
}

#cms-information #information-details .container {
    margin-top: 50px;
    margin-bottom: 50px
}

#cms-information #information-details section+section {
    margin-top: 50px
}

#cms-information #information-details legend {
    color: #000;
    font-size: 30px;
    font-weight: 700
}

#cms-information #information-details h2 {
    margin-top: 0;
    text-align: center
}

#cms-information #information-details h4 {
    color: #0babe3;
    font-weight: 300
}

#cms-information #information-details p {
    color: #4b525d
}

#cms-information #information-details p+h4 {
    margin-top: 30px
}

#cms-information #information-details #reference {
    color: #878787
}

#cms-information #information-details #reference a {
    color: #878787
}

#cms-information #information-details .table th, #cms-information #information-details .table td {
    text-align: center
}

#cms-information #information-details .table th:first-child, #cms-information #information-details .table td:first-child {
    text-align: left
}

#cms-information #information-details .table td:first-child {
    color: #878787
}

#cms-information #information-details .table .opencart-icon-star-light, #cms-information #information-details .table .opencart-icon-star-light-o, #cms-information #information-details .table .fa-check {
    color: #3ac9f0
}

#cms-information #information-details .table .fa-close {
    color: #878787
}

#cms-information #information-details #about #milestone #timeline {
    text-align: center
}

#cms-information #information-details #about #milestone #timeline .label {
    position: relative;
    z-index: 2;
    border-radius: 50px;
    padding: 11.5px 3px
}

#cms-information #information-details #about #milestone #timeline .label.label-check {
    padding: 12.5px 3px
}

#cms-information #information-details #about #milestone #timeline .label.label-bookmark {
    padding: 11.8px 3px
}

#cms-information #information-details #about #milestone #timeline .label i {
    border: 2px solid #f4f5f7;
    border-radius: 50px;
    padding: 9px
}

#cms-information #information-details #about #milestone #timeline .label i.fa-bar-chart {
    padding: 9px 8px
}

#cms-information #information-details #about #milestone #timeline .label i.fa-bookmark {
    padding: 8.5px 10px
}

#cms-information #information-details #about #milestone #timeline+div {
    padding-bottom: 40px
}

#cms-information #information-details #about #milestone #timeline+div::before {
    content: ' ';
    position: absolute;
    height: 100%;
    width: 4px;
    margin-left: -14%;
    background-color: #01afe8;
    z-index: 1
}

@media screen and (min-width:768px) {
    #cms-information #information-details #about #milestone #timeline+div::before {
        margin-left: -80px
    }
}

@media screen and (min-width:992px) {
    #cms-information #information-details #about #milestone #timeline+div::before {
        margin-left: -97px
    }
}

@media screen and (min-width:1200px) {
    #cms-information #information-details #about #milestone #timeline+div::before {
        margin-left: -114px
    }
}

#cms-information #information-details #about #milestone #timeline+div h3 {
    font-size: 20px;
    margin-top: 10px
}

#cms-information #information-details #about #milestone #timeline+div .event {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 300
}

#cms-information #information-details #about #team .img-rounded {
    border-radius: 150px;
    max-width: 200px
}

@media screen and (max-width:767px) {
    #cms-information #information-details #about #team .img-rounded {
        max-width: 120px
    }
}

#cms-information #information-details #about #team p {
    text-align: center;
    font-weight: 700;
    font-size: 18px
}

#cms-information #information-details #media-kit h2 {
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e4e8
}

#cms-information #information-details #media-kit img {
    border: 1px solid #e2e4e8;
    border-radius: 3px;
    margin: 0 auto
}

#cms-information #information-details #media-kit img+p {
    font-size: 25px;
    font-weight: 600;
    text-align: center
}

#cms-information #information-details #media-kit p {
    font-size: 18px
}

#cms-information #information-details #media-kit .background {
    background-color: #11255e;
    border-radius: 4px
}

#cms-information #information-details #media-kit .btn {
    font-size: 18px;
    font-weight: 600
}

#cms-information #information-details #media-kit .guideline {
    font-size: 24px;
    font-weight: 600;
    color: #000
}

#cms-information #information-details #media-kit .guideline+ol {
    margin-left: -23px
}

#cms-information #information-details #media-kit .guideline+ol li {
    font-size: 18px;
    font-weight: 300;
    color: #4b525d
}

#cms-information #information-details #media-kit .color-box {
    height: 150px;
    border: 0 solid #e2e4e8;
    border-radius: 3px
}

#cms-information #information-details #media-kit .color-box+p {
    font-size: 18px;
    font-weight: 300;
    margin-top: 10px;
    text-transform: uppercase
}

#cms-information #information-details #media-kit #spelling h3, #cms-information #information-details #media-kit #spelling .fa {
    margin-top: 20px;
    margin-bottom: 20px
}

#cms-information #information-details #media-kit #spelling .fa-check {
    color: #06b7f0
}

#cms-information #information-details #media-kit #spelling .fa-close {
    color: #4b525d
}

#cms-information #information-details #media-kit #spelling .color-box {
    border: 1px solid #e2e4e8;
    height: inherit;
    margin-bottom: 20px
}

#cms-information #information-details #policy h2 {
    text-align: left
}

#cms-information #information-details #policy hr {
    border-top: 1px solid #ccc
}

#cms-information #information-details #policy ol li {
    color: #4b525d;
    font-size: 15px;
    line-height: 1.8
}

#cms-information #information-details #policy #policy-category .list-unstyled>li {
    line-height: 35px;
    font-size: 18px
}

#cms-information #information-details #policy #policy-category .list-unstyled>li:hover, #cms-information #information-details #policy #policy-category .list-unstyled>li:focus, #cms-information #information-details #policy #policy-category .list-unstyled>li:active {
    border-left: 2px solid #01afe8
}

#cms-information #information-details #policy #policy-category .list-unstyled>li:hover>a, #cms-information #information-details #policy #policy-category .list-unstyled>li:focus>a, #cms-information #information-details #policy #policy-category .list-unstyled>li:active>a {
    background-color: #f4f5f7;
    padding-left: 18px;
    font-weight: 700
}

#cms-information #information-details #policy #policy-category .list-unstyled>li.active {
    border-left: 2px solid #01afe8;
    background-color: #f4f5f7
}

#cms-information #information-details #policy #policy-category .list-unstyled>li.active>a {
    padding-left: 18px;
    font-weight: 700
}

#cms-information #information-details #policy #policy-category .list-unstyled>li>a {
    padding-left: 20px;
    color: #333;
    display: block
}

#cms-cart-2-cart+footer {
    margin-top: 0
}

#cms-cart-2-cart .page-header {
    background-image: url(../image/banner/cart2cart.jpg);
    background-position: 50% 50%;
    height: 650px;
    margin-bottom: 0
}

#cms-cart-2-cart .page-header div>* {
    color: #fff
}

#cms-cart-2-cart .page-header div h1 {
    font-size: 3.875em
}

#cms-cart-2-cart .page-header div h2 {
    font-size: 1.75em;
    font-weight: 300
}

#cms-cart-2-cart h2 {
    font-size: 2.37em
}

#cms-cart-2-cart #features {
    padding: 60px 0
}

#cms-cart-2-cart #features h2 {
    padding-bottom: 60px
}

#cms-cart-2-cart #features .row+.row {
    margin-top: 30px
}

#cms-cart-2-cart #features .feature-item .icon-box {
    border: 2px solid #48b4ee;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 4px;
    float: left;
    text-align: center;
    line-height: 60px
}

#cms-cart-2-cart #features .feature-item .icon-box i {
    color: #48b4ee;
    font-size: 36px;
    line-height: 56px;
    vertical-align: top;
    display: inline-block
}

#cms-cart-2-cart #features .feature-item .text-box {
    margin: 0 0 0 80px
}

#cms-cart-2-cart #features .feature-item .text-box h3 {
    padding: 3px 0 0;
    margin: 0 0 10px
}

#cms-cart-2-cart #features .feature-item .text-box p {
    color: #777b81
}

#cms-cart-2-cart #testimonial {
    padding-top: 60px
}

#cms-cart-2-cart #testimonial h2 {
    padding-bottom: 40px
}

#cms-cart-2-cart #testimonial .quote {
    position: relative;
    margin-bottom: 44px
}

#cms-cart-2-cart #testimonial .quote .quote-icon {
    position: absolute;
    left: 0;
    top: 12px
}

#cms-cart-2-cart #testimonial .quote .quote-icon .fa {
    font-size: 33px;
    background: -webkit-linear-gradient(right bottom, #48b4ee, #206f8c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#cms-cart-2-cart #testimonial .quote .quote-text {
    color: #000;
    font-size: 23px;
    line-height: 1.6;
    font-style: italic;
    font-weight: 300;
    padding-left: 50px
}

#cms-cart-2-cart #entity {
    padding-bottom: 60px
}

#cms-cart-2-cart #entity h2 {
    padding-top: 40px;
    padding-bottom: 30px
}

#cms-cart-2-cart #entity .entity-item .icon-box {
    border: 2px solid #77b249;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    float: left;
    text-align: center;
    line-height: 60px
}

#cms-cart-2-cart #entity .entity-item .icon-box i {
    font-size: 25px;
    line-height: 38px;
    color: #77b249;
    vertical-align: top;
    display: inline-block
}

#cms-cart-2-cart #entity .entity-item .text-box {
    margin: 0 0 0 60px;
    position: relative;
    bottom: -7px
}

#cms-cart-2-cart #pricing {
    padding: 60px 0
}

#cms-cart-2-cart #pricing h2 {
    padding-bottom: 40px
}

#cms-cart-2-cart #pricing .brands-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    list-style-type: none;
    margin-bottom: 30px
}

#cms-cart-2-cart #pricing .brands-list li {
    height: 56px;
    flex-basis: 190px;
    margin: 0 10px
}

#cms-cart-2-cart #pricing .brands-list li a {
    text-decoration: underline;
    color: #2d343e
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan, #cms-cart-2-cart #pricing .premium-plan .pricing-plan, #cms-cart-2-cart #pricing .upgrade-plan .pricing-plan {
    background-color: #fff;
    border: 1px solid #cecfd2;
    border-radius: 4px;
    text-align: center;
    display: inline-block
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .top-line, #cms-cart-2-cart #pricing .premium-plan .pricing-plan .top-line, #cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .top-line {
    height: 5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-info, #cms-cart-2-cart #pricing .premium-plan .pricing-plan .pricing-plan-info, #cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .pricing-plan-info {
    position: relative;
    padding: 20px 20px 0
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-info .pricing-plan-info-text h2, #cms-cart-2-cart #pricing .premium-plan .pricing-plan .pricing-plan-info .pricing-plan-info-text h2, #cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .pricing-plan-info .pricing-plan-info-text h2 {
    margin-top: 0;
    margin-bottom: 5px;
    padding-bottom: 0;
    text-align: left;
    font-size: 30px;
    font-weight: 400
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-description, #cms-cart-2-cart #pricing .premium-plan .pricing-plan .pricing-plan-description, #cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .pricing-plan-description {
    padding: 0 20px;
    text-align: left
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-description span, #cms-cart-2-cart #pricing .premium-plan .pricing-plan .pricing-plan-description span, #cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .pricing-plan-description span {
    font-size: 16px
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .features-box, #cms-cart-2-cart #pricing .premium-plan .pricing-plan .features-box, #cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .features-box {
    padding-top: 10px;
    padding-bottom: 20px
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .features-box .features-list, #cms-cart-2-cart #pricing .premium-plan .pricing-plan .features-box .features-list, #cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .features-box .features-list {
    list-style-type: disc;
    padding-right: 20px;
    margin: 30px 0 40px;
    color: #777b81;
    min-height: 334px
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .features-box .features-list li, #cms-cart-2-cart #pricing .premium-plan .pricing-plan .features-box .features-list li, #cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .features-box .features-list li {
    text-align: left;
    list-style: disc outside none
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .features-box .features-list li+li, #cms-cart-2-cart #pricing .premium-plan .pricing-plan .features-box .features-list li+li, #cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .features-box .features-list li+li {
    margin-top: 10px
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .top-line {
    background-color: #2380ff
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-info-price {
    position: absolute;
    top: 30px;
    right: 30px
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-info-price p {
    display: inline-block;
    font-size: 3.37em;
    line-height: 62%;
    font-weight: 400;
    color: #2d343e;
    margin-bottom: 0
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-info-price span {
    display: block;
    font-size: 14px;
    margin-top: 3px
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-info-price .currency {
    display: inline-block;
    vertical-align: top;
    font-size: 1.5em;
    line-height: 100%;
    font-weight: 600;
    color: #2d343e;
    margin: 0
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-info-text h2 {
    color: #2380ff
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-description span {
    color: #2380ff
}

#cms-cart-2-cart #pricing .premium-plan .pricing-plan .top-line {
    background-color: #7ec349
}

#cms-cart-2-cart #pricing .premium-plan .pricing-plan .pricing-plan-info-text h2 {
    color: #7ec349
}

#cms-cart-2-cart #pricing .premium-plan .pricing-plan .pricing-plan-description span {
    color: #7ec349
}

#cms-cart-2-cart #pricing .premium-plan .pricing-plan .btn-primary {
    background-color: #7ec349;
    border-color: #7ec349
}

#cms-cart-2-cart #pricing .upgrade-plan {
    margin-top: 30px
}

#cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .top-line {
    background-color: #f58d37
}

#cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .pricing-plan-info {
    position: relative;
    padding: 20px 20px 0
}

#cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .pricing-plan-info .pricing-plan-info-text h2 {
    color: #f58d37;
    text-align: center;
    text-align: -webkit-center
}

#cms-cart-2-cart #pricing .upgrade-plan .btn-upgrade, #cms-cart-2-cart #pricing .upgrade-plan .btn-upgrade:hover, #cms-cart-2-cart #pricing .upgrade-plan .btn-upgrade:active, #cms-cart-2-cart #pricing .upgrade-plan .btn-upgrade:focus {
    background: #f58d37;
    color: #fff
}

#cms-cart-2-cart #faq {
    padding: 60px 0
}

#cms-cart-2-cart #faq h2 {
    padding-bottom: 40px
}

#cms-cart-2-cart #faq h3 {
    font-weight: 400;
    line-height: 1.285714;
    color: #2d343e
}

#cms-cart-2-cart #faq p, #cms-cart-2-cart #faq li {
    color: #777b81
}

#marketplace-extension .page-header {
    background-image: url(../image/banner/extensions.jpg)
}

#marketplace-extension section+section {
    margin-top: 30px
}

#marketplace-extension hr {
    margin-top: 40px;
    margin-bottom: 0;
    border-bottom: 1px solid #efefef
}

#marketplace-extension #extension-search .input-group {
    margin-top: 20px;
    display: block;
    border: 1px solid #e2e4e8;
    border-radius: 4px
}

#marketplace-extension #extension-search .form-control {
    height: 42px;
    border: none;
    padding-right: 55px;
    border-radius: 3px;
    display: block;
    float: none
}

#marketplace-extension #extension-search .input-group-btn {
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 5px;
    padding: 0 5px;
    border-left: 0 solid #e2e4e8;
    display: block;
    width: 49px;
    height: 32px;
    z-index: 99
}

#marketplace-extension #extension-search .input-group-btn .btn {
    width: 38px;
    height: 32px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    font-size: 16px;
    margin: 0;
    border-radius: 3px;
    border: 0
}

#marketplace-extension #extension-search .input-group-btn .btn-default {
    color: #01afe8
}

#marketplace-extension #extension-category .list-unstyled>li {
    line-height: 35px;
    font-size: 18px
}

#marketplace-extension #extension-category .list-unstyled>li:hover, #marketplace-extension #extension-category .list-unstyled>li:focus, #marketplace-extension #extension-category .list-unstyled>li:active {
    border-left: 2px solid #01afe8
}

#marketplace-extension #extension-category .list-unstyled>li:hover>a, #marketplace-extension #extension-category .list-unstyled>li:focus>a, #marketplace-extension #extension-category .list-unstyled>li:active>a {
    background-color: #f4f5f7;
    padding-left: 18px;
    font-weight: 700
}

#marketplace-extension #extension-category .list-unstyled>li.active {
    border-left: 2px solid #01afe8;
    background-color: #f4f5f7
}

#marketplace-extension #extension-category .list-unstyled>li.active>a {
    padding-left: 18px;
    font-weight: 700
}

#marketplace-extension #extension-category .list-unstyled>li>a {
    padding-left: 20px;
    color: #333;
    display: block
}

#marketplace-extension #extension-opencart-version .input-group {
    width: 100%
}

#marketplace-extension #extension-rating .list-unstyled>li {
    line-height: 35px
}

#marketplace-extension #extension-rating .list-unstyled>li>a {
    color: #333
}

#marketplace-extension #extension-rating .list-unstyled>li>a i {
    color: #4b525d;
    padding-left: 3px
}

#marketplace-extension #extension-search, #marketplace-extension #extension-category, #marketplace-extension #extension-opencart-version, #marketplace-extension #extension-developed, #marketplace-extension #extension-rating {
    margin-bottom: 20px
}

#marketplace-extension #extension-search h4, #marketplace-extension #extension-category h4, #marketplace-extension #extension-opencart-version h4, #marketplace-extension #extension-developed h4, #marketplace-extension #extension-rating h4 {
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0 15px;
    padding-bottom: 15px
}

@media screen and (min-width:992px) {
    #marketplace-extension #extension-sorting {
        text-align: right
    }
}

@media screen and (max-width:991px) {
    #marketplace-extension #extension-sorting form {
        padding-top: 15px
    }
}

#marketplace-extension #extension-sorting form label {
    line-height: 2.5
}

#marketplace-extension nav .pagination {
    margin-top: 40px
}

#marketplace-extension nav .pagination li.active span {
    padding: 10px 17px
}

#marketplace-extension nav .pagination li a {
    padding: 10px 17px
}

#marketplace-extension #mobile-switch {
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    #marketplace-extension #collapse-filter {
        display: block
    }
} 

#marketplace-extension-info .container-fluid {
    padding-top: 20px
}

#marketplace-extension-info .container-fluid .breadcrumb>li+li::before {
    content: "/";
    padding: 0 5px;
    color: #4b525d
}

#marketplace-extension-info .container-fluid input {
    border-right: 0
}

#marketplace-extension-info .container-fluid .input-group-btn {
    background-color: #fff;
    border: 1px solid #d7d8da;
    border-left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

@media screen and (max-width:991px) {
    #marketplace-extension-info .container-fluid #extension-search {
        margin-bottom: 30px
    }
}

#marketplace-extension-info .extension-review {
    border-top: 5px solid #01afe8;
    padding-top: 50px;
    margin-top: 50px;
    margin-bottom: 50px
}

#marketplace-extension-info .nav-tabs {
    font-size: 18px
}

#marketplace-extension-info .nav-tabs+.tab-content {
    margin-top: 30px;
    margin-bottom: 30px
}

#marketplace-extension-info iframe {
    width: 100%;
    height: 450px
}

@media screen and (max-width:767px) {
    #marketplace-extension-info iframe {
        height: 350px
    }
}

#marketplace-extension-info #buy {
    color: #4b525d
}

#marketplace-extension-info #buy #price {
    color: #000;
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 5px
}

#marketplace-extension-info #buy i {
    color: #10b4e9
}

#marketplace-extension-info #buy hr {
    border-color: #ddd;
    margin: 10px 0
}

#marketplace-extension-info #sales {
    color: #4b525d
}

#marketplace-extension-info #sales i {
    color: #7ec239;
    margin-right: 10px;
    font-size: 24px
}

#marketplace-extension-info #sales strong {
    font-size: 24px
}

#marketplace-extension-info #comment {
    color: #4b525d
}

#marketplace-extension-info #comment i {
    color: #02afe9;
    margin-right: 10px;
    font-size: 22px
}

#marketplace-extension-info #comment strong {
    font-size: 22px
}

#marketplace-extension-info .well .media {
    line-height: 1.2
}

#marketplace-extension-info .well .media .media-body {
    padding-top: 6px
}

#marketplace-extension-info .well .media .media-body span {
    font-size: 24px;
    font-weight: 600
}

#marketplace-extension-info .well .media .media-body small {
    color: #878f9a
}

@media screen and (max-width:992px) {
    #marketplace-extension-info .container-fluid {
        padding-bottom: 30px
    }
}

#marketplace-extension-disable .page-header, #marketplace-extension-failure .page-header {
    background-image: url(../image/banner/extensions.jpg)
}

#marketplace-extension-disable>.container, #marketplace-extension-failure>.container {
    margin-top: 30px;
    padding: 30px
}

#marketplace-extension-disable>.container .icon, #marketplace-extension-failure>.container .icon {
    padding-top: 30px;
    padding-bottom: 30px
}

#marketplace-extension-disable>.container .icon img, #marketplace-extension-failure>.container .icon img {
    margin: 0 auto;
    max-width: 200px
}

#marketplace-extension-disable>.container .message, #marketplace-extension-failure>.container .message {
    border: 1px solid #dedede;
    border-radius: 3px;
    padding: 20px 30px
}

#marketplace-extension-disable>.container .message h1, #marketplace-extension-failure>.container .message h1 {
    font-size: 100px;
    color: #0a80df;
    margin-top: 0;
    margin-bottom: 12px;
    line-height: 1;
    text-align: center
}

#marketplace-extension-disable>.container .message h2, #marketplace-extension-failure>.container .message h2 {
    text-align: center;
    margin-top: 0
}

#marketplace-extension-disable>.container .message p, #marketplace-extension-failure>.container .message p {
    font-size: 24px;
    font-weight: 300
}

#marketplace-extension-disable>.container .message p a, #marketplace-extension-failure>.container .message p a {
    font-weight: 600
}

@media screen and (min-width:768px) {
    #marketplace-extension-disable>.container, #marketplace-extension-failure>.container {
        margin-top: 50px;
        padding: 50px 30px;
        border: 1px solid #dedede;
        border-radius: 3px
    }
    #marketplace-extension-disable>.container .icon, #marketplace-extension-failure>.container .icon {
        padding-top: 30px;
        padding-bottom: 0
    }
    #marketplace-extension-disable>.container .icon img, #marketplace-extension-failure>.container .icon img {
        margin: 0 auto;
        max-width: 100%
    }
    #marketplace-extension-disable>.container .message, #marketplace-extension-failure>.container .message {
        border: 0
    }
    #marketplace-extension-disable>.container .message h1, #marketplace-extension-failure>.container .message h1 {
        font-size: 180px;
        text-align: left;
        margin-bottom: 30px
    }
    #marketplace-extension-disable>.container .message h2, #marketplace-extension-failure>.container .message h2 {
        text-align: left
    }
}

#marketplace-contact .page-header {
    background-image: url(../image/banner/extensions.jpg)
}

#marketplace-purchase .page-header, #marketplace-purchase-success .page-header {
    background-image: url(../image/banner/extensions.jpg)
}

#marketplace-purchase fieldset+fieldset, #marketplace-purchase-success fieldset+fieldset {
    margin-top: 50px
}

#marketplace-purchase fieldset #purchase input[name=quantity], #marketplace-purchase-success fieldset #purchase input[name=quantity] {
    line-height: 46px
}

#marketplace-purchase fieldset #purchase .btn, #marketplace-purchase-success fieldset #purchase .btn {
    padding: 11px 16px
}

#marketplace-purchase fieldset #purchase .btn-default, #marketplace-purchase-success fieldset #purchase .btn-default {
    color: #01afe8
}

#support-partner .page-header, #support-partner-success .page-header {
    background-image: url(../image/banner/partner.jpg)
}

#support-partner section+section, #support-partner-success section+section {
    margin-top: 50px
}

#support-partner #partner-country h4, #support-partner-success #partner-country h4 {
    color: #000;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d7d8da
}

#support-partner #partner-type h4, #support-partner-success #partner-type h4 {
    color: #000;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d7d8da
}

#support-partner #partner-status h4, #support-partner-success #partner-status h4 {
    color: #000;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d7d8da
}

#support-partner #partner-list, #support-partner-success #partner-list {
    padding: 45px 0;
    border-bottom: 1px solid #d7d8da
}

#support-partner #partner-list .media-body, #support-partner-success #partner-list .media-body {
    padding-left: 10px
}

#support-partner #partner-list .media-body h4, #support-partner-success #partner-list .media-body h4 {
    margin-top: 3px
}

#support-partner #partner-list .media-body h6, #support-partner-success #partner-list .media-body h6 {
    color: #9ca0a6;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0
}

#support-partner #partner-list p, #support-partner-success #partner-list p {
    margin-top: 40px;
    color: #4b525d
}

#support-partner #partner-list .btn-sm, #support-partner-success #partner-list .btn-sm {
    padding: 5px 12px
}

#support-partner hr+#partner-list, #support-partner-success hr+#partner-list {
    padding-top: 0
}

#support-partner .pagination li.active span, #support-partner-success .pagination li.active span {
    padding: 10px 17px
}

#support-partner .pagination li a, #support-partner-success .pagination li a {
    padding: 10px 17px
}

#support-partner .container-fluid, #support-partner-success .container-fluid {
    margin-top: 50px;
    padding: 50px 0
}

#support-partner .container-fluid .btn-sm, #support-partner-success .container-fluid .btn-sm {
    width: 220px;
    padding: 11px 0
}

#support-partner+footer, #support-partner-success+footer {
    margin-top: 0
}

#support-partner-info>.container {
    padding-top: 50px;
    padding-bottom: 50px
}

#support-partner-info>.container #partner-details .media .media-body {
    padding-left: 10px
}

#support-partner-info>.container #partner-details .media .media-body h4 {
    margin-top: 3px
}

#support-partner-info>.container #partner-details .media .media-body h6 {
    color: #9ca0a6;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0
}

#support-partner-info>.container #partner-details .media .media-body h6 a {
    color: #35c4ec
}

#support-partner-info>.container #partner-details .media+div {
    margin-top: 40px;
    color: #4b525d
}

#support-partner-info>.container #partner-details .well h4 {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 6px;
    margin-top: 30px
}

#support-partner-info>.container #partner-details .well p {
    margin-top: 0;
    font-size: 16px;
    padding-bottom: 0;
    color: #49515c
}

#support-partner-info>.container #partner-details .well p a {
    color: #49515c
}

#support-partner-info>.container #projects h2 {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px
}

#support-partner-info>.container #projects .row+.row {
    margin-top: 30px
}

@media screen and (max-width:767px) {
    #support-partner-info>.container #projects .row+.row {
        margin-top: 0
    }
}

@media screen and (max-width:767px) {
    #support-partner-info>.container #projects .row>div {
        margin-top: 20px
    }
}

#support-partner-info>.container #projects .row .showcase-link {
    position: relative;
    height: 200px
}

#support-partner-info>.container #projects .row .showcase-link>div {
    position: absolute;
    display: block;
    z-index: 99;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: rgba(36, 45, 55, .9);
    opacity: 0;
    -webkit-transition: visibility 0s ease-in-out, opacity .15s ease-in;
    -o-transition: visibility 0s ease-in-out, opacity .15s ease-in;
    transition: visibility 0s ease-in-out, opacity .15s ease-in;
    border-radius: 2px
}

#support-partner-info>.container #projects .row .showcase-link>div:hover {
    opacity: 1
}

#support-partner-info>.container #projects .row .showcase-link>div a {
    position: absolute;
    z-index: 999;
    display: block;
    color: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#support-partner-info>.container #projects .row .showcase-link img {
    margin: 0 auto
}

#support-partner-info>.container #projects .row h4 {
    margin-bottom: 8px
}

#support-partner-info>.container #projects .row h6 {
    margin-top: 0
}

#support-partner-contact .page-header {
    background-image: url(../image/banner/partner.jpg)
}

#support-partner-contact button[type=submit] {
    margin-top: 20px
}

#support-partner-contact .well .media {
    line-height: 1.2
}

#support-partner-contact .well .media .media-body {
    padding-top: 6px
}

#support-partner-contact .well .media .media-body span {
    font-size: 24px;
    font-weight: 600
}

#support-partner-contact .well .media .media-body small {
    color: #878f9a
}

@media screen and (max-width:991px) {
    #support-partner-contact .well {
        margin-top: 30px
    }
}

#support-seller .page-header, #support-seller-success .page-header {
    background-image: url(../image/banner/extensions.jpg)
}

#support-seller .page-header h1, #support-seller-success .page-header h1 {
    margin-top: 10px
}

#support-seller button[type=submit], #support-seller-success button[type=submit] {
    margin-top: 20px
}

#support-seller .well .media, #support-seller-success .well .media {
    line-height: 1.2
}

#support-seller .well .media .media-body, #support-seller-success .well .media .media-body {
    padding-top: 6px
}

#support-seller .well .media .media-body span, #support-seller-success .well .media .media-body span {
    font-size: 24px;
    font-weight: 600
}

#support-seller .well .media .media-body small, #support-seller-success .well .media .media-body small {
    color: #878f9a
}

@media screen and (max-width:991px) {
    #support-seller .well, #support-seller-success .well {
        margin-top: 30px
    }
}

#support-contact .page-header, #support-contact-success .page-header {
    background-image: url(../image/banner/contact.jpg)
}

#support-contact #address, #support-contact-success #address {
    margin-bottom: 50px
}

#support-contact #address h2, #support-contact-success #address h2 {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 44px
}

#support-contact #address .office, #support-contact-success #address .office {
    padding: 0 15px;
    border: 1px solid #ddd;
    background-color: #f4f5f7;
    margin-bottom: 30px
}

#support-contact #address .map, #support-contact-success #address .map {
    border: 1px solid #ddd;
    width: 100%;
    height: 300px
}

#support-contact #address .map+.office, #support-contact-success #address .map+.office {
    border-top: 0
}

#support-contact .container-fluid, #support-contact-success .container-fluid {
    background-image: url(../image/support/bg-support-ds.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 291px
}

#support-contact .container-fluid .container, #support-contact-success .container-fluid .container {
    text-align: center
}

#support-contact .container-fluid .container p, #support-contact-success .container-fluid .container p {
    font-size: 20px;
    font-weight: 700;
    color: #333
}

#support-contact .container-fluid .container p:first-child, #support-contact-success .container-fluid .container p:first-child {
    margin-top: 80px;
    margin-bottom: 36px
}

#support-contact .container-fluid .container .btn, #support-contact-success .container-fluid .container .btn {
    width: 220px
}

#support-contact .container-fluid .container .btn-lg, #support-contact-success .container-fluid .container .btn-lg {
    padding: 10px 0
}

#support-contact+footer, #support-contact-success+footer {
    margin-top: 0
}

@media screen and (max-width:992px) {
    #support-contact form button, #support-contact-success form button {
        margin-top: 15px
    }
    #support-contact .well, #support-contact-success .well {
        margin-top: 40px
    }
}

#support-support .page-header {
    background-image: url(../image/banner/support.jpg)
}

#support-support .page-header div {
    top: 45%
}

#support-support #support-ticket {
    background-image: url(../image/support/bg-big-support.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    border: 1px solid #ddd;
    padding: 20px 15px
}

@media screen and (max-width:992px) {
    #support-support .methods #documentation {
        padding-top: 30px
    }
}

#support-support .methods #cs {
    padding-top: 30px;
    border-top: 1px solid #ddd
}

#support-support .methods #ds {
    padding-top: 30px;
    border-top: 1px solid #ddd
}

#support-support .methods a {
    color: inherit
}

#support-support #resources h2 {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 40px
}

#support-support #resources .box {
    background-color: #f4f5f7;
    text-align: center;
    padding: 20px 15px;
    position: relative
}

@media screen and (min-width:768px) and (max-width:991px) {
    #support-support #resources .box {
        min-height: 250px
    }
}

@media screen and (min-width:992px) {
    #support-support #resources .box {
        min-height: 200px
    }
}

#support-support #resources .box .box-overlay {
    position: absolute;
    display: block;
    z-index: 99;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    background-color: rgba(36, 45, 55, .9);
    opacity: 0;
    -webkit-transition: visibility 0s ease-in-out, opacity .15s ease-in;
    -o-transition: visibility 0s ease-in-out, opacity .15s ease-in;
    transition: visibility 0s ease-in-out, opacity .15s ease-in;
    border-radius: 2px
}

#support-support #resources .box .box-overlay:hover {
    opacity: 1;
    text-decoration: none
}

#support-support #resources .box .box-overlay span {
    position: absolute;
    z-index: 999;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#support-support #resources .box .box-overlay a {
    color: #fff
}

#support-support #resources .box .box-overlay+div {
    margin-top: 20px
}

@media screen and (max-width:767px) {
    #support-support #resources .row>div+div {
        margin-top: 30px
    }
}

#support-contact-success+footer, #support-partner-success+footer, #support-seller-success+footer {
    margin-top: 60px
}

#documentation>.container {
    margin-top: 50px
}

#documentation>.container h1 {
    margin-top: 0
}

@media screen and (max-width:991px) {
    #documentation>.container {
        margin-top: 25px
    }
}

#documentation #catrgories-top-menu .btn {
    font-size: 16px;
    font-weight: 600
}

#documentation #menu h4 {
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0 15px;
    padding-bottom: 15px
}

#documentation #menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: max-height .5s ease-in-out
}

#documentation #menu ul li {
    font-size: 16px
}

#documentation #menu ul li>a {
    line-height: 35px;
    display: block;
    padding-left: 20px;
    color: #000
}

#documentation #menu ul li>a.parent::after {
    font-family: FontAwesome;
    content: '\f0d7';
    position: absolute;
    right: 20px;
    color: #4b525d;
    width: 15px
}

#documentation #menu ul li:hover>a, #documentation #menu ul li:focus>a, #documentation #menu ul li:active>a {
    border-left: 2px solid #01afe8;
    background-color: #f4f5f7;
    padding-left: 18px;
    font-weight: 600
}

#documentation #menu ul li.open>a {
    border-left: 2px solid #01afe8;
    background-color: #f4f5f7;
    padding-left: 18px;
    font-weight: 600
}

#documentation #menu ul li.open>a.parent::after {
    content: '\f0de'
}

#documentation #menu ul li.open>ul {
    max-height: 9999px;
    opacity: 1;
    margin-top: 5px;
    margin-bottom: 5px
}

#documentation #menu ul li>ul {
    max-height: 0;
    opacity: 0;
    border-left: 1px solid #ededed;
    transition: all .5s
}

#documentation #menu ul li>ul li {
    font-size: 14px
}

#documentation #menu ul li>ul li>ul {
    border-left: 0;
    margin-left: 10px
}

#documentation #menu ul li>ul li>ul li a {
    color: #4b525d
}

#documentation #menu ul li>ul li>ul li:hover a, #documentation #menu ul li>ul li>ul li:focus a, #documentation #menu ul li>ul li>ul li:active a {
    border-left: 0;
    background-color: transparent;
    padding-left: 20px
}

#documentation #menu ul li>ul li>ul li.open>a {
    border-left: 0;
    background-color: transparent;
    padding-left: 20px
}

#cloud-landing .page-header {
    background-image: url(../image/banner/feature.jpg);
    margin: 0
}

#cloud-landing .page-header .container {
    padding: 0
}

#cloud-landing #category.container {
    padding-bottom: 0
}

#cloud-landing #category .nav-tabs li a {
    color: #000;
    font-size: 18px
}

#cloud-landing #start-button.container {
    padding-top: 0;
    padding-bottom: 60px
}

#cloud-landing #start-button .btn {
    font-size: 21px
}

#cloud-landing .container {
    padding-top: 60px;
    padding-bottom: 60px
}

#cloud-landing .start-button .btn {
    font-size: 21px
}

#cloud-landing #banner-section img {
    margin-left: auto;
    margin-right: auto
}

#cloud-landing #tab-cloud .container h3 {
    margin-top: 0
}

#cloud-landing #cloud-store {
    background-image: url(../image/cloud/cloud-bg.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff
}

#cloud-landing #cloud-store h1, #cloud-landing #cloud-store h2, #cloud-landing #cloud-store h3, #cloud-landing #cloud-store h4, #cloud-landing #cloud-store h5, #cloud-landing #cloud-store h6 {
    color: #fff
}

#cloud-landing #cloud-store h1 {
    margin-bottom: 40px
}

#cloud-landing #cloud-store hr {
    margin-top: 30px;
    border-top: 1px solid #666
}

#cloud-landing #cloud-store figure>img {
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:767px) {
    #cloud-landing #cloud-store {
        background-position: 15% 50%
    }
    #cloud-landing #cloud-store h1 {
        font-size: 24px
    }
}

#cloud-landing #features h1 {
    text-align: center;
    margin-bottom: 20px
}

#cloud-landing #features img {
    margin-left: auto;
    margin-right: auto
}

#cloud-landing #plans.container {
    padding-top: 50px
}

#cloud-landing #plans h1, #cloud-landing #plans h2, #cloud-landing #plans h5, #cloud-landing #plans h6 {
    text-align: center
}

#cloud-landing #plans h2 {
    margin-top: 15px;
    margin-bottom: 15px
}

#cloud-landing #plans hr {
    border-top: 1px solid #eee
}

#cloud-landing #plans .list-inline li {
    width: 32.3333%;
    border: 1px solid #ddd;
    padding: 0;
    position: relative;
    vertical-align: middle;
    border-radius: 4px
}

#cloud-landing #plans .list-inline li:nth-child(2) {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

#cloud-landing #plans .list-inline li.active {
    border-color: #01aee8;
    border-width: 3px
}

#cloud-landing #plans .list-inline li .plan {
    padding: 10px
}

#cloud-landing #plans .list-inline li .action-button {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .5s;
    background-color: rgba(1, 175, 232, .5)
}

#cloud-landing #plans .list-inline li .action-button:hover {
    opacity: 1
}

#cloud-landing #plans .list-inline li .action-button>div {
    position: absolute;
    top: 50%;
    margin-top: -19px;
    width: 100%
}

@media screen and (max-width:767px) {
    #cloud-landing #plans .list-inline li {
        width: 100%
    }
    #cloud-landing #plans .list-inline li+li {
        margin-top: 30px
    }
    #cloud-landing #plans .list-inline li .action-button:hover {
        opacity: 0
    }
}

#cloud-landing #plans .list-inline hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #eee
}

#cloud-landing #plans .list-inline .special-offer {
    padding: 5px 10px;
    font-weight: 700;
    font-size: 14px
}

#cloud-landing #plans .list-inline .special-offer.special-danger {
    background-color: #ffe7e7;
    color: #ff5b5b
}

#cloud-landing #plans .list-inline .special-offer.special-success {
    background-color: #d3face;
    color: #4b8643
}

#cloud-landing #paypal-section figure {
    margin-bottom: 30px
}

#cloud-landing #paypal-section figure img {
    margin-left: auto;
    margin-right: auto
}

#cloud-landing #paypal-section article {
    font-size: 21px;
    margin-bottom: 40px
}

#cloud-landing #paypal-section article p+p {
    margin-top: 10px
}

#cloud-landing #paypal-section .market {
    padding-top: 40px;
    padding-bottom: 40px;
    background-image: url(../image/cloud/market-bg.jpg);
    background-position: 50% 50%;
    color: #fff;
    font-size: 24px;
    line-height: 1.8
}

#cloud-landing #paypal-section .market article {
    font-size: 26px;
    font-weight: 600
}

@media screen and (max-width:767px) {
    #cloud-landing #features h2, #cloud-landing #features p {
        text-align: center
    }
    #cloud-landing #features .row>div {
        margin-bottom: 20px
    }
}

@media screen and (min-width:992px) {
    #cloud-landing #features .row+.row {
        margin-top: 60px
    }
}

#cloud-landing+footer {
    margin-top: 0
}

#cloud-subscription .page-header {
    background-image: url(../image/banner/feature.jpg)
}

#cloud-subscription .plan-length {
    width: 100%;
    text-align: center
}

#account-login .page-header, #account-forgotten .page-header, #account-reset .page-header, #account-pin .page-header, #account-security .page-header {
    background-image: url(../image/banner/login.jpg)
}

#account-login .page-header div, #account-forgotten .page-header div, #account-reset .page-header div, #account-pin .page-header div, #account-security .page-header div {
    top: 45%
}

#account-login form .btn-link, #account-forgotten form .btn-link, #account-reset form .btn-link, #account-pin form .btn-link, #account-security form .btn-link {
    line-height: 46px
}

#account-login #need-help, #account-forgotten #need-help, #account-reset #need-help, #account-pin #need-help, #account-security #need-help {
    background-image: url(../image/account/bg_ds.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 50px;
    padding: 30px 20px;
    color: #fff;
    border-radius: 3px
}

#account-login #need-help a, #account-forgotten #need-help a, #account-reset #need-help a, #account-pin #need-help a, #account-security #need-help a {
    color: #ffb3be;
    text-decoration: underline
}

#account-register #register, #account-register-success #register {
    margin-top: 50px
}

#account-register #register .well h3, #account-register-success #register .well h3 {
    padding-left: 10px
}

#account-register #register #register-newsletter, #account-register-success #register #register-newsletter {
    margin-bottom: 40px;
    background-color: #242d37;
    border-radius: 3px;
    padding: 30px 20px;
    text-align: center;
    color: #fff
}

#account-register #register #register-newsletter h4, #account-register-success #register #register-newsletter h4 {
    color: #fff;
    text-transform: uppercase
}

#account-register #register #register-newsletter img, #account-register-success #register #register-newsletter img {
    max-width: 124px;
    margin: 0 auto
}

#account-register #register #register-newsletter .newsletter, #account-register-success #register #register-newsletter .newsletter {
    margin-top: 20px
}

#account-register #register #register-newsletter .newsletter .input-group, #account-register-success #register #register-newsletter .newsletter .input-group {
    display: block
}

#account-register #register #register-newsletter .newsletter .form-control, #account-register-success #register #register-newsletter .newsletter .form-control {
    height: 42px;
    border: none;
    padding-right: 55px;
    border-radius: 3px;
    display: block;
    float: none
}

#account-register #register #register-newsletter .newsletter .input-group-btn, #account-register-success #register #register-newsletter .newsletter .input-group-btn {
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 5px;
    padding: 0 5px;
    border-left: 1px solid #e2e4e8;
    display: block;
    width: 49px;
    height: 32px;
    z-index: 99
}

#account-register #register #register-newsletter .newsletter .input-group-btn .btn, #account-register-success #register #register-newsletter .newsletter .input-group-btn .btn {
    width: 38px;
    height: 32px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    font-size: 24px;
    margin: 0;
    border-radius: 3px
}

#account-account .page-header {
    background-image: url(../image/banner/login.jpg)
}

#account-account>.container h1 {
    margin-top: 0
}

#account-account>.container #short-cut h2 {
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 24px
}

#account-account>.container #short-cut .row>div {
    padding: 20px 10px;
    background-color: #fff;
    vertical-align: top
}

#account-account>.container #short-cut .row>div:hover, #account-account>.container #short-cut .row>divfocus {
    background-color: #f4f5f7
}

@media screen and (min-width:768px) {
    #account-account>.container #short-cut .row>div {
        display: inline-block;
        width: 49.9999%;
        margin-right: -4px
    }
    #account-account>.container #short-cut .row>div:nth-child(even) {
        border-left: 1px solid #dcdcdc;
        padding-left: 30px
    }
}

#account-account>.container #short-cut .row+h2 {
    margin-top: 20px
}

#account-account>.container #short-cut .row .media .media-object {
    width: 60px
}

#account-account>.container #short-cut .row .media .media-body {
    padding-left: 10px
}

#account-account>.container #short-cut .row .media .media-body h4 {
    font-size: 20px
}

#account-account>.container #short-cut .row .media .media-body h4 a {
    font-weight: 600;
    color: #000
}

#account-account>.container #short-cut .row .media .media-body p {
    font-size: 14px
}

#account-account>.container #short-cut .row .media .media-body p a {
    color: #7a8494
}

#account-edit .page-header {
    background-image: url(../image/banner/login.jpg)
}

#account-edit>.container legend {
    color: #000
}

#account-edit>.container fieldset {
    margin-bottom: 40px
}

#account-password .page-header, #account-showcase .page-header, #account-transaction .page-header {
    background-image: url(../image/banner/login.jpg)
}

#account-password>.container, #account-showcase>.container, #account-transaction>.container {
    margin-top: 50px
}

#account-password>.container legend, #account-showcase>.container legend, #account-transaction>.container legend {
    color: #000
}

#account-password>.container fieldset, #account-showcase>.container fieldset, #account-transaction>.container fieldset {
    margin-bottom: 40px
}

#account-password>.container fieldset .input-group-btn .btn, #account-showcase>.container fieldset .input-group-btn .btn, #account-transaction>.container fieldset .input-group-btn .btn {
    height: 46px
}

#account-password>.container fieldset .input-group-btn .btn-default, #account-showcase>.container fieldset .input-group-btn .btn-default, #account-transaction>.container fieldset .input-group-btn .btn-default {
    color: #01afe8
}

#account-order .page-header {
    background-image: url(../image/banner/login.jpg)
}

#account-order>.container legend {
    color: #000
}

#account-order>.container .label {
    line-height: 2
}

#account-order-info>.container {
    margin-top: 50px
}

#account-order-info>.container h1 {
    margin-top: 0
}

#account-order-info>.container h2 {
    margin-top: 0
}

#account-order-info>.container img {
    height: 40px;
    margin-bottom: 20px
}

#account-download .page-header, #account-download-info .page-header {
    background-image: url(../image/banner/login.jpg)
}

#account-download>.container h1, #account-download-info>.container h1 {
    margin-top: 0
}

#account-download>.container #download-order, #account-download-info>.container #download-order {
    border-bottom: 1px solid #edebed;
    padding-bottom: 20px
}

#account-download>.container #download-order h1, #account-download-info>.container #download-order h1 {
    font-size: 24px
}

#account-download>.container #download-order a, #account-download-info>.container #download-order a {
    color: #5d5b5d
}

#account-download>.container #download-order a i, #account-download-info>.container #download-order a i {
    padding-right: 5px
}

#account-download>.container #downloads-list, #account-download-info>.container #downloads-list {
    padding-top: 50px;
    padding-bottom: 50px
}

#account-download>.container #downloads-list+#downloads-list, #account-download-info>.container #downloads-list+#downloads-list {
    border-top: 1px solid #e0e0e0
}

#account-download>.container #downloads-list img, #account-download-info>.container #downloads-list img {
    margin: 0 auto
}

#account-download>.container #downloads-list h3, #account-download-info>.container #downloads-list h3 {
    margin-top: 0;
    margin-bottom: 3px
}

@media screen and (min-width:768px) {
    #account-download>.container #downloads-list h3, #account-download-info>.container #downloads-list h3 {
        margin-right: 120px
    }
}

@media screen and (max-width:767px) {
    #account-download>.container #downloads-list #download-buttons, #account-download-info>.container #downloads-list #download-buttons {
        text-align: center
    }
}

#account-download>.container #downloads-list .support-valid-date, #account-download-info>.container #downloads-list .support-valid-date {
    background-color: #f4f5f7;
    padding: 13px 15px;
    width: 100%
}

#account-download>.container #downloads-list .support-valid-date p, #account-download-info>.container #downloads-list .support-valid-date p {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 11px
}

#account-download>.container #downloads-list .support-valid-date h4, #account-download-info>.container #downloads-list .support-valid-date h4 {
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-size: 19px
}

@media screen and (min-width:768px) {
    #account-download>.container #downloads-list .support-valid-date, #account-download-info>.container #downloads-list .support-valid-date {
        position: absolute;
        width: auto;
        right: 0;
        top: 0
    }
}

#account-download>.container #downloads-list .support-valid-date.support-valid-date-expired, #account-download-info>.container #downloads-list .support-valid-date.support-valid-date-expired {
    background-color: #f2dede
}

#account-download>.container #downloads-list .support-valid-date.support-valid-date-expired p, #account-download-info>.container #downloads-list .support-valid-date.support-valid-date-expired p, #account-download>.container #downloads-list .support-valid-date.support-valid-date-expired h4, #account-download-info>.container #downloads-list .support-valid-date.support-valid-date-expired h4 {
    color: #a94442
}

#account-download>.container #downloads-list ul, #account-download-info>.container #downloads-list ul {
    list-style: none;
    margin-left: -40px
}

#account-download>.container #downloads-list ul li, #account-download-info>.container #downloads-list ul li {
    display: inline-block;
    font-size: 12px
}

#account-download>.container #downloads-list ul li+li:before, #account-download-info>.container #downloads-list ul li+li:before {
    vertical-align: middle;
    font: normal normal normal 7px/1 FontAwesome;
    content: "\f111";
    color: #d7d8da;
    padding: 8px 9px 0 5px
}

#account-download>.container #downloads-list .btn-sm, #account-download-info>.container #downloads-list .btn-sm {
    padding: 2px 10px
}

#account-download>.container #downloads-list .btn-link, #account-download-info>.container #downloads-list .btn-link {
    padding: 2px 10px
}

@media screen and (max-width:767px) {
    #account-download>.container #downloads-list .btn-sm, #account-download-info>.container #downloads-list .btn-sm {
        text-align: center
    }
    #account-download>.container #downloads-list .btn-link, #account-download-info>.container #downloads-list .btn-link {
        text-align: center
    }
}

#account-download>.container #download-list-nothing, #account-download-info>.container #download-list-nothing {
    padding: 20px 30px;
    text-align: center;
    border: 1px solid #ddd
}

@media screen and (max-width:991px) {
    #account-download>.container #download-list-nothing, #account-download-info>.container #download-list-nothing {
        margin-bottom: 30px
    }
}

#account-download>.container #downloads-details th, #account-download-info>.container #downloads-details th {
    color: #000
}

#account-download>.container #downloads-details td:nth-child(3), #account-download-info>.container #downloads-details td:nth-child(3) {
    width: 100px
}

#account-download>.container #downloads-details .btn-sm, #account-download-info>.container #downloads-details .btn-sm {
    padding: 3px 10px
}

#account-download-info>.container {
    margin-top: 50px
}

@media screen and (min-width:768px) {
    #account-download-info>.container #downloads-list h3 {
        margin-right: 130px
    }
}

#account-download-info>.container #downloads-list p {
    font-size: 12px
}

#account-download-info>.container #downloads-list .btn-link {
    padding: 4px 0
}

@media screen and (min-width:768px) {
    #account-download-info>.container #downloads-list .support-valid-date {
        right: 15px
    }
}

#account-review .page-header {
    background-image: url(../image/banner/login.jpg)
}

#account-subscription .page-header {
    background-image: url(../image/banner/login.jpg)
}

#account-subscription>.container h1 {
    margin-top: 0
}

#account-subscription .subscription .nav-tabs>li>a {
    font-size: 16px
}

#account-subscription-form>.container, #account-subscription-info>.container {
    margin-top: 50px
}

#account-subscription-form>.container h1, #account-subscription-info>.container h1 {
    margin-top: 0
}

#account-subscription-form>.container fieldset+fieldset, #account-subscription-info>.container fieldset+fieldset {
    margin-top: 20px
}

#account-extension .page-header {
    background-image: url(../image/banner/login.jpg)
}

#account-extension>.container h1 {
    margin-top: 0
}

#account-extension>.container fieldset {
    margin-bottom: 40px
}

#account-promotion .page-header {
    background-image: url(../image/banner/login.jpg)
}

#account-promotion .page-header div {
    top: 45%
}

#account-promotion>.container legend {
    color: #000
}

#account-promotion-form>.container {
    margin-top: 50px
}

#account-promotion-form>.container h1 {
    margin-top: 0
}

#account-promotion-form>.container legend {
    color: #000
}

#account-promotion-form>.container fieldset {
    margin-bottom: 40px
}

#account-promotion-form>.container fieldset .input-group-btn .btn {
    height: 46px
}

#account-promotion-form>.container fieldset .input-group-btn .btn-default {
    color: #01afe8
}

#account-seller .page-header, #account-partner .page-header {
    background-image: url(../image/banner/login.jpg)
}

#account-seller>.container legend, #account-partner>.container legend {
    color: #000
}

#account-seller>.container fieldset, #account-partner>.container fieldset {
    margin-bottom: 40px
}

#account-seller .thumbnail, #account-partner .thumbnail {
    display: inherit
}

#account-freelancer .page-header {
    background-image: url(../image/banner/login.jpg)
}

#float-switch {
    background-color: #01afe8;
    border: 1px solid #009dd1;
    border-radius: 30px;
    padding: 8px 12px;
    color: #fff;
    position: fixed;
    right: 10px;
    bottom: 12px;
    z-index: 999;
    cursor: pointer
}

#float-switch.open {
    padding: 8px 14px
}

#float-menu {
    background-color: rgba(36, 45, 55, .9);
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    z-index: -998;
    opacity: 0;
    padding-top: 85px
}

#float-menu.open {
    z-index: 998;
    opacity: 1
}

#float-menu .list-group {
    padding: 10px 0;
    margin: 0;
    width: 100%;
    bottom: 54px;
    position: absolute
}

#float-menu .list-group .list-group-item {
    background-color: transparent;
    border-left: 0;
    border-radius: 0;
    margin-top: 8px
}

#float-menu .list-group .list-group-item.list-group-item-heading {
    border-bottom: 2px solid #ccc;
    font-weight: 700
}

#float-menu .list-group .list-group-item.active {
    background-color: #fff;
    border-radius: 3px
}

#float-menu .list-group .list-group-item.active a {
    color: #999
}

#float-menu .list-group .list-group-item a {
    color: #ccc
}

#float-menu .list-group .list-group-item i {
    background-color: #01afe8;
    border: 1px solid #009dd1;
    border-radius: 30px;
    padding: 8px;
    margin-left: 5px;
    color: #fff;
    z-index: 999;
    cursor: pointer
}

#float-menu .list-group .list-group-item ul li {
    padding-right: 14px
}

#float-menu .list-group .list-group-item ul li:first-child {
    margin-top: 10px
}

#float-menu .list-group .list-group-item ul li a {
    color: #eee
}

#not-found>.container, #unauthorized>.container, #internal-error>.container {
    margin-top: 30px;
    padding: 30px
}

#not-found>.container .icon, #unauthorized>.container .icon, #internal-error>.container .icon {
    padding-top: 30px;
    padding-bottom: 30px
}

#not-found>.container .icon img, #unauthorized>.container .icon img, #internal-error>.container .icon img {
    margin: 0 auto;
    max-width: 200px
}

#not-found>.container .message, #unauthorized>.container .message, #internal-error>.container .message {
    border: 1px solid #dedede;
    border-radius: 3px;
    padding: 20px 30px
}

#not-found>.container .message h1, #unauthorized>.container .message h1, #internal-error>.container .message h1 {
    font-size: 100px;
    color: #0a80df;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1;
    text-align: center
}

#not-found>.container .message h2, #unauthorized>.container .message h2, #internal-error>.container .message h2 {
    text-align: center;
    margin-top: 0
}

#not-found>.container .message p, #unauthorized>.container .message p, #internal-error>.container .message p {
    font-size: 24px;
    font-weight: 300
}

#not-found>.container .message p a, #unauthorized>.container .message p a, #internal-error>.container .message p a {
    font-weight: 600
}

@media screen and (min-width:768px) {
    #not-found>.container, #unauthorized>.container, #internal-error>.container {
        margin-top: 50px;
        padding: 50px 30px;
        border: 1px solid #dedede;
        border-radius: 3px
    }
    #not-found>.container .icon, #unauthorized>.container .icon, #internal-error>.container .icon {
        padding-top: 30px;
        padding-bottom: 0
    }
    #not-found>.container .icon img, #unauthorized>.container .icon img, #internal-error>.container .icon img {
        margin: 0 auto;
        max-width: 100%
    }
    #not-found>.container .message, #unauthorized>.container .message, #internal-error>.container .message {
        border: 0
    }
    #not-found>.container .message h1, #unauthorized>.container .message h1, #internal-error>.container .message h1 {
        font-size: 200px;
        text-align: left
    }
    #not-found>.container .message h2, #unauthorized>.container .message h2, #internal-error>.container .message h2 {
        text-align: left
    }
}

#forum .page-header {
    background-image: url(../image/banner/demonstration.jpg);
    margin-bottom: 0;
    height: 200px
}

#forum #banners {
    background: #efefef;
    padding-top: 15px;
    padding-bottom: 15px
}

#forum #banners img {
    margin: 0 auto
}

#forum #banners-top {
    margin-top: 30px
}

#forum #banners-top img {
    margin: 0 auto
}

#forum #banners-bottom {
    background: #efefef;
    padding-top: 15px;
    padding-bottom: 15px
}

#forum #banners-bottom img {
    margin: 0 auto
}

#forum #header-nav.navbar {
    min-height: auto
}

#forum #header-nav.navbar-default {
    border-left: 0;
    border-right: 0;
    border-top: 0
}

@media screen and (max-width:991px) {
    #forum #header-nav #user-menu {
        width: 100%
    }
}

#forum #header-nav #user-menu .divider {
    margin-top: 10px
}

#forum #header-nav #user-menu .divider+li {
    margin-bottom: 10px
}

#forum #header-nav #user-menu .fa {
    width: 30px;
    text-align: center
}

@media screen and (max-width:991px) {
    #forum #header-nav #main-menu {
        width: 100%
    }
}

@media screen and (min-width:992px) {
    #forum #header-nav #main-menu .navbar-nav li>a {
        line-height: 69px
    }
}

@media screen and (max-width:991px) {
    #forum #header-nav #search-menu {
        width: 100%
    }
    #forum #header-nav #search-menu .navbar-form {
        margin-top: 0;
        margin-bottom: 0;
        border-top: 0;
        border-bottom: 0
    }
    #forum #header-nav #search-menu .input-group {
        width: 100%
    }
    #forum #header-nav #search-menu .input-group-btn {
        width: 1px
    }
}

#forum #header-nav .input-group .input-medium {
    height: 36px
}

#forum #header-nav .input-group-btn .btn-lg {
    padding: 5px 15px;
    border-left: 0;
    color: #01afe8
}

@media screen and (max-width:991px) {
    #forum #header-nav #main-menu-btn, #forum #header-nav #search-menu-btn, #forum #header-nav #user-menu-btn {
        border-radius: 0;
        margin: 0;
        padding: 15px 20px
    }
    #forum #header-nav #main-menu-btn i, #forum #header-nav #search-menu-btn i, #forum #header-nav #user-menu-btn i {
        font-size: 20px;
        color: #5e5e5e
    }
    #forum #header-nav #main-menu-btn {
        border-width: 0 1px 0 0
    }
    #forum #header-nav #main-menu-btn.pull-left-mobile {
        float: left!important
    }
    #forum #header-nav #search-menu-btn, #forum #header-nav #user-menu-btn {
        border-width: 0 0 0 1px
    }
    #forum #header-nav #search-menu-btn.pull-right-mobile, #forum #header-nav #user-menu-btn.pull-right-mobile {
        float: right!important
    }
}

#forum #footer-nav {
    font-size: 14px
}

#forum #footer-nav.navbar {
    min-height: auto
}

#forum #footer-nav.navbar-default {
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

#forum #footer-nav.navbar-default .navbar-text {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 15px;
    color: #4b525d
}

#forum #footer-nav .nav>li {
    line-height: 45px
}

#forum #footer-nav .nav>li+li::before {
    vertical-align: middle;
    font: normal normal normal 6px/1 FontAwesome;
    content: "\f111";
    color: #e2e4e8;
    margin: 20px 0 0 -2px;
    position: absolute
}

#forum #footer-nav .nav>li>a {
    line-height: 45px
}

#forum #page-footer {
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 0;
    margin-top: 0;
    background-color: #545c65;
    color: #b4b6b9;
    font-size: 14px
}

#forum #page-footer .row {
    margin-bottom: 0
}

#forum #page-footer p {
    margin-bottom: 0;
    line-height: 35px
}

#forum #page-footer p a {
    color: #fff
}

#forum #page-footer p a:hover, #forum #page-footer p a:focus, #forum #page-footer p a:active {
    color: #fff
}

#forum #back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 60px;
    right: 30px;
    display: none;
    z-index: 1000
}

#forum #content-wrapper .row:first-child {
    margin-bottom: 20px
}

#forum #content-wrapper .row+.row {
    margin-bottom: 20px
}

#forum #content-wrapper .btn-breadcrumb .btn-default {
    border-color: transparent;
    color: #000
}

#forum #content-wrapper .btn-breadcrumb .btn-default:hover, #forum #content-wrapper .btn-breadcrumb .btn-defaultfocus {
    color: #0189b5;
    background-color: transparent
}

#forum #content-wrapper .btn-breadcrumb .btn-default i {
    padding-left: 6px
}

#forum #content-wrapper>.row+.table-responsive {
    margin-top: 15px
}

#forum #content-wrapper .page-header {
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #f4f5f7;
    background-image: none;
    color: #4b525d;
    height: auto;
    padding: 25px 0;
    margin-bottom: 30px
}

#forum #content-wrapper .nav-tabs.nav-justified>li>a {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #000
}

#forum #content-wrapper .nav-tabs.nav-justified>li.active a {
    padding-bottom: 0;
    color: #000
}

#forum #content-wrapper .nav-tabs.nav-justified>li.active a::after {
    margin-top: 3px
}

#forum #content-wrapper .user-details {
    padding: 0
}

#forum #content-wrapper .user-details .user-image {
    position: relative;
    z-index: 1;
    margin: auto;
    text-align: center;
    top: 45px!important
}

#forum #content-wrapper .user-details .user-image img {
    clear: both;
    margin: auto;
    position: relative;
    width: 90px!important;
    height: 90px!important
}

#forum #content-wrapper .user-details .user-image.rounded img {
    border-radius: 50%
}

#forum #content-wrapper .user-details .user-info-block {
    width: 100%;
    background: #fff;
    z-index: 0;
    padding-top: 35px
}

#forum #content-wrapper .user-details .user-info-block .user-heading {
    width: 100%;
    text-align: center;
    margin: 10px 0 0
}

#forum #content-wrapper .user-details .user-info-block .navigation {
    height: 60px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #01afe8;
    border-top: 1px solid #01afe8;
    text-align: center
}

#forum #content-wrapper .user-details .user-info-block .navigation li {
    display: inline-block;
    margin: 0;
    padding: 0
}

#forum #content-wrapper .user-details .user-info-block .navigation li a {
    padding: 17px 30px;
    float: left
}

#forum #content-wrapper .user-details .user-info-block .navigation li.active a {
    background: #01afe8;
    color: #fff
}

#forum #content-wrapper .user-details .user-info-block .user-body .tab-content>div {
    float: left;
    width: 100%
}

#forum #content-wrapper .user-details .user-info-block .user-body .tab-content h4 {
    width: 100%;
    margin: 10px 0;
    color: #333
}

#forum #content-wrapper .mobile-fix {
    margin-bottom: 30px
}

#forum #content-wrapper .input-group .input-medium {
    height: 36px
}

#forum #content-wrapper .input-group .input-group-btn .btn-lg {
    padding: 5px 15px;
    border-left: 0
}

@media screen and (max-width:767px) {
    #forum #content-wrapper #jumpbox {
        margin-top: 10px
    }
}

#forum #content-wrapper .jumpbox .label {
    color: #4b525d;
    line-height: 31px
}

#forum #content-wrapper #ucp-nav .panel {
    margin-bottom: 0
}

#forum #content-wrapper #ucp-nav .panel+.panel {
    margin-top: 20px
}

#forum #content-wrapper #ucp-nav .row:first-child {
    margin-bottom: 0
}

#forum #content-wrapper #ucp-nav .list-group .list-group-item {
    border-radius: 0;
    font-size: 14px;
    background-color: transparent;
    border-left-width: 0
}

#forum #content-wrapper #ucp-nav .list-group .list-group-item.active {
    background-color: #fff;
    border-left-width: 2px
}

#forum #content-wrapper #forum-search .input-group .input-medium {
    height: 36px;
    font-size: 14px
}

#forum #content-wrapper #forum-search .input-group-btn .btn-lg {
    padding: 6px 15px 7px;
    font-size: 14px
}

#forum #content-wrapper .bootstrap-select .btn {
    padding-bottom: 0;
    padding-top: 0;
    height: 36px
}

#forum #content-wrapper .bootstrap-select .btn .filter-option {
    line-height: 32px
}

#forum #content-wrapper #login .row+.row {
    margin-top: 15px
}

#forum #content-wrapper input[name=sort] {
    padding: 6px 10px
}

#forum #content-wrapper input[name=confirm_code] {
    height: 38px
}

#forum #content-wrapper .list-group {
    margin-left: 0
}

#forum #content-wrapper button[name=refresh_vc] {
    color: #01afe8
}

#forum #content-wrapper form[name=loginform] .form-group {
    margin-bottom: 0
}

#forum #content-wrapper select.form-control {
    vertical-align: top;
    height: 38px;
    padding: 0 16px;
    width: initial;
    display: initial
}

#forum label {
    font-size: 16px
}

#forum .table {
    color: #4b525d
}

#forum .table .topic-list th {
    font-size: 14px
}

#forum .table .topic-list th.forum-name, #forum .table .topic-list th.topic-name {
    width: 50%
}

#forum .table .topic-list th.topics, #forum .table .topic-list th.posts, #forum .table .topic-list th.mark, #forum .table .topic-list th.views {
    width: 8%;
    text-align: center
}

#forum .table .topic-list th.replies {
    width: 12%
}

#forum .table .topic-list th.lastpost {
    width: 25%;
    text-align: center
}

#forum .table .topic-list th.forum-name {
    padding-left: 15px
}

#forum .table .topic-list th.forum-name i {
    padding-right: 5px
}

#forum .table .topic-list-forums td.forum-name, #forum .table .topic-list-forums td.topic-name {
    width: 50%
}

#forum .table .topic-list-forums td.topics, #forum .table .topic-list-forums td.posts, #forum .table .topic-list-forums td.mark, #forum .table .topic-list-forums td.views, #forum .table .topic-list-forums td.replies, #forum .table .topic-list-forums td.lastpost {
    text-align: center
}

#forum .table .topic-list-forums td.forum-name {
    line-height: 18px;
    padding-top: 12px
}

#forum .table .topic-list-forums td.forum-name span .forum-icon .btn {
    padding-top: 10px;
    padding-bottom: 10px
}

#forum .table .topic-list-forums td.forum-name .forum-title {
    padding-left: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #000
}

@media screen and (min-width:768px) {
    #forum .table .topic-list-forums td.forum-name small {
        padding-left: 5px
    }
    #forum .table .topic-list-forums td.forum-name .sub-forum {
        padding-left: 5px
    }
}

#forum .table .topic-list-forums td.lastpost {
    font-size: 14px
}

#forum .table .topic-list-forums td.topics, #forum .table .topic-list-forums td.posts {
    vertical-align: middle
}

#forum .table .topic-list-topics td.forum-name, #forum .table .topic-list-topics td.topic-name {
    width: 50%
}

#forum .table .topic-list-topics td.topics, #forum .table .topic-list-topics td.posts, #forum .table .topic-list-topics td.mark, #forum .table .topic-list-topics td.views, #forum .table .topic-list-topics td.replies, #forum .table .topic-list-topics td.lastpost {
    text-align: center
}

#forum .table .topic-list-topics td.topic-name {
    line-height: 18px;
    padding-top: 12px
}

#forum .table .topic-list-topics td.topic-name span .forum-icon .btn {
    padding-top: 10px;
    padding-bottom: 10px
}

#forum .table .topic-list-topics td.topic-name .topic-title {
    padding-left: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #000
}

#forum .table .topic-list-topics td.topic-name .status {
    font-size: 14px;
    font-weight: 400
}

@media screen and (min-width:768px) {
    #forum .table .topic-list-topics td.topic-name small {
        padding-left: 5px
    }
    #forum .table .topic-list-topics td.topic-name .status {
        padding-left: 5px
    }
}

#forum .table .topic-list-topics td.lastpost {
    font-size: 14px
}

#forum .table .topic-list-topics td.posts, #forum .table .topic-list-topics td.views {
    vertical-align: middle
}

@media(max-width:767px) {
    #forum .table .forum-topic-icon, #forum .table .forum-icon, #forum .table .topic-pagination {
        display: none
    }
}

@media(min-width:768px) {
    #forum .table .forum-topic-icon-mobile, #forum .table .forum-icon-mobile {
        display: none
    }
}

#forum .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f4f5f7
}

#forum .sub-forum {
    font-weight: 600
}

#forum .sub-forum, #forum .subforum {
    font-size: 14px;
    line-height: 2
}

#forum .well fieldset label {
    font-size: 14px
}

#forum .well fieldset label+label {
    margin-left: 5px
}

#forum .panel {
    background-color: #fff
}

#forum .panel.panel-primary .panel-heading a {
    color: #fff
}

#forum .panel .panel-heading {
    color: #000;
    font-size: 15px;
    font-weight: 700
}

#forum .panel .panel-heading a {
    color: #000
}

#forum .panel .panel-heading i {
    padding-right: 5px
}

#forum .panel .panel-heading .btn-xs {
    padding: 8px 12px;
    font-size: 12px
}

#forum .panel .panel-heading .btn-xs i {
    text-align: center;
    padding-right: 0
}

#forum .panel .panel-body p+fieldset {
    margin-top: 30px
}

#forum .panel p {
    margin-bottom: 0;
    font-size: 14px
}

#forum .panel hr {
    border-top: 1px solid #f4f5f7
}

#forum .btn-reg {
    padding: 0!important;
    display: inline!important
}

#forum .btn-sel, #forum .btn-nav, #forum #topicreview {
    margin-bottom: 20px
}

#forum .btn-sel {
    text-align: right
}

#forum .btn-nav {
    text-align: center
}

#forum .btn-post {
    margin-bottom: 15px
}

#forum .btn-panel .btn-group {
    margin-top: -3px
}

#forum .btn-group:only-child {
    border-radius: 0!important
}

#forum .topic-buttons {
    float: right
}

#forum .btn-labeled {
    padding-top: 0!important;
    padding-bottom: 0!important
}

#forum #format-buttons .btn {
    margin-bottom: 0!important
}

#forum .submit-buttons {
    text-align: center
}

#forum .btn-label {
    position: relative;
    left: -17px;
    display: inline-block;
    padding: 6px 12px;
    background: rgba(0, 0, 0, .15);
    border-radius: 3px 0 0 3px
}

#forum .btn-block>.btn-label {
    background: 0 0;
    left: 0
}

#forum .mcp-buttons {
    margin-bottom: 20px
}

#forum .clickable {
    cursor: pointer
}

#forum .chradio {
    display: none
}

#forum form[name=loginform] .input-group-btn:last-child .btn {
    padding-top: 5px;
    height: 36px
}

#forum form[name=loginform] a[name=login_panel_forgot].btn-block {
    padding-top: 7px;
    padding-bottom: 7px
}

#forum+footer {
    margin-top: 0
}

#maintain .media img {
    width: 100px
}

#maintain .media .media-body h2 {
    margin-top: 14px
}

#collapse-menu {
    padding: 10px 15px
}

#collapse-menu .list-group {
    margin: 0
}

#collapse-menu .list-group .list-group-item {
    background-color: transparent
}

#side-banner {
    margin-bottom: 40px
}

#side-banner .row+.row {
    margin-top: 20px
}

#side-banner img {
    margin: 0 auto
}

.campare-plan-duration {
    height: 27px
}

.remind {
    padding-top: 20px;
    text-align: right
}

.compare-select {
    width: 450px;
    margin: 0 auto
}

.terms {
    background: #fff;
    border: 1px solid #dbdbdb;
    height: 150px;
    overflow-y: scroll
}

.tool-box {
    position: relative
}

.tool-box .tool-box-message {
    position: absolute;
    padding: 5px;
    background-color: rgba(0, 0, 0, .7);
    width: 100%;
    width: 100%;
    color: #fff;
    opacity: 0;
    transition: all .5s
}

.tool-box .tool-box-message:hover {
    opacity: 1
}

.tool-box .tool-box-message a {
    color: #fff
}

.pagination li.active span {
    padding: 10px 17px
}

.pagination li a {
    padding: 10px 17px
}

#extension-list {
    color: #4b525d
}

#extension-list h2 {
    margin-top: 54px;
    margin-bottom: 44px
}

#extension-list h3 {
    margin-bottom: 0
}

#extension-list h3+.row {
    margin-top: 20px
}

#extension-list section {
    border: 1px solid #ddd
}

#extension-list section>div {
    position: relative
}

#extension-list section>div+div {
    border-top: 1px solid #ddd;
    padding: 10px
}

#extension-list section:hover {
    border: 1px solid #01afe8
}

#extension-list>.row {
    margin-top: 40px
}

@media screen and (max-width:991px) {
    #extension-list>.row>div+div {
        margin-top: 30px
    }
}

#extension-list .extension-preview {
    min-height: 150px
}

#extension-list .extension-preview .extension-description {
    position: absolute;
    background-color: rgba(36, 45, 55, .9);
    color: #fff;
    padding: 10px;
    font-size: 14px;
    line-height: 16px;
    opacity: 0;
    height: 100%;
    width: 100%
}

#extension-list .extension-preview .extension-description:hover {
    opacity: 1
}

@media screen and (min-width:992px) and (max-width:1199px) {
    #extension-list .extension-preview {
        min-height: 123px
    }
    #extension-list .extension-preview .extension-description {
        font-size: 12.5px;
        padding: 6px
    }
}

#extension-list .extension-preview img {
    margin: 0 auto
}

#extension-list .extension-name {
    min-height: 100px
}

#extension-list .extension-name p {
    color: #000;
    margin-bottom: 0;
    font-weight: 600
}

#extension-list .extension-name p:first-child {
    font-size: 17px
}

#extension-list .extension-name p span {
    color: #4b525d;
    font-weight: 400
}

#extension-list .extension-name p a {
    color: #000
}

#extension-list .extension-name+div>.row {
    margin-top: 0
}

@media screen and (min-width:992px) and (max-width:1199px) {
    #extension-list .extension-name+div>.row {
        font-size: 14px
    }
}

#extension-list i {
    color: #10b4e9
}

#extension-list span {
    font-weight: 600
}

.list-check {
    list-style: none
}

.list-check li::before {
    font-family: fontawesome;
    content: '\f00c';
    margin-left: -30px;
    width: 29px;
    display: inline-block;
    color: #7ebd38
}

.list-check.list-color-blue li::before {
    color: #02afe9
}

.promotion-banner {
    max-width: 637px;
    margin-left: auto;
    margin-right: auto
}

.promotion-banner img {
    border: solid 1px #ddd;
    margin: 0 auto
}

#terms.form-control[readonly] {
    background-color: #fff
}

h3+#comment-input-box {
    padding-top: 15px;
    border-top: 3px solid #01afe8
}

#comment-input-box {
    position: relative;
    padding-bottom: 35px;
    border-bottom: 3px solid #f4f5f7
}

#comment-input-box .login-layer {
    width: 100%;
    height: 150px;
    position: absolute;
    display: block;
    background-color: rgba(36, 45, 55, .9);
    color: #fff;
    text-align: center;
    padding-top: 30px
}

#comment-input-box+#commont-box {
    margin-top: 35px
}

#comment-box {
    font-size: 14px
}

#comment-box .media+.media {
    border-top: 1px solid #e1e1e1;
    padding-top: 20px
}

#comment-box .media-heading {
    font-weight: 600
}

#comment-box .media-heading span {
    color: #999
}

#comment-box .media-heading span::before {
    content: '鈥�';
    padding-left: 3px;
    padding-right: 6px
}

.radio label {
    cursor: pointer;
    position: relative
}

.radio label::before {
    content: ' ';
    padding-left: 8px
}

.radio label input[type=radio] {
    position: absolute;
    z-index: 0;
    margin-top: 8px;
    margin-left: -27px
}

.radio label input[type=radio]:checked~.check::before {
    background-color: #01afe8
}

.radio label .check {
    display: block;
    position: absolute;
    border: 1px solid #cbccce;
    background-color: #fff;
    border-radius: 100%;
    height: 16px;
    width: 16px;
    top: 6px;
    left: 0;
    z-index: 100;
    transition: border .25s linear;
    -webkit-transition: border .25s linear
}

.radio label .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 3px;
    left: 3.1px;
    margin: auto;
    transition: background .25s linear;
    -webkit-transition: background .25s linear
}

.checkbox label {
    cursor: pointer;
    position: relative
}

.checkbox label::before {
    content: ' ';
    padding-left: 7px
}

.checkbox label input[type=checkbox] {
    position: absolute;
    left: 22px;
    top: 3px;
    z-index: 0
}

.checkbox label input[type=checkbox]:checked~.check::after {
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.checkbox .check {
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 6px;
    left: 0;
    border-radius: 3px;
    border: 1px solid #cbccce;
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#45484d', GradientType=0)
}

.checkbox .check::after {
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 10px;
    height: 6px;
    background: 0 0;
    top: 3px;
    left: 2px;
    border: 3px solid #01afe8;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@font-face {
    font-family: opencart;
    src: url(fonts/opencart.eot?h4wsna);
    src: url(fonts/opencart.eot?h4wsna#iefix) format('embedded-opentype'), url(fonts/opencart.ttf?h4wsna) format('truetype'), url(fonts/opencart.woff?h4wsna) format('woff'), url(fonts/opencart.svg?h4wsna#opencart) format('svg');
    font-weight: 400;
    font-style: normal
}

[class^=opencart-icon-], [class*=" opencart-icon-"] {
    font-family: opencart!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opencart-icon-mail:before {
    content: "\e912"
}

.opencart-icon-tag:before {
    content: "\e913"
}

.opencart-icon-bell:before {
    content: "\e914"
}

.opencart-icon-seller:before {
    content: "\e915"
}

.opencart-icon-partner:before {
    content: "\e916"
}

.opencart-icon-dollar:before {
    content: "\e917"
}

.opencart-icon-social-facebook:before {
    content: "\e918"
}

.opencart-icon-social-reddit:before {
    content: "\e919"
}

.opencart-icon-social-twitter:before {
    content: "\e91a"
}

.opencart-icon-comment:before {
    content: "\e91b"
}

.opencart-icon-cart-mini:before {
    content: "\e91c"
}

.opencart-icon-star-light-o:before {
    content: "\e91d"
}

.opencart-icon-star-light:before {
    content: "\e91e"
}

.opencart-icon-device-tablet:before {
    content: "\e91f"
}

.opencart-icon-device-mobile:before {
    content: "\e920"
}

.opencart-icon-device-desktop:before {
    content: "\e921"
}

.opencart-icon-star-o:before {
    content: "\e922"
}

.opencart-icon-star:before {
    content: "\e923"
}

.opencart-icon-opencart-extension-and-themes:before {
    content: "\e924"
}

.opencart-icon-opencart-support-you-can-trust-on:before {
    content: "\e925"
}

.opencart-icon-opencart-powerful-store-management:before {
    content: "\e926"
}

.opencart-icon-opencart-open-source-and-free:before {
    content: "\e927"
}

.opencart-icon-maga-shop:before {
    content: "\e928"
}

.opencart-icon-cart:before {
    content: "\e929"
}

.opencart-icon-shop:before {
    content: "\e92a"
}

.opencart-icon-account-details:before {
    content: "\e900"
}

.opencart-icon-account-password:before {
    content: "\e901"
}

.opencart-icon-account-showcase:before {
    content: "\e902"
}

.opencart-icon-cloud-billing:before {
    content: "\e903"
}

.opencart-icon-cloud-invoice:before {
    content: "\e904"
}

.opencart-icon-cloud-subscriptions:before {
    content: "\e905"
}

.opencart-icon-moderator-reported:before {
    content: "\e906"
}

.opencart-icon-order-download:before {
    content: "\e907"
}

.opencart-icon-order-history:before {
    content: "\e908"
}

.opencart-icon-partner-details:before {
    content: "\e909"
}

.opencart-icon-seller-details:before {
    content: "\e90a"
}

.opencart-icon-seller-manage:before {
    content: "\e90b"
}

.opencart-icon-seller-promote:before {
    content: "\e90c"
}

.opencart-icon-seller-sales:before {
    content: "\e90d"
}

.opencart-icon-seller-transactions:before {
    content: "\e90e"
}

.icon-bronze {
    color: #766146
}

.icon-silver {
    color: #696564
}

.icon-gold {
    color: #e09132
}

div.required .control-label:not(span):before, td.required:before {
    content: '* ';
    color: #ff6f6f;
    font-weight: 700
}

#captcha {
    border: 1px solid #ededed;
    padding: 8px;
    text-align: center
}

#captcha #captcha-message {
    margin-bottom: 10px
}

#captcha #captcha-message+#captcha-image {
    margin-top: 10px
}

#captcha #captcha-message div {
    padding: 16px 20px
}

#captcha a {
    border: 3px solid transparent;
    display: block
}

#captcha a.active {
    border: 3px solid #01afe8;
    background-color: rgba(1, 175, 232, .3)
}

#captcha img {
    width: 32px;
    height: 32px
}

.feature-plan {
    padding: 20px 15px;
    text-align: center;
    background-color: #fff
}

.feature-plan hr {
    border-top-color: #e0e0e0
}

.feature-plan i {
    font-size: 100px
}

.feature-plan strong {
    font-size: 30px
}

.compare-row {
    border: 1px solid #ddd;
    background-color: #f4f5f7;
    margin-top: 5px;
    line-height: 2.6em
}

.compare-header {
    text-align: center;
    border: 1px solid #ddd
}

.compare-header.compare1 {
    background-color: #fff;
    border-bottom: thick solid #486d8b
}

.compare-header.compare2 {
    background-color: #fff;
    border-left: 0;
    border-bottom: thick solid #486d8b
}

.compare-header.compare3 {
    background-color: #fff;
    border-left: 0;
    border-bottom: thick solid #486d8b
}

.compare-feature {
    text-align: center
}

.compare-feature .compare1, .compare-feature .compare2, .compare-feature .compare3 {
    border-left: 1px solid #ddd;
    background-color: #fff
}

.compare-feature i {
    color: #254691
}

#compare-table .table-title {
    background-color: #f4f5f7;
    font-weight: 700
}

#compare-table .table-title .block-item {
    font-size: 21px
}

#compare-table .block-title {
    width: 40%
}

#compare-table .block-item {
    width: 20%;
    text-align: center
}

#compare-table .table tr:hover {
    background-color: #f4f5f7
}

#compare-table .table tr td {
    vertical-align: middle
}

#compare-table .price {
    font-size: 32px;
    font-weight: 700;
    line-height: 2
}

#compare-table .price small {
    font-size: 60%
}

#compare-table .fa {
    color: #01aee8
}

.code-present li {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;
    border-left: 3px solid #14b5e9;
    background-color: #f4f5f7
}

.code-present li:nth-child(even) {
    background-color: #fff
}

#paypal-banner-ad {
    margin-bottom: 40px
}

#paypal-banner-ad img {
    margin-left: auto;
    margin-right: auto
}

.blog-item .blog-title:hover {
    text-decoration: underline;
    color: #000
}

#cms-blog .blog-item .blog-image, #cms-blog-info .blog-item .blog-image, #cms-blog .blog-item .blog-excerpt, #cms-blog-info .blog-item .blog-excerpt, .blog-item p, .blog-item p span, .blog-item div ol li, .blog-item div ul li {
    font-size: 20px!important
}

.blog-item div ol li a, .blog-item div ul li a {
    color: #000;
    text-decoration: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    font-weight: 100
}

.blog-item div ol li a:hover, .blog-item div ul li a:hover {
    color: #277ece
}

.blog-item div h4 strong {
    margin-top: 1.875em;
    margin-bottom: .9375em;
    font-size: 1.77778em;
    line-height: 1.2;
    font-weight: 500;
    clear: both
}

.blog-item div img {
    max-width: 100%
}

.blog-item div blockquote {
    padding: 1.875em!important;
    background: #f4f6f8;
    color: #212b37;
    border: 2px solid #dfe3e8
}

.blog-item div a:hover {
    text-decoration: underline
}

.blog-item .socials {
    margin-right: 19px;
    margin-top: -10px
}

.blog-item section>h2 {
    margin-bottom: 20px
}

.blog-item #social-button a, .blog-item .socials a {
    text-decoration: none!important
}

.blog-item section .main {
    margin-top: 5%
}

.blog-item #social-button a+a, .blog-item .socials a+a {
    margin-left: 26px
}

#social-button {
    margin-top: 5%
}

@media screen and (min-device-width:320px) and (max-device-width:812px) and (orientation:portrait) {
    .blog-item .socials {
        margin-top: 10px
    }
}







.top-menu { 
}
.top-menu .container-fluid {
    padding-top: 20px; 
}
.top-menu .container-fluid .breadcrumb>li+li::before {
    content: "/";
    padding: 0 5px;
    color: #4b525d
}


.btn-xl {
    color:#000;
}




.bg-blur {  
    margin: 0px 0px 0px 0px;
    width: 120%;
    height: 120%;
    background-color:#333333;
      /*background-image: url(http://xlsv2.jstarplus.top/user/def-bg.jpg);*/
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;

      /*        background-size:100% 100%;
              -moz-background-size:100% 100%;*/

      -webkit-filter: blur(5px);
      -moz-filter: blur(5px);
      -o-filter: blur(5px);
      -ms-filter: blur(5px);
      filter: blur(5px);
}


.big-word {
    font-size:120px;
}