body {
    font-family: INT !important;
    text-align: right !important;
}

* {
    font-family: INT;
}

.w-100 {
    float: right;
    width: 100%;
}

.formBox {
    float: right;
    width: 100%;
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}
.m70 {
    width: 67%;
    padding: 0 .5rem !important
}

.m30 {
    width: 33%;
    padding: 0 .5rem !important
}
.m80 {
    width:80%;
    padding: 0 .5rem !important
}

.m20 {
    width: 20%;
    padding: 0 .5rem !important
}

.zoomLenz {
    background-position: 0px 0px;
    float: right;
    overflow: hidden;
    z-index: 999;
    transform: translateZ(0px);
    opacity: 0.4;
    width: 15.625px;
    height: 15.6909px;
    background-color: white;
    cursor: default;
    border: 1px solid rgb(0, 0, 0);
    background-repeat: no-repeat;
    position: absolute;
    left: 52px;
    top: 49px;
    display: none;
    background: #eee !important;
}
.namaditem {
    float: left;
    height: 250px;
    width: 250px;
    border-radius: 5px;
    background-color: #f0f0f0;
    border: 1px solid #e5e5ea;
    text-align: center;
    overflow: hidden;
    margin-right: 10px;
    border-radius:10px;
}
    .namaditem img {
        display: inline-table;
        width: 250px;
        height: 250px;
        border-radius: 10px;
    }
#demo-container {
    position: absolute;
    float: left;
    height: 400px;
    width: 400px;
    right: 430px;
    top: 0;
    z-index: 100;
}

.iv-close {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    text-shadow: 0 0 3px #6d6d6d;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.c-product__headline--gallery {
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #fb3449;
    color: #fb3449;
    padding: 10px 0 20px 0;
    float: right;
    width: 100%;
}

.c-product-gallery__offer-img {
    height: 19px;
}

.c-product__gallery {
    border-left: 1px solid #f4f4f4;
    float: right;
    width: 40%;
    margin: 0 -.5rem;
    padding: 0 15px;
    overflow: hidden;
}

.c-gallery__options {
    position: absolute;
    top: 80px;
    right: 10px;
    z-index: 21;
    padding: 0;
    width: 50px;
    background: #fff;
}

    .c-gallery__options li {
        display: block;
        position: relative;
    }

.js-tooltip-hover-top {
    z-index: 9999999999999999999999;
}

.c-gallery__optionsM {
    position: relative;
    z-index: 21;
    padding: 0;
    width: 100%;
    float: right;
    display: none;
}

    .c-gallery__optionsM li {
        display: block;
        position: relative;
    }

.boxOv {
    float: right;
    height: 40px;
    width: 50px;
    overflow: hidden;
    text-align: center;
    margin-top: 10px;
    position: relative;
}

.boxOvM {
    float: right;
    height: 40px;
    width: 42px;
    overflow: hidden;
    text-align: center;
    margin-top: 10px;
    position: relative;
}

.btnProDe {
    border-radius: 8px;
    background-color: #fff;
    color: #bdbdbd;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}

    .btnProDe i {
        font-size: 22px;
        text-align: center;
    }

.btnProDei {
    border-radius: 8px;
    background-color: #fff;
    color: #bdbdbd;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}

    .btnProDei i {
        font-size: 22px;
        text-align: center;
    }

.btnProDeiM {
    border-radius: 8px;
    background-color: #fff;
    color: #bdbdbd;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}

    .btnProDeiM i {
        font-size: 22px;
        text-align: center;
    }

.c-product__info {
    float: right;
    width: 60%;
    padding: 0 25px 0 0;
    overflow: hidden;
}

.c-product__headline {
    position: relative;
    padding: 7px 0;
    border-bottom: 0 solid #f2f2f2;
}

.c-product__title {
    margin: .8rem 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    font-family: INTB;
    color: #000;
}

.c-product__title-en {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    color: #b5b5b5;
    background-color: #fff;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 400;
    padding-left: 12px;
    font-family: Arial;
}

.c-product__config {
    width: 98%;
    float: right;
    padding-top: 20px;
    border-top: 1px solid #f2f2f2;
    min-height: 300px;
    margin-left: 2%;
}

.c-product__variants {
    margin-bottom: 15px;
    color: #6f6f6f;
    float: right;
    width: 100%;
    font-size: 13px;
    line-height: 1.692;
}

    .c-product__variants > span {
        font-size: inherit;
        color: inherit;
        padding-left: 15px;
        float: right;
        white-space: nowrap;
        margin: 8px 0;
        width: 100%;
    }

    .c-product__variants ul.Attr {
        margin-right: -8px;
        list-style: none;
        padding: 0;
        display: inline-block;
        max-width: calc(100% - 100px);
        float: right;
    }

    .c-product__variants li.attrl {
        margin: 0 8px 8px 0;
        display: inline-block;
    }

.c-ui-variant {
    display: inline-block;
    position: relative;
}

.c-ui-variant--color .c-ui-variant__shape {
    width: 17px;
    height: 17px;
    position: absolute;
    right: 8px;
    top: 8px;
    border-radius: 5px;
    background: #ccc;
    background-color: rgb(204, 204, 204);
    border: 1px solid #ccc;
    content: "";
}

.c-ui-variant input[type="radio"] {
    visibility: hidden;
    position: absolute;
}

    .c-ui-variant input[type="radio"]:not(:checked) + span::before {
        border: none !important;
    }

    .c-ui-variant input[type="radio"] + span::before {
        border: none !important;
        display: none;
    }

    .c-ui-variant input[type="radio"]:checked + span::after {
        background-color: #fff !important;
        border: none !important;
    }

    .c-ui-variant input[type="radio"]:not(:checked) + span, .c-ui-variant input[type="radio"]:checked + span {
        height: 36px !important;
        padding-left: 26px !important;
    }

input[type="radio"]:checked + .c-ui-variant__check {
    border-color: #00bfd6;
}

.c-ui-variant--color .c-ui-variant__check {
    padding-right: 37px;
}

.c-ui-variant--color .c-ui-variant__check2 {
    padding-right: 10px;
}

.c-ui-variant__check {
    cursor: pointer;
    border: 1px solid #dedede;
    border-top-color: rgb(222, 222, 222);
    border-right-color: rgb(222, 222, 222);
    border-bottom-color: rgb(222, 222, 222);
    border-left-color: rgb(222, 222, 222);
    border-radius: 5px;
    color: #6f6f6f;
    padding: 5px 16px;
    padding-right: 16px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    display: block;
}

.SortTitle {
    float: right;
    font-size: 14px;
    color: #111;
}

ul.AttrB {
    list-style: none;
    padding: 0;
    max-width: calc(100% - 100px);
    float: right;
}

li.attrlB {
    display: inline-block;
    float: right;
}

.c-ui-variantB {
    display: inline-block;
    position: relative;
}

.c-ui-variant--colorB .c-ui-variant__shapeB {
    width: 17px;
    height: 17px;
    position: absolute;
    right: 8px;
    top: 8px;
    border-radius: 5px;
    background: #ccc;
    background-color: rgb(204, 204, 204);
    border: 1px solid #ccc;
    content: "";
}

.c-ui-variantB input[type="radio"] {
    visibility: hidden;
    position: absolute;
}

    .c-ui-variantB input[type="radio"]:not(:checked) + span::before {
        border: none !important;
    }

    .c-ui-variantB input[type="radio"] + span::before {
        border: none !important;
        display: none;
    }

    .c-ui-variantB input[type="radio"]:checked + span::after {
        background-color: #fff !important;
        border: none !important;
        display: none;
    }

    .c-ui-variantB input[type="radio"]:not(:checked) + span {
        height: 26px !important;
        padding-left: 10px !important;
        cursor: pointer;
        border: none !important;
        border-radius: 5px;
        color: #4a5f73;
        padding-right: 10px !important;
        font-size: 12px !important;
        display: block;
        line-height: 15px !important;
        float: right;
        margin-right: 15px;
        padding: 5px 16px;
    }

    .c-ui-variantB input[type="radio"]:checked + span {
        height: 26px !important;
        padding-left: 10px !important;
        cursor: pointer;
        border: none !important;
        border-radius: 5px;
        padding-right: 10px !important;
        font-size: 12px !important;
        display: block;
        line-height: 15px !important;
        float: right;
        margin-right: 15px !important;
        background: #00bfd6 !important;
        color: #fff !important;
        padding: 5px 16px;
    }

        .c-ui-variantB input[type="radio"]:not(:checked) + span:hover, .c-ui-variantB input[type="radio"]:checked + span:hover {
            background: #eee;
        }

input[type="radio"]:checked + .c-ui-variant__checkB {
    border-color: #00bfd6;
}

.c-ui-variant--colorB .c-ui-variant__checkB {
    padding-right: 10px;
}

.c-ui-variant--colorB .c-ui-variant__check2B {
    padding-right: 10px;
}


.selectD1 {
    float: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../Images/Design/arrow-down.svg) no-repeat 10px center;
    background-size: 15px 15px;
    padding: 5px 10px 5px 30px;
    border: 1px solid #ababc0;
    position: relative;
    border-radius: 5px;
    font-size: 14px;
    font-family: INT;
}

    .selectD1:checked {
        background: url(../Images/Design/navigate-up-arrow.svg) no-repeat 10px center;
        background-size: 15px 15px;
    }

    .selectD1 option {
        font-size: 14px;
        line-height: 30px;
    }

.buybox {
    float: right;
    width: 42%;
    background-color: #f5f5f5;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 15px;
    position: relative;
    overflow: hidden;
    display:none;
}

.c-product__guaranteed {
    float: left;
    width: 210px;
    padding-right: 50px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    display:none;
}

    .c-product__guaranteed::before {
        content: '';
        background: url('../Images/Design/ppp1.png') no-repeat center;
        background-size: 100% 100%;
        height: 35px;
        width: 35px;
        position: absolute;
        right: 0;
    }

.dividerNull {
    float: right;
    width: 20px;
    height: 1px;
}

.qPreceBox {
    float: left;
    width: 42%;
    padding: 15px;
    position: relative;
    display:none;
}

    .qPreceBox span {
        float: right;
        color: #9b9b9b;
        margin-right: 14px;
        font-size: 13px;
    }

.yesP, .noP {
    display: inline-block;
    cursor: pointer;
    border-bottom: 1px dashed;
    padding-bottom: 3px;
    color: #9b9b9b;
    margin: 0 5px;
    float: right;
    font-size: 13px;
}

.u-divider {
    color: #9b9b9b;
    float: right;
    margin-right: 0 !important;
}

    .u-divider::before {
        content: "|";
        display: inline-block;
        color: #e4e4e4;
    }

.seller {
    position: relative;
    float: right;
    width: 100%;
    cursor: pointer;
    color: #000;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 15px;
    font-size: 14px;
    direction: rtl;
    text-align: right;
    padding-right: 37px;
}

    .seller::after {
        content: "";
        position: absolute;
        right: 0;
        top: 10px;
        height: 20px;
        width: 24px;
        /*background: url(../Images/Design/favicon.png) no-repeat center;
        background-size: 100% 100%;*/
        font-family: FontAwesome5 !important;
        content: "\f54f";
        font-weight: 800 !important;
        color: #555;
        font-size: 18px;
    }

    .seller::before {
        content: "";
        position: absolute;
        left: 5px;
        top: 10px;
        font-weight: 800 !important;
        font-family: FontAwesome5 !important;
        position: absolute;
        content: "\f104";
        display: inline-block;
        color: #999;
        font-size: 18px;
    }

.nameseller {
    float: right;
    color: #444;
    font-size: 14px;
}

.sellerName {
    float: right;
    color: #444;
    font-size: 14px;
    margin-left: 10px;
}

.resultsell {
    float: right;
    width: 100%;
    text-align: right;
    color: #00bfd6;
    font-size: 13px;
    padding-top: 10px;
}

.resultNumber {
    font-weight: 700;
}

.u-divider::before {
    content: "|";
    display: inline-block;
    color: #e4e4e4;
    margin: 0 4px;
}

.js-seller-rate {
    font-weight: 700;
}

.boldText {
    float: right;
    color: #111;
    font-size: 14px;
    font-weight: bold;
}

.gauranty {
    float: right;
    padding: 15px 0;
    color: #000;
    border-bottom: 1px solid #e4e4e4;
    font-size: 14px;
    width: 100%;
}

    .gauranty i {
        float: right;
        color: #555;
        font-size: 22px;
        margin-left: 10px;
    }

.guTitle {
    float: right;
    color: #111;
    font-size: 14px;
}

.boxSellerName {
    float: right;
    position: absolute;
    top: 0;
    height: 250px;
    right: 0;
    width: 100%;
    background: #f1f1f1;
    z-index: 2;
    display: none;
    visibility: hidden
}

.boxErsalName {
    float: right;
    position: absolute;
    top: 0;
    height: 250px;
    right: 0;
    width: 100%;
    background: #f1f1f1;
    z-index: 2;
    display: none;
    visibility: hidden
}

.ersalBox {
    font-size: 14px;
    text-align: justify;
}

.showbs {
    display: block;
    visibility: visible;
}

.bannerInHeader {
    float: right;
    height: 40px;
    width: 100px;
    margin-right: 15px;
    vertical-align: middle;
}

.boxInfoHeader {
    float: right;
    width: 100%;
    cursor: pointer;
    color: #9b9b9b;
    background-color: #ececec;
    border-bottom: 1px solid #e4e4e4;
    font-weight: 700;
    padding: 15px 30px;
}

    .boxInfoHeader::before {
        content: "";
        position: absolute;
        right: 10px;
        top: 14px;
        font-weight: 800 !important;
        font-family: FontAwesome5 !important;
        position: absolute;
        content: "\f105";
        display: inline-block;
        color: #999;
        font-size: 18px;
    }

.boxSellerContent {
    float: right;
    width: 100%;
    padding: 0 15px;
}

.c-product-info-box__row {
    position: relative;
    font-size: 1rem;
    border-bottom: 1px solid #e4e4e4;
    float: right;
    width: 100%;
    padding: 12px 0;
    font-weight: 700;
    font-size: 13px;
    color: #4a5f73
}

    .c-product-info-box__row a {
        font-weight: 700;
        font-size: 13px;
        color: #4a5f73
    }

.feedb {
    float: right;
    width: 100%;
    text-align: right;
    font-size: 14px;
    color: #222;
    padding: 15px 0;
}

.u-text-bold {
    font-size: 16px;
    font-weight: 700;
}

.c-product-info-box__feedbacks {
    float: right;
    width: 100%;
    text-align: center;
}

.c-product-feedback {
    text-align: center;
    font-size: .8rem;
    width: 80px;
    display: inline-table;
}

.c-product-feedback__percent--green {
    color: #388e3c;
    background-color: #e8f5e9;
    border-radius: .5rem;
    font-size: 19px;
    padding: 5px;
    border: 1px solid #e6e6e6;
    margin: 0 7px;
}

.c-product-feedback p {
    padding: 10px 0;
}

.ersal {
    float: right;
    padding: 15px 0;
    color: #000;
    border-bottom: 1px solid #e4e4e4;
    font-size: 14px;
    width: 100%;
    position: relative;
    cursor: pointer;
}

    .ersal i {
        float: right;
        color: #00bfd6;
        font-size: 20px;
        margin-left: 10px;
    }

    .ersal::before {
        content: "";
        position: absolute;
        left: 5px;
        top: 10px;
        font-weight: 800 !important;
        font-family: FontAwesome5 !important;
        position: absolute;
        content: "\f104";
        display: inline-block;
        color: #999;
        font-size: 18px;
    }

.ersalTitle {
    float: right;
    color: #00bfd6;
    font-weight: 700;
    font-size: 14px;
}

.c-product__seller-row--price {
    float: right;
    width: 100%;
    color: #fb3449;
    text-align: left;
    padding: 15px 0;
}

.c-product__seller-row--price {
    padding-bottom: 0;
}

.c-product__seller-price-info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #b4b4b4;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.c-product__seller-price-prev {
    text-decoration: line-through;
    font-size: 1.3rem;
    margin-left: 1rem;
}

.c-product__seller-price-off {
    padding: 3px .7rem 1px;
    font-weight: 700;
    background: #fb3449;
    border-radius: 1rem;
    color: #fff;
    font-size: 1.1rem;
}

.c-product__seller-price-real {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 0;
}

.c-product__seller-row--price {
    color: #fb3449;
}

.c-product__seller-price-raw {
    display: inline;
    font-size: 31px;
    font-size: 2.214rem;
    line-height: 1.419;
}

.c-product__seller-row--add-to-cart {
    float: right;
    width: 100%;
    padding: 15px 0;
}

.c-product-stock__body {
    color: #4a4a4a;
    font-size: .9rem;
    float: right;
    width: 100%;
    padding-bottom: 20px;
}

.c-product-stock__title {
    float: right;
    width: 100%;
    color: #969696;
    font-size: 18px;
    font-weight: 700;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
}

    .c-product-stock__title::after, .c-product-stock__title::before {
        content: "";
        margin: .7rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 1px;
        background: #969696;
    }

.c-product-stock__action {
    width: 100%;
    border-width: 0;
    background: #7a7a7a;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 1.1rem;
    cursor: pointer;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-appearance: button;
    float: right;
}

.contentTextCP {
    float: right;
    width: 100%;
    padding: 15px 10px;
    line-height: 30px;
    text-align: justify;
}

.btn-add-to-cart {
    font-size: 18px;
    line-height: 1.222;
    padding: 12px 98px 12px 18px;
    border-radius: 8px;
    background-color: #ef5661;
    border: 1px solid #ef5661;
    color: #fff;
    overflow: hidden;
    text-align: center;
    min-height: 55px;
    width: 100%;
    position: relative;
    overflow: hidden;
    float: right;
    transition: all .5s ease-in-out;
    cursor: pointer;
}

    .btn-add-to-cart::before {
        width: 90px;
        height: 90px;
        position: absolute;
        right: -11px;
        top: -17px;
        background: hsla(0,0%,100%,.21);
        content: "";
        border-radius: 50%;
        transition: all .5s ease-in-out
    }

.btn-add-to-cart2 {
    display: block;
    border-radius: 5px;
    border: 1px solid #eee;
    color: #ef394e;
    padding: 10px;
    padding-right: 30px;
    cursor: pointer;
    font-size: 11px;
    line-height: 2;
    float: right;
    position: relative;
    margin-top: 15px;
}

    .btn-add-to-cart2::before {
        font-weight: 800 !important;
        font-family: FontAwesome5 !important;
        right: 10px;
        top: 5px;
        position: absolute;
        content: "\f217";
        display: inline-block;
        color: #ef394e;
        font-size: 15px;
    }

.btn-add-to-cart:not(.disabled):not(.is-inactive):not([disabled]):hover:before {
    width: 900px;
    height: 900px;
    right: -450px;
    top: -450px;
    -webkit-transform: unset;
    transform: unset;
    transition: all .5s ease-in-out
}

.btn-add-to-cart__txt::before {
    position: absolute;
    right: 26px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotateY(180deg);
    transform: translateY(-50%) rotateY(180deg);
    color: #fff;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    font-weight: 700;
    font-weight: 800 !important;
    font-family: FontAwesome5 !important;
    content: "\f217";
}

.btn-add-to-cartLogin {
    font-size: 18px;
    line-height: 1.222;
    padding: 16px 98px 16px 18px;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4;
    color: #fff;
    overflow: hidden;
    text-align: center;
    min-height: 55px;
    width: 100%;
    position: relative;
    overflow: hidden;
    float: right;
    transition: all .5s ease-in-out;
    cursor: pointer;
}

    .btn-add-to-cartLogin::before {
        width: 90px;
        height: 90px;
        position: absolute;
        right: -11px;
        top: -17px;
        background: hsla(0,0%,100%,.21);
        content: "";
        border-radius: 50%;
        transition: all .5s ease-in-out
    }

    .btn-add-to-cartLogin:not(.disabled):not(.is-inactive):not([disabled]):hover:before {
        width: 900px;
        height: 900px;
        right: -450px;
        top: -450px;
        -webkit-transform: unset;
        transform: unset;
        transition: all .5s ease-in-out
    }

.btn-add-to-cart__txtLogin::before {
    position: absolute;
    right: 26px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotateY(180deg);
    transform: translateY(-50%) rotateY(180deg);
    color: #fff;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    font-weight: 700;
    font-weight: 800 !important;
    font-family: FontAwesome5 !important;
    content: "\f2f6";
}

.btn-add-to-cart__txtLoginR::before {
    content: "\f234" !important;
}
.btn-add-to-cart__txtLoginRNO::before {
    content: "\f382" !important;
}
.c-message-light--info {
    background-color: #fffde4;
    border: 1px solid #f6e8a1;
    color: #a37731;
    font-size: 14px;
    line-height: 2;
    padding: 7px 20px;
    position: relative;
    border-radius: 5px;
    line-height: 22px;
    margin-top: 10px;
}
.c-message-light--info2 {
    background-color: #ff6e6e;
    border: 1px solid #ff6e6e;
    color: #fff;
    font-size: 14px;
    line-height: 2;
    padding: 7px 20px;
    position: relative;
    border-radius: 5px;
    line-height: 22px;
    margin-top: 10px;
}
.c-message-light--success {
    background-color: #eeffdf;
    border: 1px solid #b7ecb8;
    color: #518541;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 2;
    padding: 7px 20px;
    position: relative;
    border-radius: 5px;
    line-height: 22px;
    float: right;
    width: 100%;
}

.box-search-sm {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fafafa;
    display: none;
    z-index: 99999999999999999;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 15px;
}

.activebsm {
    display: block;
}

.btnASeClose {
    float: left;
    margin: 10px 10px 0 10px;
    font-size: 30px;
    cursor: pointer;
    padding: 10px;
}

.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: right!important;
}
    .m-input-icon > .m-input-icon__icon.m-input-icon__icon--left {
        right: 0;
        float: right!important;
    }*/
.derpUser {
    background: #fff !important;
    background-size: cover;
}

.m-dropdown.m-dropdown--arrow .m-dropdown__arrow {
    color: #fff !important;
}

.m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__name {
    color: #00bfd6;
    font-size: 11px;
    padding: 5px 0 0 0;
}

.m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__email {
    color: #555;
    font-size: 13px;
}

.m-dropdown .m-dropdown__wrapper .m-dropdown__header {
    padding: 17px;
    border-bottom: 1px solid #ddd;
}

.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: right;
    width: 100%;
    padding: 20px 10px;
}

.cardRelateMessage {
    float: right;
    width: 100%;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 3px;
    background: #f6f6f6
}

    .cardRelateMessage .dateTime {
        float: right;
        width: 100%;
        color: #263843;
        font-size: 12px;
    }

    .cardRelateMessage .titleMsg {
        float: right;
        width: 100%;
        color: #263843;
        font-size: 14px;
        margin: 10px 0;
    }

    .cardRelateMessage .textMsg {
        float: right;
        width: 100%;
        color: #263843;
        font-size: 12px;
        line-height: 30px;
        text-align: justify;
        margin: 0 0 10px 0;
    }

