﻿.h1-home {
    font-size: 11px;
    text-align: center;
    margin-top: -36px;
    visibility: hidden;
}

.left-help li {
    float: left;
    color: #005594;
    _0font-size: 13px;
    font-weight: 500;
    border-right: 1px solid #f0f0f0;
    padding: 0px 6px;
}

    .left-help li:last-child {
        padding-right: 0;
        border: none;
    }

.header-search {
    width: auto;
    width: 250px;
    padding: 0 50px 0 8px;
}

.nav-link h3 {
    font-size: 13px;
}

.unvisiable {
    display: none;
}

.single-product {
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(51, 51, 51, 0.25);
    padding: 5px;
    min-height: 350px;
}

    .single-product .product-img {
        position: relative;
        overflow: hidden;
        cursor: pointer;
        max-height: 200px;
    }
.container
blockquote {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    padding-left: 20px;
    padding: 10px 20px;
    background: #F6F6F6;
    padding: 30px 30px 30px 30px;
    color: #555;
    border: none;
    margin-bottom: 25px;
    border-left: 3px solid #ed1c24;
} 

.padding-top-20 {
    padding-top: 20px;
}

.unvisibility {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.all-category:hover .main-category {
    opacity: 1;
    visibility: visible;
}
/*product-details*/
.wrap-product .jssora05l, .wrap-product .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 42px;
    height: 42px;
    cursor: pointer;
    background: url(/images/a17.png) no-repeat;
    overflow: hidden;
}

.jssora05l {
    background-position: -10px -40px;
}

.jssora05r {
    background-position: -70px -40px;
}

.jssora05l:hover {
    background-position: -130px -40px;
}

.jssora05r:hover {
    background-position: -190px -40px;
}

.jssora05l.jssora05ldn {
    background-position: -250px -40px;
}

.jssora05r.jssora05rdn {
    background-position: -310px -40px;
}

.jssora05l.jssora05lds {
    background-position: -10px -40px;
    opacity: .3;
    pointer-events: none;
}

.jssora05r.jssora05rds {
    background-position: -70px -40px;
    opacity: .3;
    pointer-events: none;
}

.jssort01 {
    position: absolute;
    /* size of thumbnail navigator container */
    width: 588px;
    height: 146px;
}

    .jssort01 .p {
        position: absolute;
        top: 0;
        left: 0;
        width: 191px;
        height: 148px;
    }

    .jssort01 .t {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

    .jssort01 .w {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    .jssort01 .c {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 191px;
        height: 148px;
        box-sizing: content-box;
        background: url(/images/t01.png) -800px -800px no-repeat;
        _background: none;
    }

    .jssort01 .pav .c {
        top: 0px;
        _top: 0px;
        left: 0px;
        _left: 0px;
        width: 191px;
        height: 148px;
        background-position: 50% 50%;
    }

    .jssort01 .p:hover .c {
        top: 0px;
        left: 0px;
        width: 191px;
        height: 148px;
        background-position: 50% 50%;
    }

    .jssort01 .p.pdn .c {
        background-position: 50% 50%;
        width: 191px;
        height: 148px;
    }

    * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
        /* ie quirks mode adjust */
        width /**/: 191px;
        height /**/: 148px;
    }

#slider_product {
    position: relative;
    top: 0px;
    left: 0px;
    width: 588px;
    height: 605px;
    background: inherit;
    overflow: hidden;
}

.top-info .div-img {
    float: left;
}

.top-info .div-desc {
    float: right;
}

.div-desc a:hover {
    color: #ed1c24;
}

.wrap-left {
    width: 48%;
    float: left;
}

.wrap-right {
    width: 52%;
    float: right;
    padding-left: 40px;
}

    .wrap-right h2 {
        text-align: center;
        font-size: 20px;
        color: #333;
    }

    .wrap-right h3 {
        font-size: 15px;
        color: #333;
        line-height: 22px;
        font-weight: normal;
        margin-bottom: 20px;
    }

    .wrap-right .vendor {
        font-size: 20px;
        color: #00365c;
        padding: 10px;
        _0margin: 25px 0;
        margin-bottom: 0;
        border-top: 1px dotted #00365c;
        _0border-bottom: 1px dotted #00365c;
        line-height: 26px;
        font-weight: 600;
    }

    .wrap-right .price {
        font-size: 18px;
        color: #00365c;
        padding: 10px;
        _0margin: 25px 0;
        margin-bottom: 0;
        border-top: 1px dotted #00365c;
        _0border-bottom: 1px dotted #00365c;
        font-weight: 600;
    }

        .wrap-right .price a {
            font-weight: 600;
        }

.blog-detail h1 {
    color: #333;
    font-weight: 700;
    padding-bottom: 12px;
}

.content h2 {
    font-size: 22px;
    color: #333;
    line-height: 50px;
    font-weight: 600;
}

