html {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@font-face {
    font-family: pyidaungsu;
    src: url(font/Pyidaungsu-253Regular.eot);
    src: url(font/Pyidaungsu-253Regular.eot?#iefix) format("embedded-opentype"), url(https://welldone.asia/css/font/Pyidaungsu-253Regular.otf) format("opentype"), url(font/Pyidaungsu-253Regular.svg) format("svg"), url(https://welldone.asia/css/font/Pyidaungsu-253Regular.ttf) format("truetype"), url(https://welldone.asia/css/font/Pyidaungsu-253Regular.woff) format("woff"), url(https://welldone.asia/css/font/Pyidaungsu-253Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: zawgyi-one;
    src: url(font/Zawgyi-OneV312.eot);
    src: url(font/Zawgyi-OneV312.eot?#iefix) format("embedded-opentype"), url(font/Zawgyi-OneV312.otf) format("opentype"), url(font/Zawgyi-OneV312.svg) format("svg"), url(font/Zawgyi-OneV312.ttf) format("truetype"), url(font/Zawgyi-OneV312.woff) format("woff"), url(font/Zawgyi-OneV312.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ArialMT;
    src: url(fonts/Arial.eot);
    src: url(fonts/Arial.eot?#iefix) format("embedded-opentype"), url(fonts/Arial.otf) format("opentype"), url(fonts/Arial.svg) format("svg"), url(fonts/Arial.ttf) format("truetype"), url(fonts/Arial.woff) format("woff"), url(fonts/Arial.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: CenturyGothic;
    src: url(font/CenturyGothic.eot);
    src: url(font/CenturyGothic.eot?#iefix) format("embedded-opentype"), url(https://welldone.asia/css/font/CenturyGothic.otf) format("opentype"), url(font/CenturyGothic.svg) format("svg"), url(https://welldone.asia/css/font/CenturyGothic.ttf) format("truetype"), url(https://welldone.asia/css/font/CenturyGothic.woff) format("woff"), url(https://welldone.asia/css/font/CenturyGothic.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

#pc-menu-cat {
    display: inline-block
}

.quote-btn {
    background-color: #5392f2 !important;
    width: 161px;
    padding: 15px;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #fff !important;
    border-radius: 5px;
    height: 50px !important;
    width: 100%;
    margin-top: 10px
}

#pc-menu-cat>li {
    display: inline-block
}

#other-page-header {
    width: 100%;
    border: 0;
    position: relative;
    background: rgba(0, 0, 0, .8);
    height: 80px;
    position: relative
}

#homepage .navbar {
    background-image: none !important;
    position: relative !important
}

.navbar {
    border-radius: 0;
    margin-bottom: 0 !important;
    position: absolute;
    z-index: 9999
}

.navbar-form .input-group>.form-control {
    width: 240px;
    border-radius: 5px 0 0 5px
}

.navbar-form {
    width: 340px;
    padding-top: 0;
    padding-left: 0 !important;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 1;
    color: #000 !important
}

.dropdown-menu a {
    color: #000 !important;
    padding: 12px 16px;
    text-decoration: none;
    display: inline-block !important
}

.dropdown-menu li a:hover {
    background-color: #ddd;
    color: #9b2335
}

.dropdown:hover .dropdown-menu {
    display: block
}

.dropdown a:hover {
    color: #000
}

.navbar-toggle .icon-bar {
    background-color: #fff
}

.nav>li>a:focus,
.nav>li>a:hover {
    color: #000;
    background-color: #fff
}

#banner1 {
    display: none;
    width: 100%;
    background-image: url(../welldone_1stbanner.png);
    height: 100vh;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 0
}

#banner2 {
    height: 100vh;
    overflow: hidden
}

#banner2 p {
    text-align: center;
    margin-bottom: 0
}

#banner2 p img {
    width: 100%
}

.hb_bocap {
    width: 100%;
    position: absolute;
    bottom: 0
}

.hb_cap h2 {
    font-size: 22px;
    color: #000
}

.carousel-control,
.carousel-control:hover {
    background: 0 0 !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: centurygothic !important;
    font-weight: 300 !important
}

a,
input,
li,
p,
table,
td,
textarea,
tr,
ul {
    font-family: pyidaungsu, Helvetica, Arial !important;
    font-weight: 350 !important
}

body,
html {
    font-size: 100%;
    background: #F1F3F8;
    margin: 0;
    color: #5a5a5a;
    overflow-x: hidden;
    font-family: pyidaungsu, Helvetica, Arial !important
}

.light-h3 {
    font-family: centurygothic !important
}

.hideabletop {
    background: #fff;
    background-image: url(../img/alert.jpg);
    background-repeat: no-repeat;
    background-size: 200px !important;
    background-position-x: -60px;
    background-position-y: -10px;
    width: 100%
}

.topclose {
    border: thin solid #f0f0f0;
    border-radius: 50px;
    font-size: 10px;
    color: #cfcfcf;
    padding: 5px 20px;
    float: right;
    margin: 20px 10px;
    cursor: hand
}

.toptext {
    padding: 20px;
    font-size: 14px;
    text-align: center
}

.clear {
    clear: both
}

.footer {
    background-color: #000;
    color: #fff;
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 20px
}

.footer h3 {
    color: #fff
}

.copyright-p a,
.footer-menu-p a {
    color: #fff;
    font-size: 14px;
    font-weight: 300 !important
}

.footer-menu-p a:hover {
    color: #fff
}

.footer_line hr {
    color: #969696 !important;
    border-top: 1px solid #333 !important;
    margin-top: 50px;
    margin-bottom: 50px
}

.copyright p {
    font-weight: 500;
    padding-top: 20px;
    text-align: right;
    color: #fff;
    font-size: 14px
}

.home-page-body {
    padding-left: 0;
    padding-right: 0;
    background-color: #F1F3F8
}

#headcon {
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 30px;
    padding-right: 30px
}

.home-product-item:hover {
    transform: translate(0, -2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .16)
}

.home-head {
    color: #000;
    font-size: 22px;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 15px !important
}

.home-cat {
    padding-right: 9px !important;
    padding-left: 9px !important;
    margin-bottom: 10px
}

.home-ctitle {
    position: absolute;
    bottom: 10px;
    left: 30%;
    font-size: 14px;
    font-weight: 200;
    color: #fff
}

.home-cat-item {
    position: relative;
    cursor: pointer;
    border-radius: 3px;
    transition: all .32s ease;
    opacity: .9;
    background-color: #eee;
    margin-bottom: 8px;
    overflow: hidden
}

.home-cat-item:hover {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.1);
    opacity: 1
}

.home-how {
    padding-top: 20px;
    padding-bottom: 20px
}

.home-profile {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    font-weight: 700
}

.homebt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 50px;
    background-color: transparent;
    border: 2px solid #000
}

.homebt:hover {
    color: #fff;
    background-color: #000
}

.product-item {
    border: 0 solid #e0e0e0;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    will-change: transform;
    overflow: hidden;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    height: 400px;
    padding: 0;
    margin-bottom: 32px;
    background: #fff
}

.product-item:hover {
    transform: translate(0, -2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .16)
}

.img-cover {
    object-fit: cover
}

.fa {
    padding: 7px;
    font-size: 27px;
    width: 43px;
    text-align: center;
    text-decoration: none;
    margin: 20px 2px;
    border-radius: 50%
}

.fa:active,
.fa:focus,
.fa:hover {
    opacity: .9;
    color: #fff;
    text-decoration: none
}

.fa-facebook {
    background: #9b2335;
    color: #fff
}

.fa-instagram {
    background: #9b2335;
    color: #fff
}

.fa-twitter {
    background: #9b2335;
    color: #fff
}

.fa-dribbble {
    background: #9b2335;
    color: #fff
}

.glyphicon {
    top: 3px
}

.glyphicon.glyphicon-heart {
    cursor: pointer
}

.glyphicon.glyphicon-heart:hover {
    color: red
}

.glyphicon.glyphicon-red-heart {
    color: red
}

.glyphicon-ok {
    color: #dcdcdc
}

.bg-primary {
    background-color: transparent
}

#searchbut {
    height: 50px;
    background: #f5a623;
    color: #fff;
    border: 0;
    width: 100px;
    font-weight: 200
}

hr {
    margin-bottom: 0 !important;
    border-color: #f0f0f0 !important
}

.btn-danger {
    width: 100%;
    font-size: 18px;
    padding: 10px
}

a {
    text-decoration: none;
    color: #000
}

td {
    height: 30px;
    vertical-align: bottom
}

input[type=submit] {
    background-color: #dc143c;
    color: #fff;
    padding: 5px;
    height: 50px;
    border-radius: 5px;
    font-size: 14px;
    outline: -webkit-focus-ring-color auto 0
}

.button {
    font-size: 14px;
    padding: 10px;
    width: 200px;
    height: 40px;
    background-color: transparent;
    border: 1px solid #dc143c;
    color: #dc143c;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease-out
}

.button:hover {
    background: #dc143c;
    color: #fff
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    transition: opacity .5s;
    visibility: hidden;
    opacity: 0
}

.overlay:target {
    visibility: visible;
    opacity: 1
}

.inputButton {
    width: 200px;
    padding: 8px 12px;
    border-radius: 2px;
    margin-top: 8px
}

button[disabled],
html input[disabled] {
    opacity: .4;
    cursor: not-allowed
}

.active {
    color: #e94b3c !important
}

a:hover {
    text-decoration: none
}

a:hover {
    color: #000
}

.popup {
    margin: 200px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: relative;
    transition: all 5s ease-in-out
}

.popup h3 {
    margin-top: 0;
    color: #333
}

.popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all .2s;
    font-size: 30px;
    font-weight: 700;
    text-decoration: none;
    color: #333
}

.popup .close:hover {
    color: #9b2335
}

.popup .content {
    max-height: 50%;
    overflow: auto
}

.popup-header {
    height: 20px;
    background-color: red
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px
}

#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px
}

#caption,
.modal-content {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: .6s;
    animation-name: zoom;
    animation-duration: .6s
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: 700;
    transition: .3s
}

.close:focus,
.close:hover {
    color: #bbb;
    text-decoration: none;
    cursor: pointer
}

.rating {
    border: none;
    float: left
}

.rating>input {
    display: none
}

.rating>label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005"
}

.rating>label {
    color: #ddd;
    float: right
}

.online {
    background: green;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    z-index: 1000;
    position: absolute;
    margin-left: 80px;
    margin-top: 80px;
    border: solid 3px #fff
}

#firba {
    padding-top: 30px !important
}

.way {
    list-style: none;
    padding-left: 0
}

.way li {
    padding: 20px;
    display: inline-block
}

.way li p {
    color: #fff;
    letter-spacing: .5px;
    font-size: 14px
}

.ft {
    font-size: 14px;
    padding-top: 20px
}

.copyright-p,
.footer-menu-p {
    font-size: 14px;
    padding: 20px 0 0;
    line-height: 35px
}

.user {
    height: 36px;
    float: left;
    width: 36px;
    border-radius: 50%
}

.price {
    text-align: right;
    color: #21ba45;
    font-size: 14px;
    font-weight: 100
}

.cat {
    position: relative;
    cursor: pointer;
    border-radius: 3px;
    transition: all .32s ease;
    opacity: .9;
    background-color: #eee;
    margin-bottom: 8px;
    overflow: hidden
}

.cat:hover {
    opacity: 1
}

.ctitle {
    position: absolute;
    bottom: 25px;
    left: 25px;
    font-size: 17px;
    font-weight: 300;
    color: #fff
}

.gradientbk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 0 0;
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, .6)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .6) 100%)
}

.revise {
    padding-top: 20px;
    color: #000;
    font-weight: 350;
    overflow: hidden
}

.chat {
    margin-top: 20px;
    border: 2px solid red;
    background-color: #fff;
    color: red;
    padding: 10px 28px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 3px;
    width: 100%
}

.checkinbody {
    border-radius: 5px;
    padding: 20px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    margin-right: 2%;
    margin-bottom: 36px
}

.checkinbody img {
    border-radius: 5px;
    float: left;
    width: 50%;
    margin-right: 5%
}

.checkintxt {
    width: 40%;
    font-size: 12pt;
    padding: 15px;
    float: left
}

.checkintxt .ad {
    font-size: 8pt;
    color: #cfcfcf
}

.checkintxt h3 {
    margin-top: 0;
    font-size: 20px
}

.checkin {
    font-size: 10pt;
    width: 30%;
    background: #fff;
    padding: 2%;
    border-radius: 5px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05)
}

.checkinbut {
    background-color: #5392f2 !important;
    font-weight: 400;
    padding: 10px;
    float: left;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #fff !important;
    border-radius: 5px;
    height: 42px !important;
    margin-top: 20px;
    display: none;
    width: 100%
}

.checkinbutdis {
    background-color: #f0f0f0 !important;
    font-weight: 400;
    padding: 10px;
    float: left;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #cfcfcf !important;
    border-radius: 5px;
    height: 42px !important;
    margin-top: 20px;
    cursor: progress;
    width: 100%
}

#awardpoint {
    display: none
}

.statuscheckin {
    padding: 20px 5px;
    text-align: center;
    font-size: 14px;
    border: thin solid #cfcfcf;
    margin-top: 20px;
    border-radius: 5px;
    width: 100%
}

.apply-head {
    color: #dc143c;
    font-weight: 700
}

#imageUpload {
    display: none
}

#profileImage {
    cursor: pointer
}

#profile-container {
    width: 150px;
    height: 150px;
    margin-top: 10px;
    overflow: hidden
}

#pwdChange {
    width: 200px;
    height: 40px;
    background-color: transparent;
    border: 1px solid #dc143c;
    color: #dc143c
}

.error {
    color: red;
    font-size: 14px !important
}

.aph {
    font-weight: 700
}

.id-holder {
    height: auto;
    border-radius: 5px;
    border: 1px solid #ccc
}

.std {
    font-size: 14px
}

.id-img {
    margin-top: 12px;
    margin-bottom: 12px
}

#imgUpload {
    display: none
}

#preview {
    margin-top: -2px
}

#pv {
    margin-top: -2px
}

#bank {
    padding: 7px;
    background-color: #dc143c;
    display: inline-block;
    color: #fff;
    margin-top: 0;
    cursor: pointer;
    border-radius: 2px;
    width: 250px;
    text-align: center;
    height: 39px
}

.tg {
    margin-right: 6px
}

.mgt_24 {
    margin-top: 24px
}

.card-box {
    height: 45px
}

.mgb_40 {
    margin-bottom: 40px
}

.order-submit {
    width: 400px;
    padding: 12px
}

.profile_cover {
    min-height: 150px;
    background-color: rgba(155, 35, 53, .2)
}

.profile_img {
    border-radius: 50%;
    width: 200px
}

.pro_img {
    top: -130px;
    position: relative
}

.flname {
    font-size: 20px;
    top: -40px;
    position: relative;
    font-weight: 700;
    padding-left: 50px
}

.pf {
    top: -50px;
    position: relative
}

.pf-body {
    border: 1px solid #e0e0e0;
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.hd-hr {
    border-top: 1px solid rgba(155, 35, 53, .2)
}

.job-link>a {
    text-decoration: none;
    color: #000
}

.heart {
    fill: red;
    position: relative;
    top: 5px;
    width: 50px;
    animation: pulse 1s ease infinite,
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1)
    }
}

.like {
    background: 0 0;
    border: none;
    padding: 0;
    position: relative
}

.bg-grey {}

.bg-white {
    background-color: #fff
}

.status-pill {
    width: 90%;
    height: 40px;
    background-color: #8a9292;
    cursor: text;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    padding: 7px 2px
}

.thumbnail {
    height: 50px;
    margin: 10px
}

.attin {
    display: inline-block
}

.job-wrap {
    padding-top: 36px;
    padding-bottom: 36px
}

.pro-title {
    font-size: 20px;
    font-weight: 700
}

.pro-rev {
    font-size: 20px;
    font-weight: 200;
    line-height: 0
}

.vt {
    vertical-align: top;
    padding-left: 10px
}

.pro-job {
    padding-left: 10px;
    font-size: 14px
}

.pt_7 {
    padding-top: 7px
}

.job-hr {
    border-color: #bfbfbf
}

.job-st {
    padding: 10px;
    width: 300px
}

.btn-job {
    width: 100%;
    color: #fff;
    background-color: #dc143c;
    border-color: #dc143c;
    font-size: 14px
}

.btn-job:focus,
.btn-job:hover,
.btn-job:visited {
    color: #fff;
    opacity: .8
}

.btn-dejob {
    width: 100%;
    color: #dc143c;
    background-color: transparent;
    border-color: #dc143c;
    float: right;
    border-width: 3px;
    font-size: 14px
}

btn-dejob {
    width: 100%;
    color: #dc143c;
    background-color: transparent;
    border-color: #dc143c;
    border-width: 3px;
    font-size: 14px
}

.btn-dejob:focus,
.btn-dejob:hover,
.btn-dejob:visited {
    color: #dc143c;
    opacity: .6
}

.right-hr {
    display: inline-block;
    width: 100%;
    border-color: #bfbfbf;
    position: relative;
    top: -7px;
    padding-left: 5px;
    left: 10px
}

.head-h4 {
    font-size: 18px;
    font-weight: 700
}

.avatar {
    width: 60px;
    text-align: center;
    background-color: #dc143c;
    color: #fff;
    height: 60px;
    font-size: 20px;
    line-height: 60px
}

.mgt-35 {
    margin-top: 35px;
    margin-bottom: 35px
}

.work-head {
    font-size: 24px
}

.ccs {
    background-color: #f5a623;
    width: 200px !important;
    padding: 15px;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #fff !important;
    border-radius: 5px;
    height: 50px !important
}

.work-hr {
    border-color: #dc143c;
    opacity: .2
}

.pagination>li>a,
.pagination>li>span {
    position: static
}

.rate-btn {
    border: none;
    padding: 0;
    cursor: pointer;
    background-color: transparent
}

.star>.fa {
    color: gold;
    font-size: 1.1rem;
    padding: 0;
    width: 16px;
    margin: 0
}

abbr.ab {
    text-decoration: none;
    cursor: pointer;
    border-bottom: none
}

#d3 {
    display: none
}

#d4 {
    display: none
}

.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label,
.rating>input:checked~label {
    color: gold
}

.rating>input:checked+label:hover,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label {
    color: #ffed85
}

.btn-save {
    background-color: #dc143c;
    color: #fff;
    border-color: #dc143c
}

.btn-save:focus,
.btn-save:hover {
    color: #fff
}

.light-txt {
    color: #a9a9a9;
    font-size: 13px;
    position: relative;
    bottom: 2px;
    left: 5px
}

.txt {
    font-size: 13px;
    color: #999;
    font-weight: lighter
}

.fa.i1 {
    margin: -10px 2px;
    width: 86px
}

.fa-paperclip:hover,
.fa-times:hover {
    opacity: 1;
    color: red
}

.related-item {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    will-change: transform;
    overflow: hidden;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    height: 350px;
    padding: 0;
    margin-bottom: 32px;
    background-color: #fff
}

.related-item:hover {
    transform: translate(0, -2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .16)
}

.hr-related {
    border-color: #d3d3d3
}

.search-dropbtn {
    background-color: transparent;
    color: #000;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer
}

.search-dd {
    position: relative;
    display: inline-block
}

.search-dropdown-content {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 1;
    left: 100%
}

.search-dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.search-dropdown-content a:hover {
    background-color: #ddd;
    color: #9b2335
}

.search-dd:hover .search-dropdown-content {
    display: block
}

.search-dd:hover .search-dropbtn {
    background-color: #ddd;
    color: #9b2335;
    border-radius: 5px
}

.blink_me {
    animation: blinker 1s linear infinite;
    font-size: 14px;
    color: #1c87c9
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.report-modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 200px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.report-modal-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 300px;
    height: 380px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s;
    border-radius: 5px
}

@-webkit-keyframes animatetop {
    from {
        top: 0;
        opacity: 0
    }

    to {
        top: 50%;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: 0;
        opacity: 0
    }

    to {
        top: 50%;
        opacity: 1
    }
}

.reportclose {
    color: grey;
    float: right;
    font-size: 28px;
    font-weight: 700
}

.reportclose:focus,
.reportclose:hover {
    color: #bbb;
    text-decoration: none;
    cursor: pointer
}

.report-modal-header {
    padding: 2px 16px;
    background-color: #fff;
    color: #000;
    border-radius: 5px
}

.report-modal-body {
    padding: 2px 16px
}

.approve-modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 150px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.approve-modal-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 500px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s;
    border-radius: 5px
}

@-webkit-keyframes animatetop {
    from {
        top: 0;
        opacity: 0
    }

    to {
        top: 50%;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: 0;
        opacity: 0
    }

    to {
        top: 50%;
        opacity: 1
    }
}

.appclose {
    color: #f1f1f1;
    float: right;
    font-size: 28px;
    font-weight: 700;
    transition: .3s
}

.appclose:focus,
.appclose:hover {
    color: #bbb;
    text-decoration: none;
    cursor: pointer
}

.approve-modal-header {
    padding: 2px 16px;
    background-color: #fff;
    color: #000;
    border-radius: 5px
}

.approve-modal-body {
    padding: 2px 16px
}

.feedback-box {
    display: block;
    position: fixed;
    z-index: 1;
    padding-top: 200px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.feedback-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 500px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s;
    border-radius: 5px
}

@-webkit-keyframes animatetop {
    from {
        top: 0;
        opacity: 0
    }

    to {
        top: 50%;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: 0;
        opacity: 0
    }

    to {
        top: 50%;
        opacity: 1
    }
}

.fbclose {
    color: #f1f1f1;
    float: right;
    font-size: 28px;
    font-weight: 700;
    transition: .3s
}

.fbclose:focus,
.fbclose:hover {
    color: #bbb;
    text-decoration: none;
    cursor: pointer
}

.feedback-header {
    padding: 2px 16px;
    background-color: #fff;
    color: #000;
    border-radius: 5px
}

.feedback-body {
    padding: 2px 16px
}

.fb-head {
    padding-top: 10px
}

.mgt-11 {
    margin-top: 1%
}

.cdbtn {
    text-transform: uppercase;
    background: linear-gradient(to right, #30cfd0 0, #330867 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font: {
        size: 20vw;
        family: $font
    }
}

#formdiv {
    text-align: center
}

.upload {
    background-color: red;
    border: 1px solid red;
    color: #fff;
    border-radius: 5px;
    padding: 10px;
    text-shadow: 1px 1px 0 green;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, .75)
}

.upload:hover {
    cursor: pointer;
    background: #c20b0b;
    border: 1px solid #c20b0b;
    box-shadow: 0 0 5px rgba(0, 0, 0, .75)
}

#fileUpload {
    color: #5bc0de;
    padding: 5px;
    border: 1px dashed #5bc0de;
    background-color: #e0ffff;
    margin-bottom: 10px;
    margin-left: 11%;
    width: 79%
}

#upload {
    margin-left: 45px
}

#noerror {
    color: green;
    text-align: left
}

#error {
    color: red;
    text-align: left
}

#img {
    width: 30px;
    border: none;
    height: auto;
    margin-left: -15px;
    margin-bottom: 91px
}

.abcd {
    text-align: center
}

.abcd img {
    height: 100px;
    width: 100px;
    padding: 5px;
    border: 1px solid #e8debd
}

.fr-box {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 12px;
    line-height: 1.42857143;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.fr-placeholder {
    display: none !important
}

.fr-view {
    min-height: 20% !important
}

#attachbtn {
    padding: 7px;
    background-color: #dc143c;
    display: inline-block;
    color: #fff;
    margin-top: 15px;
    cursor: pointer;
    border-radius: 2px;
    width: 150px;
    text-align: center;
    height: 39px
}

.cancel-modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 200px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.cancel-modal-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 350px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s;
    border-radius: 5px
}

@-webkit-keyframes animatetop {
    from {
        top: 0;
        opacity: 0
    }

    to {
        top: 50%;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: 0;
        opacity: 0
    }

    to {
        top: 50%;
        opacity: 1
    }
}

.cancelClose {
    color: #f1f1f1;
    float: right;
    font-size: 28px;
    font-weight: 700;
    transition: .3s
}

.cancelClose:focus,
.cancelClose:hover {
    color: #bbb;
    text-decoration: none;
    cursor: pointer
}

.cancel-modal-header {
    padding: 2px 16px;
    background-color: #fff;
    color: #000;
    border-radius: 5px
}

.cancel-modal-body {
    padding: 10px 16px
}

.p-htu {
    padding-top: 0;
    padding-bottom: 10px
}

.statement {
    padding: 35px 15px
}

.cashhr {
    border-top: 1px dashed #000
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 1;
    background-color: #f5a623;
    display: inline-block !important
}

.carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #cfcfcf;
    border: 1px solid #fff;
    border-radius: 10px;
    display: inline-block !important
}

.col-md-12.home-services {
    position: relative;
    right: 0;
    left: 0
}

.tips-img img {
    width: 100%;
    height: auto
}

.home-profile-2 .home-head {
    color: #000;
    font-size: 15px;
    margin-top: 30px;
    margin-bottom: 30px
}

.col-lg-6.col-md-6.col-sm-6.col-xs-12.tips-txt {
    margin-left: -15px;
    margin-right: 0;
    padding: 40px;
    border-left: 0 solid !important;
    background: #fff;
    height: 359px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf
}

.tips-img img {
    width: 100%;
    height: 359px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.pageid {
    height: 250px;
    padding: 50px;
    background: #fff;
    box-shadow: 0 1px 2px #3333332e;
    border-radius: 5px
}

.benefiticon {
    width: 25px;
    margin-right: 10px
}

.home-blog {
    width: auto !important;
    height: 210px;
    background: #fff;
    margin-top: 30px;
    margin-bottom: 45px;
    border-radius: 5px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05)
}

.cat img.img-cover {
    width: 100%;
    height: 179px
}

.home-profile-2 h2 a {
    position: relative;
    font-weight: 350 !important;
    font-size: 15px
}

.popular-cat {
    height: 180px;
    background: #fff;
    margin: 15px 0;
    padding-top: 40px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    border-radius: 5px;
    transition: all .2s ease-in-out
}

.popular-cat img {
    margin-right: auto !important;
    margin-left: auto !important;
    display: block;
    width: 80px;
    height: 80px;
    margin-bottom: -10px !important
}

.cat_title h3 {
    font-size: 14px;
    font-weight: 350 !important;
    text-align: center;
    color: #000;
    font-family: pyidaungsu, HelveticaNowText-Light !important
}

ul.dropdown-menu {
    display: none;
    opacity: 0 !important;
    visibility: hidden !important;
    padding: 0 !important;
    margin-top: 20px !important;
    transition: all .4s ease-in-out !important
}

.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 1000;
    color: #000 !important;
    top: 100%;
    left: 0;
    float: left;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

ul.dropdown-menu:after {
    content: "";
    position: absolute;
    top: -16px;
    right: 13px !important;
    bottom: auto;
    margin-left: 5px;
    height: 0;
    width: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 8px;
    z-index: 9
}

.dropdown-menu>li>a {
    font-size: 13px;
    font-weight: 100;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: all .5s ease-in-out;
    line-height: 3.2em;
    display: block !important;
    padding: 3px 20px;
    clear: both;
    white-space: nowrap
}

.nav>li>a:focus,
.nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent
}

ul.dropdown-menu>li>a:hover {
    margin: 0 auto;
    width: 100% !important;
    height: auto !important
}

#homepage #sign {
    padding: 0 25px !important;
    border: 1px solid #000 !important;
    margin-top: 5px !important;
    border-radius: 30px !important
}

#sign {
    padding: 0 25px !important;
    border: 1px solid #fff;
    margin-top: 5px !important;
    border-radius: 30px !important
}

.navbar-brand>img {
    width: 200px;
    display: block
}

element.style {
    border-radius: 0
}

.search-sort .ss {
    border-radius: 7px !important;
    width: 179px !important;
    color: #333 !important;
    border-color: none !important;
    padding-left: 13px !important
}

.search-sort ul {
    padding: 0 !important;
    margin: 0 !important
}

.sorting .form-control {
    background: #fff !important;
    border: 0 solid #e5e5e5;
    border-radius: 21px 21px 21px 21px !important;
    height: 37px;
    width: 179px;
    margin: 0;
    padding: 0
}

.sorting {
    padding: 0
}

.searching {
    padding: 0
}

span.category_logo {
    float: left;
    position: relative;
    top: 0
}

.category_logo img {
    width: 37px;
    height: 37px;
    margin: 0;
    padding: 0;
    margin-right: 15px
}

.product-item .ptitle {
    padding: 28px 15px 28px 18px;
    font-size: 16px;
    font-weight: 350 !important;
    height: 70px !important;
    color: #000
}

.product-item .pd-5 {
    padding-top: 5px;
    padding-left: 15px !important;
    height: 50px;
    padding-right: 15px !important
}

.product-item .ph {
    margin-bottom: 0;
    padding-top: 10px !important;
    padding-left: 15px !important
}

.product-item hr {
    color: #d8d8d8 !important;
    border-top: 1px solid #f0f0f0
}

.product-item .pd-5 {
    padding-top: 15px;
    padding-left: 15px !important;
    height: 50px;
    padding-right: 15px !important
}