.headerMsg {
    float: right;
    width: 100%;
    color: #263843;
    font-size: 16px;
    line-height: 30px;
    padding: 10px;
    font-weight: 900;
}

.twoToneButton {
    position: relative;
    border-radius:5px!important;
    padding:12px;
}

    .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: right;
    position: absolute;
    right: 0;
    left: 0;
    background: #999
}

.loadBtn2 {
    display: none;
    width: 100%;
    float: right;
    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;
}

.indexText {
    float: right;
    width: 100%;
    text-align: justify;
    padding: 50px 0 30px 0;
    border-radius: 4px;
    background:#fafafa;
}
.indexTextIn {
    float: right;
    width: 100%;
}
.index-text-in {
    float: right;
    width: 100%;
    padding-left:40px;
    margin-bottom:20px;
   
}
.indexText h1 {
    font-size: 24px;
    font-weight: 900;
    text-align: right;
    line-height: 30px;
    font-family: INTB;
    margin-top: 50px;
}

    .indexText h2 {
        font-size: 15px;
        font-weight: 900;
        text-align: right;
        line-height: 30px;
        color: #333;
        margin: 15px 0;
    }
.imgindex{
    float:right;
    width:100%;
    text-align:center;
}
.imgindex img{
    margin:5px auto;
    max-width: 100%;
    width:auto;
    max-height:400px;
    text-align: center;
}
.contentIndexText {
    line-height: 30px;
    font-size: 14px;
    color: #555
}
.maptext {
    float: right;
    width: 100%;
    height:400px;
    border-radius: 15px;
    position:relative;
    overflow:hidden;
    margin-bottom:20px;
}
.maptextimg {
    float: right;
    width: 100%;
    height: auto;
    border-radius: 15px;
    position:relative;
}

.mapindex {
    float: right;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.mapindexbox {
    float: right;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #737cd8
}
.imgdirbox{
    position:absolute;
    z-index:5;
    bottom:40px;
    width:100%;
    padding:0 20px;
    text-align:center;

}
.imgdir {
    display:inline-table;
    width: 120px;
    margin: 10px 0 0 10px;
    border-radius:6px;
    transition:all 0.4s;
}
.imgdir:hover {
    opacity:0.8;
    transition: all 0.4s;
}
.servicesBoxNew {
    width: 100%;
    float: right;
}

.servicesBoxNewW {
    width: 100%;
    float: right;
    padding:10px 20px 20px 20px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 8px 0 #eee;
    border-top: 1px solid #fafafa;
    margin-top: 20px;
    position:relative;
}
.servicesBoxNewWMin {
    width: 100%;
    float: right;
    padding: 10px 10px 0 10px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 8px 0 #eee;
    border-top: 1px solid #fafafa;
    margin-top: 20px;
    position: relative;
    height:422px;
    overflow:hidden;
}
.servicesBoxNewW2 {
    width: 100%;
    float: right;
}
.ecome-heading.spc4 {
    margin-bottom: 55px;
    margin-top:40px;
}

.ecome-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    position: relative;
}
    .ecome-heading.style5v3::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        border-bottom: 1px solid #ededed;
    }
.title-icon.t-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.title-icon {
    position: relative;
}
    .title-icon.t-inline h3 {
        background: #fbfbfb;
        padding-right: 20px;
    }

.ecome-heading.style5v3 h3 {
    padding-left: 30px;
    position: relative;
    z-index: 1;
}

.ecome-heading.style5v3 h3 {
    margin: 13px 0;
    font-size: 20px;
    font-weight: bold;
}
.ecome-heading .btn-show {
    font-size: 16px;
    color: #999999;
    width: 180px;
    line-height: 54px;
    height: 56px;
    display: inline-block;
    text-align: center;
    border: 1px solid #eaeaea;
    font-weight: 500;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    background: #fff;
    position: relative;
    z-index: 1;
    border-radius: 999px;
}
    .ecome-heading .btn-show i {
        margin-right: 15px;
    }
.bg-gradient.bg-insinde .owl-dots {
    background: #fff;
}
.golink {
    position: absolute;
    left: 30px;
    bottom: 10px;
    height: 30px;
    width: 30px;
    background: url(/Images/Design/basket2.svg) no-repeat center;
    background-size: 100%;
    opacity: 0.2;
    display:none;
    z-index: 1
}
.owl-dots {
    display: none !important
}
.card-header {
    border-radius: 0;
    padding: 0;
    background-color: transparent;
    border-bottom: 1px solid #eee;
    margin: 10px 0 50px 0;
    position:relative;
}
.card-title {
    padding-bottom: 0;
    line-height: 2;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}
    .card-title span {
        display: inline-block;
        border-bottom: 1px solid #ea1c24;
        font-weight: bold;
        font-size: 16px;
        padding-bottom: 10px;
        position: relative;
        top: 1px;
    }
.view-all {
    position: absolute;
    left: 5px;
    top: 20px;
    transform: translateY(-50%);
    float: left;
    font-size: 12px;
    color: #979898;
    transition:all 0.4s;
}
    .view-all:hover {
        color: #ea1c24;
        transition: all 0.4s;
    }
.view-all i{
    position:relative;
    top:2px;
}
.homeArticle-more {
    color: #929292;
    font-size: 12px;
    font-weight: 400;
    padding: 15px 4px;
    transition: all .3s ease-in-out;
    margin-top: 10px;
    float: right;
    width: 100%;
    text-align: left;
    transition: all 0.5s;
}

    .homeArticle-more:hover {
        color: #d70808;
        transition: all 0.5s;
    }

.cardServicesNew {
    float: right;
    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: right;
        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: right;
        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-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}
.cardServicesPro {
    float: right;
    width: 100%;
    height: 410px !important;
    /*box-shadow: 0 2px 2px rgba(171,175,184,.25);*/
    background-color: #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.5s ease 0s;
    padding: 30px;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
}
.cardServicesProN {
    float: right;
    width: 100%;
    height: 350px !important;
    /*box-shadow: 0 2px 2px rgba(171,175,184,.25);*/
    background-color: #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.5s ease 0s;
    padding: 30px;
    border: none;
    border-radius: 10px;
}
    .cardServicesPro:hover {
        box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
        transform: translateY(-2px);
        transition: all 0.3s;
    }


    .cardServicesPro h3 {
        position: relative;
        font-size: 13px;
        font-weight: 700;
        color: #2f2f2f;
        float: right;
        width: 100%;
        line-height:30px;
        padding: 30px 0 20px 0;
        text-align: right;
    }

    .cardServicesPro .content {
        text-align: center;
        position: relative;
        font-size: 14px;
        font-weight: 400;
        color: #515356;
        line-height: 19.13px;
        float: right;
        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: right;
        width: 100%;
        position: relative;
        bottom: 0;
        height: 210px !important;
        overflow: hidden;
    }

        .cardServicesPro .imgBox img {
            float: none;
            display: inline-table;
            height: 100%;
            width: auto;
        }
.cardServicesProN .imgBox {
    height: 170px !important;
}



.cardServicesProComp {
    float: right;
    width: 100%;
    height: 290px !important;
    /*box-shadow: 0 2px 2px rgba(171,175,184,.25);*/
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.5s;
    padding: 15px;
}

    .cardServicesProComp:hover {
        box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
        transform: translateY(-2px);
        transition: all 0.3s;
    }


    .cardServicesProComp h3 {
        position: relative;
        font-size: 12px;
        font-weight: 700;
        color: #2f2f2f;
        float: right;
        width: 100%;
        padding: 20px 0 12px 0;
        text-align: center;
    }

    .cardServicesProComp .content {
        text-align: center;
        position: relative;
        font-size: 11px;
        font-weight: 400;
        color: #515356;
        line-height: 19.13px;
        float: right;
        width: 100%;
    }

        .cardServicesProComp .content span {
            position: relative;
            font-size: 14px;
            font-weight: 400;
            color: #949494;
            line-height: 19.13px;
            padding: 0 30px 0 0;
        }

    .cardServicesProComp .imgBox {
        float: right;
        width: auto;
        position: relative;
        bottom: 0;
        height: 120px !important;
        overflow: hidden;
    }

        .cardServicesProComp .imgBox img {
            float: none;
            display: inline-table;
            width: 100%;
            height: auto;
        }

.sortbox {
    float: right;
    width: 99.4%;
    padding: 10px;
    margin-right: -1px;
    margin-bottom: -1px;
    background: #fff;
    border: 1px solid #eee;
}

.c-listing__items {
    width: 100%;
    float: right;
    margin-bottom: -1px;
    list-style: none;
    padding: 0;
}
    /*.c-listing__items > li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 25%;
        flex: 1 0 25%;
        max-width: 25%;
        height: 424px;
    }*/

    .c-listing__items > li {
        height: 424px;
        position: relative;
        width: 25%;
        float: right;
        margin: 0;
        padding: 0;
        border: 1px solid #ebebeb;
        margin-right: -1px;
        margin-left: -1px;
    }

.boxSearchMobile {
    float: right;
    width: 100%;
    padding: 10px 0;
    display: none;
}

.cardServicesPros {
    float: right;
    width: 100%;
    height: 424px !important;
    background-color: #fff;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 32px 15px 15px 15px;
    transition: all 0.3s;
}

    .cardServicesPros:hover {
        -webkit-box-shadow: 0 2px 17px 0 rgba(0,0,0,.09);
        box-shadow: 0 2px 17px 0 rgba(0,0,0,.09);
        z-index: 11
    }


    .cardServicesPros h3 {
        position: relative;
        font-size: 13px;
        font-weight: 700;
        color: #2f2f2f;
        float: right;
        width: 100%;
        padding: 30px 0 20px 0;
        text-align: center;
        line-height: 25px;
    }

    .cardServicesPros .contentProducts {
        float: right;
        width: 100%;
        text-align: center;
    }

    .cardServicesPros .content {
        text-align: center;
        position: relative;
        font-size: 12px;
        font-weight: 400;
        color: #515356;
        line-height: 19.13px;
        float: right;
        width: 100%;
        text-align: center;
        display:none;
    }

        .cardServicesPros .content span {
            position: relative;
            font-size: 14px;
            font-weight: 400;
            color: #949494;
            line-height: 19.13px;
            padding: 0 30px 0 0;
        }

    .cardServicesPros .imgBox {
        float: right;
        width: 100%;
        position: relative;
        bottom: 0;
        height: 210px !important;
        overflow: hidden;
    }

        .cardServicesPros .imgBox img {
            float: none;
            display: inline-table;
            height: 100%;
            width: auto;
        }

.c-promotion__badge {
    vertical-align: middle;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 5%;
    width: 90%;
    border-bottom: 1px solid #fb3449;
    font-weight: 400;
    color: #fb3449;
    z-index: 5;
    font-size: 12px;
    padding: 7px;
}
.namojoodred{
    position:absolute;
    left:0px;
    top:20px;
    background:#fb3449;
    color:#fff;
    border-radius:0 30px 30px 0;
    padding:4px 13px 6px 13px;
    text-align:center;
    font-size:12px;
    z-index:5;
}
.namojood {
    padding: 3px 30px 9px 30px;
    background: #f8f8f8;
    color: #777;
    font-size: 16px;
    text-align: center;
    border-radius: 4px;
    margin-top: 10px;
}

.c-product-box__price-item {
    float: right;
    width: 100%;
    margin-top: 10px;
    bottom:20px;
    right:0;
    position:relative;
}
.c-product-box__price-item2 {
    float: right;
    width: 100%;
    right: 0;
    padding: 0 10px;
    position: relative;
}
.cardServicesProSP h3 {
    text-align: center!important;
}
.c-new-price {
    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;
    min-height: 52px;
    padding: 4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 2px auto;
    direction: ltr;
}

.c-new-price__old-value {
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    color: #ababab;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-new-price__value {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    color: #000;
    font-weight: 700;
    direction: rtl;
}

.c-new-price__old-value del {
    display: block;
    text-decoration: line-through;
}

.c-new-price__discount {
    font-size: 14px;
    line-height: 37px;
    font-weight: 700;
    padding: 2px 6px 0;
    background-color: #fb3449;
    color: #fff;
    border-radius: 50%;
    margin-right: 4px;
    min-width: 36px;
    height:40px;
    width:40px;
    position:absolute;
    left:20px;
    top:20px;
    z-index:10;
}

.c-new-price__discountM {
    font-size: 12px;
    font-weight: 700;
    background-color: #fb3449;
    color: #fff;
    border-radius: 50%;
    height:30px;
    width:30px;
    line-height:28px;
    display: none;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 5;
}

.c-new-price__currency {
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2;
    font-weight: 400;
}

.bgAct {
    background: #999 !important;
    color: #fff !important;
}

.notFound {
    float: right;
    width: 100%;
    min-height: 500px;
    text-align: center;
    background: #fff;
    padding-bottom: 100px;
}
.site-header__notification {
    background-color: #6c7a84;
    padding: 20px 0;
    float: right;
    width: 100%;
    border-bottom: 5px solid #a1abb2;
}
.site-header__not-right {
    float: right;
    align-items: center;
}
    .site-header__not-right span {
        color: #fff;
        font-size: 13px;
        font-weight: 500;
        margin-left: 26px;
    }
    .site-header__not-right p {
        display: inline-block;
    }
.site-header__not-left {
    float: left;
}
    .site-header__not-left i {
        font-size: 14px;
        color: rgba(255,255,255,.5);
        cursor: pointer;
        margin-left:10px;
    }
.header {
    position: relative;
    width: 100%;
    padding: 10px 0;
    float: right;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    z-index: 100;
    background: #fefefe;
    box-shadow: 0 7px 8px 0 rgba(0,0,0,.04);
    /*background:#fff url('../Images/Design/onhed.png') repeat-y right top;*/
}
.navh {
    float: right;
    width: 100%;
    padding: 2px 0 2px 0;
    background: #fff;
    box-shadow: 0 7px 8px 0 rgba(0,0,0,.04);
}
@-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;
}
.menubars{
    width:90%;
    position:relative;
    padding:12px 0 10px 10px;
}
.bar1 {
    height: 2px;
    border-radius: 10px;
    background: #ea1c24;
    width: 100%;
    margin-top: 7px;
}
.bar2 {
    height: 2px;
    border-radius: 10px;
    background: #ea1c24;
    width: 100%;
    margin-top:7px;
}
.bar3 {
    height: 2px;
    border-radius: 10px;
    background: #ea1c24;
    width: 100%;
    margin-top: 7px;
}
.ccategory {
    position: relative;
    font-weight: 700;
    padding: 7px 22px 8px 20px;
    color: #616161;
    font-size: 12px;
    font-weight: 600;
    cursor: default;
}
    .ccategory:before {
        position: absolute;
        right: 0;
        top: 3px;
        width: 30px;
        content: "\f0c9";
        font-size: 18px;
        margin-left: 4px;
        color: #424750;
        font-weight: 800 !important;
        font-family: FontAwesome5 !important;
    }
    .ccategory:after {
        position: absolute;
        left: 0;
        top: 8px;
        width: 30px;
        content: "";
        font-size: 18px;
        margin-left: 4px;
        color: #424750;
        height: 17px;
        width: 1px;
        background :#d0d0d0
    }
.mega-ccategory {
    min-height: 50px;
}
.ccategory a {
    padding: 5px 0 20px 0 !important;
    position: relative;
    color: #616161 !important;
}
.ccategory > a:after {
    position: absolute;
    right: 0;
    bottom: 7px;
    width: 100%;
    height: 1px;
    content: "";
    background-color: #ef5661;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out; color: #555;
}
.ccategory:hover > a:after {
    opacity: 1;
    visibility: visible;
    bottom: 5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.rightMega {
    background-color: #f7f7f7;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 8px 8px 8px 0;
    width: 20%;
    float:right;
}
.leftMega {
    background-color: #fff;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 8px 8px 8px 0;
    width: 80%;
    float: right;
}



.tab {
    float: right;
    background-color: #f7f7f7;
    width: 20%;
    min-height: 100px;
    height:452px;
}

    .tab button {
        display: block;
        background-color: inherit;
        color: #616161;
        padding: 17px 16px;
        width: 100%;
        border: none;
        outline: none;
        text-align: right;
        cursor: pointer;
        font-size: 13px;
    }

        .tab button:hover {
            background-color: #fff!important;
            color: #ef394e
        }
       
        .tab button.active {
            background-color: #fff!important;
        }
      
.tabcontent {
    float: left;
    padding: 20px 22px;
    width: 80%;
    border-left: none;
    min-height: 100px;
    display: none;
    overflow:hidden;
}
    .tabcontent .acat {
        font-size: 12px;
        line-height: 1.833;
        font-weight: 700;
        color: #424750;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
/*.acat::before {
    font-weight: 800 !important;
    font-family: FontAwesome5 !important;
    left: -15px;
    position: absolute;
    content: "\f104";
    display: inline-block;
    color: #424750;
}*/
.mactive-1 {
    display: block;
}
.ficoo{
    position:relative;
    top:2px;
    margin-left:3px;
}
.ultopic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 418px;
}
.litopic {
    direction: rtl;
    text-align: right;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 25%;
    font-size: 12px;
    font-size: .857rem;
    line-height: 30px;
    height: 30px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
    .litopic a {
        color: #424750;
        font-weight: 500;
        font-size: 12px;
        line-height: 1.833;
        text-decoration: none;
        white-space: nowrap;
        display: block;
        position: relative;
        display: block !important;
    }
.uitem {
    font-weight: 400!important;
    color: #424750!important;
    line-height: 2.27!important;
}
.icsuu {
    position: relative;
    top: 0;
    margin-right: 5px;
}
.icsu{
    position:relative;
    top:2px;
    margin-right:3px;
}
.redicon{
    color:#fb3449
}
.leftIconAc {
    float: left;
    min-width: 260px;
}

.pad8 {
    padding: 8px;
}

.hideToTop {
    transform: translateY(-100%);
    transition: all .9s;
}

.bass {
    float: left;
    min-width: 40px;
    border-right: 1px solid #ddd;
    padding-right: 17px;
    margin-top: 10px;
}

.iconAc {
    float: left;
    margin: 9px 17px 10px;
}

.mtn {
    margin-top: -250px;
    transition: all .3s;
}

.subheader {
    float: right;
    width: 100%;
    background: #fdfdfd;
}
.insubheader {
    float: right;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    position:relative;
}
    .insubheader::before {
        content: "";
        position: absolute;
        background-color: #ea1c24;
        height: 1px;
        left: 0;
        width: 50px;
        bottom: 0px;
    }
.accountbox {
    float: right;
    margin-top: 15px;
    padding-right: 15px;
    font-size: 13px;
}
    .accountbox a {
        color: #333;
        padding: 0 5px;
    }
    .accountbox span {
        color: #333;
        margin-top: 2px;
        font-size: 11px;
    }
.dividerbox {
    float: right;
    font-size: 11px;
    font-weight: 400;
    padding: 0 5px 0 10px;
    line-height: 36px;
    cursor: pointer;
}
.flashtopbox {
    float: right;
    font-size: 11px;
    font-weight: 400;
    padding: 0 5px 0 10px;
    line-height: 36px;
    cursor: pointer;
}
    .flashtopbox a {
        color: #515356;
        transition: all .3s ease-in-out;
    }

.flashitem {
    color: #6cf;
    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: #fff;
    }

    100% {
        color: #ea1c24;
    }
}
.sheaderbr {
    float: left;
    height: auto;
    padding-top: 5px !important;
    margin-left: 10px;
}
.tell {
    color: #97aab2;
    position: relative;
    padding-bottom: 5px;
    line-height: 19px;
    padding-right: 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: -8px;
        height: 30px;
        z-index: 9;
        pointer-events: none;
        display:none
    }
.tell__nums {
    padding-left: 50px;
}
.tell i {
    overflow: hidden;
    position: absolute;
    font-size: 34px;
    color: #ea1c24;
    left: 0;
    bottom: 5px;
    height: 39px;
}
.tell__num {
    color: #ea1c24;
    font-size: 27px;
    letter-spacing: -1.36px;
    font-weight: 700;
    line-height: 30px;
    font-family: intb;
}
    .tell__num span {
        color: #899da6;
        letter-spacing: -1.36px;
        padding-right: 3px;
        font-size:20px;

    }
.left-text-call {
    color: #949ba6;
    font-size: 12px;
    font-weight: 700;
}
.btn-get-code {
    float: left;
    height: 55px;
    background-color: #fff;
    align-items: center;
    padding: 7px 25px 0 23px;
    border-radius: 10px;
    box-shadow:none;
    transition: .3s;
    border: 1px solid #ffa8ac;
}
.btn-get-code:hover {
    box-shadow: 0 3px 10px #fb344928;
    transition: .3s;
}
.btn-get-code-right {
    width:65%;
    float:right;
}
.bt-title {
    opacity: 0.8;
    color: #ff4b5e;
    font-size: 11.3px;
    font-weight: 700;
    display:block;
}
.bt-title2 {
    color: #ff4b5e;
    font-size: 16px;
    font-family: INTB;
    font-weight: 700;
}
.btn-get-code-left {
    padding-right: 27px;
    position: relative;
    width: 35%;
    float: right;
}
.icw {
    font-size: 18px;
    color: #ff4b5e;
    top: 13px;
    position: relative;
}
.icon-check-g {
    display: inline-block;
    font-size: 10px;
    color: #ffffff;
    width: 16px;
    height: 16px;
    background-color: #18c48a;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    left: 5px;
    position: absolute;
    top: 9px;
}
.menu {
    margin-top: 5px !important;
}
.iconti {
    font-size: 17px;
    color: #aeadad;
    position: relative;
    top: 3px;
}
.fa-phone::before {
    content: "\f095";
}
header__search {
    min-height: 1px;
    padding-right: 0;
    padding-left: 0;
}

.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: right;
}

.btnCl {
    position: absolute;
    left: 20px;
    top: 2px;
    padding: 10px;
    z-index: 70;
    float: left;
    height: 22px;
    width: 22px;
    color: #bababa;
    cursor: pointer;
    display: none;
}

.c-search {
    position: relative;
    width: 100%;
    float: right;
}

.u-hidden {
    display: none !important;
}

.icSearch {
    position: absolute;
    top: 16px;
    right: 16px;
    color: #828282;
    z-index: 60;
    font-size: 18px;
}

.c-search input {
    width: 100%;
    color: #474747;
    font-weight: 300;
    font-size: 12px;
    z-index: 51;
    position: relative;
    border-radius: 5px;
    background-color: #f0f0f1;
    border: none;
    padding: 12px 45px 18px 10px;
    float: right;
    border: 1px solid #eee;
}

.c-search__results {
    position: absolute;
    background: #fff;
    left: 60px;
    right: 0;
    top: 100%;
    z-index: 50;
    overflow: 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;
    font-weight: 700;
}

.is-active {
    display: block;
}

.bgWhite {
    background: #fff !important;
}

.owl-demo4 .owl-nav .owl-prev, .owl-demo4 .owl-nav .owl-next {
    width: 50px;
    height: 90px;
    border-radius: 0 4px 4px 0;
    background: #fff !important;
}

