﻿﻿body {
    font-family: INT !important;
    text-align: left !important;
    background: #f5f5f5;
   
}

* {
    font-family: INT;
}

.w-100 {
    float: left;
    width: 100%;
}

.formBox {
    float: left;
    width: 100%;
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    text-decoration: none;
    opacity: 0;
    z-index: -1;
    background-color: transparent;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transform: rotate(45deg);
    cursor: pointer;
}

    .back-to-top .btnV {
        width: 50px;
        height: 50px;
        line-height: 50px;
        padding: 0;
        position: relative;
        background-color: transparent;
        border-radius: 50%;
        border: 3px solid #999;
        border-right-color: rgb(46, 62, 119);
        border-bottom-color: rgb(46, 62, 119);
        box-shadow: 0 0 8px rgba(0,0,0,.2);
        border-right-color: #999;
        border-bottom-color: #999;
        transition: all 0.3s ease;
        box-sizing: border-box;
    }

        .back-to-top .btnV::before {
            position: absolute;
            content: "";
            left: 6px;
            top: 6px;
            right: 6px;
            bottom: 6px;
            background-color: #fff;
            border-radius: 50%;
            transition: all 0.3s ease;
            -moz-transform: scale(0);
            -webkit-transform: scale(0);
            -o-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }



    .back-to-top i {
        color: #999 !important;
        font-size: 24px !important;
        line-height: inherit !important;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        z-index: 10 !important;
        transition: all 0.3s ease !important;
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }

    .back-to-top .btnV:hover {
        border-radius: 50%;
        color: #fff
    }

        .back-to-top .btnV:hover i {
            color: #fff
        }

        .back-to-top .btnV:hover:before {
            -moz-transform: scale(1);
            -webkit-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }



/*.m-input-icon {
    float: left!important;
}
    .m-input-icon > .m-input-icon__icon.m-input-icon__icon--left {
        right: 0;
        float: left!important;
    }*/
.derpUser {
    background: #716aca !important;
    background-size: cover;
}

.m-dropdown.m-dropdown--arrow .m-dropdown__arrow {
    color: #fff !important;
}

.derpUser1 {
    background: url(../Images/Design/btTopDr6.jpg) no-repeat top center;
    background-size: cover;
}

textarea.multi-line {
    min-height: 120px;
    font-size: 13px;
    resize: vertical
}

.s-jobDesc {
    color: #555;
    line-height: 30px;
    font-size: 13px;
    text-align: justify;
}

.relateMessage {
    float: left;
    width: 100%;
    padding: 20px 10px;
}

.cardRelateMessage {
    float: left;
    width: 100%;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 3px;
    background: #f6f6f6
}

    .cardRelateMessage .dateTime {
        float: left;
        width: 100%;
        color: #263843;
        font-size: 12px;
    }

    .cardRelateMessage .titleMsg {
        float: left;
        width: 100%;
        color: #263843;
        font-size: 14px;
        margin: 10px 0;
    }

    .cardRelateMessage .textMsg {
        float: left;
        width: 100%;
        color: #263843;
        font-size: 12px;
        line-height: 30px;
        text-align: justify;
        margin: 0 0 10px 0;
    }

.headerMsg {
    float: left;
    width: 100%;
    color: #263843;
    font-size: 16px;
    line-height: 30px;
    padding: 10px;
    font-weight: 900;
}

.twoToneButton {
    position: relative;
}

    .twoToneButton:hover {
    }

    .twoToneButton:active {
    }

    .twoToneButton.spinning {
        background-color: #2dabff;
        pointer-events: none;
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

.disableBtn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.twoToneButton[disabled] {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.twoToneButton.spinning:after {
    content: '';
    right: 6px;
    top: 50%;
    width: 0;
    height: 0;
    position: absolute;
    border-radius: 50%;
    -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
    animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
}

.twoToneButton.spinning:before {
    content: "";
    width: 0px;
    height: 0px;
    border-radius: 50%;
    right: 6px;
    top: 50%;
    position: absolute;
    border: 2px solid #fff;
    border-right: 3px solid rgb(131, 131, 131);
    -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
    animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
}

.loadBtn {
    display: none;
    width: 100%;
    float: left;
    position: absolute;
    right: 0;
    left: 0;
    background: #999
}

.loadBtn2 {
    display: none;
    width: 100%;
    float: left;
    position: absolute;
    right: 0;
    left: 0;
    background: #33b5e5
}

.spinningB:after {
    content: '';
    right: 6px;
    top: 50%;
    width: 0;
    height: 0;
    position: absolute;
    border-radius: 50%;
    -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
    animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
}

.spinningB:before {
    content: "";
    width: 0px;
    height: 0px;
    border-radius: 50%;
    right: 6px;
    top: 50%;
    position: absolute;
    border: 2px solid #fff;
    border-right: 3px solid rgb(131, 131, 131);
    -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
    animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
}

.indextextBox {
    float: left;
    width: 100%;
    position: relative;
    background: url('../Images/Pic/SettingIndex/par.jpg') center;
    background-size: cover;
    /*background: #f7f7f7;*/
    /*border-top: 2px dashed #e8e8e8;
    border-bottom: 2px dashed #e8e8e8;*/
}

    .indextextBox::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 196px;
        background-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.9)),to(transparent));
        background-image: linear-gradient(90deg,hsla(0,0%,100%,.9),transparent);
        z-index: 1;
        display: none;
    }

.indexText {
    float: left;
    width: 100%;
    text-align: justify;
    padding: 70px 30px;
    border-radius: 6px;
    margin-bottom: 20px;
    position: relative;
    direction:ltr;
}


.articlecard {
    float: left;
    width: 100%;
    position: relative;
    height: 330px;
    border-radius: 6px;
    box-shadow: 0 15px 60px rgba(56,93,165,0.1);
    padding: 25px;
    margin-bottom: 20px;
    background: #fff;
    transition: all 0.4s;
    border: 1px solid #fff;
    direction:ltr;
}

    .articlecard:hover {
        box-shadow: none;
        transition: all 0.4s;
        border: 1px solid #322c95
    }

.articleimg {
    float: left;
    width: 100%;
    height: 170px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

    .articleimg img {
        float: left;
        width: 100%;
        height: auto;
        min-height: 170px;
        border-radius: 6px;
    }

.articlecattitle {
    float: left;
    color: #8d8d8d;
    font-size: 12px;
    width: 100%;
    padding-top: 15px;
    line-height: 30px;
}

.articletitle span {
    float: left;
    color: #4b515a;
    font-size: 14px;
    width: 100%;
    line-height: 30px;
    font-family: INTB;
    font-weight: 900
}
.service__more {
    height: 37px;
    color: #fff;
    font-size: 12px;
    left: 10px;
    position: relative;
    padding: 8px 40px 4px 15px;
    background: #322c95;
    -webkit-box-shadow: 0 12px 19px -7px rgba(19,210,118,.6);
    box-shadow: 0 12px 19px -7px rgba(129, 129, 129, 0.60);
    -webkit-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    margin-top: 20px;
}

    .service__more i {
        position: absolute;
        right: 13px;
        top: 13px;
        font-size: 9px;
        transform:rotate(-180deg)
    }

    .service__more:hover {
        -webkit-box-shadow: 0 3px 5px -7px rgba(19,210,118,.6);
        box-shadow: 0 3px 5px -7px rgba(19,210,118,.6);
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }

.imgte {
    min-width: 160px;
}
/*.indexText::before {
        content: "";
        position: absolute;
        width: 95%;
        height: 100%;
        background: #ffffff;
        box-shadow: 0 0 50px -10px rgba(121, 131, 143, 0.2);
        z-index: -1;
        top: 0;
        border-radius: 100px;
    }*/
.indexText h1 {
    font-size: 22px;
    font-weight: 900;
    text-align: left;
    line-height: 40px;
    font-family: INTB;
    padding-bottom: 10px;
    color: #fff;
}

.indexText h2 {
    font-size: 15px;
    font-weight: 900;
    text-align: left;
    line-height: 30px;
    color: #fff;
    margin: 20px 0;
}

.contentIndexText {
    line-height: 30px;
    font-size: 14px;
    color: #fff
}

    .contentIndexText a {
        color: #8bc6ff
    }

.boxvidt {
    float: left;
    width: 100%;
    padding: 80px 10px 30px 10px;
}

.fl-wrap {
    float: right;
    width: 100%;
    position: relative;
}

.dec-img:before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: -10px;
    width: 50%;
    height: 50%;
    z-index: 1;
    background: #fa0102;
}

.dec-img img {
    position: relative;
    z-index: 2;
}

.respimg {
    width: 100%;
    height: auto;
}

.video-box-btn {
    position: absolute;
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin: -40px 0 0 -40px;
    background: #2D2D32;
    z-index: 20;
    left: 50%;
    top: 50%;
    box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.2);
    border-radius: 100%;
    transition: all 300ms linear;
    z-index: 20;
    color: #fa0102;
}

.dec-img:after {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    width: 50px;
    height: 50px;
    border-left: 1px solid rgba(49, 49, 49, 0.50);
    border-top: 1px solid rgba(49, 49, 49, 0.50);
}

.video-box-btn {
    text-align: center;
}

    .video-box-btn:hover {
        box-shadow: 0px 0px 0px 17px rgba(255,255,255,0.2);
    }

.servicesBoxNew {
    width: 100%;
    float: left;
}

.servicesBoxNewW {
    width: 100%;
    float: left;
    padding: 20px 0;
    background: #fff;
    border-radius: 4px;
    margin-top: 20px;
}

.homeArticle-more {
    color: #929292;
    font-size: 12px;
    font-weight: 400;
    padding: 15px 4px;
    transition: all .3s ease-in-out;
    margin-top: 10px;
    float: left;
    width: 100%;
    text-align: right;
    transition: all 0.5s;
}

    .homeArticle-more:hover {
        color: #d70808;
        transition: all 0.5s;
    }

.cardServicesNew {
    float: left;
    width: 100%;
    height: 277px !important;
    /*box-shadow: 0 2px 2px rgba(171,175,184,.25);*/
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    margin-top: 15px;
}

    .cardServicesNew h3 {
        position: relative;
        font-size: 18px;
        font-weight: 700;
        color: #d70808;
        float: left;
        width: 100%;
        padding: 30px 30px 15px 10px;
        font-family: INTB;
    }

    .cardServicesNew .content {
        position: relative;
        font-size: 12px;
        font-weight: 400;
        color: #515356;
        line-height: 19.13px;
        padding: 0 30px 0 0;
    }

    .cardServicesNew .imgBox {
        float: left;
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 170px !important;
    }

@-webkit-keyframes rotate360 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate360 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes exist {
    100% {
        width: 15px;
        height: 15px;
        margin: -8px 5px 0 0;
    }
}

@keyframes exist {
    100% {
        width: 15px;
        height: 15px;
        margin: -8px 5px 0 0;
    }
}

#owl-demo4 {
    height: 410px;
}

#owl-demo5 .owl-dots {
    display: none;
}

#owl-demo5 .owl-nav .owl-prev, #owl-demo5 .owl-nav .owl-next {
    color: #fff;
    background: rgba(90, 90, 90, 0.30) !important;
    box-shadow: none !important;
    width: 60px !important;
    opacity: 0.4;
    border-radius: 5px !important;
    transition: all 0.5s;
    top: 90%;
}

#owl-demo5 .owl-nav .owl-next {
    left: 50px !important;
}

#owl-demo5 .owl-nav .owl-prev {
    left: auto !important;
    left: 120px !important;
}

.slick-next {
    right: 15px;
}

.slick-arrow {
    z-index: 9999;
    width: 60px;
    text-align: center;
    position: absolute;
    top: 3px;
    padding: 10px 0;
    font-size: 0;
    border: 0;
    outline: none;
    background-color: transparent;
    cursor: pointer;
}

    .slick-arrow:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transition: 160ms ease-out 80ms;
    }

.slick-next:before {
    margin-top: -7px;
    margin-right: 0px;
    width: 16px;
    height: 16px;
    border-bottom: 2px solid rgba(238, 238, 238, 0.50);
    border-right: 2px solid rgba(238, 238, 238, 0.50);
    -webkit-transform: translateX(0px) rotate(135deg);
    transform: translateX(0px) rotate(135deg);
}

.slick-next:after {
    height: 2px;
    background-color: rgba(238, 238, 238, 0.50);
    width: 30px;
    margin-right: 0;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.slick-prev:before {
    margin-top: -7px;
    margin-right: -5px;
    width: 15px;
    height: 15px;
    border-bottom: 2px solid rgba(238, 238, 238, 0.50);
    border-right: 2px solid rgba(238, 238, 238, 0.50);
    -webkit-transform: translateX(8px) rotate(-45deg);
    transform: translateX(8px) rotate(-45deg);
}

.slick-prev:after {
    height: 2px;
    background-color: rgba(238, 238, 238, 0.50);
    width: 30px;
    margin-right: -20px;
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    margin-top: 0px;
}

.slick-arrow:after, .slick-arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transition: 160ms ease-out 80ms;
}

.slick-next:hover:after {
    width: 60px;
    -webkit-transform: translateX(-31px);
    transform: translateX(-31px);
    background-color: #322c95
}

.slick-next:hover:before {
    margin-right: 7px;
    -webkit-transform: translateX(-37px) rotate(135deg);
    transform: translateX(-37px) rotate(135deg);
    border-color: #322c95
}

.slick-prev:hover:before {
    -webkit-transform: translateX(37px) rotate(-45deg);
    transform: translateX(37px) rotate(-45deg);
    border-color: #322c95
}

.slick-prev:hover:after {
    width: 60px;
    background-color: #322c95
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

.cardServicesPro {
    float: left;
    width: 100%;
    height: 390px !important;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    margin: 15px 0 25px 0;
    text-align: center;
    transition: all 0.5s;
    text-align: center;
    direction: rtl;
    /*box-shadow: 0 5px 17px -3px rgba(0, 0, 0, 0.08);*/
    border: 1px solid #fff;
    box-shadow: 0 5px 24px rgba(0,0,0,.1);
    direction:ltr;
}

    .cardServicesPro:hover {
        box-shadow: 0 2px 2px rgba(171,175,184,.25);
        transition: all 0.5s;
        box-shadow: 0 5px 7px rgba(0,0,0,.1);
        -webkit-transform: none !important;
        transform: none !important;
        border: 1px solid #322c95
    }

    .cardServicesPro h3 {
        position: relative;
        font-size: 15px;
        font-weight: 700;
        color: #5b5e67;
        float: left;
        width: 100%;
        padding: 30px 0 20px 0;
        text-align: center;
        transition: all 0.5s;
    }

    .cardServicesPro:hover h3 {
        color: #322c95;
        transition: all 0.5s;
    }

    .cardServicesPro .tipro {
        position: relative;
        font-size: 15px;
        font-weight: 700;
        color: #5b5e67;
        float: left;
        width: 100%;
        padding: 30px 0 20px 0;
        text-align: center;
        transition: all 0.5s;
    }

    .cardServicesPro:hover .tipro {
        color: #322c95;
        transition: all 0.5s;
    }
.tinn{
    font-size:12px!important;
}
.tinn2 {
    font-size: 14px !important;
}
.cardServicesPro .content {
    text-align: center;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #515356;
    line-height: 19.13px;
    float: left;
    width: 100%;
    text-align: center;
}

        .cardServicesPro .content span {
            position: relative;
            font-size: 14px;
            font-weight: 400;
            color: #949494;
            line-height: 19.13px;
            padding: 0 30px 0 0;
        }

    .cardServicesPro .imgBox {
        float: left;
        width: 100%;
        position: relative;
        bottom: 0;
        height: 220px !important;
        text-align: center;
        margin-top: 25px;
        transition: all 0.5s;
    }

    .cardServicesPro .imgboxtu {
        margin: 0 auto;
        width: 100%;
        position: relative;
        bottom: 0;
        height: 218px !important;
        text-align: center;
        overflow: hidden;
    }

    .cardServicesPro .imgBox img {
        width: auto;
        height: 220px;
        display: inline-table;
        position: relative;
        top: -1px;
    }

    .cardServicesPro:hover .imgBox {
        transition: all 0.5s;
        height: 200px !important;
    }

        .cardServicesPro:hover .imgBox img {
            transition: all 0.5s;
            height: 200px !important;
        }

.fpro {
    height: 77px;
    position: absolute;
    margin-top: 6px;
    overflow: hidden;
    border-radius: 13px;
    float: left;
    width: 100%;
    bottom: 0;
}

.new-product {
    transition: .3s;
    border-radius: 100%;
    height: 106px;
    box-shadow: inset -1px 3px 4px rgba(0,0,0,.07);
    right: -45px;
    top: 5px;
    z-index: 5;
    background-color: #fff;
    width: 106px;
    position: absolute;
}

    .new-product i {
        position: absolute;
        font-size: 22px;
        right: 50%;
        top: 25%;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .new-product .add {
        position: absolute;
        background-color: #b3bac1;
        top: 29%;
        right: 59%;
        border-radius: 60px;
        width: 21px;
        height: 21px;
        text-align: center;
        color: #fff;
        line-height: 25px;
        font-size: 21px;
        font-weight: 400;
    }

.new-price {
    position: relative;
    height: 50px;
    padding-top: 41px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    width: 100%;
}

.new-price2 {
    -webkit-transition: .2s;
    transition: .2s;
    transition-delay: 0s;
    -webkit-transition-delay: .09s;
    transition-delay: .09s;
    position: absolute;
    left: 20px;
    width: 140px;
    font-size: 17px;
    font-weight: 400;
    margin-top: -10px;
    text-align: right;
    padding-right: 8px;
    opacity: 1;
}

    .new-price2 span {
        font-size: 12px;
    }

.show-description {
    -webkit-transition: .2s;
    transition: .2s;
    transition-delay: 0s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    position: absolute;
    left: 28px;
    top: 34px;
    text-decoration: none;
    width: 155px;
    color: #b3bac1;
    font-size: 13px;
    font-weight: 400;
}

.bgAct {
    background: #999 !important;
    color: #fff !important;
}

.notFound {
    float: left;
    width: 100%;
    min-height: 500px;
    text-align: center;
    background: #fff;
    padding-bottom: 100px;
}

.header {
    position: relative;
    width: 100%;
    padding: 5px 0;
    padding-bottom: 5px;
    float: left;
    box-shadow: 0 7px 8px 0 rgba(0,0,0,.04);
    z-index: 300;
    transform: translateY(0px);
    transition: transform .3s,-webkit-transform .3s;
    background: #322c95;
    padding-bottom: 25px;
}

.sheaderbr {
    float: left;
    width: 100%;
    border-bottom: 1px solid #d8e1e6;
    height: 70px;
    padding-top: 15px !important;
}

.langpic {
    float: right;
    height: 25px;
    width: 32px;
    margin-left: 5px;
    margin-top: 5px;
}

    .langpic img {
        float: right;
        height: 25px;
        width: 32px;
    }

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

.subheader {
    float: left;
    width: 100%;
    background: #fff;
}

.siteHeader-call {
    float: right;
    font-size: 11px;
    font-weight: 400;
    color: #2f383d;
    width: 170px;
    text-align: right;
    margin-right: 40px;
}

    .siteHeader-call a {
        color: #2f383d;
    }

    .siteHeader-call i {
        line-height: 36px;
        font-size: 40px;
        color: #fa0102;
        transform: rotate(-35deg)
    }

    .siteHeader-call i {
        width: 30px;
        height: 48px;
        line-height: 28px;
        font-size: 45px;
        color: #fa0102;
        float: right;
        margin-top: 2px;
        margin-left: 3px;
    }

    .siteHeader-call b {
        font-size: 21px;
        font-weight: 500;
        color: #fff;
        margin-top: 3px;
    }

    .siteHeader-call span {
        font-size: 17px;
        font-weight: 400;
        color: #fff;
        display: block;
        direction: ltr;
        margin-top: 3px;
    }

.tell {
    color: #97aab2;
    position: relative;
    padding-bottom: 9px;
    line-height: 19px;
    padding-left: 10px;
}

    .tell::before {
        content: "";
        background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(7%,hsla(0,0%,100%,0)),color-stop(75%,#fff));
        background: -o-linear-gradient(top,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 7%,#fff 75%);
        background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 7%,#fff 75%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=0);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 20px;
        z-index: 9;
        pointer-events: none;
    }

.tell__title {
    margin-top: -5px;
    font-size: 13px
}

.tell {
    color: #97aab2;
    line-height: 19px;
}

.tell__num {
    color: #322c95;
    font-size: 16px;
    letter-spacing: -1.36px;
    font-weight: 500;
    line-height: 30px;
}

    .tell__num span {
        color: #899da6;
        letter-spacing: -1.36px;
        padding-left: 3px;
    }

.tell i {
    overflow: hidden;
    position: absolute;
    font-size: 72px;
    color: #d8e1e6;
    left: 0;
    bottom: 0;
    height: 50px;
    transform: scaleX(-1);
}

.siteHeader-userItem {
    float: left;
    font-size: 11px;
    font-weight: 400;
    padding: 0 5px 0 10px;
    line-height: 36px;
}

    .siteHeader-userItem i {
        width: 15px;
        height: 14px;
        font-size: 14px;
        line-height: 14px;
        color: #333;
        margin-right: 10px;
        margin-top: 11px;
        float: left;
    }

    .siteHeader-userItem i {
        font-size: 14px;
        line-height: 14px;
        color: #333;
    }

    .siteHeader-userItem a {
        color: #333;
        font-size: 13px;
        transition: all .3s ease-in-out;
    }

.stx p {
    display: inline-block !important;
}

.c-header__search {
    position: relative;
    -webkit-transition: .3s cubic-bezier(.17,.67,.49,.93);
    transition: .3s cubic-bezier(.17,.67,.49,.93);
    width: 100%;
    float: left;
    z-index: 9999;
}

.c-search {
    position: relative;
    width: 100%;
    float: left;
}

.btnCl {
    position: absolute;
    left: 20px;
    top: 2px;
    padding: 10px;
    z-index: 70;
    float: right;
    height: 22px;
    width: 22px;
    color: #bababa;
    cursor: pointer;
    display: none;
}

.icSearch {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 60;
    font-size: 18px;
    text-shadow: 0 2px 4px rgba(71,91,100,.26);
    color: #322c95;
}

.icSearchM {
    position: relative;
    top: 7px;
    font-size: 18px;
    text-shadow: 0 2px 4px rgba(71,91,100,.26);
    color: #fff;
}

.c-search input {
    width: 100%;
    color: #474747;
    font-weight: 300;
    font-size: 12px;
    z-index: 51;
    position: relative;
    border-radius: 5px;
    border: none;
    padding: 12px 45px 18px 10px;
    float: left;
}

.c-search__results {
    position: absolute;
    background: #fff;
    left: 60px;
    right: 0;
    top: 100%;
    z-index: 50;
    overflow: hidden;
    overflow-y: hidden;
    border-radius: 0 0 7px 7px;
    display: none;
    top: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 12px 0 rgba(0,0,0,.2);
    box-shadow: 0 3px 12px 0 rgba(0,0,0,.2);
    left: 0;
    padding: 54px 12px 10px;
    max-height: 300px;
    overflow-y: scroll;
}

.c-search__results-list--autosuggest {
    background-color: #fff;
    position: relative;
}

.c-search__results-list {
    letter-spacing: -.4px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    list-style: none;
    display: none;
    display: block;
}

.bgWhite {
    background: #fff !important;
}

.tSearch {
    float: left;
    width: 100%;
    padding: 10px 10px 20px 10px;
}

    .tSearch h6 {
        float: left;
        width: 100%;
        padding: 10px 0;
        font-weight: bold;
        font-size: 13px;
        color: #111;
    }

.proSearch {
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

    .proSearch a {
        float: left;
        width: 100%;
        color: #333;
        font-size: 12px;
    }

.btnCl {
    position: absolute;
    left: 20px;
    top: 2px;
    padding: 10px;
    z-index: 70;
    float: right;
    height: 22px;
    width: 22px;
    color: #bababa;
    cursor: pointer;
    display: none;
}

.userHeader {
    float: right;
    min-width: 235px;
    margin-top: 30px;
}

.btnZist {
    padding: 7px 30px 7px 30px;
    border-radius: 35px;
    background: rgba(253, 253, 253, 0.94);
    border: none;
    color: #3d68cc;
    text-align: center;
    font-size: 12px;
    transition: all 0.4s;
    margin-left: 15px;
    border: 2px solid #3d68cc;
    font-weight: 900;
}

    .btnZist:hover {
        box-shadow: none;
        box-shadow: 0 12px 19px -7px rgba(70, 48, 180, 0.56);
        transition: all 0.4s;
    }

#mainnav > ul > li {
    transition: all 0.4s;
}

    #mainnav > ul > li > a {
        color: #fff;
        transition: all 0.4s;
        top: 0;
        position: relative;
        text-transform: uppercase;
    }

.activeMenu > ul > li > a {
    color: #fff !important;
}

#mainnav > ul > li:hover > a {
    /*color: #322c95 !important;
    top: -5px;*/
    color: #adb8ff !important;
    position: relative;
    transition: all 0.4s;
}

.menu {
    margin-top: 23px !important;
}

.nmargin {
    margin-top: 5px !important;
}

.nmargin2 {
    margin-top: 9px !important;
}

#mainnav > ul > li:hover .icmn {
    padding-bottom: 13px !important;
    color: #322c95 !important;
    transition: all 0.4s;
}

.icmnSC {
    font-size: 20px;
    padding-bottom: 3px;
    padding-top: 4px;
}
/*.hoveroneSC {
    padding: 10px 0 9px !important;
}*/
#mainnav > ul > li:hover .icmnSC {
    padding-bottom: 0 !important;
}
/*#mainnav > ul > li:hover > a.hoveroneSC {
    top: 0!important;
}*/


.fixed {
    position: fixed !important;
    top: 0px !important;
    margin-top: 0;
    box-shadow: 0 7px 8px 0 rgba(0,0,0,.04);
    padding: 3px 10px;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    border-bottom: none;
    background: #322c95
}

.fixedTab {
    position: fixed !important;
    top: 70px !important;
    margin-top: 0;
    padding: 2px 0;
    width: 100%;
    z-index: 9999999999999999;
    max-width: 1200px;
    box-shadow: 0 5px 24px rgba(0,0,0,.1);
}

.fixedTabV {
    position: relative !important;
    height: 0;
    display: none;
    transition: all 0.4s;
}

.NavBox200 {
    float: left;
    width: 100%;
    height: 1px;
    position: relative;
}

.navproduct {
    float: left;
    background-color: #fafafa;
    width: 100%;
    border-radius: 6px;
    position: relative;
    background: #fafafa;
    border: 1px solid #ddd;
    overflow-y: hidden;
    z-index: 100;
    height: 60px;
    overflow-x: auto;
    white-space: nowrap;
    direction:ltr;
}

    .navproduct ul li {
        text-align: center;
        font-size: 12px;
        padding: 17px 10px 20px 10px;
        color: #222;
        cursor: pointer;
        border-left: 1px solid #ddd;
        min-width: 100px;
        display: inline-block;
    }

        .navproduct ul li:last-child {
            border-left: none;
        }

        .navproduct ul li.Active {
            color: #fff;
            background: #322c95
        }

        .navproduct ul li i {
            position: relative;
            margin-right: 3px;
            top: 3px;
            font-size: 16px;
            color: #666;
        }

        .navproduct ul li.Active i {
            color: #fff;
            background: #322c95
        }

    .navproduct::-webkit-scrollbar {
        height: 4px;
        width: 4px;
        background: #eee;
    }

    .navproduct::-webkit-scrollbar-thumb:horizontal {
        background: #57cfb1;
        border-radius: 10px;
    }

.navproduct {
    -ms-overflow-style: none;
    scrollbar-width: thin;
    scrollbar-color: #c4c4c4 rgba(238, 238, 238, 0.00);
}

    .navproduct::-webkit-scrollbar-thumb {
        background-color: #ddd;
        border-radius: 20px;
    }
/*
    .navproduct {
    scrollbar-width: 1px;
    scrollbar-color: #57cfb1 rgba(238, 238, 238, 0.00);
}
    .navproduct::-webkit-scrollbar {
        width: 1px;
    }
  
    .navproduct::-webkit-scrollbar-track {
        background: rgba(238, 238, 238, 0.00);
    }

    */