.product-item .ph {
    margin-bottom: 0;
    padding-top: 10px !important;
    padding-left: 15px !important;
    border-top: 1px solid #f0f0f0;
    color: #d8d8d8
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.how_to_find_freelancer {
    margin-bottom: 80px !important
}

.how_to_find_freelancer img {
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    margin-top: 35px !important
}

.how_to_find_freelancer img {
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    margin-top: 35px !important;
    position: relative !important;
    display: inline-block !important
}

span.how_to_find_txt p {
    position: absolute;
    z-index: 9999;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    color: #dbdbdb;
    margin-top: -12%;
    font-size: 22px;
    font-weight: 100
}

.product-detail-header {
    color: #000;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 25px;
    padding-left: 15px;
    display: none
}

.product-detail-header span.service_logo img {
    width: 34px;
    margin-right: 15px;
    margin-left: 20px;
    height: 30px
}

.col-lg-9.col-md-9.col-sm-9.col-xs-12.left-product-detail {
    border-right: 1px solid #f0f0f0;
    padding-left: 0;
    padding-right: 20px
}

.mgt-35 {
    margin-top: 20px;
    margin-bottom: 35px
}

.col-lg-3.col-md-3.col-sm-3.col-xs-12.right-product-detail {
    padding-left: 20px;
    padding-right: 0
}

.user-profile {
    margin-bottom: 60px;
    position: relative;
    top: 10px
}

ul.dropdown-menu {
    border: 0
}

.navbar-nav>li>a {
    font-size: 15px !important;
    color: #fff !important;
    border-color: #979797 !important;
    font-weight: 400 !important;
    padding-top: 5px !important;
    padding-left: 30px !important;
    padding-bottom: 15px !important;
    padding-right: 30px !important;
    cursor: pointer;
    line-height: 3.2em
}

h2.tips-head {
    font-size: 22px;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 350 !important;
    color: #000;
    display: block
}

span.tip-date p {
    font-size: 14px;
    color: #d8d8d8 !important;
    width: 160px;
    height: 29px
}

p.tips-ptxt {
    font-size: 15px;
    color: #000;
    width: 100%;
    height: auto;
    margin-bottom: 35px;
    font-weight: 350 !important;
    line-height: 25px
}

.tips-txt button.btn.btn-primary {
    background: #4a90e2;
    border: 1px solid #979797;
    width: 150px;
    height: 45px
}

.exchangbtn {
    border: none;
    background: #4a90e2;
    width: 100%;
    height: 45px;
    color: #fff
}

.exchangbtn:hover {
    color: #fff
}

.approve-modal-content {
    padding: 0
}

.approve-modal {
    padding-left: 10px;
    padding-right: 10px
}

#benefittext {
    padding: 20px
}

#benefittext .title {
    font-weight: 600;
    font-size: 16pt;
    margin-bottom: 2px
}

#benefittext h3 {
    margin-bottom: 20px
}

.search-sort {
    margin-left: 0
}

.search-sort .form-group {
    padding-right: 30px;
    padding-left: 5px;
    padding-top: 20px;
    padding-bottom: 0;
    float: right;
    position: relative;
    left: 28px;
    bottom: 15px
}

.promotion-slider .carousel-indicators li {}

a.cat-pagination-first {
    border: 1px solid #fff;
    padding: 10px;
    margin-right: 10px;
    background: #fff;
    border-radius: 5px;
    color: #333 !important
}

a.cat-pagination-second {
    border: 1px solid #fff;
    padding: 10px 15px;
    overflow: hidden;
    margin-right: 10px;
    margin-left: 0 !important;
    background: #fff;
    border-radius: 5px !important;
    color: #000;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05)
}

a.cat-pagination-next {
    display: none !important;
    background: #333;
    color: #fff;
    padding: 8px;
    border: 1px solid #333;
    border-radius: 5px
}

a.cat-pagination-previous {
    display: none !important;
    background: #333;
    color: #fff;
    padding: 8px;
    border: 1px solid #333;
    border-radius: 5px;
    margin-right: 25px
}

.search-sort label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    color: #999 !important;
    font-size: 14px !important;
    line-height: 30px !important
}

.left-menu-category ul li a {
    font-size: 18px;
    text-decoration: none;
    color: #666 !important;
    line-height: 40px
}

.left-menu-category {
    position: relative;
    bottom: 9px
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 5px
}

.carousel-indicators {
    margin-bottom: -5px;
    position: absolute;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.search-sort .form-group select {
    width: 179px;
    background: #fff !important;
    color: #cdcdcd !important;
    border: 0 !important
}

.promo .promotion-slider {
    margin-top: 60px;
    padding: 0 10px 0 25px;
    margin-right: 0;
    margin-bottom: 36px
}

.user-detail-wrapper span.glyphicon.glyphicon-chevron-right {
    font-size: 20px;
    font-weight: 100 !important;
    position: absolute;
    right: 15px
}

.user-detail-wrapper span.glyphicon.glyphicon-chevron-left {
    font-size: 20px;
    font-weight: 100 !important;
    position: absolute;
    left: 15px
}

.top-cat .popular-cat:hover {
    transform: translate(0, -2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .16)
}

.top-cat a:hover .popular-cat>.cat_title>h3 {
    color: #333 !important
}

.left-product-detail .carousel-inner {
    border-radius: 5px !important
}

.related-item {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    will-change: transform;
    overflow: hidden;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    height: 395px;
    padding: 0;
    margin-bottom: 32px;
    width: 100%;
    background-color: #fff
}

.user-detail-wrapper .carousel-indicators li {
    display: inline-block !important;
    border: 1px solid #979797 !important
}

.user-detail-wrapper .carousel-indicators .active {
    background: #f5a623;
    border: 0 !important
}

.user-detail-wrapper ol.carousel-indicators {
    bottom: -30px
}

.user-detail-wrapper .carousel-caption {
    display: none
}

.user-detail-wrapper #product-desc-div h3:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 5px;
    background: #000;
    border-radius: 2.5px !important;
    margin-top: -26px;
    border: 1px solid
}

.user-detail-wrapper #product-desc-div h3 {
    margin-top: 50px;
    color: #000
}

.user-detail-wrapper hr {
    border-color: #f0f0f0 !important;
    position: relative !important
}

.sub-cat-right-menu-head h3 {
    font-size: 14px;
    color: #999;
    font-weight: 100;
    width: 100%;
    padding: 0 0 10px;
    margin-top: -5px
}

.revise p {
    font-size: 14px;
    color: #000;
    line-height: 25px
}

h3.more-services {
    margin-top: 25px;
    margin-bottom: 25px;
    color: #000;
    font-size: 22px
}

h3.other-logos {
    margin-bottom: 25px;
    font-size: 22px;
    color: #000
}

#order-page h2 {
    font-size: 22px;
    color: #000;
    width: auto !important;
    font-weight: 450 !important
}

.all-category {
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    margin-top: 45px;
    margin-bottom: 45px;
    padding: 30px;
    background: #fff
}

.all-sub-cat li a {
    font-size: 14px;
    font-weight: 350;
    line-height: 30px
}

.all-sub-cat ul {
    padding: 0
}

.all-sub-cat ul a {
    color: #333;
    font-size: 18px;
    font-weight: 400 !important;
    line-height: 30px
}

.all-category .row {
    margin: 0 auto
}

.all-category #topbar {
    width: 30px;
    height: 5px;
    background: #000;
    border-radius: 2.5px;
    padding-top: 6px
}

.sub-cat-row {
    margin-top: 15px !important
}

.sub-nav-statement {
    border-bottom: 0 solid rgba(155, 35, 53, .2) !important;
    overflow: hidden;
    margin-top: 30 !important;
    padding-left: 9px;
    padding-right: 9px
}

h3.statement-head {
    color: #000;
    font-size: 22px;
    margin-left: -5px;
    margin-top: 30px;
    margin-bottom: 30px
}

span.statement-logo img {
    width: 35px;
    margin-right: 15px;
    margin-left: 0 !important
}

ul.list-inline li a {
    font-size: 14px;
    font-weight: 400 !important;
    padding: 10px
}

.panel.panel-default.panel-withdraw {
    background-color: #fff !important;
    border: 0 solid #cfcfcf !important;
    padding: 20px;
    margin: 0
}

.panel p {
    font-size: 14px;
    font-weight: 350 !important;
    color: grey !important;
    text-align: center !important;
    margin-bottom: -15px !important;
    margin-top: 15px
}

.panel button.attbt {
    display: block !important;
    background: #f5a623;
    border-radius: 5px;
    width: 148px;
    height: 38px;
    margin: 0 auto;
    box-shadow: none !important;
    border: 1px solid transparent;
    font-size: 14px
}

.panel hr {
    margin: 50px -20px 20px;
    border: 0;
    border-top: 1px solid #f0f0f0
}

.panel h2 {
    text-align: center;
    font-size: 22px;
    font-weight: 400 !important
}

.panel.panel-default.panel-withdraw .revise {
    padding-top: 20px;
    color: grey !important;
    font-weight: 350;
    font-size: 14px
}

button.attbt:focus {
    outline: 0
}

div#secretInfo {
    font-size: 14px;
    font-weight: 700 !important;
    font-family: pyidaungsu, HelveticaNowText-Light !important
}

.table>tbody>tr>td {
    padding: 10px !important;
    line-height: 20px !important;
    vertical-align: top;
    font-size: 14px !important;
    border-top: 1px solid #f0f0f0
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #f0f0f0 !important;
    font-size: 14px;
    padding: 10px !important;
    padding-left: 0;
    color: #000
}

.statement hr {
    margin: 10px 40px 5px;
    border: 0;
    border-top: 1px solid #cfcfcf;
    position: relative;
    bottom: 25px;
    left: 5%
}

.financial {
    margin-bottom: 36px;
    margin-top: 36px;
    background: #fff;
    width: 100%;
    border-radius: 5px;
    border: 0 solid;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    margin-left: 0
}

.panel.panel-default.panel-withdraw br {
    display: none
}

.financial .panel img {
    display: none
}

h3.redeem-head {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: -5px
}

#sub-nav-statement ul.list-inline li a {
    font-size: 14px;
    padding: 9px
}

span.redeem-logo img {
    width: 35px;
    margin-right: 15px;
    margin-left: 0 !important
}

.redeem hr {
    margin: 10px 40px 5px;
    border: 0;
    border-top: 1px solid #cfcfcf;
    position: relative;
    bottom: 25px;
    left: 5%
}

.redeem-balance ul.list-inline li a {
    font-size: 14px;
    font-weight: 400 !important;
    padding: 6px
}

.redeem {
    padding: 35px 15px
}

.get-free-code {
    margin-top: 30px;
    margin-bottom: 25px;
    text-align: center
}

button.gfc {
    width: 148px;
    height: 50px;
    border: 0 solid #cfcfcf !important;
    border-radius: 5px;
    color: #000;
    font-size: 14px;
    font-weight: 400 !important
}

button.gfc:focus {
    outline: 0
}

h3.earning-head {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: -5px
}

span.earning-logo img {
    width: 35px;
    margin-right: 15px;
    margin-left: 0 !important
}

.earning hr {
    margin: 10px 40px 5px;
    border: 0;
    border-top: 1px solid #cfcfcf;
    position: relative;
    bottom: 25px;
    left: 5%
}

.earning-balance ul.list-inline li a {
    font-size: 14px;
    font-weight: 400 !important;
    padding: 6px
}

.earning {
    padding: 35px 15px
}

.earning-balance ul.list-inline li a {
    font-size: 14px;
    font-weight: 400 !important;
    padding: 6px
}

h3.withdraw-head {
    color: #000;
    font-size: 22px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: -5px
}

span.withdraw-logo img {
    width: 35px;
    margin-right: 15px;
    margin-left: 0 !important
}

.withdraw hr {
    margin: 10px 40px 5px;
    border: 0;
    border-top: 1px solid #cfcfcf;
    position: relative;
    bottom: 25px;
    left: 5%
}

.withdraw-balance ul.list-inline li a {
    font-size: 14px;
    font-weight: 400 !important;
    padding: 8px
}

.withdraw-balance ul.list-inline li a {
    font-size: 14px;
    font-weight: 400 !important;
    padding: 7px
}

h3.your-favourites-head {
    color: #333;
    font-size: 22px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 15px
}

span.your-favourites-logo img {
    width: 35px;
    margin-right: 15px;
    margin-left: 0 !important
}

#my-favourites {
    padding-right: 30px;
    margin-top: 10px;
    min-height: 100vh
}

#my-favourites .your-fav {
    margin-bottom: 10px
}

#no-results-found {
    height: 76%
}

#no-results-found h3 {
    margin-left: 15px
}

#favourite-services {
    margin-left: 0
}

#wd-fav-service {
    width: 100%
}

#my-fav-ser {
    padding-left: 15px;
    margin-left: 0;
    margin-bottom: 40px
}

#fav-row-less-than-fiftheen {
    height: 10%
}

#fav-row-less-than-six {
    height: 30%
}

.search-keywords input#srch-term {
    width: 215px;
    height: 50px;
    border: 0 solid #f0f0f0 !important;
    border-radius: 5px !important;
    background: #fff !important
}

.search-keywords input#price {
    width: 134px;
    height: 50px;
    border: 0 solid #f0f0f0 !important;
    border-radius: 5px !important;
    margin-left: 5px;
    color: #a5a5a5;
    font-weight: 350 !important;
    background: #fff !important
}

.search-keywords select#sort {
    width: 215px;
    height: 50px;
    border: 0 solid #f0f0f0 !important;
    border-radius: 5px !important;
    color: #a5a5a5 !important;
    font-weight: 350 !important;
    margin-left: 5px;
    background: #fff !important;
    margin-right: 5px
}

.search-keywords select#turnaround {
    width: 215px;
    height: 50px;
    border: 0 solid #f0f0f0 !important;
    border-radius: 5px !important;
    color: #a5a5a5 !important;
    font-weight: 350 !important;
    margin-left: 5px;
    background: #fff !important
}

.search-keywords button#submit {
    width: 149px;
    height: 50px;
    border: 0 solid #f0f0f0 !important;
    border-radius: 5px !important;
    color: #fff !important;
    font-weight: 400 !important;
    margin-left: 0;
    background: #4b81c1 !important
}

.search-keywords h1 {
    font-size: 22px;
    font-weight: 400 !important;
    margin-bottom: 25px;
    margin-top: 35px
}

.search-keywords form.form-inline {
    margin-bottom: 35px
}

.search-head {
    color: #333;
    font-size: 22px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 30px
}

span.search-logo img {
    width: 35px;
    margin-right: 15px;
    margin-left: 0 !important
}

#user-pro-page #user-detail {
    background: #fff;
    padding: 30px;
    margin: 0 15px;
    height: auto;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    border-radius: 5px !important
}

#user-pro-page .review-div hr {
    margin-top: 21px !important
}

.tips-txt button.btn.btn-primary {
    background: #4a90e2;
    width: 150px;
    height: 45px;
    border: 0
}

.tips-trend {
    margin-right: 0
}

#tip-pic img {
    display: none
}

.tip-date p {
    font-size: 14px;
    color: #9b9b9b !important;
    font-weight: 350 !important
}

.tips-trends-and-tons-of-inspiration {
    margin-left: 0
}

#homepage .footer .container .row .col-lg-3.col-md-3.col-sm-3.col-xs-12 {
    padding-left: 25px
}

.left-menu-category div ul {
    padding-left: 30px
}

.left-menu-category {
    position: relative;
    bottom: 9px;
    padding: 0
}

.category-header {
    padding-left: 18px
}

#user-profile {
    padding-left: 15px !important
}

#user-right-menu {
    float: right;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    padding-right: 15px !important
}

#buy-job-form button#approveBtn {
    background-color: #5392f2 !important;
    width: 161px !important;
    padding: 10px;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    height: 42px !important
}

.footer .container .row .col-lg-3.col-md-3.col-sm-3.col-xs-12 {
    padding-left: 25px
}

#user-pro-page .review-div p {
    font-size: 14px;
    margin-bottom: 0;
    padding: 5px 30px
}

#user-pro-page .review-div h3 {
    margin-bottom: 30px;
    padding-left: 30px
}

#user-pro-page .review-div {
    background: #fff;
    margin: 0 15px;
    border-radius: 5px;
    height: 420px;
    border: 0 solid #cfcfcf !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    overflow-x: hidden;
    overflow-y: hidden
}

#account-page #user-profile {
    padding-left: 0 !important
}

#account-page p#user-right-menu a {
    padding: 0
}

#account-page #myacc {
    background: #fff;
    padding: 30px 50px 20px;
    border-radius: 5px !important;
    border: 0 solid #cfcfcf;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05)
}

#account-page label#change-photo {
    background: #4a90e2 !important;
    padding: 15px !important;
    display: inline-block;
    color: #fff;
    float: left;
    font-size: 14px;
    margin-top: 5px;
    cursor: pointer;
    width: 172px;
    text-align: center;
    height: 50px;
    border-radius: 5px;
    font-weight: 200
}

.invitecode {
    background: #333;
    padding: 15px 20px;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 5px;
    float: left;
    color: #fff;
    width: 31.968%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .16)
}

.code {
    font-family: CenturyGothic !important;
    font-size: 30px;
    color: #fff
}

.codedate {
    color: #999;
    font-size: 14px
}

#work-page {
    padding-top: 20px !important;
    padding-bottom: 50px !important
}

#work-page .mgt_24 {
    margin-top: 23px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto
}

.create-services {
    margin: 0
}

#work-page button.cs:focus {
    outline: 0
}

.col-lg-12.col-md-12.col-sm-12.col-xs-12.search-keywords {
    margin-left: 15px;
    margin-top: 36px;
    margin-bottom: 50px
}

#cat-icons {
    height: 50px !important;
    margin-right: 10px !important;
    width: auto !important
}

#jobinfo {
    margin-bottom: 0
}

.profilelabel {
    font-size: 14px;
    color: #999;
    margin-bottom: -20px
}

#profileinfo {
    display: inline-block;
    margin-right: 40px
}

div#reviewcap {
    font-size: 14px !important;
    font-weight: 400;
    margin-bottom: 0;
    padding: 5px 0 5px 15px
}

#order-page {
    padding-left: 45px !important;
    width: auto !important;
    margin-top: 30px
}

#tip-desc .btn-primary {
    color: #fff;
    background: #4a90e1;
    border: none !important;
    border-radius: 5px;
    padding: 12px 30px;
    font-size: 15px;
    font-weight: 350 !important
}

div#homepage-banner {
    border-radius: 0 !important
}

#customservice {
    padding: 20px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    border: 0 solid #cfcfcf;
    border-radius: 5px;
    overflow: hidden;
    transition: all .2s ease-in-out;
    will-change: transform;
    background: #fff !important;
    margin: 5px 15px;
    height: auto
}

#customservice:hover {
    transform: translate(0, -2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .16)
}

.customtitle {
    padding-top: 8px;
    margin-bottom: 10px;
    float: left;
}

.customemail {
    padding-top: 23px;
    padding-right: 10px;
    margin-bottom: 10px;
    float: left;
    color: #999;
    font-size: 14px;
    vertical-align: middle
}

.customdate {
    padding-top: 23px;
    float: left;
    margin: 0;
    color: #999;
    font-size: 14px;
    vertical-align: middle
}

.delicate {
    font-size: 10px
}

#us-desc {
    padding: 25px 0 25px 0 !important;
    font-size: 16px !important;
    color: #000 !important;
    font-weight: 350 !important;
    font-family: Pyidaungsu !important
}

.friend-code {
    padding-right: 0;
    padding-left: 45px;
    margin-top: 32px
}

.friend-code p {
    margin-bottom: 0;
    font-size: 14px !important;
    color: #000;
    font-weight: 400 !important
}

.friend-code h3 {
    margin-top: 0
}

div#secretInfo {
    font-size: 14px !important;
    font-family: pyidaungsu, HelveticaNowText-Light !important;
    color: #000 !important
}

.friend-code span.dot {
    height: 17px;
    width: 17px;
    background: #dfdfdf;
    border-radius: 50%;
    display: inline-block;
    padding-left: 6px;
    font-size: 14px;
    float: right;
    position: absolute;
    margin-left: 3px;
    padding-top: 2px;
    margin-top: 2px;
    color: #969696 !important
}

.user-profile-social-icons {
    padding: 0;
    position: relative;
    top: 35px
}

#user-profile img {
    width: 35px;
    float: left
}

#user-reward {
    display: none
}

.noservice-item {
    border: 1px dashed #cfcfcf;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    will-change: transform;
    overflow: hidden;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    height: 397px !important;
    padding: 0;
    background: 0 0;
    margin-bottom: 30px;
    text-align: center;
    color: #cfcfcf;
    font-size: 20px
}

.noservice-txt {
    margin: 170px auto;
    display: block
}

#securitycheck {
    font-size: 14px !important;
    font-weight: 400;
    line-height: 2em
}

#securitycheck h3 {
    font-size: 18px;
    margin-top: 50px;
    margin-bottom: 20px
}

.path {
    background: #f0f0f0;
    border-radius: 5px;
    padding: 5px 0 5px 15px;
    font-style: italic
}

#how-right p {
    font-size: 14px;
    font-weight: 400 !important;
    color: #000;
    line-height: 25px
}

#how-it-work-popup {
    background-color: rgba(0, 0, 0, .5)
}

#apply-as-freelance>li>a>span {
    font-size: 15px !important;
    font-weight: 400 !important
}

#apply-con {
    padding-top: 10px;
    padding-bottom: 70px;
    padding-left: 30px
}

#apply-tab {
    width: 100%
}

.upload-front-page-of-id-card #preview {
    display: none
}

.upload-back-page-of-id-card #pv {
    display: none
}

.invoice-head {
    color: #000;
    font-size: 22px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 30px
}

span.invoice_logo img {
    width: 35px;
    margin-right: 15px
}

h2.invoice-head {
    text-align: left !important;
    font-size: 22px;
    font-weight: 350 !important;
    color: #000 !important
}

.invoice-page .panel-body {
    padding: 0 !important
}

.invoice-page.panel.panel-default {
    border: 0 solid;
    box-shadow: 0 0 0 rgba(0, 0, 0, .05) !important
}

.invoice-desc {
    padding-top: 28px;
    line-height: 20px;
    padding: 0;
    margin-top: 0;
    top: 30px;
    position: absolute;
    right: 15px
}

.freelancer-side h3 {
    text-align: right;
    font-size: 20px;
    font-weight: 400 !important
}

.freelancer-side p {
    text-align: right !important;
    font-size: 14px;
    font-weight: 400 !important;
    color: #000 !important;
    line-height: 25px
}

.business-owner h3 {
    font-size: 20px;
    font-weight: 400 !important
}

.business-owner-freelancer-desc {
    margin-top: 50px
}

.invoice-payment-detail {
    margin-top: 30px;
    padding-left: 5px;
    padding-right: 5px
}

.business-owner p {
    text-align: left !important;
    font-size: 14px;
    font-weight: 400 !important;
    color: #000 !important;
    line-height: 25px
}

.invoice-payment-detail .table>thead>tr>th {
    font-size: 14px;
    font-weight: 400 !important;
    color: #000;
    font-family: CenturyGothic !important;
    line-height: 30px !important
}

.invoice-note p {
    font-size: 14px;
    font-weight: 400 !important;
    color: #000 !important
}

body#invoice {
    background: #fff !important
}

.withdrawable-amount {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px
}

.withdrawable-amount p {
    font-size: 14px;
    color: #969696
}

.withdrawable-amount h3 {
    color: #000;
    font-weight: 600 !important;
    margin-top: 0;
    font-size: 20px
}

.withdrawable-input input#amount {
    width: 45%;
    height: 50px !important;
    border-radius: 5px !important;
    margin-left: auto;
    margin-right: 20%;
    border: 0 solid #f0f0f0 !important;
    background: #f0f0f0
}

.withdrawable-input select {
    width: 28%;
    height: 40px;
    border-radius: 5px;
    padding-left: 15px;
    font-size: 14px;
    color: #000;
    font-weight: 400 !important;
    border: 1px solid #cfcfcf;
    position: relative;
    right: 60%
}

.form-group.withdrawable-buttons {
    margin-top: 50px
}

.withdraw-cancle-button {
    text-align: center;
    left: 13%;
    position: relative;
    cursor: pointer
}

.withdraw-cancle-button .attbt {
    background-color: #d1d1d1 !important;
    width: 235 !important;
    font-weight: 400;
    padding: 10px;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #000;
    border-radius: 5px;
    height: 50px !important
}

.withdraw-submit-button {
    position: relative;
    right: 13%;
    text-align: center
}

.withdraw-submit-button #approveBtn {
    width: 235px !important;
    height: 50px !important;
    background: #5392f2 !important;
    color: #fff !important;
    border-radius: 5px;
    font-size: 14px;
    border: 0 solid
}

.withdrawable-term-and-condition {
    text-align: center
}

.withdrawable-term-and-condition span {
    font-size: 14px;
    color: #969696
}

.withdrawable-term-and-condition b {
    color: #5292f2;
    font-weight: 400
}

#withdraw-form .approve-modal-content {
    width: 400px !important;
    height: 145px
}

#withdraw-form .approve-modal-body {
    padding: 0 10px
}

.approve-modal-body {
    padding: 0
}

.approve-modal-body .attbt {
    background-color: #f5a623 !important;
    width: 161px !important;
    font-weight: 400;
    padding: 10px;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    height: 42px !important;
    margin-left: 10px
}

.wdf {
    padding: 20px 60px 60px;
    background: #fff;
    border-radius: 5px;
    border: 0 solid #f0f0f0;
    margin-top: 50px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    margin-bottom: 50px
}

.freelancer-side {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 15px
}

#login-div .error {
    color: red;
    font-size: 14px;
    padding-top: 10px !important;
    margin: 0;
    padding-bottom: 10px !important;
    text-align: left !important
}

#regis-log {
    font-size: 14px !important;
    padding-top: 15px
}

#forget-p {
    font-size: 14px !important
}

#topsign .error {
    color: red;
    margin-bottom: 0 !important;
    font-size: 14px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.orderbut:focus {
    outline: 0
}

#order-page #approveBtn {
    font-size: 16px;
    width: 100%;
    height: auto;
    background: #5392f2;
    color: #fff !important;
    border-radius: 5px;
    border: 0 solid;
    padding: 15px
}

#order-page .error {
    color: red;
    font-size: 11px
}

#dc-div #widc {
    margin-top: 10px;
    min-width: 200px
}

.btn-dejob {
    background-color: #f5a623 !important;
    width: 161px !important;
    font-weight: 400;
    padding: 10px;
    font-size: 14px !important;
    border: 0 solid;
    text-align: center;
    color: #fff !important;
    border-radius: 5px;
    height: 42px !important
}

.btn-dejob:focus,
.btn-dejob:hover,
.btn-dejob:visited {
    color: #fff !important;
    opacity: 1 !important
}

.report-but-pro {
    background: 0 0 !important;
    border: 0 !important;
    font-size: 14px !important;
    opacity: 1 !important;
    margin-right: 3px !important
}

#user-profile-menu {
    background: 0 0;
    padding-right: 0 !important
}

#mb-menu-left {
    display: block
}

#nw-page .error {
    color: red;
    font-size: 14px;
    position: relative;
    bottom: 5px
}

#preview {
    margin-top: 53px
}

#edit-ser-page .error {
    color: red;
    font-size: 14px;
    bottom: 4px;
    position: relative
}

h3.apply-head {
    color: #000 !important;
    font-size: 22px;
    font-weight: 400 !important;
    margin-top: 30px;
    margin-bottom: 30px
}

span.apply-logo img {
    width: 35px;
    margin-right: 15px;
    margin-left: 0 !important
}

.apply-form {
    background: #fff;
    padding: 30px 50px 50px;
    border-radius: 5px !important;
    border: 0 solid #f0f0f0;
    margin-top: 15px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05)
}

.apply-wrap .form-control {
    height: 50px !important;
    width: 70%;
    margin-bottom: 40px;
    border: 0 solid #f0f0f0 !important;
    border-radius: 5px !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05)
}

.basic-wrap label#change-photo {
    background: #4a90e2 !important;
    padding: 16px !important;
    display: inline-block;
    color: #fff;
    font-size: 12pt;
    margin-top: 5px;
    cursor: pointer;
    width: 172px;
    text-align: center;
    height: 50px;
    border-radius: 5px;
    font-weight: 200
}

#apply-con .basic-wrap span.help-block {
    padding-left: 30%;
    padding-bottom: 25px
}

.as-in-the-id-card input#myCheck {
    height: 12px !important
}

.apply-wrap input[type=submit] {
    background-color: #f5a623 !important;
    color: #fff;
    padding: 5px;
    height: 50px !important;
    width: 172px;
    font-weight: 200;
    border-radius: 5px !important;
    font-size: 14px !important;
    border: 0 !important;
    float: none;
    margin-top: 10px !important
}

.basic-wrap label#set-default {
    background: #626262;
    padding: 9px !important;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin-top: 5px;
    cursor: pointer;
    width: 172px !important;
    text-align: center;
    height: 40px;
    border-radius: 5px;
    font-weight: 200
}

.basic-wrap span.help-block {
    margin-top: 0 !important;
    padding-top: 0 !important;
    font-size: 14px;
    font-weight: 400 !important;
    padding-left: 8px
}