.owl-demo4 .owl-nav .owl-next {
    right: 8px !important;
}

.owl-demo4 .owl-nav .owl-prev {
    left: 10px !important;
}

.color111 {
    color: #111;
}

.siteHeader-call {
    float: left;
    font-size: 11px;
    font-weight: 400;
    color: #2f383d;
    width: 130px;
    height: 16px;
    text-align: left;
    margin-left: 5px;
    background: url(../Images/Design/SP.png) no-repeat left center;
    background-size: 100% auto;
    margin-top: 6px;
}

    .siteHeader-call a {
        color: #2f383d;
    }



    .siteHeader-call i {
        width: 30px;
        line-height: 28px;
        font-size: 18px;
        color: #ee3a55;
        float: left;
        margin-top: 0px;
        margin-right: 3px;
    }

    .siteHeader-call b {
        font-size: 21px;
        font-weight: 500;
        color: #1367a6;
        margin-top: 3px;
    }

    .siteHeader-call span {
        font-size: 13px;
        font-weight: 400;
        color: #626262;
        display: block;
        direction: ltr;
        margin-top: 3px;
    }

.siteHeader-userItem {
    float: right;
    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: #1367a6;
        margin-left: 10px;
        margin-top: 11px;
        float: right;
    }

    .siteHeader-userItem i {
        font-size: 14px;
        line-height: 14px;
        color: #1367a6;
    }

    .siteHeader-userItem a {
        color: #ddd;
        transition: all .3s ease-in-out;
    }

.c-header__btn-login {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    padding: 10px 12px 12px 12px;
    border-radius: 5px;
    border: 1px solid #e0e0e2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    color: #616161;
    float: left;
    margin-left: 17px;
}

.c-header__btn-login2 {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    padding: 9px 5px 12px 0;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    color: #616161;
    float: left;
}

.c-header__btn-login i {
    font-size: 18px;
    margin: 0 0 0 10px;
}

#mainnav > ul > li > a {
    color: #616161 !important;
}

.fixed {
    position: fixed !important;
    top: 0px !important;
    margin-top: 0;
    box-shadow: 0 7px 8px 0 rgba(0,0,0,.04);
    padding: 10px 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    border-bottom: none;
    background: #fff;
}

.fixedTab {
    position: fixed !important;
    top: 70px !important;
    margin-top: 0;
    padding:0;
    width: 100%;
    z-index: 9999999999999999;
    max-width: 1226px;
    border: 1px solid #eee;
    background:#fff
}

.fixedCamHeader {
    position: fixed !important;
    top: 70px !important;
    margin-top: 0;
    padding: 2px 0;
    width: 24.5% !important;
    z-index: 9999999999999999;
    background: #f8f8f8 !important;
    max-width: 1321px;
    border: 1px solid #eee;
    background: #b6b6b6 !important;
    color: #fff !important;
}

.fixedTabV {
    position: relative !important;
    height: 0;
    display: none;
    transition: all 0.4s;
}

.navdiv {
    position: fixed;
    top: 0px;
    transition: top 0.2s ease-in-out;
    width: 100%;
}

.nav-up {
    top: -78px;
}

.NavBox200 {
    float: right;
    width: 100%;
    height: 1px;
    position: relative;
}

.lx-icon {
    font-size: 22px;
}

.lx-icon1 {
    font-size: 38px;
    position: relative;
    top: 5px;
}

.dataarz {
    background: #424242;
    float: right;
    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: right !important;
}

.table, th, .table td {
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    color: #111 !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;
}

.nameRes {
    float: right;
    width: 100%;
    font-size: 15px;
    font-family: INTB;
    font-weight: 700;
    color: #333;
    line-height: 35px;
}

.tellRes {
    float: right;
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 35px;
}

.addressRes {
    float: right;
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 35px;
}

.c-checkout__header {
    float: right;
    width: 100%;
    font-size: 16px;
    color: #555;
    padding-bottom: 15px;
}

.c-checkout__headernb {
    border-bottom: none;
    padding-bottom: 5px;
}

.c-checkout__row {
    float: right;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    position: relative;
}



.img-checkout {
    float: right;
    width: 135px;
    height: auto;
    margin-right: 15px;
}

.title-checkout {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #555;
    margin-top: 15px;
    float: right;
}

.item--checkout {
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-top: 15px;
    float: right;
}

.c-cart-item__save-for-later {
    font-size: 12px;
    line-height: 1.833;
    color: #777;
    padding-right: 20px;
    position: relative;
    cursor: pointer;
    padding-top: 8px;
    margin-top: 15px;
    float: right;
}

    .c-cart-item__save-for-later::before {
        font-weight: 800 !important;
        font-family: FontAwesome5 !important;
        position: absolute;
        content: "\f46d";
        color: #979797;
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 1.222;
        top: 7px;
        right: 0;
    }

.c-checkout-summary {
    float: right;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.1);
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.1);
    border: 1px solid #e7e7e7;
    line-height: 22px;
}

.c-checkout-summary--sfl {
    padding: 16px;
}

    .c-checkout-summary--sfl header {
        font-size: 14px;
        font-weight: bold;
        padding-bottom: 15px;
    }

    .c-checkout-summary--sfl p {
        font-size: 12px;
    }

.c-checkout-summary__summary {
    list-style: none;
    padding: 15px 10px;
    float: right;
    border-bottom: 1px solid #ddd;
}

    .c-checkout-summary__summary li {
        float: right !important;
        width: 100% !important;
        margin: 5px 0 !important;
        font-size: 14px !important;
        display: block !important;
        padding: 0 !important;
    }

.c-checkout-summary__content {
    padding: 15px;
    color: #a0a0a0;
    font-size: 11px;
    line-height: 2;
    float: right;
}

.c-checkout-summary__price-title {
    text-align: center;
    color: #676767;
    font-size: 18px;
    line-height: normal;
    float: right;
    width: 100%;
}

.c-checkout-summary__price-value {
    text-align: center;
    font-size: 18px;
    line-height: normal;
    color: #fb3449;
    float: right;
    width: 100%;
    font-weight: bold;
    font-family: INTB;
    margin: 10px 0
}

.colorSood {
    color: #009ec9 !important;
}

.oldprice {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #b4b4b4;
    text-decoration: line-through;
}

.newprice {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #373737;
}

.newpriceTXT {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #f6f6f6;
    margin: 15px 0;
    padding: 5px 0;
    background: #999;
    border-radius: 6px;
}

.counttitle {
    float: right;
    margin-left: 10px;
    text-align: right;
    margin-top: 5px;
    font-size: 14px;
    color: #373737;
}

.txtCountProduct, .txtCountProduct1 {
    float: right;
    width: 50px;
    border-radius: 4px;
    padding: 5px;
    border: 1px solid #ddd;
    margin:15px 0 0 15px;
}
.btnRemove{
    float:right;
    height:20px;
    width:20px;
    text-align:center;
    margin:23px 0 0 10px;cursor:pointer;
}
    .btnRemove i {
        font-size: 20px;
        color: #0fabc6;
    }
.btnRemove2 {
    float: right;
    height: 20px;
    text-align: center;
    margin: 23px 15px 0 0;
    cursor: pointer;
    color: #777;
    font-size:12px;
}

    .btnRemove2 i {
        font-size: 18px;
        position:relative;
        top:2px;
        color: #777;
    }
.btn-checkout {
    font-size: 18px;
    line-height: 1.222;
    padding: 16px 98px 16px 18px;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4;
    color: #fff;
    overflow: hidden;
    text-align: center;
    min-height: 55px;
    width: 100%;
    position: relative;
    overflow: hidden;
    float: right;
    transition: all .5s ease-in-out;
    cursor: pointer;
}

.btn-checkout2 {
    width: 300px;
}
.btn-checkout3 {
    background-color: #fb3449;
    border: 1px solid #fb3449;
    margin-top:10px;
}
.btn-checkout::before {
    width: 90px;
    height: 90px;
    position: absolute;
    right: -11px;
    top: -17px;
    background: hsla(0,0%,100%,.21);
    content: "";
    border-radius: 50%;
    transition: all .5s ease-in-out
}

.btn-checkout:not(.disabled):not(.is-inactive):not([disabled]):hover:before {
    width: 900px;
    height: 900px;
    right: -450px;
    top: -450px;
    -webkit-transform: unset;
    transform: unset;
    transition: all .5s ease-in-out
}

.btn-checkout__txt::before {
    position: absolute;
    right: 26px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotateY(180deg);
    transform: translateY(-50%) rotateY(180deg);
    color: #fff;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    font-weight: 700;
    font-weight: 800 !important;
    font-family: FontAwesome5 !important;
    content: "\f30b";
}

.c-checkout-summary__content {
    color: #a0a0a0;
    font-size: 11px;
    float: right;
    width: 100%;
    line-height: 2;
}

.cardGray {
    padding: 10px;
    border-radius: 4px;
    background: #f2f2f2;
    color: #83949d;
    width: 100%;
    font-size: 14px;
}

.cardBgAll {
    background: #6effb8 !important;
}

.filterpro {
    float: right;
    width: 100%;
    padding: 10px 0;
    position: relative;
    z-index: 10;
}

.js-feedback-survey-btn {
    float: left;
    color: #9b9b9b;
    font-size: 11px;
    position: relative;
    border-bottom: 1px dashed;
    cursor: pointer;
}

.o-page .c-breadcrumb {
    margin-top: 0;
    margin-bottom: 8px;
}

.c-breadcrumb {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
}

.c-breadcrumb {
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2;
    max-width: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    list-style: none;
}

    .c-breadcrumb li {
        display: inline-block;
    }

.c-breadcrumb {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
}

.c-breadcrumb {
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2;
    white-space: nowrap;
    list-style: none;
}

.c-breadcrumb {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
}

.c-breadcrumb {
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2;
    white-space: nowrap;
    list-style: none;
}

    .c-breadcrumb li a {
        color: #6a6a6a;
    }

    .c-breadcrumb li::before {
        content: "/";
        color: #cfcfcf;
        letter-spacing: .4px;
        font-size: 13px;
        vertical-align: top;
        margin-left: 5px;
        padding-right: 5px;
        font-weight: 400 !important;
    }

    .c-breadcrumb li.left::before {
        content: "";
    }

    .c-breadcrumb li:first-child::before {
        content: "";
    }

.headerH1 {
    font-size: 25px !important;
    color: #111 !important;
    width: 100%;
    text-align: right;
    font-family: INTB;
    font-weight: 900;
    line-height: 35px;
    padding: 15px 0;
    margin-top: 10px;
}

.headerH1E {
    font-size: 17px !important;
    color: #111 !important;
    width: 100%;
    text-align: right;
    line-height: 35px;
    font-weight: 800;
}

.headerH2 {
    font-size: 14px !important;
    color: #898989 !important;
    width: 100%;
    text-align: right;
    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: 25px;
}

.headerH1BAcc {
    color: #656565;
    font-size: 18px;
    line-height: 1.222;
    font-weight: 700;
}
.headerH1BAccSeller {
    border-bottom: 1px solid #ececec;
    color: #656565;
    padding: 17px 40px;
    font-size: 18px;
    line-height: 1.222;
    font-weight: 700;
}
.form-acc {
    padding: 0 30px;
}
.form-acc2 {
    padding: 0;
}
.c-form-account__title {
    color: #656565;
    margin-top: 11px;
    letter-spacing: -.6px;
    font-size: 13px;
    line-height: 1.467;
}

.btn-link-spoiler {
    color: #1ca2bd;
    padding: 0;
    line-height: 2;
    float: left;
    font-size: 12px;
    border-bottom: 1px dashed;
}

.btn-link-spoiler2 {
    color: #1ca2bd;
    padding: 0;
    line-height: 2;
    font-size: 14px;
    border-bottom: 1px dashed;
}

.c-account-box__footer.is-highlighted {
    width: 100%;
    background: rgba(93,214,0,.06);
    border-top: 1px solid #d7e6bb;
    line-height: 1;
    padding-top: 23px;
    padding-bottom: 23px;
    padding: 15px 40px 18px;
    text-align: center;
    font-size: 15px;
}
.c-account-box__footer.is-highlightedSe {
    width: 100%;
    line-height: 1;
    padding-top: 23px;
    padding-bottom: 23px;
    padding: 15px 40px 18px;
    text-align: center;
    font-size: 15px;
}
.c-reg-form__text--pane {
    padding: 15px 20px;
    border-radius: 8px;
    background-color: #f5f7fa;
    font-size: 14px;
    color: #4f5154;
}

.c-reg-form__text--condensed {
    line-height: 25px;
}
.c-reg-form__text-label {
    color: #d44952;
}
.c-account-box__message-icon {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: 20px 0;
    content: "";
    display: inline-block;
    vertical-align: top;
    background: #ebffde 50% 50% no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    background-image: none;
    background-size: auto;
    text-align: center;
}

    .c-account-box__message-icon img {
        height: 70px;
        width: 70px;
        display: inline-table;
        margin-top: 30px;
    }

h3.okReg {
    margin-bottom: 20px;
    color: #444;
    font-size: 19px;
    line-height: 1.158;
}

.txtReg {
    font-size: 15px;
    line-height: 2;
    color: #727272;
    margin-bottom: 15px;
}

.c-profile-box {
    float: right;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.1);
    border: 1px solid #f1f1f1;
    margin-top: 20px;
}

.c-profile-box__username-inline {
    font-size: 16px;
    line-height: 1.375;
    vertical-align: center;
    color: #000;
    font-weight: 700;
    margin-bottom: 4px;
    margin-top: 15px;
}

.c-profile-box__phone {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    color: #525252;
}

.iconUser {
    width: 54px;
    height: 54px;
    float: right;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    background: #ddd;
    position: relative;
    margin: 15px;
}

    .iconUser i {
        font-size: 40px;
        color: #fff;
        text-align: center;
        margin-top:5px;
    }

.c-profile-box__tabs {
    border-top: 1px solid #f1f1f1;
    background-color: #fcfcfc;
    float: right;
    width: 100%;
    min-height: 47px;
    text-align: center;
}

.c-profile-access {
    float: right;
    width: 50%;
    padding: 23px 10px 10px 10px;
    font-weight: 500;
    letter-spacing: -.3px;
    font-size: 12px;
    line-height: 1.833;
    color: #7b7b7b;
    position: relative;
    border-left: 1px solid #ebebeb;
}

.c-profile-access:before {
    content:"";
    background: url(../Images/Design/Pass.png) no-repeat center;
    background-size:20px 20px;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    top: 8px;
}

.c-profile-sign-out {
    float: right;
    width: 50%;
    padding: 23px 10px 10px 10px;
    font-weight: 500;
    letter-spacing: -.3px;
    font-size: 12px;
    line-height: 1.833;
    color: #7b7b7b;
    position: relative;
}
    .c-profile-sign-out:before {
        content: "";
        background: url(../Images/Design/exit.png) no-repeat center;
        background-size: 20px 20px;
        height: 20px;
        width: 20px;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        top: 8px;
    }
.colorA {
    color: #999 !important;
}
.red-text {
    color: #fb3449 !important;
    font-size:20px;
    position:relative;
    top:5px;
}
.formitem{
    float:right;
    width:100%;
}
label.error {
    /* remove the next line when you have trouble in IE6 with labels in list */
    color: red;
    font-size:12px;
}
.error {
    background: #fff;
    color: red;
    /*border: 1px solid #f64b2f*/
}

.successbox{
    background:#2abf44!important;
    color:#fff!important;
}
.errorbox {
    background: #f64b2f !important;
    color: #fff !important;
}
.blogNew {
    float: right;
    width: 100%;
    height: 495px;
    text-align: center;
    margin-bottom: 25px;
    transition: all 0.5s;
    background: #fff;
    border: 1px solid #eee;
    background: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    padding: 10px;
}

.blogNewImg {
    float: right;
    height: 210px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    padding:20px;
    position:relative;
}

.item-thumbnail, .natural-thumbnail {
    overflow: hidden;
    display: block;
    z-index: 9;
    width: 100%;
    position: relative;
    border-radius: 10px;
}

    .natural-thumbnail img {
        display: block;
        height: 210px;
        width: 100%;
        border-radius: 10px;
        float: right;
        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: right;
    font-size: 12px;
    color: #fff;
    padding: 6px 17px;
    font-family: INT;
    text-align: right;
    background: #ff595f;
    border-radius: 35px 35px 10px 35px;
    position: relative;
    z-index: 10;
    top: -16px;
    right: 25px;
}

.blogNewTitle {
    float: right;
    width: 100%;
    text-align: right;
    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: right;
    width: 100%;
    text-align: justify;
    color: #555;
    font-size: 13px;
    line-height: 25px;
    height: 100px;
    overflow: hidden;
    padding: 0 30px;
}

.footerBlogItem {
    float: right;
    width: 100%;
    padding: 20px 30px 30px 30px;
    margin-top: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}

    .footerBlogItem a {
        float: right;
        font-size: 13px;
        color: #013780;
    }

.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=');
}
.itemRegistery{
    border:1px solid #eee;
    margin-top:20px;
    border-radius:6px;
    padding:20px;
    float:right;
    width:100%
}
.itemre{
    float:right;
    font-size:13px;
    color:#333;
    text-align:right;
    margin-left:20px;
    line-height:30px;
    
}
.itemRegisterySub{
    float:right;
    width:100%;
    background:#eee;
    border-radius:6px;
    margin-top:10px;
    padding:20px;
}
.textre{
    float:right;
    width:100%;
    text-align:justify;
    font-size:13px;
    color:#333;
}
.text-danger {
    color: #fb3449;
    margin-top: 5px;
    font-size: 14px !important;
}
.wrap {
    margin: 150px auto 0 auto;
    max-width: 400px;
    background: #70b6e5;
    padding: 2% 3% 1% 3%;
    /* Border radius */
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /* Make padding go inside the element, instead of expanding */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .wrap h1 {
        font-size: 1.05em;
        font-weight: bold;
        border-bottom: 1px solid #fff; /* Fallback */
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        padding-bottom: 3px;
    }
/* Container for 2 child elements (button & filename) */
.fileUpload {
    background: #eee;
    border: 0;
    display: block;
    margin: 2% 0 5% 0;
    width: 100%;
    /* border radius */
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
    /* The button */
    .fileUpload .fileBtn {
        background: #85C7FF;
        cursor: pointer;
        float: left;
        font-size: 1em;
        font-weight: bold;
        padding: 3% 0;
        text-align: center;
        width: 33%;
        /* border radius */
        -o-border-radius: 6px 0 0 6px;
        -moz-border-radius: 6px 0 0 6px;
        -webkit-border-radius: 6px 0 0 6px;
        border-radius: 6px 0 0 6px;
    }

        .fileUpload .fileBtn:hover {
            background: #2C4356;
        }
    /* Where the input-name will be filled in */
    .fileUpload .fileName {
        float: right;
        overflow: hidden;
        white-space: nowrap;
        width: 67%;
        text-align: center;
        color: #000;
        padding: 3% 0;
       
    }
    /* Animation (hover) */
    .fileUpload .fileBtn:hover {
        -webkit-transition-property: background;
        -webkit-transition-duration: 0.4s;
        -webkit-transition-timing-function: ease-in;
        -moz-transition-property: background;
        -moz-transition-duration: 0.4s;
        -moz-transition-timing-function: ease-in;
        -o-transition-property: background;
        -o-transition-duration: 0.4s;
        -o-transition-timing-function: ease-in;
        -ms-transition-property: background;
        -ms-transition-duration: 0.4s;
        -ms-transition-timing-function: ease-in;
        transition-property: background;
        transition-duration: 0.4s;
        transition-timing-function: ease-in;
    }
    /* Clear input-parent, due to child-floats */
    .fileUpload:after {
        clear: both;
        content: " ";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
    }
input.checkbox {
    border: none
}

    input:focus {
        border: 1px dotted black;
    }

    input.error {
        border: 1px dotted red;
    }

.gray * {
    color: gray;
}
.colorB {
    color: #263843 !important;
}

.colorC {
    color: #555 !important;
}

.colorD {
    color: #b2bcc2 !important;
}

.colorL {
    color: #7e7d7d !important;
}

.colorRed {
    color: #fa3571 !important;
}

.colorWhite {
    color: #fff !important;
}

.colorLRed {
    color: #ff749e !important;
}

.ColorActive {
    color: #999 !important;
}

.ColorFav {
    color: #fb3449 !important;
}

.bgL {
    background: #f9f9f9;
}

.bgA {
    background: #999 !important;
}

.bgB {
    background: #263843 !important;
}

.bginputA {
    background: #fff !important;
    color: #555 !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;
}

.bagiconDiv {
    position: absolute;
    top: 30px;
    right: 15px;
    width: 15px;
    z-index: 5;
}

.bagicon {
    height: 15px;
    width: 15px;
    margin-top: 5px;
    border-radius: 50%;
    border: 1px solid #ddd;
}

.opa8 {
    opacity: 0.8;
}

.linksItemCourses ul li {
    padding: 15px 45px 15px 95px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}

.counterCart {
    border-radius: 50%;
    position: relative;
    float: left;
    background: #ef394e;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    margin-top: 1px;
}

.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: 105px;
    float: right;
    background: url('../Images/Pic/SettingIndex/Logo.png') no-repeat center right;
    background-size: auto 60px;
}

.logoAcc {
    float: right;
    height: 45px;
    width: 100%;
    background: url('../Images/Pic/SettingIndex/Logo.png') no-repeat center top;
    background-size: 130px auto;
    margin: 20px 0 50px 0;
}

.logoMenuMobile {
    height: 87px;
    width: 100%;
    float: right;
    border-bottom: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 5px;
    background: #fff url('../Images/Pic/SettingIndex/Logo.png') no-repeat 40px;
    background-size: auto;
    background-size: 77% auto !important;
}
.iconmenu {
    font-size: 23px;
    width: 25px;
    height: 25px;
    margin-left: 8px;
    color: #919191;
    top: 5px;
    position: relative;
}
.logoFactor {
    max-width: 186px;
    float: left;
    position: absolute;
    left: 15px;
    top: 15px;
}

.discount {
    float: right;
    width: 100%;
    padding: 20px 0;
}

.titledis {
    float: right;
    margin: 0;
}

.inputdiscount {
    padding: 0px 10px;
    height: 41px;
    margin-top: 5px;
    border-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    direction: ltr;
}

.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%;
}

.paytr {
    color: #303030;
    font-size: 14px;
    line-height: 30px;
    width: 100%;
}

.totalPriceFactor {
    float: left;
    margin-top: 70px;
    font-family: INTB;
}

.userBoxD {
    float: right;
}

    .userBoxD h3 {
        float: right;
        width: 100%;
        font-size: 16px;
        color: #111;
        font-weight: 900;
        line-height: 30px;
    }

    .userBoxD p {
        float: right;
        width: 100%;
        font-size: 13px;
        color: #444;
        line-height: 30px;
    }

.factorBox {
    float: right;
    width: 100%;
    position: relative;
    padding: 20px;
}

    .factorBox h1 {
        font-size: 16px;
        color: #444;
        font-family: INTB;
    }