.navproductV {
    float: left;
    background-color: #fafafa;
    width: 100%;
    border-radius: 6px;
    position: relative;
    background: #fafafa;
    border: 1px solid #ddd;
    overflow-x: auto;
    z-index: 100;
    padding: 20px;
    margin-top: 15px;
}

    .navproductV ul {
        float: left;
        width: 100%;
    }

        .navproductV ul li {
            float: left;
            text-align: left;
            font-size: 12px;
            padding: 20px;
            color: #222;
            cursor: pointer;
            font-weight: 900;
            border-bottom: 1px solid #ececec;
            width: 100%;
            position: relative;
            border-radius: 10px;
        }

    .navproductV li:before {
        position: absolute;
        left: 20px;
        top: 10px;
        opacity: 0.7;
        content: "\f104";
        font-size: 22px;
        font-weight: 900;
        font-family: FontAwesome5 !important;
        z-index: 5;
    }

    .navproductV ul li:last-child {
        border-bottom: none;
    }

    .navproductV ul li.Active {
        color: #fff;
        background: #322c95
    }

    .navproductV ul li i {
        position: relative;
        font-size: 16px;
        margin-right: 5px;
        top: 3px;
    }

.btncopy {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
    font: inherit;
    cursor: pointer;
}

.inputCopy {
    border: 1px solid #eee;
    border-radius: 6px;
    text-align: right;
    direction: ltr;
}

.lx-icon {
    font-size: 22px;
}

.lx-icon1 {
    font-size: 38px;
    position: relative;
    top: 5px;
}

.dataarz {
    background: #424242;
    float: left;
    width: 100%;
    margin-top: 10px;
    border-radius: 4px;
    overflow: hidden;
}

body #tgju table.data-table thead th, body .tgju-copyright {
    background-color: #1a1a1a !important;
}

body #tgju table.data-table thead th, body .tgju-copyright {
    color: #ffffff !important;
}

body #tgju table.data-table {
    border-color: #9F9F9F !important;
}

#tgju table.data-table tbody tr th, #tgju table.data-table tbody tr td {
    border-bottom: 1px solid #DCDCDC !important;
}

.nf {
    color: #fff !important;
}

#tgju table.data-table tbody tr th {
    padding: 6px 10px 8px;
    background-color: #353535 !important;
    border-bottom: 1px solid #aaaaaa !important;
    text-align: left !important;
}

.table, th, .table td {
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    color: #fff !important;
    font-size: 14px;
    text-align: center;
}

#tgju table.data-table tbody tr th, #tgju table.data-table tbody tr td {
    border-bottom: 1px solid #aaaaaa !important;
}

.tgju-copyright {
    display: none !important;
}

.cardGray {
    padding: 10px;
    border-radius: 4px;
    background: #f2f2f2;
    color: #83949d;
    width: 100%;
    font-size: 14px;
}

.cardBgAll {
    background: #6effb8 !important;
}

.filterpro {
    float: left;
    width: 100%;
    padding: 30px 0;
    background: #eee;
}

.headerH1 {
    font-size: 20px !important;
    color: #111 !important;
    width: 100%;
    text-align: left;
    font-family: INTB;
    font-weight: 900;
    line-height: 35px;
    padding: 15px 0;
    margin-top: 20px;
}

.headerH1E {
    font-size: 17px !important;
    color: #111 !important;
    width: 100%;
    text-align: left;
    line-height: 35px;
    font-weight: 800;
}

.headerH2 {
    font-size: 14px !important;
    color: #898989 !important;
    width: 100%;
    text-align: left;
    line-height: 25px;
    padding-bottom: 25px;
}

.headerH1B {
    font-size: 18px !important;
    color: #444444 !important;
    width: 100%;
    text-align: center;
    font-weight: 900;
    line-height: 35px;
    padding-bottom: 10px;
}

.colorA {
    color: #555 !important;
}

.colorB {
    color: #263843 !important;
}

.colorC {
    color: #686868 !important;
}

.colorD {
    color: #6c7479 !important;
}

.colorL {
    color: #7e7d7d !important;
}

.colorRed {
    color: #fa3571 !important;
}

.colorWhite {
    color: #fff !important;
}

.colorLRed {
    color: #ff749e !important;
}

.ColorActive {
    color: #322c95 !important;
}

.ColorActive2 {
    color: #fa0102 !important;
}

.ColorFav {
    color: #0084ff !important;
}

.bgL7 {
    background-image: url('../Images/Design/bgL7.png');
    background-repeat: no-repeat;
    background-size: 416px 416px;
    background-position: -145px 17px;
    padding-bottom: 42px;
    position: absolute;
    height: 522px;
    width: 470px;
    left: 0;
    z-index: -1;
    top: 0;
}

.bgR7 {
    background-image: url('../Images/Design/bgR7.png');
    background-repeat: no-repeat;
    background-size: 416px 416px;
    padding-bottom: 42px;
    position: absolute;
    height: 522px;
    width: 470px;
    right: -250px;
    z-index: -1;
    top: 140px;
}

.bgA {
    background: #999 !important;
}

.bgB {
    background: #263843 !important;
}

.bginputA {
    background: #fbfbfb !important;
    color: #a4a2bb !important
}

.bg-white {
    background: #fff !important;
}

.titlebuy {
    background: #999 !important;
    color: #fff !important;
    padding: 10px 20px !important;
    margin-top: 20px !important;
    width: 100%;
    border-radius: 3px;
}



.linksItemCourses ul li {
    padding: 15px 45px 15px 95px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}

.counterL {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    position: absolute;
    right: 0;
    top: 13px;
    background: #999;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff
}

.linksItemCourses ul li h2 {
    width: auto;
    padding: 5px 5px 3px;
    font-size: 13px;
    font-weight: bold;
    color: #768791
}

    .linksItemCourses ul li h2 a {
        color: #768791
    }

.linksItemCourses ul li .time {
    background-color: #93a3a7;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    line-height: 30px;
    padding: 0 15px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    min-width: 85px;
    position: absolute;
    left: 0;
    top: 15px;
}

.logo {
    height: 60px;
    width: 205px;
    float: left;
    background: url('../Images/Pic/SettingIndex/Logoen.png') no-repeat center left;
    background-size: 100% auto !important;
    padding-bottom: 20px;
    margin-top: 15px;
    margin-right: 20px;
}
.logoSC {
    margin-top: 0 !important;
    height: 58px !important;
    width: 200px !important;
    background: url('../Images/Pic/SettingIndex/Logoen.png') no-repeat center left !important;
    background-size: auto 50px !important;
}
.logoFactor {
    max-width: 186px;
    float: right;
}

.mtmm {
    display: block;
    float: right;
}

.payNo {
    color: #ff185f;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    width: 100%;
}

.payYes {
    color: #48d558;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    width: 100%;
}

.userBoxD {
    float: left;
}

    .userBoxD h3 {
        float: left;
        width: 100%;
        font-size: 16px;
        color: #4eb75a;
        font-weight: 900;
        line-height: 30px;
    }

    .userBoxD p {
        float: left;
        width: 100%;
        font-size: 13px;
        color: #868686;
        line-height: 30px;
    }

.factorBox {
    float: left;
    width: 100%;
}

    .factorBox h1 {
        font-size: 16px;
        color: #868686;
        margin-top: 20px;
    }

.tblOrderItem {
    float: left;
    width: 100%;
    border: 1px solid #eeeeee;
    border-radius: 2px;
}

.topOrderItem {
    float: left;
    width: 100%;
    background: #dae5eb;
    padding: 15px;
}

    .topOrderItem h4 {
        font-size: 16px;
        color: #868686;
    }

.bodyOrderItem {
    float: left;
    width: 100%;
    padding: 10px 15px;
}

    .bodyOrderItem p {
        float: left;
        width: 100%;
        padding: 10px;
        border-bottom: 1px solid #efefef
    }

.bgJ {
    background: #dff1de
}

.imageUser {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    overflow: hidden;
}