.basic-wrap span.error {
    font-size: 14px !important;
    position: relative;
    left: 30%;
    bottom: 15px
}

.apply-wrap table tr td a.apply {
    font-size: 14px;
    color: #000
}

.glyphicon.glyphicon-one-fine-dot:before {
    content: "25cf";
    font-size: 1.5em
}

.apply-wrap .glyphicon {
    top: 3px;
    color: #bcbcbc;
    font-size: 14px;
    margin-right: 10px
}

.apply-wrap textarea#brief {
    height: 200px !important
}

.id-holder {
    height: 160px;
    border-radius: 5px;
    border: none;
    position: relative;
    bottom: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #f6f6f6
}

.basic-wrap label#bb {
    background: #4a90e2 !important;
    padding: 15px !important;
    display: inline-block;
    color: #fff;
    float: left;
    font-size: 14px;
    margin-top: 0;
    cursor: pointer;
    width: 172px;
    text-align: center;
    height: 50px;
    border-radius: 5px;
    font-weight: 200
}

.as-in-the-id-card {
    position: relative;
    left: 30%;
    bottom: 25px
}

.id-holder h5,
p.std {
    font-size: 10pt;
    color: #000;
    font-weight: 400 !important;
    line-height: 25px;
    padding-top: 10px
}

.apply-wrap img#pv {
    margin-top: 6px;
    margin-right: 13px;
    float: right;
}

.apply-wrap img#preview {
    float: right;
    margin-right: 13px;
    margin-top: 0 !important
}

.upload-front-page-of-id-card {
    position: relative;
    bottom: 15px
}

.upload-back-page-of-id-card {
    position: relative
}

.upload-front-page-of-id-card span.error {
    display: inline-block;
    font-size: 14px !important;
    position: relative;
    left: 0;
    padding: 15px 25px 15px 0
}

.upload-back-page-of-id-card span.error {
    display: inline-block;
    font-size: 14px;
    position: relative;
    left: 0;
    padding: 15px 25px 15px 0
}

.edit-id-card-information {
    text-align: left;
    padding-left: 58px;
    padding-top: 22px
}

.edit-id-card-information a {
    font-size: 14px;
    font-weight: 600 !important;
    color: #000 !important
}

.edit-id-card-information span.error {
    padding-left: 30px;
    position: relative;
    bottom: 30px
}

.apply-wrap textarea.form-control {
    height: 150px !important
}

.id-holder img.myImg {
    float: right !important;
    margin-right: 20px !important;
    cursor: pointer;
    transition: .3s;
    height: 100px !important;
    width: 96px;
}

.upload-front-page-of-id-card img {
    margin-top: 12px;
    margin-left: 10px
}

.upload-back-page-of-id-card img {
    margin-left: 10px;
    margin-top: 12px
}

.id-holder {
    margin-left: 0
}

.id-sample-photos {
    padding-right: 0
}

.id-img {
    padding-right: 0;
    padding-left: 0
}

#summary-data {
    text-align: center
}

#summary-data span.glyphicon-remove-sign {
    font-size: 50px;
    color: red
}

#top-up-page .container {
    display: block;
    position: relative;
    padding-left: 0;
    width: 45%;
    padding-right: 0;
    margin: 2%;
    height: 100px;
    float: left;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: -5px
}

#top-up-page .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

#top-up-page .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 5px !important;
    border: 2px solid #cfcfcf
}

#top-up-page .container:hover input~.checkmark {
    background-color: #fff
}

#top-up-page .container input:checked~.checkmark {
    background-color: #fff;
    border-radius: 5px !important;
    border: 2px solid #4b81c1
}

#top-up-page .checkmark:after {
    width: 15px;
    height: 15px;
    line-height: 16px;
    border-radius: 100%;
    z-index: 999;
    display: block;
    position: absolute;
    top: -8px;
    right: -10px;
    color: #fff;
    font-size: 10px
}

#top-up-page .container input:checked~.checkmark:after {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 100%;
    border: 2px solid #4b81c1;
    background-color: #4b81c1;
    z-index: 999;
    position: absolute;
    top: -10px;
    right: -10px;
    color: #fff;
    font-size: 10px
}

#top-up-page .container .checkmark:after {
    top: 9px;
    right: 9px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff
}

#top-up-page #text-topup {
    z-index: 999;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600 !important;
    color: #4b81c1;
    padding-top: 33px;
    line-height: 35px
}

#top-up-page {
    width: 100%
}

.tp-row {
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    margin-top: 36px;
    margin-bottom: 36px;
    background: #fff;
    border-radius: 5px;
    width: 80%;
    margin-left: 10%
}

.tp-second-col {
    padding: 35px;
    padding-left: 55px
}

.tp-first-col h2 {
    font-size: 22px;
    font-weight: 600 !important;
    color: #000;
    margin-top: 10px
}

.tp-first-col p {
    font-size: 14px;
    font-weight: 400 !important;
    color: #000;
    line-height: 20px;
    padding-bottom: 20px
}

span.checkmark {
    width: 100% !important;
    height: 100px !important;
    border-radius: 0
}

p.tp-above-one-million-kyat {
    font-size: 14px;
    font-weight: 400 !important;
    color: #000;
    line-height: 45px;
    padding-bottom: 0
}

p.tp-term-and-conditions {
    font-size: 14px;
    font-weight: 400 !important;
    color: #000
}

.tp-first-col button.btn.btn-primary.btn-block {
    width: 92%;
    height: 50px;
    margin-left: 5px
}

.tp-second-col h2 {
    font-size: 22px;
    font-weight: 600 !important;
    color: #000;
    margin-top: 10px
}

.tp-second-col p {
    font-size: 14px;
    font-weight: 400 !important;
    color: #000;
    padding-bottom: 25px
}

.tp-second-col input#redeem {
    width: 90%;
    height: 50px;
    border: 0 solid #f0f0f0 !important;
    border-radius: 5px;
    background: #f0f0f0 !important
}

.tp-second-col button.btn.btn-primary.btn-block {
    width: 90%;
    height: 50px
}

p.tp-redeem-btn {
    font-size: 14px;
    font-weight: 400 !important;
    color: #000;
    margin-top: 0;
    text-align: left;
    line-height: 25px
}

#coupon-page h2 {
    font-size: 22px;
    font-weight: 600 !important;
    color: #000;
    margin-top: 10px
}

#coupon-page p {
    font-size: 14px;
    font-weight: 400 !important;
    margin-bottom: 25px;
    color: #000
}

#cp-success-msg {
    text-align: center
}

#cp-success-msg img {
    margin-bottom: 20px
}

#coupon-page {
    background: #fff;
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 60px;
    border-radius: 5px;
    height: auto;
    border: 0 solid #cfcfcf;
    margin: 50px auto;
    width: 525px;
    padding-left: 80px !important;
    padding-bottom: 20px !important;
    padding-right: 80px !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05)
}

.customtopuptext {
    margin: 0 0 10px;
    padding: 0 0 20px
}

#coupon-page h3.amazing {
    font-size: 22px;
    color: #000
}

.tp-in-crd b {
    font-family: pyidaungsu, Helvetica;
    font-size: 14px;
    color: #000
}

.tp-amazing-back-to-home {
    font-size: 14px;
    font-weight: 400;
    color: #999 !important
}

#coupon-page img {
    width: 85px;
    height: 85px
}

#coupon-page button.btn.btn-primary.btn-block {
    width: 90%;
    height: 50px
}

#coupon-page input.form-control {
    width: 90%;
    height: 40px;
    border: 0 solid #cfcfcf;
    border-radius: 5px
}

#custom-pay-above-ten-latts #coupon-page input.form-control {
    width: 100%;
    height: 50px;
    border: 0 solid #cfcfcf;
    border-radius: 5px
}

#custom-pay-above-ten-latts #coupon-page button.btn.btn-primary.btn-block {
    width: 100%;
    height: 50px;
    border: 0 solid #f0f0f0;
    border-radius: 5px
}

p.overtopup-term-and-conditions {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000;
    padding-top: 20px;
    margin-bottom: 20px !important;
    margin-right: 30px
}

#buy-job-page .approve-modal-content {
    padding-top: 30px
}

#buy-job-page .appclose {
    display: none
}

.hideablenoti {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    background-image: url(../img/alert.jpg);
    background-repeat: no-repeat;
    background-size: 250px !important;
    background-position-x: -70px;
    background-position-y: 0
}

.notitext {
    padding: 50px 30%;
    font-family: Pyidaungsu !important;
    color: #000;
    font-size: 12pt
}

.noticlose {
    border: thin solid #f0f0f0;
    border-radius: 50px;
    font-size: 10px;
    color: #cfcfcf;
    padding: 5px 20px;
    float: right;
    margin: 10px 10px 0 0;
    cursor: hand
}

.emailalert {
    background: #ffd500;
    width: 100%;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    font-size: 8px !important;
    height: 35px
}

.emailalerttxt {
    padding: 10px;
    font-size: 14px;
    text-align: center;
    color: #000
}

.wdf .appclose {
    display: none
}

.wdf .approve-modal-content {
    padding-top: 30px
}

.wdf button.approve-cancel {
    float: right
}

.wdf .error {
    font-size: 14px !important;
    text-align: center;
    display: block;
    padding-top: 10px
}

.success-withdraw-msg {
    color: green;
    text-align: center;
    display: block;
    font-size: 14px
}

@media(max-width:785px) {
    #banner1 {
        width: 100%;
        background-image: url(img/Home_Banner.png);
        height: 480px !important;
        background-size: auto 100% !important;
        background-position: center !important;
        background-repeat: no-repeat;
        margin-left: 0
    }
}

@media(max-width:790px) {
    .hb_bocap .container {
        width: 100% !important
    }

    .way li {
        padding: 8px !important;
        display: inline-block
    }

    .carousel {
        position: relative;
        height: auto
    }

    .hb_cap {
        position: absolute !important;
        top: 25% !important;
        left: 12%;
        padding-left: 48px
    }
}

@media screen and (max-width:767px) {
    .social {
        text-align: left
    }
}

@media(max-width:1199px) and (min-width:768px) {
    .home-product-item {
        border: 0 solid #e0e0e0;
        border-radius: 5px;
        transition: all .2s ease-in-out;
        cursor: pointer;
        will-change: transform;
        overflow: hidden;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        height: 345px;
        padding: 0;
        margin-bottom: 32px;
        width: 100%;
        background-color: #fff
    }

    .home-product-item img.pimg-cover {
        width: 100% !important;
        height: 178px !important;
        border-radius: 0 !important
    }

    .home-product-item .ptitle {
        height: 35px;
        padding-top: 10px;
        padding-left: 20px;
        font-size: 16px;
        font-weight: 100
    }

    #cat-video,
    #work-video {
        width: 100%;
        height: 178px !important;
        object-fit: cover
    }
}

@media screen and (max-width:767px) {
    .home-cat {
        width: 50% !important
    }
}

@media screen and (max-width:700px) {
    .popup {
        width: 70%
    }
}

@media only screen and (max-width:700px) {
    .modal-content {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .id-holder {
        overflow: hidden !important;
        width: 100% !important;
        margin-top: 60px !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .home-profile-2 h2 a {
        position: relative;
        left: 0
    }

    #dc {
        font-size: 13px;
        color: #b1b1b1;
        height: 40px !important;
        background: #f0f0f0;
        width: 92px !important
    }

    .share-icons-div .fa {
        padding: 3px !important;
        font-size: 27px;
        width: 38px !important;
        text-align: center;
        text-decoration: none;
        margin: 5px 2px !important;
        border-radius: 50%
    }

    .home-profile-2 .home-head {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-left: 6px
    }

    .way {
        list-style: none;
        padding-left: 30px
    }

    .hb_cap {
        position: absolute;
        top: 38%;
        left: 10%;
        padding-left: 0
    }

    .id-holder h5,
    p.std {
        font-size: 8pt;
        color: #000;
        font-weight: 400 !important;
        line-height: 25px;
        padding-top: 10px
    }

    .id-holder img.myImg {
        float: left !important;
        margin-left: 10px !important;
        cursor: pointer;
        transition: .3s;
        width: 40%;
        height: auto !important;
        margin-right: 5px !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .way {
        list-style: none;
        padding-left: 35px
    }

    .share-icons-div .fa {
        padding: 2px !important;
        width: 40px !important;
        text-align: center;
        text-decoration: none;
        border-radius: 50%
    }

    .quote-btn {
        background-color: #5392f2 !important;
        padding: 8px !important;
        font-size: 14px;
        border: 0 solid;
        text-align: center;
        color: #fff !important;
        border-radius: 5px;
        height: 50px !important;
        width: 100%;
        margin-top: 10px
    }

    .popular-cat {
        height: 150px;
        background: #fff;
        margin: 15px 0;
        border-radius: 5px;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        transition: all .2s ease-in-out;
        padding: 15px 10px
    }

    .cat_title h3 {
        font-size: 14px;
        font-weight: 350 !important;
        text-align: center;
        color: #000;
        margin-top: 10px;
        font-family: pyidaungsu, HelveticaNowText-Light !important
    }

    .navbar-nav>li>a {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    div#myCarousel1 {
        height: auto !important
    }
}

@media screen and (max-device-width:991px) and (min-device-width:768px) and (orientation:landscape) {
    .sub-custom-service {
        width: 100%
    }

    .footer_line hr {
        color: #969696 !important;
        border-top: 1px solid #333 !important;
        margin-top: 50px;
        margin-bottom: 50px
    }

    .footer {
        background-color: #000;
        color: #fff;
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        padding-top: 50px;
        padding-bottom: 20px
    }

    .footer .container .row .col-lg-3.col-md-3.col-sm-3.col-xs-12 {
        padding-left: 25px;
        display: block
    }

    .copyright p {
        font-weight: 500;
        padding-top: 20px;
        text-align: right;
        color: #fff;
        font-size: 14px;
        padding-bottom: 0
    }

    #apply-as-freelancer-page {
        margin-right: 0
    }

    #apply-tab b {
        display: block
    }

    #apply-tab span.glyphicon.glyphicon-one-fine-dot {
        top: -5px;
        font-size: 14px;
        margin-right: 10px;
        float: left
    }

    .apply-form {
        background: #fff;
        padding: 30px 30px 50px;
        border-radius: 5px !important;
        border: 0 solid #cfcfcf;
        position: relative;
        width: 71%;
        top: 10px
    }

    #apply-tab {
        width: 100%;
        margin-top: 15px
    }

    .basic-wrap span.help-block {
        text-align: left !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        font-size: 14px;
        font-weight: 400 !important;
        padding-left: 13px
    }

    .upload-photos.col-lg-4.col-md-4.col-sm-4.col-xs-12 {
        margin-bottom: 0
    }

    .noservice-txt {
        margin: 120px auto;
        display: block
    }

    .noservice-item {
        border: 1px dashed #cfcfcf;
        border-radius: 5px;
        transition: all .2s ease-in-out;
        cursor: pointer;
        will-change: transform;
        overflow: hidden;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        height: auto !important;
        padding: 0;
        background: 0 0;
        margin-bottom: 30px;
        text-align: center;
        color: #cfcfcf;
        font-size: 14px
    }

    .tp-first-col {
        border-right: 0;
        padding: 35px;
        line-height: 40px;
        padding-bottom: 0
    }

    p.tp-redeem-btn {
        font-size: 14px;
        font-weight: 400 !important;
        color: #000;
        margin-top: 0;
        text-align: center;
        line-height: 25px
    }

    .id-holder h5,
    p.std {
        font-size: 8pt;
        color: #000;
        font-weight: 400 !important;
        line-height: 25px;
        padding-top: 10px
    }

    .id-holder img.myImg {
        float: left !important;
        margin-left: 10px !important;
        cursor: pointer;
        transition: .3s;
        width: 40%;
        height: auto !important;
        margin-right: 5px !important
    }

    #custom-pay-above-ten-latts #coupon-page {
        width: 65%;
        padding-left: 50px !important;
        padding-right: 50px !important;
        padding-top: 50px !important;
        padding-bottom: 30px !important
    }

    #success-top-up-page #coupon-page {
        width: 45%
    }

    #edit-ser-delete {
        height: 50px !important
    }
}

@media screen and (max-device-width:767px) and (orientation:landscape) {
    .sub-custom-service {
        width: 50%
    }

    .footer_line hr {
        display: none
    }

    .footer {
        background-color: #000;
        color: #fff;
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .footer .container .row .col-lg-3.col-md-3.col-sm-3.col-xs-12 {
        padding-left: 25px;
        display: none
    }

    .copyright p {
        font-weight: 500;
        padding-top: 10px;
        text-align: right;
        color: #fff;
        font-size: 14px;
        padding-bottom: 0
    }

    #edit-ser-delete {
        height: 50px !important
    }

    #success-top-up-page #coupon-page {
        width: 65%
    }

    #custom-pay-above-ten-latts #coupon-page {
        width: 65%;
        padding-left: 50px !important;
        padding-right: 50px !important;
        padding-top: 50px !important;
        padding-bottom: 30px !important
    }

    #apply-tab b {
        display: block
    }

    #apply-tab span.glyphicon.glyphicon-one-fine-dot {
        top: -5px;
        font-size: 14px;
        margin-right: 10px;
        float: left
    }

    .apply-form {
        background: #fff;
        padding: 30px 30px 50px;
        border-radius: 5px !important;
        border: 0 solid #cfcfcf;
        position: relative;
        width: 71%;
        top: 10px
    }

    #apply-tab {
        width: 100%;
        margin-top: 15px
    }

    .basic-wrap span.help-block {
        text-align: left !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        font-size: 14px;
        font-weight: 400 !important;
        padding-left: 13px
    }

    .upload-photos.col-lg-4.col-md-4.col-sm-4.col-xs-12 {
        margin-bottom: 50px
    }

    .noservice-txt {
        margin: 120px auto;
        display: block
    }

    .noservice-item {
        border: 1px dashed #cfcfcf;
        border-radius: 5px;
        transition: all .2s ease-in-out;
        cursor: pointer;
        will-change: transform;
        overflow: hidden;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        height: auto !important;
        padding: 0;
        background: 0 0;
        margin-bottom: 30px;
        text-align: center;
        color: #cfcfcf;
        font-size: 14px
    }

    .tp-first-col {
        border-right: 0;
        padding: 35px;
        line-height: 40px;
        padding-bottom: 0
    }

    p.tp-redeem-btn {
        font-size: 14px;
        font-weight: 400 !important;
        color: #000;
        margin-top: 0;
        text-align: center;
        line-height: 25px
    }

    .id-holder h5,
    p.std {
        font-size: 8pt;
        color: #000;
        font-weight: 400 !important;
        line-height: 25px;
        padding-top: 10px
    }

    .id-holder img.myImg {
        float: left !important;
        margin-left: 10px !important;
        cursor: pointer;
        transition: .3s;
        width: 40%;
        height: auto !important;
        margin-right: 5px !important
    }
}

.editbtn {
    width: 25px
}

input {
    border: 0 solid #f0f0f0 !important;
    box-shadow: none !important;
    background: #f0f0f0 !important;
    font-size: 14px !important;
    border-radius: 5px;
    height: 50px !important
}

.form-control:focus {
    outline: 0 !important;
    box-shadow: none !important
}

.form-control {
    border: 0 solid #f0f0f0 !important;
    box-shadow: none !important;
    background: #f0f0f0 !important;
    font-size: 12pt !important;
    border-radius: 5px;
    color: #000;
    font-family: pyidaungsu, HelveticaNowText-Light, Helvetica, ArialMT sans-serif !important
}

input[type=submit] {
    height: 50px !important
}

select {
    height: 50px !important
}

#es-first-form-div {
    width: 33%;
    float: left;
    margin: 0
}

#category-div {
    padding-left: 0
}

#es-second-form-div {
    width: 67%;
    float: left;
    margin: 0
}

#service-title-div {
    padding-left: 0;
    padding-right: 0
}

#es-first-form-div .control-label {
    padding-left: 0
}

#es-second-form-div .control-label {
    padding-left: 0
}

:root {
    --balloon-color: #676767
}

#review-span {
    color: #999;
    font-weight: 350;
    font-size: 14px !important;
    display: block
}

#order-page .approve-modal-content {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px
}

.upload-photos {
    padding-left: 0
}

div#information {
    background: #fff;
    height: 800px;
    border-radius: 5px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    margin: 36px 15px
}

.financial .statement .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #000 !important;
    border: 0 solid !important;
    background-color: #fff !important;
    font-size: 14px !important;
    line-height: 21px !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.nav-tabs {
    border-bottom: none !important;
    background: 0 0 !important;
    margin-left: -5px
}

.financial .statement .nav-tabs li {
    font-size: 14px
}

.financial .statement .nav-tabs li a:hover {
    color: #000 !important
}

.finance-table {
    width: 100%
}

.statement-status-noti {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 0;
    width: 100%;
    padding: 25px 5px;
    margin-left: 0;
    margin-top: 36px
}

#financial-status {
    display: inline-block;
    float: left;
    padding: 20px;
    margin-right: 0;
    border-right: 1px solid #f0f0f0 !important;
    margin-left: 0;
    margin-bottom: 0;
    width: 33.33%
}

p.status-header {
    color: #5a5a5a;
    font-weight: 350 !important;
    font-family: Arial !important;
    text-align: center;
    font-size: 14px
}

p.status-body {
    text-align: center;
    font-size: 20px;
    color: #000;
    margin-bottom: 0
}

#status-noborder {
    display: inline-block;
    padding: 20px;
    margin-left: 0;
    width: 33.33%;
    margin-bottom: 0;
    margin-right: 0
}

p.status-header-noborder {
    color: #5a5a5a;
    font-weight: 350 !important;
    font-family: Arial !important;
    text-align: center;
    font-size: 14px
}

.status-body b {
    font-family: Arial !important;
    font-weight: 600 !important
}

#earning-page-div {
    padding-left: 30px;
    padding-right: 30px
}

#redeem-page-div {
    padding-left: 30px;
    padding-right: 30px
}

#withdraw-page-div {
    padding-left: 30px;
    padding-right: 30px
}

#apply-as-freelancer-page {
    margin-right: 0
}

div#status-line {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 0;
    width: 95%;
    margin-left: 2.5%
}

.job-send:focus {
    outline: 0
}

#buy-job-page .approve-button:focus {
    outline: 0
}

#to-signup {
    background: rgba(0, 0, 0, .5)
}

#to-signup .modal-body {
    position: relative;
    padding: 50px 50px 35px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    background: #fff;
    border: 0 solid #cfcfcf;
    border-radius: 5px
}

#wd-signup-invitation-form h1 {
    font-size: 20px;
    margin-top: 10px;
    color: #000
}

#sub-wd-invitation-code {
    background-color: #337ab7 !important;
    color: #fff;
    padding: 16px 20px;
    margin: 15px 0 1px;
    border: none;
    cursor: pointer;
    height: 50px !important;
    width: 100%;
    opacity: .9
}

#signup-invitation-btn {
    padding: 12px 25px !important;
    border: 1px solid #fff;
    margin-top: 5px !important;
    border-radius: 30px !important;
    color: #fff;
    background: 0 0
}

#homepage #signup-invitation-btn {
    padding: 12px 25px !important;
    border: 1px solid #000 !important;
    margin-top: 5px !important;
    border-radius: 30px !important;
    color: #000 !important;
    background: 0 0
}

#pc-menu {
    display: block
}

#homepage #white-logo {
    display: none !important
}

#homepage #black-logo {
    display: block
}

#white-logo {
    display: block
}

#black-logo {
    display: none
}

#search-page #head-search {
    display: none !important
}

#head-right {
    float: none
}

#homepage #head-search {
    width: auto;
    display: none !important;
    margin-top: 11px
}

#head-search {
    width: 250px;
    margin-left: 30px;
    float: left;
    margin-top: 11px
}

#head-search input {
    color: #fff;
    transition: .3s;
    width: 180px;
    background: #676767 !important;
    height: 35px !important;
    float: left;
    border-radius: 5px
}

#head-search input:focus {
    color: #fff;
    width: 250px !important;
    background: #676767 !important;
    height: 35px !important;
    float: left;
    border-radius: 5px
}

#how-but {
    color: #fff;
    padding: 6px 12px !important;
    border: 0 solid;
    background: 0 0;
    margin-top: 11px
}

#homepage #how-but {
    color: #000 !important;
    padding: 6px 12px !important;
    border: 0 solid;
    background: 0 0;
    margin-top: 11px
}

.navbar-right {
    float: right !important;
    margin-right: -15px !important
}

ul .drop-menu:after {
    content: "";
    position: absolute;
    top: -16px;
    bottom: auto;
    left: 33%;
    margin-left: -8px;
    height: 0;
    width: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 8px;
    z-index: 9
}

.drop-menu li:first-child {
    overflow: hidden !important;
    border-radius: 5px 5px 0 0 !important
}

.drop-menu li:last-child {
    overflow: hidden !important;
    border-radius: 0 0 5px 5px !important
}

ul.nav li:hover .drop-menu {
    margin-top: 0 !important;
    padding-left: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    opacity: 1 !important;
    transition: all .4s ease-in-out !important;
    position: absolute;
    display: block;
    background: #fff;
    visibility: visible !important;
    width: auto !important;
    border-radius: 5px !important;
    border: 0 !important;
    list-style: none;
    top: 60px;
    transition: all .4s ease-in-out !important
}

.drop-menu {
    margin-top: 0 !important;
    opacity: 0;
    display: none;
    padding-left: 0;
    margin: auto;
    position: absolute;
    background: #fff;
    visibility: visible !important;
    width: auto !important;
    border-radius: 5px !important;
    border: 0 !important;
    list-style: none;
    top: 60px;
    transition: all .4s ease-in-out !important
}

#user-image {
    max-width: none !important;
    width: 40px !important;
    margin-top: 4px;
    border-radius: 40px !important;
    border: 2px solid #fff
}

#prodrop .dropdown-menu>li>a {
    font-size: 13px;
    font-weight: 100;
    padding-top: 5px;
    width: 180px;
    padding-bottom: 5px;
    transition: all .5s ease-in-out;
    line-height: 3.2em;
    display: block !important;
    padding: 3px 15px;
    clear: both;
    white-space: nowrap
}

ul.nav li:hover #prodrop {
    margin-top: 0;
    opacity: 1 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: block !important;
    min-width: 1px;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: #fff;
    border-radius: 5px !important;
    visibility: visible !important
}

ul.nav li #prodrop {
    margin-top: 0;
    display: none;
    opacity: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: #fff;
    border-radius: 5px !important
}

ul.dropdown-menu li {
    background: #fff !important;
    border-bottom: 0 solid #f0f0f0 !important
}

ul.nav li:hover ul.dropdown-menu {
    margin-top: 0 !important;
    opacity: 1 !important;
    margin: auto;
    max-width: 300px !important;
    visibility: visible !important;
    max-width: 300px;
    min-width: 1px;
    width: auto !important;
    border-radius: 0 !important;
    padding: 0 !important;
    border: 0 !important
}

#ksp {
    margin-top: -35px;
    margin-bottom: 0;
    padding-left: 0
}

#tpk {
    padding: 15px 20px;
    border-radius: 5px 5px 0 0
}

#prodrop1 .dropdown-menu li {
    background: 0 0 !important;
    border-bottom: 0 solid #f0f0f0 !important
}

#prodrop1 .dropdown-menu>li>a {
    font-size: 14px !important;
    font-weight: 200;
    width: 200px !important;
    transition: all .5s ease-in-out;
    line-height: 3.2em;
    display: block !important;
    padding: 0 20px;
    clear: both;
    white-space: nowrap
}

ul.nav li:hover #prodrop .dropdown-menu {
    margin-top: 0 !important;
    width: 183px;
    position: absolute;
    border-radius: 5px;
    max-width: 100%;
    background: #fff;
    opacity: 1 !important;
    visibility: visible !important
}

#myNavbar1 {
    display: none !important
}

#top-banner-right-div {
    width: 9%;
    float: right
}

#top-right-img-div img {
    width: 100%;
    padding: 10px
}

#top-right-img-div:hover {
    transform: translate(0, -2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .16)
}

#top-right-img-div {
    width: 92.5px;
    transition: all .2s ease-in-out;
    will-change: transform;
    height: 92.5px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    background: #fff;
    float: right;
    margin-bottom: 10px;
    border-radius: 5px
}

.pc-homebanner {
    display: block
}

.mb-homebanner {
    display: none
}

#top-left-sec-div {
    width: 100%;
    float: left;
    background-position: right;
    background-size: auto 100%;
    background-image: url(../img/homehero.png);
    background-repeat: no-repeat;
    height: 400px
}

#top-left-div {
    width: 1004px;
    float: left;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    background: #fff;
    height: 400px;
    border-radius: 5px;
    overflow: hidden
}

.hb_cap {
    position: relative !important;
    top: 100px !important;
    left: 60px;
    padding-left: 0 !important
}

#top-banner {
    margin-left: 15px;
    margin-right: 15px
}

.teamtag {
    font-size: 14px;
    background: #3e6eb6;
    color: #fff;
    border-radius: 50px;
    padding: 5px 20px;
    margin-left: 10px;
    margin-top: -15px;
    position: absolute;
    border: 3px solid #fff
}

.pd-5 {
    padding-top: 15px;
    padding-left: 20px !important;
    height: 30px;
    padding-right: 20px !important
}