.tblOrderItem {
    float: right;
    width: 100%;
    border: 1px solid #eeeeee;
    border-radius: 2px;
}

.topOrderItem {
    float: right;
    width: 100%;
    background: #eee;
    padding: 15px;
}

    .topOrderItem h4 {
        font-size: 16px;
        color: #868686;
    }

.bodyOrderItem {
    float: right;
    width: 100%;
    padding: 10px 15px;
}

    .bodyOrderItem .oitem {
        float: right;
        width: 100%;
        padding: 10px;
        border-bottom: 1px solid #efefef
    }

h4.vizh {
    float: right;
    width: 100%;
    padding: 20px 0 0 0;
    color: #2e2e2e;
    font-size: 13px;
    font-family: INTB;
    font-weight: 700;
}

.bgJ {
    background: #f0f0f0;
    font-family: INTB;
    font-weight: bold;
    float: right;
    width: 100%;
    padding: 20px 15px;
}
.formRepay {
    float: right;
    width: 100%;
}
.redTxt{
    color:#fb3449
}
.reqPay{
    float:right;
    width:100%;
    padding:10px 0;
    font-size:14px;
    border-bottom:1px solid #ddd;
}
.itemRepay {
    float: right;
    width: 100%;
    padding: 10px 140px 10px 0;
    border-bottom: 1px solid #eee;
    position: relative;
    min-height:140px;
   margin-bottom:15px;
}
.hideDeatilRepay{
    display:none;
    float:right;
    width:100%;
    padding-bottom:30px;
}
.showDetailRepay{
    display:block!important;
}
.repayD {
    float: left;
    padding: 10px 0;
    font-size: 14px;
    color: #00bfd6;
    cursor: pointer;
    position:absolute;
    left:0;
    bottom:10px;
}
   
    .itemRepay2 {
        float: right;
        width: 100%;
        padding: 10px 140px 10px 0;
        position: relative;
        min-height: 150px;
    }
.cntPay{
    position:absolute;
    top:10px;
    right:0px;
    background:#00bfd6;
    border-radius:6px;
    color:#fff;
    font-size:12px;

    padding:1px 8px;
}
.chkRepay {
    position: absolute;
    top: 50px;
    right: 0;
}
.imgRepay {
    position: absolute;
    height: 100px;
    width: 100px;
    top: 0;
    right: 20px;
    margin:10px;
}
.imgRepay img{
    height: 100px;
    width: 100px;
}
.repTT {
    float: right;
    width: 100%;
    padding: 10px 0;
}
.itemfactor {
    font-size: 14px;
}

.bgJP {
    background: #fff;
    color: #00bfd6;
    float: right;
    width: 100%;
    padding: 20px 15px;
}

.imageUser {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    overflow: hidden;
}

.Captcha {
    height: 70px;
    float: right;
    width: 100%;
    top: 15px;
    position: relative;
}

    .Captcha a {
        height: 20px;
        float: left;
        width: 20px;
        text-align: right;
        color: #939393;
        margin-right: 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: left;
        top: 0;
        left: 0;
    }

    .Captcha input {
        position: absolute;
        float: right;
        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: right;
    width: 100%;
    position: relative;
    background-color:#fff;
    background-image: url(../Images/Design/index-slider-left.png),url(../Images/Design/index-slider-right.png);
    background-position: 0 top,100% top;
    background-repeat: no-repeat;
    padding: 20px 0 ;
}
@-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
}
.slideIndex {
    float: left;
    direction: ltr;
    width: 100%;
    height: 410px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    border-radius: 15px;
}

    .slideIndex img {
        width: 100%;
        height: 410px;
        margin: 0;
        border-radius: 15px;
    }
.slider-index__go-next {
    cursor: pointer;
}
    .slider-index__go-next i {
        font-size: 40px;
        color: #ffffff;
        position: absolute;
        bottom: -1px;
        left: 50%;
        z-index: 9;
        transform: translate(-50%, 0);
    }
    .slider-index__go-next i::after {
        content: "\e902";
        font-family: 'icomoon';
        position: absolute;
        font-size: 16px;
        color: #ea1c24;
        bottom: 7px;
        right: 45%;
        transform: translate(-42%, 0);
        -webkit-animation: ytranslate 2s .2s infinite;
        animation: ytranslate 2s .2s infinite;
    }
.icon-shape-slide::before {
    content: "\e94b";
}

    .slider-index__go-next i {
        font-size: 40px;
        color: #ffffff;
    }
@-webkit-keyframes ytranslate {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(50%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes ytranslate {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(50%)
    }

    100% {
        transform: translateY(0)
    }
}
/*.slide-progress {
    width: 0;
    max-width: 100%;
    height: 4px;
    background: #7fc242;
}*/
.slide-progress {
    box-shadow: 0 0 8px 0 rgba(255, 138, 138, .5);
    height: 1px;
    background: linear-gradient(90deg,#ffd3db,#fb3449);

    max-width: 100%;
    animation: progressbar 10s ease-in-out;
    animation-iteration-count: 1;
    animation-iteration-count: infinite;
}
.slide-progress2 {
    box-shadow: 0 0 8px 0 rgba(255, 138, 138, .5);
    height: 1px;
    background: linear-gradient(90deg,#fb3449,#ffd3db);
    max-width: 100%;
    animation: progressbar 10s ease-in-out;
    animation-iteration-count: 1;
    animation-iteration-count: infinite;
}
.saleindex {
    float: right;
    width: 100%;
    margin-top:20px;
    position: relative;
    border-radius: 5px;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.07);
    overflow:hidden;
}

.fa_next {
    height: 20px;
    width: 20px;
    text-align: center;
    background: url('../Images/Design/next.svg') no-repeat center;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    opacity: 0.8;
}
.fa_perv {
    height: 20px;
    width: 20px;
    text-align: center;
    background: url('../Images/Design/perv.svg') no-repeat center;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    opacity: 0.8;
}
.slideIndexP {
    float: left;
    direction: ltr;
    width: 100%;
    height: auto;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    max-height: 500px;
}

    .slideIndexP img {
        width: auto;
        height: auto;
        border-radius: 4px;
        margin: 0;
    }

.slideIndexPM {
    float: left;
    direction: ltr;
    width: 100%;
    height: auto;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    max-height: 500px;
    display: none;
}

    .slideIndexPM img {
        width: auto;
        height: auto;
        border-radius: 4px;
        margin: 0;
    }

.sliderr {
    position: relative;
    width: 100%;
    float: right;
}

#ip-viewfinder {
    border: dotted #ccc 1px;
    background: rgba(255,255,255,0.5);
}

.wrapZ {
    float: left;
    display: block;
    position: relative;
}

.overlayZ {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
}

    .overlayZ:after {
        content: "Hover me!";
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -80px;
        margin-top: -1.5em;
        width: 160px;
        height: 3em;
        line-height: 3em;
        text-align: center;
        background: rgba(255, 255, 255, 0.5);
        font-weight: bold;
    }

    .overlayZ:hover:after {
        display: none;
    }

.boxpicT {
    float: right;
    width: 100%;
    height: 75px;
    overflow: hidden;
    position: relative;
    margin: 63px 0 10px 0;
}

.sliderrT {
    position: relative;
    width: 75px;
    height: 75px;
    border: 1px solid #ccc;
    border-radius: 4px;
    float: right;
    overflow: hidden;
    margin: 0 0.5rem;
    padding: 4px;
}

    .sliderrT img {
        position: relative;
        width: 100%;
        height: auto;
        float: right;
    }

.slideIndexcontent {
    position: absolute;
    bottom: 0;
    height: auto;
    width: 100%;
    padding: 25px;
    z-index: 1;
    text-align: right;
    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: right;
    width: 100%;
    padding: 50px 0;
}

    .topboxindex p {
        float: right;
        width: 100%;
        font-size: 28px;
        color: #111;
        text-align: center;
        font-family: INTB;
        line-height: 30px;
        font-weight:900
    }

    .topboxindex a {
        float: right;
        width: 100%;
        font-size: 14px;
        color: #111;
        text-align: center;
        margin-top: 20px;
    }

        .topboxindex a p {
            float: right;
            width: 100%;
            font-size: 15px;
            color: #777;
            text-align: center;
            font-family:INT;
            font-weight:300;
            margin-top: 0;
        }
.itemserviceI {
    float: right;
    width: 100%;
    padding:30px 20px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 27px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    position:relative;
    z-index:10;
    height:220px;
    margin-bottom:20px;
}

    .itemserviceI:hover {
        -webkit-transform: translateY(-7px);
        -ms-transform: translateY(-7px);
        transform: translateY(-7px);
    }
.itemserviceIimg {
    float: right;
    width: 100%;
    height: 55px;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.itemserviceIimg img{
    margin:0 auto;
    width: 55px;
    height: 55px;
}
    .itemserviceIimg i {
        width: 55px;
        height: 55px;
        font-size: 40px;
        font-weight: normal;
        color: #ea1c24;
    }
.itemserviceI h3 {
    float: right;
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 900;
    font-family: INTB;
    color: #1d2734;
    margin:10px 0;
    line-height:30px;
    text-align:center;
}
.itemserviceItxt {
    float: right;
    width: 100%;
    line-height:25px;
    font-size: 13px;
    color: #777;
    display:none;
}
.iconarr{
    float:right;
    font-size:20px;
    color:#444;
    transition:all 0.4s;
    padding:20px 0;
    transform:rotate(-45deg);
    display:none;
}
.productindex {
    position: relative;
    width: 100%;
    float: right;
    padding:20px 0 60px 0;
    /*background: linear-gradient(#fff, #f6f6f6);*/
    background:#fff;
}

.catproduct {
    float: right;
    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: right;
    height: 260px;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

    .imgcatpro img {
        max-width: 100%;
        display: inline-table;
        text-align: center;
    }

.contentCatpro {
    float: right;
    color: #333;
    width: 100%;
    text-align: center;
}

    .contentCatpro h3 {
        float: right;
        color: #111;
        width: 100%;
        font-size: 16px;
        font-family: INTB;
        margin: 30px 0;
    }

.owl-demo4 {
    float: right;
}

.productindexT {
    float: right;
    width: 100%;
    padding: 0 0 25px 0;
    border-bottom: 1px solid #fb3449;
    position: relative;
    margin-bottom: 10px;
    font-weight: 700;
    font-family: INTB
}

.linered::after {
    content: "";
    position: absolute;
    left: -45px;
    width: 15px;
    height: 1px;
    background-color: #fff;
    bottom: 0;
    z-index: 1;
}
    .linered::before {
        content: "";
        position: absolute;
        right: 0;
        left: -40px;
        bottom: 0;
        background-color: #ef5661;
        height: 1px;
        z-index: 1;
    }
.o-headline1 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding-left: 5px;
    padding:10px 0 20px 0;
    width:100%;
    position: relative;
    font-weight: 700;
    font-family: INTB
}
.o-headline {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding-left: 5px;
    min-height: 49px;
    padding-right: 0;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}
    .o-headline > span {
        padding: 8px 0;
        min-height: 49px;
        font-size: 16px;
        line-height: 31px;
        white-space: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        font-weight: 700;
        font-family:INTB
    }
        .o-headline > span::before {
            content: "";
            position: absolute;
            right: 0;
            left: -40px;
            bottom: 0;
            background-color: #ef5661;
            height: 1px;
            z-index: 1;
        }
        .o-headline > span::after {
            content: "";
            position: absolute;
            left: -45px;
            width: 15px;
            height: 1px;
            background-color: #fff;
            bottom: 0;
            z-index: 1;
        }
    .o-headline::after {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #dfdfdf;
        height: 1px;
        content: "";
        z-index: 0;
    }
.productindexT h3 {
    float: right;
    font-size: 18px;
    color: #555;
    padding: 0 10px;
    width: 100%;
}

        .productindexT h3 a {
            float: right;
            font-size: 18px;
            color: #555;
        }

.btn-success {
    background: #58be44 !important;
}

.position-absolute {
    position: absolute !important;
}

.img-abs2 {
    right: -15%;
    top: 110px;
}

.bgtab {
    float: right;
    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: 16px;
    font-size: 15px;
    line-height: 30px;
    padding: 25px;
    min-height: 256px;
    position: relative;
    text-align: justify;
}

.titemAdTT {
    display: block;
    background: #fafafa;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 30px;
    color: #444;
    min-height: 47px;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 900;
    font-family: INTB;
}

.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: 45px;
    width: auto;
    text-align: right;
    font-size: 1rem;
    color: #6f6f6f;
    padding: 0 30px;
    background: #fff;
    border-left: none;
    cursor: pointer;
}

    .cd-tabs__navigation a i {
        color: #6f6f6f;
        width: 30px;
        font-size: 19px;
        position: relative;
        top: 4px;
        margin-left: 10px;
    }

    .cd-tabs__navigation a.cd-selected {
        color: #29324e;
        background: #fff;
        border-bottom: 2px solid #ef3037;
        border-top: none;
    }

.cd-tabs {
    margin: 0 auto 2em auto;
    max-width: 100%;
}

.contentMIn {
    font-size: 13px;
    line-height: 30px;
    float: right;
    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: right;
    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: right;
    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: right;
    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: right;
    width: 100px;
    height: 100px;
    right: 10px;
    top: 220px;
    border-radius: 4px;
    border: 5px solid #dae5eb;
    background: #fff;
}

    .logoCompany img {
        float: right;
        width: 100%;
        height: 100%;
    }

.detailTopCompany {
    position: relative;
    float: right;
    height: 100px;
    right: 30px;
    top: 220px;
    text-align: right;
}

    .detailTopCompany .catDetailName {
        float: right;
        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: right;
        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-left: 20px;
}

.fixed-box {
    position: fixed;
    top: 5px;
    width: 100px;
    overflow: auto;
    height: 100%;
}

.c-infoBox__item {
    float: right;
    display: block;
    width: 100%;
    padding-right: 25px;
    padding-left: 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-left: 0;
}

.o-box__title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.detailJobTex {
    float: right;
    padding: 20px 25px;
    width: 100%
}

.tags span {
    float: right;
    margin-bottom: 10px;
    margin-left: 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);
    }

.titleTopH3 {
    text-align: center;
    margin-top: 10px;
    font-size: 24px;
    font-weight: 700;
    color: #999;
    font-family: Arial;
}

.titleTopH2 {
    text-align: right;
    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;
}

nav.sidebar {
    background: #fafafa;
}

.servicesBox {
    float: right;
    width: 100%;
    padding-top: 55px;
}

.servicesBox1 {
    float: right;
    width: 100%;
    padding-top: 55px;
    min-height: 350px;
    background: url('../Images/Pic/SettingIndex/Par.jpg') center;
    background-size:cover
}

.servicesBox3 {
    float: right;
    width: 100%;
    padding: 10px 0;
}

.itemService3 {
    float: right;
    width: 100%;
    text-align: center;
}

.itemServiceImg3 {
    float: right;
    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: right;
        width: 100%;
        text-align: center;
    }

        .itemServiceImg3 .imgBox3 img {
            max-width: 90%;
            display: inline-table;
            max-height: 100px;
        }

    .itemServiceImg3 h3 {
        float: right;
        width: 100%;
        font-size: 17px;
        color: #111;
        text-align: center;
        margin-top: 30px;
        font-weight: 800;
    }

    .itemServiceImg3 .iconbox3 {
        float: right;
        width: 100%;
        font-size: 22px;
        color: #111;
        text-align: center;
    }

        .itemServiceImg3 .iconbox3 i {
            float: right;
            width: 100%;
            font-size: 42px;
            color: #555;
            text-align: center;
            transition: all 0.3s;
        }

.w100 {
    float: right;
    width: 100%;
}

.servicesBox4 {
    float: right;
    width: 100%;
    padding: 10px 0 70px 0;
    position: relative;
    background: #fff url('../Images/Design/bgr.svg') no-repeat top center;
}
    .servicesBox4:after {
        content: "";
        position: absolute;
        top: 60%;
        right: 0;
        left: 0;
        height: 1px;
        background-color: #d5dae5;
    }
.itemService4 {
    float: right;
    width: 100%;
    text-align: center;
    padding: 20px 0 40px 0;
}

.itemServiceImg4 {
    float: right;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    transition: all 0.5s;
    /*box-shadow: 0 3px 7px #eee;*/
    border: 1px solid #eee;
    overflow: hidden;
}



    .itemServiceImg4:hover .imgBox4 img {
        transform: scale(1.1);
        transition: all 0.3s;
    }

    .itemServiceImg4 .imgBox4 {
        float: right;
        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: right;
        width: 100%;
        font-size: 19px;
        color: #111;
        text-align: center;
        margin-top: 30px;
        font-weight: 800;
    }

    .itemServiceImg4 .iconbox4 {
        float: right;
        width: 100%;
        font-size: 22px;
        color: #111;
        text-align: center;
    }

        .itemServiceImg4 .iconbox4 i {
            float: right;
            width: 100%;
            font-size: 42px;
            color: #1367a6;
            text-align: center;
            transition: all 0.3s;
        }


.servicesBox41 {
    float: right;
    width: 100%;
    padding: 10px 0;
    position: relative;
}

.itemService41 {
    float: right;
    width: 100%;
    text-align: center;
    padding: 20px 0 40px 0;
}

.itemServiceImg41 {
    float: right;
    width: 100%;
    text-align: center;
    border-radius: 2px;
    transition: all 0.5s;
    padding: 20px 50px;
}



    .itemServiceImg41:hover .imgBox41 img {
        transform: scale(1.1);
        transition: all 0.3s;
    }

    .itemServiceImg41 .imgBox41 {
        float: right;
        width: 100%;
        text-align: center;
        overflow: hidden;
    }

        .itemServiceImg41 .imgBox41 img {
            max-width: 100%;
            display: inline-table;
            max-height: 100px;
            transition: all 0.3s;
        }

    .itemServiceImg41 h3 {
        float: right;
        width: 100%;
        font-size: 19px;
        color: #111;
        text-align: center;
        margin-top: 30px;
        font-weight: 800;
    }

    .itemServiceImg41 .iconbox4 {
        float: right;
        width: 100%;
        font-size: 22px;
        color: #111;
        text-align: center;
    }

        .itemServiceImg41 .iconbox4 i {
            float: right;
            width: 100%;
            font-size: 42px;
            color: #1367a6;
            text-align: center;
            transition: all 0.3s;
        }

.servicesBox2 {
    float: right;
    width: 100%;
    padding: 50px 0 20px 0;
    background:#fff;
}

.itemService {
    float: right;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding:50px 0;
}

    .itemService:nth-child(odd) {
        background: #111;
        background: #fff;
    }

    .itemService:nth-child(even) {
        background: #fff;
    }


    .itemService:nth-child(odd) > .itemService1 {
        float: right;
    }

    .itemService:nth-child(even) > .itemService1 {
        float: left;
    }

    .itemService:nth-child(odd) > .itemServiceImg {
        float: left;
    }

    .itemService:nth-child(even) > .itemServiceImg {
        float: right;
    }

.btnserv {
    padding: 10px 30px 12px 30px;
    font-size: 13px;
    box-shadow: none;
    float: right;
    margin-top: 20px;
}

.itemService1 {
    position: relative;
}