.Captcha {
    height: 70px;
    float: left;
    width: 100%;
    top: 15px;
    position: relative;
}

    .Captcha a {
        height: 20px;
        float: right;
        width: 20px;
        text-align: left;
        color: #939393;
        margin-left: 5px;
        margin-top: -15px;
        position: absolute;
        background: url('../Images/Design/reload1.png') no-repeat top left;
        left: 0;
    }

    .Captcha img {
        height: 40px;
        width: 40%;
        position: absolute;
        border-radius: 4px;
        float: right;
        top: 0;
        left: 0;
    }

    .Captcha input {
        position: absolute;
        float: left;
        right: 0;
        top: 0;
        -webkit-border-radius: 1.3rem;
        -moz-border-radius: 1.3rem;
        -ms-border-radius: 1.3rem;
        -o-border-radius: 1.3rem;
        border-radius: 1.3rem;
        border-radius: 4px;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        font-family: INT !important;
        border-color: #ebedf2;
        color: #575962;
        display: block;
        width: 50%;
        padding: 0.65rem 1rem;
        font-size: 1rem;
        line-height: 1.25;
        color: #495057;
        text-align: center;
        border: 1px solid rgb(234, 236, 237);
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

.btn {
    font-size: 1rem;
}

.slideTopIndex {
    float: left;
    width: 100%;
    /*background: url('../Images/Pic/SettingIndex/bgReg.png') no-repeat center top;*/
    background-size: 100%;
    position: relative;
}
/*.slideTopIndex::after {
        top: 150px;
        right: -55px;
        left:-55px;
        border-radius: 50px 0 0 0;
        width:2500px;
        background: #fa0102;
    }
    .slideTopIndex::after, .slideTopIndex::before {
        content: '';
        position: absolute;
        height: 280px;
        z-index: 1;
    }*/
.slideIndex {
    float: right;
    direction: ltr;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 5;
}

    .slideIndex img {
        width: 100%;
        height: auto;
        margin: 0;
    }

.slideIndexP {
    float: right;
    direction: ltr;
    width: 100%;
    height: auto;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    z-index: 5;
}

    .slideIndexP img {
        display: inline-table !important;
        width: 100% !important;
    }

.sliderr {
    position: relative;
    width: 100%;
    float: left;
}

.sliderrPRO {
    position: relative;
    width: 100%;
    float: left;
    text-align: center;
}
.sliderrPRO11 {
    position: relative;
    width: 100%;
    float: right;
    text-align: center;
    max-height: 300px;
}

    .sliderrPRO11 img {
        width: auto !important;
        margin: 0 auto;
        max-height: 300px;
    }
.boxpicT {
    float: right;
    width: 100%;
    max-height: 500px;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}

.sliderrT {
    position: relative;
    width: 98px;
    height: 70px;
    border: 1px solid #eee;
    border-radius: 4px;
    float: left;
    overflow: hidden;
    margin: 0 0.75rem !important;
    margin-bottom: 15px !important;
}

    .sliderrT img {
        position: relative;
        width: 100%;
        height: auto;
        float: left;
    }

.slideIndexcontent {
    position: absolute;
    bottom: 0;
    height: auto;
    width: 100%;
    padding: 25px;
    z-index: 1;
    text-align: left;
    color: #fff;
    background-image: -moz-linear-gradient(rgba(153, 153, 153, 0.01),rgba(51, 51, 51, 0.87) );
    background-image: -webkit-linear-gradient(rgba(153, 153, 153, 0.01),rgba(51, 51, 51, 0.87) );
    background-image: -ms-linear-gradient(rgba(153, 153, 153, 0.01),rgba(51, 51, 51, 0.87) );
    border-radius: 0 0 10px 10px;
    height: auto !important;
    border-radius: 0 0 4px 4px;
}

    .slideIndexcontent p {
        font-size: 16px;
        font-family: INTb;
        color: #fff;
    }

.topboxindex {
    float: left;
    width: 100%;
    padding: 0 0 50px 0;
}

    .topboxindex p {
        float: left;
        width: 100%;
        font-size: 24px;
        color: #111;
        text-align: center;
        font-family: INTB;
        line-height: 30px;
    }

    .topboxindex a {
        float: left;
        width: 100%;
        font-size: 14px;
        color: #111;
        text-align: center;
        margin-top: 20px;
    }

        .topboxindex a p {
            float: left;
            width: 100%;
            font-size: 14px;
            color: #111;
            text-align: center;
            margin-top: 0;
        }

.productindex {
    position: relative;
    width: 100%;
    overflow: hidden;
    float: left;
    padding: 30px 0;
}

.catproduct {
    float: left;
    position: relative;
    background: #f7f7f7;
    padding: 50px 0;
    margin-top: 20px;
    width: 100%;
    transition: all 0.5s;
}

    .catproduct:hover {
        background: #eee;
        transition: all 0.5s;
    }

.imgcatpro {
    float: left;
    height: 260px;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

    .imgcatpro img {
        max-width: 100%;
        display: inline-table;
        text-align: center;
    }

.contentCatpro {
    float: left;
    color: #333;
    width: 100%;
    text-align: center;
}

    .contentCatpro h3 {
        float: left;
        color: #111;
        width: 100%;
        font-size: 16px;
        font-family: INTB;
        margin: 30px 0;
    }

.owl-demo4 {
    float: left;
}

    .owl-demo4 .owl-stage-outer {
        max-height: 435px;
    }

.productindexT {
    float: left;
    width: 100%;
    padding: 0 0 25px 0;
    border-bottom: 1px solid #eee;
}

    .productindexT h3 {
        float: left;
        font-size: 18px;
        color: #555;
        padding: 0 10px;
        width: 100%;
    }

        .productindexT h3 a {
            float: left;
            font-size: 18px;
            color: #555;
        }

.btn-success {
    background: #58be44 !important;
}

.position-absolute {
    position: absolute !important;
}

.img-abs2 {
    right: -15%;
    top: 110px;
}

.bgtab {
    float: left;
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    background: #f8f8f8;
    width: 100%;
}

.cd-tabs__content li {
    display: none;
    padding: 1.4em;
}

.cd-tabs__content {
    padding-bottom: 70px;
}

.c-params__headline {
    color: #6f6f6f;
    font-size: 30px;
    font-size: 20px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 35px;
}

    .c-params__headline span {
        display: block;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 30px;
        color: #a7a7a7;
    }

.summary {
    background: #fcfcfc;
    color: #404040;
    font-size: 16px;
    font-size: 15px;
    line-height: 30px;
    padding: 25px;
    min-height: 256px;
    position: relative;
}

.summary2 {
    background: #fff;
    color: #404040;
    font-size: 15px;
    line-height: 30px;
    padding: 10px 10px 10px 55px;
    min-height: 256px;
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
    top: 15px;
    border-radius: 6px;
    direction: ltr;
}

.titemAdTT {
    display: block;
    background: #fafafa;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 30px;
    color: #4d4d4d;
    min-height: 47px;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 900;
}

.titemAdTTT {
    display: block;
    background: #fafafa;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 30px;
    color: #4d4d4d;
    min-height: 47px;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.cd-tabs__navigation a {
    height: 49px;
    line-height: 50px;
    width: auto;
    text-align: left;
    font-size: 1rem;
    color: #6f6f6f;
    padding: 0 30px;
    background: #f8f8f8;
    border-left: 1px solid #ddd;
    cursor: pointer;
}

    .cd-tabs__navigation a i {
        color: #6f6f6f;
        width: 30px;
        font-size: 19px;
    }

    .cd-tabs__navigation a.cd-selected {
        color: #29324e;
        background: #fff;
        border-top: 2px solid #fa0102;
        border-bottom: none;
    }

.cd-tabs {
    margin: 0 auto 2em auto;
    max-width: 100%;
    box-shadow: 0 5px 24px rgba(0,0,0,.1);
}

.contentMIn {
    font-size: 13px;
    line-height: 30px;
    float: left;
    width: 100%;
    padding: 30px;
}

.owl-carousel .owl-stage {
    padding: 0;
}

.custom-control {
    position: absolute;
    top: 2em;
    right: 2em;
    z-index: 999;
}

    .custom-control button {
        background: deepskyblue;
        border: 1px solid;
        color: white;
        font-size: 1em;
        padding: .2em .6em;
        outline: none;
    }

        .custom-control button.active {
            background: #7CD279;
        }

/*.owl-carousel {
    position: relative;
}*/

/*.owl-carousel div:not(.owl-controls) {
        height: 100%;
    }*/

/*.owl-carousel .owl-slide {
        background-image: url("https://images.unsplash.com/photo-1437915015400-137312b61975?fit=crop&fm=jpg&h=800&q=80&w=1200");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

    .owl-carousel div.owl--text {
        position: absolute;
        bottom: 4em;
        left: 2em;
        width: 20em;
        height: 8em;
        background: rgba(255, 255, 255, 0.5);
    }

    .owl-carousel .owl-controls {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
    }

        .owl-carousel .owl-controls .owl-buttons div {
            position: absolute;
            top: 0;
            bottom: 0;
            display: inline-block;
            zoom: 1;
            margin: 0;
            width: 50px;
            height: 50px;
            line-height: 45px;
            text-align: center;
            font-size: 1em;
            border-radius: 30px;
            color: #FFF;
            background: #000;
            opacity: .6;
            border-radius: 50px;
        }

        .owl-carousel .owl-controls .owl-buttons .owl-prev {
            left: .5em;
        }

        .owl-carousel .owl-controls .owl-buttons .owl-next {
            right: .5em;
        }*/


.slideBox {
    float: left;
    width: 100%;
    height: 680px;
    text-align: center;
    position: relative;
    background: #303030;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

    .animated.infinite {
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        animation-duration: 2s;
    }

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

.background {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    z-index: 1;
    pointer-events: none;
    position: absolute;
    background: url('../Images/Design/bg1.jpg') center;
    background-size: cover;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

    .background video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -100;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        background-size: cover;
    }

    .background::after {
        content: "";
        background: url('../Images/Design/pattern.png') center center;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        opacity: .4;
    }

.slideBoxJobs {
    float: left;
    width: 100%;
    height: 200px;
    padding-top: 30px;
    background: url('../Images/Design/bgSlide12.jpg') no-repeat bottom;
    text-align: center;
}

.titleTop {
    text-align: center;
    margin-top: 150px;
    position: absolute;
    z-index: 10;
    width: 100%;
}

.logoSl {
    width: 100%;
    height: 220px;
    background: url('../Images/Design/LogoIndex2.png') no-repeat center;
}

.titleSl {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 900;
    color: #fff;
}

.subtitleSl {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 70px;
}


.slideBoxJob {
    position: relative;
    float: left;
    width: 100%;
    height: 350px;
    text-align: center;
}


.decor-2 {
    position: relative;
    display: inline-block;
    margin: 20px 0;
    text-align: center;
}

    .decor-2::after, .decor-2::before {
        position: absolute;
        content: '';
        top: 5px;
        display: block;
        width: 14px;
        height: 14px;
        transform: rotate(45deg);
    }

    .decor-2::before, .decor-2::after {
        background-color: #dc2d13;
    }

    .decor-2::after {
        left: -10px;
    }

    .decor-2::before {
        right: -10px;
    }

    .decor-2 .icon {
        position: relative;
        display: inline-block;
        width: 23px;
        height: 23px;
        font-size: 12px;
        line-height: 1;
        color: #555;
        border: 3px solid #f5f5f5;
        border-radius: 3px;
        background-color: #ddd;
        z-index: 1;
        transform: rotate(45deg);
        vertical-align: inherit;
        margin: 0;
    }

        .decor-2 .icon::before {
            display: block;
            margin: 3px 0 0 1px;
            transform: rotate(-45deg);
        }

.logoCompany {
    position: relative;
    float: left;
    width: 100px;
    height: 100px;
    right: 10px;
    top: 220px;
    border-radius: 4px;
    border: 5px solid #dae5eb;
    background: #fff;
}

    .logoCompany img {
        float: left;
        width: 100%;
        height: 100%;
    }

.detailTopCompany {
    position: relative;
    float: left;
    height: 100px;
    right: 30px;
    top: 220px;
    text-align: left;
}

    .detailTopCompany .catDetailName {
        float: left;
        width: 100%;
        display: block;
        margin: 25px 0 0px 0;
        color: rgba(243, 243, 243, 1);
        text-shadow: 0 0 3px #263843;
        font-size: 17px;
        font-weight: 300;
    }

    .detailTopCompany .catDetail {
        float: left;
        width: 100%;
        display: block;
        font-size: 12px;
        margin: 15px 0 10px 0;
        font-weight: 300;
    }

.companyHeader {
    color: rgba(243, 243, 243, 1);
    text-shadow: 0 0 3px #263843;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-right: 20px;
}

.fixed-box {
    position: fixed;
    top: 5px;
    width: 100px;
    overflow: auto;
    height: 100%;
}

.c-infoBox__item {
    float: left;
    display: block;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 20px;
}

@media(min-width:480px) {
    .c-infoBox__item {
        width: 50%;
    }
}

.c-infoBox__itemTitle {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 110%;
}

.tags span.black {
    background-color: #93a3a7;
}

.tags span:last-child {
    margin-right: 0;
}

.o-box__title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.detailJobTex {
    float: left;
    padding: 20px 25px;
    width: 100%
}

.tags span {
    float: left;
    margin-bottom: 10px;
    margin-right: 5px;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    background-color: #a5a5a5;
    padding: 3px 17px 5px 17px;
    border-radius: 6px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .tags span:hover {
        box-shadow: 0 5px 8px 0 rgba(109, 109, 109, 0.18), 0 4px 11px 0 rgba(147, 147, 147, 0.15);
    }

.titleTopH0 {
    text-align: left;
    margin: 10px 0;
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 900;
    color: #212121;
    font-family: INTB;
    line-height: 30px;
}

.titleTopH3 {
    text-align: center;
    margin-top: 10px;
    font-size: 24px;
    font-weight: 700;
    color: #999;
    font-family: Arial;
}

.titleTopH2 {
    text-align: left;
    margin: 10px 0;
    font-size: 17px;
    font-weight: 900;
    color: #263843;
    font-family: INT;
    line-height: 30px;
}

.titleTopH3W {
    text-align: center;
    margin-top: 10px;
    font-size: 24px;
    font-weight: 700;
    color: #ff8806;
    font-family: Arial;
}

.titleTopH2W {
    text-align: center;
    margin: 30px 0 0 0;
    font-size: 19px;
    font-weight: 900;
    color: #efefef;
    font-family: INTb;
    line-height: 30px;
}

.titleTopPW {
    text-align: center;
    margin: 0 0 35px 0;
    font-size: 17px;
    font-weight: 900;
    color: #efefef;
    font-family: INTb;
    line-height: 30px;
}

.divSearch {
    width: 100%;
    background: rgba(255, 255, 255, 0.70);
    padding: 20px 20px 15px 20px;
    box-shadow: 1px 3px 5px #d3cfcf;
    border-radius: 65px;
    margin-top: 20px;
    font-family: INT;
}

.divSearchB {
    border-radius: 4px;
}

.form-control {
    font-family: INT !important;
}

.panelmob {
    padding: 0 30px;
}

nav.sidebar {
    background: #fff;
}

.servicesBox {
    float: left;
    width: 100%;
    padding-top: 55px;
}

.servicesBox1 {
    float: left;
    width: 100%;
    padding-top: 55px;
    margin-top: 25px;
    min-height: 350px;
    background: url('../Images/Pic/SettingIndex/Par.jpg') center;
}

.servicesBox3 {
    float: left;
    width: 100%;
    padding: 10px 0;
}

.itemService3 {
    float: left;
    width: 100%;
    text-align: center;
}

.itemServiceImg3 {
    float: left;
    width: 100%;
    text-align: center;
    border-radius: 3px;
    padding: 40px 10px;
    margin-top: 20px;
    transition: all 0.5s;
    background: #fff;
    border: 1px solid #eee;
}

    .itemServiceImg3:hover {
        background: #f7f7f7;
        transition: all 0.5s;
    }

        .itemServiceImg3:hover .iconbox3 i {
            transform: scale(1.1);
            color: #111;
            transition: all 0.3s;
        }

    .itemServiceImg3 .imgBox3 {
        float: left;
        width: 100%;
        text-align: center;
    }

        .itemServiceImg3 .imgBox3 img {
            max-width: 90%;
            display: inline-table;
            max-height: 100px;
        }

    .itemServiceImg3 h3 {
        float: left;
        width: 100%;
        font-size: 17px;
        color: #111;
        text-align: center;
        margin-top: 30px;
        font-weight: 800;
    }

    .itemServiceImg3 .iconbox3 {
        float: left;
        width: 100%;
        font-size: 22px;
        color: #111;
        text-align: center;
    }

        .itemServiceImg3 .iconbox3 i {
            float: left;
            width: 100%;
            font-size: 42px;
            color: #555;
            text-align: center;
            transition: all 0.3s;
        }

.w100 {
    float: left;
    width: 100%;
}

.servicesBox4 {
    float: left;
    width: 100%;
    padding: 10px 0;
    position: relative;
}

.itemService4 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 0 40px 0;
}

.itemServiceImg4 {
    float: left;
    width: 100%;
    text-align: center;
    border-radius: 2px;
    transition: all 0.5s;
    box-shadow: 0 3px 7px #eee;
}



    .itemServiceImg4:hover .imgBox4 img {
        transform: scale(1.1);
        transition: all 0.3s;
    }

    .itemServiceImg4 .imgBox4 {
        float: left;
        width: 100%;
        text-align: center;
        overflow: hidden;
    }

        .itemServiceImg4 .imgBox4 img {
            max-width: 100%;
            display: inline-table;
            max-height: 100px;
            transition: all 0.3s;
        }

    .itemServiceImg4 h3 {
        float: left;
        width: 100%;
        font-size: 19px;
        color: #111;
        text-align: center;
        margin-top: 30px;
        font-weight: 800;
    }

    .itemServiceImg4 .iconbox4 {
        float: left;
        width: 100%;
        font-size: 22px;
        color: #111;
        text-align: center;
    }

        .itemServiceImg4 .iconbox4 i {
            float: left;
            width: 100%;
            font-size: 42px;
            color: #fa0102;
            text-align: center;
            transition: all 0.3s;
        }

.servicesBox2 {
    float: left;
    width: 100%;
    padding: 50px 0 20px 0;
}

.itemService {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 50px;
}
    /*.itemService:nth-child(odd) {
        background: #111;
    }
    .itemService:nth-child(even) {
        background: #fff;
    }*/


    .itemService:nth-child(odd) > .itemService1 {
        float: left;
    }

    .itemService:nth-child(even) > .itemService1 {
        float: right;
    }

    .itemService:nth-child(odd) > .itemServiceImg {
        float: right;
    }

    .itemService:nth-child(even) > .itemServiceImg {
        float: left;
    }

    .itemService:nth-child(2n+1) > .itemService1 h5 {
        position: relative;
        font-size: 15px;
        color: #fa0102;
        font-weight: 400;
        margin-bottom: 25px;
        text-transform: uppercase;
    }

        .itemService:nth-child(2n+1) > .itemService1 h5:after {
            position: absolute;
            content: '';
            right: 105%;
            top: 10px;
            height: 1px;
            width: 225px;
            z-index: 9;
            background-color: #fa0102;
        }

    .itemService:nth-child(2n) > .itemService1 h5 {
        position: relative;
        font-size: 15px;
        color: #fa0102;
        font-weight: 400;
        margin-bottom: 25px;
        text-transform: uppercase;
    }

        .itemService:nth-child(2n) > .itemService1 h5:after {
            position: absolute;
            content: '';
            left: 105%;
            top: 10px;
            height: 1px;
            width: 225px;
            z-index: 9;
            background-color: #fa0102;
        }

.btnserv {
    padding: 10px 30px 12px 30px;
    font-size: 13px;
    box-shadow: none;
    float: left;
    margin-top: 20px;
}

.itemService1 {
    position: relative;
}
/*.itemService:nth-child(odd) > .itemService1 .btnserv {
    border: 1px solid #fff;
    color: #fff;
}*/

.itemService:nth-child(even) > .itemService1 .btnserv, .itemService:nth-child(odd) > .itemService1 .btnserv {
    border: 1px solid #111;
    color: #111;
}

/*.itemService:nth-child(odd) > .itemService1 h3 {
    color: #fff;
    font-size: 45px;
    font-family: INTB;
    float: left;
    width: 100%;
    margin-bottom:20px;
}*/

.itemService:nth-child(even) > .itemService1 h3, .itemService:nth-child(odd) > .itemService1 h3 {
    font-size: 35px;
    color: #111;
    font-family: INTB;
    font-weight: 900;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
/*.itemService:nth-child(odd) > .itemService1 .contentServ {
    color: #fff;
    font-size: 14px;
    float: left;
    width: 100%;
    line-height: 30px;
    text-align: justify;
}*/

.itemService:nth-child(even) > .itemService1 .contentServ, .itemService:nth-child(odd) > .itemService1 .contentServ {
    font-size: 14px;
    color: #111;
    float: left;
    width: 100%;
    line-height: 30px;
    text-align: justify;
}

.boxservindex {
    padding: 30px 70px 50px 70px;
    display: inline-block;
    vertical-align: middle;
    float: none;
    letter-spacing: 0;
}

.itemService:nth-child(odd) > .itemService1 .boxservindex {
    text-align: right;
}

.itemService:nth-child(even) > .itemService1 .boxservindex {
    text-align: left;
}

.clear {
    clear: both;
}

.itemService1 {
    width: 50%;
}

.itemServiceImg {
    width: 50%;
}

.itemService:nth-child(even) > .itemServiceImg .imgBox {
    border-left: 1px solid #e8e8e8;
}

.itemService:nth-child(odd) > .itemServiceImg .imgBox {
    border-right: 1px solid #e8e8e8;
}

.itemServiceImg .imgBox {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 0 50px;
}

    .itemServiceImg .imgBox img {
        float: left;
        width: 100%;
    }

.cardServices {
    position: relative;
    height: 220px;
    width: 100%;
    padding: 0 15px;
    margin-top: 10px;
    background: #eee;
    border-radius: 4px;
    text-align: center;
    box-shadow: 0 3px 5px rgba(152, 152, 152, 0.10);
    overflow: hidden;
    transition: all 0.5s;
    z-index: 1;
    background-color: #486186;
}

    .cardServices::after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -2;
        background: url('../Images/Design/light1.png') center;
        opacity: .04;
    }

    .cardServices:hover {
        box-shadow: none;
        transition: all 0.5s;
    }

    .cardServices .imgBox {
        height: 70px;
        width: 70px;
        padding: 10px;
        margin-top: 30px;
        display: inline-table;
    }

        .cardServices .imgBox img {
            height: 70px;
            width: 70px;
        }

    .cardServices h2 {
        width: 100%;
        color: #9ca6ad;
        font-size: 15px;
        font-family: INTb;
        margin-top: 10px;
        font-weight: 900;
    }

    .cardServices .content {
        margin: 15px 0;
        width: 100%;
        color: #fff;
        font-size: 13px;
        font-family: INT;
        line-height: 27px;
    }

.cardServices2 {
    height: 300px;
    width: 100%;
    padding: 0 15px;
    margin-top: 30px;
    border-radius: 4px;
    text-align: center;
    transition: all 0.5s;
}

    .cardServices2:hover {
        box-shadow: none;
        transition: all 0.5s;
    }

    .cardServices2 h3 {
        width: 100%;
        color: #263843;
        font-size: 16px;
        font-family: INT;
        margin-top: 15px;
        font-weight: 900;
    }

    .cardServices2 .content {
        margin: 15px 0;
        width: 100%;
        color: #919ea7;
        font-size: 14px;
        font-family: INT;
        line-height: 27px;
    }

    .cardServices2 .imgBox2 {
        height: 150px;
        width: 150px;
        padding: 10px;
        margin-top: 25px;
        display: inline-table;
    }

        .cardServices2 .imgBox2 img {
            height: 150px;
            width: 150px;
        }

.adsBox {
    float: left;
    width: 100%;
}

.adsItem {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    border-radius: 4px;
    /*box-shadow: 0 5px 8px #f2f2f2, 0 5px 8px #f2f2f2;*/
}

    .adsItem img {
        float: left;
        width: 100%;
        border-radius: 4px;
    }

.jobBox {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    position: relative;
}

.imgcattop {
    float: left;
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

    .imgcattop img {
        float: left;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
    }

.filterBox {
    float: left;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 15px;
    width: 100%;
    background: #fff;
    border-radius: 4px 4px 0 0;
    position: relative;
    height: 54px;
}

.itemListSearch {
    float: left;
    width: 100%;
    padding-bottom: 30px;
}

    .itemListSearch li {
        float: left;
        width: 100%;
        padding: 10px 10px;
    }


.boxRelative {
    position: relative;
}

.pointer {
    cursor: pointer
}

.listBox {
    position: relative;
    width: 100%;
    float: left;
    height: 145px;
    transition: all 0.5s;
    overflow: hidden
}

.listBox1 {
    position: relative;
    width: 100%;
    float: left;
    height: 145px;
    transition: all 0.5s;
    overflow: hidden
}

.autoH {
    height: auto;
    transition: all 0.5s;
}

.tabSc {
    float: left;
    width: 560px;
}

    .tabSc li {
        float: left;
    }

.tabTopJobs {
    float: left;
    padding: 15px 20px;
    color: #768791;
}

.tabTopJobsActive {
    border-bottom: 2px solid #999
}

.jobList {
    float: left;
    width: 100%;
}

.poLeft {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.btn-outline-success {
    border: 1px solid #333 !important;
    background-color: transparent !important;
    color: #333 !important;
    padding: .41rem 1.6rem .61rem 1.6rem !important;
    text-align: center;
}

    .btn-outline-success:hover {
        border: 1px solid #333 !important;
        background-color: #333 !important;
        color: #fff !important;
        text-align: center;
    }

.btnoo {
    margin: 0 !important;
    padding: .41rem 1.6rem .61rem 1.6rem !important;
}

.itemJob {
    float: left;
    width: 100%;
    height: 160px;
    margin-bottom: 20px;
    position: relative;
    background: #fff;
    box-shadow: 0 3px 5px #f2f2f2;
}

.imgJob {
    width: 30%;
}

.contentJobLeft {
    width: 70%;
}

.logoJob {
    float: left;
    width: 100%;
    min-height: 160px;
    padding: 22px 5px;
    background: #fff;
    border-radius: 0 4px 4px 0;
    border-left: 1px solid #eee;
}

    .logoJob img {
        width: 100%;
        max-height: 90px;
        border-radius: 4px;
    }

.contentJob {
    float: left;
    width: 100%;
    border-radius: 4px;
    background: #fff;
}

.catJob {
    float: left;
    width: 60px;
    height: 160px;
    padding: 20px 3px;
    background: rgba(0,0,0,0.02);
    border-left: 1px solid #f4f6f5;
    border-right: 1px solid #e0e0e0;
    text-align: center;
}

    .catJob i {
        color: #999 !important
    }

.dateRot {
    text-align: center;
    color: #b8c5cc;
    font-size: 11px;
    font-family: INT;
}

.dateMobile {
    text-align: center;
    color: #768791;
    font-size: 12px;
    font-family: INT;
    width: 100%;
    display: none;
}

.textJob {
    float: left;
    padding: 10px 10px;
}

.icon-big {
    font-size: 20px !important
}

.titleJ {
    text-align: left;
    color: #626262;
    font-size: 15px;
    font-family: INT;
    margin: 5px 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.font14 {
    font-size: 13px !important;
}

.font22 {
    font-size: 22px !important;
}

.iconForTitle {
    position: relative;
    float: left;
    top: 7px;
    left: 10px;
}

.itemAd {
    float: left;
    width: 100%;
    height: 420px;
    margin-bottom: 20px;
    position: relative;
    background: #fff;
    box-shadow: 0 3px 5px #f2f2f2;
    border-radius: 4px;
}

.titleAd {
    text-align: left;
    width: 100%;
    color: #626262;
    font-size: 15px;
    font-family: INT;
    margin: 5px 10px;
    font-weight: 900;
    float: left;
    height: 50px;
    text-transform: uppercase;
}

.imgAd {
    float: left;
    width: 100%;
    padding: 10px;
    overflow: hidden;
    height: 220px;
}

    .imgAd img {
        float: left;
        width: 100%;
        border-radius: 4px;
        height: auto;
    }

.contentAds {
    float: left;
    width: 100%;
    border-radius: 4px;
    background: #fff;
}

.textad {
    float: left;
    padding: 10px 10px;
}

.boxnewpro {
    float: left;
    width: 100%;
}

.titlerpro {
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    line-height: 30px;
    font-family: INTB;
    float: left;
    width: 100%;
    padding: 50px 0;
}

.pronew {
    position: relative;
    width: 33.333%;
    float: left;
    max-width: 480px;
    padding: 50px;
    overflow: hidden;
    height: 620px;
}

    .pronew .imgBox {
        float: left;
        width: 100%;
        overflow: hidden;
        text-align: center;
    }

        .pronew .imgBox img {
            display: inline-table;
            max-width: 80%;
            overflow: hidden;
            text-align: center;
        }

    .pronew h3 {
        float: left;
        font-family: INTB;
        width: 100%;
        line-height: 40px;
        font-size: 20px;
        font-weight: 900;
        color: #333;
        text-align: center;
    }

    .pronew h4 {
        float: left;
        font-family: Arial;
        width: 100%;
        line-height: 40px;
        font-size: 14px;
        color: #777;
        text-align: center;
        border-bottom: 1px solid #dadada;
    }

    .pronew::after {
        position: absolute;
        right: auto;
        top: 0;
        background: #dadada;
        content: '';
        left: 0;
        width: 1px;
        height: 100%;
    }

.pro__3::after {
    display: none;
}

.pronew::before {
    position: absolute;
    right: 0;
    top: 0;
    background: #dadada;
    content: '';
    width: 300%;
    height: 1px;
}

.pronew2::before {
    display: none;
}

.boxProDetail {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.panelProduct {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0,0,0,.035),0 0 32px rgba(0,0,0,.08);
    margin-bottom: 20px;
    border: 1px solid #eee;
}

.product-card {
    float: left;
    width: 100%;
    padding: 20px 0;
}

    .product-card .message-list {
        position: relative;
        padding: 0px 0px 11px;
        top: 0px;
    }

    .product-card .message-list-item {
        height: 22px;
        font-size: 12px;
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
        color: #636363;
    }

.message-list-item::before {
    display: inline-block;
    content: '';
    position: relative;
    width: 3px;
    width: 0.20833vw;
    height: 3px;
    height: 0.20833vw;
    top: -3px;
    top: -0.20833vw;
    margin: 0px 5px 0px 4px;
    margin: 0vw 0.34722vw 0vw 0.27778vw;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #636363;
}

.boxAds {
    background: #fff;
    border-radius: .3125rem;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);
    padding: 50px 1rem;
    float: left;
    width: 100%;
}

.itemAdW {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #eff0f1;
    border-radius: 4px;
    padding: 0 0 1rem 0;
}

.titleAdW {
    text-align: left;
    width: 100%;
    color: #030a17;
    margin: 0 0 1rem;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
    text-transform: none;
    color: #030a17;
    display: block;
}

.imgAdW {
    float: left;
    width: 27%;
    overflow: hidden;
    height: 180px;
    border-radius: 4px;
    text-align: center;
    background: #f5f5f5;
}

    .imgAdW img {
        float: left;
        width: 100%;
        border-radius: 4px;
        min-height: 180px;
        height: auto;
    }

.noimg {
    float: none !important;
    margin: 0 auto;
    height: auto !important;
    width: auto !important;
    min-height: 165px !important;
}

.poLeftAd {
    position: absolute;
    left: 10px;
    top: 10px;
}

.contentAdsW {
    float: left;
    width: 73%;
    border-radius: 4px;
    background: #fff;
    padding-left: 1rem;
}

.textadW {
    float: left;
    padding: 10px 10px;
}

.iconNoMob {
    display: none !important;
}

.itemJobList {
    text-align: left;
    color: #87898a;
    font-size: 12px;
    font-family: INT;
    margin: 10px 0;
}

.itemJobListPrice {
    text-align: left;
    color: #87898a;
    font-size: 12px;
    font-family: INT;
    margin: 10px 0;
}

    .itemJobListPrice .priceitem {
        text-align: left;
        color: #232323;
        font-size: 16px;
        font-family: INT;
        margin: 5px 0;
    }

.fromCi {
    padding: 14px;
    border-radius: 2px;
    border-color: #f0f0f0 !important;
}

.btnO {
    float: left;
    padding: 12px 20px 15px 20px;
    width: 100%;
    height: 50px;
    text-align: center;
    border-radius: 2px !important;
    background: #716aca;
    background-image: none;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.11);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.11);
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 0;
}

    .btnO i {
        position: relative;
        top: 2px;
        margin-right: 10px;
    }

.btnfixleft {
    position: absolute;
    left: 0;
    top: -10px;
    width: auto !important;
    background: #0084ff !important;
}

.modaltell {
    background: #fff;
    padding: 20px;
    position: fixed;
    bottom: 20px;
    border-radius: 4px;
    z-index: 2000;
    right: -400px;
    width: 300px;
    transition: all 0.5s;
}

.iconTell {
    position: relative;
    top: 10px;
    color: #fa0102;
    margin-right: 10px;
}

.openmodal {
    top: 15%;
    transition: all 0.5s;
}

    .openmodal .iconboxtop i {
        margin-left: 20px !important;
    }

    .openmodal .iconboxtop {
        float: left;
        margin: 20px;
        padding-left: 15px;
        text-align: left;
        line-height: 40px;
    }

.linkTell {
    float: left;
    width: 100%;
    color: #555;
}

    .linkTell li a {
        font-size: 20px;
        line-height: 40px;
        color: #555;
    }

.boxform {
    padding: 15px;
    float: left;
    width: 100%;
    background: #fff;
    border-radius: .3125rem;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);
    margin-bottom: 15px;
}

.contentBoxAll {
    float: left;
    width: 100%;
    color: #555;
    text-align: justify;
    font-size: 11pt;
    margin-top: 0px;
    line-height: 30px;
    direction:ltr;
}

.ProductShow222 {
    float: left;
    width: 100%;
    margin: 20px 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 9.5px .5px rgba(0,0,0,.05);
    overflow: hidden;
}

.beefup:first-child {
    margin-top: 0;
}

.beefup {
    text-align: justify;
    font-size: 14px;
    line-height: 30px;
    color: #444;
    float: left;
    width: 100%;
    border: 1px solid #eee;
}

.beefupT30 {
    margin-top: 30px !important;
    float: left;
    width: 100%;
}

.beefup:first-child {
    border-bottom: none !important;
}

.beefup__head {
    cursor: pointer;
    margin-bottom: 0;
    padding-left: 20px;
    position: relative;
    font-size: 18px;
    line-height: 32px;
    text-align: left;
}

.beefup__head, .beefup__body {
    padding: 20px;
    padding-left: 20px;
}

.beefup__body {
    padding-top: 20px;
}

.beefup__body {
    background-color: #f3f3f3;
    border-radius: 10px;
    margin: 15px 2%;
    width: 96%;
    text-align: justify;
    float: left;
}

.beefup__head {
    border-bottom: none;
}

.beefup {
    margin: 0;
}

.beefup__head::after {
    color: #555;
}

.beefup2 {
    text-align: justify;
    font-size: 14px;
    line-height: 30px;
    color: #444;
    float: left;
    width: 100%;
    border: none;
    border-left: 1px solid #eee;
}

.beefup__head {
    position: relative;
}

.beefup__head2 {
    font-family: INTB;
}

.beefup__head .bgwwww {
    position: absolute;
    height: 80px;
    width: 30px;
    right: -15px;
    top: 0;
    background: #fff;
}

.beefup__head2P .bgwwww {
    background: #fff !important;
}

.beefup__head .bgggg {
    position: absolute;
    height: 32px;
    width: 38px;
    left: -19px;
    top: 22px;
    background-color: #a7a9a9;
    border-radius: 0 15px 15px 15px;
}

    .beefup__head .bgggg i:after {
        position: absolute;
        font-family: 'FontAwesome5';
        font-weight: 900;
        color: #fff;
        text-align: center;
        top: 0px;
        font-size: 18px;
        width: 40px;
        content: "\f068";
        font-family: 'FontAwesome5';
    }

.beefup2.is-open > .beefup__head i::after {
    position: absolute;
    content: "\f067";
    font-family: 'FontAwesome5';
    font-weight: 900;
    color: #fff;
    text-align: center;
    top: 0px;
    font-size: 16px;
    width: 40px;
    height: 20px;
}

.beefup2.is-open > .beefup__head::after, .beefup__head2::after {
    display: none;
}

.beefup__head2 {
    padding: 20px 50px;
}

.beefup__body2 {
    padding: 20px 30px;
    background: #fff;
    margin-top: 0;
}

.beefup__body2P {
    padding: 20px 30px;
    background: #fff !important;
    margin-top: 0;
}

li.w_100 {
    float: left;
    width: 100%;
}

.beefupNEW {
    font-size: 14px !important;
    border: none !important;
    border-bottom: 1px solid #eee !important;
}

    .beefupNEW:first-child {
        border-bottom: 1px solid #eee !important;
    }

    .beefupNEW .beefup__head {
        font-size: 14px !important;
        padding: 22px 26px 18px !important
    }

        .beefupNEW .beefup__head::after {
            line-height: 31px !important;
        }

    .beefupNEW .beefup__body {
        background-color: #fff !important;
        border-radius: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        text-align: left !important;
        float: left;
        padding: 0 !important;
    }

.cat-side__mapna-news-items--single {
    display: block;
}

    .cat-side__mapna-news-items--single li {
        padding: 17px 26px 10px;
    }

.cat-side__mapna-news-items li {
    border-top: 1px solid #eee;
    padding: 12px 24px 11px 20px;
}

.cat-side__mapna-news-itm-ttl {
    display: flex;
    align-items: center;
}

    .cat-side__mapna-news-itm-ttl span {
        font-size: 10px;
        color: #fff;
        background-color: #fa4545;
        border-radius: 3px;
        height: 10px;
        line-height: 10px;
        padding: 0 1px;
        text-align: center;
        display: inline-block;
        margin-right: 5px;
    }

    .cat-side__mapna-news-itm-ttl a {
        color: #0095da;
        font-size: 14px;
        transition: .3s;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.cat-side__h2-ttl {
    font-size: 14px;
}

.cat-side__mapna-news-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 7px;
}

.cat-side__mapna-news-date {
    font-size: 12px;
    color: #a3a3a3;
}

.m-dropdown__headerNP {
    padding: 0 !important;
}

.gbox {
    float: left;
    width: 100%;
    height: 225px;
    border-radius: 1px;
    position: relative;
    margin-top: 20px;
    overflow: hidden;
    box-shadow: 0 3px 9.5px .5px rgba(0,0,0,.05);
    border-radius: 10px;
    cursor: pointer;
}

    .gbox .ItemImage {
        float: left;
        width: 100%;
        min-height: 225px;
        border-radius: 1px;
        position: relative;
    }

.gcontent {
    position: absolute;
    bottom: 0;
    height: auto;
    width: 100%;
    padding: 25px 15px;
    z-index: 1;
    text-align: left;
    color: #fff;
    background-image: -moz-linear-gradient(rgba(153, 153, 153, 0.01),rgba(51, 51, 51, 0.87) );
    background-image: -webkit-linear-gradient(rgba(153, 153, 153, 0.01),rgba(51, 51, 51, 0.87) );
    background-image: -ms-linear-gradient(rgba(153, 153, 153, 0.01),rgba(51, 51, 51, 0.87) );
    border-radius: 0 0 1px 1px;
    line-height: 30px;
}

    .gcontent a {
        color: #fff;
        font-weight: 800;
    }

.flash {
    color: #f64d4e;
    -webkit-animation-name: flashanim;
    -webkit-animation-duration: .6s;
    -webkit-animation-timing: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-name: flashanim;
    animation-duration: .6s;
    animation-timing: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    font-weight: 700;
}

@keyframes flashanim {
    0% {
        color: #ffb0b1;
    }

    100% {
        color: #fa0102;
    }
}

figure.snip1201 {
    color: #fff;
    position: relative;
    float: left;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    background: #444444;
    margin-top: 20px;
    height: 230px;
    border-radius: 10px;
}

    figure.snip1201 * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    figure.snip1201 img {
        opacity: 1;
        width: 100%;
        min-height: 230px;
        border-radius: 10px;
    }

    figure.snip1201 figcaption {
        height: 106px;
        width: 106px;
        overflow: hidden;
        background-color: rgba(255, 255, 255, 0);
        position: absolute;
        top: 50%;
        left: 50%;
        content: '';
        -webkit-transform: rotate(0deg) translate(-50%, -50%);
        transform: rotate(0deg) translate(-50%, -50%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        border-radius: 6px;
    }

    figure.snip1201 h3 {
        position: absolute;
        z-index: 10;
        bottom: 0;
        text-align: center;
        width: 100%;
        padding: 20px 20px;
        color: #fff;
        text-shadow: 0 2px 5px #000;
        font-size: 14px;
        background: rgba(17, 17, 17, 0.11);
        min-height: 71px;
    }

    figure.snip1201 figcaption:after,
    figure.snip1201 figcaption div:after {
        bottom: 0;
        right: 0;
    }

    figure.snip1201.blue {
        background: #212324;
    }



    figure.snip1201:hover img,
    figure.snip1201.hover img {
        opacity: 0.5;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }


.iconin {
    display: inline-block;
    width: 106px;
    height: 106px;
    margin-top: -9px;
    background-image: url("/Images/Design/s-discover-btn.png");
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 0;
}

    .iconin::after {
        display: block;
        width: 100%;
        height: 100%;
        background-image: url("/Images/Design/s-discover-plus-ico.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        content: '';
    }

figure.snip1201:hover .iconin:after, figure.snip1201:hover .iconin {
    opacity: 1;
    -webkit-animation: spin .6s ease-out;
    animation: spin .6s ease-out
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}



.artmore2 {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 23px;
    width: 25px;
    height: 25px;
}

#particle-canvas1 {
    width: 100%;
    height: 150px;
    position: relative;
    overflow: hidden;
    background: #214688
}

.itemTopic {
    float: left;
    width: 100%;
    padding: 5px;
    margin: 5px 0;
}

.itemAdD {
    float: left;
    width: 100%;
    padding: 10px 5px;
    margin-top: 10px;
}

    .itemAdD .titemAdT {
        color: #768791;
        font-size: 14px;
        float: left;
    }

    .itemAdD .titemAdD {
        color: #1ca2bd;
        font-size: 14px;
        float: left;
        padding-left: 10px;
    }

    .itemAdD .titemAdDD {
        color: #4d4d4d;
        font-size: 14px;
        float: left;
        width: 100%;
        padding: 10px 0;
    }

.fixMobB {
    position: fixed;
    bottom: 50px;
    width: 90%;
    right: 5%;
    left: 5%;
    display: none;
    z-index: 10000;
}

.hhr {
    float: left;
    width: 100%;
    height: 1px;
    background: #eee;
}

.iconBlue {
    float: left;
    width: 30px;
}

.titleTopic {
    float: left;
    font-weight: inherit;
    cursor: pointer;
    color: #030a17;
    font-size: 12px;
}

.countTopic {
    float: left;
    font-weight: inherit;
    cursor: pointer;
    color: #828282;
    font-size: 12px;
    margin-left: 5px;
}

.bocx blockquote {
    position: relative;
    margin: 15px 0;
    background: #fbfbfb;
    font-size: 16px;
    line-height: 2.75;
    color: #494949;
    font-weight: 300;
    letter-spacing: -.1px;
    padding: 40px 150px 40px 121px;
    text-align: justify;
}

    .bocx blockquote::before {
        top: 29px;
        right: 56px;
        width: 69px;
        height: 55px;
        background: url(../Images/Design/e8f55a97.svg) no-repeat 50% 50%;
        background-size: auto;
        background-size: 100%;
    }

    .bocx blockquote::after, .bocx blockquote::before {
        position: absolute;
        content: "";
    }

    .bocx blockquote::after {
        left: 44px;
        bottom: 50px;
        width: 60px;
        height: 48px;
        background: url(../Images/Design/3f51c9a0.svg) no-repeat 50% 50%;
        background-size: auto;
        background-size: 100%;
    }

.cardPanelAc {
    width: 100%;
    float: left;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 0px;
    position: relative;
    box-shadow: 0 2px 3px #ededed;
    z-index: 99;
}

.cardPanel {
    width: 100%;
    float: left;
    background: #fff;
    position: relative;
}
.cardPanelnb {
    width: 100%;
    float: left;
    position: relative;
}

.cardPanelG {
    background: #fafafa;
}

.cardGr {
    background: #fdfdfd !important;
    border-radius: 6px;
    border: 1px solid #eee;
}

.cardContent {
    width: 100%;
    float: left;
    position: relative;
    padding: 30px 10px;
    line-height: 30px;
    font-size: 14px;
    color: #2c373b;
    text-align: justify;
}

.cardPanelImage {
    width: 100%;
    float: left;
}

    .cardPanelImage img {
        width: 100%;
        float: left;
    }

.imgboxForm {
    width: 100%;
    float: left;
    text-align: center;
    overflow: hidden;
}

    .imgboxForm img {
        max-width: 70%;
        display: inline-table;
    }

.cardPanetTop {
    width: 100%;
    float: left;
    padding: 15px;
}

.cardPanetcontent {
    width: 100%;
    padding: 5px 25px;
    float: left;
    position: relative;
}

.cardPanetcontentM {
    width: 100%;
    padding: 5px 0;
    float: left;
    position: relative;
}

.cardPanetFooter {
    width: 100%;
    border-top: 1px solid #f6f8f7;
    padding: 25px;
    float: left;
}

.cardPanetFooterNoBorder {
    width: 100%;
    padding: 25px;
    float: left;
}

.cardPanetFooter a {
    color: #e23881;
    font-family: INT;
    font-size: 13px;
    float: right;
}

    .cardPanetFooter a.btn {
        color: #e23881;
        font-family: INT;
        font-size: 13px;
        float: none;
    }

.imgUser {
    height: 50px;
    width: 50px;
    float: left;
    overflow: hidden;
    border-radius: 50%;
}

    .imgUser img {
        height: 50px;
        width: 50px;
        border-radius: 4px;
    }

.imgFilm {
    height: 70px;
    width: 70px;
    float: left;
    overflow: hidden;
    border-radius: 50%;
    margin-top: 5px;
}

    .imgFilm img {
        height: 70px;
        width: 70px;
        border-radius: 50%;
    }

.contentItemBox {
    float: left;
    width: 100%;
}

.nameUser {
    float: left;
    text-align: left;
    font-size: 15px;
    color: #999;
    padding: 15px;
    font-family: INTB;
    width: 100%;
}

.nameUserDD {
    float: left;
    text-align: left;
    font-size: 25px;
    font-family: INTB;
    font-weight: 700;
    color: #111;
    padding: 15px 0;
    line-height: 40px;
    width: 100%;
    direction:ltr;
}

.btnsam {
    color: #fff;
    position: relative;
    display: block;
    padding: 14px 0;
    border: 0;
    -webkit-border-radius: 21px;
    border-radius: 21px;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    width: 100%;
    box-shadow: 0 12px 19px -7px rgba(19,210,118,.6);
    background: #322c95;
    transition: .3s ease-in-out;
    cursor: pointer
}

    .btnsam i {
        position: relative;
        margin-left: 10px;
        font-size: 9px;
    }

    .btnsam:hover {
        box-shadow: 0 3px 5px -7px rgba(19,210,118,.6);
    }


.btnsamNB {
    color: #fff;
    position: relative;
    padding: 14px 50px;
    border: 0;
    -webkit-border-radius: 21px;
    border-radius: 21px;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    box-shadow: 0 12px 19px -7px rgba(19,210,118,.6);
    background: #322c95;
    transition: .3s ease-in-out;
    cursor: pointer;
}

    .btnsamNB i {
        position: relative;
        margin-left: 10px;
        font-size: 9px;
    }

    .btnsamNB:hover {
        box-shadow: 0 3px 5px -7px rgba(19,210,118,.6);
    }

.btnsamNR {
    border-radius: 6px;
    padding: 17px 0;
}

.form-controlCR {
    border-radius: 6px;
    padding: 14px;
}

.nice-selectCR {
    height: 48px;
    line-height: 48px;
    border-radius: 6px;
    width: 100%;
}

.nice-selectCR {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; /* Remove default arrow */
    background-image: url(...); /* Add custom arrow */
    background: #fff url('../Images/Design/down-arrow.svg') no-repeat 90% 15px;
    background-size: 15px 15px;
    border: 1px solid #eee;
    padding: 0 20px;
    line-height: 20px;
    font-size: 13px;
}

.modalcomment {
    height: auto;
    min-height: 200px;
    width: 90%;
    top: 5%;
    right: 5%;
    left: 5%;
    bottom: 5%;
    background: #fff;
    position: fixed;
    margin-left: 0;
    bottom: 0;
    z-index: 20000;
    transition: all 0.5s;
    border-radius: 0;
    padding: 30px;
    max-width: 100%;
    overflow: auto;
    display: none;
    float: left;
    padding-top: 160px;
    padding-bottom: 100px;
}

.closemm {
    float: right;
    font-size: 20px;
    position: fixed;
    left: 85px;
    top: 129px;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.modalreport {
    height: auto;
    min-height: 200px;
    width: 768px;
    background: #fff;
    position: fixed;
    right: 50%;
    margin-left: -400px;
    z-index: 9999999999999;
    top: -1000px;
    transition: all 0.5s;
    border-radius: 5px;
    padding: 30px;
    max-width: 100%;
    max-height: 80%;
    overflow: auto;
}

    .modalreport h3, .modalreport h4 {
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: 0;
        text-transform: none;
        color: #030a17;
        font-size: 24px;
        margin-bottom: 20px;
        float: left;
        width: 100%;
        padding: 10px 0;
        font-family: INTB;
    }

.control-label {
    padding-top: 5px;
    padding-bottom: 10px;
    float: left;
}

.openmodalC {
    display: block;
    transition: all 0.5s;
}

.nameUserItem {
    float: left;
    text-align: left;
    font-size: 13px;
    color: #768791;
    font-family: INT;
    position: relative;
    margin: 5px;
}

.nameDetailItem {
    float: left;
    text-align: left;
    font-size: 13px;
    color: #768791;
    font-family: INT;
    position: relative;
    margin: 5px;
}

.nameItem {
    float: left;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    color: #5c686f;
    font-family: INT;
    position: relative;
    width: 100%;
    padding: 5px 0 10px 0;
    font-weight: 900;
}

.linkItem {
    font-size: 11px;
    color: #ccc;
}

.newsListDiv {
    width: 100%;
    float: left;
    overflow: hidden;
    padding: 30px 0;
    border-bottom: 1px solid #f3f3f3;
}

.newsListImage {
    width: 100%;
    float: left;
    border-radius: 2px;
    overflow: hidden;
}

    .newsListImage img {
        width: 100%;
        float: left;
        border-radius: 2px;
        overflow: hidden;
    }

.newsListContent {
    float: left;
    width: 100%;
}

.searchcnt {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 5px 0 25px 0;
    border-radius: 10px;
    direction:ltr
    /*box-shadow: 0 5px 24px rgba(0,0,0,.1);*/
}

.categories__sub-cat {
    position: relative;
    margin-bottom: 19px;
    background-color: #f8f8f8;
}

.categories__sub-cat-title {
    color: #555;
    font-size: 15px;
    position: relative;
    z-index: 99;
    display: inline-block;
    background-color: #f8f8f8;
    padding-right: 25px;
}

.categories__sub-cat::after {
    content: "";
    position: absolute;
    background-color: #e1e1e1;
    height: 1px;
    right: 0;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
}

.rowcol {
    margin-right: -.75rem;
    margin-left: -.75rem;
}

.itecol {
    float: left;
    width: 25%;
    padding: 0 0.75rem;
}

    .itecol:nth-child(1), .itecol:nth-child(6) {
        float: left;
        width: 50%;
        padding: 0 0.75rem;
    }

.itecolB {
    float: left;
    width: 100% !important;
    padding: 0 !important;
}

.itemblog {
    float: left;
    width: 100%;
    box-shadow: 0 2px 19px -5px rgba(0, 0, 0, 0.16);
    border-radius: 6px;
    margin-bottom: 20px;
    transition: 0.3s;
    background-color: #fff;
    overflow: hidden;
    height: 410px;
    margin-bottom: 20px;
    position: relative;
    box-shadow: 0 5px 24px rgba(0,0,0,.1);
    text-align:left;
}

.itecolB .itemblog {
    height: 290px !important;
}

.itecolB .itemblogC {
    height: auto !important;
}

.itemblogpic {
    float: left;
    width: 100%;
    height: 150px;
    border-radius: 6px 6px 0 0;
    position: relative;
    overflow: hidden;
}

    .itemblogpic::before {
        content: "";
        position: absolute;
        background: url('../Images/Design/post-eleman.svg') no-repeat;
        bottom: -1px;
        right: 0;
        left: 0;
        z-index: 9;
        height: 10px;
        background-size: 139%;
        background-position: bottom;
    }

    .itemblogpic img {
        float: left;
        width: 100%;
        height: auto;
        min-height: 140px;
        border-radius: 6px 6px 0 0;
    }

.itemp_1, .itemp_6 {
    float: left;
    width: 100%;
    height: 280px;
    border-radius: 6px 6px 0 0;
    position: relative;
    overflow: hidden;
}

.cnt_1, .cnt_6 {
    display: none;
}

.blogtitle {
    padding: 16px 20px 0 20px;
    float: left;
    width: 100%;
    margin-bottom: 16px !important;
}

    .blogtitle h3, .blogtitle .blogti {
        color: #555555;
        font-size: 15px;
        font-weight: 700;
        overflow: hidden;
        transition: 0.3s;
        line-height: 28px;
        height: auto;
    }

        .blogtitle h3 span, .blogtitle .blogti span {
            position: relative;
            overflow: hidden;
            text-overflow: ellipsis;
            right: 0;
            transition: right 1s linear;
        }

    .blogtitle:hover h3, .blogtitle:hover .blogti {
        width: auto;
        text-overflow: inherit;
        color: #322c95
    }

/*.blogtitle:hover h3 span {
        right: calc(270px - 40px - 100%);
    }*/
.d-flex {
    display: flex !important;
}

.flex-column {
    flex-direction: column !important;
}

.align-items-center {
    align-items: center !important;
}

.post__five {
    font-size: 32px;
    color: #322c95;
    margin-right: 5px;
    padding-bottom: 3px;
}

.post__five-read-secnd span {
    font-size: 12px;
    color: #aeaeae;
    line-height: 16px;
    width: 33px;
    padding-bottom: 5px;
}

.footerblogitem {
    float: left;
    width: 100%;
    padding: 10px 20px;
    position: absolute;
    bottom: 0;
    direction:ltr;
}

.itemblogC .footerblogitem {
    float: left;
    width: 100%;
    padding: 10px 20px;
    position: relative;
    bottom: 0;
}

.favblog {
    float: right;
    margin-left: 10px;
    padding-top: 10px;
}

    .favblog span {
        float: right;
        font-size: 16px;
        color: #888888;
        display: flex;
        border-radius: 50%;
        position: relative;
        width: 32px;
        height: 32px;
        justify-content: center;
        align-items: center;
        transition: .3s .3s;
        cursor: pointer;
        border: 1px solid #fff;
    }

.blogcontent {
    color: #737373;
    font-size: 13px;
    text-align: justify;
    padding: 0 20px;
    line-height: 25px;
    position: relative;
    float: left;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.nameItemNews {
    float: left;
    text-align: left;
    font-size: 15px;
    color: #5f5f5f;
    font-weight: 800;
    font-family: INT;
    position: relative;
    width: 100%;
    line-height: 30px;
}

.contentItemNews {
    float: left;
    text-align: left;
    font-size: 12px;
    color: #ccc;
    font-family: INT;
    position: relative;
    display: block;
    width: 100%;
}

.textMin {
    width: 100%;
    max-height: 100px;
    color: #8e8e8e;
    float: left;
    overflow: hidden;
}

.textNewsCat {
    width: 100%;
    color: #8e8e8e;
    float: left;
    font-size: 12px;
    padding-bottom: 15px;
    overflow: hidden;
}

.contentBoxNe {
    line-height: 35px;
    text-align: justify;
    font-size: 14px;
    color: #747474;
    float: left;
    position: relative;
    width: 100%;
    direction: ltr;
}

.contentBox {
    line-height: 35px;
    text-align: justify;
    font-size: 14px;
    color: #747474;
    float: left;
    position: relative;
    padding-left: 28px;
    width: 100%;
    direction: ltr;
}

    .contentBox::before {
        content: "";
        background-color: #f4f4f4;
        position: absolute;
        width: 1px;
        top: 0;
        bottom: 0;
        right: 6px;
        display:none
    }

.contentBoxNP {
    padding-left: 0 !important;
}

    .contentBoxNP:before {
        display: none !important;
    }

.contentBox p {
    color: #555;
    font-size: 14px;
    line-height: 35px;
    text-align: justify;
}

.contentBox h2, .contentBox h3, .contentBox h4, .contentBox h5, .contentBox h6 {
    font-size: 20px;
    color: #555;
    display: flex;
    align-items: center;
    position: relative;
    font-family: INT;
    font-weight: 900;
    margin-bottom: 17px;
}

.contentBox img, .summary2 img {
    display: block;
    margin: 0 auto;
    margin-bottom: 0px;
    border-radius: 20px;
    /*box-shadow: 0 7px 17px -11px rgba(0,0,0,.5);*/
    margin-bottom: 30px;
}

.contentBox ul, .summary2 ul, .contentBox ol, .summary2 ol {
    margin-bottom: 39px;
    margin-left: 40px;
}

    .contentBox ul li, .summary2 ul li, .contentBox ol li, .summary2 ol li {
        font-size: 14px;
        color: #555;
        line-height: 40px;
        position: relative;
    }

        .contentBox ul li::before, .summary2 ul li::before, .contentBox ol li::before, .summary2 ol li::before {
            content: "\e91e";
            font-family: icomoon;
            font-size: 12px;
            color: #c7c7c7;
           left: -37px;
            position: absolute;
        }


.contentBox blockquote, .summary2 blockquote {
    position: relative;
}

    .contentBox blockquote::before, .summary2 blockquote::before {
        content: "\e91c";
        position: absolute;
        font-family: icomoon;
        font-size: 13px;
        color: #d8b71f;
        right: -29px;
        background: #fff;
        top: -18px;
        padding: 18px 0;
    }

    .contentBox blockquote p, .summary2 blockquote p {
        font-size: 14px;
        color: #9b957b;
        line-height: 30px;
        position: relative;
        text-align: justify;
        padding-left: 20px;
        margin-bottom: 17px !important;
    }

b, strong {
    font-weight: bolder;
}

.contentBox blockquote::after, .summary2 blockquote::after {
    content: "\e91d";
    position: absolute;
    font-family: icomoon;
    font-size: 13px;
    color: #d8b71f;
    top: 31px;
    left: -37px;
}

.contentBox img, .contentBox video, .contentBox audio, .summary2 img, .summary2 video, .summary2 audio {
    max-width: 100%;
    border-radius: 6px;
}

.contentBox table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.contentBox table {
    border: 1px solid #eee;
}

    .contentBox table td {
        border: 1px solid #eee;
    }

        .contentBox table td th {
            background: #9ca7a1;
            color: #fff;
        }

.single-content__footernote {
    position: relative;
    padding: 36px 26px 36px;
    border: 1px solid #e7e7e7;
    border-radius: 15px;
    margin-bottom: 20px;
    margin-left: 6px;
    margin-right: 9px;
}

.single-content__footernote-ttl {
    position: absolute;
    background-color: #fff;
    font-size: 14px;
    color: #7f7f7f;
    right: 16px;
    top: -8px;
    padding: 0 16px 0 38px;
}

.single-content__footernote-items {
    display: flex;
    align-items: center;
}

    .single-content__footernote-items a {
        display: flex;
        align-items: center;
        font-size: 13px;
        color: #12bbb5;
        background-color: #f4f4f4;
        box-shadow: 0 1px 0 rgba(0,0,0,.12);
        padding: 11px 11px 9px 13px;
        border-radius: 5px;
        margin-right: 11px;
        transition: .3s;
        line-height: 13px;
    }

        .single-content__footernote-items a i {
            font-size: 9px;
            color: #12bbb5;
            margin-right: 10px;
        }

.single-content__survey {
    padding: 42px 33px 35px 32px;
    background-color: #fff;
    box-shadow: -46px 35px 67px -68px rgba(0,0,0,.15),46px 35px 67px -68px rgba(0,0,0,.15);
    border-radius: 15px;
    margin-bottom: 35px;
}

.single-content__survey-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 36px;
}

.single-content__survey-part {
    display: flex;
    flex-direction: column;
}

.single-content__survey-ques {
    font-size: 13px;
    color: #555;
    margin-bottom: 15px;
}

.single-content__survey-answ a {
    font-size: 14px;
    color: #555;
    background-color: #f4f4f4;
    border-radius: 5px;
    line-height: 0;
    padding: 7px 19px 5px;
    margin-right: 9px;
    box-shadow: 0 1px 0 rgba(0,0,0,.12);
    transition: .3s;
}

.single-content__survey-answ a {
    font-size: 14px;
    color: #555;
    background-color: #f4f4f4;
    border-radius: 5px;
    line-height: 0;
    padding: 7px 19px 5px;
    margin-right: 9px;
    box-shadow: 0 1px 0 rgba(0,0,0,.12);
    transition: .3s;
}

.single-content__survey-rating-items {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.single-content__survey-rate-info {
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    margin-bottom: 13px;
}

.single-content__survey-rate-stars {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .single-content__survey-rate-stars span {
        font-size: 14px;
        line-height: 13px;
    }

    .single-content__survey-rate-stars span {
        font-size: 14px;
        line-height: 13px;
    }

.post-ratings {
    display: flex;
    flex-direction: row-reverse;
}

.post-ratings {
    width: 100%;
    opacity: 1;
}

.single-content img {
    z-index: 2;
    display: block;
    margin: 0 auto;
    margin-bottom: 0px;
    border-radius: 20px;
    box-shadow: 0 7px 17px -11px rgba(0,0,0,.5);
    margin-bottom: 30px;
}

.single-content__survey-five {
    font-size: 46px;
    color: #0095da;
    line-height: 27px;
    margin-left: 7px;
    height: auto;
    font-weight: 700;
}

.single-content__comments-count {
    display: flex;
    justify-content: center;
    font-size: 12px;
}

    .single-content__comments-count span {
        margin-right: 1px;
    }

    .single-content__comments-count em {
        font-style: normal;
    }

.single-content__survey-bottom {
    padding: 32px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.single-content__survey-socials {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

.single-content__clipboard {
    display: flex;
    align-items: center;
    direction:ltr;
}

    .single-content__clipboard span {
        font-size: 14px;
        color: #7d7d7d;
        line-height: 17px;
        height: 14px;
    }

    .single-content__clipboard i {
        font-size: 21px;
        color: #848484;
        margin-left: 25px;
        cursor: pointer;
    }

.relatbox {
    float: left;
    width: 100%;
}

.slider-single-content__title {
    position: relative;
    float: left;
    width: 100%;
    padding: 30px 0;
    direction:ltr;
}

    .slider-single-content__title h2, .slider-single-content__title .tirel {
        font-size: 17px;
        color: #9f9d9d;
        display: inline-block;
        background-color: #fff;
        padding-right: 29px;
        position: relative;
        z-index: 2;
    }

    .slider-single-content__title::after {
        content: "";
        position: absolute;
        background-color: #e8e8e8;
        height: 1px;
        right: 0;
        left: 0;
        bottom: 41px;
    }

.cardListH {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f7f9fa;
    transition: all 0.5s;
}

    .cardListH:hover {
        box-shadow: 0 2px 4px #f6f6f6;
        transition: all 0.5s;
    }

.contentItem {
    float: left;
    text-align: left;
    font-size: 12px;
    color: #ccc;
    font-family: INT;
    position: relative;
    display: block;
    padding-bottom: 10px;
    width: 100%;
}

i.iconAll {
    font-size: 18px;
    color: #666;
    margin: 5px 5px;
    width: 25px;
    text-align: center;
}

i.iconAllB {
    font-size: 18px;
    color: #97ed8d;
    margin: 5px 5px;
    width: 25px;
    text-align: center;
}

i.iconAllC {
    font-size: 20px;
    position: relative;
    top: 3px;
    width: 25px;
    text-align: center;
}

i.iconFooter {
    font-size: 16px;
    margin: 1px 5px;
    width: 25px;
    text-align: center;
}

i.iconW {
    font-size: 18px;
    color: #838383;
    margin: 5px 5px;
    width: 25px;
    text-align: center;
}

.PBoxText {
    float: left;
    width: 100%;
    padding: 20px 0;
}

    .PBoxText h3 {
        font-size: 20px !important;
        color: #111 !important;
        width: 100%;
        text-align: left;
        font-family: INTB;
        font-weight: 900;
        line-height: 35px;
        padding: 15px 0;
    }

.PBoxTextItem {
    float: left;
    width: 100%;
    padding: 30px 20px;
    background: #f4f4f4;
    border-radius: 4px;
    margin-top: 20px;
    position: relative;
    line-height: 30px;
    border: 1px solid #ddd;
    border-right: 3px solid #1337f0;
}

.PBoxTextItemPic {
    float: left;
    width: 100%;
    padding: 30px 20px 40px 20px;
    background: #f4f4f4;
    border-radius: 4px;
    margin-top: 20px;
    position: relative;
    line-height: 30px;
    padding-left: 140px;
    border: 1px solid #ddd;
    border-right: 3px solid #1337f0;
}

.PBImage {
    float: left;
    height: 100px;
    width: 100px;
    overflow: hidden;
    border-radius: 4px;
    position: absolute;
    right: 20px;
    top: 20px;
}

    .PBImage img {
        float: left;
        width: 100px;
        border-radius: 4px;
    }

.PBoxTextItem h3, .PBoxTextItemPic h3 {
    font-size: 20px !important;
    color: #111 !important;
    width: 100%;
    text-align: left;
    font-family: INTB;
    font-weight: 900;
    line-height: 35px;
    padding: 0 0 5px 0;
    float: left;
}

.PBoxTextItem .itema, .PBoxTextItemPic .itema {
    font-size: 14px !important;
    color: #1b41d4 !important;
    width: 100%;
    text-align: left;
    font-family: INTB;
    font-weight: 900;
    line-height: 35px;
    float: left;
    padding: 15px 0 0 0;
    cursor: pointer;
}

.PBText h3 {
    font-size: 25px !important;
    color: #111 !important;
    width: 100%;
    text-align: left;
    font-family: INTB;
    font-weight: 900;
    line-height: 35px;
    padding: 0 0 15px 0;
    margin-top: 100px;
    float: left;
}

.PBText {
    font-size: 16px !important;
    color: #444 !important;
    width: 100%;
    text-align: justify;
    line-height: 35px;
    float: left;
    padding: 50px;
}

.PBPic {
    float: left;
    height: auto;
    width: 100%;
    padding: 10px 70px;
    overflow: hidden;
    margin-top: 30px;
}

    .PBPic img {
        float: left;
        width: auto;
        height: auto;
        max-width: 100%;
        border-radius: 4px;
    }

.PBItems {
    float: left;
    width: 100%;
    padding: 20px 0;
    margin-top: 20px;
}

.boxw2 {
    position: relative;
    float: left;
    width: 100%;
    z-index: 2;
    height: auto;
    padding: 20px;
    background-color: #fafafa;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #555;
    transition: all 0.5s;
    box-shadow: 0 0 6px #eee;
    text-align: center;
    border: 1px solid #eee;
}

    .boxw2:hover {
        box-shadow: none;
        transition: all 0.5s;
    }

    .boxw2 .ItemImage {
        height: 120px;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
    }

.mb202 {
    margin: 20px 0;
    float: left;
    width: 100%;
    font-family: INTB;
}

.contentboxw2 {
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin-top: 15px;
    line-height: 25px;
    color: #777
}


.boxw3 {
    position: relative;
    float: left;
    width: 100%;
    z-index: 2;
    height: auto;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #555;
    transition: all 0.5s;
    text-align: center;
    border: 1px solid #eee;
}



    .boxw3 .ItemImage {
        height: 40px;
        width: 40px;
        float: left;
        border-radius: 50%;
        overflow: hidden;
    }

.mb203 {
    text-align: left;
    margin: 10px 20px 0 0;
    float: left;
    transition: all 0.7s;
    color: #111;
    font-weight: bold;
    font-size: 14px;
    font-family: INTB;
}

.contentboxw3 {
    width: 100%;
    float: left;
    font-size: 12px;
    text-align: justify;
    margin-top: 15px;
    line-height: 25px;
    color: #777
}

.boxw4 {
    position: relative;
    float: left;
    width: 100%;
    z-index: 2;
    height: auto;
    border-radius: 5px;
    margin-bottom: 20px;
    transition: all 0.5s;
    text-align: center;
    overflow: hidden;
}



    .boxw4 .ItemImage {
        height: auto;
        width: 100%;
        float: left;
    }

.tablePB {
    text-align: left;
}

    .tablePB tr td:first-child {
        width: 30%;
        text-align: left;
    }

    .tablePB tr td:last-child {
        width: 70%;
        text-align: left;
    }

    .tablePB tr td p {
        text-align: left;
        width: 100%;
    }

    .tablePB tr td {
        padding: 20px;
    }

.tablePB_1 {
    margin-top: 30px;
    background: #eee;
    padding: 20px 0;
}

.tablePB:last-child {
    margin-bottom: 30px;
}

.tablePB_1 tr td {
    padding: 20px;
    font-weight: 900;
}

.btnEx {
    float: left;
    margin: 30px 0 0 0 !important;
    color: #fff;
    background: #fa0102;
    font-size: 13px;
    font-weight: 900;
    padding: .41rem 2rem .61rem 2rem;
}

.listBorder li {
    width: 100%;
    float: left;
    margin: 5px 0;
    padding: 13px 0 17px 0;
    border-bottom: 1px solid #f7f9f8;
    transition: all 0.5s;
}

    .listBorder li:hover {
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
        transition: all 0.5s;
        cursor: pointer;
    }

.listBorderDe li {
    width: 100%;
    float: left;
    margin: 5px 0;
    padding: 5px 0 7px 0;
    border-bottom: 1px solid #f7f9f8;
    transition: all 0.5s;
}

    .listBorderDe li:hover {
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
        transition: all 0.5s;
        cursor: pointer;
    }

.listBorderLearn li {
    width: 100%;
    float: left;
    padding: 5px 0;
    border-bottom: 1px solid #f7f9f8;
    transition: all 0.5s;
}

    .listBorderLearn li:hover {
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
        transition: all 0.5s;
        cursor: pointer;
    }

    .listBorderLearn li:last-child {
        border-bottom: none
    }

.listBorder li:last-child {
    border-bottom: none
}

.listBorderArt li {
    width: 100%;
    float: left;
    margin: 5px 0;
    padding: 5px 0;
    border-bottom: 1px dashed #eee;
    transition: all 0.5s;
    position: relative;
}

    .listBorderArt li:hover {
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
        transition: all 0.5s;
        cursor: pointer;
    }

    .listBorderArt li:last-child {
        border-bottom: none
    }

img {
    transition: all 0.5s;
}

.boxNewsIndex {
    float: left;
    width: 100%;
    padding-left: 80px;
    position: relative;
    height: 65px;
    overflow: hidden;
    margin-top: 10px;
    border-bottom: 1px solid #eee
}

.imgnindex {
    position: absolute;
    height: 50px;
    width: 65px;
    border-radius: 4px;
    right: 0;
}

.boxnewsindexcontent {
    float: left;
    width: 100%;
}

    .boxnewsindexcontent h4 {
        text-align: left;
        font-size: 13px;
        line-height: 25px;
        color: #555
    }

.table thead tr td {
    color: rgba(0,0,0,0.6) !important;
    padding: 20px 0;
}

.table tbody tr td {
    color: rgba(0,0,0,0.6) !important;
}

.table-m {
    color: #555 !important;
    text-align: left;
}

.footer {
    width: 100%;
    float: left;
    margin-top: 20px;
    padding: 0 0 60px;
    background: #eaeff1 url('../Images/Pic/SettingIndex/bgFooter.jpg') top center;
    position: relative;
    border-bottom: 1px solid #ddd;
    direction:ltr;
}

    .footer::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: #ffffff;
        opacity: 0.6;
        height: 6px;
        width: 100%;
        z-index: 3;
    }

.logoFooter {
    display: inline-block;
    background: url('../Images/Design/logo-bg.svg') no-repeat center top;
    text-align: center;
    width: 230px;
    height: 72px;
    position: relative;
    vertical-align: top;
    margin-left: -50px;
}

    .logoFooter::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: url('../Images/Design/bglogofooter2.svg') no-repeat center top;
        top: 6px;
        left: 0;
    }

    .logoFooter a {
        display: inline-block;
        position: relative;
        z-index: 3;
        margin-top: -17px;
        overflow: hidden;
    }

.logoFooter1 {
    height: 120px;
    width: 100%;
    float: left;
    background: url('../Images/Pic/SettingIndex/LogoFooter.png') no-repeat center;
}

.bgray {
    background: #666 !important
}

.bgaparat {
    background: #666 url(../Images/Design/aparat.png) no-repeat center !important;
}

.footer1 {
    width: 100%;
    float: left;
    padding: 40px 0;
    background: #262525;
}

.iconSo {
    width: 34px !important;
    height: 34px !important;
    padding-top: 7px;
    font-size: 16px;
    color: #999;
    border: 2px solid #999;
    border-radius: 50%;
    background-color: #222127;
    opacity: .5;
    transition: all .3s;
}

    .iconSo:hover {
        opacity: 1;
        transition: all .3s;
    }

.site-footer__socials {
    display: flex;
    direction:ltr;
}

    .site-footer__socials ul li {
        display: inline-block;
    }

        .site-footer__socials ul li a {
            transition: 0.6s;
        }

.align-items-center {
    align-items: center !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.d-flex {
    display: flex !important;
}

.site-footer__socials {
    display: flex;
}

    .site-footer__socials ul li {
        display: inline-block;
    }

        .site-footer__socials ul li a {
            transition: 0.6s;
        }

            .site-footer__socials ul li a span {
                width: 0;
                display: inline-block;
                color: #95a9b2;
                padding-top: 2px;
                overflow: hidden;
                transition: 0.6s;
                font-size: 12px;
            }

            .site-footer__socials ul li a.active span {
                width: 55px;
                margin-right: 12px;
                text-align: right;
                color: #322c95;
            }

            .site-footer__socials ul li a.active i {
                color: #322c95;
            }

            .site-footer__socials ul li a i {
                margin-right: 8px;
                font-size: 20px;
                color: #95a9b2;
                transition: 0.6s;
            }

.footer__wrap-btn {
    position: relative;
    width: 300px;
    margin-top: -40px;
    margin-left: auto;
    margin-right: auto;
    border-top: 132px solid #181819;
    border-right: 150px solid transparent;
    border-left: 150px solid transparent;
    z-index: 10;
    text-align: center;
}

.footer__btn {
    position: absolute;
    top: -53px;
    left: -10px;
    font-size: 12px;
    color: #999;
    text-decoration: none !important;
    text-transform: uppercase;
}

    .footer__btn::before {
        border-bottom: 33px solid #dc2d13;
    }

    .footer__btn::before {
        top: -38px;
        left: -14px;
        border-right: 25px solid transparent;
        border-bottom: 33px solid red;
        border-left: 25px solid transparent;
        z-index: 15;
    }

    .footer__btn::after, .footer__btn::before {
        position: absolute;
        content: '';
    }

    .footer__btn::after {
        top: -23px;
        left: 2px;
        border-right: 9px solid transparent;
        border-bottom: 10px solid #eee;
        border-left: 9px solid transparent;
        z-index: 15;
    }

    .footer__btn::after, .footer__btn::before {
        position: absolute;
        content: '';
    }

.newsLa {
    width: 100%;
    float: left;
    height: 140px;
    padding: 20px 0;
    background: #999 url('../Images/Design/bgN.jpg') top;
    border-bottom: 1px solid #999
}

.cssmm > ul > li > a {
    color: #ababab !important;
    border-bottom: 1px solid #fafafa !important;
}

.cartAlert {
    width: 100%;
    background: #f1f1f1;
    padding: 10px 20px;
    border-radius: 2px;
    float: left;
    color: #676767;
}

.contentFooter {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    z-index: 5;
}

.contentFooter1 {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    z-index: 5;
}


.linkFooter {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 15px;
}

.titleLink {
    float: left;
    text-align: left;
    color: #333;
    font-family: INT;
    font-size: 16px;
    display: block;
    width: 100%;
    margin: 10px 0;
    font-weight: 900;
}

.zemanatbox {
    float: left;
    width: 100%;
    padding: 0 0 30px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

.col5 {
    float: left;
    width: 20%;
    min-height: 1px;
    padding: 0 .75rem;
    margin: 10px 0;
}

.zemanat {
    float: left;
    width: 100%;
    text-align: center;
}

.zemanatimg {
    float: left;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

    .zemanatimg img {
        display: inline-table;
        max-width: 100%;
        overflow: hidden;
    }

.zemanatContent {
    float: left;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 13px;
}

.listLink {
    float: left;
    text-align: left;
    list-style: none;
    width: 100%;
}

    .listLink li {
        float: left;
        width: 100%;
    }

        .listLink li a {
            float: left;
            text-align: left;
            color: #666;
            font-size: 14px;
            margin: 7px 0;
            transition: all ease-in 0.3s;
        }

            .listLink li a:hover {
                color: #111;
                transition: all ease-out 0.3s;
            }

.textFooter {
    float: left;
    text-align: left;
    color: #444 !important;
    font-family: INT !important;
    font-size: 13px !important;
    display: block !important;
    width: 100% !important;
    line-height: 35px !important;
    margin: 20px 0 !important;
}

    .textFooter strong {
        font-family: INT;
        color: #333;
        font-size: 13px;
        font-weight: 900
    }

.solinks {
    float: left;
    width: 100%;
    direction:ltr;
}

.copyRight {
    float: left;
    color: #959fae;
    font-family: INT;
    font-size: 13px;
    width: 100%;
    background: #eaeff1;
    line-height: 27px;
    padding: 25px 0 10px 0;
    text-align:left;
}

.logoint {
    float: right;
    height: 50px;
    font-family: INT;
    font-size: 13px;
    color: #959fae;
}

    .logoint img {
        height: 35px;
        width: 35px;
        float: right;
        position: relative;
        top: -5px;
        margin-left: 15px;
    }

.iconMenu {
    position: relative;
    top: 3px;
    margin-left:3px;
}

.pb-300 {
    padding-bottom: 300px !important;
}

.btncall {
    padding: 12px 20px 15px 20px;
    width: 180px;
    height: 45px;
    text-align: center;
    border-radius: 9px;
    background: #43cba9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.11);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.11);
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer
}

.btnso {
    float: left;
    padding: 12px 14px 15px 14px;
    width: 130px;
    height: 45px;
    text-align: center;
    border-radius: 9px;
    background: #716aca;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.11);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.11);
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 10px;
}

    .btnso i {
        font-size: 22px;
    }

    .btnso span {
        font-size: 14px;
        position: relative;
        top: -5px;
        margin-left: 10px;
    }

.inscolor {
    background-image: linear-gradient(266deg,#4e60d3,#913baf 35%,#d52d88 68%,#f26d4f);
}

.telcolor {
    background-image: linear-gradient(266deg,#4e60d3,#6271e5 35%,#2d97d5 68%,#35c3ea);
}

.mr-0 {
    margin-left: 0 !important;
}

#overlayAll {
    background: #f8f8f8;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    opacity: 0.8;
    z-index: 10000;
}

.fixedBottom {
    float: left;
    text-align: center;
    color: #dae5eb;
    font-family: INT;
    font-size: 13px;
    width: 100%;
    line-height: 27px;
    background: #f8f8f8;
    box-shadow: 0 2px 5px 0 rgba(161, 161, 161, 0.36),0 2px 10px 0 rgba(161, 161, 161, 0.32);
    margin-top: 30px;
    position: fixed;
    bottom: 0;
    z-index: 99;
    display: none;
}

.linkFixBottom {
    width: 20%;
    text-align: center;
    float: left;
    margin: 4px 0;
    color: #717475;
    line-height: 18px;
}

    .linkFixBottom p {
        font-size: 10px;
    }

.bgww {
    width: 100%;
    float: left;
    border-radius: 4px;
    margin-bottom: 150px;
    background: #fff;
}

.btn:active, .btn, .btn:focus {
    outline: none !important;
}

.boxRegisterText {
    width: 100%;
    min-height: 400px;
    float: left;
    text-align: center;
    border-right: 1px solid #e7ecef
}

.logoTopReg {
    height: 170px;
    width: 100%;
    float: left;
    background: url('../Images/Design/Logo3.png') no-repeat center;
}

.contentRegText {
    width: 100%;
    float: left;
    text-align: justify;
    line-height: 35px;
    color: #83949d;
    padding: 20px 70px
}


.leranBox {
    position: absolute;
    float: left;
    width: 100%;
    z-index: 99;
    margin-top: -50px;
    top: 50%;
    text-align: center;
}

    .leranBox h1 {
        font-size: 26px;
        font-weight: 900;
        line-height: 55px;
        color: #fff;
        text-align: left;
    }

    .leranBox h2 {
        font-size: 14px;
        font-weight: 900;
        line-height: 30px;
        text-align: left;
        color: #ddd
    }

#particle-canvas {
    width: 100%;
    height: 350px;
    position: relative;
    overflow: hidden;
}

.boxLearns {
    float: left;
    width: 100%;
    padding-bottom: 50px;
}



.catLearnTitle {
    font-size: 17px;
    text-align: left;
    color: #999;
    line-height: 40px;
    margin-top: 20px;
}

.section-heading {
    position: relative;
    width: 100%;
    margin: 50px 0 30px 0;
}

    .section-heading::before {
        position: absolute;
        height: 20px;
        width: 100%;
        border-bottom: 1px dotted #ccc;
        right: 0;
        top: 0;
        z-index: 9;
        content: '';
    }

    .section-heading h2 {
        font-size: 16px;
        line-height: 35px;
        padding: 0 0 0 20px;
        position: relative;
        color: #111;
        z-index: 10;
        font-family: INTB;
        background-color: #fff;
        display: inline-block;
        height: 35px;
    }

    .section-heading a, .section-heading span {
        background-color: #ccc;
        color: #fff;
        font-size: 13px;
        padding: 1px 20px 4px 20px;
        line-height: 25px;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        position: absolute;
        left: 0;
        top: 3px;
        z-index: 11;
    }


.cardLearn {
    float: left;
    width: 100%;
    height: 324px;
    margin-top: 20px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 3px 5px #f2f2f2;
    transition: all 0.5s;
}

    .cardLearn:hover {
        box-shadow: 0 5px 8px #dedede;
        transition: all 0.5s;
    }

.cardImageLearn {
    float: left;
    width: 100%;
    height: 200px;
}

    .cardImageLearn img {
        width: 100%;
        height: inherit;
        float: left;
    }

.cardTitleLearn {
    float: left;
    width: 100%;
    padding: 10px 15px;
    line-height: 30px;
    color: #4f4f4f;
    text-align: left;
    margin: 0;
    height: 54px;
    border-bottom: 1px solid #efefef;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.5s;
}

.cardLearn:hover > .cardTitleLearn {
    color: #999 !important;
    transition: all 0.5s;
}

.cardFooterLearn {
    float: left;
    width: 100%;
    padding: 10px 15px;
    color: #4f4f4f;
    text-align: left;
    margin: 0;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.timeLearn {
    font-size: 14px;
    color: #768791;
    float: left;
    padding: 13px 0;
}




.deal-questions-wrapper .comment {
    border: 1px solid #ededed;
    padding: 22px 18px;
    margin-bottom: 15px;
    border-radius: 4px;
}

.clear::after, .clear::before {
    content: '';
    display: block;
    clear: both;
}

.deal-questions-wrapper .comment .comment-question {
    display: table;
    width: 100%;
}


.deal-questions-wrapper .comment .comment-question {
    display: table;
    width: 100%;
}

.deal-questions-wrapper .deal-page-card-cnt {
    overflow: hidden;
    transition: .3s height;
    -moz-transition: .3s height;
    -webkit-transition: .3s height;
}

.deal-page-card .deal-page-card-cnt {
    font-size: 15px;
    color: #222;
}


.deal-questions-wrapper .comment .comment-question .comment-info {
    vertical-align: top;
    display: table-cell;
    width: 179px;
    position: relative;
}

    .deal-questions-wrapper .comment .comment-question .comment-info .comment-name {
        color: #ff5a5f;
        margin-bottom: 7px;
    }

    .deal-questions-wrapper .comment .comment-question .comment-info > span {
        display: block;
    }

    .deal-questions-wrapper .comment .comment-question .comment-info .comment-date {
        color: #82848e;
        padding-left: 23px;
    }

    .deal-questions-wrapper .comment .comment-question .comment-info > span {
        display: block;
    }

.deal-questions-wrapper .comment .comment {
    float: right;
    width: 100%;
    position: relative;
    background: #f9f9f9;
    border-color: #efefef;
    margin-top: 25px;
    margin-bottom: 0;
}

.deal-questions-wrapper .comment {
    border: 1px solid #efefef;
    padding: 22px 18px;
    margin-bottom: 15px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    float: left;
}

    .deal-questions-wrapper .comment .comment::before {
        content: '';
        border: 8px solid transparent;
        border-bottom-color: transparent;
        border-bottom-style: solid;
        border-bottom-width: 8px;
        border-bottom: 8px solid #f9f9f9;
        position: absolute;
        top: -15px;
        right: 42px;
        z-index: 2;
    }

    .deal-questions-wrapper .comment .comment-text {
        vertical-align: middle;
        display: table-cell;
        position: relative;
        line-height: 180%;
        padding-left: 20px;
        border-right: 1px solid #d9d9d9;
        font-size: 13px;
    }

        .deal-questions-wrapper .comment .comment-text pre {
            text-align: justify;
            overflow: hidden;
            color: #4f4f4f;
            white-space: normal;
            line-height: 180%;
        }

    .deal-questions-wrapper .comment .comment-question .comment-info .comment-takhfifan-logo {
        width: 33px;
        float: left;
    }

        .deal-questions-wrapper .comment .comment-question .comment-info .comment-takhfifan-logo img {
            width: 33px;
        }

    .deal-questions-wrapper .comment .comment-question .comment-info .comment-takhfifan-info .comment-takhfifan-answer-logo {
        width: 70px;
        display: block;
    }

    .deal-questions-wrapper .comment .comment-question .comment-info .comment-takhfifan-info {
        float: left;
        margin-left: 10px;
    }

        .deal-questions-wrapper .comment .comment-question .comment-info .comment-takhfifan-info .comment-date {
            padding-left: 0;
            margin-top: 7px;
            display: block;
        }

.paging span {
    border-radius: 4px;
    background: #999;
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(224, 224, 224, 0.26),0 2px 10px 0 rgba(222, 222, 222, 0.22);
    width: 36.15385px;
    height: 36.15385px;
    text-align: center;
    line-height: 35px;
}

.paging a {
    border-radius: 4px;
    background: #fff;
    color: #6f818d;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(224, 224, 224, 0.26),0 2px 10px 0 rgba(222, 222, 222, 0.22);
    width: 36.15385px;
    height: 36.15385px;
    text-align: center;
    line-height: 35px;
    float:left;
    margin-right:10px;
    font-family:Arial
}

    .paging a.activePage {
        background: #322c95;
        color: #fff;
    }

.responsive-table {
    position: relative;
    overflow-x: auto;
}

.table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
}

    .table thead {
        color: rgba(0,0,0,0.6);
        text-align: left;
    }

    .table tr th {
        color: rgba(0,0,0,0.6);
        text-align: center;
        border-bottom: 2px solid #999
    }

.table, th, td {
    border: none;
}

    .table.highlight > tbody > tr {
        -webkit-transition: background-color .25s ease;
        transition: background-color .25s ease;
    }

        .table.highlight > tbody > tr:hover {
            -webkit-transition: background-color .25s ease;
            transition: background-color .25s ease;
            background: #f5f5f5
        }

    .table tr {
        border-bottom: 1px solid rgba(0,0,0,0.12);
        text-align: center;
    }

        .table tr.read {
            background: #fafafa
        }

    .table td, .table th {
        padding: 15px 5px;
        display: table-cell;
        text-align: right;
        vertical-align: middle;
        border-radius: 2px;
    }

    .table td {
        padding: 5px 5px;
    }

    .table, th, .table td {
        border: none;
        color: #5b5b5b;
        font-size: 14px;
        text-align: center;
    }

.textMessage {
    width: 100%;
    padding: 20px 10px;
    font-size: 13px;
    color: #5b5b5b;
    line-height: 30px;
    float: left;
    text-align: justify;
}

.dMSG {
    float: left;
    padding: 10px 15px;
    width: 100%;
    background: #c4c2ff
}

.senderMsg, .dateMsg {
    color: #7b7e8a;
    font-size: 13px;
    line-height: 30px;
}

.min-h500 {
    min-height: 500px;
}

.TitrForm {
    font-size: 24px !important;
    color: #111 !important;
    width: 100%;
    text-align: left;
    font-family: INTB;
    font-weight: 900;
    line-height: 35px;
    padding: 15px 0;
}

.sharingBox {
    float: left;
    width: 100%;
    padding: 20px;
    margin: 50px 0 30px 0;
    background: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.dateBox {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

    .dateBox span {
        text-align: left;
        font-size: 12px;
        color: #a0a0a0;
    }

    .dateBox i {
        color: #a0a0a0;
    }

.newsPr {
    font-family: Tahoma !important;
}

.h1pr {
    font-family: Yekan !important;
}

.contentpr {
    line-height: 30px;
    font-size: 13px;
}

.imageMap {
    float: left;
    width: 100%;
    padding: 70px;
    text-align: center;
}

    .imageMap img {
        max-width: 100%;
        display: inline-table;
        text-align: center;
    }

.submap {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .submap a {
        float: left;
        padding: 5px 20px;
        color: #fff;
        display: block;
        font-size: 12px;
        background-color: #322c95;
        border: 1px solid #322c95;
        transition: all 0.2s ease-in-out;
        text-decoration: none;
        margin-right: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        min-width: 100px;
        text-align: center;
    }

        .submap a:hover {
            color: #fff;
            background-color: #41ed9a;
            border-color: #41ed9a;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
        }

figure.snip1432 {
    color: #fff;
    position: relative;
    float: left;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    background: #000000;
    color: #ffffff;
    text-align: left !important;
    border-radius: 6px !important;
}

    figure.snip1432 * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.6s ease;
        transition: all 0.6s ease;
    }

    figure.snip1432 img {
        opacity: 1;
        width: 100%;
        vertical-align: top;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.snip1432 figcaption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        figure.snip1432 figcaption > div {
            overflow: hidden;
            width: 100%;
            padding: 10px 0;
            position: absolute;
            bottom: 0px;
        }

    figure.snip1432 h2,
    figure.snip1432 h3 {
        margin: 0;
        position: relative;
        right: 0;
        padding: 0 30px;
        text-shadow: 0 3px 5px #111;
    }

    figure.snip1432 h2 {
        font-weight: 900;
        top: 10px;
        line-height: 20px;
        padding-bottom: 20px;
        color: #fff;
    }

    figure.snip1432 h3 {
        font-size: 0.8em;
        bottom: 0;
        font-weight: 500;
        top: 10px;
    }

        figure.snip1432 h3:nth-of-type(2) {
            opacity: 0;
            -webkit-transform: translateY(150%);
            transform: translateY(150%);
        }

    figure.snip1432 a {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
    }

    figure.snip1432:hover img,
    figure.snip1432.hover img {
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    figure.snip1432:hover figcaption h3:first-of-type,
    figure.snip1432.hover figcaption h3:first-of-type {
        -webkit-transform: translateY(150%);
        transform: translateY(150%);
        opacity: 0;
    }

    figure.snip1432:hover figcaption h3:nth-of-type(2),
    figure.snip1432.hover figcaption h3:nth-of-type(2) {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }


.bgGr {
    background-image: -webkit-linear-gradient(rgba(153, 153, 153, 0.01),rgb(27, 27, 27) );
}

.spitem {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 320px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 10px 7px -5px rgba(0,0,0,.3);
    box-shadow: 0px 10px 7px -5px rgba(0,0,0,.3);
}

.spitempic {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 320px;
}

    .spitempic img {
        float: left;
        width: 100%;
        min-height: 320px;
        height: auto;
    }

.spitemcontent {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,rgba(0,0,0,.7) 0%,transparent 100%);
}

.spitemtitle {
    position: absolute;
    bottom: 30px;
    right: 30px;
    left: 30px;
}

    .spitemtitle h2 {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 15px !important;
        line-height: 25px;
        color: #fff;
        text-align: left;
        direction: rtl;
        font-weight: 900
    }

.newssp {
    float: left;
    width: 100%;
    padding: 20px 0;
    margin-top: 20px;
}

.newsSpecialItem {
    float: left;
    width: 23.5%;
    margin-bottom: 1%;
    height: 200px;
    margin-left: 1%;
    border-radius: 4px;
    overflow: hidden;
}

    .newsSpecialItem img {
        float: left;
        width: 100%;
        height: 200px;
    }

.newsSpecialItem-1 {
    float: left;
    width: 50%;
    height: 411px;
    border-radius: 6px;
    overflow: hidden;
    margin-left: 0 !important;
}

    .newsSpecialItem-1 img {
        float: left;
        width: 100%;
        height: 411px;
        border-radius: 6px;
    }

.newsSpecialItem h2 {
    font-size: 14px !important;
}

.newsSpecialItem-1 h2 {
    font-size: 17px !important;
    padding-bottom: 30px !important;
}

.btnUser {
    padding: .7rem 1.6rem .8rem 1.6rem !important;
}

.divSkill {
    padding: 10px;
    border-bottom: 1px dashed #f1f1f1;
    position: relative;
}

.removeEdu {
    position: absolute;
    left: 0;
    top: 0;
}

.divSkill span {
    font-size: 13px;
    color: #768791;
    float: left;
    margin-top: 20px;
}

.divSkill .txtEdu {
    font-size: 11px;
    color: #a7b1b6;
    float: left;
    margin-top: 10px;
    display: block;
    width: 100%;
    padding-bottom: 15px !important;
}

.divCv {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.bgCVRight {
    background: #fafafa;
}

.rightCv {
    float: left;
    width: 30%;
    border-left: 1px solid #eeeeee;
    background: #eeeeee;
    padding-bottom: 500px;
    margin-bottom: -500px;
}

.leftCv {
    float: left;
    width: 69%;
    padding-bottom: 500px;
    margin-bottom: -500px;
}

.rightCv h1 {
    text-align: center;
    font-size: 20px;
    font-weight: 900;
    color: #4b4b4b;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee
}

.titleJob {
    text-align: center;
    font-size: 14px;
    color: #818181;
    width: 100%;
    margin: 10px 0 20px 0;
}

.titleJob2 {
    text-align: center;
    font-size: 18px;
    color: #333333;
    width: 100%;
    margin: 10px 0 20px 0;
}

.no-shadow {
    box-shadow: none;
}

.btnCvBG {
    background: #716aca;
}

.overBtn {
    height: 44.44px;
    width: 44.3px;
    border: 2px solid #716aca;
    padding: 2px;
    border-radius: 50%;
    overflow: hidden;
}

.tagsspan1 {
    float: left;
    margin-bottom: 10px;
    margin-right: 5px;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    padding: 2px 17px 4px 17px;
    border-radius: 6px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #bccace;
    border: 1px solid #bccace;
}

.tagsspan {
    float: left;
    margin-bottom: 10px;
    margin-right: 5px;
    font-weight: 300;
    font-size: 12px;
    color: #a0abae;
    background-color: #fff;
    padding: 3px 0 10px 0;
    border-radius: 6px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.breadcrumbs {
    float: left;
    margin-top: 17px;
}

    .breadcrumbs a {
        float: left;
        margin-left: 10px;
        font-size: 12px;
    }

    .breadcrumbs i {
        position: relative;
        margin-left: 5px;
        top: 2px;
    }

.titleCvItem {
    text-align: left;
    font-size: 15px;
    color: #5e5e5e;
    font-weight: 900;
    float: left;
    margin: 8px 15px;
}

.textCvUser {
    width: 100%;
    padding: 5px 30px 0 30px;
    float: left;
}

    .textCvUser span, .textCvUser h2 {
        text-align: left;
        font-size: 18px;
        color: #626262;
        font-weight: 900;
        float: left;
        margin: 7px 15px;
    }

    .textCvUser .aboutCv {
        text-align: justify;
        font-size: 14px;
        color: #939393;
        width: 100%;
        float: left;
        margin: 18px 0;
    }

    .textCvUser .aboutCv1 {
        text-align: justify;
        font-size: 12px;
        color: #939393;
        width: 100%;
        float: left;
    }

.cvImage {
    height: 170px;
    width: 170px;
    border: 5px solid #716aca;
    padding: 5px;
    border-radius: 50%;
    overflow: hidden;
    float: none;
    margin: 30px auto 20px auto;
}

.imageUserCv {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    overflow: hidden;
}

.rightBCv {
    float: left;
    width: 100%;
    background: #eaeaea;
    padding: 5px 15px;
    border-top: 1px solid #eeeeee;
}

    .rightBCv ul li {
        color: #768791;
        margin: 10px 0;
    }

        .rightBCv ul li span {
            color: #768791;
            padding: 0 10px;
        }

.rightCCv {
    float: left;
    width: 100%;
    background: #eee;
    padding: 5px 15px;
    border-top: 1px solid #eeeeee
}

    .rightCCv ul li {
        color: #768791;
        margin: 14px 0;
    }

        .rightCCv ul li span {
            color: #768791;
            padding: 0 10px;
            font-size: 13px;
        }

.rightDCv {
    float: left;
    width: 100%;
    background: #eee;
    padding: 15px 15px;
    border-top: 1px solid #eeeeee
}

    .rightDCv ul li {
        color: #768791;
        margin: 14px 0;
    }

        .rightDCv ul li span {
            color: #768791;
            padding: 0 10px;
            font-size: 13px;
        }

/* Styling */
.timeline {
    margin: 5em auto 20px auto;
    position: relative;
    max-width: 100%;
}

.timeline-event-icon:after {
    background-color: #716aca;
    content: '';
    margin-right: -6px;
    position: absolute;
    top: 19px;
    right: -1.5em;
    width: 2px;
    height: 35px;
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-right: 1px solid #716aca
}

.timeline:before {
    background-color: #716aca;
    content: '';
    margin-right: -6px;
    position: absolute;
    top: -10px;
    right: 1.2em;
    width: 2px;
    height: 100%;
}

.timeline-event {
    position: relative;
    float: left;
}

/*.timeline-event:hover .timeline-event-icon {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background-color: #8290c1;
    }

    .timeline-event:hover .timeline-event-thumbnail {
        -moz-box-shadow: inset 40em 0 0 0 #a83279;
        -webkit-box-shadow: inset 40em 0 0 0 #a83279;
        box-shadow: inset 40em 0 0 0 #a83279;
    }*/

.timeline-event-copy {
    padding: 0 1em 0 1em;
    position: relative;
    top: -.375em;
    right: 4em;
    width: 90%;
}

    .timeline-event-copy h3 {
        font-size: 1em;
        margin-bottom: 1em;
        color: #6b6b6b;
        float: left;
        width: 100%;
    }

    .timeline-event-copy h4 {
        font-size: 1em;
        margin-bottom: 1.2em;
        float: left;
    }

    .timeline-event-copy strong {
        font-weight: 700;
    }

    .timeline-event-copy p:not(.timeline-event-thumbnail) {
        padding-bottom: 1.2em;
        float: left;
    }

.timeline-event-icon {
    -moz-transition: -moz-transform 0.2s ease-in;
    -o-transition: -o-transform 0.2s ease-in;
    -webkit-transition: -webkit-transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #716aca;
    outline: 10px solid white;
    outline-offset: -1px;
    display: block;
    margin: 0 0.5em 0.5em -0.5em;
    position: absolute;
    top: -4px;
    right: .3em;
    width: 1em;
    height: 1em;
}

.timeline-event-thumbnail {
    -moz-transition: box-shadow 0.5s ease-in 0.1s;
    -o-transition: box-shadow 0.5s ease-in 0.1s;
    -webkit-transition: box-shadow 0.5s ease-in;
    -webkit-transition-delay: 0.1s;
    transition: box-shadow 0.5s ease-in 0.1s;
    color: white;
    font-size: 0.75em;
    background-color: #768791;
    -moz-box-shadow: inset 0 0 0 0em #ef795a;
    -webkit-box-shadow: inset 0 0 0 0em #ef795a;
    box-shadow: inset 0 0 0 0em #ef795a;
    display: inline-block;
    margin-bottom: 1.2em;
    padding: 0.25em 1em 0.5em 1em;
    border-radius: 4px;
    margin-right: 10px;
}

.m-pricing-table-3.m-pricing-table-3--fixed {
    width: 75%;
    margin: 0 auto;
}

.m-pricing-table-3 {
    padding: 5.71rem 0 5.71rem 0;
}

    .m-pricing-table-3 .m-pricing-table-3__items {
        -webkit-box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);
        box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);
    }

    .m-pricing-table-3 .m-pricing-table-3__items {
        width: 100%;
        text-align: center;
    }

        .m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper {
            padding: 4.2rem 1rem;
            text-align: center;
        }

            .m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__title {
                color: #7b7e8a;
            }

            .m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__title {
                font-size: 1.3rem;
            }

            .m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__price.m-pricing-table-3__price--padding {
                padding: 1.4rem 1.43rem 1.4rem 1.43rem;
            }

            .m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__price {
                background-color: #fcfcfe;
                color: #7b7e8a;
            }

            .m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__price {
                border-radius: 1.07rem;
                margin-top: 2.83rem;
                display: inline-block;
                font-size: 1.8rem;
                font-weight: 500;
                padding: .83rem 1.43rem .83rem 1.43rem;
            }

            .m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__description {
                color: #7b7e8a;
            }

            .m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__description {
                text-align: center;
                font-size: .96rem;
                display: inline-block;
                margin-top: 2.85rem;
            }

            .m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__btn {
                margin: 2.83rem auto 0 auto;
            }

        .m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item.m-pricing-table-3__item--focus {
            margin-top: -3rem;
            margin-bottom: -3rem;
        }

.m--bg-brand {
    background-color: #716aca !important;
}


.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item.m-pricing-table-3__item--focus .m-pricing-table-3__wrapper {
    padding: 7rem 1rem;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper {
    padding: 4.2rem 1rem;
    text-align: center;
}

    .m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__title {
        color: #7b7e8a;
    }

    .m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__title {
        font-size: 1.3rem;
    }

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item.m-pricing-table-3__item--focus .m-pricing-table-3__price {
    background-color: #756ecd;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__price {
    background-color: #fcfcfe;
    color: #7b7e8a;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item.m-pricing-table-3__item--focus .m-pricing-table-3__price {
    font-size: 1.8rem;
    padding: .86rem 1.43rem .86rem 1.43rem;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__price {
    border-radius: 1.07rem;
    margin-top: 2.83rem;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 500;
    padding: .83rem 1.43rem .83rem 1.43rem;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item.m-pricing-table-3__item--focus .m-pricing-table-3__price .m-pricing-table-3__label {
    color: #c4c2ff;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__price .m-pricing-table-3__label {
    color: #9699a2;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__price .m-pricing-table-3__label {
    font-size: 1.5rem;
    vertical-align: 33%;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__price .m-pricing-table-3__number {
    font-size: 2.34rem;
}


.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item.m-pricing-table-3__item--focus .m-pricing-table-3__price .m-pricing-table-3__text {
    color: #c4c2ff;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__price .m-pricing-table-3__text {
    color: #9699a2;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__price .m-pricing-table-3__text {
    font-size: 1.07rem;
    vertical-align: 40%;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item.m-pricing-table-3__item--focus .m-pricing-table-3__description {
    color: #c4c2ff;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__description {
    color: #7b7e8a;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__description {
    text-align: center;
    font-size: .96rem;
    display: inline-block;
    margin-top: 2.85rem;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper .m-pricing-table-3__btn {
    margin: 2.83rem auto 0 auto;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item.m-pricing-table-3__item--focus .m-pricing-table-3__price {
    background-color: #756ecd;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item.m-pricing-table-3__item--focus .m-pricing-table-3__price {
    background-color: #756ecd;
}

.m--font-light {
    color: #fff !important;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item.m-pricing-table-3__item--focus .m-pricing-table-3__price .m-pricing-table-3__text {
    color: #c4c2ff;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item.m-pricing-table-3__item--focus .m-pricing-table-3__price .m-pricing-table-3__label {
    color: #c4c2ff;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item.m-pricing-table-3__item--focus .m-pricing-table-3__description {
    color: #c4c2ff;
}

.m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper {
    text-align: center;
}

.m-pricing-table-3__item--focus .m-pricing-table-3__title, .m-pricing-table-3__item--focus .m-pricing-table-3__number {
    color: #fff !important;
}

.m-pricing-table-3__item--focus .btn {
    background: #fff !important;
    color: #716aca !important
}

.m--font-light {
    color: #fff !important;
}

.btn-brand {
    background-color: #716aca !important;
}

.divVerify {
    width: 100%;
    padding: 20px 10px;
}

    .divVerify p {
        width: 100%;
        padding: 15px 0;
        border-bottom: 1px solid #f2f2f2;
        color: #83949d;
        font-size: 13px;
    }

.cvbuilder {
    float: left;
    width: 100%;
    padding: 50px 50px;
}

.cvbuilderTitle {
    margin: 50px 0 30px 0;
    font-size: 25px;
    font-weight: 900;
    color: #555
}

.cvbuilderTitle1 p {
    line-height: 35px;
    font-size: 16px;
    color: #83949d;
}

.cvbuilderTitle1 {
    margin-bottom: 30px;
}

.timeline-item {
    background: #fff;
    border-radius: 3px;
    padding: 25px 12px;
    margin: 0 auto;
    max-width: 100%;
    min-height: 160px;
    margin-bottom: 20px;
    position: relative;
    z-index: 5
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f7f8f8;
    background: linear-gradient(to right, #f3f3f3 8%, #eeeeee 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
}

.background-masker {
    background: #fff;
    position: absolute;
}

    /* Every thing below this is just positioning */

    .background-masker.header-top,
    .background-masker.header-bottom,
    .background-masker.subheader-bottom {
        top: 100px;
        left: 0;
        right: 100px;
        height: 20px;
    }

    .background-masker.header-left,
    .background-masker.subheader-left,
    .background-masker.header-right,
    .background-masker.subheader-right {
        top: 10px;
        right: 100px;
        height: 8px;
        width: 10px;
    }

    .background-masker.header-bottom {
        top: 18px;
        height: 0;
        right: 100px;
    }

    .background-masker.subheader-left,
    .background-masker.subheader-right {
        top: 24px;
        height: 0;
        right: 100px;
    }


    .background-masker.header-right,
    .background-masker.subheader-right {
        width: 0;
        left: 300px;
        right: 100px;
    }

    .background-masker.subheader-right {
        right: 230px;
    }

    .background-masker.subheader-bottom {
        top: 25px;
        height: 10px;
    }

    .background-masker.content-top,
    .background-masker.content-second-line,
    .background-masker.content-third-line,
    .background-masker.content-second-end,
    .background-masker.content-third-end,
    .background-masker.content-first-end {
        top: 100px;
        left: 0;
        right: 100px;
        height: 10px;
    }

    .background-masker.content-top {
        height: 20px;
    }

    .background-masker.content-topq {
        height: 150px;
        width: 10px;
        right: 100px;
    }

    .background-masker.content-first-end,
    .background-masker.content-second-end,
    .background-masker.content-third-end {
        width: auto;
        left: 0;
        right: 380px;
        top: 60px;
        height: 8px;
    }

    .background-masker.content-second-line {
        top: 68px;
    }

    .background-masker.content-second-end {
        right: 420px;
        top: 74px;
    }

    .background-masker.content-third-line {
        top: 62px;
    }

    .background-masker.content-third-end {
        right: 300px;
        top: 88px;
    }

.cardcvb {
    float: left;
    border-radius: 8px;
    border-right: 5px solid #999;
    background: #fff;
    padding: 15px;
    margin-bottom: 15px;
    width: 100%;
    box-shadow: 0 5px 8px rgba(99, 99, 99, 0.10);
}

    .cardcvb img {
        float: right;
        height: 100px;
        width: 100px;
    }

.contcv {
    font-size: 30px;
    color: #194866;
    margin: 10px 15px 0 0;
}

.titlecvb {
    margin-left: 15px;
    font-size: 14px;
    line-height: 40px;
    color: #194866;
}

.aboutus {
    float: left;
    width: 100%;
    height: 600px;
    position: relative;
    background: #fff url('../Images/Design/aboutpic.jpg') no-repeat center 50px;
}

.textabout {
    margin: 20px 0;
    text-align: justify;
    font-size: 16px;
    color: #fff;
    line-height: 35px;
}

    .textabout h1 {
        text-align: justify;
        font-size: 20px;
        color: #fff;
        line-height: 35px;
        margin-bottom: 20px;
        font-weight: 900;
    }

.textaboutuser {
    text-align: justify;
    font-size: 16px;
    color: #83949d;
    line-height: 35px;
}

.t-100 {
    margin-top: 100px;
}

.textaboutuser h2 {
    text-align: center;
    font-size: 20px;
    color: #83949d;
    line-height: 35px;
    margin-bottom: 20px;
    font-weight: 900;
}

.aboutusers {
    float: left;
    width: 100%;
    padding: 80px 0;
}

.aboutattr {
    position: relative;
    z-index: 99;
}

.section__body {
    padding: 44px 0 200px;
    position: relative;
    width: 100%;
    float: left;
}

.abb {
    float: left;
    width: 100%;
    padding: 50px 0 150px 0;
    background-image: linear-gradient(to right,#5fe9a6,#897aed);
    /*background-image:linear-gradient(40deg,#2096ff,#05ffa3) !important;*/
}

.section__bodyB::before {
    background-image: linear-gradient(to right,#f6f6f6,#15db7a);
    bottom: 0;
}

.section__bodyC::before {
    background-color: #e8e8e8;
    bottom: 0;
}

.section__body::before {
    content: ' ';
    position: absolute;
    left: -1600px;
    right: -336px;
    top: 0px;
    bottom: 0;
    z-index: 1;
    -ms-transform: rotate(-6.5deg);
    transform: rotate(-6.5deg);
    pointer-events: none;
}

.carduserabout {
    float: left;
    width: 100%;
    height: 380px;
    border-radius: 10px;
    background: #fff;
    margin-top: 20px;
    box-shadow: 0 5px 8px rgba(99, 99, 99, 0.10);
    text-align: center;
}

    .carduserabout img {
        width: 180px;
        height: 180px;
        border-radius: 50%;
        margin: 30px auto 20px auto;
    }

    .carduserabout p {
        color: #716aca;
        font-size: 13px;
        margin: 14px auto 8px auto;
        padding: 0 0 5px 0;
        line-height: 27px;
        background: #fff;
        border: solid 1px #716aca;
        width: 170px;
        border-radius: 60px;
        box-shadow: 0 2px 5px 0 rgba(153, 153, 153, 0.2), 0 2px 10px 0 rgba(135, 135, 135, 0.1);
    }

.iconso {
    font-size: 22px;
    margin: 10px;
    color: #555;
    transition: all 0.4s;
}

    .iconso:hover {
        color: #716aca;
        transition: all 0.4s;
    }

.videoabout {
    float: left;
    width: 100%;
    padding: 10px 0 100px 0;
    text-align: center;
}

    .videoabout h2 {
        text-align: center;
        font-size: 20px;
        color: #83949d;
        line-height: 35px;
        margin-bottom: 40px;
        font-weight: 900;
    }

    .videoabout video {
        width: 100%;
        float: left;
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #b6b6b6 !important;
    line-height: 28px;
}


.vdecore-bottom {
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
}


    .vdecore-bottom::before {
        left: 0;
        transform: skewY(4.5deg);
    }

    .vdecore-bottom::after, .vdecore-bottom::before {
        position: absolute;
        bottom: -3vw;
        width: 51%;
        height: 8vw;
        background-color: #fbfcfc;
        z-index: 101;
        content: '';
    }

    .vdecore-bottom.vc-081f66545a8d40c8ac04131f1a1a6604::after, .vdecore-bottom.vc-081f66545a8d40c8ac04131f1a1a6604::before {
        background-color: #fbfcfc;
    }

    .vdecore-bottom::after {
        right: 0;
        transform: skewY(-4.5deg);
    }

.kswr-row-background, .kswr-row-element-back {
    position: absolute !important;
    width: inherit;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}


.wrap-section-border {
    margin-bottom: -165px;
}

.border-section-top {
    position: relative;
    overflow: hidden;
    padding-top: 110px;
}

.bg_inner {
    z-index: 99 !important;
    margin-top: -25px;
    padding-bottom: 80px;
    top: -10px;
}

.bg_inner, .logged-in, .rtd {
    position: relative;
}

.border-section-top_mod-b::before, .border-section-top_mod-b::after {
    background-color: #999;
}

.border-section-top::before {
    left: -70px;
    box-shadow: 4px 1px 0 2px #f5f5f5;
    transform: skew(-58deg, 10deg);
}

.border-section-top::after, .border-section-top::before {
    position: absolute;
    top: 20px;
    width: 170px;
    height: 80px;
}

.border-section-top::after {
    right: -70px;
    box-shadow: -4px 1px 0 2px #f5f5f5;
    transform: skew(58deg, -10deg);
}

.border-section-top::after, .border-section-top::before {
    position: absolute;
    content: '';
    top: 20px;
    width: 170px;
    height: 80px;
}

.btnSSS {
    box-shadow: 0 2px 5px 0 rgba(21, 21, 21, 0.20),0 2px 10px 0 rgba(22, 22, 22, 0.10) !important;
    border: 2px solid #ff7209 !important;
    background-color: transparent !important;
    color: #ff7209 !important;
}

    .btnSSS:hover {
        border: 2px solid #efefef !important;
        background-color: transparent !important;
        color: #efefef !important;
    }

.newsIndexBox {
    float: left;
    width: 100%;
    padding: 25px 0;
}

.newsIndexBox2 {
    float: left;
    width: 100%;
    padding: 20px 0;
}

.single-sidebar {
    margin-top: 39px;
    position: -webkit-sticky;
    position: sticky;
    padding-bottom: 50px;
    z-index: 99;direction:ltr
}

.single-sidebar__informations {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 2px -17px 45px -20px rgba(0,0,0,.16),2px 32px 42px -20px rgba(0,0,0,.16);
    margin-bottom: 46px;
    position: relative;
}

    .single-sidebar__informations figure {
        position: relative;
    }

figure {
    margin: 0;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

.single-sidebar__informations figure img {
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: auto;
}

.post__new {
    position: absolute;
    right: 13px;
    top: 14px;
    font-size: 10px;
    color: #fff;
    background-color: #fa4545;
    border-radius: 3px;
    height: 10px;
    line-height: 10px;
    padding: 0 3px;
    text-align: center;
}

.progress-container {
    width: 100%;
    height: 8px;
    background: rgba(255,255,255,.3);
    position: relative;
    bottom: 8px;
}

.progress-bar {
    height: 8px;
    background: #fff;
    width: 0;
}

.single-sidebar__rate-five {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 24px 14px;
}

.align-items-center {
    align-items: center !important;
}

.post__five {
    font-size: 32px;
    color: #0095da;
    margin-right: 5px;
    padding-bottom: 3px;
    font-family:Arial
}

.post__five-read-secnd--single span {
    color: #555;
    font-size: 12px;
    line-height: 16px;
    width: 33px;
    padding-bottom: 11px;
}

.single-sidebar__average {
    text-align: right;
    line-height: 8px;
    margin-bottom: 5px;
    text-align: right;
    line-height: 8px;
}

    .single-sidebar__average span {
        font-size: 14px;
        color: #555;
    }

    .single-sidebar__average em {
        font-size: 17px;
        color: #555;
    }

.post-ratings {
    display: flex;
    flex-direction: row-reverse;
}

.post-ratings {
    width: 100%;
    opacity: 1;
}

    .post-ratings img {
        display: inline-block !important;
        margin-bottom: 0 !important;
    }

.single-sidebar__inf-itms {
    padding: 10px 26px;
}

    .single-sidebar__inf-itms li {
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        margin-bottom: 14px;
    }

        .single-sidebar__inf-itms li span {
            background-color: #fff;
            z-index: 999;
            padding-right: 13px;
        }

        .single-sidebar__inf-itms li em {
            background-color: #fff;
            z-index: 999;
            padding-left: 10px;
            font-style: normal;
            font-family:Arial;
        }

        .single-sidebar__inf-itms li::after {
            content: "";
            position: absolute;
            height: 1px;
            background-color: #ededed;
            left: 0;
            right: 0;
        }

.single-sidebar__articles {
    padding: 0 26px 20px;
    position: relative;
}

    .single-sidebar__articles::before {
        content: "";
        position: absolute;
        background-color: #eee;
        height: 1px;
        right: 0;
        left: 0;
        top: -2px;
    }

    .single-sidebar__articles::after {
        content: "";
        position: absolute;
        background-color: #eee;
        height: 1px;
        right: 0;
        left: 0;
        bottom: 0;
    }

.single-sidebar__articles-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 0 0;
    cursor: pointer;
}

    .single-sidebar__articles-title h2 {
        font-size: 15px;
        color: #0095da;
    }

    .single-sidebar__articles-title i {
        font-size: 6px;
        color: #0095da;
    }

.icon-bottom-arrow::before {
    content: "\e91b";
}

.single-sidebar__fav-latest {
    display: flex;
    align-items: center;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 30px 0 26px;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

.single-sidebar__bookmark {
    width: 50%;
    display: flex;
    flex-direction: column;
    position: relative;
    cursor: pointer;
}

    .single-sidebar__bookmark i {
        font-size: 15px;
        color: #888;
        text-align: center;
        margin-bottom: 11px;
        cursor: pointer;
    }

.icon-bookmark::before {
    content: "\e904";
}

.single-sidebar__bookmark span {
    text-align: center;
    font-size: 13px;
    color: #818181;
}

.single-sidebar__favorite {
    width: 50%;
    cursor: pointer;
}

    .single-sidebar__favorite a {
        display: flex;
        flex-direction: column;
    }

    .single-sidebar__favorite span {
        text-align: center;
        font-size: 13px;
        color: #818181;
    }

    .single-sidebar__favorite i, .pcci span {
        font-size: 16px;
        color: #888;
        text-align: center;
        margin-bottom: 10px;
    }

.single-sidebar__fav-latest::after {
    content: "";
    position: absolute;
    background-color: #eee;
    height: 1px;
    right: 0;
    left: 0;
    bottom: 0;
}

.single-sidebar__see-downloads {
    padding: 29px 33px 28px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    border-radius: 0 0 10px 10px;
}

    .single-sidebar__see-downloads a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .single-sidebar__see-downloads a span {
            font-size: 13px;
            color: #818181;
        }

        .single-sidebar__see-downloads a i {
            font-size: 22px;
            color: #888;
        }

.single-sidebar__informations::after {
    content: "";
    position: absolute;
    height: 52px;
    bottom: -5px;
    left: 0;
    right: 0;
    box-shadow: 0 14px 9px -12px rgba(0,0,0,.3);
    z-index: -7;
    border-radius: 10px;
}

.single-sidebar__scroll-side {
    height: auto;
    margin-bottom: 31px;
    position: relative;
}

.single-sidebar__tags-title {
    margin-bottom: 10px;
    font-weight: 500;
}

.single-sidebar__scroll-side a {
    font-size: 12px;
    color: #828282;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    margin-right: 7px;
    margin-bottom: 7px;
    display: inline-block;
    padding: 9px 14px;
    line-height: 10px;
    transition: .3s;
}

.single-sidebar__side-accordion {
    box-shadow: 0 14px 48px -12px rgba(0,0,0,.3);
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    margin-bottom: 54px;
    float: left;
    width: 100%;
}

.single-sidebar__acco-ttl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 26px 18px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

    .single-sidebar__acco-ttl span {
        font-size: 14px;
        color: #555;
    }

    .single-sidebar__acco-ttl i {
        font-size: 6px !important;
        color: #555;
    }

.single-sidebar__side-accordion::after {
    content: "";
    position: absolute;
    height: 52px;
    bottom: -4px;
    left: 0;
    right: 0;
    box-shadow: 0 14px 9px -12px rgba(0,0,0,.3);
    z-index: -7;
    border-radius: 10px;
}

.prIndexBox {
    float: left;
    width: 100%;
    padding: 50px 0;
    margin-top: 50px;
    position: relative;
    background: #292929
}

h5.ppt {
    position: relative;
    color: #fa0102;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 5px;
    line-height: 58px;
    display: inline-block;
    text-transform: uppercase;
}

    h5.ppt:after {
        position: absolute;
        content: '';
        right: 105%;
        top: 50%;
        width: 70px;
        height: 1px;
        margin-top: -1px;
        background-color: #fa0102;
    }

.newsIndexBox2 {
    float: left;
    width: 100%;
    padding: 20px 0;
}

.blogNew {
    float: left;
    width: 100%;
    height: 495px;
    text-align: center;
    border-radius: 1px 1px 0 0;
    margin-bottom: 25px;
    transition: all 0.5s;
    background: #fff;
    border: 1px solid #eee;
    background: #fafafa;
    position: relative;
    overflow: hidden;
}

.blogNewImg {
    float: left;
    height: 210px;
    width: 100%;
    border-radius: 1px 1px 0 0;
    box-shadow: 0 4px 14px rgba(17, 29, 48, 0.06);
    overflow: hidden;
}

.item-thumbnail, .natural-thumbnail {
    overflow: hidden;
    display: block;
    z-index: 9;
    width: 100%;
    position: relative;
    border-radius: 1px 1px 0 0;
}

    .natural-thumbnail img {
        display: block;
        height: 210px;
        width: 100%;
        border-radius: 1px 1px 0 0;
        float: left;
        transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    }

    .natural-thumbnail:hover img {
        opacity: 0.7;
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }

.catnnn {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #777;
    padding: 15px 30px;
    font-family: INT;
    text-align: left;
}

.blogNewTitle {
    float: left;
    width: 100%;
    text-align: left;
    font-family: INTB;
    font-weight: 900;
    color: #111;
    font-size: 15px;
    line-height: 30px;
    padding: 0 30px 10px 30px;
}

    .blogNewTitle a {
        color: #212121;
    }

.blogNewContent {
    float: left;
    width: 100%;
    text-align: justify;
    color: #555;
    font-size: 13px;
    line-height: 25px;
    height: 100px;
    overflow: hidden;
    padding: 0 30px;
}

.footerBlogItem {
    float: left;
    width: 100%;
    padding: 20px 30px 30px 30px;
    margin-top: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}

    .footerBlogItem a {
        float: left;
        font-size: 13px;
        color: #fa0102;
    }

.tagg2 {
    font-size: 0;
    position: absolute;
    bottom: 15px;
    left: 20px;
    width: 30px;
    height: 30px;
    background-size: 80%;
    opacity: .5;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIgogICAgIHZpZXdCb3g9IjAgMCA1MCA1MCIKICAgICBzdHlsZT0iZmlsbDojOTk5OTk5OyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAxMy4wODIwMzEgMTIuOTgwNDY5IEMgMTIuNDkyMTg4IDEyLjk2MDkzOCAxMS45MjU3ODEgMTMuMjAzMTI1IDExLjUzMTI1IDEzLjY0MDYyNSBMIDEuMDIzNDM4IDI1IEwgMTEuNTMxMjUgMzYuMzU5Mzc1IEMgMTIuMDExNzE5IDM2Ljg5NDUzMSAxMi43NDYwOTQgMzcuMTMyODEzIDEzLjQ1MzEyNSAzNi45NzY1NjMgQyAxNC4xNTYyNSAzNi44MjAzMTMgMTQuNzIyNjU2IDM2LjI5Njg3NSAxNC45MzM1OTQgMzUuNjA1NDY5IEMgMTUuMTQ0NTMxIDM0LjkxNDA2MyAxNC45Njg3NSAzNC4xNjQwNjMgMTQuNDY4NzUgMzMuNjQwNjI1IEwgOC4zMjQyMTkgMjcgTCA0NyAyNyBDIDQ3LjcyMjY1NiAyNy4wMTE3MTkgNDguMzkwNjI1IDI2LjYzMjgxMyA0OC43NTM5MDYgMjYuMDA3ODEzIEMgNDkuMTIxMDk0IDI1LjM4NjcxOSA0OS4xMjEwOTQgMjQuNjEzMjgxIDQ4Ljc1MzkwNiAyMy45OTIxODggQyA0OC4zOTA2MjUgMjMuMzY3MTg4IDQ3LjcyMjY1NiAyMi45ODgyODEgNDcgMjMgTCA4LjMyNDIxOSAyMyBMIDE0LjQ2ODc1IDE2LjM1OTM3NSBDIDE1LjAxMTcxOSAxNS43ODUxNTYgMTUuMTY3OTY5IDE0Ljk0OTIxOSAxNC44NjcxODggMTQuMjE4NzUgQyAxNC41NzAzMTMgMTMuNDkyMTg4IDEzLjg3MTA5NCAxMy4wMDM5MDYgMTMuMDgyMDMxIDEyLjk4MDQ2OSBaICI+PC9wYXRoPjwvZz48L3N2Zz4=');
}

.sd, .shad, .shadow, .shd {
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.05);
    -o-box-shadow: 2px 2px 3px rgba(0,0,0,.05);
    -ms-box-shadow: 2px 2px 3px rgba(0,0,0,.05);
    box-shadow: 2px 2px 3px rgba(0,0,0,.05);
}

.newsindexSP {
    float: left;
    width: 100%;
    padding: 50px 0;
    position: relative;
}

.boxLearns2 {
    float: left;
    width: 100%;
    padding: 30px 0;
    margin-bottom: 50px;
    direction:ltr;
}

.blogga {
    float: left;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    padding: 30px;
    transition: all 0.5s;
    position: relative;
    overflow: hidden;
    background: #fff;
    height: 285px;
    box-shadow: 0 15px 30px rgba(211, 211, 211, 0.60);
    border: 1px solid #fff;
    margin-top: 20px;
}

    .blogga:hover {
        transition: all 0.5s;
        border: 1px solid #322c95;
        box-shadow: 0 15px 30px rgba(211, 211, 211, 0.20);
    }

.bloggaImg {
    float: left;
    height: 160px;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 4px 14px rgba(17, 29, 48, 0.06);
    overflow: hidden;
}

    .bloggaImg img {
        float: left;
        height: auto;
        width: 100%;
        border-radius: 5px;
    }

.catga {
    float: left;
    width: 100%;
    font-size: 12px;
    color: #82b440;
    font-weight: 400;
    font-family: INTis;
    margin-top: 15px;
    text-align: left;
}

.bloggaTitle {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 900;
    color: #444;
    font-size: 14px;
    padding: 20px 0;
    line-height: 30px;
}

    .bloggaTitle a {
        color: #111;
        font-family: INTB;
    }

.sec__head {
    margin-bottom: 35px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;
    align-items: center !important;
    float: left;
    width: 100%;direction:ltr;
}

.sec__head-ttl {
    font-size: 22px;
    color: #6f8088;
    position: relative;
    float: left;
    font-family: INTb;
    font-weight: 900;
}

    .sec__head-ttl::before {
        content: "";
        position: absolute;
        background-color: #fff;
        height: 10px;
        width: 8px;
        bottom: -30px;
        left: -22px;
        z-index: 2;
    }

    .sec__head-ttl::after {
        content: "";
        position: absolute;
        background-color: #6f8088;
        right: 0;
        left: 0;
        height: 1px;
        bottom: -21px;
    }

.sec__head--more {
    margin-left: auto;
}

    .sec__head--more span {
        color: #a8a8a8;
        margin-left: auto;
        font-size: 13px;
        transition: 0.3s;
        padding-top: 5px;
        float: right;
    }

    .sec__head--more i {
        background-color: #322c95;
        color: #fff;
        font-size: 11px;
        padding: 8px;
        border-radius: 50% 50% 50% 5px;
        margin-left: 7px;
        position: relative;
        bottom: -1px;
        float: right;
    }

.item-main {
    position: relative;
    text-shadow: 1px 1px 0 #000;
    overflow: hidden;
    position: relative;
    margin-top: 15px;
}

.thumbnail {
    background: #000000 !important;
}


.item-thumbnail, .natural-thumbnail {
    overflow: hidden;
    display: block;
    z-index: 9;
    width: 100%;
    position: relative;
    border-radius: 5px;
}

    .natural-thumbnail img {
        display: block;
        height: auto;
        width: 100%;
        border-radius: 5px;
    }

.item-content {
    position: absolute;
    bottom: 0;
    padding: 20px;
}

    .item-content.gradient {
        background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,.8) 100%);
        background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(0,0,0,.8) 100%);
        width: 100%;
        box-sizing: border-box;
        border-radius: 5px;
    }

.item-content {
    z-index: 10;
}

.item-labels.bg {
    color: #fff;
    display: inline-block;
    padding: 4px 5px 5px;
    text-shadow: none;
    font-size: 11px;
    margin: 0 0 10px;
    line-height: 1em;
}

.bg {
    background-color: #FF3D00;
}

.item-labels.bg a {
    color: #fff;
}

.item-title {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    line-height: 1.5em;
    margin: 0;
}

    .item-title a {
        color: #fff;
    }

.branditem {
    margin: 10px;
    display: inline-table;
    text-align: center;
}

.boxleftp {
    float: left;
    width: 100%;
}

.newSection, .box {
    position: relative;
    float: left;
    width: 100%;
    z-index: 2;
    height: 200px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 9.5px .5px rgba(0,0,0,.05);
    box-shadow: 0 5px 24px rgba(0,0,0,.1);
    margin-bottom: 20px;
}

.boxAuto {
    position: relative;
    float: left;
    width: 100%;
    z-index: 2;
    color: #fff !important;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 9.5px .5px rgba(0,0,0,.05);
    margin-top: 20px;
    padding: 10px 15px;
}

.PBoxText, .PBoxTextR, .PBoxTextL {
    float: left;
    width: 100%;
    padding: 20px 0;
}

.PBoxTextC {
    float: left;
    width: 100%;
}

.PBoxText h3 {
    font-size: 20px !important;
    color: #333 !important;
    width: 100%;
    text-align: left;
    font-family: INTB;
    font-weight: 900;
    line-height: 35px;
    padding: 15px 0;
    position: relative;
}

.PBoxTextR h3 {
    font-size: 20px !important;
    color: #333 !important;
    width: 100%;
    text-align: left;
    font-family: INTB;
    font-weight: 900;
    line-height: 35px;
    padding: 15px 0;
    position: relative;
}

.PBoxTextL h3 {
    font-size: 20px !important;
    color: #333 !important;
    width: 100%;
    text-align: right !important;
    font-family: INTB;
    font-weight: 900;
    line-height: 35px;
    padding: 15px 0;
    position: relative;
}

.seller-advantage {
    margin-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.PBoxTextC h3 {
    font-size: 20px !important;
    color: #333 !important;
    width: 100%;
    text-align: center !important;
    font-family: INTB;
    font-weight: 900;
    line-height: 35px;
    padding: 5px 0;
    position: relative;
    margin-bottom: 50px !important;
}

.boxtoptc {
    width: 302px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #e6e9ed;
}

.boxtoptcicon {
    width: 36px;
    height: 24px;
    position: relative;
    bottom: 10px;
    background: #fff url(/Images/Design/37848f75.svg) no-repeat;
}

.PBoxTextItem {
    float: left;
    width: 100%;
    padding: 30px 20px;
    background: #f4f4f4;
    border-radius: 4px;
    margin-top: 20px;
    position: relative;
    line-height: 30px;
    border: 1px solid #ddd;
    border-right: 3px solid #1337f0;
}

.PBoxTextItemPic {
    float: left;
    width: 100%;
    padding: 30px 20px 40px 20px;
    background: #f4f4f4;
    border-radius: 4px;
    margin-top: 20px;
    position: relative;
    line-height: 30px;
    padding-left: 140px;
    border: 1px solid #ddd;
    border-right: 3px solid #1337f0;
}

.PBImage {
    float: left;
    height: 100px;
    width: 100px;
    overflow: hidden;
    border-radius: 4px;
    position: absolute;
    right: 20px;
    top: 20px;
}

    .PBImage img {
        float: left;
        width: 100px;
        border-radius: 4px;
    }

.PBoxTextItem h3, .PBoxTextItemPic h3 {
    font-size: 20px !important;
    color: #111 !important;
    width: 100%;
    text-align: left;
    font-family: INTB;
    font-weight: 900;
    line-height: 35px;
    padding: 0 0 5px 0;
    float: left;
}

.PBoxTextItem .itema, .PBoxTextItemPic .itema {
    font-size: 14px !important;
    color: #1b41d4 !important;
    width: 100%;
    text-align: left;
    font-family: INTB;
    font-weight: 900;
    line-height: 35px;
    float: left;
    padding: 15px 0 0 0;
    cursor: pointer;
}

.PBText h3 {
    font-size: 25px !important;
    color: #333 !important;
    width: 100%;
    text-align: left;
    font-family: INTB;
    font-weight: 900;
    line-height: 35px;
    padding: 0 0 15px 0;
    margin-top: 20px;
    float: left;
}

.PBText {
    font-size: 16px !important;
    color: #444 !important;
    width: 100%;
    text-align: justify;
    line-height: 35px;
    float: left;
}

.PBPic {
    float: left;
    height: auto;
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
    margin-top: 30px;
}

    .PBPic img {
        float: right;
        width: auto;
        height: auto;
        max-width: 100%;
        border-radius: 4px;
    }

.PBItems {
    float: left;
    width: 100%;
    padding: 20px 0;
    margin-top: 20px;
}

.tablePB {
    text-align: left;
}

    .tablePB tr td:first-child {
        width: 30%;
        text-align: left;
    }

    .tablePB tr td:last-child {
        width: 70%;
        text-align: left;
    }

    .tablePB tr td p {
        text-align: left;
        width: 100%;
    }

    .tablePB tr td {
        padding: 20px;
    }

.tablePB_1 {
    margin-top: 30px;
    background: #eee;
    padding: 20px 0;
}

.tablePB:last-child {
    margin-bottom: 30px;
}

.tablePB_1 tr td {
    padding: 20px;
    font-weight: 900;
}

.shareboxpage {
    float: left;
    width: 100%;
    margin-top: 100px;
    border-top: 1px solid #eee;
    padding-top: 15px;
}

.btnboxx {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.btnExC {
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.3);
    box-shadow: 0 6px 12px 0 rgba(87,207,177,.3);
    background: #57cfb1;
    color: #fff;
    line-height: 43px;
    text-align: left;
    font-size: 16px;
    padding: 10px 20px 13px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    cursor: pointer;
    transition: all 0.5s;
}

    .btnExC:hover {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.8);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.8);
        transition: all 0.5s;
    }

.btnExLiC {
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.3);
    box-shadow: 0 6px 12px 0 rgba(87,207,177,.3);
    border: 1px solid #57cfb1;
    color: #57cfb1;
    line-height: 43px;
    text-align: left;
    font-size: 16px;
    padding: 10px 20px 13px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    cursor: pointer;
    transition: all 0.5s;
}

    .btnExLiC:hover {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.8);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.8);
        transition: all 0.5s;
    }

.btnExR {
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.3);
    box-shadow: 0 6px 12px 0 rgba(87,207,177,.3);
    background: #57cfb1;
    color: #fff;
    line-height: 43px;
    text-align: left;
    font-size: 16px;
    height: 48px;
    padding: 0 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    cursor: pointer;
    float: left;
    margin-right: 15px;
}

    .btnExR:hover {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.8);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.8);
        transition: all 0.5s;
    }

.btnExLiR {
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.3);
    box-shadow: 0 6px 12px 0 rgba(87,207,177,.3);
    border: 1px solid #57cfb1;
    color: #57cfb1;
    line-height: 43px;
    text-align: left;
    font-size: 16px;
    height: 48px;
    padding: 0 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    cursor: pointer;
    float: left;
    margin-right: 15px;
}

    .btnExLiR:hover {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.8);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.8);
        transition: all 0.5s;
    }

.btnExL {
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.3);
    box-shadow: 0 6px 12px 0 rgba(87,207,177,.3);
    background: #57cfb1;
    color: #fff;
    line-height: 43px;
    text-align: left;
    font-size: 16px;
    height: 48px;
    padding: 0 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    cursor: pointer;
    float: right;
    margin-left: 15px;
}

    .btnExL:hover {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.8);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.8);
        transition: all 0.5s;
    }

.btnExLiL {
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.3);
    box-shadow: 0 6px 12px 0 rgba(87,207,177,.3);
    border: 1px solid #57cfb1;
    color: #57cfb1;
    line-height: 43px;
    text-align: left;
    font-size: 16px;
    height: 48px;
    padding: 0 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    cursor: pointer;
    float: right;
    margin-left: 15px;
}

    .btnExLiL:hover {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.8);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.8);
        transition: all 0.5s;
    }

.listBorder li {
    width: 100%;
    float: left;
    margin: 5px 0;
    padding: 13px 0 17px 0;
    border-bottom: 1px solid #f7f9f8;
    transition: all 0.5s;
}

    .listBorder li:hover {
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
        transition: all 0.5s;
        cursor: pointer;
    }

.listBorderDe li {
    width: 100%;
    float: left;
    margin: 5px 0;
    padding: 5px 0 7px 0;
    border-bottom: 1px solid #f7f9f8;
    transition: all 0.5s;
}

    .listBorderDe li:hover {
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
        transition: all 0.5s;
        cursor: pointer;
    }

.listBorderLearn li {
    width: 100%;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #f7f9f8;
    transition: all 0.5s;
}

    .listBorderLearn li:hover {
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
        transition: all 0.5s;
        cursor: pointer;
    }

    .listBorderLearn li:last-child {
        border-bottom: none
    }

.listBorder li:last-child {
    border-bottom: none
}

.listBorderArt li {
    width: 100%;
    float: left;
    margin: 5px 0;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
    transition: all 0.5s;
    position: relative;
}

    .listBorderArt li:hover {
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
        transition: all 0.5s;
        cursor: pointer;
    }

    .listBorderArt li:last-child {
        border-bottom: none
    }

.imgpage {
    float: left;
    width: 100%;
    border-radius: 2px;
    margin-top: 10px;
}

.foot_bottom {
    border-top: 1px solid #ddd;
    padding: 30px;
    float: left;
    width: 100%;
}


.gradient_1 {
    background-image: -moz-linear-gradient(-45deg,#97adef 0,#445eb2 100%);
    background-image: -webkit-linear-gradient(-45deg,#97adef 0,#445eb2 100%);
    background-image: -ms-linear-gradient(-45deg,#97adef 0,#445eb2 100%);
}

.gradient_2 {
    background-image: -moz-linear-gradient(-45deg,#fcd066 0,#c89a2c 100%);
    background-image: -webkit-linear-gradient(-45deg,#fcd066 0,#c89a2c 100%);
    background-image: -ms-linear-gradient(-45deg,#fcd066 0,#c89a2c 100%);
}

.gradient_3 {
    background-image: -moz-linear-gradient(-45deg,#ff6371 0,#ef1125 100%);
    background-image: -webkit-linear-gradient(-45deg,#ff6371 0,#ef1125 100%);
    background-image: -ms-linear-gradient(-45deg,#ff6371 0,#ef1125 100%);
}

.gradient_4 {
    background-image: -moz-linear-gradient(-45deg,#7edd97 0,#21b548 100%);
    background-image: -webkit-linear-gradient(-45deg,#7edd97 0,#21b548 100%);
    background-image: -ms-linear-gradient(-45deg,#7edd97 0,#21b548 100%);
}


.box_hover {
    animation: bounceIn 1s linear 1;
    transition: all ease .3s
}

    .box_hover:hover {
        transform: scale(1.02);
        z-index: 1
    }

.pattern::before, .box_cat::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../Administrator/Files/Design/travel.png');
    z-index: -1;
}

.box_cat h2 {
    font-size: 2rem;
    margin: 0;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: left;
}

.font_bold {
    font-family: INTB !important;
}

.picbox {
    float: left;
    height: 100%;
    width: 30%;
    border-left: 1px dashed rgba(255,255,255,0.5);
    text-align: center;
}

    .picbox img {
        width: 120px;
        height: 120px;
        margin-top: 40px;
    }

.box_cat span {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 0;
    width: 25px;
    height: 25px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMjY4LjgzMyAyNjguODMzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNjguODMzIDI2OC44MzM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjU2LjMzMywxMjEuOTE2SDQyLjY3OWw1OC42NTktNTguNjYxYzQuODgyLTQuODgyLDQuODgyLTEyLjc5NiwwLTE3LjY3OGMtNC44ODMtNC44ODEtMTIuNzk3LTQuODgxLTE3LjY3OCwwbC03OS45OTgsODAgICBjLTQuODgzLDQuODgyLTQuODgzLDEyLjc5NiwwLDE3LjY3OGw4MCw4MGMyLjQzOSwyLjQzOSw1LjY0LDMuNjYxLDguODM5LDMuNjYxczYuMzk3LTEuMjIyLDguODM5LTMuNjYxICAgYzQuODgyLTQuODgyLDQuODgyLTEyLjc5NiwwLTE3LjY3OGwtNTguNjYxLTU4LjY2MWgyMTMuNjU0YzYuOTAzLDAsMTIuNS01LjU5OCwxMi41LTEyLjUgICBDMjY4LjgzMywxMjcuNTEzLDI2My4yMzYsMTIxLjkxNiwyNTYuMzMzLDEyMS45MTZ6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}

/*.contentbox {
    padding: 20px;
    text-align: justify;
    width: 69%;
    float: left;
    overflow: hidden;
    height: 180px;
    text-transform: uppercase;
}*/

.box_cat.style_2 span {
    bottom: 45px
}

.boxw {
    position: relative;
    float: left;
    width: 100%;
    z-index: 2;
    height: 350px;
    padding: 20px;
    background-color: #efeef4;
    border-radius: 2px;
    margin-top: 70px;
    color: #555;
    transition: all 0.5s;
}

    .boxw:hover {
        margin-top: 60px;
        background: #fff;
        transition: all 0.5s;
    }

    .boxw .ItemImage {
        height: 120px;
        width: 120px;
        margin: 20px auto;
    }

.contentboxw {
    width: 100%;
    font-size: 12px;
    text-align: justify;
    margin-top: 15px;
}

.box_blog {
    padding-left: 320px;
    height: 230px;
    direction: ltr;
}

.box_blogC {
    padding-left: 0 !important;
    height: auto !important;
    direction:ltr;
}

.box_blog .date_style {
    position: absolute;
    top: -5px;
    left: 20px;
    color: #fff !important;
    display: none !important;
}

.date_style {
    width: 56px;
    background-color: #d23a3a;
    border-radius: 2px;
    text-align: center;
    padding: 10px 3px;
    overflow: hidden;
    z-index: 1;
}

.date_styleT {
    position: absolute;
    top: -10px;
    left: 20px;
}
/*.date_style span:first-child {
        font-size: 16px;
    }*/
.date_style span {
    display: block;
    line-height: 16px;
    font-size: 12px;
}

.box_blog .wall {
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    height: 100%;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    padding: 20px !important;
}

.imgboxart {
    width: 99%;
    height: 98%;
    object-fit: cover;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #eee;
}

.img_wid {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    overflow: hidden;
}

.box_blog .infobox {
    padding: 30px;
    width: 100%;
    float: left;
}

    .box_blog .infobox h3, .box_blog .infobox .tnx, .box_blog .infobox a.linkart {
        line-height: 50px;
        margin: 0;
        margin-bottom: 0px;
        width: 100%;
        overflow: hidden;
        height: 50px;
        font-size: 15px !important;
        color: #666 !important;
        font-family: INT;
        font-weight: 900;
    }

    .box_blog .infobox p {
        font-size: 13px;
        color: #666 !important;
        line-height: 25px;
        margin: 0;
        overflow: hidden;
        height: 80px;
        text-align: justify;
        margin-bottom: 15px;
    }

    .box_blog .infobox .border_top {
        display: block;
        height: 40px;
        padding-top: 14px;
        border-top: 1px solid #eee;
    }

    .box_blog .infobox .border_bottom {
        display: block;
        width: 100%;
        float: left;
        height: auto;
        padding-bottom: 20px;
        border-bottom: 1px solid #eee;
    }

.answerbox {
    float: left;
    padding: 30px;
    background: #dde6ef;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}

.comment__titleB {
    position: relative;
    margin: 10px 0;
    padding-left: 15px;
}

.comment__titleR {
    position: relative;
    margin: 10px 0;
    padding-left: 15px;
}

.comment__titleB::before {
    width: 8px;
    height: 8px;
    position: absolute;
    right: 7px;
    top: 6px;
    border-radius: 4px;
    background: #00bfd6;
    content: "";
}

.comment__titleR::before {
    width: 8px;
    height: 8px;
    position: absolute;
    right: 7px;
    top: 6px;
    border-radius: 4px;
    background: #fb3449;
    content: "";
}

.slidecontainer {
    width: 100%;
    float: left;
    padding: 30px;
    background: #fafafa;
    border-radius: 4px;
}

.cardmessage {
    float: left;
    width: 100%;
    box-shadow: 0 2px 19px -5px rgba(0, 0, 0, 0.16);
    border-radius: 6px;
    margin-bottom: 20px;
    transition: 0.3s;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    box-shadow: 0 5px 24px rgba(0,0,0,.1);
    color: #555555;
    font-size: 15px;
    font-weight: 700;
    overflow: hidden;
    transition: 0.3s;
    line-height: 28px;
    padding: 30px;
}

.minH500 {
    min-height: 500px;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    background: #ddd;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    margin-top: 25px;
}

    .slider:hover {
        opacity: 1;
    }

.rangeval {
    background: #656565;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    float: left;
    color: #fff;
    text-align: center;
    line-height: 27px;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #35ccde;
    cursor: pointer;
    border: none;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
}

.boxComments {
    float: left;
    width: 100%;
}

.comments__list {
    border-radius: 5px;
    background-color: #fcfcfc;
    border: 1px solid #f3f3f3;
    padding: 57px 30px 30px;
    margin-bottom: 36px;
    float: left;
    width: 100%;
}

.comments__header {
    font-size: 19px;
    color: #5f5f5f;
    font-weight: 500;
    float: left;
    width: 100%;
}

.comments__name {
    font-size: 14px;
    display: block;
    color: #adadad;
    margin-top: 5px;
    font-weight: 400;
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.commentText {
    font-size: 14px;
    line-height: 30px;
    color: #505050;
    float: left;
    width: 100%;
}

#formComment {
    display: none;
    visibility: hidden;
}

.showForm {
    display: block !important;
    visibility: visible !important;
}

.hideForm {
    display: none !important;
    visibility: hidden !important;
}

.btn-add-comment {
    overflow: hidden;
    font-size: 16px;
    padding: 16px 105px 16px 45px;
    border-radius: 8px;
    background-color: #7a7a7a;
    overflow: hidden;
    text-align: left;
    letter-spacing: -.7px;
    color: #fff;
    position: relative;
    cursor: pointer;
    margin-top: 1px;
    float: left;
}

    .btn-add-comment::before {
        width: 95px;
        height: 95px;
        position: absolute;
        right: -25px;
        top: -20px;
        background: hsla(0,0%,100%,.21);
        content: "";
        border-radius: 50%;
    }

.btn-add-comment__txt::before {
    position: absolute;
    right: 22px;
    top: 10px;
    font-size: 23px;
    content: "\f086";
    font-family: FontAwesome5 !important;
    font-weight: 900;
}

.comments__item_rating {
    float: left;
    width: 100%;
    list-style: none;
    padding: 33px;
    background: #fcfcfc;
    border-radius: 5px;
}

.boxPRogres {
    float: left;
    width: 80%;
    height: 5px;
    border-radius: 5px;
    background: #ddd;
    position: relative;
    margin-top: 14px;
}

.boxInPRogres {
    position: absolute;
    float: left;
    height: 5px;
    border-radius: 5px;
}

.w3-blue {
    color: #fff !important;
    background-color: #00bfd6 !important;
}

.rateNumber {
    float: left;
    width: 20%;
    color: #555;
    text-align: left;
    padding: 2px 10px;
}

.trate {
    font-size: 13px;
    color: #555;
}

.titrComm {
    float: left;
    width: 100%;
    font-weight: 900;
    font-family: INTB;
    padding: 20px 0;
}

.tngh {
    color: #00bfd6;
    font-size: 16px;
    float: left;
    width: 100%;
    line-height: 40px;
    padding-left: 10px;
}

.tnz {
    color: #ff637d;
    font-size: 16px;
    float: left;
    width: 100%;
    line-height: 40px;
    padding-left: 10px;
}

.tagNN {
    position: relative;
    float: left;
    width: auto;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    padding-left: 5px;
}

    .tagNN a {
        font-size: 12px;
        color: #999;
    }

.minread {
    float: right;
    padding: 2px 10px;
    background: #322c95;
    color: #fff;
    font-size: 12px;
    border-radius: 30px;
    line-height: 20px;
}

.answer {
    float: right;
    padding: 3px 20px 4px 20px;
    background: #322c95;
    color: #fff;
    font-size: 12px;
    border-radius: 30px;
    line-height: 20px;
    box-shadow: 0 12px 19px -7px rgba(19,210,118,.6);
    background: #322c95;
    transition: .3s ease-in-out;
    cursor: pointer;
}

    .answer:hover {
        box-shadow: 0 2px 9px -7px rgba(19,210,118,.6);
        transition: .3s ease-in-out;
        cursor: pointer;
    }

.commenticon {
    float: left;
    font-size: 20px;
    min-width: 40px;
}

.namecomment {
    float: left;
    font-size: 13px;
    color: #555;
}

.linecomment {
    width: 20px;
    font-size: 13px;
    text-align: center;
    float: left;
}

.txtComments {
    float: left;
    width: 100%;
    padding: 15px 0 25px 0;
}
/*.tagNN::after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIgogICAgIHZpZXdCb3g9IjAgMCA1MCA1MCIKICAgICBzdHlsZT0iZmlsbDojOTk5OTk5OyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAyOC42MjUgMiBDIDI4LjI4NTE1NiAyLjAwMzkwNiAyNy45NDE0MDYgMi4wMTk1MzEgMjcuNTkzNzUgMi4wNjI1IEMgMjYuOTAyMzQ0IDIuMTUyMzQ0IDI2LjE0NDUzMSAyLjM4NjcxOSAyNS41NjI1IDIuOTY4NzUgTCAyLjg0Mzc1IDI1LjY4NzUgQyAxLjcyMjY1NiAyNi44MDg1OTQgMS43MjI2NTYgMjguNjYwMTU2IDIuODQzNzUgMjkuNzgxMjUgTCAyMC4yMTg3NSA0Ny4xNTYyNSBDIDIxLjMzOTg0NCA0OC4yNzczNDQgMjMuMTkxNDA2IDQ4LjI3NzM0NCAyNC4zMTI1IDQ3LjE1NjI1IEwgNDcuMDMxMjUgMjQuNDM3NSBDIDQ3LjYwOTM3NSAyMy44NTkzNzUgNDcuODQ3NjU2IDIzLjA5Mzc1IDQ3LjkzNzUgMjIuNDA2MjUgQyA0OC4wMjczNDQgMjEuNzE4NzUgNDggMjEuMDM5MDYzIDQ4IDIwLjM3NSBMIDQ4IDUuNSBDIDQ4IDMuNTc4MTI1IDQ2LjQyMTg3NSAyIDQ0LjUgMiBMIDI5LjYyNSAyIEMgMjkuMzAwNzgxIDIgMjguOTY0ODQ0IDEuOTk2MDk0IDI4LjYyNSAyIFogTSAyOC42NTYyNSA0IEMgMjguOTQ5MjE5IDMuOTkyMTg4IDI5LjI4NTE1NiA0IDI5LjYyNSA0IEwgNDQuNSA0IEMgNDUuMzM5ODQ0IDQgNDYgNC42NjAxNTYgNDYgNS41IEwgNDYgMjAuMzc1IEMgNDYgMjEuMDcwMzEzIDQ1Ljk5NjA5NCAyMS42OTkyMTkgNDUuOTM3NSAyMi4xNTYyNSBDIDQ1Ljg3ODkwNiAyMi42MTMyODEgNDUuNzg1MTU2IDIyLjgzOTg0NCA0NS42MjUgMjMgTCAyMi45MDYyNSA0NS43NSBDIDIyLjU1MDc4MSA0Ni4xMDU0NjkgMjEuOTgwNDY5IDQ2LjEwNTQ2OSAyMS42MjUgNDUuNzUgTCAyMS41IDQ1LjU5Mzc1IEwgNC4yNSAyOC4zNzUgQyAzLjg5NDUzMSAyOC4wMTk1MzEgMy44OTQ1MzEgMjcuNDQ5MjE5IDQuMjUgMjcuMDkzNzUgTCAyNyA0LjM3NSBDIDI3LjE1NjI1IDQuMjE4NzUgMjcuNDE0MDYzIDQuMTIxMDk0IDI3Ljg3NSA0LjA2MjUgQyAyOC4xMDU0NjkgNC4wMzEyNSAyOC4zNjMyODEgNC4wMDc4MTMgMjguNjU2MjUgNCBaIE0gMzkgNyBDIDM2LjgwMDc4MSA3IDM1IDguODAwNzgxIDM1IDExIEMgMzUgMTMuMTk5MjE5IDM2LjgwMDc4MSAxNSAzOSAxNSBDIDQxLjE5OTIxOSAxNSA0MyAxMy4xOTkyMTkgNDMgMTEgQyA0MyA4LjgwMDc4MSA0MS4xOTkyMTkgNyAzOSA3IFogTSAzOSA5IEMgNDAuMTE3MTg4IDkgNDEgOS44ODI4MTMgNDEgMTEgQyA0MSAxMi4xMTcxODggNDAuMTE3MTg4IDEzIDM5IDEzIEMgMzcuODgyODEzIDEzIDM3IDEyLjExNzE4OCAzNyAxMSBDIDM3IDkuODgyODEzIDM3Ljg4MjgxMyA5IDM5IDkgWiAiPjwvcGF0aD48L2c+PC9zdmc+');
}*/
.box_blog .infobox .border_top span.tagg {
    font-size: 0;
    position: absolute;
    bottom: 15px;
    left: 20px;
    width: 30px;
    height: 30px;
    background-size: 80%;
    opacity: .5;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIgogICAgIHZpZXdCb3g9IjAgMCA1MCA1MCIKICAgICBzdHlsZT0iZmlsbDojOTk5OTk5OyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAxMy4wODIwMzEgMTIuOTgwNDY5IEMgMTIuNDkyMTg4IDEyLjk2MDkzOCAxMS45MjU3ODEgMTMuMjAzMTI1IDExLjUzMTI1IDEzLjY0MDYyNSBMIDEuMDIzNDM4IDI1IEwgMTEuNTMxMjUgMzYuMzU5Mzc1IEMgMTIuMDExNzE5IDM2Ljg5NDUzMSAxMi43NDYwOTQgMzcuMTMyODEzIDEzLjQ1MzEyNSAzNi45NzY1NjMgQyAxNC4xNTYyNSAzNi44MjAzMTMgMTQuNzIyNjU2IDM2LjI5Njg3NSAxNC45MzM1OTQgMzUuNjA1NDY5IEMgMTUuMTQ0NTMxIDM0LjkxNDA2MyAxNC45Njg3NSAzNC4xNjQwNjMgMTQuNDY4NzUgMzMuNjQwNjI1IEwgOC4zMjQyMTkgMjcgTCA0NyAyNyBDIDQ3LjcyMjY1NiAyNy4wMTE3MTkgNDguMzkwNjI1IDI2LjYzMjgxMyA0OC43NTM5MDYgMjYuMDA3ODEzIEMgNDkuMTIxMDk0IDI1LjM4NjcxOSA0OS4xMjEwOTQgMjQuNjEzMjgxIDQ4Ljc1MzkwNiAyMy45OTIxODggQyA0OC4zOTA2MjUgMjMuMzY3MTg4IDQ3LjcyMjY1NiAyMi45ODgyODEgNDcgMjMgTCA4LjMyNDIxOSAyMyBMIDE0LjQ2ODc1IDE2LjM1OTM3NSBDIDE1LjAxMTcxOSAxNS43ODUxNTYgMTUuMTY3OTY5IDE0Ljk0OTIxOSAxNC44NjcxODggMTQuMjE4NzUgQyAxNC41NzAzMTMgMTMuNDkyMTg4IDEzLjg3MTA5NCAxMy4wMDM5MDYgMTMuMDgyMDMxIDEyLjk4MDQ2OSBaICI+PC9wYXRoPjwvZz48L3N2Zz4=');
}

.box_blog .infobox .border_bottom span.tagg {
    font-size: 0;
    position: absolute;
    bottom: 15px;
    left: 20px;
    width: 30px;
    height: 30px;
    background-size: 80%;
    opacity: .5;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIgogICAgIHZpZXdCb3g9IjAgMCA1MCA1MCIKICAgICBzdHlsZT0iZmlsbDojOTk5OTk5OyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAxMy4wODIwMzEgMTIuOTgwNDY5IEMgMTIuNDkyMTg4IDEyLjk2MDkzOCAxMS45MjU3ODEgMTMuMjAzMTI1IDExLjUzMTI1IDEzLjY0MDYyNSBMIDEuMDIzNDM4IDI1IEwgMTEuNTMxMjUgMzYuMzU5Mzc1IEMgMTIuMDExNzE5IDM2Ljg5NDUzMSAxMi43NDYwOTQgMzcuMTMyODEzIDEzLjQ1MzEyNSAzNi45NzY1NjMgQyAxNC4xNTYyNSAzNi44MjAzMTMgMTQuNzIyNjU2IDM2LjI5Njg3NSAxNC45MzM1OTQgMzUuNjA1NDY5IEMgMTUuMTQ0NTMxIDM0LjkxNDA2MyAxNC45Njg3NSAzNC4xNjQwNjMgMTQuNDY4NzUgMzMuNjQwNjI1IEwgOC4zMjQyMTkgMjcgTCA0NyAyNyBDIDQ3LjcyMjY1NiAyNy4wMTE3MTkgNDguMzkwNjI1IDI2LjYzMjgxMyA0OC43NTM5MDYgMjYuMDA3ODEzIEMgNDkuMTIxMDk0IDI1LjM4NjcxOSA0OS4xMjEwOTQgMjQuNjEzMjgxIDQ4Ljc1MzkwNiAyMy45OTIxODggQyA0OC4zOTA2MjUgMjMuMzY3MTg4IDQ3LjcyMjY1NiAyMi45ODgyODEgNDcgMjMgTCA4LjMyNDIxOSAyMyBMIDE0LjQ2ODc1IDE2LjM1OTM3NSBDIDE1LjAxMTcxOSAxNS43ODUxNTYgMTUuMTY3OTY5IDE0Ljk0OTIxOSAxNC44NjcxODggMTQuMjE4NzUgQyAxNC41NzAzMTMgMTMuNDkyMTg4IDEzLjg3MTA5NCAxMy4wMDM5MDYgMTMuMDgyMDMxIDEyLjk4MDQ2OSBaICI+PC9wYXRoPjwvZz48L3N2Zz4=');
}

.gradient_11 {
    background-image: -moz-linear-gradient(0deg,#ee356d 0,#f16143 100%);
    background-image: -webkit-linear-gradient(0deg,#ee356d 0,#f16143 100%);
    background-image: -ms-linear-gradient(0deg,#ee356d 0,#f16143 100%);
}

.gradient_12 {
    background-image: -moz-linear-gradient(0deg,#2ab4d3 0,#4b8ac7 100%);
    background-image: -webkit-linear-gradient(0deg,#2ab4d3 0,#4b8ac7 100%);
    background-image: -ms-linear-gradient(0deg,#2ab4d3 0,#4b8ac7 100%);
    background: #555
}

.boxartright {
    float: left;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    border-radius: 4px;
}

.articlebox {
    float: left;
    width: 100%;
    height: 250px;
    border-radius: 4px;
    position: relative;
    margin-top: 20px;
    box-shadow: 0 3px 9.5px .5px rgba(0,0,0,.05);
}

    .articlebox .ItemImage {
        float: left;
        width: 100%;
        height: 250px;
        border-radius: 4px;
        position: relative;
    }

.articleboxNB .ItemImage, .articleboxNB {
    height: 180px;
}

.articlecontent {
    position: absolute;
    bottom: 0;
    height: auto;
    width: 100%;
    padding: 25px 15px;
    z-index: 1;
    text-align: left;
    color: #fff;
    background-image: -moz-linear-gradient(rgba(153, 153, 153, 0.01),rgba(51, 51, 51, 0.87) );
    background-image: -webkit-linear-gradient(rgba(153, 153, 153, 0.01),rgba(51, 51, 51, 0.87) );
    background-image: -ms-linear-gradient(rgba(153, 153, 153, 0.01),rgba(51, 51, 51, 0.87) );
    border-radius: 0 0 4px 4px
}

    .articlecontent a {
        color: #fff;
    }

        .articlecontent a.catart {
            background: rgba(29, 50, 143, 0.58);
            padding: 2px 7px;
            color: #d4d4d4;
            border-radius: 4px;
            font-size: 12px;
        }

.artmore {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 0;
    width: 25px;
    height: 25px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMjY4LjgzMyAyNjguODMzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNjguODMzIDI2OC44MzM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjU2LjMzMywxMjEuOTE2SDQyLjY3OWw1OC42NTktNTguNjYxYzQuODgyLTQuODgyLDQuODgyLTEyLjc5NiwwLTE3LjY3OGMtNC44ODMtNC44ODEtMTIuNzk3LTQuODgxLTE3LjY3OCwwbC03OS45OTgsODAgICBjLTQuODgzLDQuODgyLTQuODgzLDEyLjc5NiwwLDE3LjY3OGw4MCw4MGMyLjQzOSwyLjQzOSw1LjY0LDMuNjYxLDguODM5LDMuNjYxczYuMzk3LTEuMjIyLDguODM5LTMuNjYxICAgYzQuODgyLTQuODgyLDQuODgyLTEyLjc5NiwwLTE3LjY3OGwtNTguNjYxLTU4LjY2MWgyMTMuNjU0YzYuOTAzLDAsMTIuNS01LjU5OCwxMi41LTEyLjUgICBDMjY4LjgzMywxMjcuNTEzLDI2My4yMzYsMTIxLjkxNiwyNTYuMzMzLDEyMS45MTZ6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.linkindex {
    float: left;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    height: 245px;
    margin-top: 20px;
    transition: all 0.5s;
}

    .linkindex:hover {
        transform: scale(1.05);
        transition: all 0.5s;
    }

    .linkindex img {
        float: left;
        width: 100%;
        border-radius: 4px;
        height: 245px;
    }

.mb20 {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.relativeBox {
    position: relative;
}

.btnFl {
    position: absolute;
    left: 20px;
    top: 20px;
    color: #fa0102;
    border-color: #fa0102;
}

.font-sss {
    font-size: 14px;
}


.form-select.valid {
    box-shadow: -.2rem 0 0 #18d176 inset;
}

.form-select {
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 0;
    padding: .95rem 1.15rem;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.4;
    letter-spacing: 0;
    font-size: .9375rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    border-radius: 2px;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    position: relative;
    cursor: pointer;
    border: 1px solid #f0f0f0;
}


.form-control, .form-control[readonly] {
    border-color: #ced4da;
    color: #575962;
}

.bootstrap-select > .dropdown-toggle.btn-light, .bootstrap-select > .dropdown-toggle.btn-secondary {
    border-color: #ced4da;
}

.icon-right-open.after::after {
    content: "\f107";
}

.m-portlet .m-portlet__body {
    color: #242424;
}

.leftalign {
    text-align: right;
    direction: ltr;
}

.form-select::after {
    position: absolute;
    top: 45%;
    margin: -.75rem 10px 0;
    left: .5rem;
    font-family: "FontAwesome5";
    font-weight: 900;
    font-size: 20px;
    content: "\f104";
    color: #555;
}

.overlayAd {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 999999
}

.modalcat, .modalcity {
    height: auto;
    min-height: 200px;
    width: 500px;
    background: #fff;
    position: fixed;
    right: 50%;
    margin-left: -250px;
    z-index: 9999999;
    top: -1000px;
    transition: all 0.5s;
    border-radius: 5px;
    padding: 30px;
    max-width: 100%;
    max-height: 70%;
    overflow: auto;
}

.modalcatC {
    height: auto;
    min-height: 200px;
    width: 768px;
    background: #fff;
    position: fixed;
    right: 50%;
    margin-left: -400px;
    z-index: 9999999;
    top: -1000px;
    transition: all 0.5s;
    border-radius: 5px;
    padding: 30px;
    max-width: 100%;
    max-height: 70%;
    overflow: auto;
}

.modalcat h3, .modalcity h3 {
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
    text-transform: none;
    color: #030a17;
    font-size: 1.2rem;
    margin-bottom: 20px;
}

.openmodal {
    top: 15%;
    transition: all 0.5s;
}

.list-items:last-child {
    border-bottom: none;
}

.list-items {
    margin: 0;
    padding: 0;
}

    .list-items li {
        font-weight: inherit;
        display: inline-block;
        cursor: pointer;
        color: #030a17;
        text-decoration: none;
        display: block;
        padding: 10px 0 15px 0;
        margin-bottom: 0;
        list-style: none;
        border-top: 1px solid #eff0f1;
        float: left;
        width: 100%;
        position: relative;
    }

        .list-items li a {
            width: 100%;
            float: left;
        }

        .list-items li span.ctmain, .list-items li span.citymain {
            width: 100%;
            float: left;
        }

.iccat {
    margin-right: 15px;
    font-size: 1.5rem;
    position: relative;
    top: 3px;
}

.iccat1 {
    font-size: 1.2rem;
    position: relative;
    top: 0px;
}

.icl {
    float: right;
    font-weight: 900;
    margin-top: 5px;
    position: absolute;
    left: 5px;
    top: 10px;
}

.minputPrice {
    position: relative;
    width: 100%;
    float: left;
}

.borderE {
    border-color: #eee !important;
}

.mb5 {
    margin-bottom: 5px;
}

input[type=number] {
    background: #fff;
}

.ml-0 {
    margin-right: 0 !important;
}

.nice-select {
    border-radius: 4px;
    width: 100%;
    background: #fff;
    color: #555;
}

    .nice-select .option, .nice-select .list {
        width: 100%;
    }

.rPrice {
    width: 50%;
    border: 1px solid #eee;
    border-radius: 0 4px 4px 0;
    padding: 11px;
    float: left;
    font-size: 12px;
    color: #575962;
}

.lPrice {
    width: 50%;
    border: 1px solid #eee;
    border-radius: 4px 0 0 4px;
    border-right: none;
    padding: 11px;
    float: left;
    font-size: 12px;
    color: #575962;
}

.cmain2 {
    display: none;
}

.backbtn, .backbtnc {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    cursor: pointer;
    color: #00c5dc !important;
    padding: 10px 0;
}

    .backbtn i, .backbtnc i {
        margin-right: 10px;
    }

.bgALL {
    background: #d70808 !important;
}

.colorALL {
    color: #d70808 !important;
}

.textProduct {
    float: left;
    text-align: justify;
    color: #555;
    font-size: 14px;
    line-height: 30px;
    padding: 15px;
}

.archiveProducts.archiveProducts__themeWhite, .archiveProducts__themeWhite.archiveProducts-landing {
    background-color: #e6e6e6;
}

.archiveProducts, .archiveProducts-landing {
    background-color: #525252;
    padding: 30px 25px 30px;
    margin-bottom: 35px;
    border-radius: 10px;
    position: relative;
}

    .archiveProducts .archiveProducts-header, .archiveProducts-landing .archiveProducts-header {
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        margin-top: -30px;
        margin-bottom: 30px;
    }

    .archiveProducts.archiveProducts__themeWhite .archiveProducts-header span, .archiveProducts__themeWhite.archiveProducts-landing .archiveProducts-header span {
        box-shadow: 0 2px 0 0 #c6c6c6;
    }

        .archiveProducts.archiveProducts__themeWhite .archiveProducts-header span::before, .archiveProducts__themeWhite.archiveProducts-landing .archiveProducts-header span::before {
            background-image: url(img/productHeaderBorder2.jpg);
        }

    .archiveProducts .archiveProducts-header > span::before, .archiveProducts-landing .archiveProducts-header > span::before {
        background-image: url(img/productHeaderBorder.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        width: 101px;
        height: 52px;
        content: "";
        position: absolute;
        display: block;
        right: -100px;
        top: 0;
    }

    .archiveProducts.archiveProducts__themeWhite .archiveProducts-header > span, .archiveProducts__themeWhite.archiveProducts-landing .archiveProducts-header > span {
        color: #d70808;
    }

    .archiveProducts .archiveProducts-table .archiveProducts-tableTitle, .archiveProducts-landing .archiveProducts-table .archiveProducts-tableTitle {
        display: block;
        margin-top: 45px;
        position: relative;
        display: none;
    }

        .archiveProducts .archiveProducts-table .archiveProducts-tableTitle::before, .archiveProducts-landing .archiveProducts-table .archiveProducts-tableTitle::before {
            content: "";
            width: 50%;
            height: 50px;
            background-color: transparent;
            box-shadow: 0 20px 40px -23px rgba(0,0,0,.8);
            position: absolute;
            display: block;
            left: 0;
            right: 0;
            top: -60px;
            bottom: 0;
            margin: auto;
        }

        .archiveProducts .archiveProducts-table .archiveProducts-tableTitle > h2, .archiveProducts-landing .archiveProducts-table .archiveProducts-tableTitle > h2 {
            color: #fff;
            font-size: 15px;
            font-weight: 400;
            display: inline-block;
            padding: 0 10px;
            line-height: 38px;
            background-color: #d70808;
            border-radius: 5px;
            position: relative;
        }

        .archiveProducts .archiveProducts-table .archiveProducts-tableTitle > span, .archiveProducts-landing .archiveProducts-table .archiveProducts-tableTitle > span {
            color: #d7d7d7;
            font-size: 11px;
            font-weight: 200;
            float: right;
        }

            .archiveProducts .archiveProducts-table .archiveProducts-tableTitle > span > b, .archiveProducts-landing .archiveProducts-table .archiveProducts-tableTitle > span > b {
                line-height: 19px;
                background-color: #d70808;
                color: #fff;
                font-size: 13px;
                padding: 0 3px;
                font-weight: 300;
                margin-left: 5px;
                display: inline-block;
            }

    .archiveProducts.archiveProducts__themeWhite .archiveProducts-table .archiveProducts-dataTable .dataTableHead .dataTableTr .dataTableTd, .archiveProducts__themeWhite.archiveProducts-landing .archiveProducts-table .archiveProducts-dataTable .dataTableHead .dataTableTr .dataTableTd {
        color: #313131;
    }

    .archiveProducts .archiveProducts-table .archiveProducts-dataTable .dataTableHead .dataTableTr .dataTableTd, .archiveProducts-landing .archiveProducts-table .archiveProducts-dataTable .dataTableHead .dataTableTr .dataTableTd {
        padding: 20px 0;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
    }

    .archiveProducts .archiveProducts-table .archiveProducts-dataTable .dataTableTr .dataTableTd:nth-child(1), .archiveProducts-landing .archiveProducts-table .archiveProducts-dataTable .dataTableTr .dataTableTd:nth-child(1) {
        width: 8%;
        text-align: center;
    }

    .archiveProducts .archiveProducts-table .archiveProducts-dataTable .dataTableTr .dataTableTd, .archiveProducts-landing .archiveProducts-table .archiveProducts-dataTable .dataTableTr .dataTableTd {
        float: left;
        width: 10%;
        text-align: center;
    }

        .archiveProducts .archiveProducts-table .archiveProducts-dataTable .dataTableTr .dataTableTd:nth-child(2), .archiveProducts-landing .archiveProducts-table .archiveProducts-dataTable .dataTableTr .dataTableTd:nth-child(2) {
            width: 7.5%;
        }

.minw20 {
    min-width: 20% !important;
}

.archiveProducts .archiveProducts-table .archiveProducts-dataTable .dataTableTr::after, .archiveProducts-landing .archiveProducts-table .archiveProducts-dataTable .dataTableTr::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.archiveProducts .archiveProducts-table .archiveProducts-dataTable .dataTableBody, .archiveProducts-landing .archiveProducts-table .archiveProducts-dataTable .dataTableBody {
    border-radius: 10px;
    position: relative;
}

    .archiveProducts .archiveProducts-table .archiveProducts-dataTable .dataTableBody::before, .archiveProducts-landing .archiveProducts-table .archiveProducts-dataTable .dataTableBody::before {
        background-color: #fff;
        width: calc(100% - 10px);
        height: 10px;
        border-top: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        border-left: 1px solid #e0e0e0;
        border-radius: 10px 10px 0 0;
        content: "";
        display: block;
        position: absolute;
        top: -5px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .archiveProducts .archiveProducts-table .archiveProducts-dataTable .dataTableBody .archiveProducts-product:first-child, .archiveProducts-landing .archiveProducts-table .archiveProducts-dataTable .dataTableBody .archiveProducts-product:first-child {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .archiveProducts .archiveProducts-table .archiveProducts-dataTable .dataTableBody .archiveProducts-product:nth-child(2n-1), .archiveProducts-landing .archiveProducts-table .archiveProducts-dataTable .dataTableBody .archiveProducts-product:nth-child(2n-1) {
        background-color: #fff;
    }

    .archiveProducts .archiveProducts-table .archiveProducts-dataTable .dataTableBody .archiveProducts-product, .archiveProducts-landing .archiveProducts-table .archiveProducts-dataTable .dataTableBody .archiveProducts-product {
        background-color: #f8f8f8;
        border-top: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        border-left: 1px solid #e0e0e0;
        color: #000;
        font-size: 13px;
        font-weight: 300;
        padding: 20px 0;
        position: relative;
        z-index: 9;
        transition: all .3s ease-in-out;
    }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

.mmt {
    margin-top: 12px;
}

.rightFixed {
    position: fixed;
    bottom: 25px;
    right: 25px;
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 99800;
}

.btnTellFix {
    width: 56px;
    height: 56px;
    line-height: 54px;
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 0;
    background-color: #fa0102;
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    letter-spacing: .5px;
    font-size: 1rem;
    outline: 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
}


    .btnTellFix i {
        width: inherit;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 1.6rem;
        line-height: 56px;
    }

.pulse {
    overflow: initial;
    position: relative;
}

    .pulse::before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: inherit;
        border-radius: inherit;
        transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, transform .3s;
        transition: opacity .3s, transform .3s, -webkit-transform .3s;
        -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
        animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
        z-index: -1;
    }

.footertextm {
    padding-right: 30px;
    padding-left: 30px;
    float: left;
    width: 100%;
}

.drpshare {
    position: relative;
    width: 55px;
    float: right;
    height: 40px;
}

@keyframes pulse-animation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@-webkit-keyframes pulse-animation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@media(max-width:768px) {
    .modalcat, .modalcity, .modalcatC {
        width: 90%;
        right: 5%;
        margin-left: 0;
    }
}

@media(max-width:1270px) {
    .hidel {
        display: none !important;
    }
}

@media(max-width:1190px) {
    .hidelm {
        display: none !important;
    }

    .logo {
        width: 170px !important;
        background-size: 95% auto !important;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-left: 10px;
    }

    .userHeader {
        margin-top: 16px;
    }

    .nmargin2 {
        margin-top: 10px !important;
    }
}

@media(max-width:1180px) {
    .fixedTab {
        max-width: 90%;
    }

    .header {
        padding: 0;
    }


    .nav-flat-wrap {
        display: none;
        visibility: hidden;
    }
}

@media(max-width:980px) {
    .header {
        position: relative !important;
        width: 100%;
        padding: 5px 0;
        float: left;
        /*box-shadow: 0 7px 8px 0 rgba(0,0,0,.04);*/
        z-index: 300;
        transform: translateY(0px);
        transition: transform .3s,-webkit-transform .3s;
        background: #322c95 !important;
    }

    .fixed {
        position: fixed !important;
    }

    .cnt_1, .cnt_6 {
        display: block;
    }

    .itecol {
        float: left;
        width: 50%;
        padding: 0 0.75rem !important;
    }

        .itecol:nth-child(1), .itecol:nth-child(6) {
            float: left;
            width: 50%;
            padding: 0 0.75rem !important;
        }

    .itemp_1, .itemp_6 {
        float: left;
        width: 100%;
        height: 140px;
        border-radius: 6px 6px 0 0;
        position: relative;
        overflow: hidden;
    }

    .pronew {
        position: relative;
        width: 50%;
        float: left;
        max-width: 480px;
        padding: 50px;
        overflow: hidden;
        height: auto;
    }

    .contentBox img, .contentBox video, .contentBox audio {
        max-width: 100%;
        height: auto !important;
    }

    .boxleftp {
        float: left;
        width: 100%;
        padding-left: 0;
    }

    .cardServices, .slideIndex, .slideIndex img {
        height: auto !important;
    }

    .rightCv {
        width: 100%;
        border-left: none;
    }

    .leftCv {
        width: 100%;
    }
}

@media(max-width:768px) {
    .cardServicesPro:hover .imgBox img {
        transition: all 0.5s;
        height: 100px !important;
    }

    .cardServicesPro:hover .imgBox {
        transition: all 0.5s;
        height: 100px !important;
    }

    .contentBox {
        padding-left: 0;
    }

        .contentBox::before {
            display: none;
        }

    .btnZist {
        display: none;
    }

    .userHeader {
        min-width: 100px;
    }

    .modalcat, .modalcity, .modalcatC, .modalW, .modalLogin, .modalreportproduct, .modalreport {
        width: 90%;
        right: 5%;
        margin-left: 0;
    }

    .col5 {
        width: 100%;
    }

    .itecolB .itemblogC {
        height: auto !important;
    }

    .footerblogitem {
        float: left;
        width: 100%;
        padding: 10px 20px;
        position: relative;
        bottom: 0;
    }

    .spitempic, .spitem {
        height: 220px;
    }

        .spitempic img {
            min-height: 220px;
        }

    .single-sidebar {
        padding-bottom: 0;
    }

    .imgte {
        min-width: 100px;
    }

    .itecol {
        float: left;
        width: 100%;
        padding: 0 0.75rem !important;
    }

        .itecol:nth-child(1), .itecol:nth-child(6) {
            float: left;
            width: 100%;
            padding: 0 0.75rem !important;
        }

    .itemService {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .bocx blockquote {
        padding: 40px 30px 40px 30px;
    }

        .bocx blockquote::before {
            top: 20px;
            right: 5px;
            width: 30px;
            height: 30px;
            background: url(../Images/Design/e8f55a97.svg) no-repeat 50% 50%;
            background-size: auto;
            background-size: 100%;
        }

        .bocx blockquote::after, .bocx blockquote::before {
            position: absolute;
            content: "";
        }

        .bocx blockquote::after {
            left: 10px;
            bottom: 30px;
            width: 30px;
            height: 30px;
            background: url(../Images/Design/3f51c9a0.svg) no-repeat 50% 50%;
            background-size: auto;
            background-size: 100%;
        }

    .itemServiceImg3 h3 {
        font-size: 14px;
    }

    .itemServiceImg, .itemService1 {
        width: 100%;
        float: left;
    }

    .boxservindex {
        padding: 20px 30px;
    }

    .itemServiceImg .imgBox {
        float: left;
        width: 100%;
        overflow: hidden;
        padding: 0 30px;
    }

    .itemService:nth-child(2n) > .itemService1 h3, .itemService:nth-child(2n+1) > .itemService1 h3 {
        font-size: 20px;
    }

    .itemService:nth-child(2n+1) > .itemService1 h3 {
        text-align: left;
    }

    .itemService:nth-child(2n+1) > .itemService1 h5 {
        text-align: left;
    }

    #particle-canvas1 {
        background-position: right center !important;
    }

    .topboxindex {
        float: left;
        width: 100%;
        padding: 0 0 50px 0;
    }

    .servicesBox1 {
        background-size: 800px auto;
    }



    .siteHeader-call i {
        width: 26px;
        height: 32px;
        line-height: 28px;
        font-size: 28px;
    }

    .siteHeader-call span {
        font-size: 14px;
        margin-top: 5px;
    }

    .siteHeader-call b {
        font-size: 18px;
        margin-top: 5px;
    }

    .linkindex, .linkindex img {
        height: auto;
    }
    /*.servicesBox1 {
        background: url('../Images/Design/bgParRes.jpg') center;
    }*/
    .contentFooter {
        border-left: 0;
    }



    .box_blog {
        padding-left: 0;
        height: auto;
    }

    .imgAdW {
        width: 40%;
        height: auto;
    }

        .imgAdW img {
            min-height: 130px;
            height: auto;
            max-height: 160px;
        }

    .contentAdsW {
        width: 60%;
    }

    .poLeft {
        position: relative;
        float: right;
        left: 10px;
        bottom: 10px;
    }

    .fixMobB {
        display: block;
    }

    .box_blog .wall {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        height: auto;
        background: none;
        border-radius: 0 2px 2px 0;
        overflow: hidden;
        border-radius: 6px;
    }

    .img_wid {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 6px;
    }

    .box_blog .info {
        padding: 20px;
        height: 100%;
        width: 100%;
        padding-top: 0;
    }

    .titleJ {
        text-align: left;
        color: #21e3b9;
        font-size: 14px;
        font-family: INT;
        margin: 5px 10px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 20px;
    }

    .tags span {
        float: left;
        margin-bottom: 10px;
        margin-right: 5px;
        font-weight: 300;
        font-size: 11px;
        color: #fff;
        background-color: #a5a5a5;
        padding: 3px 10px 5px 10px;
        border-radius: 6px;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .btn {
        font-size: 1rem !important;
    }

    .newsListContent {
        padding: 0 15px;
    }

    .m-scroll-top {
        display: none !important;
    }

    .deal-questions-wrapper .comment .comment-question .comment-info {
        width: 100%;
        display: block;
        padding-bottom: 12px;
        overflow: hidden;
    }

    .deal-questions-wrapper .comment .comment-text {
        display: block;
        padding-top: 10px;
        padding-left: 0;
        border-right: 0;
        border-top: 1px solid #efefef;
    }

    .deal-questions-wrapper .comment .comment {
        width: 96%;
        padding: 22px 2%;
    }

    .deal-questions-wrapper .comment .comment {
        width: 96%;
        padding: 22px 2%;
    }

    .deal-questions-wrapper .comment .comment-question {
        display: block;
    }

    .filterBox {
        overflow-x: auto
    }

    .contentRegText {
        padding: 20px 10px
    }

    .boxRegisterText {
        border-right: none
    }

    .fixedBottom {
        display: block;
    }

    .cardPanetcontent {
        padding: 5px 10px;
    }

    .titleTop {
        margin-top: 170px;
    }

    .slideBox {
        background-position: center;
    }

    .slideBoxJobs {
        height: auto;
    }

    .divSearch {
        border-radius: 4px;
        background: none;
        box-shadow: none;
    }

    .catJob {
        display: none;
    }

    .itemJob, .logoJob {
        height: 177px;
    }

    .dateMobile {
        display: block;
    }

    .logoJob {
        padding: 22px 5px;
    }

    .newsSpecialItem {
        float: left;
        width: 48.5%;
        margin-left: 1%;
        height: 150px !important;
    }

        .newsSpecialItem img {
            float: left;
            width: 100%;
            min-height: 150px;
            height: auto !important;
        }

    figure.snip1432 h2,
    figure.snip1432 h3 {
        padding: 0 10px;
    }

    figure.snip1432 h3 {
        font-size: 10px !important;
        height: 20px;
    }

    .aboutus {
        float: left;
        width: 100%;
        height: 370px;
        background-size: 100%;
    }
}

@media(max-width:600px) {
    .cardServicesPro {
        height: 280px !important;
    }

        .cardServicesPro .imgBox {
            height: 150px !important;
            margin-top: 25px;
        }

            .cardServicesPro .imgBox img {
                height: 150px !important;
            }

    .show-description {
        left: 0;
        font-size: 10px;
    }
}

@media(max-width:480px) {
    .cardServicesPro {
        height: 230px !important;
    }

        .cardServicesPro .imgBox {
            height: 100px !important;
            margin-top: 15px;
        }

            .cardServicesPro .imgBox img {
                height: 100px !important;
            }

    .new-product {
        height: 90px;
        right: -61px;
        top: 20px;
        width: 106px;
    }

        .new-product .add {
            top: 25%;
            right: 65%;
        }

    .show-description {
        left: 0;
        font-size: 10px;
    }

    .indextextBox::after {
        width: 82px;
    }

    .siteHeader-call {
        margin-right: 20px;
    }

    .PBItems {
        width: 100%;
        margin-top: 0;
        padding: 0;
    }

    .pronew {
        position: relative;
        width: 100%;
        float: left;
        max-width: 100%;
        padding: 50px;
        overflow: hidden;
        height: auto;
    }

    .zemanatimg img {
        max-width: 60%;
    }

    .zemanatContent {
        font-size: 11px;
    }

    .btnPM2 {
        padding: 5px !important;
        font-size: 11px !important;
    }

    .box_blog .infobox h3, .box_blog .infobox .tnx, .box_blog .infobox a.linkart {
        line-height: 29px;
        margin-top: 5px;
        width: 100%;
        overflow: hidden;
        height: auto;
    }


    .m-dropdown__arrow, .m-dropdown.m-dropdown--arrow .m-dropdown__arrow .subtitleSl {
        display: none !important;
    }

    .m-pricing-table-3 .m-pricing-table-3__items .m-pricing-table-3__item .m-pricing-table-3__wrapper {
        padding: 4.2rem 2rem;
        text-align: center;
    }

    .m-dropdown {
        width: 35px;
    }

    .padmob {
        padding: 0 20px;
    }

    .cardServices .imgBox {
        height: 70px;
        width: 70px;
        padding: 10px;
        margin-top: 10px;
        display: inline-table;
    }

        .cardServices .imgBox img {
            height: 64px;
            width: 64px;
        }

    .cardServices {
        padding: 0 5px;
        margin-top: 0;
        margin-bottom: 20px;
    }

        .cardServices h2 {
            width: 100%;
            font-size: 12px;
            font-family: INT;
            margin-top: 15px;
            font-weight: 900;
        }

        .cardServices .content {
            margin: 15px 0;
            width: 100%;
            font-size: 11px;
            font-family: INT;
            line-height: 27px;
        }



    .footertextm {
        padding: 0;
    }

    .usersabout {
        padding: 0 20px;
    }

    .cvbuilder {
        padding: 50px 20px;
    }

    .cvbuilderTitle {
        font-size: 17px;
    }

    .cvbuilderTitle1 p {
        font-size: 14px;
    }

    .newsSpecialItem {
        float: left;
        width: 48.5%;
        height: 130px !important;
    }

        .newsSpecialItem img {
            float: left;
            width: 100%;
            min-height: 130px;
            height: auto !important;
        }

    figure.snip1432 h3 {
        display: none;
    }

    .newsSpecialItem h2 {
        width: 100%;
        font-size: 11px !important;
        overflow: hidden;
        padding-bottom: 10px !important;
    }

    .newsSpecialItem-1 h2 {
        font-size: 14px !important;
        padding-bottom: 30px !important;
    }
}

@media(max-width:510px) {

    .logo {
        width: 150px !important;
        background-size: 100% auto !important;
        margin-right: 0;
    }
}



.row .col {
    padding: 0 0.75rem !important;
}

.colorWW {
    color: #fff !important;
}

.detailJobTex .table, .detailJobTex .table td {
    border: 1px solid #ccc;
}

.detailJobTex .table {
    margin: 20px 0 !important;
}







.lightgallery {
    direction: ltr !important;
    cursor: pointer
}