.home-product-item img.pimg-cover {
    width: 100% !important;
    height: 200px;
    border-radius: 0 !important
}

.uname {
    margin-left: 8px;
    font-size: 14px;
    width: 60%;
    margin-top: 8px;
    font-weight: 350 !important;
    color: #000;
    float: left
}

span.service_logo img {
    width: 35px;
    margin-right: 15px;
    margin-left: 0 !important
}

#provide-page,
#purchased-page {
    padding-top: 16px;
    padding-bottom: 6px
}

.mj-item,
.mj-progress-item {
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05)
}

#mj-div-link {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute
}

#mj-ks {
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    height: 50px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding-top: 15px
}

#mj-main-title {
    padding: 15px 20px 0;
    height: 68px
}

#mj-main-div {
    width: 100%;
    padding-left: 20px;
    overflow: hidden;
    padding-right: 20px
}

#mj-div1,
#mj-div2 {
    width: 50%;
    float: left
}

#mj-head img {
    width: 34px;
    height: 30px;
    margin-top: 0;
    margin-right: 15px;
    float: left
}

#mj-num-link {
    font-size: 14px;
    color: #000;
    font-family: Roboto !important
}

#mj-num {
    background: #5392f2 !important;
    color: #fff;
    border-radius: 5px;
    border: 0;
    padding: 6px 12px
}

#mk-ul-left {
    width: 46%;
    float: left
}

#mk-ul-right {
    width: auto;
    padding-top: 20px;
    margin-right: -5px;
    float: right
}

.sub-nav {
    border-bottom: 0 solid rgba(155, 35, 53, .2) !important;
    overflow: hidden;
    padding-top: 5px;
    margin-top: 0 !important;
    padding-left: 15px;
    padding-right: 15px
}

#mj-head {
    font-size: 22px;
    color: #000;
    margin-top: 20px;
    font-weight: 700;
    margin-left: 0
}

#mj-text {
    padding: 15px
}

.mj-item img {
    width: 100%;
    object-fit: cover;
    height: 200px
}

.mj-progress-item img {
    object-fit: cover;
    width: 100%;
    height: 210px
}

.mj-item:hover {
    transform: translate(0, -2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .16)
}

.mj-progress-item:hover {
    transform: translate(0, -2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .16)
}

.Approved,
.Ordered,
.Started,
.Submitted {
    color: green !important
}

.Canceled,
.Cancellation,
.Declined,
.Rejected {
    color: red !important
}

#mj-ks-p {
    float: right;
    width: 50%
}

#mj-ks-left-p {
    float: left;
    width: 50%
}

#work-title {
    font-size: 22px;
    color: #000;
    margin-top: -10px;
    font-weight: 700;
    margin-left: 48px
}

#my-ser {
    height: auto;
    padding: 15px !important
}

#myser-div {
    padding: 0;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    height: 360px;
    border: 0 solid #cfcfcf;
    border-radius: 5px;
    overflow: hidden;
    transition: all .2s ease-in-out;
    will-change: transform;
    background: #fff !important
}

#myser-div:hover {
    transform: translate(0, -2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .16)
}

#product-text {
    padding-left: 20px;
    padding-right: 20px
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #000 !important;
    cursor: pointer !important;
    background-color: #fff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 5px !important
}

#statement-top-div {
    padding-left: 30px;
    padding-right: 30px
}

#statement-financial-page {
    padding-left: 30px;
    padding-right: 30px
}

#buy-job-form #preview {
    margin-top: 15px !important
}

#job-page #preview {
    margin-top: 0 !important
}

#attach-div-left-bot {
    margin-bottom: -10px;
    padding-left: 0
}

#attfile-div-brief {
    margin-left: 30px
}

#order-date-brief {
    margin-left: 30px;
    margin-top: 15px
}

#myacc h3 {
    color: #000
}

.earning-balance .sub-nav {
    padding-top: 28px !important
}

#earn-tab {
    margin-left: 10px
}

#earning-left-div {
    width: 100%
}

#wd-right-links {
    padding-top: 28px
}

#redeem-left {
    width: 100%
}

#wd-left-div {
    width: 100%
}

.finance-table .nav-tabs {
    border-bottom: none !important;
    background: 0 0 !important;
    margin-left: 10px
}

.nav-tabs li a {
    font-size: 14px !important;
    color: #000 !important;
    border-radius: 5px;
    background: 0 0 !important;
    border: 1px solid #fff !important;
    line-height: 21px !important
}

#sub-nav-statement {
    padding-top: 28px
}

.custom-services {
    margin: 0 30px 0 0
}

.teamdetail {
    font-size: 14px;
    color: #999;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    margin-top: -10px;
    border: 1px solid #cfcfcf;
    width: 50%
}

.teamprofile {
    font-size: 14px;
    background: #3e6eb6;
    color: #fff;
    border-radius: 50px;
    padding: 5px 20px;
    width: 20%;
    text-align: center;
    float: right
}

.orderbut {
    width: 100%;
    padding: 15px;
    margin-top: 15px;
    color: #fff;
    border: 0;
    background: #f5a623;
    border-radius: 5px
}

#approveBtn img {
    width: 80%
}

@media(min-width:992px) {
    #mb-white-logo {
        width: 36px;
        display: none
    }
}

@media(max-width:1345px) and (min-width:768px) {
    #homepage[aria-label][data-balloon-pos][data-balloon-length=fit]:after {
        white-space: normal;
        width: auto !important;
        padding: 10px;
        border-radius: 5px
    }
}

#homepage[aria-label][data-balloon-pos][data-balloon-length=fit]:after {
    white-space: normal;
    width: 100%;
    padding: 10px;
    border-radius: 5px
}

#drop-title {
    float: left
}

#user-pro-page[aria-label][data-balloon-pos][data-balloon-length=fit]:after {
    white-space: normal;
    width: 150px !important;
    padding: 10px;
    border-radius: 5px;
    margin-top: 0 !important
}

#drop-icon {
    margin: -2px 0 0;
    padding: 0;
    text-align: left;
    float: right;
    width: 23px;
    font-size: 22px;
    margin-left: 10px
}

#mb-left-menu .dropbtn {
    outline: -webkit-focus-ring-color auto 0 !important;
    background-color: #fff;
    padding: 15px 10px 5px 15px;
    font-size: 14px;
    width: 100%;
    border: none;
    color: #000 !important;
    border-radius: 5px
}

#mb-left-menu .dropdown {
    position: relative;
    width: 100%;
    display: inline-block
}

#mb-left-menu .dropdown-content li:first-child {
    border-radius: 5px 5px 0 0
}

#mb-left-menu .dropdown-content:after {
    content: "";
    position: absolute !important;
    top: -16px;
    bottom: auto;
    margin-left: 5px;
    height: 0;
    width: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 8px;
    z-index: 9
}

#mb-left-menu .dropdown-content {
    display: none;
    overflow: hidden;
    list-style: none;
    position: absolute;
    padding: 0;
    background-color: #fff;
    min-width: 100%;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 1;
    border-radius: 5px
}

#mb-left-menu #cat-menu-div {
    margin-left: 5px
}

#mb-left-menu .dropdown-content a {
    color: #000 !important;
    padding: 12px 16px;
    font-size: 14px;
    text-decoration: none;
    display: block
}

#mb-left-menu .dropdown-content a:hover {
    background-color: #ddd
}

#mb-left-menu .dropdown:hover .dropbtn {
    background-color: #ddd
}

@media(min-width:768px) {
    #prome {
        font-size: 14px !important
    }

    .withdrawable-input select {
        width: 25% !important;
        height: 50px !important;
        border-radius: 5px;
        float: right;
        padding-left: 30px;
        margin-right: 5% !important;
        font-size: 14px;
        color: #000;
        background: #f0f0f0;
        font-weight: 400 !important;
        border: 0 solid #cfcfcf;
        position: relative;
        right: 0
    }

    #subcat-con-div .search-sort {
        margin-left: 0;
        padding-right: 0 !important
    }

    #mj-div1 a,
    #mj-div1 p,
    #mj-div1 span {
        font-weight: 350 !important;
        font-size: 13px !important;
        color: #000;
        font-weight: 500 !important
    }

    #mj-div2 p {
        font-size: 13px !important;
        color: #000
    }

    .navbar a {
        color: #fff;
        font-size: 14px !important
    }

    #homepage #user-image {
        max-width: none !important;
        width: 40px !important;
        margin-top: 4px;
        border-radius: 40px !important;
        border: 2px solid #000 !important
    }

    #homepage .navbar-toggle .icon-bar {
        background-color: #000 !important
    }

    #homepage #other-page-header {
        width: 100%;
        height: auto !important;
        position: relative;
        background: 0 0 !important
    }

    #homepage #headcon {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
        padding-right: 30px;
        padding-left: 30px
    }

    #pc-left-menu {
        display: block
    }

    #mb-left-main-div,
    #mb-left-menu {
        display: none
    }

    .row.design_and_graphic_header {
        margin-bottom: 20px;
        padding-right: 10px !important
    }
}

@media(max-width:767px) {
    .cb-overlay .cb-modal {
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 100%;
        max-height: 100%;
        min-width: 100px !important;
        min-height: 260px;
        margin-top: 75px !important;
        background: #fff;
        overflow: auto;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 30px;
        box-shadow: 0 0 0 1px rgba(136, 152, 170, .1), 0 15px 35px 0 rgba(49, 49, 93, .1), 0 5px 15px 0 rgba(0, 0, 0, .13)
    }

    #how-it-work-popup {
        display: none !important
    }

    #order-main #approveBtn img {
        width: 150px !important
    }

    #id-card-save {
        width: 70%;
        float: right
    }

    #finance-save-but {
        width: 70%;
        float: right
    }

    .work-title {
        color: #000 !important;
        font-size: 18px !important
    }

    #acc-form input[type=submit] {
        background-color: #f5a623 !important;
        color: #fff;
        padding: 5px;
        margin-top: 10px;
        height: 50px !important;
        width: 100% !important;
        border-radius: 5px !important;
        font-size: 14px !important;
        border: 0 !important;
        margin-bottom: 20px;
        float: left !important
    }

    #save-security {
        width: 70% !important;
        float: right !important
    }

    #account-page label#change-photo {
        background: #4a90e2 !important;
        padding: 15px !important;
        display: inline-block;
        color: #fff;
        float: left;
        font-size: 14px;
        margin-top: 5px;
        cursor: pointer;
        width: 100% !important;
        text-align: center;
        height: 50px;
        border-radius: 5px;
        font-weight: 200
    }

    .basic-wrap label#bb {
        background: #4a90e2 !important;
        padding: 15px !important;
        display: inline-block;
        color: #fff;
        float: right !important;
        font-size: 14px;
        margin-top: 0;
        cursor: pointer;
        width: 70% !important;
        text-align: center;
        height: 50px;
        border-radius: 5px;
        font-weight: 200
    }

    #user-right-menu {
        float: left !important;
        width: 100% !important;
        font-size: 14px;
        padding-left: 15px !important;
        font-weight: 700;
        color: #000;
        padding-top: 15px !important
    }

    .upload-photos {
        padding-left: 0;
        padding-right: 0
    }

    .upload-front-page-of-id-card span.error {
        display: inline-block;
        font-size: 14px !important;
        position: relative;
        left: 0;
        padding: 0 25px 0 0 !important
    }

    #mk-ul-right li {
        margin-bottom: 20px;
        padding-right: 3px;
        padding-left: 0;
        width: auto !important
    }

    #mj-num-link2,
    #purchased-jobs-done #mj-num-link1 {
        font-size: 14px;
        font-weight: 300 !important;
        color: #000;
        font-family: pyidaungsu, Helvetica !important;
        padding: 2px
    }

    #purchased-jobs-done #mj-num-link3 {
        font-size: 14px;
        font-weight: 700 !important;
        color: #000;
        padding: 0;
        font-family: pyidaungsu, Helvetica !important
    }

    .basic-wrap label#change-photo {
        background: #4a90e2 !important;
        padding: 16px !important;
        display: inline-block;
        color: #fff;
        font-size: 14px;
        margin-top: 5px;
        cursor: pointer;
        width: 100% !important;
        text-align: center;
        height: 50px;
        border-radius: 5px;
        font-weight: 200
    }

    #save-but-freelance {
        width: 70% !important;
        float: right
    }

    .amsify-suggestags-area .amsify-suggestags-input-area .amsify-suggestags-input {
        max-width: 100% !important;
        padding: 0 4px;
        border: 0
    }

    .amsify-suggestags-area .amsify-suggestags-input-area {
        text-align: left;
        height: auto;
        margin-left: 30%;
        padding: 30px 15px !important
    }

    .apply-form {
        background: #fff;
        padding: 30px 30px 50px !important;
        border-radius: 5px !important;
        border: 0 solid #f0f0f0;
        margin-top: 15px;
        width: 100%;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05)
    }

    .apply-wrap input[type=submit] {
        background-color: #f5a623 !important;
        color: #fff;
        padding: 5px;
        height: 50px !important;
        width: 100% !important;
        font-weight: 200;
        border-radius: 5px !important;
        font-size: 14px !important;
        border: 0 !important;
        float: right !important;
        margin-top: 10px !important
    }

    #edit-ser-cancel {
        color: #fff;
        background-color: #5bc0de;
        border-color: #46b8da;
        height: 40px;
        margin-bottom: 10px;
        float: left;
        margin-right: 10px;
        border-radius: 5px;
        width: 100% !important;
        margin-top: 0;
        padding-top: 10px
    }

    #cat-title-p {
        margin-top: 0;
        text-align: left;
        font-size: 22px;
        color: #000;
        margin-bottom: 25px !important
    }

    #mb-left-menu #cat-menu-div {
        margin-left: 5px;
        padding-right: 10px !important
    }

    .search-sort .form-inline {
        display: none !important
    }

    .remove_img_preview:before {
        content: 'x';
        text-transform: lowercase;
        font-size: 18px !important;
        left: 7px !important;
        top: -1px !important;
        position: absolute
    }

    .remove_img_preview {
        position: absolute;
        top: -7px !important;
        right: -7px !important;
        background: #000;
        color: #fff;
        border-radius: 50px;
        width: 22px !important;
        line-height: 26px;
        font-size: 16px;
        padding: 0;
        text-align: center;
        cursor: pointer;
        height: 22px !important
    }

    .del-pic {
        position: absolute;
        top: -12px !important;
        right: -12px !important;
        background: #000;
        color: #fff;
        border-radius: 50px;
        width: 22px !important;
        line-height: 26px;
        font-size: 18px !important;
        padding: 0;
        text-align: center;
        cursor: pointer;
        height: 22px !important
    }

    .del-pic:before {
        content: "x";
        position: absolute;
        top: -1px !important;
        left: 7px !important
    }

    #submit-nw {
        background-color: #5392f2 !important;
        width: 100% !important;
        padding: 10px;
        font-size: 14px;
        border: 0 solid;
        text-align: center;
        color: #fff;
        border-radius: 5px;
        height: 50px !important
    }

    #nw-attach {
        background-color: #f5a623 !important;
        color: #fff;
        padding: 15px;
        text-align: center;
        height: 50px !important;
        width: 100% !important;
        font-weight: 300 !important;
        border-radius: 5px !important;
        font-size: 14px !important;
        border: 0 !important;
        float: left !important
    }

    #nw-att-div {
        width: 100%;
        margin-left: 5px !important;
        overflow: hidden
    }

    #edit-ser-delete {
        font-size: 14px;
        height: 50px;
        border: 0 solid #fff;
        border-radius: 5px;
        width: 100% !important;
        margin-top: 0;
        float: left;
        color: #fff;
        font-weight: 300;
        padding-top: 10px
    }

    #nw-tform-div {
        width: 100% !important;
        float: left;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-left: 0;
        margin-right: 0
    }

    #edit-ser-page #attachbtn {
        margin-right: 0 !important;
        width: 100% !important;
        padding-left: 0 !important;
        border-radius: 5px !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        overflow: hidden
    }

    #es-tform-div {
        width: 100% !important;
        float: left;
        margin: 0
    }

    #price-div {
        padding-left: 0 !important;
        padding-right: 0
    }

    #revisions-div {
        padding-right: 0 !important;
        padding-left: 0
    }

    #rev-label {
        padding-left: 0 !important
    }

    #mj-div1 a,
    #mj-div1 p,
    #mj-div1 span {
        font-weight: 350 !important;
        font-size: 18px !important;
        color: #000;
        font-weight: 500 !important
    }

    #mj-div2 p {
        font-size: 18px !important;
        color: #000
    }

    #prome {
        font-size: 18px !important
    }

    html {
        background: #666
    }

    #mb-cat-li {
        padding-bottom: 30px !important
    }

    .navbar a {
        color: #fff;
        font-size: 18px !important
    }

    #top-banner {
        margin-top: 30px
    }

    #pc-left-menu,
    .left-menu-category {
        display: none
    }

    .cat-mb-left-main {
        padding-left: 0 !important;
        width: 100% !important;
        float: left !important;
        display: block !important
    }

    .category-header {
        padding-left: 23px !important
    }

    .search-sort .form-group select {
        width: 100%;
        background: #fff !important;
        color: #cdcdcd !important;
        border: 0 !important
    }

    #mb-left-menu {
        margin-top: -11px;
        display: block;
        padding-left: 0;
        width: 100%;
        float: left
    }

    #mb-left-main-div {
        display: block;
        padding-left: 0 !important;
        width: 100% !important;
        float: left
    }

    #category-page .search-sort {
        margin-left: 0 !important;
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .search-sort {
        margin-left: 0 !important;
        width: 100% !important
    }

    .search-sort .form-group {
        padding-right: 8px;
        padding-left: 5px;
        padding-top: 20px;
        width: 30%;
        padding-bottom: 0;
        float: left;
        position: relative;
        left: 10px;
        bottom: 15px
    }
}

a.cat-pagination-second:hover {
    border-color: #676767 !important;
    background: #676767 !important;
    color: #fff !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .16);
}

#pagi-row {
    margin-right: 0;
    margin-left: 0
}

#sub-right-col {
    padding-left: 30px
}

.col-lg-6.col-md-6.col-sm-6.col-xs-12.tp-first-col {
    border-right: 1px solid #f0f0f0;
    padding: 35px;
    line-height: 40px;
    padding-bottom: 0
}

@media(max-width:991px) {
    #dc {
        font-size: 13px;
        color: #b1b1b1;
        height: 40px !important;
        background: #f0f0f0;
        width: 100% !important
    }

    .g-recaptcha {
        transform: scale(.77);
        -webkit-transform: scale(.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    .id-holder h5,
    p.std {
        font-size: 8pt;
        color: #000;
        font-weight: 400 !important;
        line-height: 18px;
        padding-top: 0
    }

    #top-left-sec-div {
        width: 100%;
        float: left;
        background: 0 0 !important;
        background-position: right;
        background-size: auto 0;
        background-image: url(../img/homehero.png);
        background-repeat: no-repeat;
        height: 400px
    }

    #st-job-th {
        width: 20% !important
    }

    #st-date-th {
        width: 18% !important
    }

    #st-price-th {
        width: 18% !important
    }

    #st-services-fee-th {
        width: 16% !important
    }

    #st-earning-th {
        width: 28% !important
    }

    #mb-white-logo {
        width: 36px;
        display: block
    }

    #homepage #mb-white-logo {
        width: 36px;
        display: none !important
    }

    .hb_cap {
        position: relative !important;
        top: 100px !important;
        width: 80%;
        left: 0 !important;
        padding-left: 0 !important;
        margin: auto
    }

    #search-home-input {
        width: 100% !important
    }

    .hb_cap .navbar-form {
        width: 100%;
        padding-right: 0 !important;
        padding-top: 0;
        margin: auto !important;
        padding-left: 0 !important;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    #srch-term {
        width: 100%
    }

    #searchbut-div {
        width: 25%
    }

    #home-div {
        width: 100%
    }

    #searchbut {
        height: 50px;
        background: #f5a623;
        color: #fff;
        border: 0;
        width: 100% !important
    }
}

#right-ques {
    width: auto;
    float: right
}

.req-attach {
    height: 45px;
    padding: 10px 0;
    margin-top: 5px;
    cursor: pointer
}

#att-paper {
    text-align: right !important;
    margin: 0 !important;
    width: auto;
    font-size: 38px !important
}

#user-profile {
    padding-left: 15px !important;
    list-style: none
}

.review-div .form-group {
    margin-bottom: 0;
    margin-top: 20px
}

#question-icon {
    float: right;
    margin: 0;
    width: auto;
    text-align: right;
    font-size: 18px;
    padding: 0;
    color: #dadada
}

#request_code {
    font-size: 22px;
    margin-top: 10px;
    width: 70%;
    color: #000;
    float: left
}

#attachment-icon {
    width: 34px;
    height: 34px
}

#user-submitbut {
    background-color: #337ab7 !important;
    color: #fff;
    float: right;
    padding: 16px 20px;
    margin: 20px 0 1px;
    cursor: pointer;
    height: 50px !important;
    width: 120px;
    opacity: .9
}

#textarea-user-form {
    height: 120px
}

#verification-con {
    height: auto;
    padding-top: 100px;
    margin-bottom: 100px
}

#checkin-page {
    padding-top: 36px;
    padding-bottom: 36px
}

#top-vg {
    margin-bottom: 0
}

#veri-but {
    background-color: #337ab7 !important;
    color: #fff;
    padding: 16px 20px;
    margin: 20px 0 1px;
    border: none;
    cursor: pointer;
    height: 50px !important;
    width: 100%;
    opacity: .9
}

#ver-form h1 {
    font-size: 22px;
    margin-top: 10px
}

#verification-page {
    margin: auto;
    float: none
}

#ver-form {
    padding: 60px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05)
}

#sharebuttons {
    width: 100%;
    padding: 5%;
    background: #f0f0f0;
    border-radius: 5px;
    display: none
}

.sharefacebook {
    width: 15%;
    margin-right: 4.5%
}

.sharetwitter {
    width: 15%;
    margin-right: 4.5%
}

.sharepinterest {
    width: 15%;
    margin-right: 4.5%
}

.sharecopy {
    width: 15%
}

@media(min-width:1200px) {

    #search-price-label,
    #search-sort-label,
    #search-turn-label {
        padding-left: 5px
    }
}

@media(max-width:1199px) {
    #head-search {
        display: none !important
    }
}

.review-div::-webkit-scrollbar {
    width: 5px
}

.review-div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0 grey;
    border-radius: 10px
}

.review-div::-webkit-scrollbar-thumb {
    background: #676767;
    border-radius: 10px
}

.review-div::-webkit-scrollbar-thumb:hover {
    background: rgba(103, 103, 103, .5)
}

#mb-black-logo {
    display: none;
    width: 36px
}

#welldonepay-div {
    margin-bottom: 10px
}

.wd-pay-but {
    background: #f5a623 !important;
    border-radius: 0 0 5px 5px !important;
    padding: 8px !important
}

#balance-div {
    height: auto;
    border-top: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-radius: 5px 5px 0 0
}

#balance-div p {
    font-size: 14px;
    margin: 0;
    text-align: center;
    padding: 15px 5px
}

#es-tform-div {
    width: 33.33%;
    float: left;
    margin: 0
}

#edit-ser-page .radio {
    float: left;
    padding-top: 0;
    padding-bottom: 20px;
    margin-right: 20px
}

#edit-ser-page .form-group,
#nw-page .form-group {
    margin-bottom: 0 !important
}

#error-img-div {
    overflow: hidden;
    float: left;
    width: 50%;
    padding: 10px
}

.turnaround-group {
    padding-right: 7.5px;
    padding-left: 7.5px
}

#price-div {
    padding-left: 0 !important
}

#rev-label {
    padding-left: 15px
}

#turnaround-div {
    padding-left: 0 !important;
    padding-right: 0 !important
}

#revisions-div {
    padding-right: 0 !important
}

#nw-tform-div .control-label {
    padding-left: 0
}

#es-tform-div .control-label {
    padding-left: 0
}

select {
    outline: -webkit-focus-ring-color auto 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none
}

#buy-job-page #preview p {
    float: left;
    position: relative;
    margin-right: 15px
}

#job-page #preview p {
    float: left;
    position: relative;
    margin-right: 15px
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
    margin-top: -15px;
    margin-left: -20px
}

#work-eye #we-p {
    text-align: left !important;
    padding-top: 11px !important;
    padding-left: 20px
}

#work-eye {
    width: 50%;
    float: left
}

#attfile-div {
    margin-left: 45px
}

#job-right-pro-img {
    width: 100%
}

.day-profile {
    margin-bottom: 20px !important
}

#vc-bot {
    padding-top: 0 !important;
    padding-left: 1px
}

#here-div {
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    overflow: hidden;
    margin-left: 15px;
    background: #fff;
    border-radius: 5px;
    margin-right: 15px
}

#tip-left {
    padding-left: 0 !important
}

#tip-right {
    padding-right: 0 !important
}

@media(max-width:1461px) and (min-width:1200px) {
    [aria-label][data-balloon-pos][data-balloon-length=medium]:after {
        white-space: normal;
        width: 100% !important
    }
}

@media(max-width:1199px) and (min-width:992px) {
    #top-left-div {
        width: 804px !important;
        float: left;
        background: #fff;
        height: 400px;
        border-radius: 5px;
        overflow: hidden
    }

    #acc-form input[type=submit] {
        background-color: #f5a623 !important;
        color: #fff;
        padding: 5px;
        margin-top: 10px;
        height: 50px !important;
        width: 172px !important;
        border-radius: 5px !important;
        font-size: 14px !important;
        border: 0 !important;
        margin-bottom: 20px;
        float: left !important
    }

    [aria-label][data-balloon-pos][data-balloon-length=medium]:after {
        white-space: normal;
        width: auto !important
    }
}

@media(max-width:991px) and (min-width:768px) {
    #top-left-div {
        width: 584px !important;
        float: left;
        background: #fff;
        height: 400px;
        border-radius: 5px;
        overflow: hidden
    }

    #acc-form input[type=submit] {
        background-color: #f5a623 !important;
        color: #fff;
        padding: 5px;
        margin-top: 10px;
        height: 50px !important;
        width: 172px !important;
        border-radius: 5px !important;
        font-size: 14px !important;
        border: 0 !important;
        margin-bottom: 20px;
        float: left !important
    }

    .share-icons-div i {
        margin: 0 !important
    }

    [aria-label][data-balloon-pos][data-balloon-length=medium]:after {
        white-space: normal;
        width: auto !important
    }

    #search-price-label,
    #search-sort-label {
        padding-left: 5px
    }
}

@media(max-width:767px) {
    ul.list-inline li a {
        font-size: 14px;
        font-weight: 400 !important;
        padding: 2px !important
    }

    #req-right-div,
    #req-left-div {
        width: 100% !important
    }

    #price-p {
        float: right;
        color: #000;
        font-size: 18px !important
    }

    .product-item .ptitle {
        padding: 28px 15px 28px 18px;
        font-size: 18px !important;
        font-weight: 350 !important;
        height: 70px !important;
        color: #000
    }

    #user-submitbut {
        background-color: #337ab7 !important;
        color: #fff;
        float: right;
        padding: 16px 20px;
        margin: 20px 0 1px;
        cursor: pointer;
        height: 50px !important;
        width: 100% !important;
        opacity: .9
    }

    #freename {
        font-size: 18px !important
    }

    #top-left-div {
        width: 100% !important;
        float: left;
        background: #fff;
        height: 400px;
        border-radius: 5px;
        overflow: hidden
    }

    .row.design_and_graphic_header {
        margin-bottom: 20px;
        padding-right: 0 !important
    }

    [aria-label][data-balloon-pos]:after {
        opacity: 0;
        pointer-events: none;
        transition: all .18s ease-out .18s;
        text-indent: 0;
        font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Oxygen, Ubuntu, Cantarell, open sans, helvetica neue, sans-serif;
        font-weight: 400;
        font-style: normal;
        text-shadow: none;
        margin-top: 10px;
        font-size: var(--balloon-font-size);
        background: var(--balloon-color);
        border-radius: 2px;
        color: #fff;
        content: attr(aria-label);
        padding: .5em 1em;
        position: absolute;
        white-space: nowrap;
        z-index: 10
    }

    #homepage[aria-label][data-balloon-pos][data-balloon-length=medium]:after {
        white-space: normal;
        width: 150px;
        border-radius: 5px;
        padding: 10px
    }

    #homepage[aria-label][data-balloon-pos]:before {
        width: 0;
        height: 0;
        bottom: -10px !important;
        left: 45% !important;
        border: 5px solid transparent;
        border-top-color: var(--balloon-color);
        transform: rotate(180deg) !important;
        pointer-events: none;
        transition: all .18s ease-out .18s;
        content: "";
        position: absolute;
        z-index: 0
    }

    .pc-homebanner {
        display: none !important
    }

    .mb-homebanner {
        display: block !important
    }

    #s-search-submit {
        width: 30%;
        float: left
    }

    .search-keywords button#submit {
        width: 100% !important;
        height: 50px;
        border: 0 solid #f0f0f0 !important;
        border-radius: 5px !important;
        color: #fff !important;
        font-weight: 400 !important;
        margin-left: 0;
        background: #4b81c1 !important
    }

    #s-item {
        width: 70% !important;
        float: left !important
    }

    .search-keywords input#srch-term {
        width: 98% !important;
        height: 50px;
        border: 0 solid #f0f0f0 !important;
        border-radius: 5px !important;
        background: #fff !important
    }

    #head-search {
        width: 170px;
        display: none !important;
        margin-left: 30px;
        float: left;
        margin-top: 11px
    }

    #here-div {
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        overflow: hidden;
        margin-left: 30px !important;
        background: #fff;
        border-radius: 5px;
        margin-right: 30px !important
    }

    .mb-icon-right {
        margin-left: 2.66666667% !important
    }

    #top-right-img-div {
        width: 23% !important;
        transition: all .2s ease-in-out;
        will-change: transform;
        height: auto;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        background: #fff;
        float: left;
        margin-bottom: 10px;
        border-radius: 5px
    }

    #top-banner-right-div {
        width: 100% !important;
        float: right;
        margin-top: 10px
    }
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    line-height: 1;
    border-radius: 5px !important
}