.itemService:nth-child(odd) > .itemService1 .btnserv {
    border: none;
    color: #fff;
    background: linear-gradient(45deg, #0078c8 0%, #043a7d 100%);
}

.itemService:nth-child(even) > .itemService1 .btnserv {
    border: none;
    color: #fff;
    background: linear-gradient(45deg, #0078c8 0%, #043a7d 100%);
}

.itemService:nth-child(odd) > .itemService1 h3 {
    color: #fff;
    color: #111;
    font-size: 24px;
    font-family: INTB;
    float: right;
    width: 100%;
    margin-bottom: 20px;
    font-weight: 900;
    line-height: 40px;
}

.itemService:nth-child(even) > .itemService1 h3 {
    font-size: 24px;
    color: #111;
    font-family: INTB;
    float: right;
    width: 100%;
    margin-bottom: 20px;
    font-weight: 900;
    line-height: 40px;
}

.itemService:nth-child(odd) > .itemService1 .contentServ {
    color: #fff;
    color: #111;
    font-size: 14px;
    float: right;
    width: 100%;
    line-height: 30px;
    text-align: justify;
}

.itemService:nth-child(even) > .itemService1 .contentServ {
    font-size: 14px;
    color: #111;
    float: right;
    width: 100%;
    line-height: 30px;
    text-align: justify;
}

.boxservindex {
    padding: 60px;
    display: inline-block;
    vertical-align: middle;
    float: none;
    letter-spacing: 0;
}
.iconmores{
    position:relative;
    margin-right:10px;
    top:3px;
}

.clear {
    clear: both;
}

.itemService1 {
    width: 50%;
}

.itemServiceImg {
    width: 50%;
}

    .itemServiceImg .imgBox {
        float: right;
        width: 100%;
        overflow: hidden;
        padding:10px 50px;
    }

        .itemServiceImg .imgBox img {
            margin:5px auto;
            max-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: right;
    width: 100%;
}

.adsItem {
    float: right;
    width: 100%;
    margin: 15px 0 0 0;
    border-radius: 5px;
    /*box-shadow: 0 5px 8px #f2f2f2, 0 5px 8px #f2f2f2;*/
}

    .adsItem img {
        float: right;
        width: 100%;
        border-radius: 5px;
    }

.jobBox {
    float: right;
    width: 100%;
    margin: 0 0 20px 0;
    position: relative;
    direction: rtl;
}

.imgcattop {
    float: right;
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

    .imgcattop img {
        float: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
    }

.filterBox {
    float: right;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 15px;
    width: 100%;
    background: #fff;
    border-radius: 4px 4px 0 0;
    position: relative;
    height: 54px;
}

.itemListSearch {
    float: right;
    width: 100%;
    padding-bottom: 30px;
}

.tSearch h6 {
    float: right;
    width: 100%;
    padding: 10px 0;
    font-family: INTB;
    font-weight: bold;
    font-size: 13px;
    color: #111;
    margin: 15px 0;
}

.itemListSearch li {
    float: right;
    width: 100%;
    padding: 10px 10px;
}

.tSearch {
    float: right;
    width: 100%;
    padding: 20px 10px;
}

.proSearch {
    float: right;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

    .proSearch a {
        float: right;
        width: 100%;
        color: #333;
        font-size: 12px;
    }

.boxRelative {
    position: relative;
}

.pointer {
    cursor: pointer
}

.listBox {
    position: relative;
    width: 100%;
    float: right;
    height: 145px;
    transition: all 0.5s;
    overflow: hidden
}

.listBox1 {
    position: relative;
    width: 100%;
    float: right;
    height: 145px;
    transition: all 0.5s;
    overflow: hidden
}

.autoH {
    height: auto;
    transition: all 0.5s;
}

.tabSc {
    float: right;
    width: 560px;
}

    .tabSc li {
        float: right;
    }

.tabTopJobs {
    float: right;
    padding: 15px 20px;
    color: #768791;
}

.tabTopJobsActive {
    border-bottom: 2px solid #999
}

.jobList {
    float: right;
    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: right;
    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: right;
    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: right;
    width: 100%;
    border-radius: 4px;
    background: #fff;
}

.catJob {
    float: right;
    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: right;
    padding: 10px 10px;
}

.icon-big {
    font-size: 20px !important
}

.titleJ {
    text-align: right;
    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: right;
    top: 7px;
    left: 10px;
}

.itemAd {
    float: right;
    width: 100%;
    height: 420px;
    margin-bottom: 20px;
    position: relative;
    background: #fff;
    box-shadow: 0 3px 5px #f2f2f2;
    border-radius: 4px;
}

.titleAd {
    text-align: right;
    width: 100%;
    color: #626262;
    font-size: 15px;
    font-family: INT;
    margin: 5px 10px;
    font-weight: 900;
    float: right;
    height: 50px;
    text-transform: uppercase;
}

.imgAd {
    float: right;
    width: 100%;
    padding: 10px;
    overflow: hidden;
    height: 220px;
}

    .imgAd img {
        float: right;
        width: 100%;
        border-radius: 4px;
        height: auto;
    }

.contentAds {
    float: right;
    width: 100%;
    border-radius: 4px;
    background: #fff;
}

.textad {
    float: right;
    padding: 10px 10px;
}

.boxnewpro {
    float: right;
    width: 100%;
}

.titlerpro {
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    line-height: 30px;
    font-family: INTB;
    float: right;
    width: 100%;
    padding: 50px 0;
}

.pronew {
    position: relative;
    width: 33.333%;
    float: right;
    max-width: 480px;
    padding: 50px;
    overflow: hidden;
    height: 620px;
}

    .pronew .imgBox {
        float: right;
        width: 100%;
        overflow: hidden;
        text-align: center;
    }

        .pronew .imgBox img {
            display: inline-table;
            max-width: 80%;
            overflow: hidden;
            text-align: center;
        }

    .pronew h3 {
        float: right;
        font-family: INTB;
        width: 100%;
        line-height: 40px;
        font-size: 20px;
        font-weight: 900;
        color: #333;
        text-align: center;
    }

    .pronew h4 {
        float: right;
        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;
}

.product-card {
    float: right;
    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: right;
        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: right;
    width: 100%;
}

.itemAdW {
    float: right;
    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: right;
    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: right;
    width: 27%;
    overflow: hidden;
    height: 180px;
    border-radius: 4px;
    text-align: center;
    background: #f5f5f5;
}

    .imgAdW img {
        float: right;
        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: right;
    width: 73%;
    border-radius: 4px;
    background: #fff;
    padding-right: 1rem;
}

.textadW {
    float: right;
    padding: 10px 10px;
}

.iconNoMob {
    display: none !important;
}

.itemJobList {
    text-align: right;
    color: #87898a;
    font-size: 12px;
    font-family: INT;
    margin: 10px 0;
}

.itemJobListPrice {
    text-align: right;
    color: #87898a;
    font-size: 12px;
    font-family: INT;
    margin: 10px 0;
}

    .itemJobListPrice .priceitem {
        text-align: right;
        color: #232323;
        font-size: 16px;
        font-family: INT;
        margin: 5px 0;
    }

.divSearchInput {
    position: relative;
    width: 100%;
    float: right;
}

    .divSearchInput i {
        position: absolute;
        right: 10px;
        top: 12px;
        font-size: 16px;
        color: #777;
    }

.fromCi {
    padding: 14px;
    border-radius: 5px;
    border-color: #f0f0f0 !important;
    font-size: 11px;
    color: #555;
    background: #f8f8f8;
    border: 1px solid transparent;
    padding-right: 30px;
}

.btnO {
    float: right;
    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-left: 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: #1367a6;
    margin-left: 10px;
}

.openmodal {
    right: 20px;
    transition: all 0.5s;
    width: 300px;
}

    .openmodal .iconboxtop i {
        margin-right: 20px !important;
    }

    .openmodal .iconboxtop {
        float: right;
        margin: 20px;
        padding-right: 15px;
        text-align: right;
        line-height: 40px;
    }

.linkTell {
    position: fixed;
    bottom: 85px;
    right: 25px;
    margin-bottom: 0;
    z-index: 99800;
    overflow: hidden;
    transition: all 0.5s;
    max-height: 0;
    transition: max-height 1s ease-out;
}

.listLinkTell {
    float: right;
    color: #555;
    width: 56px;
    background: #fb3449c1;
    position: relative;
    border-radius: 30px;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px 0;
}
.openmodaltop {
    max-height: 500px;
    transition: max-height 1s ease-in;
    /*bottom:85px;*/
}
.btncallme {
    float: right;
    margin: 5px 0;
    height: 56px;
    width: 56px;
    text-align: center;
    position: relative;
    border-radius: 50%;
}
    .btncallme a {
        font-size: 9px;
        line-height: 10px;
        color: #fff;
        display: block;
        text-align: center;
    }
    .btncallme i {
        font-size: 20px;
        color: #fff;
        line-height: 30px;
        display: block;
        text-align: center;
    }
.boxform {
    padding: 15px;
    float: right;
    width: 100%;
    background: #fff;
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
    border: 1px solid #dedede;
    margin-bottom: 15px;
}

.contentBoxAll {
    float: right;
    width: 100%;
    color: #555;
    text-align: justify;
    font-size: 11pt;
    margin-top: 0px;
    line-height: 30px;
}

.ProductShow222 {
    float: right;
    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: right;
    width: 100%;
    border: 1px solid #eee;
    margin:15px 0 0 0;
}

.beefupT30 {
    margin-top: 30px !important;
    float: right;
    width: 100%;
}
.beefupRR{
    border-radius:10px;
}


.beefup__head {
    cursor: pointer;
    margin-bottom: 0;
    padding-right: 20px;
    position: relative;
    font-size: 18px;
    line-height: 32px;
    text-align: right;
}


.beefup__head, .beefup__body {
    padding: 20px;
    padding-right: 20px;
}

.beefup__body {
    padding-top: 20px;
}

.beefup__body {
    background-color: #f7f7f7;
    border-radius: 10px;
    margin: 15px 2%;
    width: 96%;
    text-align: justify;
    float: right;
}

.beefup__head {
    border-bottom: none;
}



.beefup__head::after {
    color: #555;
}

.beefupSearch {
    text-align: justify;
    font-size: 14px;
    line-height: 30px;
    color: #444;
    float: right;
    width: 100%;
    border: 1px solid #eee;
    background: #fff !important;
}

.beefup__headSearch {
    cursor: pointer;
    margin-bottom: 0;
    position: relative;
    font-size: 14px;
    line-height: 32px;
    text-align: right;
    padding: 5px !important;
    padding-right: 20px !important;
    border-bottom: 1px solid #f2f2f2;
}

.beefup__bodySearch {
    background-color: #fff !important;
    border-radius: 0 !important;
    margin: 0 !important;
    width: 100%;
    text-align: justify;
    float: right;
    padding: 10px;
}

.beefup2 {
    text-align: justify;
    font-size: 14px;
    line-height: 30px;
    color: #444;
    float: right;
    width: 100%;
    border: none;
    border-right: 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__head .bgggg {
    position: absolute;
    height: 32px;
    width: 38px;
    right: -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;
}

.gbox {
    float: right;
    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);
}

    .gbox .ItemImage {
        float: right;
        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: right;
    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;
}

    .gcontent a {
        color: #fff;
    }

.flash {
    color: #6cf;
    -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;
}



figure.snip1201 {
    color: #fff;
    position: relative;
    float: right;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    background: #444444;
    margin-top: 20px;
    height: 230px;
    border-radius: 2px;
    border: 1px solid #eee;
}

    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;
    }

    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;
    }

    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;
}

.itemTopic {
    float: right;
    width: 100%;
    padding: 5px;
    position: relative;
}

.icTopic {
    position: relative;
    top: 10px;
    float: right;
    width: 20px;
    color: #ccc;
}

.contentDP {
    float: right;
    width: 100%;
    font-size: 13px;
}

.itemAdD {
    float: right;
    width: 100%;
    padding: 10px 5px;
    margin-bottom: 15px;
}

    .itemAdD .titemAdT {
        color: #565656;
        font-size: 12px;
        float: right;
    }

    .itemAdD .titemAdD {
        color: #1ca2bd;
        font-size: 12px;
        float: right;
        padding-right: 10px;
    }

    .itemAdD .titemAdDD {
        color: #4d4d4d;
        font-size: 14px;
        float: right;
        width: 100%;
        padding: 10px 0;
    }

.fixMobB {
    position: fixed;
    bottom: 50px;
    width: 90%;
    right: 5%;
    left: 5%;
    display: none;
    z-index: 10000;
}

.hhr {
    float: right;
    width: 100%;
    height: 1px;
    background: #eee;
}

.iconBlue {
    float: right;
    width: 30px;
}

.titleTopic {
    float: right;
    font-weight: inherit;
    cursor: pointer;
    color: #565656;
    font-size: 12px;
}

.ActiveTopic {
    font-weight: 900;
    color: #111;
}

.mr-20 {
    margin-right: 10px;
}

.mr-40 {
    margin-right: 20px;
}

.buttonSE {
    width: 100%;
    height: 47px;
    padding: 10px 30px 11px 30px;
    background-color: #00bfd6;
    -webkit-box-shadow: 0 8px 14px 0 rgba(0,0,0,.03);
    box-shadow: 0 8px 14px 0 rgba(0,0,0,.03);
    border-radius: 5px;
    color: #fff;
    position: relative;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 !important;
}

.countTopic {
    float: right;
    font-weight: inherit;
    cursor: pointer;
    color: #828282;
    font-size: 12px;
    margin-right: 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: right;
    background: #fff;
    border-radius: 1px;
    margin-bottom: 0px;
    position: relative;
    box-shadow: 0 2px 3px #ededed;
    z-index: 99;
}

.cardPanel {
    width: 100%;
    float: right;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 10px;
    position: relative;
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.1);
    border: 1px solid #f1f1f1;
}
.cardPanelNew {
    padding:20px 45px;
}
.cardPanelBR {
    border-right: 5px solid #8dd4dc !important;
}

.c-checkout-contact__location {
    padding: 3px 10px 4px;
    font-size: 14px;
    line-height: 25px;
    background-color: #ededed;
    position: absolute;
    border: none;
    top: 20px;
    left: 20px;
    border-radius: 5px;
    color: #6d6d6d;
    cursor: pointer;
}

.cardGr {
    background: #fff !important;
}

.cardContent {
    width: 100%;
    float: right;
    position: relative;
    padding: 30px 10px;
    line-height: 30px;
    font-size: 14px;
    color: #2c373b;
    text-align: justify;
}

.cardPanelImage {
    width: 100%;
    float: right;
}

    .cardPanelImage img {
        width: 100%;
        float: right;
    }

.imgboxForm {
    width: 100%;
    float: right;
    text-align: center;
    overflow: hidden;
}

    .imgboxForm img {
        max-width: 70%;
        display: inline-table;
    }

.cardPanetTop {
    width: 100%;
    float: right;
    padding: 15px;
    /*border-bottom: 1px solid #f6f8f7;*/
}
.cardPanetTopU {
    width: 100%;
    float: right;
    border-bottom: 1px solid #f6f8f7;
    position:relative;
}
.btnsendmessage{
    padding:5px 20px 8px 20px;
    background:#00bfd6;
    border-radius:5px;
    color:#fff;
    transition:all 0.4s;
    box-shadow:0 5px 8px #ddd;
    position:relative;
    left:0;
    top:10px;
    font-size:15px;
}
.formsendmessage{
    position:relative;
    float:right;
    width:100%;
    transition:all 0.4s;
}

.btnsendmessage:hover {
    transition: all 0.4s;
    box-shadow: none;
}
.cardPanetcontent {
    width: 100%;
    padding: 5px 25px;
    float: right;
    position: relative;
}

.cardPanetcontentM {
    width: 100%;
    padding: 5px 0;
    float: right;
    position: relative;
}

.cardPanetFooter {
    width: 100%;
    border-top: 1px solid #f6f8f7;
    padding: 25px;
    float: right;
}

.cardPanetFooterNoBorder {
    width: 100%;
    padding: 25px;
    float: right;
}

.cardPanetFooter a {
    color: #e23881;
    font-family: INT;
    font-size: 13px;
    float: left;
}

    .cardPanetFooter a.btn {
        color: #e23881;
        font-family: INT;
        font-size: 13px;
        float: none;
    }

.imgUser {
    height: 50px;
    width: 50px;
    float: right;
    overflow: hidden;
    border-radius: 50%;
}

    .imgUser img {
        height: 50px;
        width: 50px;
        border-radius: 4px;
    }

.imgFilm {
    height: 65px;
    width: 65px;
    float: right;
    overflow: hidden;
    border-radius: 50%;
    margin-top: 5px;
}

    .imgFilm img {
        height: 65px;
        width: 65px;
        border-radius: 50%;
    }

.contentItemBox {
    float: right;
    width: 100%;
}

.nameUser {
    float: right;
    text-align: right;
    font-size: 16px;
    color: #999;
    padding: 15px;
    font-family: INTB;
    width: 100%;
    font-weight: 900;
}

.nameUserDD {
    float: right;
    text-align: right;
    font-size: 25px;
    font-family: INTB;
    font-weight: 700;
    color: #111;
    padding: 15px 0;
    line-height: 40px;
    width: 100%;
}

.btnsam {
    background-color: #0077c8;
    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%;
    float: right;
}

.nameUserItem {
    float: right;
    text-align: right;
    font-size: 13px;
    color: #768791;
    font-family: INT;
    position: relative;
    margin: 5px;
}

.nameDetailItem {
    float: right;
    text-align: right;
    font-size: 13px;
    color: #768791;
    font-family: INT;
    position: relative;
    margin: 5px;
}

.nameItem {
    float: right;
    text-align: right;
    font-size: 13px;
    line-height: 20px;
    color: #768791;
    font-family: INT;
    position: relative;
    width: 100%;
    padding: 5px 0 10px 0;
}

.linkItem {
    font-size: 11px;
    color: #ccc;
}

.newsListDiv {
    width: 100%;
    float: right;
    overflow: hidden;
    padding: 30px 0;
    border-bottom: 1px solid #f3f3f3;
}

.newsListImage {
    width: 100%;
    float: right;
    border-radius: 2px;
    overflow: hidden;
}

    .newsListImage img {
        width: 100%;
        float: right;
        border-radius: 2px;
        overflow: hidden;
    }

.newsListContent {
    float: right;
    width: 100%;
}

.nameItemNews {
    float: right;
    text-align: right;
    font-size: 15px;
    color: #5f5f5f;
    font-weight: 800;
    font-family: INT;
    position: relative;
    width: 100%;
    line-height: 30px;
}

.contentItemNews {
    float: right;
    text-align: right;
    font-size: 12px;
    color: #ccc;
    font-family: INT;
    position: relative;
    display: block;
    width: 100%;
}

.textMin {
    width: 100%;
    max-height: 100px;
    color: #8e8e8e;
    float: right;
    overflow: hidden;
}

.textNewsCat {
    width: 100%;
    color: #8e8e8e;
    float: right;
    font-size: 12px;
    padding-bottom: 15px;
    overflow: hidden;
}

.contentBox {
    line-height: 35px;
    text-align: justify;
    font-size: 14px;
    color: #747474;
    float: right;
    width:100%
}

    .contentBox img, .contentBox video, .contentBox audio {
        max-width: 100%;
        border-radius: 5px;
    }
    .contentBox h2, .contentBox h3, .contentBox h4, .contentBox h5, .contentBox h6 {
        font-size: 20px;
        color: #555;
        float:right;
        width:100%;
        position: relative;
        font-family: INTB;
        font-weight: 900;
        margin-bottom: 17px;
    }
    .contentBox ul, .summary2 ul, .contentBox ol, .summary2 ol {
        margin-bottom: 39px;
        margin-right: 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;
                right: -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-right: 20px;
            margin-bottom: 17px !important;
        }
    .contentBox table {
        max-width: 100%;
    }

/*        .contentBox table tr:first-child {
            background: #d4e3ff;
        }*/

            .contentBox table tr:first-child > td {
                padding: 5px;
            }
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;
    height:auto!important;
}

.contentBox table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.contentBox table {
    border: 1px solid #e1e1e1;
}

    .contentBox table td {
        border: 1px solid #e1e1e1;
    }

        .contentBox table td th {
            background: #9ca7a1;
            color: #fff;
        }
.cardListH {
    float: right;
    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: right;
    text-align: right;
    font-size: 12px;
    color: #ccc;
    font-family: INT;
    position: relative;
    display: block;
    margin-bottom: 5px;
    width: 100%;
}

i.iconAll {
    font-size: 18px;
    color: #999;
    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, .PBoxTextR, .PBoxTextL  {
    float: right;
    width: 100%;
    padding: 20px 0;
}
.PBoxTextC {
    float: right;
    width: 100%;
}
.PBoxText h3 {
    font-size: 20px !important;
    color: #333 !important;
    width: 100%;
    text-align: right;
    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: right;
    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: left !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: right;
    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: right;
    width: 100%;
    padding: 30px 20px 40px 20px;
    background: #f4f4f4;
    border-radius: 4px;
    margin-top: 20px;
    position: relative;
    line-height: 30px;
    padding-right: 140px;
    border: 1px solid #ddd;
    border-right: 3px solid #1337f0;
}

.PBImage {
    float: right;
    height: 100px;
    width: 100px;
    overflow: hidden;
    border-radius: 4px;
    position: absolute;
    right: 20px;
    top: 20px;
}

    .PBImage img {
        float: right;
        width: 100px;
        border-radius: 4px;
    }

.PBoxTextItem h3, .PBoxTextItemPic h3 {
    font-size: 20px !important;
    color: #111 !important;
    width: 100%;
    text-align: right;
    font-family: INTB;
    font-weight: 900;
    line-height: 35px;
    padding: 0 0 5px 0;
    float: right;
}

.PBoxTextItem .itema, .PBoxTextItemPic .itema {
    font-size: 14px !important;
    color: #1b41d4 !important;
    width: 100%;
    text-align: right;
    font-family: INTB;
    font-weight: 900;
    line-height: 35px;
    float: right;
    padding: 15px 0 0 0;
    cursor: pointer;
}

.PBText h3 {
    font-size: 25px !important;
    color: #333 !important;
    width: 100%;
    text-align: right;
    font-family: INTB;
    font-weight: 900;
    line-height: 35px;
    padding: 0 0 15px 0;
    margin-top: 100px;
    float: right;
}

.PBText {
    font-size: 16px !important;
    color: #444 !important;
    width: 100%;
    text-align: justify;
    line-height: 35px;
    float: right;
}

.PBPic {
    float: right;
    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: right;
    width: 100%;
    padding: 20px 0;
    margin-top: 20px;
}

.tablePB {
    text-align: right;
}

    .tablePB tr td:first-child {
        width: 30%;
        text-align: right;
    }

    .tablePB tr td:last-child {
        width: 70%;
        text-align: right;
    }

    .tablePB tr td p {
        text-align: right;
        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;
}
.btnboxx{
    float:right;
    width:100%;
    text-align:center;
}
.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: right;
    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: right;
    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: right;
    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;
}
.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: right;
    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;
}

    .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: right;
    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;
}
.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: right;
    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;
}

    .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: right;
    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: right;
    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: right;
    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: right;
    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
    }

img {
    transition: all 0.5s;
}

.boxNewsIndex {
    float: right;
    width: 100%;
    padding-right: 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: right;
    width: 100%;
}

    .boxnewsindexcontent h4 {
        text-align: right;
        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: right;
}

.footer {
    width: 100%;
    float: right;
    padding: 20px 0px 0 0px;
    background-color: #9b9b9b;
    border-top: 1px solid #eee;
    margin-top: 30px;
}
    .footer .beefup {
        color: #fff !important;
        margin-bottom: 20px !important;
        border-radius: 10px !important;
        border: 1px solid #eeeeee4d!important;
    }
        .footer .beefup .beefup__head::after {
            color: #fff !important;
        }
    .footer .listLink li a.drp {
        color: #ea1c24!important;
    }
.box20{
    float:right;
    width:20%;
}
.box30 {
    float: right;
    width: 30%;
}
.box50 {
    float: right;
    width: 50%;
}
.footer_top {
    border-bottom: 1px solid rgb(255 255 255 / 0.15);
    float: left;
    padding-bottom: 35px;
    padding-top: 40px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
    .footer_top::after {
        background: rgb(255 255 255 / 0.35) none repeat scroll 0 0;
        bottom: -1px;
        content: "";
        height: 1px;
        position: absolute;
        width: 100px;
        left: auto;
        right: 0;
    }
.tm-about-description {
    border-left: 1px solid rgb(255 255 255 / 0.10);
    border-right: 1px solid rgb(255 255 255 / 0.10);
    box-sizing: border-box;
    overflow: hidden;
    padding: 10px 35px;
    width: auto;
    font-family: INTl;
    font-size: 14px;
    color: #fff;
}
.downFooter {
    background: #828282;
    float: right;
    padding: 15px 0 12px;
    width: 100%;
}

.footershadow {
    float: right;
    width: 100%;
    /*box-shadow: 0 40px 70px -40px rgba(0,0,0,.4);*/
    border-bottom: 1px solid rgb(255 255 255 / 0.15);
    padding: 40px 0 35px 0;
    position: relative;
}
    .footershadow::after {
        background: rgb(255 255 255 / 0.35) none repeat scroll 0 0;
        bottom: -1px;
        content: "";
        height: 1px;
        position: absolute;
        width: 100px;
        left: auto;
        right: 0;
    }

.bgray {
    background: #666 !important
}

.footer1 {
    width: 100%;
    float: right;
    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;
    }

.footer__wrap-btn {
    position: relative;
    width: 300px;
    margin-top: -40px;
    margin-right: auto;
    margin-left: 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: '';
    }

.c-footer__contact {
    color:#fff;
}

.c-footer__address {
    width: 100%;
    font-size: 14px;
    line-height: 27px;
    padding: 20px 0;
}

.c-footer__address-images {
    float: left;
    width: 100%;
}

    .c-footer__address-images img {
        float: left;
        width: 140px;
        margin-right: 5px;
        border-radius:7px;
    }

.newsLa {
    width: 100%;
    float: right;
    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: right;
    color: #676767;
}
.alertNR{
    right:0!important;
    width:100%!important
}
.contentFooter {
    float: right;
    width: 100%;
    margin-bottom: 5px;
    position: relative;
    z-index: 5;
}

.contentFooter1 {
    float: right;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    z-index: 5;
}

.logoFooter {
    height: 60px;
    width: 100%;
    float: right;
    margin-top: 5px;
    background: url('../Images/Pic/SettingIndex/LogoFooter.png') no-repeat center;
    background-size: auto 60px;
}

.logoFooter1 {
    height: 120px;
    width: 100%;
    float: right;
    background: url('../Images/Pic/SettingIndex/LogoFooter.png') no-repeat center;
}

.c-footer__form {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.c-form-newsletter__title {
    color: #fff;
    letter-spacing: .3px;
    font-size: 20px;
    line-height: 45px;
}

.c-form-newsletter__row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
}

.c-form-newsletter input {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    float: right;
    width: 83%;
}

.c-ui-input__field--ltr, .c-ui-input__field--right-placeholder {
    direction: ltr;
    text-align: right;
}

.c-form-newsletter {
    float: right;
    width: 100%;
    background: #f02640;
    padding:20px 0;
    margin-top:30px;
}

.c-ui-input__field, .dk-selectric-input {
    border-radius: 40px;
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.49);
    color: #fff;
    font-size: 13px;
    line-height: 1.571;
    padding: 11px 12px;
    width: 100%;
    letter-spacing: -.8px;
}