h2.title-detail {
    font-size: 23px;
    color: #00365c;
    border-bottom: 1px solid #00365c;
    margin-bottom: 28px;
    font-weight: 700;
    padding-bottom: 8px;
}

.pro-text-detail h3 {
    font-size: 23px;
}

.pro-text-detail p {
    font-size: 15px;
}

.box-shadow {
    box-shadow: 0 3px 10px rgb(51 51 51 / 25%);
}

.view-more {
    font-size: 14px;
    font-weight: 500;
    color: #005594;
    font-style: italic;
}

    .view-more:hover {
        color: #ed1c24;
    }

.social_link {
    display: inline;
    float: left;
    margin-bottom: 25px;
    margin-top: 20px;
    width: 100%
}

.sociallink_nav {
    text-align: center
}

    .sociallink_nav li {
        display: inline-block
    }

        .sociallink_nav li a {
            color: #fff;
            display: inline-block;
            font-size: 17px;
            padding: 8px 12px;
            margin: 0 3px;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s
        }

            .sociallink_nav li a:hover {
                -webkit-transform: rotate(50deg);
                -moz-transform: rotate(50deg);
                -ms-transform: rotate(50deg);
                -os-transform: rotate(50deg);
                transform: rotate(50deg)
            }

                .sociallink_nav li a:hover i {
                    -webkit-transform: rotate(-50deg);
                    -moz-transform: rotate(-50deg);
                    -ms-transform: rotate(-50deg);
                    -os-transform: rotate(-50deg);
                    transform: rotate(-50deg)
                }

        .sociallink_nav li:nth-child(1) > a {
            background: none repeat scroll 0 0 #3b5998;
            padding: 8px 15px
        }

        .sociallink_nav li:nth-child(2) > a {
            background: none repeat scroll 0 0 #00acee
        }

        .sociallink_nav li:nth-child(3) > a {
            background: none repeat scroll 0 0 #dd4b39
        }

        .sociallink_nav li:nth-child(4) > a {
            background: none repeat scroll 0 0 #0e76a8
        }

        .sociallink_nav li:nth-child(5) > a {
            background: none repeat scroll 0 0 #c92228
        }

ul.pagination {
    float: right;
}
/*For collection page*/
ul.pagering {
    float: right;
}

.pagering b {
    background: #0960a0;
    color: #fff;
    border: 1px solid #0960a0;
    margin: 3px;
    border-radius: 2px;
    padding: 6px 12px;
}

.pagering a {
    position: relative;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #bfbfbf;
    border-radius: 2px;
}

    .pagering a:hover, .pagering .active-pagering {
        background: #0960a0;
        border: 1px solid #0960a0;
        color: #fff;
    }

.pagering span input {
    position: relative;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #bfbfbf;
    border-radius: 2px;
    margin: 3px;
}

    .pagering span input:hover {
        background: #0960a0;
        border: 1px solid #0960a0;
        color: #fff;
    }

.pagering > li > a, .pagering > li > span {
    background-color: transparent;
    color: #000;
    border: 1px solid #bfbfbf;
    margin: 3px;
    border-radius: 2px;
}

    .pagering > li > a:hover, .pagering .active-pagering {
        background: #0960a0;
        border: 1px solid #0960a0;
        color: #fff;
    }
/*end collection page*/
@media (max-width:1920px) {
    .blog-detail h1 {
        font-size: 24px;
        padding: 15px 0px 15px 0px;
    }

    .border-bottom {
        padding: 15px 10px 15px 0;
    }
}

@media screen and (max-width: 768px) {
    .wrap-product .col.f-space50 .wrap-left,
    .wrap-product .col.f-space50 .title-detail,
    .wrap-product .wrap-right {
        padding-right: 10px;
        padding-left: 10px;
    }

    .wrap-left .cotent-p {
        text-align: justify;
    }

    .margin-m-top {
        margin-top: 1.25rem !important;
        display: block;
    }

    .margin-m-bottom {
        margin-bottom: 1.25rem !important;
        display: block;
    }

    .blog-detail h1 {
        font-size: 20px;
        line-height: 25px;
        padding: 15px 0px 15px 0px;
    }
}

@media screen and (max-width: 700px) {
    .wrap-left {
        width: 100%;
        padding: 0px;
    }

    .wrap-right {
        width: 100%;
        padding-left: 0px;
        padding-top: 20px;
    }
}
/*for news group*/
.margin, .margin2x {
    display: block;
}

.margin {
    margin: 0 -0.625rem;
}

.margin2x {
    margin: 0 -1.25rem;
}

.line {
    clear: left;
}

    .line .line {
        padding: 0;
    }

    .line:after, nav:after, .center:after, .box:after, .margin:after, .margin2x:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        line-height: 0;
        overflow: hidden;
        visibility: hidden;
    }