#ensure-img-icon {
    width: auto;
    height: 45px;
    margin-top: 5px
}

#en-p {
    display: inline-block;
    font-size: 10px;
    font-weight: 400 !important;
    line-height: 18px;
    width: auto;
    font-family: Pyidaungsu !important
}

#ensure-icon {
    padding: 0;
    width: 39px
}

#right-td-ks {
    text-align: right
}

#order-main {
    padding: 0
}

#order-icon {
    width: 34px;
    height: 30px;
    margin-top: -3px;
    float: left;
    margin-right: 10px
}

.ensure {
    margin-top: 15px;
    padding: 3px
}

#att-left-block {
    padding-left: 0
}

.admin-div-block {
    overflow: hidden;
    margin: auto
}

.cl-chat {
    overflow: hidden;
    white-space: nowrap;
    margin-top: 15px
}

.order-chat {
    overflow: hidden;
    white-space: nowrap
}

#att-img-div {
    width: 100px
}

.att-mytext {
    padding-right: 0
}

#buyjob-left-div {
    float: left;
    overflow: hidden
}

@media(max-width:1199px) {
    #j-time {
        float: left !important;
        font-size: 14px;
        margin-left: 20px !important
    }
}

#buy-right-img {
    width: 100%
}

#right-rate-div {
    height: 50px
}

.all-sub-cat ul h2 {
    color: #000;
    font-size: 22px;
    font-weight: 400 !important;
    line-height: 30px
}

#fcounter {
    top: 10px;
    left: 10px;
    float: left
}

#term-a {
    color: #1e90ff
}

#subcat-title-div h2 {
    text-align: left;
    margin-top: 10px;
    font-size: 22px;
    color: #000
}

#user-profile li h2 {
    font-size: 22px;
    color: #000;
    margin-top: 0;
    float: left;
    font-family: gotham rounded;
    font-weight: 400;
    padding-left: 15px
}

@font-face {
    font-family: gotham rounded;
    src: url(font/gothamroundedbook21018.eot);
    src: url(font/gothamroundedbook21018.eot?#iefix) format("embedded-opentype"), url(font/gothamroundedbook21018.otf) format("opentype"), url(font/gothamroundedbook21018.svg) format("svg"), url(font/gothamroundedbook21018.ttf) format("truetype"), url(font/gothamroundedbook21018.woff) format("woff"), url(font/gothamroundedbook21018.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

#apply-as-freelance>li>a>span {
    font-size: 15px !important;
    font-weight: 400 !important
}

@media(max-width:1199px) and (min-width:992px) {
    .mj-progress-item img {
        width: 100%;
        height: 160px !important
    }

    .mj-item img {
        width: 100%;
        height: 160px !important
    }
}

@media(max-width:991px) and (min-width:768px) {
    .mj-progress-item img {
        width: 100%;
        height: 115px !important
    }

    .mj-item img {
        width: 100%;
        height: 115px !important
    }

    #mj-div2 p {
        font-size: 13px !important;
        color: #000;
        padding-left: 5px
    }

    .mj-item {
        background: #fff;
        transition: all .2s ease-in-out;
        will-change: transform;
        border-radius: 5px;
        height: 395px;
        overflow: hidden;
        margin-bottom: 30px
    }

    .mj-progress-item {
        background: #fff;
        transition: all .2s ease-in-out;
        will-change: transform;
        border-radius: 5px;
        height: 415px;
        overflow: hidden;
        margin-bottom: 30px
    }

    #mj-ks {
        width: 100%;
        margin-bottom: 20px;
        font-size: 14px;
        height: 60px !important;
        padding-left: 10px !important;
        padding-right: 10px !important
    }
}

@media(max-width:1199px) and (min-width:992px) {
    #my-favourites img.pimg-cover {
        width: 100% !important;
        height: 43% !important;
        border-radius: 0 !important
    }

    .pd-5 {
        padding-top: 15px;
        padding-left: 20px !important;
        height: 35px !important;
        padding-right: 20px !important
    }

    #my-favourites .pd-5 {
        padding-top: 15px;
        padding-left: 20px !important;
        height: 50px !important;
        padding-right: 20px !important
    }

    #cat-div .pd-5 {
        padding-top: 15px;
        padding-left: 20px !important;
        height: 35px;
        padding-right: 20px !important
    }

    #search-price-label,
    #search-turn-label {
        padding-left: 5px
    }

    .search-keywords select#sort {
        margin-left: 0 !important
    }

    #my-favourites .product-item {
        border: 0 solid #e0e0e0;
        border-radius: 5px;
        transition: all .2s ease-in-out;
        cursor: pointer;
        will-change: transform;
        overflow: hidden;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        height: 350px !important;
        padding: 0;
        margin-bottom: 32px;
        background: #fff
    }
}

@media(max-width:991px) and (min-width:768px) {
    .product-item {
        border: 0 solid #e0e0e0 !important;
        border-radius: 5px;
        transition: all .2s ease-in-out;
        cursor: pointer;
        will-change: transform;
        overflow: hidden !important;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        height: 310px !important;
        padding: 0;
        margin-bottom: 32px;
        background: #fff
    }

    .search-keywords select#turnaround {
        width: 215px;
        height: 50px;
        border: 0 solid #f0f0f0 !important;
        border-radius: 5px !important;
        color: #a5a5a5 !important;
        font-weight: 350 !important;
        margin-left: 0 !important;
        background: #fff !important
    }
}

#my-favourites img.pimg-cover {
    width: 100% !important;
    height: 200px;
    border-radius: 0 !important
}

#pc-menu-cat>li>a {
    float: left;
    font-weight: 400 !important
}

#product-rate #price-p {
    float: right;
    text-align: right;
    color: #000;
    width: 50% !important;
    font-size: 14px
}

.buyjobstatus {
    font-size: 14px;
    padding: 14px 20px 0;
    color: #000
}

#product-rate #workrate {
    float: left;
    width: 50%
}

#how-it-work-popup {
    background-color: rgba(0, 0, 0, .5);
    padding-right: 0 !important
}

#td-right-summary {
    text-align: right !important
}

.glyphicon.glyphicon-heart {
    cursor: pointer;
    font-size: 18px !important;
    margin-right: 6px !important
}

#profile-right-p-first {
    margin-bottom: 20px;
    width: 125px;
    float: left
}

#invoice-span {
    padding-left: 30px
}

#earning-table-h3,
#redeem-table-h3,
#statement-h3,
#withdraw-h3 {
    float: left !important;
    color: #000;
    margin-left: 10px;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    font-size: 14px !important;
    font-weight: 400 !important
}

#earning-tr,
#redeem-tr,
#statement-tr,
#withdraw-tr {
    border-top: 1px solid #cfcfcf
}

#login-form-div {
    margin: auto !important;
    float: none
}

#subcat-title-div {
    float: left;
    height: 70px;
    width: 80%
}

#subcat-title-div p {
    text-align: left;
    font-size: 22px;
    font-weight: 400 !important;
    color: #333
}

#cat-pag-font {
    color: #fff;
    border-color: #676767 !important;
    background: #676767 !important
}

#catmenu-li {
    list-style-type: none;
    line-height: 30px
}

#left-menu-div {
    padding-top: 0
}

#cat-video,
#work-video {
    width: 100%;
    height: 200px;
    object-fit: cover
}

#nw-att-div {
    width: 100%;
    overflow: hidden
}

#video-pro-detail {
    width: 100%;
    height: 586px;
    object-fit: cover
}

.left-product-detail .carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    line-height: 1;
    height: 586px;
    object-fit: cover;
    border-radius: 5px !important
}

#orderbut-a {
    color: #fff !important
}

#honour-img {
    width: 18px;
    height: 25.5px
}

#clock-img {
    width: 20px;
    height: 20px
}

#revise-img {
    width: 20px;
    height: 20px
}

.allforms {
    display: inline;
    float: left;
    margin-bottom: 0
}

#badges-img {
    width: 26px
}

.profile-name-star p {
    color: #4a4a4a;
    font-size: 14px;
    padding-top: 0;
    padding-left: 10px;
    font-weight: 600;
    line-height: 30px;
    position: relative;
    top: 5px;
    left: 4px
}

#profile-img1 {
    border-radius: 5px;
    float: left;
    margin-right: 13px;
    width: 70px
}

#profile-img2 {
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    width: 70px
}

#pro-right-h2 {
    font-size: 22px;
    color: #333;
    margin-top: 0;
    font-family: pyidaungsu, Helvetica !important
}

#pro-right-side #uspro img {
    margin-right: 7px !important
}

#pro-right-side .btn-default {
    background-color: transparent !important;
    color: #000 !important;
    border-color: transparent !important
}

#pro-right-side .btn {
    padding: 0 !important
}

#en-p {
    display: inline-block;
    font-size: 10px;
    line-height: 18px;
    width: auto;
    font-weight: 400 !important;
    font-family: Pyidaungsu !important
}

#ensure-logo {
    width: auto;
    height: 45px;
    margin-top: 5px
}

#ensure-div {
    padding: 0;
    width: 39px
}

#product-detail-page .ensure {
    margin-top: 15px;
    padding: 3px
}

#pro-right-menu {
    padding-top: 30px
}

#product-detail-page .btn {
    padding: auto
}

#product-detail-page #how-mb-but {
    background: 0 0;
    border: 0;
    margin-left: 20px !important;
    padding-bottom: 30px
}

#cat-title-p {
    margin-top: 0;
    text-align: left;
    font-size: 22px;
    color: #000
}

#edit-ser-page #preview p {
    float: left;
    position: relative;
    margin-right: 15px
}

.del-pic a {
    color: #fff !important
}

.del-pic {
    position: absolute;
    top: -15px;
    right: -15px;
    background: #000;
    color: #fff;
    border-radius: 50px;
    width: 30px;
    line-height: 26px;
    font-size: 30px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    height: 30px
}

#nw-page #preview p {
    float: left;
    position: relative;
    margin-right: 15px
}

#thumb-div {
    width: auto;
    margin: 1%;
    float: left;
    position: relative
}

.thumb {
    width: auto;
    height: 130px;
    margin: 5px;
    border-radius: 5px
}

.remove_img_preview {
    position: absolute;
    top: -11px;
    right: -11px;
    background: #000;
    color: #fff;
    border-radius: 50px;
    width: 30px;
    line-height: 26px;
    font-size: 30px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    height: 30px
}

#profile-right-p {
    float: left;
    margin-bottom: 0
}

.glyphicon.glyphicon-red-heart {
    color: red;
    font-size: 18px !important;
    margin-right: 6px !important
}

#product-desc {
    font-family: Pyidaungsu !important;
    color: #000 !important;
    font-size: 12pt !important;
    line-height: 25px
}

#att-pic-div .fa {
    padding-bottom: 3px !important;
    font-size: 22px !important;
    background: #000;
    width: 32px !important;
    height: 32px;
    font-weight: 100;
    padding-left: 0;
    line-height: 30px;
    padding-right: 0;
    padding-top: 0 !important;
    text-align: center !important;
    text-decoration: none;
    margin: -13px -15px !important;
    border-radius: 70%;
    color: #fff
}

#att-row {
    width: 100%;
    padding-top: 15px;
    overflow: hidden
}

#att-pic-div {
    width: auto;
    float: left;
    position: relative;
    margin-right: 15px;
    padding-bottom: 30px;
    padding-left: 4px
}

.myImg {
    cursor: pointer;
    transition: .3s;
    width: auto;
    height: 130px !important;
    margin-right: 0 !important;
    margin-left: 1px !important;
    float: left !important;
    border-radius: 5px
}

#status-lable {
    padding-top: 7px !important
}

#att {
    padding-left: 5px !important
}

#nw-img-div {
    float: left !important
}

#nw-img-desc {
    opacity: .8 !important;
    margin-top: 0 !important;
    font-size: 14px;
    font-weight: 400 !important;
    color: #737373;
    padding-left: 10px;
    float: left;
    text-align: left !important;
    padding-top: 0 !important
}

#myacc .error {
    color: red !important;
    font-size: 14px !important;
    width: 70% !important;
    float: right
}

#myacc .has-feedback label~.form-control-feedback {
    top: 10px;
    cursor: pointer;
    pointer-events: all
}

#user-blank-img {
    width: 40px !important;
    border-radius: 40px !important;
    border: 2px solid #fff !important
}

#profile-container img {
    width: 150px !important;
    border-radius: 100% !important;
    height: 150px !important;
    margin: 0 !important
}

#nw-page #preview {
    margin-left: 0;
    padding-top: 12px;
    overflow: hidden;
    margin-top: 0 !important
}

#edit-img-div {
    float: left
}

#edit-ser-page #preview {
    margin-left: 0;
    float: none;
    padding-top: 11px;
    overflow: hidden;
    margin-top: 0 !important
}

#acc-form .form-group {
    overflow: hidden
}

.form-right,
.gender-input {
    width: 70%;
    float: right
}

@font-face {
    font-family: gotham rounded medium;
    src: url(font/GothamRoundedMedium.eot);
    src: url(font/GothamRoundedMedium.eot?#iefix) format("embedded-opentype"), url(font/GothamRoundedMedium.otf) format("opentype"), url(font/GothamRoundedMedium.svg) format("svg"), url(font/GothamRoundedMedium.ttf) format("truetype"), url(font/GothamRoundedMedium.woff) format("woff"), url(font/GothamRoundedMedium.woff2) format("woff2");
    font-weight: lighter;
    font-style: normal
}

#mb-menu-right-div {
    display: block !important;
    position: absolute;
    right: -31%;
    width: 30%;
    background: rgba(0, 0, 0, .7);
    padding: 30px
}

.form-control:focus {
    outline: 0;
    z-index: 0 !important;
    border: 0 solid #cfcfcf;
    box-shadow: none !important
}

#edit-ser-delete {
    font-size: 14px;
    height: 50px;
    border: 0 solid #fff;
    border-radius: 5px;
    width: 150px;
    margin-top: 0;
    float: left;
    color: #fff;
    font-weight: 300;
    padding-top: 10px
}

#chat .mgt-15 {
    font-family: Pyidaungsu !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    font-size: 14px !important
}

@media(max-width:360px) {
    #en-p-div {
        width: 78% !important
    }
}

#order-page .appclose {
    background-color: #d1d1d1 !important;
    width: 45% !important;
    font-weight: 400 !important;
    float: right !important;
    padding: 10px !important;
    font-size: 14px !important;
    border: 0 solid !important;
    text-align: center !important;
    border-radius: 5px !important;
    height: 42px !important;
    color: #000 !important
}

.approve-cancel {
    background-color: #d1d1d1 !important;
    width: 45% !important;
    font-weight: 400;
    float: left;
    padding: 10px;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #000 !important;
    border-radius: 5px;
    height: 42px !important
}

.approve-but {
    background-color: #5392f2 !important;
    width: 45% !important;
    font-weight: 400;
    padding: 10px;
    float: left;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #fff !important;
    border-radius: 5px;
    height: 42px !important;
    margin-right: 10px
}

#topsign #term-text {
    margin-bottom: 20px;
    margin-top: 20px
}

@media(max-width:1199px) and (min-width:993px) {
    #topsign .form-control {
        display: block;
        width: 100%;
        height: 40px !important;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #f0f0f0;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 5px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
    }

    .home-product-item img.pimg-cover {
        width: 100% !important;
        height: 43% !important;
        border-radius: 0 !important
    }

    #new-ser-3-col .col-sm-6,
    #new-ser-3-col .col-md-6 {
        padding-top: 20px
    }

    #topsign #password+.glyphicon {
        cursor: pointer;
        padding-top: 3px !important;
        pointer-events: all
    }

    #topsign #repwd+.glyphicon {
        cursor: pointer;
        padding-top: 3px !important;
        pointer-events: all
    }

    #topsign .registerbtn {
        background-color: #337ab7 !important;
        color: #fff;
        padding: 16px 20px;
        margin: 0;
        height: 50px !important;
        font-size: 14px !important;
        border: none;
        border-radius: 5px !important;
        cursor: pointer;
        width: 100%;
        opacity: .9
    }

    #topsign #signup-img-div {
        height: 847px !important;
        overflow: hidden;
        background-image: url(img/welldone-signup.png);
        background-repeat: no-repeat;
        padding: 0;
        background-size: auto 100%;
        background-position: center;
        border-radius: 5px 0 0 5px
    }

    #topsign {
        width: 910px !important;
        margin-top: 100px;
        border-radius: 5px;
        margin-bottom: 100px
    }
}

@media(max-width:992px) {
    #topsign #form-side {
        width: 100%
    }

    .rc-anchor-normal {
        height: 74px;
        width: 278px !important
    }

    .rc-anchor-normal .rc-anchor-pt {
        margin: 2px 13px 0 0;
        padding-right: 15px !important;
        position: absolute;
        right: 0;
        text-align: right;
        width: 276px
    }

    .rc-anchor-logo-portrait {
        margin: 10px 0 0 !important;
        width: 58px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none
    }

    .rc-anchor-normal {
        height: 74px !important;
        width: 250px !important
    }

    #topsign {
        width: 320px !important;
        margin-top: 100px;
        border-radius: 5px;
        margin-bottom: 100px
    }

    #topsign .form-control {
        display: block;
        width: 100%;
        height: 50px !important;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #f0f0f0;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 5px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
    }

    #topsign .registerbtn {
        background-color: #337ab7 !important;
        color: #fff;
        padding: 16px 20px;
        margin: 0;
        height: 40px !important;
        font-size: 14px !important;
        border: none;
        border-radius: 5px !important;
        cursor: pointer;
        width: 100%;
        opacity: .9
    }

    #topsign #signup-img-div {
        display: none
    }

    #topsign #signup-form {
        padding: 60px 20px 30px !important
    }
}

#topsign .form-group {
    margin-bottom: 0
}

#topsign .form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #f0f0f0;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#topsign .registerbtn {
    background-color: #337ab7 !important;
    color: #fff;
    padding: 16px 20px;
    margin: 0;
    font-size: 14px !important;
    border: none;
    border-radius: 5px !important;
    cursor: pointer;
    width: 100%;
    opacity: .9
}

#topsign .registerbtn:hover {
    opacity: 1
}

#topsign a {
    color: #1e90ff
}

#topsign .signin {
    text-align: center;
    padding: 0
}

#topsign .error {
    color: red;
    margin-bottom: 0;
    font-size: 14px;
    padding-top: 0
}

#topsign #password+.glyphicon {
    cursor: pointer;
    padding-top: 6px;
    pointer-events: all
}

#topsign #repwd+.glyphicon {
    cursor: pointer;
    padding-top: 6px;
    pointer-events: all
}

#topsign #signup-img-div {
    height: 897px;
    overflow: hidden;
    background-image: url(img/welldone-signup.png);
    background-repeat: no-repeat;
    padding: 0;
    background-size: auto 100%;
    background-position: center;
    border-radius: 5px 0 0 5px
}

#topsign {
    width: 1110px;
    margin-top: 100px;
    border-radius: 5px;
    margin-bottom: 100px
}

#topsign #signup-desc {
    font-size: 14px
}

#signup-page {
    font-family: pyidaungsu, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #f0f0f0
}

#topsign #signup-img {
    height: 100%;
    width: auto
}

#topsign #signup-form h1 {
    font-size: 30pt;
    font-weight: 200;
    margin-top: 10px;
    color: #000
}

#topsign #signup-form {
    padding: 60px 60px 30px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    background: #fff;
    border: 0 solid #cfcfcf;
    border-radius: 5px
}

#topsign #sign {
    padding: 0 25px !important;
    border: 1px solid #fff !important;
    margin-top: 5px !important;
    border-radius: 30px !important
}

#topsign .nav-title {
    font-size: 14px !important;
    font-weight: 200 !important
}

#topsign #signup-page .navbar {
    position: relative !important
}

.apply-wrap .button {
    font-size: 14px;
    padding: 12px;
    border-radius: 5px;
    width: 200px;
    height: 40px;
    background-color: #f5a623 !important;
    border: 0 solid #cfcfcf;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease-out
}

.apply-wrap .form-control {
    height: 50px !important
}

.apply-wrap input[type=submit] {
    background-color: #f5a623 !important;
    color: #fff;
    margin: 0 0 1px;
    cursor: pointer;
    opacity: .9;
    height: 50px !important;
    border-radius: 5px;
    font-size: 14px;
    border: 0
}

#login-div .form-group {
    margin-bottom: 0
}

@media(max-width:1199px) and (min-width:993px) {
    #login-div .form-control {
        height: 50px !important
    }

    #login-img-div {
        height: 847px !important;
        overflow: hidden;
        background-image: url(img/welldone-signup.png);
        background-repeat: no-repeat;
        padding: 0;
        background-size: auto 100%;
        background-position: center;
        border-radius: 5px 0 0 5px
    }

    #login-div {
        width: 910px !important;
        margin-top: 100px;
        border-radius: 5px;
        height: auto;
        margin-bottom: 100px;
        overflow: hidden
    }

    #login-div .registerbtn {
        background-color: #337ab7 !important;
        color: #fff;
        padding: 10px 20px !important;
        margin: 191px 0 1px;
        border: none;
        cursor: pointer;
        width: 100%;
        opacity: .9;
        height: 40px !important
    }
}

@media(max-width:992px) {
    #login-img-div {
        display: none
    }

    p.status-body {
        text-align: center;
        font-size: 16px !important;
        color: #000
    }

    #login-form-div {
        width: 100% !important
    }

    #login-div {
        width: 320px !important;
        height: auto !important
    }

    #login-form {
        padding: 60px 20px 30px !important
    }

    #login-div .registerbtn {
        background-color: #337ab7 !important;
        color: #fff;
        padding: 16px 20px;
        margin: 50px 0 0 !important;
        border: none;
        cursor: pointer;
        width: 100%;
        opacity: .9
    }
}

#login-form h1 {
    font-size: 30pt;
    color: #000;
    margin-top: 10px !important
}

#login-div .form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #000;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#login-div .login-btn {
    background-color: #337ab7 !important;
    color: #fff;
    padding: 16px 20px;
    margin: 0 0 1px;
    border: none;
    height: 50px !important;
    cursor: pointer;
    width: 100%;
    opacity: .9
}

#login-div .registerbtn:hover {
    opacity: 1
}

#login-div a {
    color: #1e90ff
}

#login-div .to-signup-page {
    text-align: center;
    padding: 16px;
    padding-top: 0;
    margin-top: 0
}

#regis-log {
    font-size: 14px
}

#forget-p {
    font-size: 14px
}

#login-div #password+.glyphicon {
    cursor: pointer;
    pointer-events: all;
    padding-top: 6px
}

#login-div body {
    font-family: pyidaungsu, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #f0f0f0
}

#login-div #login-page .navbar {
    background-image: url(img/Home_Banner.png);
    background-position: top;
    background-size: 100% auto;
    width: 100%;
    position: relative
}

#login-form {
    padding: 60px 60px 30px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    border: 0 solid #cfcfcf
}

#login-img-div {
    height: 897px;
    overflow: hidden;
    background-image: url(img/welldone-signup.png);
    background-repeat: no-repeat;
    padding: 0;
    background-size: auto 100%;
    background-position: center;
    border-radius: 5px 0 0 5px
}

#login-img {
    height: 100%;
    width: auto
}

#login-div {
    width: 1110px;
    margin-top: 100px;
    border-radius: 5px;
    margin-bottom: 100px;
    height: auto;
    overflow: hidden
}

#with-but {
    width: 90% !important;
    padding-left: 10% !important;
    overflow: hidden
}

#login-desc {
    font-size: 14px
}

#error-job {
    padding-left: 15px !important
}

#mj-num-link3 {
    padding-right: 0;
    margin-right: 0
}

.withdraw-cancle {
    background-color: #d1d1d1 !important;
    width: 40% !important;
    font-weight: 400;
    float: left;
    padding: 10px;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #000;
    border-radius: 5px;
    height: 40px !important
}

.withdrawable-input span.help-block {
    padding-left: 0 !important;
    text-align: center !important;
    padding-top: 0 !important;
    font-size: 14px;
    color: #969696
}

#top-bybank {
    overflow: hidden
}

.withdrawable-input input#amount {
    width: 60% !important;
    height: 50px !important;
    border-radius: 5px !important;
    margin-left: 5% !important;
    float: left !important;
    margin-right: 0 !important;
    border: 0 solid #cfcfcf !important;
    background: #f0f0f0 !important
}

.with-approve {
    width: 40%;
    height: 40px !important;
    background: #5392f2 !important;
    color: #fff !important;
    border-radius: 5px;
    float: right;
    font-size: 14px;
    border: 0 solid
}

#with-but-div {
    width: 70%;
    padding-left: 30%;
    overflow: hidden
}

.withdraw-submit-button {
    position: relative;
    right: 0 !important;
    width: 50% !important;
    text-align: right !important;
    float: right !important
}

.withdraw-submit-button #approveBtn {
    width: 95% !important;
    height: 50px !important;
    background: #5392f2 !important;
    color: #fff !important;
    border-radius: 5px;
    font-size: 14px;
    border: 0 solid
}

.withdraw-cancle-button {
    text-align: left !important;
    left: 0 !important;
    width: 50% !important;
    position: relative;
    cursor: pointer;
    float: left !important
}

.withdraw-cancle-button .attbt {
    background-color: #d1d1d1 !important;
    width: 95% !important;
    font-weight: 400;
    padding: 10px;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #000;
    border-radius: 5px;
    height: 50px !important
}

#cat-div {
    padding-left: 25px;
    margin-left: -10px
}

.col-lg-12.col-md-12.col-sm-12.product-detail-container {
    border: 0 solid #cfcfcf;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0 !important
}

.related-post {
    padding: 0;
    margin-top: 25px;
    margin-left: 0 !important
}

.related-service {
    padding: 0;
    margin-bottom: 25px;
    margin-left: 0 !important
}

#pro-detail-div {
    margin: 0;
    padding-left: 10px
}

.product-detail-header {
    color: #333;
    font-size: 14px;
    font-weight: 100;
    margin-top: 0;
    margin-bottom: 25px;
    padding-left: 0 !important;
    display: none
}

.search-keywords form.form-inline {
    margin-bottom: 35px;
    margin-right: 30px
}

a.cat-pagination-first {
    border: 1px solid #fff;
    padding: 7px 16px;
    width: 60px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    overflow: hidden;
    height: 60px;
    margin-right: 10px;
    margin-left: 0 !important;
    background: #fff !important;
    border-radius: 5px !important;
    color: #333 !important
}

@media(max-width:1199px) and (min-width:992px) {
    #user-pro-page .review-div {
        background: #fff;
        margin: 0 15px;
        border-radius: 5px;
        padding: 30px !important;
        height: 510px !important;
        overflow: hidden;
        border: 0 solid #cfcfcf !important;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05)
    }

    #myser-div {
        height: 320px !important
    }

    #my-ser img.pimg-cover {
        width: 100% !important;
        height: 160px !important;
        border-radius: 0 !important
    }

    #my-ser #work-video {
        width: 100% !important;
        height: 160px !important;
        border-radius: 0 !important
    }

    #dc-div {
        padding-right: 0;
        font-size: 13px;
        width: 50% !important;
        color: #333
    }

    #apply-div {
        width: 50% !important
    }

    .friend-code {
        padding-right: 0;
        padding-left: 0;
        margin-top: 30px
    }

    .user-detail-div {
        width: 50% !important;
        margin-bottom: 30px;
        margin-left: 0;
        height: auto;
        padding: 0;
        border-radius: 0;
        float: left
    }

    #user-pro-page #user-detail {
        background: #fff;
        padding: 30px;
        border-radius: 5px;
        margin: 0 15px;
        height: auto;
        border: 0 solid #cfcfcf !important;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        border-radius: 5px !important
    }
}