.btn-secondary2:not(.disabled):not(.is-inactive):not([disabled]) {
    position: relative;
    overflow: hidden;
}

.c-form-newsletter button {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #333;
    border-radius: 40px 0 0 40px;
    text-align: center;
    width: 17%;
    border: none;
    padding: 11px 24px;
}

#SubscribeNewsletter {
    float: right;
    width: 100%;
}

.btn-secondary2 {
    font-size: 15px;
    line-height: 1.467;
    border-radius: 6px;
    padding: 10px 31px;
    color: #fff;
    font-weight: 700;
    letter-spacing: .3px;
    cursor: pointer;
    float: right;
    width: 30%;
}

    .btn-secondary2:not(.disabled):not(.is-inactive):not([disabled])::before {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        width: 200%;
        height: 200%;
        position: absolute;
        right: -50%;
        top: -50%;
        background: hsla(0,0%,100%,.21);
        content: "";
        opacity: 0;
    }

.c-form-newsletter__row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
}

.c-footer__community {
    display: block;
    border-bottom: none;
    padding-bottom: 0;
}

.c-footer__social > span {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    letter-spacing: .3px;
    font-weight: 500;
}

.c-footer__social > span {
    display: block;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    margin-bottom: 21px;
    color: #5d5959;
    font-weight: 400;
}

.c-footer__social-link {
    display: block;
    width: 32px;
    height: 32px;
    opacity: .5;
}



a {
    color: #4a5f73;
    text-decoration: none;
}

.linkFooter {
    float: right;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}

.btnSoNew {
    float: left;
    color: #333333;
    background: #f2f2f2 none repeat scroll 0 0;
    border-radius: 50%;
    height: 44px;
    margin-right: 15px;
    padding: 10px;
    width: 44px;
    line-height: 28px;
    text-align: center;
    transition:all 0.4s;
}

    .btnSoNew i {
        float: right;
        color: #333;
        font-size: 24px;
        transition: all 0.4s;
    }

        .btnSoNew:hover {
           background:#fb3449;
            transition: all 0.4s;
        }
    .btnSoNew:hover i{
        color:#fff;
        transition: all 0.4s;
    }

.titleLink {
    float: right;
    text-align: right;
    color: #fff;
    font-size: 16px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-family: INTb;
    font-weight: 900;
}

.zemanatbox {
    float: right;
    width: 100%;
    padding: 0 0 30px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
.zemanatbox1 {
    float: right;
    width: 100%;
    margin: 15px 0 10px 0;
}
.col5 {
    float: right;
    width: 20%;
}

.zemanat {
    float: right;
    width: 100%;
    background: #fff;
    padding: 18px 95px 18px 8px;
    margin-top:10px;
    border-radius:4px;
    position:relative;
    border:1px solid #ddd;
}

.zemanatimg {
    float: right;
    width: 100%;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    height: 70px;
    width: 70px;
    padding: 13px 0;
    background-color: #f5f5f5;
    border-radius: 100%;
    border: 1px solid #f5f5f5;
    z-index:2;
}

    .zemanatimg img {
        display: inline-table;
        max-width: 100%;
        overflow: hidden;
        height:40px;
        width:40px;
    }
.zemanatContent1{
    float:right;
    font-size:14px;
    font-weight:900;
    color:#444;
    text-align:right;
    font-family:intb;
    height:30px;
    overflow:hidden;
}
.zemanatContent2 {
    float: right;
    font-size: 13px;
    color: #626262;
    text-align: right;
    height: 25px;
    overflow: hidden;
}.zemanat3 {
    float: right;
    width: 100%;
    padding: 20px;
    margin-top: 10px;
    border-radius: 4px;
    position: relative;
    text-align:center;
}
.zemanatimg3 {
    display:inline-table;
    text-align: center;
    overflow: hidden;
    position: relative;
    height: 70px;
    width:70px;
    padding: 13px 0;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    z-index: 2;
    border-radius:50%;
}

    .zemanatimg3 img {
        display: inline-table;
        max-width: 100%;
        overflow: hidden;
        height: 40px;
        width: 40px;
    }

.zemanatContent31 {
    float: right;
    width:100%;
    font-size: 14px;
    font-weight: 900;
    color: #444;
    text-align: center;
    font-family: intb;
    line-height:30px;
    padding:10px;
    margin-top:10px;
    overflow: hidden;
}

.zemanatContent32 {
    float: right;
    font-size: 13px;
    color: #626262;
    text-align: right;
    height: 25px;
    overflow: hidden;
}
.oll {
    list-style: none !important;
}
    .oll li {
        display: inline-block;
        position: relative;
        line-height: 28px;
        font-size: 13px;
        color: #666;
        text-align: justify;
        margin-bottom: 10px0!important;
        padding-right: 0!important;
    }
.oll li::after {
display:none!important;
}
        .oll li .form-radio-button::before, .oll li .form-radio-button::after {
            top: 3px;
        }
.zemanatContent {
    float: right;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 13px;
}


.zemanatbox2 {
    float: right;
    width: 100%;
    padding: 30px 0 30px 0;
    margin-bottom: 30px;
    border-top: 1px solid #f4f4f4;
}

.zemanat2 {
    float: right;
    width: 100%;
    text-align: center;
    position: relative;
    padding-right: 40px;
}

.zemanatimg2 {
    float: right;
    width: 100%;
    text-align: center;
    overflow: hidden;
    position: absolute;
    height: 35px;
    width: 35px;
    right: 0;
}

    .zemanatimg2 img {
        display: inline-table;
        height: 35px;
        width: 35px;
        overflow: hidden;
    }

.zemanatContent4 {
    float: right;
    width: 100%;
    text-align: right;
    color: #9b9b9b;
    font-size: 10px;
    padding-top:9px;
}

.listLink {
    float: right;
    text-align: right;
    list-style: none;
    width: 100%;
}

    .listLink li {
        float: right;
        width: 100%;
    }

        .listLink li a {
            float: right;
            text-align: right;
            color: #fff;
            font-size: 13px;
            font-weight:600;
            margin: 7px 0;
            transition: all ease-in 0.3s;
            font-family:INTl;
            position:relative;
            padding-right:20px;
        }
        .listLink li a:before {
            content:'';
            position:absolute;
            right:0;
            top:5px;
            width:7px;
            height:10px;
            background:url(/Images/Design/return.svg) no-repeat right;
            background-size:100%;
            opacity:0.5;
        }


            .listLink li a:hover {
                color: #111;
                transition: all ease-out 0.3s;
            }

.textFooter {
    float: right;
    text-align: right;
    color: #444 !important;
    font-family: INT !important;
    font-size: 13px !important;
    display: block !important;
    width: 100% !important;
    line-height: 27px !important;
    margin: 20px 0 !important;
}

.textFooter1 {
    float: right;
    text-align: center;
    color: #dae5eb !important;
    font-family: INT !important;
    font-size: 13px !important;
    display: block !important;
    width: 100% !important;
    line-height: 27px !important;
    margin: 20px 0 !important;
}

.copyRight {
    float: right;
    text-align: center;
    color: #eee;
    font-family: INT;
    font-size: 13px;
    width: 100%;
    line-height: 27px;
    padding-bottom:5px;
}

.iconMenu {
    position: relative;
    top: 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-left: 10px;
    margin-bottom: 10px;
    cursor: pointer
}

.btnso {
    float: right;
    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-left: 10px;
    margin-bottom: 10px;
}

    .btnso i {
        font-size: 22px;
    }

    .btnso span {
        font-size: 14px;
        position: relative;
        top: -5px;
        margin-right: 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-right: 0 !important;
}

#overlayAll {
    background: #f8f8f8;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    opacity: 0.8;
    z-index: 10000;
}

.fixedBottom {
    float: right;
    text-align: center;
    color: #dae5eb;
    font-family: INT;
    font-size: 16px;
    width: 100%;
    line-height: 27px;
    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;
    background: rgba(124,142,152,.6);
    box-shadow: 0 -4px 20px -5px rgba(0,0,0,.16);
    display: none;
}
.linkFixBottom {
    width: 20%;
    text-align: center;
    float: right;
    color: #fff;
    line-height: 18px;
    padding: 10px;
    border-right: 1px solid rgba(0,0,0,.1);
}

.linkFixBottom_1 {
    color: #fff;
    background: #13d275;
}

.linkFixBottom p {
    font-size: 12px;
    margin-top: 2px;
}

.formAccount {
    margin: 20px auto;
    background: #fff;
    width: 389px;
    max-width: 100%;
    -webkit-box-shadow: 0 12px 12px 0 hsla(0,0%,70.6%,.11);
    box-shadow: 0 12px 12px 0 hsla(0,0%,70.6%,.11);
    position: relative;
    border-radius: 10px;
    padding-bottom: 50px;
}
.formAccountSeller {
    margin: 20px auto;
    background: #fff;
    width: 389px;
    max-width: 100%;
    position: relative;
}
.formAccountSeller2 {
    margin: 20px auto;
    background: #fff;
    width: 100%;
    max-width: 100%;
    position: relative;
    padding:10px 50px
}
.formAccount3 {
    background: #fff;
    width: 470px;
    max-width: 100%;
    box-shadow: 0 12px 12px 0 hsla(0,0%,70.6%,.11);
    position: relative;
    border-radius: 10px;
    padding-bottom: 50px;
    position: relative;
}
.formAccount2 {
    margin: 20px auto;
    background: #fff;
    width: 500px;
    max-width: 100%;
    border: 1px solid #dedede;
    -webkit-box-shadow: 0 12px 12px 0 hsla(0,0%,70.6%,.11);
    box-shadow: 0 12px 12px 0 hsla(0,0%,70.6%,.11);
    position: relative;
    padding: 50px;
}
.g-recaptcha {
    position: relative;
    width: 100%;
    background: #f9f9f9;
    overflow: hidden;
    border: 1px solid #eee;
    border-radius: 8px;
    float: right;
    margin-top: 20px;
}

    .g-recaptcha > * {
        float: right;
        right: 0;
        margin: -2px -2px -10px; /*remove borders*/
    }

    .g-recaptcha::after {
        display: block;
        content: "";
        position: absolute;
        left: 0;
        right: 150px;
        top: 0;
        bottom: 0;
        background-color: #f9f9f9;
        clear: both;
    }
.btn-login {
    float: right;
    width: 100%;
    line-height: 50px;
    border-radius: 12px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    min-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 1px #ea1c24;
    transition: 0.2s all;
    background-color: #ea1c24;
    color: #fff;
    cursor: pointer;
}
.bgww {
    width: 100%;
    float: right;
    border-radius: 4px;
}
.bgwwC {
    width: 100%;
    float: right;
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
    background-color: #fff;
    border: 1px solid #dedede;
    margin: 14px auto;
    padding-bottom: 60px;
    line-height: 22px;
}
.btn:active, .btn, .btn:focus {
    outline: none !important;
}

.boxRegisterText {
    width: 100%;
    min-height: 400px;
    float: right;
    text-align: center;
}
.contactTexMin {
    float: right;
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    color: #535353;
    padding: 20px 70px;
}
    .contactTexMin h2 {
        font-size: 20px;
        line-height: 1.1;
        margin-bottom: 15px;
        margin-top: 20px;
        color: #555;
        font-family:INTB;
    }
.logoTopReg {
    height: 170px;
    width: 100%;
    float: right;
    background: url('../Images/Design/Logo3.png') no-repeat center;
}

.contentRegText {
    width: 100%;
    float: right;
    text-align: justify;
    line-height: 35px;
    color: #83949d;
    padding: 20px 70px
}
.imgContact {
    width: 100%;
    float: right;
    text-align:center;
}
.imgContact img{
    width: 150px;
    display:inline-table;
}
.leranBox {
    position: absolute;
    float: right;
    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: right;
    }

    .leranBox h2 {
        font-size: 14px;
        font-weight: 900;
        line-height: 30px;
        text-align: right;
        color: #ddd
    }

#particle-canvas {
    width: 100%;
    height: 350px;
    position: relative;
    overflow: hidden;
}

.boxLearns {
    float: right;
    width: 100%;
    padding-bottom: 50px;
}

.boxLearns {
    float: right;
    width: 100%;
}

.catLearnTitle {
    font-size: 17px;
    text-align: right;
    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: right;
    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: right;
    width: 100%;
    height: 200px;
}

    .cardImageLearn img {
        width: 100%;
        height: inherit;
        float: right;
    }

.cardTitleLearn {
    float: right;
    width: 100%;
    padding: 10px 15px;
    line-height: 30px;
    color: #4f4f4f;
    text-align: right;
    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: right;
    width: 100%;
    padding: 10px 15px;
    color: #4f4f4f;
    text-align: right;
    margin: 0;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.timeLearn {
    font-size: 14px;
    color: #768791;
    float: right;
    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-right: 23px;
    }

    .deal-questions-wrapper .comment .comment-question .comment-info > span {
        display: block;
    }

.deal-questions-wrapper .comment .comment {
    float: left;
    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: right;
}

    .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-right: 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: right;
    }

        .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: right;
        margin-right: 10px;
    }

        .deal-questions-wrapper .comment .comment-question .comment-info .comment-takhfifan-info .comment-date {
            padding-right: 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;
}
.paginga {
    border: none;
    cursor: pointer;
    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;
}

.activePagea {
    background: #13d276 !important;
    color: #fff !important;
}
.table-responsive {
    float: right;
    width: 100%;
    overflow-x: auto;
}

.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: center;
    }

    .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:nth-child(even) {
            background: #fafafa
        }

        .table tr.read {
            background: #fafafa
        }

    .table td, .table th {
        padding: 15px 5px;
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        border-radius: 2px;
    }

    .table td {
        padding: 5px 5px;
        min-width: 100px;
    }

    .table, th, .table td {
        border: none;
        color: #5b5b5b;
        font-size: 14px;
        text-align: center;
    }

        .table thead {
            width: 100% !important;
            background: #85b3be;
            color: #fff;
            padding: 20px 0;
        }

            .table thead tr td {
                color: #fff !important;
                padding: 20px 0;
            }

.table1 {
    width: 100%;
}

    .table1 thead {
        background: #85b3be;
        color: #fff;
        padding: 20px 0;
        text-align: center;
    }

        .table1 thead tr td {
            color: #fff !important;
            padding: 20px 0;
        }

    .table1 tr {
        border-bottom: 1px solid rgba(0,0,0,0.12);
        text-align: center;
    }

        .table1 tr:nth-child(even) {
            background: #fafafa
        }

    .table1 td {
        padding: 5px 5px;
        min-width: 80px;
    }

.textMessage {
    width: 100%;
    padding: 20px 10px;
    font-size: 13px;
    color: #5b5b5b;
    line-height: 30px;
    float: right;
    text-align: justify;
}

.m-card-user__pic {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #fafafa;
    text-align: center;
    padding-top: 8px;
}

.m-card-user .m-card-user__pic img {
    width: 30px !important;
    height: 30px !important;
}

.noItem {
    float: right;
    width: 100%;
    min-height: 300px;
    padding: 70px 0;
    text-align: center;
}

    .noItem i {
        font-size: 100px;
        color: #ddd;
        padding: 30px 0;
    }

    .noItem span {
        font-size: 20px;
        color: #ddd;
        padding: 10px 0;
    }

.dMSG {
    float: right;
    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: right;
    font-family: INTB;
    font-weight: 900;
    line-height: 35px;
    padding: 15px 0;
}

.sharingBox {
    float: right;
    width: 100%;
    padding: 20px;
    margin: 30px 0 30px 0;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #f7f7f7;
}

.dateBox {
    float: right;
    width: 100%;
    margin-bottom: 15px;
}

    .dateBox span {
        text-align: right;
        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;
}

figure.snip1432 {
    color: #fff;
    position: relative;
    float: right;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    background: #000000;
    color: #ffffff;
    text-align: right !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) );
}

.newsSpecialItem {
    float: right;
    width: 23.5%;
    margin-bottom: 1%;
    height: 200px;
    margin-right: 1%;
    border-radius: 4px;
    overflow: hidden;
}

    .newsSpecialItem img {
        float: right;
        width: 100%;
        height: 200px;
    }

.newsSpecialItem-1 {
    float: right;
    width: 50%;
    height: 411px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 0 !important;
}

    .newsSpecialItem-1 img {
        float: right;
        width: 100%;
        height: 411px;
        border-radius: 4px;
    }

.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: right;
    margin-top: 20px;
}

.divSkill .txtEdu {
    font-size: 11px;
    color: #a7b1b6;
    float: right;
    margin-top: 10px;
    display: block;
    width: 100%;
    padding-bottom: 15px !important;
}

.divCv {
    float: right;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.bgCVRight {
    background: #fafafa;
}

.rightCv {
    float: right;
    width: 30%;
    border-left: 1px solid #eeeeee;
    background: #eeeeee;
    padding-bottom: 500px;
    margin-bottom: -500px;
}

.leftCv {
    float: right;
    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: right;
    margin-bottom: 10px;
    margin-left: 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: right;
    margin-bottom: 10px;
    margin-left: 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: right;
    margin-top: 17px;
}

    .breadcrumbs a {
        float: right;
        margin-right: 10px;
        font-size: 12px;
    }

    .breadcrumbs i {
        position: relative;
        margin-right: 5px;
        top: 2px;
    }

.titleCvItem {
    text-align: right;
    font-size: 15px;
    color: #5e5e5e;
    font-weight: 900;
    float: right;
    margin: 8px 15px;
}

.textCvUser {
    width: 100%;
    padding: 5px 30px 0 30px;
    float: right;
}

    .textCvUser span, .textCvUser h2 {
        text-align: right;
        font-size: 18px;
        color: #626262;
        font-weight: 900;
        float: right;
        margin: 7px 15px;
    }

    .textCvUser .aboutCv {
        text-align: justify;
        font-size: 14px;
        color: #939393;
        width: 100%;
        float: right;
        margin: 18px 0;
    }

    .textCvUser .aboutCv1 {
        text-align: justify;
        font-size: 12px;
        color: #939393;
        width: 100%;
        float: right;
    }

.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: right;
    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: right;
    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: right;
    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-left: -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-left: -6px;
    position: absolute;
    top: -10px;
    right: 1.2em;
    width: 2px;
    height: 100%;
}

.timeline-event {
    position: relative;
    float: right;
}

/*.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: right;
        width: 100%;
    }

    .timeline-event-copy h4 {
        font-size: 1em;
        margin-bottom: 1.2em;
        float: right;
    }

    .timeline-event-copy strong {
        font-weight: 700;
    }

    .timeline-event-copy p:not(.timeline-event-thumbnail) {
        padding-bottom: 1.2em;
        float: right;
    }

.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-left: 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: right;
    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: right;
    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: left;
        height: 100px;
        width: 100px;
    }

.contcv {
    font-size: 30px;
    color: #194866;
    margin: 10px 15px 0 0;
}

.titlecvb {
    margin-right: 15px;
    font-size: 14px;
    line-height: 40px;
    color: #194866;
}

.aboutus {
    float: right;
    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: right;
    width: 100%;
    padding: 80px 0;
}

.aboutattr {
    position: relative;
    z-index: 99;
}

.section__body {
    padding: 44px 0 200px;
    position: relative;
    width: 100%;
    float: right;
}

.abb {
    float: right;
    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: right;
    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: right;
    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: right;
    }
.txtprbu {
    font-size: 14px;
    line-height: 35px;
    color: #4f5154;
    margin-bottom: 10px;
    text-align:justify;
}
.leftDir {
    text-align: left !important;
    direction: ltr !important;
}
.c-reg-form__text--highlight {
    font-weight: 700;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #555 !important;
    line-height: 40px;
}
.select2-container--default .select2-selection--single{
    background-color:#fff;
}
.select2-container {
    border-radius: 4px !important;
    width: 100% !important;
}

.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: right;
    width: 100%;
    padding: 25px 0;
}

.newsIndexBox2 {
    float: right;
    width: 100%;
    padding: 20px 0;
}



.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);
}


.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: #03387C;
}

.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: right;
    width: 100%;
}

.newSection, .box {
    position: relative;
    float: right;
    width: 100%;
    z-index: 2;
    height: 200px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 9.5px .5px rgba(0,0,0,.05);
    margin-top: 20px;
}

.boxAuto {
    position: relative;
    float: right;
    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;
}

.imgpage {
    float: right;
    width: 100%;
    border-radius: 2px;
    margin-top: 10px;
}

.foot_bottom {
    border-top: 1px solid #ddd;
    padding: 30px;
    float: right;
    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: right;
}

.font_bold {
    font-family: INTB !important;
}

.picbox {
    float: right;
    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==)
}
.colNS_2, .colNS_3, .colNS_4, .colNS_5 {
    float: right;
    width: 25%;
    padding: 0 .75rem;
}
.colNS_1, .colNS_6 {
    float: right;
    width: 50%;
    padding: 0 .75rem;
}
.itemNewsSN{
    float:right;
    width:100%;
    margin-bottom:20px;
    height:270px;
    overflow:hidden;
    position:relative;
    border-radius:4px;
}
    .itemNewsSN::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        height: 50%;
        bottom: 0;
        background: linear-gradient(to top, #000 0%, rgba(0,0,0,0) 100%);
    }

.itemNewsSNImg {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: .25rem;
    overflow: hidden;
    display: block;
    height: 100%;
    width: 100%;
}
    .itemNewsSNImg img {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        min-width:100%;
        width: auto;
        height: 100%;
        border-radius: .25rem;
    }
.itemNewsSNCnt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 1.875rem 1.875rem;
    z-index: 1;
    transition: opacity .1s linear;
}
.itemNewsSNCat{
    float:right;
    font-size:12px;
    color:#fff;
    padding-bottom:10px;
}
.itemNewsSNTitle {
    float: right;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight:900
}
.blog-post__hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(61, 30, 190, 0.55) 0%, rgba(0,190,230,0.55) 100%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    font-size: 1.125rem;
    z-index: 2;
    opacity: 0;
    transition: opacity .2s linear;
}
    .blog-post__hover i {
        font-size: 2.25rem;
        letter-spacing: -1px;
    }

    .blog-post__hover i, .blog-post__hover p {
        opacity: 0;
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
        transition: transform .2s ease-in-out,opacity .1s linear;
    }
.itemNewsSN:hover .blog-post__hover {
    opacity: 1;
}
    .itemNewsSN:hover .blog-post__hover p {
        transition-delay: .1s;
        opacity: 1;
        transform: translateY(0px);
    }
    .itemNewsSN:hover .blog-post__hover i {
        transition-delay: .15s;
        opacity: 1;
        transform: translateY(0px);
    }
/*.contentbox {
    padding: 20px;
    text-align: justify;
    width: 69%;
    float: right;
    overflow: hidden;
    height: 180px;
    text-transform: uppercase;
}*/
.box_cat.style_2 span {
    bottom: 45px
}