.hide-l {
    display: none !important;
}

.box {
    background: none repeat scroll 0 0 #fff;
    display: block;
    padding: 1.25rem;
    width: 100%;
}

.title-top {
    font-size: 1.5rem;
}

    .title-top a:hover {
        color: #ed1c24;
    }

.newgroup-title {
    font-size: 1.3rem;
}

    .newgroup-title a:hover {
        color: #ed1c24;
    }

.newrelative-title {
    font-size: 1.2rem;
}

    .newrelative-title a:hover {
        color: #ed1c24;
    }

.heading-top {
    font-weight: normal;
}

.has_border::after {
    width: calc(100% - 30px);
    background: #E5E5E5;
    height: 1px;
    position: absolute;
    left: 15px;
    content: '';
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.margin-bottom-08 {
    margin-bottom: 0.8rem;
}

.margin-bottom {
    margin-bottom: 1.25rem;
}

.margin-bottom1x {
    margin-bottom: 1.5rem;
}

.margin-bottom2x {
    margin-bottom: 2.5rem;
}

.padding-left-0 {
    padding-left: 0px;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.clearfix {
    clear: both;
}

    .clearfix:before,
    .clearfix:after {
        display: table;
        content: " ";
    }

    .clearfix:after {
        clear: both;
    }

.text-size-16, .text-l-size-16 {
    font-size: 16px !important;
    line-height: 1.4;
}

.border-bottom {
    border-bottom: 1px dotted #ccc;
    display: block;
    width: 100%;
}
/* Hover Overlay */
.image-hover-overlay {
    bottom: 0;
    color: rgba(255,255,255, 0.75) !important;
    left: 0;
    opacity: 0;
    padding: 1.25rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    transition: all 0.20s linear 0s;
    -o-transition: all 0.20s linear 0s;
    -ms-transition: all 0.20s linear 0s;
    -moz-transition: all 0.20s linear 0s;
    -webkit-transition: all 0.20s linear 0s;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.image-border-radius .image-hover-overlay {
    border-radius: 3px;
}

.image-hover-overlay:hover {
    opacity: 1;
}

.image-hover-overlay-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 60%;
    transition: all 0.20s linear 0s;
    -o-transition: all 0.20s linear 0s;
    -ms-transition: all 0.20s linear 0s;
    -moz-transition: all 0.20s linear 0s;
    -webkit-transition: all 0.20s linear 0s;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.image-hover-overlay:hover > .image-hover-overlay-content {
    top: 50%;
}

/* Image blocks */
.image-with-hover-overlay {
    display: block;
    position: relative;
}

.image-border-radius img {
    border-radius: 3px;
}

.image-hover-zoom {
    display: block;
    overflow: hidden;
}

    .image-hover-zoom img {
        transition: all 0.20s linear 0s;
        -o-transition: all 0.20s linear 0s;
        -ms-transition: all 0.20s linear 0s;
        -moz-transition: all 0.20s linear 0s;
        -webkit-transition: all 0.20s linear 0s;
    }

.image-with-hover-overlay img {
    width: 100%;
}

.image-hover-zoom:hover img {
    transform: scale(1.1);
}
/* Icon blocks */
.margin-left-80 {
    margin-left: 80px !important;
}

i.icon-circle {
    border-radius: 100px;
    display: block;
    height: 100px;
    line-height: 100px;
    margin-bottom: 0.625rem;
    text-align: center;
    width: 100px;
}

i.icon-circle-small {
    border-radius: 60px;
    display: block;
    font-size: 1.1rem;
    height: 60px;
    line-height: 60px;
    margin-bottom: 0.625rem;
    text-align: center;
    width: 60px;
}

.background-primary, .primary-color-primary .background-primary {
    background-color: #005594 !important;
}

    .image-hover-overlay-content *, .background-primary, .background-primary p, a.background-primary, a.background-primary:visited, a.background-primary:link, .background-primary a, .background-primary a:link, .background-primary a:visited, .background-primary a:hover, .background-primary a:active, .primary-color-primary .background-primary, .primary-color-primary .background-primary p, .primary-color-primary a.background-primary, .primary-color-primary a.background-primary:visited, .primary-color-primary a.background-primary:link, .primary-color-primary .background-primary a, .primary-color-primary .background-primary a:link, .primary-color-primary .background-primary a:visited, .primary-color-primary .background-primary a:hover, .primary-color-primary .background-primary a:active {
        color: rgba(255,255,255, 0.75);
    }

.icon-cloud:before {
    content: "\2601";
}

.icon-at:before {
    content: "\0040";
}

.icon-plus:before {
    content: "\002B";
}

.icon-minus:before {
    content: "\2212";
}

.icon-arrow_up:before {
    content: "\2191";
}

.icon-arrow_down:before {
    content: "\2193";
}

.icon-arrow_right:before {
    content: "\2192";
}

.icon-arrow_left:before {
    content: "\2190";
}

.icon-chevron_down:before {
    content: "\f004";
}

.icon-chevron_up:before {
    content: "\f005";
}

.icon-chevron_right:before {
    content: "\f006";
}

.icon-chevron_left:before {
    content: "\f007";
}

.icon-reorder:before {
    content: "\f008";
}

.icon-list:before {
    content: "\f009";
}

.icon-reorder_square:before {
    content: "\f00a";
}

.icon-reorder_square_line:before {
    content: "\f00b";
}

.icon-coverflow:before {
    content: "\f00c";
}

.icon-coverflow_line:before {
    content: "\f00d";
}

.icon-pause:before {
    content: "\f00e";
}

.icon-play:before {
    content: "\f00f";
}

.icon-step_forward:before {
    content: "\f010";
}

.icon-step_backward:before {
    content: "\f011";
}

.icon-fast_forward:before {
    content: "\f012";
}

.icon-fast_backward:before {
    content: "\f013";
}

.icon-cloud_upload:before {
    content: "\f014";
}

.icon-cloud_download:before {
    content: "\f015";
}

.icon-data_science:before {
    content: "\f016";
}

.icon-data_science_black:before {
    content: "\f017";
}

.icon-globe:before {
    content: "\f018";
}

.icon-globe_black:before {
    content: "\f019";
}

.icon-math_ico:before {
    content: "\f01a";
}

.icon-math:before {
    content: "\f01b";
}

.icon-math_black:before {
    content: "\f01c";
}

.icon-paperplane_ico:before {
    content: "\f01d";
}

.icon-paperplane:before {
    content: "\f01e";
}

.icon-paperplane_black:before {
    content: "\f01f";
}

.icon-color_balance:before {
    content: "\f020";
}

.icon-star:before {
    content: "\2605";
}

.icon-star_half:before {
    content: "\f022";
}

.icon-star_empty:before {
    content: "\2606";
}

.icon-star_half_empty:before {
    content: "\f024";
}

.icon-reload:before {
    content: "\f025";
}

.icon-heart:before {
    content: "\2665";
}

.icon-heart_broken:before {
    content: "\f028";
}

.icon-hashtag:before {
    content: "\f029";
}

.icon-reply:before {
    content: "\f02a";
}

.icon-retweet:before {
    content: "\f02b";
}

.icon-signin:before {
    content: "\f02c";
}

.icon-signout:before {
    content: "\f02d";
}

.icon-download:before {
    content: "\f02e";
}

.icon-upload:before {
    content: "\f02f";
}

.icon-placepin:before {
    content: "\f031";
}

.icon-display_screen:before {
    content: "\f032";
}

.icon-tablet:before {
    content: "\f033";
}

.icon-smartphone:before {
    content: "\f034";
}

.icon-connected_object:before {
    content: "\f035";
}

.icon-lock:before {
    content: "\F512";
}

.icon-unlock:before {
    content: "\F513";
}

.icon-camera:before {
    content: "\F4F7";
}

.icon-isight:before {
    content: "\f039";
}

.icon-video_camera:before {
    content: "\f03a";
}

.icon-random:before {
    content: "\f03b";
}

.icon-message:before {
    content: "\F4AC";
}

.icon-discussion:before {
    content: "\f03d";
}

.icon-calendar:before {
    content: "\F4C5";
}

.icon-ringbell:before {
    content: "\f03f";
}

.icon-movie:before {
    content: "\f040";
}

.icon-mail:before {
    content: "\2709";
}

.icon-pen:before {
    content: "\270F";
}

.icon-settings:before {
    content: "\9881";
}

.icon-measure:before {
    content: "\f044";
}

.icon-vector:before {
    content: "\f045";
}

.icon-vector_pen:before {
    content: "\2712";
}

.icon-mute_on:before {
    content: "\f047";
}

.icon-mute_off:before {
    content: "\f048";
}

.icon-home:before {
    content: "\2302";
}

.icon-sheet:before {
    content: "\f04a";
}

.icon-arrow_big_right:before {
    content: "\21C9";
}

.icon-arrow_big_left:before {
    content: "\21C7";
}

.icon-arrow_big_down:before {
    content: "\21CA";
}

.icon-arrow_big_up:before {
    content: "\21C8";
}

.icon-dribbble_circle:before {
    content: "\f04f";
}

.icon-dribbble:before {
    content: "\f050";
}

.icon-facebook_circle:before {
    content: "\f051";
}

.icon-facebook:before {
    content: "\f052";
}

.icon-git_circle_alt:before {
    content: "\f053";
}

.icon-git_circle:before {
    content: "\f054";
}

.icon-git:before {
    content: "\f055";
}

.icon-octopus:before {
    content: "\f056";
}

.icon-twitter_circle:before {
    content: "\f057";
}

.icon-twitter:before {
    content: "\f058";
}

.icon-google_plus_circle:before {
    content: "\f059";
}

.icon-google_plus:before {
    content: "\f05a";
}

.icon-linked_in_circle:before {
    content: "\f05b";
}

.icon-linked_in:before {
    content: "\f05c";
}

.icon-instagram:before {
    content: "\f05d";
}

.icon-instagram_circle:before {
    content: "\f05e";
}

.icon-mfg_icon:before {
    content: "\f05f";
}

.icon-xing:before {
    content: "\F532";
}

.icon-xing_circle:before {
    content: "\F533";
}

.icon-mfg_icon_circle:before {
    content: "\f060";
}

.icon-user:before {
    content: "\f061";
}

.icon-user_male:before {
    content: "\f062";
}

.icon-user_female:before {
    content: "\f063";
}

.icon-users:before {
    content: "\f064";
}

.icon-file_open:before {
    content: "\F4C2";
}

.icon-file_close:before {
    content: "\f067";
}

.icon-file_alt:before {
    content: "\f068";
}

.icon-file_close_alt:before {
    content: "\f069";
}

.icon-attachment:before {
    content: "\f06a";
}

.icon-check:before {
    content: "\2713";
}

.icon-cross_mark:before {
    content: "\274C";
}

.icon-cancel_circle:before {
    content: "\F06E";
}

.icon-check_circle:before {
    content: "\f06d";
}

.icon-magnifying:before {
    content: "\F50D";
}

.icon-inbox:before {
    content: "\f070";
}

.icon-clock:before {
    content: "\23F2";
}

.icon-stopwatch:before {
    content: "\23F1";
}

.icon-hourglass:before {
    content: "\231B";
}

.icon-trophy:before {
    content: "\f074";
}

.icon-unlock_alt:before {
    content: "\F075";
}

.icon-lock_alt:before {
    content: "\F510";
}

.icon-arrow_doubled_right:before {
    content: "\21D2";
}

.icon-arrow_doubled_left:before {
    content: "\21D0";
}

.icon-arrow_doubled_down:before {
    content: "\21D3";
}

.icon-arrow_doubled_up:before {
    content: "\21D1";
}

.icon-link:before {
    content: "\f07B";
}

.icon-warning:before {
    content: "\2757";
}

.icon-warning_alt:before {
    content: "\2755";
}

.icon-magnifying_plus:before {
    content: "\f07E";
}

.icon-magnifying_minus:before {
    content: "\f07F";
}

.icon-white_question:before {
    content: "\2754";
}

.icon-black_question:before {
    content: "\2753";
}

.icon-stop:before {
    content: "\f080";
}

.icon-share:before {
    content: "\f081";
}

.icon-eye:before {
    content: "\f082";
}

.icon-trash_can:before {
    content: "\f083";
}

.icon-hard_drive:before {
    content: "\f084";
}

.icon-information_black:before {
    content: "\f085";
}

.icon-information_white:before {
    content: "\f086";
}

.icon-printer:before {
    content: "\f087";
}

.icon-letter:before {
    content: "\f088";
}

.icon-soundcloud:before {
    content: "\f089";
}

.icon-soundcloud_circle:before {
    content: "\f08A";
}

.icon-anchor:before {
    content: "\2693";
}

.icon-female_sign:before {
    content: "\2640";
}

.icon-male_sign:before {
    content: "\2642";
}

.icon-joystick:before {
    content: "\F514";
}

.icon-high_voltage:before {
    content: "\26A1";
}

.icon-fire:before {
    content: "\F525";
}

.icon-newspaper:before {
    content: "\F4F0";
}

.icon-chart:before {
    content: "\F526";
}

.icon-spread:before {
    content: "\F527";
}

.icon-spinner_1:before {
    content: "\F528";
}

.icon-spinner_2:before {
    content: "\F529";
}

.icon-chart_alt:before {
    content: "\F530";
}

.icon-label:before {
    content: "\F531";
}

.icon-brush:before {
    content: "\E000";
}

.icon-refresh:before {
    content: "\E001";
}

.icon-node:before {
    content: "\E002";
}

.icon-node_2:before {
    content: "\E003";
}

.icon-node_3:before {
    content: "\E004";
}

.icon-link_2_nodes:before {
    content: "\E005";
}

.icon-link_3_nodes:before {
    content: "\E006";
}

.icon-link_loop_nodes:before {
    content: "\E007";
}

.icon-node_size:before {
    content: "\E008";
}

.icon-node_color:before {
    content: "\E009";
}

.icon-layout_directed:before {
    content: "\E010";
}

.icon-layout_radial:before {
    content: "\E011";
}

.icon-layout_hierarchical:before {
    content: "\E012";
}

.icon-node_link_direction:before {
    content: "\E013";
}

.icon-node_link_short_path:before {
    content: "\E014";
}

.icon-node_cluster:before {
    content: "\E015";
}

.icon-display_graph:before {
    content: "\E016";
}

.icon-node_link_weight:before {
    content: "\E017";
}

.icon-more_node_links:before {
    content: "\E018";
}

.icon-node_shape:before {
    content: "\E00A";
}

.icon-node_icon:before {
    content: "\E00B";
}

.icon-node_text:before {
    content: "\E00C";
}

.icon-node_link_text:before {
    content: "\E00D";
}

.icon-node_link_color:before {
    content: "\E00E";
}

.icon-node_link_shape:before {
    content: "\E00F";
}

.icon-credit_card:before {
    content: "\F4B3";
}

.icon-disconnect:before {
    content: "\F534";
}

.icon-graph:before {
    content: "\F535";
}

.icon-new_user:before {
    content: "\F536";
}

.icon-information:before {
    content: "\2139";
}
/*for relative news*/
.spost_nav {
    margin-top: 12px;
}

    .spost_nav li {
        float: left;
        display: block;
        width: 100%;
        margin-bottom: 10px
    }

    .spost_nav .media-left {
        _0width: 112px;
        height: 80px;
        _0width: 36%;
    }
/*.media-left > img{height:70px; width:104px; max-width:104px;}*/
.related_post {
    display: inline;
    float: left;
    margin-top: 0;
    width: 100%;
    margin-bottom: 20px
}

    .related_post > h2 {
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 5px;
        font-weight: bold;
    }

        .related_post > h2 i {
            font-size: 25px
        }

    .related_post .spost_nav li {
        width: 49%;
        margin-right: 6px
    }

        .related_post .spost_nav li:last-child {
            margin-right: 0
        }

.text-size-16 {
    font-size: 16px !important;
}

.text-size-18 {
    font-size: 18px !important;
}

.text-size-20 {
    font-size: 20px !important;
}

.hidden {
    display: none;
}

.s-1, .s-2, .s-five, .s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10, .s-11, .s-12, .m-1, .m-2, .m-five, .m-3, .m-4, .m-5, .m-6, .m-7, .m-8, .m-9, .m-10, .m-11, .m-12, .l-1, .l-2, .l-five, .l-3, .l-4, .l-5, .l-6, .l-7, .l-8, .l-9, .l-10, .l-11, .l-12 {
    float: left;
    position: static;
}

.l-offset-1 {
    margin-left: 8.3333%;
}

.l-offset-2 {
    margin-left: 16.6666%;
}

.l-offset-five {
    margin-left: 16.6666%;
}

.l-offset-3 {
    margin-left: 25%;
}

.l-offset-4 {
    margin-left: 33.3333%;
}

.l-offset-5 {
    margin-left: 41.6666%;
}

.l-offset-6 {
    margin-left: 50%;
}

.l-offset-7 {
    margin-left: 58.3333%;
}

.l-offset-8 {
    margin-left: 66.6666%;
}

.l-offset-9 {
    margin-left: 75%;
}

.l-offset-10 {
    margin-left: 83.3333%;
}

.l-offset-11 {
    margin-left: 91.6666%;
}

.l-offset-12 {
    margin-left: 100%;
}

.s-1 {
    width: 8.3333%;
}

.s-2 {
    width: 16.6666%;
}

.s-five {
    width: 16.6666%;
}

.s-3 {
    width: 25%;
}

.s-4 {
    width: 33.3333%;
}

.s-5 {
    width: 41.6666%;
}

.s-6 {
    width: 50%;
}

.s-7 {
    width: 58.3333%;
}

.s-8 {
    width: 66.6666%;
}

.s-9 {
    width: 75%;
}

.s-10 {
    width: 83.3333%;
}

.s-11 {
    width: 91.6666%;
}

.s-12 {
    width: 100%;
}

.margin > .s-1, .margin > .s-2, .margin > .s-five, .margin > .s-3, .margin > .s-4, .margin > .s-5, .margin > .s-6, .margin > .s-7, .margin > .s-8, .margin > .s-9, .margin > .s-10, .margin > .s-11, .margin > .s-12,
.margin > .m-1, .margin > .m-2, .margin > .m-five, .margin > .m-3, .margin > .m-4, .margin > .m-5, .margin > .m-6, .margin > .m-7, .margin > .m-8, .margin > .m-9, .margin > .m-10, .margin > .m-11, .margin > .m-12,
.margin > .l-1, .margin > .l-2, .margin > .l-five, .margin > .l-3, .margin > .l-4, .margin > .l-5, .margin > .l-6, .margin > .l-7, .margin > .l-8, .margin > .l-9, .margin > .l-10, .margin > .l-11, .margin > .l-12 {
    padding: 0 0.625rem;
}

.margin2x > .s-1, .margin2x > .s-2, .margin2x > .s-five, .margin2x > .s-3, .margin2x > .s-4, .margin2x > .s-5, .margin2x > .s-6, .margin2x > .s-7, .margin2x > .s-8, .margin2x > .s-9, .margin2x > .s-10, .margin2x > .s-11, .margin2x > .s-12,
.margin2x > .m-1, .margin2x > .m-2, .margin2x > .m-five, .margin2x > .m-3, .margin2x > .m-4, .margin2x > .m-5, .margin2x > .m-6, .margin2x > .m-7, .margin2x > .m-8, .margin2x > .m-9, .margin2x > .m-10, .margin2x > .m-11, .margin2x > .m-12,
.margin2x > .l-1, .margin2x > .l-2, .margin2x > .l-five, .margin2x > .l-3, .margin2x > .l-4, .margin2x > .l-5, .margin2x > .l-6, .margin2x > .l-7, .margin2x > .l-8, .margin2x > .l-9, .margin2x > .l-10, .margin2x > .l-11, .margin2x > .l-12 {
    padding: 0 1.25rem;
}

.m-1 {
    width: 8.3333%;
}

.m-2 {
    width: 16.6666%;
}

.m-five {
    width: 20%;
}

.m-3 {
    width: 25%;
}

.m-4 {
    width: 33.3333%;
}

.m-5 {
    width: 41.6666%;
}

.m-6 {
    width: 50%;
}

.m-7 {
    width: 58.3333%;
}

.m-8 {
    width: 66.6666%;
}

.m-9 {
    width: 75%;
}

.m-10 {
    width: 83.3333%;
}

.m-11 {
    width: 91.6666%;
}

.m-12 {
    width: 100%;
}

.l-1 {
    width: 8.3333%;
}

.l-2 {
    width: 16.6666%;
}

.l-five {
    width: 20%;
}

.l-3 {
    width: 25%;
}

.l-4 {
    width: 33.3333%;
}

.l-5 {
    width: 41.6666%;
}

.l-6 {
    width: 50%;
}

.l-7 {
    width: 58.3333%;
}

.l-8 {
    width: 66.6666%;
}

.l-9 {
    width: 75%;
}

.l-10 {
    width: 83.3333%;
}

.l-11 {
    width: 91.6666%;
}

.l-12 {
    width: 100%;
}

.right {
    float: right;
}

.left {
    float: left;
}

@media screen and (max-width:768px) {
    .size-960, .size-1140, .size-1280 {
        max-width: 768px;
    }

    .hide-l, .hide-s {
        display: block !important;
    }

    .hide-m {
        display: none !important;
    }

    .l-offset-1, .l-offset-2, .l-offset-five, .l-offset-3, .l-offset-4, .l-offset-5, .l-offset-6, .l-offset-7, .l-offset-8, .l-offset-9, .l-offset-10, .l-offset-11, .l-offset-12 {
        margin-left: 0;
    }

    .m-offset-1 {
        margin-left: 8.3333%;
    }

    .m-offset-2 {
        margin-left: 16.6666%;
    }

    .m-offset-five {
        margin-left: 16.6666%;
    }

    .m-offset-3 {
        margin-left: 25%;
    }

    .m-offset-4 {
        margin-left: 33.3333%;
    }

    .m-offset-5 {
        margin-left: 41.6666%;
    }

    .m-offset-6 {
        margin-left: 50%;
    }

    .m-offset-7 {
        margin-left: 58.3333%;
    }

    .m-offset-8 {
        margin-left: 66.6666%;
    }

    .m-offset-9 {
        margin-left: 75%;
    }

    .m-offset-10 {
        margin-left: 83.3333%;
    }

    .m-offset-11 {
        margin-left: 91.6666%;
    }

    .m-offset-12 {
        margin-left: 100%;
    }

    .l-1 {
        width: 8.3333%;
    }

    .l-2 {
        width: 16.6666%;
    }

    .l-five {
        width: 20%;
    }

    .l-3 {
        width: 25%;
    }

    .l-4 {
        width: 33.3333%;
    }

    .l-5 {
        width: 41.6666%;
    }

    .l-6 {
        width: 50%;
    }

    .l-7 {
        width: 58.3333%;
    }

    .l-8 {
        width: 66.6666%;
    }

    .l-9 {
        width: 75%;
    }

    .l-10 {
        width: 83.3333%;
    }

    .l-11 {
        width: 91.6666%;
    }

    .l-12 {
        width: 100%;
    }

    .s-1 {
        width: 8.3333%;
    }

    .s-2 {
        width: 16.6666%;
    }

    .s-five {
        width: 20%;
    }

    .s-3 {
        width: 25%;
    }

    .s-4 {
        width: 33.3333%;
    }

    .s-5 {
        width: 41.6666%;
    }

    .s-6 {
        width: 50%;
    }

    .s-7 {
        width: 58.3333%;
    }

    .s-8 {
        width: 66.6666%;
    }

    .s-9 {
        width: 75%;
    }

    .s-10 {
        width: 83.3333%;
    }

    .s-11 {
        width: 91.6666%;
    }

    .s-12 {
        width: 100%
    }

    .m-1 {
        width: 8.3333%;
    }

    .m-2 {
        width: 16.6666%;
    }

    .m-five {
        width: 20%;
    }

    .m-3 {
        width: 25%;
    }

    .m-4 {
        width: 33.3333%;
    }

    .m-5 {
        width: 41.6666%;
    }

    .m-6 {
        width: 50%;
    }

    .m-7 {
        width: 58.3333%;
    }

    .m-8 {
        width: 66.6666%;
    }

    .m-9 {
        width: 75%;
    }

    .m-10 {
        width: 83.3333%;
    }

    .m-11 {
        width: 91.6666%;
    }

    .m-12 {
        width: 100%
    }
}

@media screen and (max-width:480px) {
    .size-960, .size-1140, .size-1280 {
        max-width: 480px;
    }

    .hide-l, .hide-m {
        display: block !important;
    }

    .hide-s {
        display: none !important;
    }

    .count-number {
        margin-right: -1.25rem;
    }

    .l-offset-1, .l-offset-2, .l-offset-five, .l-offset-3, .l-offset-4, .l-offset-5, .l-offset-6, .l-offset-7, .l-offset-8, .l-offset-9, .l-offset-10, .l-offset-11, .l-offset-12,
    .m-offset-1, .m-offset-2, .m-offset-five, .m-offset-3, .m-offset-4, .m-offset-5, .m-offset-6, .m-offset-7, .m-offset-8, .m-offset-9, .m-offset-10, .m-offset-11, .m-offset-12 {
        margin-left: 0;
    }

    .s-offset-1 {
        margin-left: 8.3333%;
    }

    .s-offset-2 {
        margin-left: 16.6666%;
    }

    .s-offset-five {
        margin-left: 16.6666%;
    }

    .s-offset-3 {
        margin-left: 25%;
    }

    .s-offset-4 {
        margin-left: 33.3333%;
    }

    .s-offset-5 {
        margin-left: 41.6666%;
    }

    .s-offset-6 {
        margin-left: 50%;
    }

    .s-offset-7 {
        margin-left: 58.3333%;
    }

    .s-offset-8 {
        margin-left: 66.6666%;
    }

    .s-offset-9 {
        margin-left: 75%;
    }

    .s-offset-10 {
        margin-left: 83.3333%;
    }

    .s-offset-11 {
        margin-left: 91.6666%;
    }

    .s-offset-12 {
        margin-left: 100%;
    }

    .l-1 {
        width: 8.3333%;
    }

    .l-2 {
        width: 16.6666%;
    }

    .l-five {
        width: 20%;
    }

    .l-3 {
        width: 25%;
    }

    .l-4 {
        width: 33.3333%;
    }

    .l-5 {
        width: 41.6666%;
    }

    .l-6 {
        width: 50%;
    }

    .l-7 {
        width: 58.3333%;
    }

    .l-8 {
        width: 66.6666%;
    }

    .l-9 {
        width: 75%;
    }

    .l-10 {
        width: 83.3333%;
    }

    .l-11 {
        width: 91.6666%;
    }

    .l-12 {
        width: 100%;
    }

    .m-1 {
        width: 8.3333%;
    }

    .m-2 {
        width: 16.6666%;
    }

    .m-five {
        width: 20%;
    }

    .m-3 {
        width: 25%;
    }

    .m-4 {
        width: 33.3333%;
    }

    .m-5 {
        width: 41.6666%;
    }

    .m-6 {
        width: 50%;
    }

    .m-7 {
        width: 58.3333%;
    }

    .m-8 {
        width: 66.6666%;
    }

    .m-9 {
        width: 75%;
    }

    .m-10 {
        width: 83.3333%;
    }

    .m-11 {
        width: 91.6666%;
    }

    .m-12 {
        width: 100%
    }

    .s-1 {
        width: 8.3333%;
    }

    .s-2 {
        width: 16.6666%;
    }

    .s-five {
        width: 20%;
    }

    .s-3 {
        width: 25%;
    }

    .s-4 {
        width: 33.3333%;
    }

    .s-5 {
        width: 41.6666%;
    }

    .s-6 {
        width: 50%;
    }

    .s-7 {
        width: 58.3333%;
    }

    .s-8 {
        width: 66.6666%;
    }

    .s-9 {
        width: 75%;
    }

    .s-10 {
        width: 83.3333%;
    }

    .s-11 {
        width: 91.6666%;
    }

    .s-12 {
        width: 100%
    }
}
/*end*/
.single-footer p {
    color: #fff;
}

.footer-top {
    padding-top: 30px;
}