@media(max-width:992px) and (min-width:768px) {
    #user-pro-page #user-detail {
        background: #fff;
        padding: 30px;
        border-radius: 5px;
        margin: 0 15px;
        height: auto;
        border: 0 solid #cfcfcf !important;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        border-radius: 5px !important
    }

    #my-favourites .pimg-cover {
        object-fit: cover;
        height: 115px !important;
        width: 100%
    }

    #ks-div {
        width: 238px;
        float: left !important;
        padding-left: 10px !important
    }

    #user-ser-row .pimg-cover {
        object-fit: cover;
        width: 100%;
        height: 35% !important
    }

    .wdf {
        padding: 20px 60px 60px !important;
        background: #fff;
        border-radius: 5px;
        border: 0 solid #cfcfcf;
        margin-top: 50px;
        width: 95%;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        margin-left: auto;
        margin-right: auto
    }

    #dc-div {
        padding-right: 15px !important;
        font-size: 13px !important;
        width: 100% !important;
        color: #333 !important
    }

    #apply-div {
        width: 100% !important
    }

    #approveBtn {
        width: 100% !important;
        height: 50px !important;
        background: #5392f2;
        color: #fff !important;
        border-radius: 5px;
        font-size: 14px !important;
        border: 0 solid
    }

    button.gfc {
        width: 100% !important;
        height: 45px !important;
        border: 1px solid #cfcfcf !important;
        border-radius: 5px;
        color: #333;
        font-size: 14px;
        font-weight: 400 !important
    }

    .panel button.attbt {
        display: block !important;
        background: #f5a623;
        border-radius: 5px;
        width: 100% !important;
        height: 38px;
        margin: 0 auto;
        box-shadow: none !important;
        border: 1px solid transparent;
        font-size: 14px
    }

    #myser-div #product-text {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .friend-code {
        padding-right: 0;
        padding-left: 0;
        margin-top: 12px
    }

    .user-detail-div {
        width: 50%;
        margin-bottom: 30px;
        margin-left: 0;
        height: auto;
        padding: 0;
        border-radius: 0;
        float: left
    }

    #user-pro-page .review-div {
        background: #fff;
        margin: 0 15px;
        border-radius: 5px;
        overflow: hidden;
        height: 605px !important;
        border: 0 solid #cfcfcf !important;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05)
    }
}

@media(max-width:767px) {
    #es-second-form-div {
        width: 100% !important;
        float: left;
        margin: 0
    }

    #mk-ul-right {
        width: 100% !important;
        padding-top: 20px;
        margin-right: -5px;
        float: left !important
    }

    #nw-attach {
        margin-right: 10px !important
    }

    #nw-img-desc {
        opacity: .8 !important;
        margin-top: 0 !important;
        font-size: 14px;
        font-weight: 400 !important;
        color: #737373;
        padding-left: 0 !important;
        float: left;
        text-align: left !important;
        padding-top: 0 !important
    }

    #review-div {
        width: 100% !important;
        float: right !important;
        margin-bottom: 30px !important
    }

    .checkinbody img {
        border-radius: 5px;
        float: left;
        width: 100% !important;
        margin-right: 5%
    }

    .checkintxt {
        width: 100% !important;
        font-size: 10pt;
        padding: 15px 0 !important;
        float: left
    }

    #s-service-price,
    #s-sortby,
    #s-turnaround {
        display: none !important
    }

    .tp-first-col {
        border-right: 0 solid #f0f0f0 !important;
        padding: 35px;
        line-height: 40px;
        padding-bottom: 0
    }

    #mj-main-title {
        padding: 15px 10px 0 !important;
        height: 90px !important
    }

    #mj-ks {
        width: 100%;
        margin-bottom: 20px;
        font-size: 14px;
        padding-left: 10px !important;
        padding-right: 10px !important;
        height: 50px !important;
        border-top: 1px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf;
        padding-top: 15px !important
    }

    #mj-main-div {
        width: 100%;
        padding-left: 10px !important;
        overflow: hidden;
        padding-right: 10px !important
    }

    #user-pro-page .pd-5 {
        height: 78px !important
    }

    #user-ser-row .pimg-cover {
        object-fit: cover;
        width: 100% !important;
        height: auto !important
    }

    .ph {
        margin-bottom: 4px !important;
        padding-top: 10px !important;
        padding-left: 20px !important;
        height: 52px !important;
        overflow: hidden
    }

    #product-detail-page .ensure {
        margin-top: 15px;
        padding: 3px;
        overflow: hidden;
        margin-bottom: 15px
    }

    .mj-progress-item img {
        border-radius: 0 !important;
        object-fit: cover;
        height: auto !important;
        width: 100% !important
    }

    #order-left-col {
        padding-top: 20px;
        border-bottom: 1px solid #cfcfcf !important;
        border-right: 0 !important
    }

    .wdf {
        padding: 20px 30px 60px !important;
        background: #fff;
        border-radius: 5px;
        border: 0 solid #cfcfcf;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        margin-top: 50px;
        width: 95%;
        margin-left: auto;
        margin-right: auto
    }

    #order-page {
        margin-left: 15px !important;
        margin-right: 15px !important
    }

    #order-page #ks-div {
        width: 238px;
        float: left !important;
        padding-left: 10px !important;
        padding-right: 10px
    }

    #dc-div {
        padding-right: 15px !important;
        font-size: 13px !important
    }

    #with-but-div {
        width: 75%;
        padding-left: 25%;
        overflow: hidden
    }

    .withdrawable-input select {
        width: 27% !important;
        height: 40px;
        border-radius: 5px;
        margin-left: 2% !important;
        font-size: 14px;
        color: #000;
        font-weight: 400 !important;
        border: 0 solid #cfcfcf;
        position: relative;
        right: 0
    }

    .withdrawable-input span.help-block {
        padding-left: 0 !important;
        text-align: center !important;
        padding-top: 0 !important;
        font-size: 14px;
        color: #969696
    }

    .withdrawable-input input#amount {
        width: 60% !important;
        height: 40px;
        border-radius: 5px !important;
        margin-left: auto;
        margin-right: 0 !important;
        border: 1px solid #cfcfcf;
        background: #f0f0f0
    }

    .promo .promotion-slider {
        margin-top: 60px;
        padding: 0 15px 0 25px !important;
        margin-right: 0;
        margin-bottom: 60px
    }

    .navbar-toggle {
        padding: 9px 0 !important;
        display: none !important
    }

    .col-lg-3.col-md-3.col-sm-3.col-xs-12.right-product-detail {
        padding-left: 20px !important;
        padding-bottom: 20px;
        background: #fff !important;
        padding-right: 20px !important;
        border: 0 solid #cfcfcf !important;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        border-radius: 5px !important;
        margin-top: 30px !important
    }

    .col-lg-9.col-md-9.col-sm-9.col-xs-12.left-product-detail {
        border: 0 solid #cfcfcf !important;
        padding-left: 20px;
        padding-right: 20px;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        border-radius: 5px;
        background: #fff !important
    }

    #pro-detail-div {
        margin: 0;
        padding-left: 10px;
        padding-right: 0
    }

    .col-lg-12.col-md-12.col-sm-12.product-detail-container {
        border: 0 solid #cfcfcf !important;
        background: 0 0;
        border-radius: 5px;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0 !important
    }

    #mb-menu-right a,
    #mb-menu-right p {
        color: #fff
    }

    .statement-table {
        border: 0 solid #ddd !important
    }

    .earning-table {
        border: 0 solid #ddd !important
    }

    .withdraw-table {
        border: 0 solid #ddd !important
    }

    .redeem-table {
        border: 0 solid #ddd !important
    }

    #account-page #myacc {
        background: #fff;
        padding: 30px 30px 20px;
        border-radius: 5px !important;
        border: 0 solid #cfcfcf;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05)
    }

    #mk-ul-left {
        width: 100% !important;
        float: left
    }

    #mk-ul-right li {
        margin-bottom: 20px
    }

    #how-mb-but {
        background: 0 0;
        border: 0 !important;
        padding-top: 12px !important;
        margin-left: 8px !important;
        padding-bottom: 12px !important
    }

    #apply-free,
    #login {
        padding-left: 19px !important
    }

    #user-me li {
        padding-top: 5px;
        padding-bottom: 5px
    }

    #user-me {
        padding-left: 20px
    }

    #redeem {
        font-size: 18px !important
    }

    a.cat-pagination-previous {
        margin-left: 10px !important
    }

    .pro-services {
        padding-left: 15px !important
    }

    .product-item {
        border: 0 solid #e0e0e0;
        border-radius: 5px;
        transition: all .2s ease-in-out;
        cursor: pointer;
        will-change: transform;
        overflow: hidden;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        height: auto !important;
        padding: 0;
        margin-bottom: 32px;
        background: #fff
    }

    #user-pro-page .review-div {
        background: #fff;
        margin: 0 15px;
        border-radius: 5px;
        overflow: hidden;
        height: auto !important;
        border: 0 solid #cfcfcf !important;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05)
    }

    #user-pro-page #user-detail {
        background: #fff;
        padding: 30px;
        margin: 0 15px;
        height: auto !important;
        border: 0 solid #cfcfcf !important;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        border-radius: 5px !important;
        overflow: hidden
    }

    .user-detail-div {
        width: 100% !important;
        margin-bottom: 35px;
        padding: 0;
        border-radius: 5px;
        height: auto !important;
        float: right;
        background: 0 0
    }
}

#footer-con {
    padding-left: 20px;
    padding-right: 20px
}

#how-right-mb p {
    font-size: 14px;
    font-weight: 400 !important;
    color: #000;
    line-height: 25px
}

#firba {
    padding-top: 30px !important;
    padding-right: 30px !important;
    padding-left: 20px !important
}

#user-ser-row {
    margin-left: 0;
    margin-right: 0
}

.ensure p {
    font-family: masterpiece uni sans, Myanmar3 !important
}

.yunghkio {
    font-family: masterpiece uni sans, Yunghkio;
    font-size: 13px
}

.myanmar3 {
    font-family: masterpiece uni sans, Myanmar3;
    font-size: 13px
}

.padauk {
    font-family: masterpiece uni sans, Padauk;
    font-size: 18px
}

.zawgyi {
    font-family: Pyidaungsu !important
}

.parabaik {
    font-family: masterpiece uni sans, Parabaik;
    font-size: 16px
}

#buy-job-message .head-h4 {
    font-size: 18px;
    color: #000;
    font-weight: 450 !important
}

#job-chat-back .head-h4 {
    font-size: 18px;
    color: #000;
    font-weight: 450 !important
}

#admin-p {
    text-align: center
}

@media(min-width:768px) {
    #mb-acc-menu {
        display: none !important
    }

    #how-pc-box {
        z-index: 999999;
        margin: auto;
        display: block;
        border: 0;
        width: 100% !important;
        max-width: 100% !important
    }

    .redeem-balance {
        padding-right: 0 !important
    }

    .withdraw-balance {
        padding-right: 0 !important
    }

    .statement-balance {
        padding-right: 0 !important
    }

    .earning-balance {
        padding-right: 0 !important
    }
}

#light-close {
    margin-top: -18px;
    background: 0 0;
    height: 32px
}

#light-close span {
    position: absolute;
    top: 0;
    right: 0;
    color: #000;
    font-size: 40px;
    font-weight: 700;
    transition: .3s
}

#how-left-mb {
    padding: 30px 0
}

#how-left-mb img {
    width: 100%
}

#how-right-mb {
    padding: 0 30px 30px
}

#how-right-mb h2 {
    font-size: 22px;
    color: #4a90e1;
    font-family: gotham rounded 700 !important
}

#how-right {
    padding-top: 30px;
    width: 50%;
    padding-bottom: 30px;
    padding-right: 30px;
    float: right
}

body {
    padding-right: 0 !important
}

#how-right h2 {
    font-size: 22px;
    color: #4a90e1;
    font-family: Pyidaungsu !important
}

#how-left {
    padding-left: 0;
    height: 100%;
    width: 50%;
    position: absolute;
    bottom: 0;
    margin-top: 0
}

#how-left img {
    width: 85%;
    bottom: 0;
    left: 0;
    position: absolute
}

#how-pc-box {
    background: #fff;
    overflow: hidden
}

#how-mb-but {
    background: 0 0;
    border: 0;
    margin-left: 18px;
    padding-bottom: 30px
}

#report-title-chat {
    text-align: center;
    text-transform: uppercase;
    font-weight: 500 !important;
    color: red;
    margin-bottom: 3px;
    font-size: 14px
}

@media(max-width:767px) {
    .navbar-collapse {
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
        border-top: 0 solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: inset 0 0 0 rgba(255, 255, 255, .1)
    }

    #category-div {
        padding-left: 0;
        padding-right: 0
    }

    #es-first-form-div {
        width: 100% !important;
        float: left;
        margin: 0
    }

    .cs {
        margin-top: 10px;
        background-color: #5392f2 !important;
        width: 100% !important;
        padding: 15px;
        font-size: 14px;
        border: 0 solid;
        text-align: center;
        color: #fff !important;
        border-radius: 5px;
        height: 50px !important
    }

    #mb-acc-menu {
        width: 100%
    }

    #order-page h2 {
        font-size: 22px;
        color: #000;
        width: auto !important;
        font-weight: 450 !important
    }

    .financial {
        margin-bottom: 36px;
        margin-top: 36px;
        background: #fff;
        width: 100%;
        border-radius: 5px;
        border: 0 solid;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        margin-left: 0
    }

    #wd-left-div {
        width: 100%
    }

    #earning-left-div {
        width: 100%
    }

    #redeem-left {
        width: 100% !important
    }

    .finance-table {
        width: 100%
    }

    #mb-acc-menu .dropdown-content a {
        color: #000 !important;
        padding: 12px 16px;
        font-size: 14px;
        text-decoration: none;
        display: block
    }

    #mb-acc-menu .dropdown-content a:hover {
        background-color: #ddd
    }

    #profile-pages {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 20px !important
    }

    #mb-acc-menu .dropbtn {
        outline: -webkit-focus-ring-color auto 0 !important;
        background-color: #fff;
        padding: 15px 10px 5px 15px;
        font-size: 14px;
        width: 100%;
        border: none;
        color: #000 !important;
        border-radius: 5px
    }

    #mb-acc-menu .dropdown-content {
        display: none;
        z-index: 100 !important;
        overflow: hidden;
        list-style: none;
        position: absolute;
        padding: 0;
        background-color: #fff;
        min-width: 100%;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
        z-index: 1;
        border-radius: 5px
    }

    #user-setting {
        padding: 0;
        display: none !important;
        list-style: none;
        margin-top: 3px
    }

    .navbar-brand {
        padding-left: 0 !important
    }

    #homepage #how-but {
        color: #000 !important;
        padding: 6px 12px !important;
        border: 0 solid;
        background: 0 0;
        margin-top: 11px !important
    }

    #how-but {
        color: #fff;
        padding: 11px 12px !important;
        border: 0 solid;
        background: 0 0;
        margin-top: 6px !important
    }

    .dropdown-menu li a:hover {
        background-color: #ddd;
        color: #9b2335
    }

    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0 !important;
        margin-left: 0 !important;
        width: auto !important;
        float: left !important
    }

    .navbar-nav {
        float: left;
        width: 250px;
        overflow: hidden;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    #prodrop1 #prodrop li {
        background: 0 0 !important;
        border-bottom: 0 solid #f0f0f0 !important
    }

    #prodrop1 #prodrop-menu>li>a {
        font-size: 14px !important;
        font-weight: 200;
        color: #000;
        width: 200px;
        transition: all .5s ease-in-out;
        line-height: 3.2em;
        display: block !important;
        padding: 0 20px;
        clear: both;
        white-space: nowrap
    }

    #prodrop-menu {
        margin: auto !important;
        min-width: 1px !important;
        max-width: 300px !important;
        list-style: none;
        width: 200px !important;
        padding: 0 !important;
        border: 0 !important;
        margin-top: 0 !important;
        opacity: 1 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: none;
        position: relative;
        background: #fff;
        border-radius: 5px !important;
        visibility: visible !important
    }

    #prodrop-menu:after {
        content: "";
        position: absolute;
        top: -16px;
        bottom: auto;
        left: 36px !important;
        margin-left: 5px;
        height: 0;
        width: 0;
        border-color: transparent transparent #fff;
        border-style: solid;
        border-width: 8px;
        z-index: 9
    }

    ul.nav li #prodrop {
        opacity: 1 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border-radius: 5px !important;
        display: block;
        right: 0;
        left: auto;
        width: auto !important;
        float: left;
        background: #fff
    }

    ul.nav li:hover #prodrop {
        margin-top: 0 !important;
        opacity: 1 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: inline-block !important;
        right: 0 !important;
        left: auto !important;
        width: auto !important;
        background: #fff;
        border-radius: 5px !important
    }

    #dropmb-menu a {
        color: #000;
        font-size: 14px !important;
        font-weight: 200;
        width: 200px;
        transition: all .5s ease-in-out;
        line-height: 3.2em;
        display: block !important;
        padding: 0 20px;
        clear: both;
        white-space: nowrap
    }

    #dropmb-menu:after {
        content: "";
        position: absolute;
        top: 49px;
        bottom: auto;
        left: 10%;
        margin-left: 5px;
        height: 0;
        width: 0;
        border-color: transparent transparent #fff;
        border-style: solid;
        border-width: 8px;
        z-index: 9
    }

    #dropmb-menu {
        list-style: none;
        margin-top: 0 !important;
        padding-left: 0;
        float: left;
        width: auto;
        overflow: hidden;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        background: #fff;
        border-radius: 5px !important
    }

    #dropdown-tog {
        width: 100%
    }

    #dropmb-menu li {
        display: block;
        background: 0 0 !important;
        border-bottom: 0 solid #f0f0f0 !important
    }

    #mb-right-menu {
        padding-left: 0;
        padding-right: 20px;
        margin: 0;
        float: left;
        width: 116px;
        text-align: left
    }

    #myNavbar1 {
        background: rgba(0, 0, 0, .9);
        overflow: hidden;
        width: 100%;
        margin: 0;
        left: 0;
        position: absolute;
        border-radius: 5px;
        padding: 30px
    }

    #homepage #sign {
        padding: 0 25px !important;
        border: 1px solid #000 !important;
        margin-top: 5px !important;
        border-radius: 30px !important;
        width: 110px !important;
        text-align: center !important;
        margin-left: 19px !important
    }

    #sign {
        padding: 0 25px !important;
        border: 1px solid #fff;
        margin-top: 5px !important;
        border-radius: 30px !important;
        width: 110px !important;
        text-align: center !important;
        margin-left: 19px !important
    }
}

#order-date {
    margin-left: 45px;
    margin-top: 15px
}

#order-date-right {
    float: left;
    margin-left: 0;
    width: 100%
}

#report-title {
    color: red;
    text-align: left;
    font-size: 10px;
    padding: 10px 0 0
}

#report-p {
    text-align: center;
    font-size: 14px;
    padding-bottom: 10px
}

#admin-block {
    overflow: hidden;
    margin: auto;
    float: none;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 5px
}

#c-status {
    float: right;
    padding-right: 15px
}

#attach-div-left {
    margin-bottom: -10px;
    padding-left: 15px
}

.attach-text-div-left {
    padding: 0;
    margin-left: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid #cfcfcf;
    width: 180px;
    height: 200px;
    border-radius: 5px
}

.attach-text-div-right {
    padding: 0;
    position: relative;
    float: left;
    margin-bottom: 10px;
    width: 200px;
    height: 45px;
    border-radius: 5px
}

@media(max-width:767px) {
    .navbar a {
        color: #fff !important
    }

    #mb-menu-right-div {
        display: none
    }

    .mj-item img {
        width: 100%;
        height: auto !important
    }

    #tip-pic {
        background-position: center;
        background-size: 100% auto !important;
        height: auto !important;
        width: 100%;
        border-radius: 5px 5px 0 0 !important;
        background-repeat: no-repeat
    }

    .navbar-nav>li>a {
        font-size: 18px !important;
        color: #fff;
        border-color: #979797 !important;
        font-weight: 400 !important
    }

    .friend-code {
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-top: 30px !important
    }

    #homepage .carousel {
        position: relative;
        height: auto !important
    }

    .home-profile-2 h2 a {
        position: relative;
        font-size: 15px;
        left: 0 !important
    }

    .home-profile-2 h2 {
        padding-top: 15px;
        text-align: right;
        padding-right: 15px
    }

    #tip-img {
        display: block !important;
        height: auto;
        width: 100%;
        border-radius: 5px 5px 0 0
    }

    #tip-desc {
        padding: 30px;
        background: #fff;
        border-radius: 0 0 5px 5px
    }

    #tip-left {
        padding-right: 0;
        margin-top: 0
    }

    #tip-right {
        margin-left: 0;
        padding-left: 30px;
        padding-right: 30px;
        height: auto;
        margin-bottom: 0;
        padding-top: 0;
        border-radius: 0;
        overflow: hidden
    }
}

@media(min-width:768px) {
    .job-title {
        font-family: pyidaungsu, HelveticaNowText-Light !important;
        font-size: 14px !important;
        font-weight: 350 !important;
        color: #000 !important
    }

    #freename {
        font-size: 16px !important
    }

    #tip-right {
        margin-left: -16px;
        background: #fff;
        padding-left: 30px;
        padding-right: 30px;
        height: 359px;
        padding-top: 50px;
        border-radius: 0 5px 5px 0
    }

    .nav-title {
        font-size: 14px !important
    }

    .home-profile-2 h2 {
        position: relative;
        text-align: right !important;
        right: 15px;
        padding-top: 15px
    }

    .tips-trend .container {
        padding: 8px
    }
}

#tip-pic {
    background-position: center;
    background-image: url(../img/welldone_tip.png);
    background-size: auto 100%;
    height: 359px;
    width: 100%;
    border-radius: 5px 0 0 5px;
    background-repeat: no-repeat
}

#buy-job-page {
    padding-left: 30px;
    padding-right: 30px
}

#pic-background {
    float: left;
    padding: 5px 16px;
    border-radius: 20px;
    position: absolute;
    right: 32px;
    top: 120px;
    background: #5392f2 !important;
    overflow: hidden
}

#mp4-background {
    float: left;
    padding: 5px 16px;
    border-radius: 20px;
    position: absolute;
    right: 32px;
    top: 120px;
    background: #f5a623 !important;
    overflow: hidden
}

#file-pic {
    width: 100%;
    margin-top: 48px
}

#file-name {
    width: 76%;
    float: left;
    padding-top: 15px;
    font-size: 14px
}

#zip-background {
    float: left;
    padding: 5px 16px;
    border-radius: 20px;
    position: absolute;
    right: 32px;
    top: 120px;
    background: green !important;
    overflow: hidden
}

#right-service {
    float: right
}

#rev-time {
    width: 100%;
    overflow: hidden
}

#approve-buy-job {
    background-color: #5392f2 !important;
    width: 161px !important;
    padding: 10px;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    height: 42px !important;
    margin-top: 15px
}

.job-sub {
    background-color: #5392f2 !important;
    width: 161px !important;
    padding: 10px;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    height: 42px !important;
    margin-top: 15px
}

#job-header {
    padding-bottom: 20px;
    display: none
}

.status {
    color: #000;
    font-size: 14px !important;
    font-weight: 350 !important
}

.light-text {
    color: #494949;
    font-size: 10px !important;
    font-weight: 350 !important
}

.mgt-15 {
    margin-top: 15px;
    font-size: 14px;
    color: #000;
    font-weight: 350 !important
}

.attbt {
    background-color: #f5a623 !important;
    width: 161px !important;
    font-weight: 400;
    padding: 10px;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    height: 50px !important
}

#buy-job-form {
    margin-top: 25px;
    margin-bottom: 0
}

.al {
    float: left;
    width: 100%;
    font-size: 10px !important;
    text-align: justify;
    color: #000;
    padding: 10px 0
}

#approve {
    background-color: #5392f2 !important;
    width: 45% !important;
    font-weight: 400;
    padding: 10px;
    float: left;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    height: 42px !important;
    margin-left: 0
}

.approve-button {
    background: 0 0;
    border: 1px solid #cfcfcf;
    width: 100%;
    font-size: 14px;
    height: 50px;
    border-radius: 5px;
    color: #000
}

.greenbtn {
    background: #00a414
}

#approve-send {
    width: 48%;
    float: left;
    border: 0;
    height: 42px;
    background: #5392f2 !important
}

#approve-cancel {
    background-color: #d1d1d1 !important;
    width: 45% !important;
    font-weight: 400;
    float: right;
    padding: 10px;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #000;
    border-radius: 5px;
    height: 42px !important
}

#buy-job-head {
    overflow: hidden;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px
}

#buy-job-message {
    width: auto;
    padding-right: 5px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 5px;
    margin: 0;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    background: #fff;
    overflow: hidden
}

#nw-attach {
    background-color: #f5a623 !important;
    color: #fff;
    padding: 15px;
    text-align: center;
    height: 50px !important;
    width: 150px;
    font-weight: 300 !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    border: 0 !important;
    float: left !important
}

#submit-nw {
    background-color: #5392f2 !important;
    width: 150px;
    padding: 10px;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    height: 50px !important
}

#user-pic {
    width: 30px;
    padding: 0
}

#mytext {
    float: right
}

#mytext-left {
    float: left;
    padding: 0
}

#auto-blue {
    background: #f9f9f9;
    padding: 20px 70px 10px 25px;
    position: relative;
    border-radius: 5px;
    width: auto;
    float: left
}

#chat-status #auto-blue-right {
    background: #f0f0f0;
    padding: 20px 70px 10px 25px !important;
    position: relative;
    border-radius: 5px;
    width: auto !important;
    float: right
}

#auto-blue-right {
    background: #f0f0f0;
    padding: 20px 70px 20px 25px;
    position: relative;
    border-radius: 5px;
    width: auto;
    float: right
}

#mytext-div {
    float: right;
    position: relative;
    background: #f0f0f0;
    padding: 20px;
    border-radius: 5px
}

#mytext-div-left {
    float: left;
    position: relative;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 5px
}

#job-p-detail .pd-5 {
    padding-top: 15px;
    margin: 0;
    overflow: hidden;
    width: 100%;
    padding-left: 20px !important;
    padding-right: 20px !important
}

#project-name {
    font-size: 14px;
    color: #000;
    padding: 20px;
    margin-bottom: 0
}

#pic-pname {
    padding: 15px;
    overflow: hidden
}

#job-p-detail {
    width: 100%;
    background: #fff;
    float: right;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05)
}

#j-rev img,
#j-time img {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

#j-rev {
    float: left;
    font-size: 14px;
    margin-left: 20px
}

#j-time {
    float: right;
    font-size: 14px;
    margin-right: 20px
}

#job-right {
    width: 30%;
    float: right;
    overflow: hidden
}

#product-name {
    font-size: 14px;
    color: #000;
    padding: 20px;
    margin-bottom: 0
}

#p-name {
    float: left;
    font-size: 14px;
    color: #000;
    padding-top: 10px
}

#p-pic {
    border-radius: 100%;
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 0
}

#job-background {
    overflow: hidden;
    float: left;
    width: 70%
}

#job-message {
    margin-bottom: 25px;
    padding: 5px;
    background: #fff !important;
    border: none;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    height: 120px;
    padding: 10px
}

#job-attach {
    background-color: #f5a623 !important;
    width: 161px !important;
    font-weight: 400;
    cursor: pointer;
    padding: 15px;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    height: 50px !important
}

.job-send {
    background-color: #5392f2 !important;
    width: 161px !important;
    padding: 10px;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    height: 50px !important
}

#attach-message p {
    font-size: 14px;
    float: left !important;
    padding-top: 15px;
    color: #cfcfcf
}

#attach-message img {
    width: 32px;
    height: 32px;
    margin-top: 5px;
    float: right
}

#file-type {
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding-top: 0;
    margin: 0
}

#attach-message {
    width: 180px;
    float: left;
    bottom: 0;
    position: absolute;
    height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0 5px 5px 0
}

#buy-job-message #attach-div {
    width: 180px;
    float: right;
    margin-right: 5px
}

#attach-div {
    width: 180px;
    float: right
}

.attach-text-div {
    margin-right: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid #cfcfcf;
    width: 180px;
    height: 200px;
    border-radius: 5px
}

#job-chat-back {
    width: auto;
    padding-top: 30px;
    padding-right: 5px;
    padding-bottom: 30px;
    border-radius: 5px;
    margin-bottom: 10px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05)
}

#chat-status {
    overflow: hidden;
    white-space: nowrap;
    float: left;
    padding: 10px;
    padding-left: 30px;
    width: 100%
}

#chat {
    width: 100%;
    float: left;
    margin: 0;
    padding-left: 30px !important;
    padding: 10px
}

#job-table {
    width: 30% !important;
    float: right
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0 auto -webkit-focus-ring-color !important;
    outline-offset: 0 !important
}

.btn-dejob:focus,
.btn-dejob:hover,
.btn-dejob:visited {
    color: #000 !important;
    opacity: 1 !important
}

.btn.active,
.btn:active {
    background-image: none !important;
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

#job-r {
    width: 100%
}

#job-page {
    padding-left: 30px;
    padding-right: 30px
}

.job-r {
    width: 100%;
    float: right
}

#job-form {
    padding: 10px 0 0;
    margin-bottom: 0
}

#job-head {
    font-size: 22px;
    color: #000;
    width: 65%;
    margin-top: 5px;
    float: left;
    padding-left: 0;
    display: none
}

#job-head img {
    width: 34px;
    height: 30px;
    float: left;
    margin-right: 10px
}

#topcat-con {
    padding-left: 30px;
    padding-right: 30px
}

#rd {
    color: green
}

#wd {
    color: red
}

.review-div h3 {
    margin-bottom: 50px;
    padding-left: 30px
}

.review-div hr {
    margin-top: 15px !important
}

.review-div p {
    font-size: 14px;
    margin-bottom: 0;
    padding-left: 30px
}

#review-div {
    width: 50%;
    float: right;
    margin-bottom: 30px
}

#us-detail {
    overflow: hidden
}