.boxw {
    position: relative;
    float: right;
    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-right: 320px;
    height: 230px;
}

    .box_blog .date_style {
        position: absolute;
        top: -5px;
        left: 20px;
        color: #fff !important;
        display:none;
    }

.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;
    right: 0;
    width: 320px;
    height: 100%;
    background-color: #fff;
    border-radius: 0 2px 2px 0;
    overflow: hidden;
    padding: 15px;
}

.img_wid {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.box_blog .infobox {
    padding: 20px;
    height: 100%;
}

    .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: 17px !important;
        color: #666 !important;
        font-family: INTB;
    }

    .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: 20px;
        border-top: 1px solid #eee;
    }
.resultbox{
    float:right;
    width:100%;
}
.itemblog {
    float: right;
    width: 100%;
    transition: 0.3s;
    background-color: #fff;
    position: relative;
    border-bottom:1px solid #eee;
}
.itemblog:hover {
    transition: 0.3s;
    box-shadow: 0 5px 24px rgba(0,0,0,.1);
}
.blogtitle {
    padding: 25px 20px 15px 20px;
    float: right;
    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;
        }
.comment__titleB {
    position: relative;
    margin: 10px 0;
    padding-right: 15px;
}

.comment__titleR {
    position: relative;
    margin: 10px 0;
    padding-right: 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: right;
    padding: 30px;
    background: #fafafa;
    border-radius: 4px;
}

.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: right;
    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: right;
    width: 100%;
}

.comments__list {
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #f3f3f3;
    padding: 57px 30px 30px;
    margin-bottom: 36px;
    float: right;
    width: 100%;
}

.boxSellerComment {
    float: right;
    width: 100%;
    min-height: 5px;
    padding-left: 20px;
}

.c-message-light--purchased {
    float: right;
    width: 100%;
    font-size: 13px;
    line-height: 2.23;
    background-color: #fdfff8;
    border: 1px solid #e2f0d5;
    border-radius: 3px;
    color: rgba(82, 200, 67, 0.98);
    padding: 7px 40px 7px 12px;
    position: relative;
}

    .c-message-light--purchased::before {
        position: absolute;
        right: 15px;
        top: 3px;
        font-size: 17px;
        font-weight: 800 !important;
        font-family: FontAwesome5 !important;
        content: "\f07a";
        display: inline-block;
        color: rgba(82, 200, 67, 0.98);
    }


.c-message-light--opinion-noidea {
    float: right;
    width: 100%;
    font-size: 13px;
    line-height: 2.23;
    background-color: #fff9f2;
    border: 1px solid #fcdfbf;
    border-radius: 3px;
    color: #dd7e19;
    padding: 7px 10px 7px 12px;
    position: relative;
}



.c-message-light--opinion-positive {
    float: right;
    width: 100%;
    font-size: 13px;
    line-height: 2.23;
    background-color: #f1feff;
    border: 1px solid #c2f2f7;
    border-radius: 3px;
    color: #1599a9;
    padding: 7px 40px 7px 12px;
    position: relative;
}

    .c-message-light--opinion-positive::before {
        position: absolute;
        right: 15px;
        top: 3px;
        font-size: 17px;
        font-weight: 800 !important;
        font-family: FontAwesome5 !important;
        content: "\f164";
        display: inline-block;
        color: #1599a9;
    }

.c-message-light--opinion-negative {
    float: right;
    width: 100%;
    font-size: 13px;
    line-height: 2.23;
    background-color: #fff8f9;
    border: 1px solid #ffbcc7;
    border-radius: 3px;
    color: #ff637d;
    padding: 7px 40px 7px 12px;
    position: relative;
}

    .c-message-light--opinion-negative::before {
        position: absolute;
        right: 15px;
        top: 3px;
        font-size: 17px;
        font-weight: 800 !important;
        font-family: FontAwesome5 !important;
        content: "\f165";
        display: inline-block;
        color: #ff637d;
    }

.comments__header {
    font-size: 19px;
    color: #5f5f5f;
    font-weight: 500;
    float: right;
    width: 100%;
}

.comments__name {
    font-size: 14px;
    display: block;
    color: #adadad;
    margin-top: 5px;
    font-weight: 400;
    float: right;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.commentText {
    font-size: 14px;
    line-height: 30px;
    color: #505050;
    float: right;
    width: 100%;
}
.formregistery{
    float:right;
    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;
    border: 1px solid #7a7a7a;
    overflow: hidden;
    text-align: right;
    letter-spacing: -.7px;
    color: #fff;
    position: relative;
    cursor: pointer;
    margin-top: 1px;
    float: right;
}

    .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: right;
    width: 100%;
    list-style: none;
    padding: 33px;
    background: #fcfcfc;
    border-radius: 5px;
}

.boxPRogres {
    float: right;
    width: 80%;
    height: 5px;
    border-radius: 5px;
    background: #ddd;
    position: relative;
    margin-top: 14px;
}

.boxInPRogres {
    position: absolute;
    float: right;
    height: 5px;
    border-radius: 5px;
}

.w3-blue {
    color: #fff !important;
    background-color: #00bfd6 !important;
}

.rateNumber {
    float: right;
    width: 20%;
    color: #555;
    text-align: right;
    padding: 2px 10px;
}

.trate {
    font-size: 13px;
    color: #555;
}

.titrComm {
    float: right;
    width: 100%;
    font-weight: 900;
    font-family: INTB;
    padding: 20px 0;
}

.tngh {
    color: #00bfd6;
    font-size: 16px;
    float: right;
    width: 100%;
    line-height: 40px;
    padding-right: 10px;
}

.c-comments__evaluation-positive {
    position: relative;
    width: 100%;
    min-height: 1px;
    float: right;
}

    .c-comments__evaluation-positive > span {
        color: #00bfd6;
        width: 80px;
        font-size: 14px;
        line-height: 1.571;
        white-space: nowrap;
        float: right;
    }

        .c-comments__evaluation-positive > span.tnzz {
            color: #ff637d;
            width: 80px;
            font-size: 14px;
            line-height: 1.571;
            white-space: nowrap;
            float: right;
        }

.nght {
    float: right;
}

    .nght li {
        margin-bottom: 12px;
        padding: 0;
        padding-right: 17px;
        color: #5f5f5f;
        position: relative;
        display: block !important;
    }

        .nght li::before {
            width: 6px;
            height: 6px;
            background-color: #00bfd6;
            border-radius: 50%;
            content: "";
            position: absolute;
            top: 10px;
            right: 0;
        }

.ngz {
    float: right;
}

    .ngz li {
        margin-bottom: 12px;
        padding: 0;
        padding-right: 17px;
        color: #5f5f5f;
        position: relative;
        display: block !important;
    }

        .ngz li::before {
            width: 6px;
            height: 6px;
            background-color: #ff637d;
            border-radius: 50%;
            content: "";
            position: absolute;
            top: 10px;
            right: 0;
        }

.tnz {
    color: #ff637d;
    font-size: 16px;
    float: right;
    width: 100%;
    line-height: 40px;
    padding-right: 10px;
}

.tagNN {
    position: relative;
    float: right;
    width: auto;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    padding-right: 25px;
}

    .tagNN a {
        font-size: 12px;
        color: #999;
    }

    .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+');
    }

.dateo {
    float: right;
    width: 100%;
    font-size: 12px;
    color: #555;
    padding: 0 10px 10px 0;
}

.shopnn {
    float: right;
    width: 100%;
    font-size: 13px;
    color: #555;
    padding: 5px 10px 20px 0;
}

.c-params__title {
    color: #4d4d4d;
    font-size: 16px;
    line-height: 1.375;
    margin-bottom: 25px;
    letter-spacing: -.3px;
    position: relative;
    padding-right: 19px;
    float: right;
    width: 100%;
    margin-top: 50px;
}

    .c-params__title::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 7px;
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #00bfd6;
        border-style: solid;
        border-width: 7px 0 0 7px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.c-comments__likes {
    margin-top: 50px;
    position: relative;
    float: right;
    width: 100%;
    text-align: right;
    color: #777;
    font-size: 13px;
}

.btn-like {
    border-radius: 8px;
    border: 1px solid #ededed;
    background: #fff;
    padding: 2px 13px;
    color: #8c8c8c;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    margin-right: 17px;
}

.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=');
}

.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: right;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    border-radius: 4px;
}

.articlebox {
    float: right;
    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: right;
        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: right;
    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: right;
    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: right;
        width: 100%;
        border-radius: 4px;
        height: 245px;
    }

.mb20 {
    margin-bottom: 20px;
    float: right;
    width: 100%;
}

.relativeBox {
    position: relative;
}

.btnFl {
    position: absolute;
    left: 0;
    top: 0;
}

.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: left;
    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
}

.overlayC {
    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-right: -250px;
    z-index: 9999999;
    top: -1000px;
    transition: all 0.5s;
    border-radius: 5px;
    padding: 30px;
    max-width: 100%;
    max-height: 70%;
    overflow: auto;
}

.modalW {
    height: auto;
    min-height: 200px;
    width: 720px;
    background: #fcfcfc;
    position: fixed;
    right: 50%;
    margin-right: -360px;
    z-index: 9999999;
    top: -1000px;
    transition: all 0.5s;
    border-radius: 1px;
    padding: 30px;
    max-width: 100%;
    max-height: 70%;
    overflow: auto;
}

    .modalW h4 {
        margin-bottom: 12px;
        float: right;
        width: 100%;
        color: #565656;
        font-size: 14px;
        line-height: 1.571;
        letter-spacing: -.3px;
    }

.iconShare {
    float: right;
    width: 100%;
    padding: 10px 0;
}

.addressShare {
    float: right;
    width: 100%;
    border-top: 1px solid #eee;
    padding-top: 20px;
}

    .addressShare i {
        float: left;
        color: #ccc;
        font-size: 18px;
        margin-right: 15px;
    }

    .addressShare span {
        float: left;
        color: #ccc;
        font-size: 14px;
    }

.remodal-close {
    position: absolute;
    top: 15px;
    left: 15px;
    display: block;
    overflow: visible;
    margin: 0;
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s;
    text-decoration: none;
    color: #989898;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 23px;
    line-height: 1;
    padding: 5px;
    z-index: 100;
}

.modalcatC {
    height: auto;
    min-height: 200px;
    width: 768px;
    background: #fff;
    position: fixed;
    right: 50%;
    margin-right: -400px;
    z-index: 9999999;
    top: -1000px;
    transition: all 0.5s;
    border-radius: 5px;
    padding: 30px;
    max-width: 100%;
    max-height: 70%;
    overflow: auto;
}
.regbx{
    float:left;
    width:100%;
    position:relative;
}
.textreg {
    float: right;
    width: 40%;
    background-color: #f5f7fa;
    height:100%;
    height:auto;
 
    
}
    .textreg:before {
        content: '';
        float: right;
        width: 40%;
        background-color: #f5f7fa;
        position: absolute;
        height: 100%;
        z-index: -1;
        min-height: 1000px;
        bottom: 0;
    }
.c-reg-form__text {
    font-size: 14px;
    font-size: 1rem;
    line-height: 35px;
    color: #4f5154;
    margin-bottom: 0;
    display: block;
}
.c-reg-form__list {
    color: #52555c;
    font-size: 12px;
    font-size: .857rem;
    line-height: 25px;
    font-weight: 300;
    margin: 10px 0;
    padding: 0;
    list-style: none;
}
.c-new-login__sidebar-content {
    max-width: 300px;
    padding: 60px 20px 30px 20px;
    margin: auto;
}
.c-new-login__sidebar-header {
    margin-bottom: 60px;
    text-align: center;
}
.c-new-login__logo {
    display: inline-block;
    margin-bottom: 96px;
}

.uk-link, a {
    color: #1e87f0;
    text-decoration: none;
    cursor: pointer;
}
.c-new-login__header {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 35px;
    font-weight: 700;
    margin: 0 auto;
    padding: 0;
}
.c-reg-steps {
    margin: 0;
    padding: 0;
    list-style: none;
}
.c-reg-steps__item {
    position: relative;
    height: 140px;
    padding-right: 55px;
}
.c-reg-steps__icon--current {
    color: #fff!important;
    background-color: #57cfb1!important;
}

.c-reg-steps__icon--info {
    padding-left: 4px;
}

.c-reg-steps__icon {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #a0a7b2;
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 1.833;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: #e6e9ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.c-reg-steps__icon--current:after {
    background: -webkit-gradient(linear,left bottom,left top,from(#e6e9ed),color-stop(50%,#e6e9ed),color-stop(51%,#57cfb1),to(#57cfb1))!important;
    background: linear-gradient(0deg,#e6e9ed,#e6e9ed 50%,#57cfb1 51%,#57cfb1)!important;
}

.c-reg-steps__icon:after {
    position: absolute;
    top: calc(100% + 10px);
    left: calc(50% - 1px);
    content: "";
    width: 2px;
    height: 80px;
    background: #e6e9ed;
}


.c-reg-steps__icon:before {
    line-height: inherit;
}
.c-reg-steps__header {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 28px;
    font-weight: 700;
    margin: 0 0 5px;
}
.c-reg-steps__description {
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    margin: 0 0 10px;
}
.c-reg-steps__item--next p {
    color: #9b9d9f;
}
.formreg{
    float:left;
    width:60%;
    background:#fff;
    padding:50px 0;
    position:relative;
}
.bgLoginSeller {
    background: url(/Images/Design/bgLoginSeller.svg) no-repeat top transparent;
    background-size: 100% auto;
}
.modalLogin {
    height: auto;
    min-height: 200px;
    width: 470px;
    position: fixed;
    right: 50%;
    margin-right: -235px;
    z-index: -1000;
    top: 5%;
    transition: all 0.5s;
    max-width: 100%;
    max-height: 90%;
    display: none;
    padding: 0;
}

.openmodalLogin {
    z-index: 9999999;
    transition: all 0.5s;
    display:block
}
.tcomment {
    float: right;
    width: 100%;
    border-right: 1px solid #ededed;
    padding: 40px 40px 40px 10px;
    position: relative;
    text-align: justify;
    line-height: 34px;
    font-size: 14px !important;
}

.btn-defaultt {
    font-size: 16px;
    line-height: 1.375;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4;
    padding: 14px 31px;
    color: #fff;
    min-width: 180px;
    cursor: pointer;
}

.tcomment h3 {
    float: right;
    width: 100%;
    font-size: 17px !important;
    line-height: 32px;
}

.commentForm {
    float: right;
    width: 100%;
    padding: 40px 0 40px 50px;
    position: relative;
}

.c-comments-product__title {
    font-size: 22px;
    line-height: 32px;
    color: #494949;
    float: right;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    padding: 5px 0 25px 0;
}

.modalcomment {
    height: auto;
    min-height: 200px;
    width: 98%;
    top: 0;
    background: #fff;
    position: fixed;
    right: 1%;
    margin-right: 0;
    bottom: 0;
    z-index: 200;
    transition: all 0.5s;
    border-radius: 0;
    padding: 30px;
    max-width: 100%;
    overflow: auto;
    display: none;
    float: right;
    padding-top: 160px;
    padding-bottom: 100px;
}
.closemm {
    float: left;
    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-right: -400px;
    z-index: 99999999999;
    top: -1000px;
    transition: all 0.5s;
    border-radius: 5px;
    padding: 30px;
    max-width: 100%;
    max-height: 80%;
    overflow: auto;
}

.modalreportproduct {
    height: auto;
    min-height: 200px;
    width: 768px;
    background: #fff;
    position: fixed;
    right: 50%;
    margin-right: -400px;
    z-index: 99999999999;
    top: -1000px;
    transition: all 0.5s;
    border-radius: 5px;
    padding: 30px;
    max-width: 100%;
    max-height: 80%;
    overflow: auto;
}

.img-rep {
    float: right;
    width: 100%;
    height: auto;
}

.inputLeft {
    position: absolute;
    left: 7px;
    top: 7px;
    background: #fff;
    color: #333;
    font-size: 13px;
}

.modalcat h3, .modalcity h3, .modalcomment h3, .modalreport h3, .modalreportproduct 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;
}

.openmodalC {
    display: block;
    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: right;
        width: 100%;
        position: relative;
    }

        .list-items li a {
            width: 100%;
            float: right;
        }

        .list-items li span.ctmain, .list-items li span.citymain {
            width: 100%;
            float: right;
        }

.iccat {
    margin-left: 15px;
    font-size: 1.5rem;
    position: relative;
    top: 3px;
}

.iccat1 {
    font-size: 1.2rem;
    position: relative;
    top: 0px;
}

.icl {
    float: left;
    font-weight: 900;
    margin-top: 5px;
    position: absolute;
    left: 5px;
    top: 10px;
}

.minputPrice {
    position: relative;
    width: 100%;
    float: right;
}

.borderE {
    border-color: #eee !important;
}

.mb5 {
    margin-bottom: 5px;
}

input[type=number] {
    background: #fff;
}

.ml-0 {
    margin-left: 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: right;
    font-size: 12px;
    color: #575962;
}

.lPrice {
    width: 50%;
    border: 1px solid #eee;
    border-radius: 4px 0 0 4px;
    border-right: none;
    padding: 11px;
    float: right;
    font-size: 12px;
    color: #575962;
}

.cmain2 {
    display: none;
}

.backbtn, .backbtnc {
    float: right;
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
    cursor: pointer;
    color: #00c5dc !important;
    padding: 10px 0;
}

    .backbtn i, .backbtnc i {
        margin-left: 10px;
    }

.bgALL {
    background: #d70808 !important;
}

.colorALL {
    color: #d70808 !important;
}

.textProduct {
    float: right;
    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: left;
        }

            .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-right: 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: right;
        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: 16px;
    float: left;
}

.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: #ea1c24;
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    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 {
    float: right;
    width: 100%;
    
}

.drpshare {
    position: relative;
    width: 55px;
    float: left;
    height: 40px;
}

.icSearchM {
    display: none;
    margin-top: 6px;
    margin-left: 5px;
}

.mobileH {
    float: right;
    width: 100%;
    height: 155px;
    position: relative;
    top: 0;
}

.SPBG {
    background: url('../Images/Design/SP.png') no-repeat center right;
    background-size: 50% auto;
    float: right;
    width: 100%;
    padding: 15px 0;
    margin-top: 15px;
    margin-bottom:15px;
}

.SPBTN {
    width: 100%;
    height: 47px;
    padding: 10px 30px;
    background-color: #ef5661;
    border-radius: 7px;
    color: #fff;
    position: relative;
    margin: 15px 0 0 0;
    text-align: center;
    float: right;
}

@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);
    }
}

.topOffer {
    position: absolute;
    width: 100%;
    float: right;
    top: 75px;
    content: "";
    left: 0;
    right: 0;
    height: 170px;
    position: absolute;
    background-image: linear-gradient(83deg,#b500d0,#ff3a49) !important;
    background-color: rgba(255,80,98,.89);
}

    .topOffer:before {
        float: right;
        width: 100%;
        content: "";
        background: url('../Images/Design/bgoffer1.png') bottom center no-repeat;
        background-size: 80% auto;
        height: 170px;
    }

.o-headline {
    position: relative;
    float: right;
    width: 100%;
}

    .o-headline > h1 {
        color: #111;
        font-size: 18px;
        line-height: 31px;
        font-weight: 700;
        font-family: INTB;
        float: right;
        width: 100%;
        padding-right: 10px;
    }

.o-headlineOff {
    position: relative;
    float: right;
    width: 99.5%;
    background: #fff;
    border-radius: 5px 5px 0 0;
    text-align: center;
    margin-top: 65px;
    padding: 15px 0;
    margin-right: -1px;
}

    .o-headlineOff > h1 {
        color: #111;
        font-size: 18px;
        line-height: 31px;
        font-weight: 700;
        font-family: INTB;
        float: right;
        width: 100%;
        text-align: center;
    }

.boxCompare {
    float: right;
    width: 100%;
    overflow-x: scroll;
    position: relative;
}

.c-compare__list--header {
    margin-bottom: 28px;
    border-bottom: 2px solid #00bfd6;
    position: relative;
    float: right;
    width: 100%;
    top: 20px;
    z-index: 10;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    float: right;
}

.c-compare__list {
    list-style: none;
    padding: 0;
    margin-bottom: 47px;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
    border: 1px solid #e4e4e4;
    border-bottom-color: rgb(228, 228, 228);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    float: right;
    position: relative;
}

    .c-compare__list li {
        float: right;
        width: 25%;
    }

.c-compare__list-value:first-child {
    border-right: none;
}

.c-compare__list-value {
    width: 100%;
    float: right;
    position: relative;
    border-left: 1px solid #e4e4e4;
}

.c-compare__btn-remove {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f5f5f5;
    position: absolute;
    left: 12px;
    top: 12px;
    text-align: center;
    line-height: 30px;
    z-index: 4;
    cursor: pointer;
}

.c-compare__img {
    float: right;
    width: 100%;
    padding: 15px 0;
    text-align: center;
}

.c-compare__imgBox {
    float: right;
    width: 100%;
    padding: 5px 0;
    text-align: center;
}

    .c-compare__imgBox img {
        height: 120px;
        width: auto;
        display: inline-table;
    }

.titleCamp {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #222;
}

.btnAddComp {
    float: right;
    width: 100%;
    text-align: center;
    padding: 5px 35px;
}

.priceComp {
    float: right;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    color: #fb3449;
    font-size: 15px;
}

.c-compare__add {
    height: 25%;
    padding: 25px;
    text-align: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.c-compare__placement {
    border-radius: 19px;
    border: 5px dashed #d2d2d2;
    background: none;
    max-width: 270px;
    margin: auto;
    display: block;
    padding: 35px;
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467;
    color: #b3b3b3;
    cursor: pointer;
}

    .c-compare__placement::before {
        font-size: 30px;
        display: block;
        margin-bottom: 15px;
        font-weight: 800 !important;
        font-family: FontAwesome5 !important;
        position: relative;
        content: "\f067";
        color: #999;
        float: right;
        width: 100%;
    }

.fixBMob {
    position: relative;
    float: right;
    width: 100%;
}

.beefup__body img {
    max-width: 100%;
    height: auto !important;
}
.itemdown {
    position: relative;
    float: right;
    height: 100px;
    padding: 20px 80px 20px 105px;
    width: 100%;
    background-color: #efeef4;
    border-radius: 6px;
    z-index: 2;
    box-shadow: 0 3px 9.5px .5px rgba(0,0,0,.05);
    margin-top: 20px;
    overflow: hidden;
}

.itemdownimg {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    overflow: hidden;
}

    .itemdownimg img {
        float: right;
        height: 60px;
        width: 60px;
    }

.itemdowntitle {
    float: right;
    width: 100%;
    line-height: 30px;
    font-size: 15px;
    color: #333;
    text-align: right;
    padding: 0 15px;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
    height: 70px;
}

    .itemdowntitle h3 {
        width: 100%;
        line-height: 30px;
        font-size: 14px !important;
        color: #666 !important;
        text-align: right;
        font-weight: normal !important;
        margin-bottom: 0 !important;
        vertical-align: middle !important;
        position: relative;
        top: 42%;
        bottom: auto;
        transform: translate(0,-50%);
    }

.itemdownbtn {
    display: block;
    text-align: center;
    position: absolute;
    left: 20px;
    top: 30px;
    line-height: 45px;
    font-size: 14px;
    border-radius: 100px;
    color: #fff;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    overflow: hidden;
    float: left;
    height: 40px;
    line-height: 40px;
    width: 90px;
    min-width: 90px;
    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%);
}
.boxw2 {
    position: relative;
    float: right;
    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;
    }
.boxw5 {
    position: relative;
    float: right;
    width: 100%;
    z-index: 2;
    height: auto;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #555;
    transition: all 0.5s;
    /*box-shadow:0 0 6px #eee;*/
    text-align: center;
}

    .boxw5:hover {
        box-shadow: 0 0 10px #eee;
        transition: all 0.5s;
    }

    .boxw5 .ItemImage {
        height: 120px;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
    }
.mb202 {
    margin: 20px 0;
    float: right;
    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: right;
    width: 100%;
    z-index: 2;
    height: auto;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #555;
    transition: all 0.5s;
    text-align: center;
}



    .boxw3 .ItemImage {
        height: 40px;
        width: 40px;
        float: right;
    }

.mb203 {
    text-align: right;
    margin: 10px 20px 0 0;
    float: right;
    transition: all 0.7s;
    color: #111;
    font-weight: bold;
    font-size: 14px;
    font-family: INTB;
}

.contentboxw3 {
    width: 100%;
    float: right;
    font-size: 12px;
    text-align: justify;
    margin-top: 15px;
    line-height: 25px;
    color: #777
}

.boxw4 {
    position: relative;
    float: right;
    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: right;
    }
.bocx h2, .bocx h3, .bocx h4, .bocx h5, .bocx h6 {
    position: relative;
    width: 100%;
    font-weight: 700;
    text-align: right;
    font-size: 20px;
    font-family: INTB;
    color: #222;
    margin-bottom: 20px;
}

.bocx ul {
    position: relative;
    width: 100%;
}

    .bocx ul li {
        /*padding-right: 1.12rem;*/
        position: relative;
        line-height: 1.56rem;
        text-align: justify;
        float: right;
        font-size: .8rem;
    }

        /*.bocx ul li::after {
            background-color: #56c7da;
            width: 8px;
            height: 8px;
            position: absolute;
            content: '';
            right: 0;
            top: 8px;
            border-radius: 50%;
        }*/

.bocx ol {
    position: relative;
    width: 100%;
}

    .bocx ol li {
        position: relative;
        line-height: 28px;
        font-size: 13px;
        color: #666;
        text-align: justify;
        margin-bottom: 10px;
        padding-right: 1.87rem;
    }

        .bocx ol li::after {
            position: absolute;
            content: '';
            top: 3px;
            right: 0;
            width: 1.25rem;
            height: 1.25rem;
            background-color: #36bc77;
            border-radius: 50%;
            background-size: 70%;
            background-position: center;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIgogICAgIHZpZXdCb3g9IjAgMCAyNCAyNCIKICAgICBzdHlsZT0iZmlsbDojRkZGRkZGOyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAxOS4yODEyNSA1LjI4MTI1IEwgOSAxNS41NjI1IEwgNC43MTg3NSAxMS4yODEyNSBMIDMuMjgxMjUgMTIuNzE4NzUgTCA4LjI4MTI1IDE3LjcxODc1IEwgOSAxOC40MDYyNSBMIDkuNzE4NzUgMTcuNzE4NzUgTCAyMC43MTg3NSA2LjcxODc1IFogIj48L3BhdGg+PC9nPjwvc3ZnPg==');
        }

.bocx blockquote {
    padding: 40px 30px 40px 30px;
}


@media(max-width:768px) {
    .maptext {
        height: auto;
    }
    .logoFooter {
        background: url('../Images/Pic/SettingIndex/LogoFooter.png') no-repeat right;
        background-size: auto 60px;
    }
    .boxlogofooter{
        padding-right:15px;
    }
    .footer_top, .footershadow {
        border-bottom: none;
        padding-bottom: 15px;
    }
        .footer_top::after, .footershadow::after {
            display: none;
        }
    .tell__nums {
        padding-left: 0;
    }
    .box20, .box30, .box50 {
        width: 100%;
    }
    .tm-about-description {
        border-left: none;
        border-right: none;
        padding: 20px 15px;
    }
    .btnSoNew {
        float: right;
        margin-right: 0;
        margin-left:15px;
    }
  
    .ecome-heading.style5v3 h3 {
        font-size: 14px;
    }
    .ecome-heading .btn-show {
        font-size: 13px;
        color: #999999;
        width: 105px;
        line-height: 44px;
        height: 46px;
    }
    .title-icon.t-inline h3 {
        background: #fbfbfb;
        padding-right: 10px;
    }
    .ecome-heading.style5v3 h3 {
        padding-left: 10px;
    }
    .zemanatContent2 {
        display: none;
    }
    .zemanatContent1 {
        font-size:12px;
        height:35px;
        font-family:INTL
    }
    .zemanat {
        padding: 18px 65px 16px 8px;
    }
    .zemanatimg {
        height: 40px;
        width: 40px;
        padding:0;
    }
    .o-headline > span, .o-headline > span::before, .o-headline > span::after, .o-headline::after {
        display: none;
    }
    .closemm {
        left: 20px;
        top: 80px;
    }
    .formreg,.textreg {
        width: 100%;
    }
    .formreg {
        width: 100%;
        padding:20px;
    }
    .bannerInHeader {
        display: none;
    }
    .beefup__head .bgggg {
        right: -12px;
    }

    .beefup__head .bgwwww {
        right: -10px;
    }

    .c-product__guaranteed {
        display: none;
    }

    .modalcat, .modalcity, .modalcatC, .modalW, .modalLogin, .modalreportproduct, .modalreport {
        width: 90%;
        right: 5%;
        margin-right: 0;
    }
        .modalLogin{
            overflow-y:auto;
        }
        .formAccount3 {
            width: 100%;
            max-width: 100%;
        }
    .comments__list {
        padding: 20px;
    }
    .mm100{
        width:100%;
        float:right;
        margin-bottom:20px;
    }
    .btn-like {
        margin-right: 0;
        margin-left:10px;
    }
    .modalcomment {
        padding: 10px;
        padding-top: 60px;
    }

    .commentForm {
        float: right;
        width: 100%;
        padding: 40px 0 40px 0;
        position: relative;
    }

    .tcomment {
        float: right;
        width: 100%;
        border-right: none;
        padding: 10px;
    }
}

@media(max-width:1270px) {
    .hidel {
        display: none !important;
    }
}

@media(max-width:1040px) {
    .hidelm {
        display: none !important;
    }

    .m70 {
        width: 100%;
    }

    .m30 {
        display: none;
    }
    .m80 {
        width: 100%;
    }

    .m20 {
        display: none;
    }
    .boxSearchMobile {
        display: block;
    }

    .btnASearch {
        background: #eaeae8;
        padding: 0px 10px 8px 10px;
        line-height: 5px;
        font-size: 11px;
        float: right;
        border-radius: 4px;
        cursor: pointer;
        margin-right: 10px;
        border: 1px solid #ddd;
        position: relative;
        margin-top: 10px;
    }

        .btnASearch i {
            position: relative;
            top: 3px;
            margin: 0 3px;
        }

    .owl-dots {
        display: none;
    }

    .c-header__search {
        width: 100%;
    }

  
    .mobileH {
        float: right;
        width: 100%;
        height: 67px;
    }

    .c-header__search {
        width: 100%;
    }
}

@media(max-width:980px) {
    .colNS_2, .colNS_3, .colNS_4, .colNS_5 {
        width: 50%;
    }

    .colNS_1, .colNS_6 {
        width: 50%;
    }
    .counterSP {
        float: left;
        direction: ltr;
        width: 100%;
        font-size: 14px !important;
        color: #fb3449 !important;
        font-family: INT !important;
        letter-spacing: 0 !important;
        font-weight: normal !important;
    }

    .counterSPN {
        width: auto !important;
    }

    .nav-btn {
        margin-top: 0;
    }

    .pronew {
        position: relative;
        width: 50%;
        float: right;
        max-width: 480px;
        padding: 50px;
        overflow: hidden;
        height: auto;
    }

    .contentBox img, .contentBox video, .contentBox audio {
        max-width: 100%;
        height: auto !important;
    }
    
    .boxleftp {
        float: right;
        width: 100%;
        padding-right: 0;
    }

    .cardServices, .slideIndex, .slideIndex img {
        height: auto !important;
    }

    .rightCv {
        width: 100%;
        border-left: none;
    }

    .leftCv {
        width: 100%;
    }
}

@media(max-width:830px) {
    .c-listing__items > li {
        width: 33.333%;
    }



    .c-product__gallery {
        border-left: none;
        float: right;
        width: 100%;
        margin: 0 -.5rem;
        padding: 0 15px;
    }

    .c-product__info {
        float: right;
        width: 100%;
        padding: 0;
    }

    .c-product__config {
        width: 100%;
        float: right;
        padding-top: 5px;
        border-top: none;
        min-height: 50px;
        margin-left: 0;
    }

    .slideIndexP {
        display: none;
    }

    .slideIndexPM {
        display: block;
    }

    .c-product__title {
        float: right;
        width: 100% !important;
    }

    .c-product__title-en {
        position: relative;
        width: 100% !important;
        float: right;
    }

    .buybox {
        float: right;
        width: 100%;
        background-color: #f5f5f5;
        border: 1px solid #e4e4e4;
        border-radius: 5px;
        padding: 15px;
    }

    .qPreceBox {
        float: right;
        width: 100%;
    }

    .cd-tabs__navigation {
        width: 430px;
        overflow: hidden;
        background: #fff;
    }

        .cd-tabs__navigation a {
            padding: 0 15px;
        }

    .c-compare__list li {
        float: right;
        width: 220px !important;
    }

    .c-compare__list {
        width: 1500px;
    }

    .btnAddComp {
        padding: 5px 10px;
    }

    .buttonSE {
        padding: 10px 20px 11px 20px;
    }

    .fixedCamHeader {
        width: 220px !important;
    }
}

@media(max-width:768px) {
    .tell i {
        font-size: 24px;
        top: 1px;
        display: none;
    }

    .tell__num {
        font-size: 22px;
    }
    .downFooter {
        padding: 20px 0;
    }
    .colNS_2, .colNS_3, .colNS_4, .colNS_5 {
        width:100%;
    }

    .colNS_1, .colNS_6 {
        width: 100%;
    }
    /*.namaditem {
        float: right;
        height: 80px;
        width: 80px;
        border-radius: 5px;
        background-color: #f0f0f0;
        border: 1px solid #e5e5ea;
        padding: 10px;
        text-align: center;
        overflow: hidden;
        margin-right: 10px;
    }

        .namaditem img {
            display: inline-table;
            max-width: 70px;
        }*/
    .imgRepay {
        position: absolute;
        height: 80px;
        width: 80px;
        top: 0;
        right: 00px;
        margin: 0;
    }
    .imgRepay img{
        height: 80px;
        width: 80px;
    }
    .itemRepay2, .itemRepay{
        padding: 10px 100px 10px 0;
    }
    .sortbox {
        width: 100%;
    }

    .c-ui-variantB input[type="radio"]:not(:checked) + span {
        margin-right: 0;
    }

    .subheader {
        box-shadow: 0 7px 8px 0 rgba(0,0,0,.04);
    }

    .o-headlineOff {
        width: 100%;
        margin-right: -1px;
    }

    .btn-checkout2 {
        width: 100%;
    }

    .fixBMob {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        padding: 15px;
        background: #f2f2f2;
        z-index: 99;
    }

    .img-checkout {
        width: 100%;
        margin-right: 0;
    }

    .title-checkout {
        font-size: 12px;
        margin-top: 2px;
    }

    .item--checkout {
        font-size: 10px;
    }

    .newprice {
        font-size: 14px;
    }

    .newpriceTXT {
        font-size: 12px;
    }

    .c-listing__items > li {
        height: auto;
        width: 100%;
    }

    .c-promotion__badge {
        text-align: right;
    }

    .cardServicesPros {
        float: right;
        width: 100%;
        height: auto !important;
        margin-bottom: -1px;
    }

    .topOffer {
        top: 24px;
    }

    .cardServicesPros .imgBox {
        float: right;
        width: 30%;
        position: relative;
        bottom: 0;
        height: auto !important;
        overflow: hidden;
    }

        .cardServicesPros .imgBox img {
            float: none;
            display: inline-table;
            width: 100%;
            height: auto;
        }

    .cardServicesPros .contentProducts {
        float: right;
        width: 70%;
    }

    .cardServicesPros h3 {
        position: relative;
        font-size: 13px;
        font-weight: 700;
        color: #2f2f2f;
        float: right;
        width: 100%;
        padding: 30px 0 20px 0;
        text-align: right;
        line-height:25px;
    }

    .cardServicesPros .content {
        text-align: center;
        position: relative;
        font-size: 12px;
        font-weight: 400;
        color: #515356;
        line-height: 19.13px;
        float: right;
        width: 100%;
        text-align: right;
    }

    .c-product-box__price-item {
        float: right;
        width: 100%;
        margin-top: 20px;
        text-align: right;
    }

    .footershadow {
        padding: 0;
    }

    .copyRight {
        border-top: 0;
        padding: 5px 0 5px 0;
    }

    .itemService41, .textFooter {
        display: none !important;
    }

    .c-footer__contact {
        padding-bottom: 15px;
    }
    .namaditem{
        float:right;
    }
    .c-footer__address-images img {
        float: right;
        margin-left: 10px;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .c-new-price__discount {
        display: none;
    }

    .c-new-price__discountM {
        display: block;
    }

    .c-new-price {
        float: none;
        display: inline-table;
        text-align: center;
    }

    .c-new-price__old-value del {
        width: 100%;
        text-align: center;
    }

    .cardServicesPro h3 {
        padding: 10px 0 10px 0;
        font-size: 13px;
        height:40px;
        overflow:hidden;
    }

    .cardServicesPro .content {
        font-size: 11px;
    }

    .c-header__search {
        display: none;
    }

    .adsItem_3, .adsItem_4, .adsItem_5, .adsItem_6 {
        display: none;
        visibility: hidden;
    }

    .adsItemT_2, .adsItemT_3, .adsItemT_4 {
        display: none;
        visibility: hidden;
    }
   
    .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: right;
    }

    .boxservindex {
        padding: 20px 30px;
    }

    #particle-canvas1 {
        background-position: right center !important;
    }

    .servicesBox1 {
        background-size: 800px auto;
    }

    .cardServicesPro .imgBox {
        height: 155px !important;
    }

        .cardServicesPro .imgBox img {
            height: 155px !important;
        }

    .cardServicesPro .content {
        display: none;
    }

    .cardServicesPro {
        padding: 0;
        height: 275px !important;
        padding-top: 15px;
    }

    .cardServicesProSP {
        padding: 0;
        height: 263px !important;
    }

    .cardServicesPro h3 {
        font-size: 11px !important;
        float: right;
        width: 100%;
        padding: 0 10px;
        line-height: 18px;
    }
    .golink{
        display:none;
    }
    .counterMM {
        float: right;
        width: 100%;
        text-align: center;
        border-top: 1px solid #ddd;
        padding-top: 10px;
        position: absolute;
        bottom: 10px;
    }

    

    .separator {
        padding: 2px;
    }

    .c-new-price__old-value del {
        font-size: 10px;
    }

    .c-new-price__value {
        font-size: 14px;
    }

    .c-product-box__price-item {
        margin-top: 0;
    }

    .linkindex, .linkindex img {
        height: auto;
    }
    /*.servicesBox1 {
        background: url('../Images/Design/bgParRes.jpg') center;
    }*/
    .contentFooter {
        border-left: 0;
    }

    .indexText {
        padding: 25px 5px;
        margin: 10px 0;
    }

    .box_blog {
        padding-right: 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: left;
        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;
        padding: 15px 15px 0 15px;
    }

    .img_wid {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .box_blog .info {
        padding: 20px;
        height: 100%;
        width: 100%;
        padding-top: 0;
    }

    .titleJ {
        text-align: right;
        color: #21e3b9;
        font-size: 14px;
        font-family: INT;
        margin: 5px 10px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 20px;
    }

    .tags span {
        float: right;
        margin-bottom: 10px;
        margin-left: 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-right: 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: right;
        width: 48.5%;
        margin-right: 1%;
        height: 150px;
    }

        .newsSpecialItem img {
            float: right;
            width: 100%;
            height: 150px;
        }

    figure.snip1432 h2,
    figure.snip1432 h3 {
        padding: 0 10px;
    }

    figure.snip1432 h3 {
        font-size: 10px !important;
        height: 20px;
    }

    .aboutus {
        float: right;
        width: 100%;
        height: 370px;
        background-size: 100%;
    }

    .servicesBoxNewW {
        background: none;
        box-shadow: none;
        border-top: none;
        margin-top: 10px;
        padding: 10px 0;
    }

    .c-gallery__options {
        display: none;
    }

    .c-gallery__optionsM {
        display: block;
    }
}

.c-header__searchBB {
    display: block !important;
}

@media(max-width:600px) {
    .btn-get-code {
        position: fixed;
        left: 20px;
        bottom: 20px;
        z-index: 1000
    }
    ul.AttrB {
        list-style: none;
        padding: 0;
        max-width: 100%;
        float: right;
        margin-top: 15px;
    }

    .c-ui-variantB input[type="radio"]:checked + span {
        margin-right: 0 !important;
    }

    .icSearchM {
        display: block;
    }

    .leftIconAc {
        float: left;
        min-width: 160px;
    }
}

@media(max-width:480px) {
   
    /*.btn-get-code {
        height: 50px;
        padding: 7px 15px 0 13px;
        margin:5px 0
    }
    .btn-get-code-right {
        width: 100%;
    }
    .bt-title {
        font-size: 10px;
        font-weight: 400;
    }
    .bt-title2 {
        font-size: 12px;
    }
    .btn-get-code-left {
       display:none;
    }*/
    
    .left-text-call {
        color: #949ba6;
        font-size: 12px;
        font-weight: 700;
    }
    .dividerbox{
        display:none;
    }
    .cardPanelNew {
        padding: 20px 20px;
    }
    .flashtopbox {
        display: none;
    }
    .tell {
        max-width: 141px;
    }
  
    .toastify {
        width: 100% !important;
        background: #58d1e0
    }
    .cardServicesPro {
        height: 240px !important;
    }
    .c-product-box__price-item {
        bottom: 10px;
    }
    .btn-checkout2 {
        width: 100%;
    }

    .c-product-gallery__offer-img {
        height: 17px;
    }

    .summary2 {
        text-align: justify;
        padding: 0px;
    }

    .fixedTab {
        margin-top: -2px;
    }

    .totalPriceFactor {
        margin-top: 10px;
    }

   

    .cardServicesPros .imgBox {
        width: 35%;
    }

    .cardServicesPros .contentProducts {
        width: 65%;
    }

    .zemanatbox {
        display: none;
    }

    .iconAc {
        float: left;
        margin: 9px 7px 10px;
    }

    .cardServicesPro .imgBox {
        height: 135px !important;
    }

        .cardServicesPro .imgBox img {
            height: 135px !important;
        }
    .cardServicesProSP .imgBox {
        height: 110px !important;
    }

        .cardServicesProSP .imgBox img {
            height: 110px !important;
        }
    .c-header__btn-login {
        padding: 5px 12px 8px 12px;
        margin-left: 10px;
        max-width: 70px;
        overflow: hidden;
        margin-top: 2px;
    }

    .bass {
        float: left;
        min-width: 40px;
        border-right: none;
        padding-right: 7px;
        margin-top: 10px;
    }

    .PBItems {
        width: 100%;
        margin-top: 0;
        padding: 0;
    }

    .pronew {
        position: relative;
        width: 100%;
        float: right;
        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;
    }

    .logo {
        width: 140px !important;
        background-size: 95% auto !important;
    }

    .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;
    }



    .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;
        }

    .footer {
        padding: 10px 0 30px 0;
    }

    .footertextm {
        padding: 0 15px;
    }

    .usersabout {
        padding: 0 20px;
    }

    .cvbuilder {
        padding: 50px 20px;
    }

    .cvbuilderTitle {
        font-size: 17px;
    }

    .cvbuilderTitle1 p {
        font-size: 14px;
    }

    .newsSpecialItem {
        float: right;
        width: 48.5%;
        height: 130px !important;
    }

        .newsSpecialItem img {
            float: right;
            width: 100%;
            height: 130px !important;
        }

    figure.snip1432 h3 {
        display: none;
    }

    .newsSpecialItem h2 {
        width: 100%;
        font-size: 13px !important;
        overflow: hidden;
        padding-bottom: 10px !important;
    }

    .newsSpecialItem-1 h2 {
        font-size: 17px !important;
        padding-bottom: 30px !important;
    }
}

@media(max-width:380px) {
    .m-dropdown {
        width: 33px !important;
    }

    .leftIconAc {
        float: left;
        min-width: 139px;
    }

    .logo {
        width: 140px !important;
    }
}

@media(max-width:320px) {
    .logo {
        width: 120px !important;
    }
}

@media(max-width:1040px) {
    .newsSpecialItem {
        float: right;
        width: 49.5%;
        height: 200px;
    }

    .newsSpecialItem-2, .newsSpecialItem-4 {
        margin-right: 0 !important;
    }

    .newsSpecialItem img {
        float: right;
        width: 100%;
        height: 200px;
    }

    .newsSpecialItem-1 {
        float: right;
        width: 100%;
        margin-right: 0 !important;
        height: auto !important;
    }

        .newsSpecialItem-1 img {
            float: right;
            width: 100%;
            height: auto !important;
        }

    .header {
        padding: 0;
    }


    .nav-flat-wrap {
        display: none;
        visibility: hidden;
    }
}

.row .col {
    padding: 0 0.5rem !important;
}

.colorWW {
    color: #fff !important;
}

.detailJobTex .table, .detailJobTex .table td {
    border: 1px solid #ccc;
}

.detailJobTex .table {
    margin: 20px 0 !important;
}

.catfile {
    float: right;
    width: 100%;
    border-right: 5px solid #4934fb;
    margin-top: 20px;
    background: rgb(235 249 255 / 99%);
    border-radius: 5px;
    padding: 10px 20px;
    color: #555;
    font-weight: 900;
    font-family: intb;
}





.lightgallery {
    direction: ltr !important;
}