#us-img img {
    width: 100%;
    float: left;
    margin-right: 7px !important;
    border-radius: 100% !important
}

#us-img {
    overflow: hidden;
    width: 105px;
    height: 105px;
    margin-right: 20px;
    float: left
}

@media(min-width:1200px) {
    #en-p {
        width: 190px !important
    }

    .related-item .pimg-cover {
        object-fit: cover;
        width: 100%;
        height: 200px !important
    }

    #preview {
        margin-top: 0 !important
    }

    .mj-item {
        background: #fff;
        transition: all .2s ease-in-out;
        will-change: transform;
        border-radius: 5px;
        height: 435px;
        overflow: hidden;
        border: 0 solid #cfcfcf;
        margin-bottom: 30px
    }

    .mj-progress-item {
        background: #fff;
        transition: all .2s ease-in-out;
        will-change: transform;
        border-radius: 5px;
        border: 0 solid #cfcfcf;
        height: 460px;
        overflow: hidden;
        margin-bottom: 30px
    }
}

@media(max-width:1199px) and (min-width:993px) {
    .mj-item {
        background: #fff;
        transition: all .2s ease-in-out;
        will-change: transform;
        border-radius: 5px;
        height: 395px;
        overflow: hidden;
        margin-bottom: 30px
    }

    #user-pro-page .pd-5 {
        padding-top: 15px !important;
        padding-left: 10px !important;
        height: 65px !important;
        padding-right: 10px !important;
        width: 100%;
        margin: 0
    }

    .mj-progress-item {
        background: #fff;
        transition: all .2s ease-in-out;
        will-change: transform;
        border-radius: 5px;
        height: 415px;
        overflow: hidden;
        margin-bottom: 30px
    }

    #user-pro-page img.pimg-cover {
        width: 100% !important;
        height: 158px;
        border-radius: 0 !important
    }

    #user-pro-page .product-item {
        border: 0 solid #cfcfcf;
        border-radius: 5px;
        transition: all .2s ease-in-out;
        cursor: pointer;
        will-change: transform;
        overflow: hidden;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        height: 370px !important;
        padding: 0;
        background: #fff;
        margin-bottom: 30px
    }
}

@media(max-width:992px) and (min-width:768px) {
    #user-pro-page .pd-5 {
        padding-top: 15px !important;
        padding-left: 10px !important;
        height: 80px !important;
        padding-right: 10px !important;
        width: 100%;
        margin: 0
    }

    #edit-but {
        text-align: right !important;
        font-size: 13px !important;
        padding-top: 11px !important;
        padding-right: 4px !important
    }

    #work-eye #we-p {
        text-align: left !important;
        padding-top: 11px !important;
        padding-left: 5px !important
    }

    #my-ser #product-rate {
        padding-left: 5px !important;
        height: 60px !important;
        padding-top: 10px;
        padding-right: 5px !important
    }

    #product-rate {
        padding-left: 5px !important;
        height: 40px !important;
        padding-top: 10px;
        padding-right: 5px !important
    }
}

@media(max-width:767px) {
    #user-pro-page .pd-5 {
        padding-top: 15px !important;
        padding-left: 10px !important;
        height: 50px !important;
        padding-right: 10px !important;
        width: 100%;
        margin: 0
    }

    #edit-ser-sub {
        background: #4a90e2;
        font-size: 14px;
        height: 40px;
        border: 0 solid #fff;
        border-radius: 5px;
        width: 100% !important;
        margin-bottom: 10px !important;
        float: left;
        margin-right: 10px;
        color: #fff;
        font-weight: 300;
        padding-top: 10px
    }

    .job-title {
        font-family: pyidaungsu, HelveticaNowText-Light !important;
        font-size: 18px !important;
        font-weight: 350 !important;
        color: #000 !important
    }

    .tp-row {
        box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
        margin-top: 36px;
        margin-bottom: 36px;
        background: #fff;
        border-radius: 5px;
        padding: 0 !important;
        width: 80%;
        margin-left: 10%
    }

    .nav-title {
        font-size: 18px !important
    }

    .footer {
        background-color: #000;
        color: #fff;
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        padding-top: 35px !important;
        padding-bottom: 20px
    }

    #edit-but {
        text-align: right !important;
        font-size: 13px !important;
        padding-top: 11px !important;
        padding-right: 19px !important
    }

    #work-eye #we-p {
        text-align: left !important;
        padding-top: 11px !important;
        padding-left: 20px !important
    }

    #product-rate {
        padding-left: 20px !important;
        height: 45px !important;
        padding-top: 13px !important;
        padding-right: 20px !important
    }

    .mj-item {
        background: #fff;
        transition: all .2s ease-in-out;
        will-change: transform;
        padding-bottom: 10px;
        border-radius: 5px;
        height: auto !important;
        overflow: hidden;
        margin-bottom: 30px
    }

    .mj-item img {
        border-radius: 0 !important;
        object-fit: cover;
        height: auto;
         !important;
        width: 100% !important
    }

    #mj-ks-p {
        float: right;
        width: 50%;
        font-size: 18px !important
    }

    #mj-ks-left-p {
        float: left;
        font-size: 18px !important;
        width: 50%
    }

    #mb-menu-left {
        display: block;
        width: 50%;
        float: left;
        margin: 0
    }

    #mb-menu-right {
        display: block;
        width: 100%;
        float: left;
        margin: 0
    }

    .mj-progress-item {
        background: #fff;
        transition: all .2s ease-in-out;
        will-change: transform;
        padding-bottom: 10px;
        border-radius: 5px;
        height: auto !important;
        overflow: hidden;
        margin-bottom: 30px
    }
}

#user-pro-page #user-row {
    overflow: hidden;
    width: 100%
}

.nw-attach {
    background-color: #f5a623 !important;
    display: inline-block;
    color: #fff;
    padding: 9px !important;
    float: left;
    font-size: 14px;
    margin-top: 5px;
    font-weight: 400;
    cursor: pointer;
    width: 172px !important;
    text-align: center;
    height: 40px;
    border: 0;
    border-radius: 5px
}

#nw-sub {
    padding: 9px !important;
    background: #4a90e2;
    display: inline-block;
    color: #fff;
    float: left;
    font-size: 14px;
    margin-top: 5px;
    cursor: pointer;
    width: 172px !important;
    text-align: center;
    height: 40px;
    border: 0;
    border-radius: 5px
}

.subcat-icons {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
    margin-left: 0
}

#subcat-icons1,
#subcat-icons10,
#subcat-icons11,
#subcat-icons12,
#subcat-icons13,
#subcat-icons14,
#subcat-icons15,
#subcat-icons16,
#subcat-icons17,
#subcat-icons2,
#subcat-icons3,
#subcat-icons4,
#subcat-icons5,
#subcat-icons6,
#subcat-icons7,
#subcat-icons8,
#subcat-icons9 {
    background-image: url(../img/welldone-category-icon-2.png);
    background-size: 100% auto;
    background-repeat: no-repeat
}

#subcat-icons18,
#subcat-icons19,
#subcat-icons20,
#subcat-icons21,
#subcat-icons22,
#subcat-icons23,
#subcat-icons24,
#subcat-icons25,
#subcat-icons26,
#subcat-icons27 {
    background-image: url(../img/welldone-category-icon-3.png);
    background-size: 100% auto;
    background-repeat: no-repeat
}

#subcat-icons35,
#subcat-icons36,
#subcat-icons37,
#subcat-icons38 {
    background-image: url(../img/welldone-category-icon-5.png);
    background-size: 100% auto;
    background-repeat: no-repeat
}

#subcat-icons39,
#subcat-icons40,
#subcat-icons41,
#subcat-icons42,
#subcat-icons43,
#subcat-icons44,
#subcat-icons45,
#subcat-icons46,
#subcat-icons47 {
    background-image: url(../img/welldone-category-icon-6.png);
    background-size: 100% auto;
    background-repeat: no-repeat
}

#subcat-icons48,
#subcat-icons49,
#subcat-icons50,
#subcat-icons51,
#subcat-icons52,
#subcat-icons53,
#subcat-icons54 {
    background-image: url(../img/welldone-category-icon-7.png);
    background-size: 100% auto;
    background-repeat: no-repeat
}

#subcat-icons55,
#subcat-icons56,
#subcat-icons57,
#subcat-icons58,
#subcat-icons59,
#subcat-icons60 {
    background-image: url(../img/welldone-category-icon-8.png);
    background-size: 100% auto;
    background-repeat: no-repeat
}

#cat-icons {
    width: 30.19px;
    height: 30.19px;
    margin-right: 18px
}

#nw-page .form-control {
    background: #f0f0f0;
    width: 100%;
    height: 40px;
    border: 1px solid #cfcfcf;
    margin-bottom: 25px !important
}

#nw-desc {
    height: auto !important
}

#nw-page #brief {
    height: auto !important
}

#nw-page #price {
    width: 100% !important
}

#nw-page #turnaround {
    width: 100% !important
}

#nw-page #cat {
    width: 100% !important
}

#nw-title {
    width: 100% !important
}

#nw-page .help-block {
    opacity: .8 !important;
    margin-top: -10px !important;
    text-align: left !important;
    padding-top: 0 !important
}

#nw-tform-div {
    width: 33.33%;
    float: left;
    margin-left: 0;
    margin-right: 0
}

#nw-page #rev {
    width: 100% !important
}

#nw-page form {
    width: 80%;
    margin: auto
}

#nw-page {
    background: #fff;
    margin-top: 36px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    margin-left: 15px;
    border: 0 solid #cfcfcf !important;
    margin-bottom: 36px;
    border-radius: 5px;
    margin-right: 15px
}

#gender {
    margin-top: 0;
    font-weight: 400;
    font-size: 14px;
    width: 30%;
    float: left
}

#acc-form #about {
    height: 150px
}

#nw-page .form-horizontal .control-label {
    padding-top: 0;
    margin-bottom: 10px;
    text-align: left;
    display: inline-block;
    max-width: 100%;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 700
}

#edit-ser-page .form-horizontal .control-label {
    padding-top: 0;
    margin-bottom: 0;
    text-align: left;
    display: inline-block;
    max-width: 100%;
    margin-top: 8px;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 700
}

#edit-ser-page .checkbox label,
.radio label {
    min-height: 20px;
    padding-left: 20px;
    display: inline-block;
    max-width: 100%;
    margin-top: 8px;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

#att-div {
    width: 100%;
    border: 0 solid #f0f0f0;
    border-radius: 5px;
    padding: 5px
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
    display: none
}

#myModal {
    display: none
}

@media(max-width:991px) {
    .desktop-logo {
        display: none !important
    }

    #homepage #mb-black-logo {
        display: block !important
    }

    #mb-black-logo {
        display: none
    }

    ul.dropdown-menu:after {
        content: "";
        position: absolute !important;
        top: -16px;
        bottom: auto;
        margin-left: 5px;
        height: 0;
        width: 0;
        border-color: transparent transparent #fff;
        border-style: solid;
        border-width: 8px;
        z-index: 9
    }
}

.table-responsive {
    width: 100% !important;
    border: 0 solid #ddd !important
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0 !important
}

#edit-ser-sub {
    background: #4a90e2;
    font-size: 14px;
    height: 50px;
    border: 0 solid #fff;
    border-radius: 5px;
    width: 150px;
    float: left;
    margin-right: 10px;
    color: #fff;
    font-weight: 300;
    padding-top: 8px
}

#edit-ser-cancel {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    height: 50px;
    float: left;
    margin-right: 10px;
    border-radius: 5px;
    width: 150px;
    margin-top: 0;
    padding-top: 15px
}

#edit-ser-title {
    height: 50px
}

#edit-ser-price {
    height: 50px
}

#edit-ser-top {
    font-size: 22px;
    width: 80%;
    color: #000;
    padding-left: 10% !important;
    font-weight: 400;
    margin-left: -12px;
    padding: 20px 0 20px 10%
}

#edit-ser-page .form-control {
    background: #f0f0f0;
    width: 100%;
    margin-bottom: 25px !important
}

#edit-ser-page #brief,
#edit-ser-page #desc {
    width: 100% !important;
    height: auto !important;
    padding: 20px !important
}

#desc {
    padding: 20px !important
}

#edit-ser-page #attachbtn {
    padding: 15px;
    background-color: #f5a623 !important;
    display: inline-block;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    float: left;
    font-size: 14px;
    cursor: pointer;
    font-weight: 300;
    border-radius: 5px;
    width: 150px;
    text-align: center;
    height: 50px
}

#edit-ser-form {
    width: 80%;
    margin: auto
}

#edit-ser-turnaround {
    height: 40px
}

#edit-ser-rev {
    height: 40px
}

#edit-ser-category {
    display: block;
    width: 80%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f0f0f0;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#edit-ser-page {
    background: #fff;
    margin-top: 36px;
    margin-bottom: 36px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05);
    margin-left: 15px;
    border: 0 solid #cfcfcf !important;
    margin-right: 15px;
    border-radius: 5px
}

#foricons {
    width: 100%;
    overflow: hidden;
    margin-top: 5px
}

#foricons img {
    float: left;
    width: 26px;
    margin-right: 5px !important
}

#workrate {
    float: left
}

#nw-title {
    width: 250px;
    background: #f0f0f0;
    height: 50px
}

#user-pro-page .pd-5 {
    padding-top: 15px !important;
    padding-left: 0 !important;
    height: 50px;
    padding-right: 0 !important;
    width: 100%;
    margin: 0
}

#user-pro-page .ph {
    margin-bottom: 0;
    padding-top: 10px !important;
    padding-left: 15px !important;
    border-top: 0 solid #cfcfcf;
    color: #d8d8d8
}

#price-p {
    float: right;
    color: #000;
    font-size: 14px
}

.drop-menu li a:hover {
    background-color: #fafafa
}

.drop-menu li a {
    font-size: 14px !important;
    width: auto;
    text-decoration: none !important;
    color: #000;
    padding-left: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: all .5s ease-in-out;
    line-height: 3.2em;
    display: block !important;
    padding: 3px 20px;
    clear: both;
    white-space: nowrap
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: none
}

#toparrow {
    position: absolute;
    margin-top: -13px;
    width: 20px;
    color: #fff;
    display: block;
    margin-left: 40px
}

#edit-but {
    text-align: right !important;
    font-size: 13px !important;
    padding-top: 11px !important;
    padding-right: 19px;
    color: #000 !important
}

#create-but {
    float: right
}

#user-hr {
    margin-top: 0;
    width: 100%
}

#product-rate {
    padding-left: 20px;
    height: 40px;
    padding-top: 10px;
    padding-right: 20px
}

.work-title {
    color: #000 !important;
    font-size: 14px
}

#work-head img {
    width: 34px;
    height: 30px;
    margin-top: -3px;
    margin-right: 15px;
    float: left
}

.approve-modal-content {
    width: 350px !important;
    overflow: hidden;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    padding-right: 30px
}

.approve-modal-body p {
    font-size: 14px
}

.appclose {
    color: #676767 !important;
    float: none !important;
    font-size: 18px !important;
    padding: 10px !important;
    font-weight: 200 !important;
    transition: .3s !important;
    text-align: center !important
}

.approve-modal-body #summery-div {
    padding: 0 20px 20px !important;
    border-bottom: 0 solid #cfcfcf !important
}

#summery-div {
    padding: 0 30px 30px;
    border-bottom: 1px solid #f0f0f0
}

#sum-table {
    font-size: 12pt;
    color: #333;
    width: 100%
}

#sum-table tr {
    height: auto
}

.mgt_8 {
    margin-top: 8px;
    font-size: 14px;
    color: #333;
    line-height: 30px
}

.pyb-title {
    font-size: 18px;
    color: #333;
    font-weight: 400
}

.oh {
    font-weight: 400 !important;
    color: #333 !important;
    margin-top: 40px !important;
    font-size: 22px !important
}

#revi-icon {
    width: 20px;
    margin-right: 5px;
    height: 20px
}

#clock-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

#pyb-div {
    padding-left: 40px;
    width: 100%;
    padding-right: 40px;
    padding-bottom: 20px
}

#order-left-col {
    padding-top: 20px;
    border-right: 1px solid #f0f0f0
}

#widc a {
    color: #848484 !important
}

#t-brief {
    background: #f0f0f0;
    height: 187px;
    margin-bottom: 20px !important;
    padding: 20px;
    border: 0;
    border-radius: 5px
}

#widc {
    margin-top: 10px
}

#dc-div {
    padding-right: 0;
    font-size: 13px;
    color: #333
}

#dc {
    font-size: 13px;
    color: #b1b1b1;
    height: 40px !important;
    background: #f0f0f0;
    width: 140px
}

#order-area {
    background: #fff;
    border-radius: 5px;
    margin-right: 15px;
    border: 0 solid #cfcfcf;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .05)
}

#submitFormData {
    width: 100%;
    font-size: 13px;
    background: #5eb301 !important;
    height: 40px !important;
    border: 1px solid #b8e986
}

#pyb-div .help-block {
    opacity: .8 !important;
    margin-top: 0 !important;
    width: 65% !important;
    padding-left: 10px !important;
    text-align: left;
    padding-top: 10px !important;
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #333
}

#bb {
    padding: 15px !important;
    background: #f5a623 !important;
    display: inline-block;
    color: #fff;
    float: left;
    font-weight: 350 !important;
    font-size: 14px;
    margin-top: 5px;
    cursor: pointer;
    width: 172px !important;
    text-align: center;
    height: 50px;
    border-radius: 5px
}

#approveBtn {
    width: 100%;
    height: 65px;
    background: #5392f2;
    color: #fff !important;
    border-radius: 5px;
    font-size: 22px;
    border: 0 solid
}

.panel-body {
    padding: 0 !important;
    font-size: 12pt;
    color: #333;
    font-weight: 400;
    line-height: 2em
}

#order-logo h2 {
    font-size: 14px !important;
    color: #000;
    margin-top: 15px
}

#orderhead {
    width: 100%;
    padding: 20px 0;
    display: none
}

.providebrief {
    margin-bottom: 20px;
    padding: 20px;
    border: thin solid #f0f0f0;
    border-radius: 5px
}

#cancel h4 {
    float: right;
    margin-top: 18px;
    font-size: 14px;
    color: #707070
}

#order-logo {
    float: left;
    width: 50%
}

#revision {
    float: left
}

#days {
    float: right
}

#ks-div {
    width: 238px;
    float: right;
    padding-right: 10px
}

#cancel {
    float: right
}

#ks-top {
    text-align: left;
    color: #000;
    font-size: 22px
}

#title {
    width: 600px;
    font-size: 22px;
    color: #000;
    padding-left: 10px
}

.cs {
    background-color: #5392f2 !important;
    width: 161px;
    padding: 15px;
    font-size: 14px;
    border: 0 solid;
    text-align: center;
    color: #fff !important;
    border-radius: 5px;
    height: 50px !important
}

#cou-col-1 p {
    text-align: center
}

#cou-row-2 p,
#cou-row-3 p,
#cou-row-5 p,
#cou-row-6 p {
    padding-top: 85px
}

#cou-col-2 p {
    text-align: center
}

#cou-row-1 {
    height: 200px;
    width: 96%;
    margin: 2%;
    border: 2px solid #cfcfcf;
    border-radius: 5px
}

#cou-row-2 {
    height: 200px;
    width: 96%;
    margin: 2%
}

#cou-row-3 {
    height: 200px;
    width: 96%
}

#cou-row-4 {
    height: 200px;
    width: 96%;
    margin: 2%;
    border: 2px solid #cfcfcf;
    border-radius: 5px
}

#cou-row-5 {
    height: 200px;
    width: 96%;
    margin: 2%;
    border: 2px solid #cfcfcf;
    border-radius: 5px
}

#cou-row-6 {
    height: 200px;
    width: 96%;
    margin: 2%;
    border: 2px solid #cfcfcf;
    border-radius: 5px
}

#cou-row-5 {
    height: 200px;
    width: 100%
}

#cou-row-6 {
    height: 200px;
    width: 100%
}

#cou-row-2 div {
    height: 200px;
    width: 100%;
    border: 2px solid #cfcfcf;
    border-radius: 5px
}

#cou-row-3 div {
    height: 200px;
    width: 100%;
    border: 2px solid #cfcfcf;
    border-radius: 5px
}

#coupon-1 {
    width: 50%;
    float: left
}

#cou-col-1 {
    width: 50%;
    float: left
}

#cou-col-2 {
    width: 50%;
    float: left
}

#coupon-head {
    width: 100%;
    height: 85px
}

#redeem-but {
    width: 100%;
    height: 38px;
    background: #337ab7 !important;
    border: 0;
    opacity: 1
}

#cou-icon ul {
    float: right;
    list-style: none;
    width: 270px
}

#cou-icon ul li {
    display: inline-block;
    padding-right: 20px
}

#cou-bar,
#cou-icon {
    width: 50%;
    float: left
}

#redeem-decs {
    margin-top: -25px;
    font-size: 14px;
    color: #000
}

// #redeem-tit{font-size:20px;margin-top:10px;color:#000}#topbar{width:30px;height:5px;background:#000;border-radius:2.5px}.pf-dsc{margin-top:20px;margin-bottom:0;padding:0}#uspic{width:100%;float:left}#user-reward{float:right;margin-top:-30px}#job-done{padding-top:0;color:#999;float:left}#user-reward{float:right;width:48%;margin-top:0}#uspro{text-align:left;border-radius:3px;width:100%;overflow:hidden;height:auto;margin:auto}#ksa{padding-top:0!important;line-height:15px!important;display:block!important;padding:3px 20px;clear:both;white-space:nowrap}#ks{color:#f5a623;font-size:14px!important}.user-detail-div{width:50%;margin-bottom:30px;margin-left:0;height:auto;padding:0;border-radius:0;float:left}.pimg-cover{object-fit:cover;width:100%;height:200px}@media(max-width:992px) and (min-width:768px){#user-pro-page .product-item{border:0 solid #cfcfcf;border-radius:5px;transition:all .2s ease-in-out;cursor:pointer;will-change:transform;overflow:hidden;box-shadow:0 1px 7px rgba(0,0,0,.05);height:350px!important;padding:0;background:#fff;margin-bottom:32px}}#user-pro-page{padding-top:30px;padding-bottom:6px;padding-right:30px;padding-left:30px}#user-pro-page .user-detail-wrapper{padding:0!important;border:none!important;box-shadow:none!important;border-radius:0!important;background-color:transparent!important}#user-profile li{display:inline}#user-profile{padding:0}#account-page{height:auto!important;padding-top:30px!important;padding-bottom:36px!important;padding-left:30px;padding-right:30px}#profile-pages{padding-left:0}#user-profile li h2{font-size:22px;color:#000;margin-top:0;float:left;padding-left:15px}#user-setting{padding:0;list-style:none;margin-top:3px}#user-setting li p{font-size:18px;font-weight:400;color:#666;line-height:30px}#acc-form{float:none;width:100%}#top-acc{width:100%;height:60px;padding-left:0;padding-right:0}#user-right-menu{float:right;font-size:16px;font-weight:700;color:#000}@media(min-width:1200px){#acc-form input[type=submit]{background-color:#f5a623!important;color:#fff;padding:5px;margin-top:10px;margin-bottom:20px;height:50px!important;width:172px!important;border-radius:5px!important;font-size:14px!important;border:0!important;float:left!important}}@media(max-width:1199px){#profile-container{width:100%!important;height:auto!important;margin-top:10px;overflow:hidden}#profile-container img{width:90%!important;height:auto!important;margin:5%!important}#bb{width:100%!important}}.help-block{opacity:.8!important;margin-top:15px!important;text-align:left!important;padding-top:42px!important;font-size:14px}#acc-form .form-control{margin-bottom:20px;width:70%;border-radius:5px!important}#label-tag{font-size:16px;margin-bottom:20px;font-weight:400;float:left;width:30%;padding-top:10px}@media(max-width:767px){.pimg-cover{border-radius:0!important;object-fit:cover;height:auto!important;width:100%!important}.uname{margin-left:40px!important;position:absolute;font-size:14px!important;width:60%;margin-top:9px!important;font-weight:350!important;color:#000;float:left}#myser-div{padding:0;height:auto!important;border-radius:5px;padding-bottom:1px!important;background:#fff!important}#myNavbar{position:absolute;background:rgba(0,0,0,.8);overflow:hidden;padding:40px;right:0;margin:auto;left:-2px;width:100%;float:right;margin-top:60px;border-radius:5px;height:auto!important}}.price{text-align:right;color:#000!important;font-size:14px;font-weight:350!important}@media(min-width:1200px){.related-item .ptitle{font-size:16px;font-weight:500;padding-left:30px;padding-right:30px;padding-top:15px!important;padding-bottom:20px;height:60px;color:#000}#my-ser img.pimg-cover{width:100%!important;height:200px!important;border-radius:0!important}.ptitle{font-size:16px;padding-left:20px;padding-right:20px;padding-top:30px!important;padding-bottom:20px;height:70px!important;color:#000}.home-product-item{border:0 solid #cfcfcf;border-radius:5px;transition:all .2s ease-in-out;cursor:pointer;will-change:transform;overflow:hidden;box-shadow:0 1px 7px rgba(0,0,0,.05);height:395px!important;padding:0;margin-bottom:32px;width:100%;background-color:#fff}.related-item{border:0 solid #cfcfcf;border-radius:5px;transition:all .2s ease-in-out;cursor:pointer;will-change:transform;overflow:hidden;box-shadow:0 1px 7px rgba(0,0,0,.05);height:397px;padding:0;margin-bottom:32px;background-color:#fff}}#edit-hr{margin-top:3px}.pr-ser{height:35px}@media(max-width:1199px) and (min-width:993px){.related-item .ptitle{font-size:16px;font-weight:500;padding-left:30px;padding-right:30px;padding-top:15px;padding-bottom:20px;height:70px;color:#000}.home-product-item{border:0 solid #cfcfcf;border-radius:5px;transition:all .2s ease-in-out;cursor:pointer;will-change:transform;overflow:hidden;box-shadow:0 1px 7px rgba(0,0,0,.05);height:355px!important;padding:0;margin-bottom:32px;width:100%;background-color:#fff}.related-item .pimg-cover{object-fit:cover;width:100%;height:197px}.related-item{border:0 solid #cfcfcf;border-radius:5px;transition:all .2s ease-in-out;cursor:pointer;will-change:transform;overflow:hidden;box-shadow:0 1px 7px rgba(0,0,0,.05);height:400px!important;padding:0;margin-bottom:32px;background-color:#fff}.home-product-item .ptitle{font-size:16px;font-weight:100;padding-left:30px;padding-right:30px;padding-top:20px!important;padding-bottom:20px;height:70px!important;color:#000}}@media(max-width:991px) and (min-width:768px){.related-item img.pimg-cover{width:100%!important;height:120px!important;border-radius:0!important}#my-favourites .pd-5{padding-top:15px;padding-left:20px!important;height:70px!important;padding-right:20px!important}#my-favourites .product-item{border:0 solid #e0e0e0!important;border-radius:5px;transition:all .2s ease-in-out;cursor:pointer;will-change:transform;overflow:hidden!important;box-shadow:0 1px 7px rgba(0,0,0,.05);height:335px!important;padding:0;margin-bottom:32px;background:#fff}.home-product-item img.pimg-cover{width:100%!important;height:35%!important;border-radius:0!important}.related-item .pd-5{padding-top:15px;padding-left:20px!important;height:50px;padding-right:20px!important}#fibra img.pimg-cover{width:100%!important;height:32%!important;border-radius:0!important}#mj-main-title{padding:15px;height:90px!important}.pr-ser{height:50px!important}#my-ser img.pimg-cover{width:100%!important;height:42%!important;border-radius:0!important}#my-ser #work-video{width:100%;height:42%!important;object-fit:cover}#myser-div{padding:0!important;height:340px!important;background:#fff!important}#fibra .home-product-item .pd-5{padding-top:15px!important;padding-left:20px!important;height:60px!important;padding-right:20px!important}.home-product-item .pd-5{padding-top:20px!important;padding-left:20px!important;height:60px!important;padding-right:20px!important}#fibra .ptitle{font-size:16px;font-weight:300!important;height:90px!important;color:#000}.ptitle{font-size:16px;font-weight:300!important;padding-left:20px;padding-right:20px;padding-top:8px!important;overflow:hidden;padding-bottom:20px;height:65px!important;color:#000}.related-item{border:0 solid #e0e0e0;border-radius:5px;transition:all .2s ease-in-out;cursor:pointer;padding:0;will-change:transform;overflow:hidden;box-shadow:0 1px 7px rgba(0,0,0,.05);height:auto!important;padding-bottom:0!important;margin-bottom:32px;background-color:#fff}}@media(max-width:767px){.home-product-item{border:0 solid #e0e0e0;border-radius:5px;transition:all .2s ease-in-out;cursor:pointer;will-change:transform;overflow:hidden;box-shadow:0 1px 7px rgba(0,0,0,.05);height:auto!important;padding-bottom:0!important;margin-bottom:32px;width:100%;background-color:#fff}#my-ser #work-video{width:100%;height:225px!important;object-fit:cover}.navbar-nav>li>a{padding-left:10px!important;padding-right:10px!important}.uname{margin-left:8px;font-size:18px!important;width:60%;margin-top:8px;font-weight:350!important;color:#000;float:left}#work-page .pr-ser{padding-left:20px;height:50px!important;padding-right:20px}.price{font-size:18px}.light-txt{font-size:18px}.ptitle{font-size:18px;padding-left:20px!important;padding-right:20px!important;padding-top:15px!important;padding-bottom:20px!important;height:70px!important;color:#000}#my-favourites .pd-5{padding-top:15px;padding-left:20px!important;height:50px!important;padding-right:20px!important}.pd-5{padding-top:15px;padding-left:20px!important;height:30px!important;padding-right:20px!important}.pd-5 .col-xs-12{width:50%!important}.related-item{border:0 solid #e0e0e0;border-radius:5px;transition:all .2s ease-in-out;cursor:pointer;will-change:transform;overflow:hidden;box-shadow:0 1px 7px rgba(0,0,0,.05);height:auto!important;padding:0;margin-bottom:32px;background-color:#fff;padding-bottom:0!important}}.ph{margin-bottom:0;padding-top:10px!important;padding-left:20px!important}@media(max-width:380px){.cs{background-color:#5392f2!important;width:100%!important;padding:15px;font-size:14px;border:0 solid;text-align:center;color:#fff!important;border-radius:5px;height:50px!important}#create-but{float:left}#drop-title{float:left;padding-left:20px}#mb-left-main-div{display:block;padding-left:0;width:100%;float:left}#mb-left-menu{padding-left:0!important}#category-page #mb-left-menu{padding-left:10px!important}.work-title{color:#000!important;font-size:18px!important}.light-txt{bottom:0}#product-rate #price-p{font-size:18px}#work-eye #we-p{font-size:18px}#edit-hr{margin-top:20px}#acc-status-page .system{width:28%!important}#acc-status-page .location{width:40%!important}#acc-status-page .activity{width:32%!important}#securitycheck .system{width:30%!important}#securitycheck .location{width:35%!important}#securitycheck .activity{width:35%!important}#account-page #myacc{background:#fff;padding:20px;border-radius:5px!important;border:0 solid #cfcfcf;box-shadow:0 1px 7px rgba(0,0,0,.05)}#statusheader{background:#f7f9fa;border:thin solid #e6e8eb;border-radius:5px 5px 0 0;padding:10px!important;font-size:14px;border-bottom:none}.system{float:left;width:30%;margin:0!important}.location{float:left;width:58%!important;margin:0!important;padding-left:15px}.activity{float:left;width:12%!important;margin:0!important}.statusbody{border-top:thin solid #e6e8eb;padding:10px!important}ul#mb-how-but{display:none}ul#apply-as-freelance-mb{padding-top:10px}.tooltip-big-text{--balloon-font-size:10px!important;text-align:center!important}.category-header{width:100%}#mb-left-menu .dropbtn{padding:15px 0 5px 3px}#mb-left-menu{padding-left:5px}.left-product-detail .carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1;height:auto!important;object-fit:cover;border-radius:5px!important;width:100%}.search-keywords button#submit{display:none}#s-item{width:100%!important}#searchbut-div #searchbut{display:none}#search-home-input input#srch-term{width:100%!important;border-radius:5px}.navbar-form{width:300px!important;padding-top:0;padding-left:0!important;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form .input-group>.form-control{width:200px!important;height:43px;border-radius:5px 0 0 5px}#searchbut{height:43px;background:#f5a623;color:#fff;border:0;width:85px!important;font-weight:200}#headcon{width:100%!important;padding-top:10px;padding-bottom:35px}}#all-cat-row{margin:0 15px}@media(max-width:785px){#banner2 img{height:600px!important;width:auto!important}#banner2{height:600px!important}.hb_bocap{width:100%;position:absolute;bottom:90px!important}}#eye-icon-reset{cursor:pointer;pointer-events:all;padding-top:6px;top:3px}#reset-con{padding-top:100px;padding-bottom:100px;height:auto}@media(max-width:1440px) and (min-width:786px){#banner1{width:100%;background-image:url(img/Home_Banner.png);height:100vh;background-size:auto 100%!important;background-position:center;background-repeat:no-repeat;margin-left:0}#banner2{height:auto!important}#banner2 img{height:auto!important;width:100%!important}}#forgot-pass-div .form-group{margin-bottom:0}#forgot-pass-div #forgot-form{padding:60px;background:#fff;border-radius:5px;box-shadow:0 1px 7px rgba(0,0,0,.05)}@media(max-width:1199px) and (min-width:993px){#forgot-pass-div .form-control{height:40px!important}#forgot-pass-div #login-img-div{height:847px!important;overflow:hidden;background-image:url(img/welldone-signup.png);background-repeat:no-repeat;padding:0;background-size:auto 100%;background-position:center;border-radius:5px 0 0 5px}#forgot-pass-div{width:910px!important;margin-top:100px;border-radius:5px;margin-bottom:100px;overflow:hidden}#forgot-pass-div #sub-forgot{background-color:#337ab7!important;color:#fff;padding:10px 20px!important;margin:20px 0 1px;border:none;cursor:pointer;width:100%;opacity:.9;height:50px!important}}@media(max-width:992px){#forgot-pass-div #login-img-div{display:none}#forgot-pass-div #forgot-form{padding:60px 20px!important;background:#fff;border-radius:5px;box-shadow:0 1px 7px rgba(0,0,0,.05)}#forgot-pass-div #login-form-div{width:100%!important}#forgot-pass-div{width:350px!important}#forgot-pass-div #login-form{padding:60px 20px 30px!important}#forgot-pass-div #sub-forgot{background-color:#337ab7!important;color:#fff;padding:16px 20px;margin:20px 0 0!important;border:none;cursor:pointer;width:100%;opacity:.9}}#forgot-pass-div #forgot-form h1{font-size:20px;font-weight:200}#forgot-pass-div .form-control{display:block;width:100%;height:50px;padding:6px 12px;font-size:12pt;line-height:1.42857143;color:#555;background-color:#f0f0f0;background-image:none;border:1px solid #ccc;border-radius:5px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}#forgot-pass-div hr{border:1px solid #f1f1f1;margin-bottom:25px}#forgot-pass-div #sub-forgot{background-color:#337ab7!important;color:#fff;padding:16px 20px;margin:20px 0 1px;border:none;cursor:pointer;height:50px!important;width:100%;opacity:.9}#forgot-pass-div #sub-forgot:hover{opacity:1}#forgot-pass-div a{color:#1e90ff}#forgot-pass-div .signin{text-align:center;padding:16px}#forgot-pass-div #topbar{width:30px;height:5px;background:#000;border-radius:2.5px}#forgot-pass-div .error{color:red}#forgot-pass-div #password+.glyphicon{cursor:pointer;pointer-events:all;padding-top:6px}#forgot-pass-div #login-page .navbar{background-image:url(img/Home_Banner.png);background-position:top;background-size:100% auto;width:100%;position:relative}#forgot-pass-div #login-form{padding:60px 60px 30px}#forgot-pass-div #login-img-div{height:897px;overflow:hidden;background-image:url(img/welldone-signup.png);background-repeat:no-repeat;padding:0;background-size:auto 100%;background-position:center;border-radius:5px 0 0 5px}#forgot-pass-div{width:1110px;margin-top:100px;border-radius:5px;margin-bottom:100px;overflow:hidden;min-height: 60vh}#forgot-pass-div #forgot-form h1{margin-top:10px!important;color:#000}#forgot-pass-div #login-desc{font-size:14px}#forgot-pass-div .form-group{margin-bottom:0}#forgot-pass-div #forgot-form{padding:60px;background:#fff;border-radius:5px;box-shadow:0 1px 7px rgba(0,0,0,.05)}@media(max-width:1199px) and (min-width:993px){#forgot-pass-div .form-control{height:40px!important}#forgot-pass-div #login-img-div{height:847px!important;overflow:hidden;background-image:url(img/welldone-signup.png);background-repeat:no-repeat;padding:0;background-size:auto 100%;background-position:center;border-radius:5px 0 0 5px}#forgot-pass-div{width:910px!important;margin-top:100px;border-radius:5px;margin-bottom:100px;overflow:hidden}#forgot-pass-div #sub-forgot{background-color:#337ab7!important;color:#fff;padding:10px 20px!important;margin:20px 0 1px;border:none;cursor:pointer;width:100%;opacity:.9;height:50px!important}}@media(max-width:992px){#forgot-pass-div #login-img-div{display:none}#forgot-pass-div #forgot-form{padding:60px 20px!important;background:#fff;border-radius:5px;box-shadow:0 1px 7px rgba(0,0,0,.05)}#forgot-pass-div #login-form-div{width:100%!important}#forgot-pass-div{width:350px!important}#forgot-pass-div #login-form{padding:60px 20px 30px!important}#forgot-pass-div #sub-forgot{background-color:#337ab7!important;color:#fff;padding:16px 20px;margin:20px 0 0!important;border:none;cursor:pointer;width:100%;opacity:.9}}#forgot-pass-div #forgot-form h1{font-size:20px;font-weight:200}#forgot-pass-div .form-control{display:block;width:100%;height:50px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#f0f0f0;background-image:none;border:1px solid #ccc;border-radius:5px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}#forgot-pass-div hr{border:1px solid #f1f1f1;margin-bottom:25px}#forgot-pass-div #sub-forgot{background-color:#337ab7!important;color:#fff;padding:16px 20px;margin:20px 0 1px;border:none;cursor:pointer;height:50px!important;width:100%;opacity:.9}#forgot-pass-div #sub-forgot:hover{opacity:1}#forgot-pass-div a{color:#1e90ff}#forgot-pass-div .signin{text-align:center;padding:16px}#forgot-pass-div #topbar{width:30px;height:5px;background:#000;border-radius:2.5px}#forgot-pass-div .error{color:red}#forgot-pass-div #password+.glyphicon{cursor:pointer;pointer-events:all;padding-top:6px}#forgot-pass-div #login-page .navbar{background-image:url(img/Home_Banner.png);background-position:top;background-size:100% auto;width:100%;position:relative}#forgot-pass-div #login-form{padding:60px 60px 30px}#forgot-pass-div #login-img-div{height:897px;overflow:hidden;background-image:url(img/welldone-signup.png);background-repeat:no-repeat;padding:0;background-size:auto 100%;background-position:center;border-radius:5px 0 0 5px}#forgot-pass-div{width:1110px;margin-top:100px;border-radius:5px;margin-bottom:100px;overflow:hidden;min-height: 60vh}#forgot-pass-div #forgot-form h1{margin-top:10px!important;color:#000}#forgot-pass-div #login-desc{font-size:14px}#verified-email{border:0 solid #f0f0f0;width:auto;margin-left:35%;padding:60px 50px 65px;height:auto;background:#fff;border-radius:5px;box-shadow:0 1px 7px rgba(0,0,0,.05)}@media(max-width:768px) and (min-width:601px){#pc-menu{display:block!important;float:none!important;padding-top:0!important}}@media(max-width:600px){#pc-menu{display:none!important}}#verified-email h2{font-size:22px;color:#000;margin-top:0}#verified-email p{font-size:14px;color:#333;font-family:pyidaungsu,Helvetica!important}#verified-email{border:0 solid #f0f0f0;width:auto;margin-left:35%;padding:60px 50px 61px;height:auto;background:#fff;border-radius:5px;box-shadow:0 1px 7px rgba(0,0,0,.05);margin-bottom:100px}#verified-email img{width:100px;height:auto}.tg input{height:15px!important}#req-msg h2{font-size:22px;color:#000;margin-top:50px}#req-msg p{font-size:14px;margin-top:15px;color:#333}#req-msg{background:#fff;text-align:center;margin-top:100px;border-radius:5px;margin-bottom:100px;padding-bottom:50px;width:75%;margin-left:10%}#req-msg img{width:100px;height:auto}#divCheckPassword{color:red;padding-left:30%;font-size:14px}p#img-size-error{color:red;position:absolute;font-size:14px!important;bottom:70px}.upload-photos p#img-size-error{color:red;position:absolute;font-size:14px!important;bottom:unset;margin-left:10px;}#order-page #preview img{margin-top:5px!important;margin-left:15px!important}#user-pro-page .label-default{background-color:#f7f9fa!important;border-radius:50px;padding:5px 20px;color:#000;width:auto;font-size:14px;margin-right:5px;margin-bottom:5px;float:left}h3#no-work-yet{margin-left:15px!important}#purchased-job-enquiries{margin-bottom:20%;min-height: 100vh}#mj-num:focus{outline:0}#purchased-jobs-in-progress{margin-bottom:20%;min-height: 100vh}#purchased-jobs-done{margin-bottom:20%;min-height: 100vh}#purchased-job-enquiries #mj-num-link1{font-size:14px;font-weight:700!important;color:#000;font-family:pyidaungsu,Helvetica!important}#mj-num-link3,#purchased-job-enquiries #mj-num-link2{font-size:14px;font-weight:300!important;color:#000;font-family:pyidaungsu,Helvetica!important}#purchased-jobs-in-progress #mj-num-link2{font-size:14px;font-weight:700!important;color:#000;font-family:pyidaungsu,Helvetica!important}#mj-num-link3,#purchased-jobs-in-progress #mj-num-link1{font-size:14px;font-weight:300!important;color:#000;font-family:pyidaungsu,Helvetica!important}#purchased-jobs-done #mj-num-link3{font-size:14px;font-weight:700!important;color:#000;font-family:pyidaungsu,Helvetica!important}#mj-num-link2,#purchased-jobs-done #mj-num-link1{font-size:14px;font-weight:300!important;color:#000;font-family:pyidaungsu,Helvetica!important}#provided-jobs-enquiries #mj-num-link1{font-size:14px;font-weight:700!important;color:#000;font-family:pyidaungsu,Helvetica!important}#mj-num-link3,#provided-jobs-enquiries #mj-num-link2{font-size:14px;font-weight:300!important;color:#000;font-family:pyidaungsu,Helvetica!important}#provided-jobs-enquiries{margin-bottom:20%;min-height: 100vh}#provided-jobs-in-progress #mj-num-link2{font-size:14px;font-weight:700!important;color:#000;font-family:pyidaungsu,Helvetica!important}#mj-num-link3,#provided-jobs-in-progress #mj-num-link1{font-size:14px;font-weight:300!important;color:#000;font-family:pyidaungsu,Helvetica!important}#provided-jobs-in-progress{margin-bottom:20%;min-height: 100vh}#provided-jobs-done #mj-num-link3{font-size:14px;font-weight:700!important;color:#000;font-family:pyidaungsu,Helvetica!important}#mj-num-link2,#provided-jobs-done #mj-num-link1{font-size:14px;font-weight:300!important;color:#000;font-family:pyidaungsu,Helvetica!important}#provided-jobs-done{margin-bottom:20%;min-height: 100vh}#product-detail-page .copylink,.copylink:focus{border:none;outline:0;background:0 0}.user-desc-div,.user-reward{padding-top:20px;font-size:14px;color:#000;overflow:hidden;font-weight:350}.like-div{padding-top:20px;color:#000;overflow:hidden;font-size:14px;font-weight:350}.done-job-div{padding-top:20px;color:#000;overflow:hidden;font-size:14px;font-weight:350}.revision-div{padding-top:20px;color:#000;overflow:hidden;font-size:14px;font-weight:350}.share-icons-div{padding-top:20px;color:#000;overflow:hidden;font-size:14px;font-weight:350}#product-desc-div{padding:45px 10px;font-weight:400;/*font-size:14px;*/font-family:pyidaungsu,Helvetica!important;line-height:25px;color:#000}#product-detail-div{padding-top:30px!important;padding-right:30px!important;padding-left:20px!important}#category-con-div,#subcat-con-div{padding-top:30px!important;padding-bottom:30px}#view-profile{float:right;font-size:14px;color:#000}#forget-form-div{margin:auto!important;float:none}#forgot-pass-div #forget-desc{font-size:14px}.prdetail .carousel-indicators li{display:inline-block!important;border:1px solid #979797!important}.prdetail .carousel-indicators .active{background:#f5a623;border:0!important}.prdetail ol.carousel-indicators{bottom:-30px}.prdetail .carousel-caption{display:none}#new-pwd+.glyphicon{cursor:pointer;pointer-events:all}#cur-pwd+.glyphicon{cursor:pointer;pointer-events:all}.sign-up-password{position:relative}.confirm-sign-up-password{position:relative}.login-password{position:relative}#sign-up-psw-do-not-match{font-size:14px;margin-top:10px;padding-left:0}#subcat-icons68{background-image:url(../img/welldone-category-icon-10.png);background-size:100% auto;background-repeat:no-repeat}#review-div [aria-label][data-balloon-pos][data-balloon-pos=left]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=left][data-balloon-visible]:after{transform:translate(0,-50%);width:150px!important}#review-div [aria-label][data-balloon-pos][data-balloon-pos=left]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=left][data-balloon-visible]:after{transform:translate(0,-50%);width:150px!important}#review-div [aria-label][data-balloon-pos][data-balloon-pos=left]:before{width:0;height:0;border:5px solid transparent;border-left-color:var(--balloon-color);right:100%;top:50%;transform:translate(0,-50%)}#review-div [aria-label][data-balloon-pos][data-balloon-pos=left]:after,[aria-label][data-balloon-pos][data-balloon-pos=left][data-balloon-visible]:after{transform:translate(0,-50%);width:150px!important}.remove_img_preview:before{content:'x';text-transform:lowercase;font-size:22px;left:10px;top:3px;position:absolute}#left-form-att{width:55%;float:left}#att-icon-label{float:left}#review-div #preview{float:left;width:60%;margin-top:18!important;text-align:right;overflow:hidden}#review-div .remove_img_preview{position:relative!important;right:0!important;width:20%;top:0!important;background:0 0;color:#fff;border-radius:50px;line-height:26px;font-size:17px;padding:0;text-align:center;cursor:pointer;height:30px;float:right}#review-div #review-div #preview p{color:#000;float:left;overflow:hidden;width:80%;padding:0}#success-message{color:green;font-size:14px;padding-left:5px!important;width:100%;overflow:hidden}.del-pic:before{content:"x";position:absolute;top:3px;left:9px}#user-account-settting-image-dimension-err{float:left!important}#user-account-settting-image-size-err{float:left!important}#user-account-settting-image-type-err{float:left!important}#apply-tab .fa{width:auto;padding:0 10px 0 0!important;text-align:center;font-size:13px;text-decoration:none;margin:0!important;border-radius:50%}@media(max-width:768px){#cat-div{padding-left:15px;margin-left:0}#sub-right-col{margin-left:0;padding-left:15px}}.form-right .help-block{opacity:.8!important;margin-top:0!important;text-align:left!important;padding-top:15px!important;font-size:14px}::selection{background-color:#f5a623;color:#000}.user-online{background:green;border-radius:50px;width:12px;height:12px;z-index:99999;position:absolute;margin-left:25px;margin-top:25px;border:solid 2px #fff}.clearbit-overlay{cursor:pointer}@media(max-width:1199px) and (min-width:992px){#video-pro-detail{width:100%;height:490px!important;object-fit:cover}.left-product-detail .carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1;height:490px!important;object-fit:cover;border-radius:5px!important}}@media(max-width:991px) and (min-width:768px){.left-product-detail .carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1;height:350px!important;object-fit:cover;border-radius:5px!important}#video-pro-detail{width:100%;height:350px!important;object-fit:cover}}@media(max-width:767px){#video-pro-detail{width:100%;height:390px!important;object-fit:cover}.left-product-detail .carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1;height:auto!important;object-fit:cover;border-radius:5px!important;width:100%}}#infomotephoe h1,#infomeepone h1{font-size:24px;color:#000;font-family:pyidaungsu!important;margin-bottom:20px}.welldone{color:#333;margin-top:100px;font-family:pyidaungsu!important}#verification-con a{color:#1e90ff!important}@media(max-width:1199px) and (min-width:993px){#cat-video,#work-video{width:100%;height:43%!important;object-fit:cover}}@media(max-width:991px) and (min-width:768px){#cat-video,#work-video{width:100%;height:35%!important;object-fit:cover}}@media(max-width:767px){#cat-video,#work-video{width:100%;height:225px!important;object-fit:cover}}#mb-how-but{width:100%;float:left}@media(min-width:768px){#bpk{padding:15px 20px!important;border-radius:0 0 5px 5px!important}.mobile-header{display:none!important}#homepage .navbar-nav>li>a{font-size:15px!important;color:#000!important;border-color:#979797!important;font-weight:400!important}}@media(max-width:767px){#user-profile-menu1{cursor:pointer!important;float:right;margin-top:-46px}.closebtn{float:right;font-size:22px!important;position:relative;top:0;right:25px;font-size:36px;margin-left:50px}#prodrop li{padding:10px 0}#bpk{padding:15px 0!important;border-radius:0 0 5px 5px!important}#ksp{margin-top:0!important;margin-bottom:0!important;padding-left:0}#prodrop{list-style:none;padding:10px}#user-profile-menu{cursor:pointer!important;background:0 0;padding-right:0!important;float:right;margin-top:-46px}.hideabletop{display:none!important}#head-right-mb{width:49%;top:0;display:block;position:absolute;right:-49%;float:right!important;overflow:hidden;height:100vh;padding:20px;border-radius:0;background:#666}#user-head-buttton{overflow:hidden;background:0 0;padding:0;margin:-45px 0 0;position:relative;outline:none;display:block;border:0;float:right}#apply-as-freelance-mb{list-style:none;float:left;width:100%;padding:10px 0 0;background:0 0}.mobile-header #how-but-mb{display:none!important;color:#fff!important;padding:30px 0 0!important;border:0 solid;background:0 0;margin-top:11px}.mb-nav-header{overflow:hidden;width:100%!important;margin-bottom:20px}.mb-drop-menu li{padding-top:10px;padding-bottom:10px}#mb-logo-div{width:36px!important;padding:0}.pc-header{display:none!important}.navbar-toggle{border-radius:4px;border:1px solid transparent;background-image:none;position:relative;float:left!important;padding:10px 0!important;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent}.navbar-right{float:left!important;margin-right:-15px!important}#acc-li{width:100%;font-size:25px!important}#login{height:45px;color:#fff!important;padding-bottom:0!important;padding-top:0!important;padding-left:10px!important;width:250px}.main-left{left:0%!important}body{position:absolute!important;left:0;transition:.7s;overflow:hidden!important;width:100%!important}.body-left-menu{position:absolute!important;left:65%;right:-65%;transition:.7s;overflow:visible!important;width:100%!important}.body-right-menu{position:absolute!important;left:-49%;transition:.7s;overflow:visible!important;width:100%!important}.body-right-menu2{position:absolute!important;left:-49%;transition:.7s;overflow:visible!important;width:100%!important}#mb-menu{width:65%;top:0;overflow:hidden;transition:1s;display:block;height:100vh;float:left;background:#666;padding:30px;border-radius:0;position:absolute;left:-65%}.mb-drop-menu{padding-left:0;list-style:none;color:#fff}#sign-up-mb{padding:0 10px!important;border:0 solid #fff!important;margin-top:0!important;color:#fff!important;border-radius:30px!important}}@media(max-width:1024px) and (min-width:768px){.col-lg-3.col-md-6.col-sm-6.col-xs-12.pro-services{width:25%}}@media screen and (max-width:767px){.footer_line{display:none}.footer-blog{display:none}.info{display:none}.copyright p,.footer-menu-p{padding:0!important;line-height:0!important;text-align: }.home-page-slider{display:none}.hideablenoti{display:none}}.latest{text-align:center;background:#f0f0f0;border-radius:50px;padding:10px;width:150px;font-size:8pt;margin-left:45%;margin-top:23px!important;cursor:pointer;margin:auto}#mb-cat-title{font-size:20px!important}.wd-statement{min-height: 100vh}.wd-withdraw{min-height: 100vh}@media (max-width: 767px){#user-profile li:first-child{width:10%}#user-profile li{display:inline-block!important;float:left}#user-profile li:last-child{width:90%;float:left}.q-customtitle{margin-bottom:10px;float:left;padding-top:0px!important;}.q-customemail{padding-top:0px!important;padding-right:10px;margin-bottom:10px;float:left;color:#999;font-size:14px;vertical-align:middle}.q-customdate{padding-top:0px!important;float:left;margin:0;color:#999;font-size:14px;vertical-align:middle}.customtitle{margin-bottom:10px;float:left;padding-top:0px}.customemail{padding-top:0px;padding-right:10px;margin-bottom:10px;float:left;color:#999;font-size:14px;vertical-align:middle}.customdate{padding-top:0px;float:left;margin:0;color:#999;font-size:14px;vertical-align:middle}}.wd-search{min-height: 100vh}@media (max-width: 375px){#s-search-submit{width: auto;float:left}}#customservice img#user-image{margin-right:10px}.q-customtitle{margin-bottom:10px;float:left;padding-top:18px}.q-customemail{padding-top:17px;padding-right:10px;margin-bottom:10px;float:left;color:#999;font-size:14px;vertical-align:middle}.q-customdate{padding-top:17px;float:left;margin:0;color:#999;font-size:14px;vertical-align:middle}.badge{padding:5px 6px 3px 6px!important;border-radius:5px!important;background-color:red!important}.notia:focus>ul.dropdown-menu{display:block!important;opacity:1!important;visibility:visible!important}.notidropdown{float:left;overflow:hidden;padding-top:4px}#homepage .notidropdown .notidropbtn{cursor:pointer;font-size:15px;border:none;outline:0;padding:14px 16px;background-color:inherit;font-family:inherit;margin:0;color:#000}.notidropdown .notidropbtn{cursor:pointer;font-size:15px;border:none;outline:0;padding:14px 16px;background-color:inherit;font-family:inherit;margin:0;color:#fff}.notiDropdown{display:none;border-radius:5px;position:absolute;background-color:#fff;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;width:300px}.notidropdown .notiDropdown:after{content:"";position:absolute;top:-16px;bottom:auto;left:33%;margin-left:-72px;height:0;width:0;border-color:transparent transparent #fff;border-style:solid;border-width:8px;z-index:9}.notidropdown-content a{float:none;color:#000;padding:12px 16px;text-decoration:none;display:block}.allnoti{text-align:center}.notidropdown-content a:hover{background-color:#ddd}.notidropdown-content>.allnoti:hover{border-radius:0 0 5px 5px}#notification-latest>.firstnotiborder:hover{border-radius:5px 5px 0 0}.show{display:block}.notiimg{float:left;width:50px;height:50px}.noticontent{padding-top:6px}.noticontent>.notiicon{width:15px!important;text-align:left;text-decoration:none;margin-right:8px!important;opacity:.3}.noticontent>.notiicon:hover{opacity:.3!important;color:#000}.notihr{margin-top:0!important}.notidropdown-content>hr{margin-top:0!important}.notitxt{opacity:.5}#notiloading{padding-top:18px;padding-bottom:5px}#referralbg{padding:30px;box-shadow:0 1px 7px rgb(0 0 0 / 5%);border:0 solid #cfcfcf;border-radius:5px;overflow: hidden;transition:all .2s ease-in-out;will-change:transform;background:#fff!important;margin:15px;height:auto;}.green-circle{border-radius:50%;background-color:#59A508;width:10px;height:10px;display:inline-block;}.invite-link{color:#000;padding:20px 10px;margin-top:25px;font-size:14pt!important;background-color:#f0f0f0;border-radius:5px;text-align:center;}#referralbg h2{font-size:22px;color:#000;margin-top:10px;}.invite-friend{margin-left:0;margin-right:0;padding-left:25px;padding-right:25px;margin-top:5px;background-color:#f0f0f0;border-radius:5px;}.ift{font-size:14pt;padding-top:30px;padding-bottom:30px;color:black;}.tir{font-size:2em;color:black;font-weight:bolder;padding-top:20px;padding-bottom:20px;}.connection-status{padding:15px;border-radius:5px;background-color:#231F20;text-align:center;font-size:16px;font-weight:400!important;color:white;position:fixed;bottom:10px;left:20px;z-index:1;display:none;}.connection-status.connected{display:block;}.connection-status.offline{display:block;}.yficlose{background-color:#3F3C3D;border:none;border-radius:50%;margin-left:10px;font-size:12px;color:white;padding-top:3px;padding-left:6px;padding-right:6px;padding-bottom:0;}.wdpagination{display:inline-block;padding-left:0;}.wdpagination>li{display:inline;}.wdpagination>li>a{text-decoration:none;float:left;margin-top:10px;}.wdpagination>.disabled>a{cursor:not-allowed;}#user-right-menu a{padding-right:10px!important}.basic-wrap .amsify-suggestags-area .amsify-suggestags-input-area{height:auto!important;}.freelance-info .amsify-suggestags-list{width:70%!important;margin-left:30%;position:inherit!important;}.freelance-info .amsify-suggestags-area .amsify-suggestags-list ul.amsify-list li.amsify-list-item:active{color:#5a5a5a!important;box-shadow:none!important;background-color:transparent!important;}#homepage .notidropdown .msgnotidropbtn {cursor:pointer;font-size:15px;border:none;outline:0;padding:14px 16px;background-color:inherit;font-family:inherit;margin:0;color:#000;}#msg-notiloading {padding-top:18px;padding-bottom:5px;}.notidropdown .msgnotidropbtn {cursor:pointer;font-size:15px;border:none;outline:0;padding:14px 16px;background-color:inherit;font-family:inherit;margin:0;color:#fff;}#error-id-card{clear:both;}