@charset "utf-8";
/**css reset*/

html, body, div, input, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    transition: all 0.4s ease-in-out;
}

body {
    direction: rtl;
    font-family: IRANSans;
    font-size: 11pt;
    line-height: 20pt;
    box-sizing: border-box;
    cursor: context-menu;
    transition: all 0s ease-in-out;
}

hr {
    border: 0;
    height: 1px;
    margin: 10px 0 10px 0;
    box-sizing: content-box;
}

a {
    cursor: pointer;
    text-decoration: none;
}

i {
    vertical-align: middle;
}

input,
textarea {
    transition: all 0.4s ease-in-out;
    outline: none !important;
    font-family: IRANSans;
}

.google_sans {
    font-family: "Google Sans" !important;
}

.clear {
    clear: both;
}

.off {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.as_user {
    display: block;
    position: fixed;
    bottom: 10px;
    z-index: 10;
    left: 15px;
    background: #ffffff90;
    padding: 15px 25px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(54, 54, 54, 0.35);
}

.as_user img {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 5px;
    margin-left: 10px;
}

.as_user span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.as_user i {
    display: inline-block;
    vertical-align: middle;
}

.label {
    display: block;
    text-align: right;
    font-weight: 600;
    margin-right: 10px;
}

.pointer {
    cursor: pointer;
}

.container {
    width: calc(100% - 20px);
    max-width: 1260px;
    margin: auto;
}

.hiddenSliderImg {
    width: 0;
    height: 0;
    display: none;
}

.btn_main {
    display: inline-block;
    text-align: center;
    padding: 5px 20px;
    border-radius: 5px;
    margin: 0 5px;
    cursor: pointer;
}

.btn_main:hover {
    opacity: 0.7;
}

.btn_border span,
.btn_sec span,
.btn_main span {
    display: inline-block !important;
    vertical-align: middle;
    margin: 0 10px;
    pointer-events: none;
}

.btn_user_icon span {
    display: inline-block !important;
    vertical-align: middle;
    margin: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 60px;
    overflow: hidden;
    pointer-events: none;
}

.btn_user_icon i {
    display: inline-block !important;
    vertical-align: middle;
    font-size: 18px;
    pointer-events: none;
}

.btn_sec {
    display: inline-block;
    text-align: center;
    padding: 5px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.btn_sec:hover {
    opacity: 0.7;
}


.btn_border {
    display: inline-block;
    text-align: center;
    padding: 5px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.btn_border:hover {
    opacity: 0.7;
}

.side_menu {
    display: block;
    position: fixed;
    top: 0;
    right: -280px;
    width: 280px;
    height: 100vh;
    padding: 10px 0;
    box-sizing: border-box;
    z-index: 10;
    overflow: hidden;
}

.side_menu .side_top {
    text-align: center;
    height: 120px;
}

.side_menu .side_top span {
    display: block;
    cursor: pointer;
    font-size: 35px;
    padding: 5px 20px;
    margin-top: 10px;
    text-align: right;
}

.side_menu .menu {
    width: 100%;
    height: calc(100vh - 150px);
    overflow: auto;
    position: relative;
    z-index: 1;
}

.side_menu .menu a {
    display: block;
    margin: 5px 0;
    padding: 5px 10px;
    box-sizing: border-box;
}

.side_menu .menu a i {
    display: inline-block;
    margin-left: 5px;
}

.side_menu .side_bg {
    display: block;
    position: relative;
    font-size: 200px;
    top: -230px;
    right: 90px;
    transform: rotateZ(145deg);
}

.menu_holder {
    height: 95px;
    width: 100%;
}

.menu_bar {
    padding: 15px 0;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 7;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
}

.menu_bar .logo {
    display: inline-block;
    vertical-align: middle;
    margin-left: 35px;
}

.menu_bar .logo i {
    display: inline-block;
    font-size: 35px;
    padding: 5px;
    margin-left: 15px;
    cursor: pointer;
}

.menu_bar .logo img {
    width: 200px;
    height: 65px;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
}

.menu_bar .logo h2 {
    display: none;
}

.menu_bar .menu {
    display: inline-block;
    vertical-align: middle;
}

.menu_bar .menu a {
    display: inline-block;
    margin: 0 10px;
    padding-bottom: 5px;
}

.menu_bar .menu a i {
    display: inline-block;
    margin-left: 5px;
}

.menu_bar .btn {
    float: left;
    margin-top: 13px;
}

.btn {
    display: inline-block;
}

.login {
    opacity: 0;
    position: fixed;
    top: -1000px;
    left: calc(((100% - 1260px) / 2) + 5px);
    z-index: 11;
    display: flex;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 5px #66666688;
    transition: all ease-in-out 0.6s;
}

.login .right_side {
    width: 60px;
    float: right;
    display: inline-block;
}

.login .holder_login {
    padding: 20px 20px 15px 20px;
    display: inline-block;
    width: 440px;
}

.login .holder_login .login_search input[type=text] {
    display: block;
    font-family: IRANSans;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.login .holder_login .login_search i {
    float: left;
    position: relative;
    top: -30px;
    left: 10px;
    cursor: pointer;
}

.login .holder_login .login_row {
    vertical-align: top;
}

.login .holder_login .login_row .circle_item {
    margin: 10px 10px;
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 30px);
    text-align: center;
}

.login .holder_login .login_row .circle_item .circle {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    padding-top: 15px;
    display: inline-block;
}

.login .holder_login .login_row .circle_item .circle i {
    font-size: 20px;
}

.login .holder_login .login_row .circle_item .circle_text {
    text-align: center;
    margin-top: 10px;
    font-size: 8pt;
}

.menu_bar .btn .sign_up {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    padding: 5px 10px;
    cursor: pointer;
}

.menu_bar .btn .sign_up i {
    display: none;
}

.menu_bar .btn .sign_in {
    vertical-align: middle;
}

.menu_bar .btn .sign_in i {
    display: none;
}

.btn .color_change,
.menu_bar .btn .color_change {
    display: inline-block;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    cursor: pointer;
    transform: rotateZ(0deg);
}

.slider .slider_holder {
    width: 100%;
    height: 550px;
    overflow: hidden;
}

.blue_certificate,
.blue_certificate_big {
    position: relative;
    display: inline-block !important;
    vertical-align: middle;
}

.blue_certificate::after,
.blue_certificate_big::after {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    position: absolute;
    font-size: 13px;
    display: block;
    right: -8px;
    bottom: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #ffffff;
    background: #2d8ac7;
    box-shadow: 0 0 5px rgba(255, 255, 255, .6);
    line-height: 1;
    padding-top: 4px;
    box-sizing: border-box;
    text-align: center;
}

.blue_certificate_big::after {
    font-size: 26px;
    width: 35px;
    height: 35px;
    right: unset;
    left: -10px;
    bottom: 20px;
    padding-top: 6px;
}

/*test_man*/
.slider .big_holder {
    width: 100%;
    height: 607px;
    overflow: hidden;
}

.slider .big_holder img {
    display: block;
    width: 100%;
    height: 607px !important;
    object-fit: cover;
    opacity: 0.7;
}

/*test_man*/

.slider .slider_holder_blog {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.slider .slider_holder img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.7;
}

.slider .slider_holder_blog img {
    display: block;
    width: 100%;
    height: 400px;
    object-fit: cover;
    opacity: 0.7;
}

.slider .slider_holder .slider_btn {
    position: relative;
    top: -300px;
    padding: 10px;
    margin: 0 10px;
    font-size: 30px;
    cursor: pointer;
    color: #ffffff00;
}

.slider .slider_holder:hover .slider_btn {
    color: #ffffff88;
}

.slider .slider_holder .slider_btn:hover {
    color: #ffffffff;
}

.slider .slider_holder .fa-chevron-left {
    float: left;
}

.slider .slider_holder .fa-chevron-right {
    float: right;
}

.slider .slider_holder .slider_text {
    display: block;
    height: 280px;
    position: relative;
    top: -330px;
    color: #ffffff;
    width: calc(100% - 100px);
    margin-right: 50px;
    max-width: 500px;
}

.slider .slider_holder .slider_text .title {
    display: block;
    font-size: 16pt;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0;
}

.slider .slider_holder .slider_text .text {
    display: block;
    width: 100%;
    text-align: justify;
    line-height: 25pt;
    padding: 0;
}

.slider .slider_holder .slider_text .slider_more {
    display: inline-block;
    color: #ffffff;
    background: #ffffff00;
    padding: 5px 20px;
    border: solid 1px #ffffff;
    border-radius: 5px;
    margin-top: 10px;
    float: left;
}

.slider .slider_holder .slider_text .slider_more:hover {
    background: #ffffff66;
}

.slider .slider_holder .slider_dots {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    top: -330px;
    color: #ffffff;
}

.slider .slider_holder .slider_dots i {
    display: inline-block;
    font-size: 12px;
    padding: 5px 5px;
    margin: 0 2px;
    cursor: pointer;
}

.service {
    text-align: center;
    padding: 25px 0;
}

.service_item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: calc(33% - 55px);
    max-width: 300px;
    margin: 5px 25px;
}

.service_item i {
    font-size: 35px;
}

.service_item .title {
    display: block;
    margin: 12px 0 20px 0;
    font-weight: bold;
    font-size: 13pt;
}

.service_item .text {
    display: block;
    text-align: justify;
}

.main_holder {
    box-sizing: border-box;
    padding: 35px 0;
}

.holder_title {
    display: block;
    text-align: center;
    margin-bottom: 25px;
}

.holder_title .title {
    display: block;
    max-width: 450px;
    margin: 0 auto 15px auto;
    padding-bottom: 20px;
    font-size: 22pt;
    font-weight: bold;
    white-space: nowrap;
}

.question_item {
    margin: 20px 0;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
    padding: 15px 35px;
    box-sizing: border-box;
}

.inner_main_sub .holder_item .thumbnail .detail,
.side_item .holder_item .thumbnail .detail,
.question_item .title .detail {
    display: inline-block;
    margin: 5px;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    border-radius: 5px;
    padding: 1px 0;
    box-sizing: border-box;
    font-size: 9pt;
    line-height: 20pt;
}

.inner_main_sub .holder_item .thumbnail .detail,
.side_item .holder_item .thumbnail .detail {
    margin: 0 !important;
}

.inner_main_sub .holder_item .thumbnail .detail .detail_text,
.side_item .holder_item .thumbnail .detail .detail_text,
.question_item .title .detail .detail_text {
    display: block;
    margin-top: -5px;
}

.holder_item .thumbnail .pink,
.side_item .holder_item .thumbnail .pink,
.question_item .title .pink {
    background: #dd2476;
    border: solid 1px #dd2476;
}

.inner_main_sub .holder_item .thumbnail .green,
.side_item .holder_item .thumbnail .green,
.question_item .title .green {
    background: #00a651;
    border: solid 1px #00a651;
}

.inner_main .inner_main_sub .holder_item .thumbnail .green_border,
.side_item .holder_item .thumbnail .green_border,
.question_item .title .green_border {
    background: transparent;
    color: #00a651;
    border: solid 1px #00a651;
}

.inner_main .inner_main_sub .holder_item .thumbnail .orange,
.side_item .holder_item .thumbnail .orange,
.question_item .title .orange {
    background: #ff512f;
    border: solid 1px #ff512f;
}


.success {
    background: #00a651;
    border: solid 1px #00a651;
}

.not_seen {
    background: #858796;
    border: solid 1px #858796;
}

.seen {
    background: #110d0055;
    border: solid 1px #110d0055;
}

.warning {
    background: #f6c23e;
    border: solid 1px #f6c23e;
}

.danger {
    background: #ff512f;
    border: solid 1px #ff512f;
}

.question_item .title .title {
    display: inline-block;
    width: calc(100% - 205px);
    vertical-align: middle;
    font-weight: bold;
    font-size: 12pt;
    margin-right: 10px;
}

.question_item .text {
    text-align: justify;
    margin: 5px 0;
}

.question_item .holder_tag {
    display: inline-block;
}

.w50 {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 20px);
    padding: 5px 10px;
    box-sizing: border-box;
}

.w100 {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
}

.tag {
    display: inline-block;
    font-size: 9pt;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 2px 2px;
}

.tag img {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    object-fit: contain;
}

.tag span {
    display: inline-block;
    vertical-align: middle;
    min-width: 55px;
    text-align: center;
}

.holder_user {
    float: left;
}

.timeline {
    padding-bottom: 5px;
    box-sizing: border-box;
}

.timeline .question_item {
    margin: 0 0 !important;
    padding: 15px 0 5px 0 !important;
    box-sizing: border-box;
    position: relative;
    box-shadow: none;
    border-radius: unset;
    background: none !important;
}

.timeline .question_item:hover {
    box-shadow: none !important;
}


.timeline .holder_user {
    float: none;
    margin-bottom: 15px;
    padding: 0 15px;
}

.holder_user .img {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    margin-left: 20px;
    position: relative;
}

.holder_user img {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: top;
    object-fit: cover;
    border-radius: 5px;
}

.timeline .holder_user img {
    display: inline-block;
    vertical-align: middle;
}

.holder_user .context {
    display: inline-block;
    vertical-align: middle;
}

.holder_user a,
.holder_user span {
    display: block;
    font-size: 9pt;
}

.timeline .holder_user a,
.timeline .holder_user span {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    margin-top: 7px;
}

.timeline_flag {
    float: left;
}

.timeline .text p {
    padding: 0 15px;
    margin-bottom: 10px;
}

.inner_part .text_img,
.timeline .text .text_img {
    display: block;
    margin: 15px auto 0 auto;
    width: 100%;
    height: 500px;
    object-fit: cover;

}

.timeline .comment_like {
    display: block;
    border-bottom: 1px solid #d7dcdc !important;
    border-top: 1px solid #d7dcdc !important;
    text-align: center;
    margin: 0 10px !important;
    box-sizing: border-box;
}


.timeline .comment_like .icon {
    display: inline-block;
    vertical-align: top;
    width: calc(33% - 3px);
    text-align: center;
    padding: 2px 0;
    margin: 2px auto;
    border-radius: 2px;
    cursor: pointer;
    box-sizing: border-box;
}

.timeline .comment_like .green {
    color: #00a651;
}

.timeline .comment_like .red {
    color: #fe0003;
}

.timeline .comment_like i {
    font-size: 14px;
    margin: 0 5px;
    cursor: pointer;
}

.timeline .comment_like .icon span {
    display: inline-block;
    vertical-align: middle;
}

.loading .like_counter,
.timeline .comment_like .like_counter {
    display: inline-block;
    cursor: pointer;
    padding: 7px 0;
}

.loading .like_counter img,
.timeline .comment_like .like_counter img {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    position: relative;
}

.loading .like_counter img {
    width: 45px;
    height: 45px;
}

.loading .like_counter .img1,
.timeline .comment_like .like_counter .img1 {
    right: -8px;
}

.loading .like_counter .img2,
.timeline .comment_like .like_counter .img2 {
    right: -16px;
}

.loading .like_counter .img_office {
    border-radius: 5px;
    right: 0 !important;
    margin: 0 2px;
}

.loading .like_counter span,
.timeline .comment_like .like_counter span {
    display: inline-block;
    vertical-align: middle;
}

.loading .like_counter .like_detail,
.timeline .comment_like .like_counter .like_detail {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.timeline .input_holder {
    margin: 0 10px;
    padding: 5px 15px;
    box-sizing: border-box;
    background: #6e7585;
    border-radius: 5px;
}

.timeline .input_holder input {
    display: inline-block;
    vertical-align: middle;
    background: none;
    font-size: 10pt;
    font-family: IRANSans;
    width: calc(100% - 200px);
}

.timeline .input_holder .input_btn {
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.timeline .input_holder .input_btn i {
    margin: 0 8px;
    cursor: pointer;
    color: #999999;
    font-size: 18px;
}

.timeline .input_holder .input_btn .send_icon {
    transform: rotate(225deg);
}

.timeline .input_holder .input_btn .emoji:hover {
    color: #e9bd4a;
}

.timeline .input_holder .input_btn .send_icon:hover {
    color: #0078ff;
}

.emoji_holder {
    display: none;
    opacity: 0;
    position: absolute;
    width: 300px;
    padding: 5px;
    box-sizing: border-box;
    height: 300px;
    left: 50px;
    bottom: 45px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
    border-radius: 5px;
    z-index: 11;
}

.emoji_holder .emoji_header {
    font-size: 10pt;
    padding: 5px 15px;
    border-bottom: 1px solid #99999933;
    color: #999999;
}

.emoji_holder .emoji_icons {
    height: calc(100% - 35px);
    overflow: auto;
}

.emoji_holder .emoji_icons .icons i {
    font-size: 22px;
    margin: 2px 0;
    padding: 5px;
    box-sizing: border-box;
    cursor: pointer;
}

.emoji_holder .emoji_btn_cat {
    padding: 5px 15px;
    box-sizing: border-box;
    border-top: 1px solid #99999955 !important;
    color: #999999;
    text-align: center;
}

.emoji_holder .emoji_btn_cat i {
    padding: 0 5px;
    cursor: pointer;
    margin: 0 3px;
    font-size: 18px;
}

.emoji_holder .emoji_btn_cat i:hover {
    color: #3A3A3A;
}

.timeline .answer_item {
    display: block;
    margin: 10px 10px;
    padding: 10px 0;
    box-sizing: border-box;
    border-radius: 5px;
}

.timeline .answer_item .answer_item {
    border-radius: 0 !important;
    border-top: solid 1px #999999 !important;
    padding-bottom: 0 !important;
}

.react_box {
    max-height: 400px;
    overflow: auto;
}

.react_row {
    text-align: right;
    margin-bottom: 7px;
}

.react_row .react_img {
    display: inline-block;
    width: 45px;
    height: 45px;
    vertical-align: middle;
    margin-left: 5px;
    border-radius: 5px;
}

.react_row .react_title {
    display: inline-block;
    vertical-align: middle;
}

.react_row .react_follow {
    float: left !important;
    width: auto !important;
    margin: 0 !important;
}

.react_row .react_follow .btn_main,
.react_row .react_follow .btn_border,
.react_row .react_follow .btn_sec {
    width: auto !important;
    margin: 0 !important;
    padding: 5px 10px !important;
}

.more_btn {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 5px 0 !important;
}

.more_btn i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

/*.holder_user .user_name {*/
/*    color: #4da1ff !important;*/
/*}*/

.main_holder .btn_main {
    float: left;
    width: 150px;
    margin-left: 20px;
    margin-top: 10px;
}

.job_item {
    display: inline-block;
    vertical-align: top;
    width: 450px;
    min-height: 250px;
    margin: 20px 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
    padding: 20px 20px;
    box-sizing: border-box;
}

.job_item .title {
    display: block;
    color: #00aeef;
    font-size: 12pt;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.job_item .title:hover {
    color: #00aeefaa;
}

.vip_title i {
    display: inline-block;
    padding-top: 6px;
    border-radius: 20px;
    font-size: 12px;
    width: 25px;
    height: 25px;
    text-align: center;
    box-sizing: border-box;
}

.holder_item .item_text .office,
.job_item .office {
    padding: 15px 0;
}

.holder_item .item_text .office .title {
    color: #333333;
    margin-right: 5px;
}

.job_item .office .name {
    color: #333333;
    margin-right: 10px;
}

.job_item .holder_tag {
    padding-bottom: 20px;
    min-height: 50px;
}


.holder_item .item_text .details {
    padding: 5px 0 0 0;
    border-top: solid 1px #e1e1e1;
}

.job_item .details {
    padding: 20px 0 0 0;
    border-top: solid 1px #e1e1e1;
}

.holder_item .item_text .details .right,
.job_item .details .right {
    float: right;
}

.holder_item .item_text .details .left,
.job_item .details .left {
    float: left;
}

.holder_item .item_text .details .right .count,
.holder_item .item_text .details .left .count,
.job_item .details .right .count,
.job_item .details .left .count {
    margin-right: 10px;
}

.holder_scroll {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 54px);
}

.panel_scroll {
    width: 100%;
}

.holder_scroll_btn {
    display: inline-block;
    vertical-align: middle;
}

.holder_scroll_btn i {
    font-size: 22px;
    cursor: pointer;
}

.video_item {
    display: inline-block;
    vertical-align: top;
    width: 350px;
    min-height: 250px;
    margin: 20px 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
    box-sizing: border-box;
}

.video_item .img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 5px 5px 0 0;
}

.video_item .details {
    padding: 10px 20px;
}

.video_item .details .author .img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
}

.video_item .details .author .name {
    font-size: 10pt;
    vertical-align: middle;
    margin-right: 20px;
}

.video_item .details .title {
    display: block;
    font-weight: bold;
    font-size: 14pt;
    padding-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.video_item .details .stars i {
    color: #e9bd4a;
}

.side_item .holder_item .author {
    display: inline-block;
    margin: 5px 0;
}

.video_item .details .author {
    display: inline-block;
    margin: 20px 0;
}

.side_item .holder_item .author .img,
.video_item .details .author .img {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
}

.side_item .holder_item .author span,
.video_item .details .author span {
    display: inline-block;
    vertical-align: middle;
}

.video_item .details .detail_2 {
    margin-top: 10px;
    padding-top: 10px;
    border-top: solid 1px #e1e1e1;
}

.video_item .details .detail_2 .time {
    margin-top: 15px;
    float: right;
}

.video_item .details .detail_2 .costs {
    float: left;
}

.video_item .details .detail_2 .cost_cost {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.cost {
    color: #fe0003;
    text-decoration: line-through;
}

.cost-off {
    display: block;
    color: #00a651 !important;
}

.page_sidebar .side_item .holder_item .btn,
.video_item .details .detail_2 .btn {
    display: inline-block;
    vertical-align: middle;
    background: #00a651;
    padding: 3px 20px;
    border-radius: 5px;
    color: #ffffff;
    margin: 10px 0;
}

.page_sidebar .side_item .holder_item .btn {
    box-sizing: border-box;
    width: calc(100% - 60px);
    margin-right: 30px;
    text-align: center;

}

.page_sidebar .side_item .holder_item .btn:hover,
.video_item .details .detail_2 .btn:hover {
    background: #00a65199;
}

.blog_item {
    display: inline-block;
    vertical-align: top;
    width: 300px;
    margin: 20px 5px;
    min-height: 250px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
    box-sizing: border-box;
}

.blog_item .img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 5px 5px 0 0;
}

.blog_item .title {
    display: block;
    font-size: 10pt;
    font-weight: bold;
    padding: 0 25px 15px 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog_item .date span {
    display: inline-block;
    padding: 10px 0;
    font-size: 9pt;
    vertical-align: middle;
    margin-right: 5px;
}

.blog_item .date i {
    margin-right: 25px;
    font-size: 14px;
}

.blog_item .tag {
    display: inline-block;
    margin: 5px 0 20px 25px;
    float: left;
}

.holder_search {
    text-align: center;
}

.holder_search .search_inside {
    display: inline-block;
    text-align: right;
    margin: 40px auto;
    background: #f6f6f666;
    padding: 5px 15px;
    border-radius: 5px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
    width: 850px;
}

.holder_search .search_inside_2 {
    width: 600px;
}

.holder_search .search_inside .search_icon {
    display: inline-block;
    width: 90px;
    text-align: left;
    vertical-align: middle;
}

.holder_search .search_inside .search_icon i {
    font-size: 20px;
    padding: 2px 5px;
    cursor: pointer;
}

.select {
    position: relative;
    width: calc(33% - 45px);
    display: inline-block;
    margin: 2px 5px;
}

.holder_search .search_inside_2 .select {
    width: calc(50% - 60px);
}

.select .select_show {
    width: 100%;
    padding: 2px 5px;
    box-sizing: border-box;
    border-radius: 5px;
    background: #ffffff;
    color: #959595;
}

.select .select_show span,
.select .select_show input[type=text] {
    display: inline-block;
    vertical-align: middle;
    font-family: IRANSans;
    padding: 2px;
    box-sizing: border-box;
    width: calc(100% - 40px);
    background: transparent;
    color: #333333;
}

.select .select_show i {
    width: 15px;
    text-align: center;
}

.select .select_hide {
    display: none;
    position: absolute;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 5px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
    background: #f6f6f6;
    color: #333333;
    z-index: 11;
}

.select .select_hide input {
    display: inline-block;
    width: calc(100% - 48px);
    padding: 5px;
    box-sizing: border-box;
    margin: 5px;
    font-family: IRANSans;
    background: #ffffff !important;
    color: #333333;
    border-radius: 3px;
}

.select .select_hide i {
    display: inline-block;
    width: 33px;
    height: 33px;
    text-align: center;
    padding-top: 9px;
    box-sizing: border-box;
    background: #ff512f;
    color: #ecf0f1;
    border-radius: 3px;
    cursor: pointer;
}

.select .select_hide .select_hide_scroll {
    max-height: 300px;
    overflow: auto;
}

.select .select_hide span {
    display: block;
    padding: 5px 10px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.select .select_hide span:hover {
    background: #ffffff;
}

.footer {
    background: #1e2128;
    color: #666666;
    padding: 20px 0 40px 0;
}

.footer a {
    color: #8dc63f !important;
}

.footer a:hover {
    color: #8dc63faa !important;
}

.footer .footer_content {
    padding: 15px;
    border-bottom: solid 1px #333333;
}

.footer .column {
    display: inline-block;
    width: calc(33% - 15px);
    margin: 10px 0 10px 15px;
    vertical-align: top;
}


.footer .title {
    display: block;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 20px;
}

.footer .text {
    display: block;
    max-width: 500px;
    line-height: 25pt;
    font-size: 10pt;
    text-align: justify;
}

.footer .detail {
    display: block;
    margin-bottom: 10px;
}

.footer .detail i {
    margin-left: 25px;
}

.footer .icons {
    display: inline-block;
    margin-right: 30px;
}

.footer .icons i {
    margin-left: 20px;
    font-size: 20px;
    color: #666666;
}

.footer .icons i:hover {
    color: #666666aa;
}

.footer .copyright {
    float: left;
    font-size: 9pt;
}

/***************** PAGES *******************/

.slider_inner {
    position: relative;
    top: 70px;
}

.slider_inner .holder_title .title {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.slider_inner .holder_title .text {
    color: #ffffff;
}

.slider_holder .image,
.slider_holder_blog .image {
    position: absolute;
}

.statistics {
    text-align: center;
    padding: 25px 0;
}

.statistics .item {
    display: inline-block;
    margin: 5px 50px;
    text-align: center;
}

.statistics .item .icon_img {
    display: inline;
    width: 80px;
    height: 80px !important;
    opacity: 1.0;
    object-fit: contain;
}

.statistics .item .title {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #ffffff;
}

.statistics .item .text {
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
}

.underline {
    width: 100%;
    height: 1px;
    margin-bottom: 25px;
}

.sub_menu span,
.sub_menu a {
    display: inline-block;
    padding: 25px 5px 15px 5px;
    margin: 0 10px 0 25px;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;
}

.mobile_menu {
    display: none;
}

.page_holder {
    margin-top: 10px;
    margin-bottom: 30px;
}

.page_main {
    display: inline-block;
    width: calc(100% - 355px);
    padding-left: 10px;
    box-sizing: border-box;
    vertical-align: top;
}

.page_main_video {
    padding-left: 0;

}

.page_sidebar {
    display: inline-block;
    width: 350px;
    vertical-align: top;
}

.side_right {
    margin-left: 20px;
    width: 330px;
}

.filter_holder {
    display: inline-block;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
    position: relative;
    width: 400px;
    float: right;
}

.big_filter {
    width: calc(50% - 5px);
}

.filter_holder .btn {
    display: inline-block;
    text-align: center;
    padding: 15px 8px;
    cursor: pointer;
}

.filter_holder .btn:first-child {
    border-radius: 0 5px 5px 0;
}

.filter_holder .btn i {
    margin-right: 5px;
}

.filter_holder .other_btn {
    display: none;
    position: absolute;
    width: 120px;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
    overflow: hidden;
    left: 0;
    transform: scale(0.9);
}

.filter_holder .other_btn .btn {
    display: block;
}

.page_top .btn_main {
    padding: 10px 20px;
    float: left;
}

.side_item {
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
}

.side_item .big_image {
    display: block;
    width: 100%;
    object-fit: contain;
    max-width: 350px;
    margin: auto;
}

.side_item p {
    padding: 5px 10px 0 10px;
    display: inline-block;
    font-size: 11pt;
    font-weight: 300;
}

.text_open {
    display: block;
    padding: 0 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.text_open .text_head {
    display: block;
    margin: 3px 10px;
    font-weight: 600;
    cursor: pointer;
}

.chev,
.text_open .text_head i {
    float: left;
    margin-top: 5px;
    font-size: 16px;
}

.text_open .detail_ask {
    display: block;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    position: relative;
    left: -200px;
    box-sizing: border-box;
}

.text_open .detail_ask p {
    font-weight: 200;
    font-size: 11pt;
    padding-top: 0;
}

.text_open .detail_ask a {
    font-weight: 200;
    font-size: 10pt;
}

.text_open .detail_ask .list_head {
    font-weight: 600;
    margin: 10px 10px 0 10px;
}

.question_alert_num {
    font-size: 20pt;
    font-weight: 800;
    cursor: context-menu;
    display: inline-block;
    margin: 5px;
}

.text_align_right {
    text-align: right;
}

.side_item .title {
    display: block;
    padding: 7px 20px;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
}

.inner_main_sub .holder_item {
    margin: 15px 0;
}

.inner_main_sub .holder_item,
.side_item .holder_item {
    padding: 15px 20px;
    box-sizing: border-box;
}

.page_sidebar .loading .spin {
    font-size: 50px !important;
    width: auto !important;
}

.page_sidebar .loading span {
    font-size: 16pt !important;
}

.side_item .holder_item .add_to_favorite {
    text-align: center;
    cursor: pointer;
    font-size: 14pt;
    margin: 10px 0;
}

.side_item .holder_item .add_to_favorite span {
    font-size: 12pt;
}

.side_item .holder_item .add_to_favorite i {
    font-size: 22px;
    margin-right: 8px;
}

.video_container .side_item div:last-child {
    border: none;
}

.inner_main_sub .holder_item .thumbnail {
    margin-left: 30px;
}

.inner_main_sub .holder_item .item_text {
    display: inline-block;
    vertical-align: middle;
}

.inner_main_sub .holder_item .item_text .name {
    display: block;
    font-weight: bold;
    font-size: 11pt;
}

.inner_main_sub .holder_item .item_text .sub_text {
    margin-top: 8px;
}

.inner_main_sub .inner_add .date {
    display: inline-block;
    float: left;
    alignment: top;
    margin-left: 50px;
    margin-right: 35px;
}

.side_item .no-border {
    border: none !important;
}

.inner_main_sub .holder_item .thumbnail,
.side_item .holder_item .thumbnail {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    line-height: 0;
}

.inner_main_sub .holder_item .img,
.side_item .holder_item .img {
    width: 100%;
    height: 50px;
    object-fit: cover;
    border-radius: 5px;
}

.side_item .holder_item .text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 55px);
    padding-right: 5px;
    box-sizing: border-box;
}

.side_item .holder_item .side_text {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 20px;

}

.side_item .holder_item .text .name {
    display: block;
    font-size: 11pt;
    padding-bottom: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.side_item .holder_item .side_text .name_bold {
    display: block;
    font-size: 12pt;
    padding-bottom: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: bold;
}

.side_item .holder_btn {
    text-align: center;
    padding: 20px 0;
}

.side_item .holder_btn .btn_sec {
    min-width: 120px;
}

.side_item .holder_item .list_item_title {
    display: block;
    font-weight: bold;
    color: #00aeef;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.side_item .holder_item .list_item_title:hover {
    color: #00aeef99;
}

.side_item .holder_item .list_item_text {
    display: block;
    margin-bottom: 5px;
}

.side_item .holder_item .list_item_text i {
    width: 30px;
}

.side_item .holder_item .margin {
    margin-left: -15px;
}

.side_item .holder_item .tag_title {
    display: block;
    font-size: 10pt;
    padding: 0 10px 15px 0;
    font-weight: bold;
}

.side_item .holder_item .tag {
    margin-bottom: 10px;
}

.margin_bottom {
    margin-bottom: 10px;
}

.page_top_two {
    width: calc(100% - 5px);
}

.paging {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 10px;
}

.paging a {
    display: inline-block;
    min-width: 31px;
    height: 31px;
    padding: 3px 10px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 2px;
}

.paging .current {
    cursor: context-menu !important;
}

.page_main .job_item {
    width: calc(50% - 15px);
    margin: 8px 5px;
}

.page_main .video_item {
    width: 300px;
    margin: 8px 5px;
}

.job_main .video .video_item {
    width: calc(33% - 12px);
    margin: 8px 5px;
}

.page_main .main_header {
    margin: 0 5px 10px 5px;
    padding: 5px 5px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
    border-radius: 5px;
}

.page_main .main_title {
    padding: 7px 20px;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
}

.page_main .space {
    margin-top: 30px;
}

.page_main .main_title_left {
    padding: 0 10px;
    font-weight: bold;
    float: left;
}

.page_main .blog_item {
    width: calc(33% - 15px);
    margin: 7px 5px;
}

.my_item {
    display: inline-block;
    vertical-align: top;
    width: calc(33% - 7px);
    margin: 5px 3px 10px 3px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
}

.my_item .holder_item {
    padding: 15px 20px;
    box-sizing: border-box;
}

.my_item .holder_item:last-child {
    border: none !important;
}

.my_item .holder_item .thumbnail {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    line-height: 0;
}

.my_item .holder_item .img {
    width: 100%;
    height: 50px;
    object-fit: cover;
    border-radius: 5px;
}

.my_item .holder_item .text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 55px);
    padding-right: 5px;
    box-sizing: border-box;
}

.my_item .holder_item .my_text {
    width: 240px;
    font-size: 10pt;
    text-align: justify;
    padding-left: 5px;
    padding-bottom: 10px;
}

.my_item .holder_item .text .name {
    display: block;
    font-size: 11pt;
    padding-bottom: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.my_item .holder_item .list_item_title {
    display: block;
    font-weight: bold;
    color: #00aeef;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.my_item .holder_item .list_item_title:hover {
    color: #00aeef99;
}

.my_item .holder_item .list_item_text {
    display: block;
    margin-bottom: 5px;
}

.my_item .holder_item .list_item_text i {
    width: 30px;
}

.my_item .holder_item .margin {
    margin-left: -15px;
}

.my_item .holder_item .tag_title {
    display: block;
    font-size: 10pt;
    padding: 0 10px 15px 0;
    font-weight: bold;
}

.my_item .holder_item .tag {
    margin-bottom: 10px;
}

.page_main .page_top_two .search {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 5px);
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
    box-sizing: border-box;
    overflow: hidden;
    float: left;
}

.page_main .page_top_two .search input {
    padding: 16px 20px;
    font-family: 'IRANSans';
    width: calc(100% - 65px);
    box-sizing: border-box;
}

.page_main .page_top_two .filter_holder {
    vertical-align: top;
    margin-left: 5px;
}

.page_main .page_top_two .search .btn_main {
    padding: 15px 20px;
    border-radius: 5px 0 0 5px;
    font-size: 22px;
    display: block;
    float: left;
    margin: 0;
    width: 60px;
    box-sizing: border-box;
}

.page_main .inner_main {
    border-radius: 5px;
    width: 100%;
    margin-bottom: 20px;
}

.page_main_video .inner_main {
    width: 100%;
}

.page_main .inner_main div:last-child {
    border: none;
}

.page_main .inner_main .inner_part {
    border-bottom: solid 1px #e0e0e0;
}

.page_main .inner_main .inner_part div:last-child {
    border: none;
}

.page_main .inner_main .inner_main_sub {
    padding: 30px 50px;
    box-sizing: border-box;
}

.inner_main_sub .sub-other {
    margin-bottom: 10px;
}

.inner_main_sub .inner_sub_text {
    margin-bottom: 30px;
}

.inner_main_sub .timer {
    display: block;
    direction: ltr;
    margin-top: 5px;
    float: right;
}

.inner_main_sub .btn_border,
.inner_main_sub .btn_main {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.inner_main_sub .timer .stopwatch {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 20pt;
    font-weight: 600;
}

.page_main .inner_main .inner_main_sub .btn_main {
    margin-top: 10px;
}

.inner_title {
    font-weight: bold;
    font-size: 16pt;
}

.big .inner_head {
    margin-bottom: 30px;
}

.big {
    width: calc(100% - 90px);
    margin-right: 65px;
}

.page_main .inner_main .inner_head .inner_icon_man {
    margin: 20px 0 5px 0;
    display: inline-block;
    vertical-align: middle;
}

.page_main .inner_main .inner_head .inner_icon_man .img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    object-fit: cover;
}

.page_main .inner_main .inner_head_text {
    font-size: 9pt;
    color: #666666;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
}

.page_main .inner_main .inner_head_text span {
    display: inline-block;
}

.page_main .inner_main .inner_img img {
    width: 100%;
    height: 350px;
    overflow: hidden;
    border-radius: 5px;
    object-fit: cover;
    margin: 20px 0 10px 0;
}

.social_media {
    display: inline-block;
    float: right;
}

.social_media .social_btn {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    padding: 5px 10px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
}

.social_media .twitter {
    border: solid 1px #00acee;
}

.social_media .twitter:hover {
    background: #00acee;
}

.social_media .twitter i {
    font-size: 18px;
    color: #00acee;
}

.social_media .twitter:hover i {
    color: #ffffff;
}

.social_media .in {
    border: solid 1px #0073b1;
}

.social_media .in:hover {
    background: #0073b1;
}

.social_media .in i {
    font-size: 18px;
    color: #0073b1;
}

.social_media .in:hover i {
    color: #ffffff;
}


.social_media .whatsapp {
    border: solid 1px #01e675;
}

.social_media .whatsapp:hover {
    background: #01e675;
}

.social_media .whatsapp i {
    font-size: 18px;
    color: #01e675;
}

.social_media .whatsapp:hover i {
    color: #ffffff;
}

.social_media .facebook {
    border: solid 1px #3b5999;
}

.social_media .facebook:hover {
    background: #3b5999;
}

.social_media .facebook i {
    font-size: 18px;
    color: #3b5999;
}

.social_media .facebook:hover i {
    color: #ffffff;
}


.social_media .instagram {
    border: solid 1px #DD2A7B;
}

.social_media .instagram:hover {
    background: #DD2A7B;
}

.social_media .instagram i {
    font-size: 18px;
    color: #DD2A7B;
}

.social_media .instagram:hover i {
    color: #ffffff;
}

.social_media .telegram {
    border: solid 1px #0088cc;
}

.social_media .telegram:hover {
    background: #0088cc;
}

.social_media .telegram i {
    font-size: 18px;
    color: #0088cc;
}

.social_media .telegram:hover i {
    color: #ffffff;
}

.page_main .inner_main .inner_text {
    display: block;
    margin: 20px 0;
    line-height: 40px;
}

.page_main .inner_main .inner_text img {
    display: block;
    max-width: 100%;
    margin: 10px 0;
    border-radius: 5px;
}

.page_main .inner_main .inner_source {
    margin-bottom: 10px;
}

.page_main .inner_main .inner_source .source_title {
    font-weight: bold;
    font-size: 13pt;
    display: inline-block;
}

.page_main .inner_main .inner_source .source_tag {
    padding: 5px 20px;
    border-radius: 5px;
    display: inline-block;
    margin: 5px;
}

.page_main .inner_main .links {
    margin-top: 30px;
}

.page_main .inner_main .links a {
    display: block;
    margin-bottom: 10px;
}

.page_main .inner_main .inner_part .inner_sub_title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.btn_back_left {
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 20px;
    float: left;
}

.btn_back_left i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-size: 22px;
}

.btn_back_left:hover i {
    margin-left: 10px;
}

.answer_holder {
    display: block;
    padding-bottom: 25px;
}

.answer_holder .answer_item {
    display: block;
    padding: 5px 0;
    margin-bottom: 7px;
    cursor: pointer;
}

.answer_holder .answer_item .number {
    margin-left: 5px;
    font-size: 12pt;
}

.answer_holder .answer_item i {
    margin: 0 5px;
}

.answer_holder .btn_border {
    margin: 10px 0;
    padding: 5px 36px;
}

.page_main .inner_main .inner_part .first_title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}

.page_main .inner_main .inner_part .second_title {
    font-size: 9pt;
    margin-bottom: 10px;
    color: #999999;
}

.inner_sub_member .member {
    margin-bottom: 20px;
}

.inner_sub_member .member .member_type {
    margin-right: 40px;
}

.inner_sub_skill .member {
    margin-bottom: 20px;
}

.inner_sub_skill .member .member_title {
    margin-left: 5px;
    font-weight: bold;
}

.page_main .inner_main .inner_part input {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    border: solid 1px #999999;
    border-radius: 5px;
    color: #999999;
    padding: 15px;
    box-sizing: border-box;
    font-size: 10pt;
    font-family: IRANSans;
}

.page_main .inner_main .inner_part textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 200px;
    border: solid 1px #999999;
    border-radius: 5px;
    color: #999999;
    padding: 15px;
    box-sizing: border-box;
    font-size: 10pt;
    font-family: IRANSans;
    margin-top: 20px;
}

.form_item .btn_main {
    margin-top: 10px;
}

.link {
    display: inline-block;
    float: left;
}

.link .http_link {
    border-radius: 5px;
    padding: 8px 10px;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    text-align: left;
}

.link .http_link i {
    cursor: pointer;
}

.link .http_link input {
    text-align: left;
    margin-left: 5px;
    border: none !important;
    width: calc(100% - 35px) !important;
    background: none !important;
    max-width: none !important;
    min-width: auto !important;
    padding: 5px 10px !important;
    font-size: 11pt !important;
    direction: ltr;
    cursor: pointer;
}

.link .link_icon {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    padding: 5px 10px;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
}

.comment_rule i {
    color: #999999;
}

.comment_rule .comment_rule_text {
    display: inline-block;
    margin: 5px 0 10px 0;
    color: #999999;
    font-size: 10pt;
}

.rating {
    margin-bottom: 20px;
    display: block;
    color: #fbc531;
    font-size: 11pt;
}

.rating i {
    cursor: pointer;
    font-size: 24px;
}

.page_main .inner_main .inner_part .comment {
    border-bottom: solid 1px #e0e0e0;
    margin-bottom: 15px;
}

.page_main .inner_main .inner_part .comment_in_reply {
    padding-right: 15px;
}

.page_main .inner_main .inner_part .comment .comment_head {
    margin: 30px 0 10px 0;
}

.page_main .inner_main .inner_part .comment .comment_head .comment_img {
    display: inline-block;
    vertical-align: middle;
}

.page_main .inner_main .inner_part .comment .comment_head .comment_img img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    object-fit: cover;
    display: inline-block;
}

.page_main .inner_main .inner_part .comment .comment_head .comment_id {
    display: inline-block;
    margin-right: 10px;
    color: #4da1ff;
}

.page_main .inner_main .inner_part .comment .comment_head .comment_time {
    display: inline-block;
    color: #999999;
}

.page_main .inner_main .inner_part .comment .comment_head .comment_reply a {
    color: #999999;
    margin-right: 50px;
}

.page_main .inner_main .inner_part .comment .comment_head i {
    color: #999999;
    vertical-align: middle;
    margin-right: 10px;
}

.page_main .inner_main .inner_part .comment .comment_text {
    margin-right: 50px;
    margin-bottom: 10px;
    line-height: 35px;
}

.page_main .inner_main .inner_part .big .comment .comment_text {
    margin-right: 0;
    margin-bottom: 10px;
    line-height: 35px;
}

.page_main .inner_main .inner_part .comment .like_info {
    display: inline-block;
    margin-right: 50px;
    margin-top: 5px;
}

.page_main .inner_main .inner_part .big .comment .like_info {
    display: inline-block;
    margin-right: 0;
    margin-top: 5px;
}

.comment .comment_like {
    float: left;
    margin-bottom: 30px;
    border: none !important;
}

.comment .comment_like .dont_like {
    margin-right: 5px;
    margin-left: 50px;

}

.comment .comment_like .like {
    margin-right: 5px;
}

.comment .comment_like .green {
    color: #00a651;
    display: inline-block;
    margin-left: 20px;
}

.comment .comment_like .red {
    color: #fe0003;
    display: inline-block;
}

.comment .comment_like .green a {
    color: #00a651;
}

.comment .comment_like .green a:hover,
.comment .comment_like .green:hover {
    color: #8dc63f;
}

.comment .comment_like .red a {
    color: #fe0003;
}

.comment .comment_like .red:hover,
.comment .comment_like .red a:hover {
    color: #ef5d5f;
}

.work_holder .detail .timeline_flag .flag,
.timeline_flag .flag,
.comment .comment_like .flag {
    color: #e0e0e0;
    padding: 10px;
    display: inline-block;
    border-radius: 5px;
    border: solid 1px #e0e0e0;
    cursor: pointer;
}

.question_item .context .post_status {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.page_sidebar .form_item {
    padding: 20px;
    box-sizing: border-box;
}

.page_sidebar .form_item .input_span,
.page_sidebar .form_item textarea,
.page_sidebar .form_item input {
    display: block;
    width: calc(100% - 6px);
    height: 40px;
    border-radius: 5px;
    margin: 10px 0 20px 0;
    padding: 5px 10px;
    box-sizing: border-box;
    border: none;
    font-family: IRANSans;
}

.page_sidebar .form_item textarea {
    min-height: 70px;
    min-width: 100%;
    max-width: 100%;
    height: 70px;
    max-height: 150px;
}

.resume_notification {
    border-radius: 5px;
    font-size: 10pt;
    padding: 0 5px;
    text-align: justify;
    margin-bottom: 10px;
}

.page_sidebar .form_item .btn_main {
    float: left;
    margin-bottom: 30px;
}

.inner_slider_holder {
    width: calc(100% - 20px);
    margin: 70px auto 20px auto;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
    overflow: hidden;
}

.inner_slider_holder .inner_slider_img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.inner_slider_holder .inner_slider_sub_holder .img_logo {
    display: inline-block;
    margin: 20px 10px 0 10px;
    position: relative;
}

.inner_slider_holder .inner_slider_sub_holder .img_logo img {
    width: 160px;
    height: 160px;
    object-fit: cover;
    border-radius: 5px;
}

.inner_slider_holder .inner_slider_sub_holder .img_user {
    display: inline-block;
    width: 220px;
    height: 220px;
    margin: 20px 30px 0 20px;
    position: relative;
}

.inner_slider_holder .inner_slider_sub_holder .img_user img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
}

.certificate {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -17px;
    bottom: 2%;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    line-height: 20pt;
    text-align: center;
}

.certificate i {
    font-size: 25px !important;
    margin: 0 !important;
    opacity: 1 !important;
}

.certificate_small {
    left: -12px;
    width: 20px;
    height: 20px;
}

.certificate_small i {
    font-size: 15px !important;
    opacity: 1 !important;
}

.certificate .certificate_tooltip {
    padding: 0 16px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
    display: none;
    vertical-align: middle;
    background: #1e2128;
    color: #FFFFFF;
    position: absolute;
    right: 40px;
    white-space: nowrap;
    font-size: 8pt;
    font-weight: 600;
}

.certificate_small .certificate_tooltip {
    right: 25px;
}

.certificate:hover .certificate_tooltip {
    display: inline-block;
}

.certificate_green {
    background-color: #00a651 !important;
}

.certificate_blue {
    background-color: #00acee !important;
}

.certificate_gold {
    background-color: #fbc531 !important;
}

.certificate_red {
    background-color: #ff512f !important;
}

.certificate_green_color {
    color: #00a651 !important;
}

.certificate_blue_color {
    color: #00acee !important;
}

.certificate_gold_color {
    color: #fbc531 !important;
}

.certificate_red_color {
    color: #ff512f !important;
}

.gold_border {
    border: 3px solid #fbc531;
}

.certificate img {
    width: 35px !important;
    height: 35px !important;
    object-fit: contain !important;
}

.certificate_small img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
}

.inner_slider_holder .inner_slider_sub_holder .about_job {
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
}

.inner_slider_holder .inner_slider_sub_holder .about_job .filter_holder {
    display: inline-block;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
    position: relative;
    width: 0;
    float: unset;
    height: 100px;
    vertical-align: top;
    top: 40px;
}

.inner_slider_holder .inner_slider_sub_holder .about_job .filter_holder .other_btn {
    padding: 10px;
    box-sizing: border-box;
}

.inner_slider_holder .inner_slider_sub_holder .about_job .filter_holder .btn {
    text-align: right;
}

.inner_slider_holder .inner_slider_sub_holder .about_job .job_title {
    font-size: 16pt;
    font-weight: bold;
}

.inner_slider_holder .inner_slider_sub_holder .about_job .job_info {
    margin: 10px 0 10px 40px;
}

.inner_slider_holder .inner_slider_sub_holder .about_job .head_tags {
    margin-top: 15px;
}

.about_job .display {
    display: inline-block;
}

.inner_slider_holder .inner_slider_sub_holder .about_job .job_info i {
    vertical-align: middle;
    margin-left: 5px;
}

.inner_slider_holder .inner_slider_sub_holder .about_job .job_info .info_text {
    display: inline-block;
}

.inner_slider_holder .inner_slider_sub_holder .link {
    float: right;
}

.inner_slider_holder .inner_slider_sub_holder .social_media {
    float: left;
}

.inner_slider_holder .inner_slider_sub_holder .profile_sub_head {
    margin-bottom: 30px;
    width: 100%;
    max-width: 800px;
}

.inner_slider_holder .inner_slider_sub_holder .profile_sub_head .http_link {
    margin: 0 25px 0 25px;
}

.inner_part .inner_main_sub .table {
    margin: 20px 0 10px 0;
}

.inner_part .inner_main_sub .table .row_table .row_field_title {
    width: calc(30% - 15px);
    padding: 5px 12px;
    box-sizing: border-box;
    background: #f6f6f6;
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;

}

.inner_part .inner_main_sub .table .row_table .row_field_data {
    width: calc(70% - 15px);
    padding: 5px 12px;
    box-sizing: border-box;
    background: #f6f6f6;
    border-radius: 5px;
    display: inline-block;
    margin: 5px;
}

.inner_part .inner_main_sub .text {
    margin: 10px 0 40px 0;
    line-height: 35pt;
}

.inner_part .inner_main_sub .inner_details {
    margin: 20px 0 15px 0;
}

.inner_part .inner_main_sub .inner_details i {
    vertical-align: middle;
    margin-left: 10px;
}

.inner_part .inner_main_sub .inner_details .details_text {
    display: inline-block;
    width: calc(100% - 23px);
    vertical-align: top;
}

.inner_part .inner_main_sub .inner_add {
    border-bottom: solid 1px #e0e0e0;
}

.inner_part .inner_main_sub .inner_add .add_title {
    margin: 40px 50px 10px 0;
    font-weight: bold;
}

.inner_part .inner_main_sub .inner_add .add_left {
    display: inline-block;
    margin-bottom: 20px;
}

.inner_part .inner_main_sub .inner_add .add_left .add_info {
    margin: 10px 50px 0 10px;
}

.inner_add .add_left .add_info i {
    vertical-align: middle;
    display: inline-block;
    width: 25px;
}

.inner_add .add_left .add_info .info_text {
    margin-right: 10px;
}

.inner_add .add_right {
    float: left;
    text-align: center;
    margin-top: 40px;
}

.date {
    margin-top: 10px;
}

.date i {
    vertical-align: middle;
    margin-left: 10px;
}

.full {
    width: 100%;
    padding-left: 0;
}

.full .inner_main {
    width: 100%;
}

.inner_main_sub .sample_work {
    margin-top: 30px;
}

.inner_main_sub .sample_work .work_item {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 15px);
    margin: 0 5px 5px 5px;
}

.inner_main_sub .sample_work .work_item a {
    display: block;
    margin-bottom: 10px;
}

.inner_main_sub .sample_work .work_item .work_img img {
    width: 100%;
    height: 250px;
    border-radius: 5px;
    object-fit: cover;
    display: block;
    cursor: pointer;
    opacity: 1.0;
}

.inner_main_sub .sample_work .work_item .work_img img:hover {
    opacity: 0.6;
}

.inner_main_sub .sample_work .work_item .title {
    display: block;
    text-align: center;
}

.work_holder {
    display: block;
    margin: 15px 0;
}

.work_holder img {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 5px);
    border-radius: 5px;
}

.work_holder .detail {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 5px);
    padding: 50px 20px;
    box-sizing: border-box;
}

.work_holder .detail .title {
    display: block;
    font-size: 14pt;
    font-weight: 600;
    color: #333333;
}

.work_holder .detail .text {
    margin-bottom: 0;
}

.work_holder .detail .date {
    display: block;
    font-size: 10pt;
    margin-bottom: 30px;
}

.inner_main_sub .q_code .code_side {
    margin-left: 30px;
    display: inline-block;
    vertical-align: top;
}

.holder {
    display: inline-block;
    width: calc(100% - 90px);
}

.inner_main_sub .q_code .code_text {
    line-height: 40px;
    vertical-align: top;
    margin-bottom: 10px;
}

.inner_main_sub .q_code .code_text img {
    display: block;
    width: 100%;
    max-height: 500px;
    object-fit: contain;
}

.inner_main_sub .q_code .code {
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
    padding: 15px 10px;
    box-sizing: border-box;
    width: 100%;
    margin: 20px 0 0 0;
    line-height: 25px;
}

.inner_main_sub .q_code .code pre {
    direction: ltr;
    text-align: left;
    margin-left: 10px;
    color: #000000;
    width: calc(100% - 10px);
}

.inner_main .inner_main_sub .q_code .code_side .code_side_box {
    border-radius: 5px;
    width: 30px;
    height: 30px;
    margin: 10px 0;
    cursor: pointer;
}

.q_code .code_side .code_side_box i {
    padding: 5px 10px 3px 0;
    font-size: 12px;
}

.inner_main .inner_main_sub .q_code .code_side .code_side_box_b_purple {
    display: block;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    margin: 70px 0 10px 0;
    box-sizing: border-box;
    cursor: pointer;
}

.q_code .code_side .code_side_box_b_purple i {
    font-size: 20px;
    margin: 9px;
}

.inner_main .inner_main_sub .q_code .code_side .code_side_box_b_green {
    border-radius: 5px;
    width: 40px;
    height: 40px;
    background: #00a651;
    margin: 25px 0 10px 0;
    box-sizing: border-box;
}

.q_code .code_side .code_side_box_b_green i {
    font-size: 20px;
    margin: 9px;
}

.inner_main .inner_main_sub .q_code .code_side .code_side_box_b_green_border {
    border-radius: 5px;
    width: 40px;
    height: 40px;
    background: transparent;
    border: 1px solid #00a651;
    margin: 25px 0 10px 0;
    box-sizing: border-box;
}

.q_code .code_side .code_side_box_b_green_border i {
    font-size: 20px;
    color: #00a651;
    margin: 9px;
}

.inner_main .inner_main_sub .q_code .code_side .code_side_box_b_pink {
    display: block;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    margin: 10px 0;
    box-sizing: border-box;
    cursor: pointer;
}

.inner_main .inner_main_sub .date {
    width: 200px;
}

.q_code .code_side .code_side_box_b_pink i {
    font-size: 20px;
    margin: 9px;
}

.code_side .code_side_num {
    font-size: 12pt;
    text-align: center;
    width: 30px;
}

.q_code .code_tags_user .tags_c {
    margin: 20px 0 10px 0;
    width: 300px;
    float: right;
}

.q_code .code_tags_user .holder_user {
    margin-top: 20px;
    float: left;
}

.q_code .code_tags_user .margin_top {
    margin-top: 0;
}

.q_code .code_tags_user .holder_item {
    float: left;
}

.q_code .code_tags_user .holder_item .date_top {
    color: #959595;
    text-align: left;
}

.q_code .code_tags_user .holder_item .text {
    margin: 0 -20px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.q_code .code_tags_user .holder_item .text .date {
    margin-top: -15px;
}

.q {
    padding: 30px 70px 0 50px;
    box-sizing: border-box;
}

.page_main .inner_main .inner_part .q_a {
    padding: 30px 20px 30px 30px;
}

.page_main .inner_main .q_a .holder_btn {
    margin-top: 10px;
    margin-bottom: 20px;
}

.inner_part .inner_sub_title_key {
    display: inline-block;
    margin-bottom: 70px;
    font-weight: bold;
    cursor: pointer;
}

.inner_main_sub .holder_btn .btn_sec {
    margin-left: 10px;
}

.inner_part .inner_main_sub .float_left {
    float: left;
    margin-bottom: 30px;
    vertical-align: top;
    margin-top: 0;
}

.text_area_option .head_option {
    border: 1px solid #999999;
    border-bottom: none;
    padding: 5px 15px;
    box-sizing: border-box;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.form_post_holder {
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.text_area_option .head_option .text_head {
    display: inline-block;
    margin-left: 5px;
    border-left: 1px solid #999999;
    padding-left: 5px;
}

.text_area_option .head_option .text_head i {
    cursor: pointer;
    padding: 0 7px;
}

.inner_part .inner_main_sub .text_area_option textarea {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
}

.video_container {
    width: calc(100% - 80px);
    margin: 60px auto 20px auto;
}

.video_container .video_head {
    padding: 40px 30px;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 16pt;
    font-weight: bold;
    margin-bottom: 20px;
    width: 100%;
}

.side_item .holder_item .side_img {
    display: inline-block;
}

.side_item .holder_item .side_img img {
    display: inline-block;
    border-radius: 5px;
    object-fit: cover;
    overflow: hidden;
    width: 110px;
    height: 110px;
    vertical-align: middle;
    margin-bottom: 20px;
}

.side_item .holder_item .side_title {
    font-weight: bold;
    font-size: 12pt;
    margin-bottom: 20px;
}

.side_item .holder_item .side_social {
    text-align: center;
}

.side_item .holder_item .followers_side {
    display: inline-block;
    margin: 10px 3px;
    width: calc(25% - 10px);
    vertical-align: top;
    text-align: center;
}

.side_item .holder_item .followers_side img {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 5px;
}

.side_social .social_statistic {
    text-align: center;
    margin: 0 3px;
    display: inline-block;
    vertical-align: top;
    width: calc(33% - 15px);
    border: 1px solid;
    border-radius: 5px;
    padding: 5px 0;
}

.side_social .social_statistic .num_sta {
    display: block;
    font-weight: 600;
    font-size: 18pt;
    margin-bottom: 3px;
}

.side_social .social_statistic .num_sta span {
    font-weight: 400;
    display: inline-block;
    font-size: 12pt;
    font-family: "Google Sans";
}

.side_social .social_statistic .title_sta {
    display: block;
    font-weight: 200;
    font-size: 9pt;
}


.side_item .holder_item .side_item_text {
    line-height: 35px;
    text-align: justify;
}

.side_item .holder_item .holder_side_tags {
    margin: 20px 0;
}

.side_item .holder_item .stars {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}

.side_item .holder_item .stars i {
    display: inline-block;
    margin: 0 5px;
    font-size: 18px;
    color: #ebebeb;
    font-weight: 900 !important;
}

.side_item .holder_item .stars .fas {
    color: #e9bd4a !important;
}

.side_item .holder_item .star_text {
    margin-right: 10px;
    margin-bottom: 10px;
    color: #666666;
    font-size: 12pt;
}

.side_item .holder_item i {
    width: 20px;
    font-size: 16px;
}

.side_item .holder_item .star_text .star_sub_text {
    margin-right: 10px;
    margin-left: 10px;
}

.side_item .holder_item .cost_term {
    text-align: center;
    font-size: 14pt;
    margin: 10px 0;
}

.side_item .holder_item .cost_term .cost_green {
    color: #39b54a;
}

.side_item .holder_item .cost_term .cost_red {
    color: #fe0003;
    text-decoration: line-through;
    font-size: 10pt;
}

.inner_part .inner_main_sub .term_download {
    border-bottom: solid 1px #e0e0e0;
    padding: 20px 0;
    overflow: hidden;
}

.inner_part .inner_main_sub .term_download div:last-child {
    border: none;
}

.inner_part .inner_main_sub .term_download i {
    margin-left: 15px;
    font-size: 16px;
}

.inner_part .inner_main_sub .term_download .text_term {
    margin-left: 15px;
}

.inner_part .inner_main_sub .term_download .text_term_pink {
    margin-left: 15px;
}

.inner_part .inner_main_sub .term_download .download_info {
    float: left;
}

.inner_part .inner_main_sub .term_download .download_term_sub {
    color: #666666;
    font-size: 9pt;
    margin-right: 30px;
    padding: 20px 0;
    text-align: right;
}

.page_holder .page_main .video_img {
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}

.page_holder .page_main .video_full_screen {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    height: auto;
    border-radius: 0;
}

.video_hidden {
    display: none;
}

.video_img .video_holder {
    display: none;
    width: 100%;
    height: 100%;
    margin: auto;
    overflow: hidden;
    background: #000000;
}

.video_img .video_holder video {
    display: block;
    object-fit: contain;
}

.video_player_controls {
    display: block;
    width: 100%;
    height: 0;
    text-align: center;
    padding: 0 0;
    cursor: pointer;
    overflow: hidden;
    transition: all 600ms ease-in-out;
}

.video_player_controls_full {
    position: fixed;
    z-index: 20;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: auto;
}

.video_player_controls i {
    font-size: 20px;
    color: #FFFFFF;
}

.video_player_controls .play_icon {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    padding: 12px 15px;
    box-sizing: border-box;
}

.video_player_controls .player_white {
    background: #FFFFFF !important;
}

.video_player_controls .player_white:hover {
    background: #eee !important;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);

}

.video_player_controls .player_yellow {
    background: #f8d987 !important;
}

.video_player_controls .time_seek_bar {
    width: calc(100% - 272px);
}

.video_player_controls .player_yellow:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.video_player_controls .player_yellow i {
    color: #fff;
}

.video_player_controls .seek_bar {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 140px);
    height: 3px;
    margin: 0 5px;
    direction: ltr;
}

.video_player_controls .seek_bar .seekbar {
    display: block;
    width: 100%;
    height: 5px;
    position: relative;
    z-index: 1;
    top: -4px;
    cursor: pointer;
    background: transparent;
}

.video_player_controls .seek_bar .seekbar::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 50%;
}

.video_player_controls .seek_bar .seekbar::-moz-range-thumb {
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 50%;
}

.video_player_controls .seek_bar .gray_line {
    display: block;
    width: 100%;
    height: 3px;
    background: #999999;

}

.video_player_controls .volume_icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    width: 100px;
}


.video_player_controls .volume_icon .gray_line {
    display: block;
    width: 100%;
    height: 3px;
    background: #999999;

}

.video_player_controls .seek_bar .white_line,
.video_player_controls .volume_icon .white_line {
    display: block;
    height: 3px;
    position: relative;
    top: -8px;
    left: 0;
    float: left;
    transition: none;
}


.white_line i {
    display: block;
    position: relative;
    text-align: right;
    right: 0;
    top: -5px;
    font-size: 13px !important;
}

.page_holder .page_main .video_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video_img .player_icon {
    position: relative;
    left: 0;
    top: -100%;
    text-align: center;
    height: 100%;
}

.video_img .player_icon i {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 70px;
    height: 70px;
    font-size: 70px;
    color: #FFFFFF;
    cursor: pointer;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.player_icon .player_item {
    display: block;
    vertical-align: middle;
    width: calc(50% - 100px);
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 210px;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.player_icon .player_item_right {
    float: right;
    right: 25px;
}

.player_icon .player_item_left {
    float: left;
    left: 25px;
}

.player_icon .player_item .player_item_img {
    height: 160px !important;
}

.player_icon .player_item .title {
    display: block;
    font-size: 12pt;
    text-align: right;
    padding: 10px 15px;
    text-shadow: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.yellow {
    color: #e9bd4a;
}

.video_player_controls_full .play_icon,
.video_player_controls_full .player_white,
.video_player_controls_full .player_yellow {
    background: transparent !important;
    box-shadow: none !important;
}

.video_player_controls_full .play_icon:hover,
.video_player_controls_full .player_white:hover,
.video_player_controls_full .player_yellow:hover {
    background: transparent !important;
    box-shadow: none !important;
}

.video_player_controls_full span,
.video_player_controls_full i {
    color: #ecf0f1 !important;
    text-shadow: 0 0 5px rgba(0, 0, 0, 1);
}

/******** USER PANEL ********/
/******** USER PANEL ********/
/******** USER PANEL ********/

.chart {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.chart .chart_line {
    width: 100%;
    height: 45px;
}

.chart .chart_line .b-b {
    width: calc(100% - 30px);
    height: 100%;
    display: inline-block;
    vertical-align: bottom;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #7f7f7f;
    text-align: center;
}

.chart .chart_line .chart_rate {
    width: 20px;
    display: inline-block;
    vertical-align: bottom;
    color: #6d726d;
    font-weight: 400;
}

.chart_title {
    width: calc(100% - 30px);
    display: block;
    text-align: center;
    border-top: 1px solid #7f7f7f;
    padding-top: 15px;
}

.chart_title .title {
    display: inline-block;
    vertical-align: middle;
    width: calc(33% - 40px);
    color: #6d726d;
    font-weight: 400;
}

.title_down_chart {
    display: block;
    text-align: center;
    margin-top: 20px;
    color: #6d726d;
    font-weight: 600;
}

.bar_holder {
    display: block;
    text-align: center;
    position: relative;
}


.bar_holder .chart_bar {
    display: inline-block;
    vertical-align: top;
    width: calc(33% - 5px);
    height: 100%;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}

.bar_holder .chart_bar .bar_green {
    display: inline-block;
    width: 10px;
}

.bar_holder .chart_bar .bar_orange {
    display: inline-block;
    width: 10px;
}

.menu_panel {
    box-sizing: border-box;
    display: inline-block;
    width: 245px;
    height: 100vh;
    vertical-align: top;
    position: fixed;
    top: 0;
    right: 0;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    box-shadow: 0 0 5px #66666600;
}

.menu_panel .menu_close {
    display: none;
    height: 0;
    cursor: pointer;
    padding: 0 37px 0 0;
}

.menu_panel .menu_close i {
    margin-top: 10px;
    font-size: 18px;
}

.menu_panel .logo {
    text-align: center;
    display: block;
    margin: 30px auto 70px auto;
    height: 70px;
}

.menu_panel .logo .logo_img {
    display: block;
    margin: auto;
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.menu_panel .logo .logo_text {
    display: block;
    margin: auto;
    width: calc(100% - 45px);
    text-align: center;
}

.menu_panel ul {
    display: block;
    height: calc(100vh - 170px);
    overflow: auto;
    list-style: none;
}

.menu_panel ul li {
    margin: 0 20px 10px 20px;
    border-radius: 5px;
}

.menu_panel ul li a {
    display: block;
    padding: 10px 20px 10px 0;
    box-sizing: border-box;
    font-size: 12pt;
    cursor: pointer;
}

.menu_panel ul .current_menu a {
    cursor: context-menu !important;
}

.menu_panel ul li .sub_menu_panel {
    margin-right: 10px;
    font-size: 10pt;
    padding-top: 0;
    cursor: pointer !important;
}

.menu_panel ul li .current_sub_menu_panel {
    cursor: context-menu !important;
}

.menu_panel ul li a i {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    width: 20px;
    text-align: center;
}

.menu_panel ul li a span {
    display: inline-block;
    width: calc(100% - 35px);
    white-space: nowrap;
    text-overflow: fade;
    overflow: hidden;
    vertical-align: middle;
}

.menu_panel_close {
    width: 90px;
}

.menu_panel_close img {
    width: 70px;
}

.menu_panel_close ul li {
    margin: 0 10px 10px 10px;
}

.menu_panel_close ul li a {
    padding: 10px 0 10px 0;
}

.menu_panel_close ul li a i {
    margin-left: 0;
    width: 100%;
}

.menu_panel_close ul li a span {
    width: 0;
}

.panel_main {
    float: left;
    width: calc(100% - 245px);
}

.panel_main .panel_main_holder {
    height: calc(100vh - 70px);
    padding: 24px;
    box-sizing: border-box;
    overflow: auto;
}

.panel_main .panel_menu_bar {
    height: 70px;
}

.panel_main .panel_menu_bar .bar {
    font-size: 18px;
    cursor: pointer;
    margin-right: 10px;
}

.panel_main .panel_menu_bar .panel_search {
    background: #f6f6f6;
    width: 300px;
    box-sizing: border-box;
    border-radius: 5px;
    color: #666666;
    font-size: 9pt;
    display: inline-block;
    margin: 20px 10px;
}

.panel_main .panel_menu_bar .panel_search input[type=text] {
    background: #f6f6f6;
    padding: 5px 20px;
    box-sizing: border-box;
    border-radius: 5px;
    color: #666666;
    font-family: IRANSans;
    display: inline-block;
    width: calc(100% - 55px);
}

.panel_main .panel_menu_bar .panel_search i {
    float: left;
    padding: 7px 20px;
}

.panel_main .panel_menu_bar .panel_sub_menu {
    margin-left: 20px;
    margin-top: 14px;
    float: left;
}

.panel_main .panel_menu_bar .panel_sub_menu img {
    display: inline-block;
    object-fit: cover;
    width: 40px;
    height: 40px;
    border-radius: 45px;
    overflow: hidden;
    margin-left: 5px;
    vertical-align: middle;
}

.panel_main .panel_menu_bar .panel_sub_menu .admin {
    display: inline-block;
    max-width: 200px;
    font-weight: bold;
    font-size: 10pt;
    margin: 0 10px;
    vertical-align: middle;
    cursor: pointer;
}

.panel_main .panel_menu_bar .panel_sub_menu .admin span {
    max-width: calc(200px - 70px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.panel_main .panel_menu_bar .panel_sub_menu .notification {
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: 15px;
    height: 15px;
}

.panel_main .panel_menu_bar .panel_sub_menu .notification:hover {
    color: #ecf0f1aa;
}

.panel_main .panel_menu_bar .panel_sub_menu .notification_on {
    background: transparent;
}

.panel_main .panel_menu_bar .panel_sub_menu .notification_on:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 10px;
    position: absolute;
    background: #fe0003;
    right: -5px;
    top: 5px;
}

.panel_main .panel_main_holder .main_title {
    display: block;
    font-weight: bold;
    margin: 15px 0;
    font-size: 14pt;
}

.panel_main .panel_main_holder .main_title_right {
    float: right;
}

.panel_main .panel_main_holder .panel_slider {
    margin-top: 10px;
    margin-bottom: 50px;
    width: calc(100% - 20px);
}

.panel_main .panel_main_holder .chevron {
    float: left;
    margin-left: 50px;
    margin-bottom: 15px;
}

.panel_main .panel_main_holder .chevron i {
    font-size: 10px;
    margin-left: 10px;
    padding: 10px 12px;
    border-radius: 45px;
    box-sizing: border-box;
    cursor: pointer;
}

.panel_main .panel_main_holder .panel_slider .panel_scroll .panel_scroll_item {
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    padding: 20px;
    box-sizing: border-box;
    width: 240px;
    height: 158px;
    margin-left: 20px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
}

.panel_main .panel_main_holder .panel_slider .panel_scroll .panel_scroll_item .icon {
    font-size: 25px;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 45px;
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
}

.panel_main .panel_main_holder .panel_slider .panel_scroll .panel_scroll_item .blue {
    color: #00aeef;
    background: #00aeef10;
}

.panel_main .panel_main_holder .panel_slider .panel_scroll .panel_scroll_item .red {
    color: #fe0003;
    background: #fe000310;
}

.panel_main .panel_main_holder .panel_slider .panel_scroll .panel_scroll_item .green {
    color: #00a651;
    background: #00a65110;
}

.panel_main .panel_main_holder .panel_slider .panel_scroll .panel_scroll_item .yellow {
    color: #fbc531;
    background: #fbc53110;
}

.panel_main .panel_main_holder .panel_slider .panel_scroll .panel_scroll_item .pink_p {
    color: #ec008c;
    background: #ec008c10;
}

.panel_main .panel_main_holder .panel_slider .panel_scroll .panel_scroll_item .item_title {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
    width: calc(100% - 80px);
}

.panel_scroll_item .item_title .text_item {
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.panel_scroll_item .num_item {
    display: block;
    margin-top: 20px;
    text-align: center;
    font-weight: 700;
    font-size: 18pt;
}

.panel_scroll_item .num_item span {
    display: inline-block;
}

.panel_scroll_item .num_item .sub {
    font-weight: 400;
    font-size: 8pt;
    margin: 0 5px;

}

.panel_scroll_item .btn_link {
    margin-top: 20px;
    text-align: center;
    font-size: 8pt;
    cursor: pointer;
    color: #FFFFFF;
    display: block;
}

.panel_scroll_item .btn_link .link_text {
    margin-left: 10px;
}

.last_req,
.right .last_req {
    padding: 10px 25px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-left: 10px;
}

.panel_notification {
    display: none;
}

.panel_notification .last_req {
    position: fixed;
    top: 80px;
    left: 5px;
    overflow: hidden;
    box-shadow: 0 0 5px #66666688;
    width: calc(100% - 30px);
    max-width: 500px;
    z-index: 1;
}

.panel_notification .req_sug {
    font-size: 9pt;
    float: left;
}

.panel_notification .req_row {
    display: block;
    padding: 15px 0;
    font-size: 11pt;
    border-bottom: solid 1px #ebebeb;
}

.panel_notification .req_row:last-child {
    border-bottom: none;
}

.panel_main .last_req .req_row:last-child {
    border: none;
}

.panel_main .last_req .req_row .req_name {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.panel_main .last_req .req_row .req_sug {
    font-size: 9pt;
    vertical-align: middle;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.panel_main .panel_main_holder .chart_holder {
    width: 100%;
    border-radius: 5px;
    padding: 20px 30px 20px 20px;
    box-sizing: border-box;
}

.panel_main .panel_main_holder .right {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 5px);
}

.panel_main .panel_main_holder .left {
    display: inline-block;
    vertical-align: top;
    width: 425px;
}

.panel_main .panel_main_holder .panel_table {
    width: calc(100% - 20px);
    margin: 25px 0;
}

.panel_main .panel_main_holder .panel_table .tab_head {
    box-sizing: border-box;
    padding: 0 15px 10px 45px;
}

.panel_main .panel_main_holder .panel_table .head_name {
    display: inline-block;
}

.panel_main .panel_main_holder .panel_table .tab_row {
    padding: 15px 15px;
    margin: 10px 0 10px 0;
    border-radius: 5px;
}

.panel_main .panel_main_holder .panel_table .tab_row .tab_detail {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 35px);
}

.panel_main .panel_main_holder .panel_table .tab_row .tab_manage {
    display: inline-block;
    vertical-align: top;
    width: 30px;
}

.panel_main .panel_main_holder .panel_table .tab_row .tab_icon:hover .icon-hover {
    display: inline-block;
}

.panel_main .panel_main_holder .panel_table .tab_row .tab_text {
    display: inline-block;
    font-size: 10pt;
    vertical-align: middle;
}

.panel_main .panel_main_holder .panel_table .tab_row .title {
    display: none;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 10px;
}

.text_overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.panel_main .panel_main_holder .panel_table .tab_row .text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.panel_main .panel_main_holder .panel_table .tab_row .tab_icon {
    font-size: 16px;
    white-space: unset;
    text-overflow: unset;
    overflow: unset;
    position: relative;
}

.open_table_menu {
    position: absolute;
    display: none;
    padding: 16px 8px;
    left: 0;
    top: 25px;
    border-radius: 5px;
    width: 150px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
    z-index: 11;
}

.open_table_menu a {
    display: block;
    font-size: 12pt;
    margin-bottom: 8px;
}

.open_table_menu i {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
}

.open_table_menu .red,
.open_table_menu .red i {
    color: #f61919 !important;
}

.panel_main .panel_main_holder .panel_table .tab_row .tab_icon .icon-hover {
    display: none;
}

.panel_main .panel_main_holder .panel_table .tab_row .tab_icon .icon-hover i {
    margin-left: 10px;
    cursor: pointer;
}

.panel_main .panel_main_holder .panel_table .tab_row .tab_text i {
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
}

.panel_main .panel_main_holder .panel_table .tab_row .tab_icon .pencil:hover {
    color: #00aeef !important;
}

.panel_main .panel_main_holder .panel_table .tab_row .tab_icon .trash:hover {
    color: #f61919 !important;
}

.side_hidden {
    display: none;
}

.video_hidden {
    display: none;
}

.black {
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.35);
    top: 0;
    right: 0;
    z-index: 10;
}

.light_back,
.black_off {
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0);
    top: 0;
    right: 0;
    z-index: 10;
}

.login_box {
    display: none;
    opacity: 0;
    position: fixed;
    z-index: 999;
    width: calc(100% - 20px);
    max-width: 800px;
    height: auto;
    overflow: hidden;
    border-radius: 5px;
    margin: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}

.login_box .login_box_inner {
    display: flex;
}

.form {
    width: calc(100% - 20px);
    max-width: 600px;
}

.login_box .login_right {
    box-sizing: border-box;
    text-align: center;
    color: #FFFFFF;
    flex-grow: 1;
    padding: 50px 25px;
    width: 40%;
}

.login_box .title {
    font-size: 18pt;
    font-weight: bold;
    margin-bottom: 40px;
}

.form .left_form .btn_sec {
    border: 1px solid #666666;
    color: #666666;
    box-shadow: 0 0 5px #66666699;
    padding: 5px 35px;
    margin-top: 30px;
    display: inline-block;
    vertical-align: middle;
}

.form .left_form .btn_main {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 80px;
}

.login_box .login_right .btn_sec {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    box-shadow: 0 0 5px #ffffff99;
    padding: 5px 40px;
    margin-top: 50px;
}

.login_box .login_left {
    box-sizing: border-box;
    text-align: center;
    padding: 50px 25px;
    flex-grow: 1;
    width: 60%;
}

.form .login_left {
    display: block;
    width: 100%;
}

.login_box .login_left input[type=text],
.login_box .login_left input[type=password],
.login_box textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: 7px 15px;
    box-sizing: border-box;
    margin: 2px 0 10px 0;
    border-radius: 5px;
    font-family: IRANSans;
}

.login_box textarea {
    height: 90px;
    min-height: 90px;
    max-height: 150px;
}

.login_left .btn_main {
    padding: 5px 50px;
    margin-top: 30px;
}

.not_box {
    display: none;
    opacity: 0.0;
    position: fixed;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -110px;
    z-index: 999;
    width: calc(100% - 20px);
    max-width: 500px;
    border-radius: 5px;
    padding: 10px 15px;
    box-sizing: border-box;
}

.not_box .icon_container {
    display: inline-block;
    vertical-align: middle;
    width: 75px;
    height: 75px;
    margin: 5px 0;
}

.not_box .icon_prec {
    top: 30px;
    position: relative;
    font-size: 30px;
}

.not_box .icon_circle {
    position: relative;
    top: 2px;
    left: -2px;
    text-align: center;
    width: 71px;
    height: 71px;
    border-radius: 100%;
    background-color: #ffffff;
}

.not_box .icon_active-border {
    position: relative;
    text-align: center;
    width: 75px;
    height: 75px;
    border-radius: 100%;
    background-image: linear-gradient(91deg, transparent 50%, #ffffff 50%), linear-gradient(90deg, #ffffff 50%, transparent 50%);
}

.not_box i {
    font-size: 35px;
    margin-top: 15px;
}

.not_box .not_text {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    box-sizing: border-box;
    width: calc(100% - 110px);
    font-size: 9pt;
}

.not_box .btn_close {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.not_box .btn_close i {
    font-size: 22px;
    margin-top: 0;
}

/***************************/
.loading {
    display: block;
    margin: 20px 0 50px 0;
    text-align: center;
}

.loading span {
    display: block;
    margin: 20px auto;
    font-size: 20pt;
    opacity: 0.4;
}

.loading i {
    display: block;
    font-size: 90px;
    margin-top: 15px;
    opacity: 0.2;
}

.page_main .loading {
    margin-top: 50px;
}

/************************************************/

.error_holder {
    display: block;
    width: 100%;
    height: calc(100vh - 95px);
    background-color: #FDFCDC;
    position: relative;
}

.error_holder .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: left;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.error_holder .container .block_content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    line-height: normal;
    width: 400px;
}

.error_holder .container .block_content .error_num {
    font-size: 70pt;
    font-weight: 800;
    font-family: IRANYekan;
    word-spacing: 15px;
    direction: ltr;
    text-align: right;
}

.error_holder .container .block_content .error_title {
    font-size: 38pt;
    font-family: Peyda;
    font-weight: 900;
    line-height: 1em;
    margin-bottom: 20px;
}

.error_holder .container .block_content .error_sub_title {
    font-size: 14pt;
    display: block;
    margin-bottom: 10px;
}

.error_holder .container .block_content .btn_main {
    width: auto;
    margin-top: 30px;
}

.error_holder .container .screen {
    position: relative;
    width: calc(100% - 505px);
    height: 100%;
    overflow: hidden;
}

.error_holder .container .screen img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    object-fit: contain;
}

/******** faq ********/
.faq_holder .faq_items {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 40px;
    box-sizing: border-box;
}

.faq_holder .faq_items .service_item {
    width: calc(25% - 30px);
    height: 300px;
    background: #FFFFFF;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    margin: 15px;
}

.faq_holder .service_item .faq_icon {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #EFF3FD;
    padding: 15px 0;
    box-sizing: border-box;
}

.faq_holder .service_item .faq_icon i {
    font-size: 24px;
}

.faq_holder .service_item .title {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.faq_holder .service_item .text {
    width: 100%;
    height: 80px;
    overflow: hidden;
    text-align: justify;
    text-align-last: center;
}

.faq_holder .side_item .side_list_title {
    display: block;
    margin-bottom: 10px;
    font-size: 11pt;
    font-weight: 400;
    color: #333333;
}

.faq_holder .side_item .current {
    font-weight: 600;
}

.faq_holder .side_item .side_list_result {
    display: block;
    padding-right: 20px;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-right: 1px solid #dddddd;
}

.faq_holder .side_item .side_list_result .side_list_sub_title {
    display: block;
    margin-bottom: 5px;
    font-size: 10pt;
    color: #999999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.faq_holder .page_main {
    padding-right: 10px;
    padding-left: 0;
}

.faq_holder .question_item {
    margin-top: 0;
    height: 55px;
    overflow: hidden;
}

.faq_holder .faq_current {
    height: auto;
}

.faq_holder .question_item .title {
    vertical-align: top;
    margin-bottom: 20px;
    cursor: pointer;
}

.faq_holder .question_item .title .icon_open_result {
    float: left;
    margin-top: 5px;
}

.page_main .inner_main .inner_text img {
    display: block;
    width: 100%;
    height: auto;
    margin: 20px auto;
    border-radius: 5px;
    overflow: hidden;
    object-fit: contain;
}

.page_main .inner_main .inner_title {
    margin-bottom: 10px;
}

.profile_view {
    position: absolute;
    right: 0;
    width: 310px;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    top: 60px;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(102, 102, 102, 0.15);
    transform: scale(0, 0);
    z-index: 5;
}

.profile_view .background_img {
    display: block;
    width: 100%;
    height: 60px;
    margin-bottom: 30px;
}

.profile_view .background_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    border: none !important;
    box-shadow: none !important;
}

.profile_view .header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 8px;
    margin-bottom: 8px;
    position: absolute;
    top: 30px;
    width: 100%;
    box-sizing: border-box;
}

.profile_view .header .user_img {
    position: relative;
    display: inline-block;
    width: 50px;
    margin-left: 16px;
}

.profile_view .header .user_img img {
    width: 100%;
    border-radius: 5px;
    object-fit: cover;
    border: none !important;
    box-shadow: none !important;
}

.profile_view .header .user_name {
    font-weight: 600;
    margin-top: 30px;
}

.profile_view .profile_detail {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: baseline;
    padding: 16px 8px;
    box-sizing: border-box;
}

.profile_view .column {
    align-items: flex-start;
    flex-direction: column;
}

.profile_view .column .star_text {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
    align-items: baseline;
    margin-bottom: 8px;
}

.profile_view .column .star_text i {
    margin-left: 8px;
}

.profile_view .profile_detail .social_statistic {
    text-align: center;
    margin: 0 3px;
    display: inline-block;
    vertical-align: top;
    width: calc(33% - 15px);
    border: 1px solid !important;
    border-radius: 5px;
    padding: 5px 0;
    line-height: 20pt;
}

.profile_view .profile_detail .social_statistic .num_sta {
    display: block;
    font-weight: 600 !important;
    font-size: 18pt !important;
    margin-bottom: 3px !important;
}

.profile_view .profile_detail .social_statistic span {
    margin-top: 0 !important;
    opacity: 1 !important;
    margin-bottom: 0 !important;
}

.profile_view .profile_detail .social_statistic .num_sta span {
    font-weight: 400;
    display: inline-block;
    font-size: 12pt !important;
    font-family: "Google Sans";
}

.profile_view .profile_detail .social_statistic .title_sta {
    display: block;
    font-weight: 200 !important;
    font-size: 9pt !important;
}

.profile_view .profile_detail .star_text {
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 12pt !important;
    opacity: 1 !important;
}

.profile_view .profile_detail .star_text i {
    opacity: 1 !important;
}

.profile_view .profile_detail .star_text span {
    font-size: 12pt !important;
    opacity: 1 !important;
    margin: 0 !important;
}

.panel_main_holder .main_holder {
    padding: 16px !important;
}

.panel_main .panel_main_holder .main_holder {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 35px;
    box-sizing: border-box;
}

.flex_row {
    flex-direction: row;
}

.flex_column {
    flex-direction: column;
}

.panel_main_holder .main_holder .form {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: unset;
    width: 100%;
}

.panel_main_holder .main_holder .form .input {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}

.panel_main_holder .main_holder .form .flex_row {
    align-items: center;
}

.panel_main_holder .main_holder .form .input .select,
.panel_main_holder .main_holder .form .input textarea,
.panel_main_holder .main_holder .form .input input {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    border: solid 1px #999999;
    border-radius: 5px;
    color: #999999;
    padding: 15px;
    box-sizing: border-box;
    font-size: 10pt;
}

.panel_main_holder .main_holder .form .input .select {
    margin: unset;
    padding: 10px;
}
.panel_main_holder .main_holder .form .input .select input {
    width: calc(100% - 60px);
    max-width: unset;
    min-width: unset;
}

.panel_main_holder .main_holder .form .w100,
.panel_main_holder .main_holder .form .w50 {
    padding: 0;
}

.panel_main_holder .main_holder .form .sub_label {
    padding: 16px;
    box-sizing: border-box;
    font-size: 10pt;
}

/******** RESPONSIVE ********/
/******** RESPONSIVE ********/
/******** RESPONSIVE ********/

@media screen and (max-width: 1300px) {
    .job_main .video .video_item {
        width: calc(50% - 15px);
    }
}

@media screen and (max-width: 1280px) {
    .panel_shortcut {
        width: auto;
        left: 1%;
    }
}

@media screen and (max-width: 1260px) {
    .page_main .inner_main .big_page {
        padding: 30px 15px;
    }

    .big_main {
        padding-left: 10px;
    }

    .my_item {
        display: inline-block;
        width: calc(50% - 10px);
    }

    .inner_main_sub .sample_work img {
        width: 200px;
        height: 200px;
    }
}

@media screen and (max-width: 1150px) {
    .panel_main .panel_main_holder .right {
        width: calc(100% - 350px);
    }

    .panel_main .panel_main_holder .left {
        width: 325px;
    }
}

@media screen and (max-width: 1130px) {
    .page_main .blog_item {
        width: calc(50% - 15px);
    }

    .page_main {
        padding-left: 10px;
    }

    .full {
        padding-left: 0;
    }

    .page_main_video {
        width: 100% !important;
        padding-left: 0;
    }
}

@media screen and (max-width: 1100px) {
    .menu_bar .logo {
        margin-left: 0;
    }

    .menu_bar .menu a {
        margin: 0 5px;
    }

    .big_side {
        display: none !important;
    }

    .big_main {
        display: block;
        width: calc(100% - 10px);
        margin: 0 auto;
        padding-left: 0;
    }

    .page_main .big_page {
        width: 100%;
    }

    .big_inner_slider {
        width: calc(100% - 30px);
    }

    .side_hidden {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    .my_item {
        display: inline-block;
        width: calc(100% - 5px);
    }

    .inner_main_sub .sample_work img {
        margin-left: 10px;
    }

    .big_filter {
        display: block;
        width: 100%;
    }

    .page_main .page_top_two .search {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .panel_main .panel_menu_bar .panel_search {
        width: 200px;
    }
}

@media screen and (max-width: 1000px) {
    .menu_bar .logo i {
        display: inline-block;
    }

    .menu_bar .menu {
        display: none;
    }

    .slider .slider_holder {
        height: 450px;
    }

    .slider .big_holder {
        height: 507px;
    }

    .slider .big_holder .big_inner {
        top: 30px;
    }

    .slider .big_holder img {
        height: 507px !important;
    }

    .job_sidebar {
        display: block;
        margin: 0 auto;
        width: calc(100% - 10px);
    }

    .job_main {
        display: block;
        width: calc(100% - 10px);
        margin: 0 auto;
        padding-left: 0;
    }

    .slider .slider_holder .slider_btn {
        top: -250px;
        color: #ffffff88;
    }

    .slider .slider_holder .slider_text {
        top: -280px;
    }

    .page_main .inner_main .inner_main_sub {
        padding: 30px 15px;
    }

    .inner_main_sub .sample_work img {
        width: 300px;
        height: 300px;
        margin-left: 20px;
    }

    .job_main .video .video_item {
        width: calc(33% - 12px);
    }

    .menu_panel {
        width: 90px;
    }

    .menu_panel img {
        width: 70px;
    }

    .menu_panel ul li {
        margin: 0 10px 10px 10px;
    }

    .menu_panel ul li a {
        padding: 10px 0 10px 0;
    }

    .menu_panel ul li a i {
        margin-left: 0;
        width: 100%;
    }

    .menu_panel ul li a span {
        width: 0;
    }

    .menu_panel_close {
        width: 245px;
        z-index: 1;
        box-shadow: 0 0 5px #66666688;
    }

    .menu_panel_close img {
        width: 120px;
    }

    .menu_panel_close ul li {
        margin: 0 20px 10px 20px;
    }

    .menu_panel_close ul li a {
        padding: 10px 20px 10px 0;
    }

    .menu_panel_close ul li a i {
        margin-left: 10px;
        width: 20px;
    }

    .menu_panel_close ul li a span {
        width: calc(100% - 35px);
    }

    .panel_main {
        width: calc(100% - 90px) !important;
    }

    .panel_main .panel_menu_bar .bar {
        display: none;
    }

    .menu_panel .menu_close {
        display: block;
    }

    .panel_main .panel_main_holder .right,
    .panel_main .panel_main_holder .left {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 950px) {
    .page_main .blog_item {
        width: calc(33% - 15px);
    }


    .full {
        width: 100% !important;
    }

    .page_main .inner_main {
        width: 100%;
    }

    .page_main .inner_main .big_page {
        padding: 30px 15px;
    }

    .big_main {
        display: block;
        width: calc(100% - 10px);
        margin: 0 auto;
    }

    .page_main .big_page {
        width: 100%;
    }

    .video_container .video_head {
        width: calc(100% - 10px);
        margin: 0 auto 20px auto;
    }

    .video_hidden {
        display: block;
        margin: 0 auto 10px auto;
        width: 100%;
    }

    .video_hidden img {
        width: 100%;
        overflow: hidden;
        border-radius: 5px;
    }

    .inner_slider_holder .inner_slider_sub_holder .img_user img {
        width: 200px;
        height: 200px;
        border-radius: 5px;
        object-fit: cover;
    }

    .link .res_link {
        width: 210px;
    }

    .inner_slider_holder .inner_slider_sub_holder .about_job {
        margin-top: 15px;
    }

    .inner_slider_holder .inner_slider_sub_holder .img_logo {
        margin: 20px 10px 0 10px;
    }

    .inner_slider_holder .inner_slider_sub_holder .img_logo img {
        width: 130px;
        height: 130px;
    }

    .job_main .video .video_item {
        width: calc(50% - 15px);
    }

    .footer .column {
        display: block;
        width: 100%;
        margin: 10px 0;
        box-sizing: border-box;
        border-bottom: solid 1px #333333;
        padding-bottom: 15px;
    }

    .footer .column:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .error_holder .container .screen {
        display: none;
    }

    .error_holder .container .block_content {
        margin: auto;
    }

    .error_holder .container {
        background-position: center;
        background-size: contain;
    }
}

@media screen and (max-width: 910px) {

    .link .res_link {
        width: 230px;
    }

    .inner_slider_holder .inner_slider_sub_holder .about_job {
        margin: 15px 30px 10px 0;
        display: block;
    }

    .res_media {
        margin-left: 20px;
    }

    .page_main {
        display: block;
        margin: 0 auto;
        width: calc(100% - 10px);
        padding-left: 0;
    }

    .page_sidebar {
        display: block;
        margin: 0 auto;
        width: 100% !important;
    }

}

@media screen and (max-width: 850px) {
    .page_main .blog_item {
        width: calc(50% - 15px);
    }

    .page_main .inner_main .big_pro {
        padding: 30px 15px;
    }

    .big_pro .holder_item .thumbnail {
        margin-left: 10px;
    }

    .big_holder_search {
        margin-top: -30px;
    }

    .panel_main .panel_main_holder .panel_table .tab_head {
        display: none;
    }

    .panel_main .panel_main_holder .panel_table .tab_row .tab_text {
        display: block;
        width: 100% !important;
        border-bottom: dashed 1px #66666666;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .panel_main .panel_main_holder .panel_table .tab_row .tab_text:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .panel_main .panel_main_holder .panel_table .tab_row .title {
        display: block;
    }
}

@media screen and (max-width: 768px) {

    .panel_main .panel_menu_bar .panel_search {
        display: none;
    }

    .panel_shortcut {
        width: auto;
        left: 3%;
    }

    .slider .slider_holder {
        height: 400px;
    }

    .slider .slider_holder .slider_btn {
        top: -200px;
        color: #ffffff88;
    }

    .slider .slider_holder .slider_text {
        top: -220px;
    }

    .service_item {
        width: calc(33% - 21px);
        max-width: 100%;
        margin: 5px 8px;
    }

    .slider .big_holder {
        height: 457px;
    }

    .slider .big_holder img {
        height: 457px !important;
    }

    .holder_search .big_search {
        margin: 5px auto 15px auto;
    }

    .statistics .item {
        margin: 5px 10px;
    }

    .statistics .item .icon_img {
        display: none;
    }

    .inner_main_sub .sample_work img {
        width: 400px;
        height: 400px;
        margin-left: 0;
    }

    .statistics {
        padding: 0;
    }

    .panel_main .panel_main_holder .right,
    .panel_main .panel_main_holder .left {
        display: block;
        width: calc(100% - 20px);
    }

    .panel_main .panel_main_holder .right {
        margin-bottom: 25px;
    }

    .right .last_req {
        margin-left: 0;
    }

    .holder_scroll {
        width: 100%;
        overflow: auto;
    }

    .holder_scroll_btn {
        display: none;
    }

    .holder_scroll .scroller {
        /*width: calc((100vw - 105px) * 10) !important;*/
    }

    .job_main .job_item {
        width: calc(100% - 10px);
        max-width: 500px;
        margin: 15px auto;
        display: block;
        padding: 20px 20px 40px 20px;
    }

    .inner_sub_member .member .big_type {
        margin-right: 0;
        display: block;
    }

    .inner_part .big_pro .float_left {
        float: none;
        margin-bottom: 0;
        margin-top: 10px;
    }

    .big {
        width: 100%;
        margin-right: 0;
    }

    .service_item {
        width: calc(100% - 30px);
        margin: 15px 15px;
    }

    .question_item .title .title {
        display: block;
        width: 100%;
        margin-right: 0;
    }

    .holder_search .search_inside {
        width: calc(100% - 60px);
        max-width: 500px;
    }

    .holder_search .search_inside_2 .select,
    .select {
        width: calc(100% - 10px);
        display: block;
        margin: 8px 5px;
    }

    .holder_search .search_inside .search_icon {
        width: 45px;
        vertical-align: middle;
        display: block;
        margin: 20px auto 10px auto;
        text-align: center;
        padding: 3px 10px;
        border-radius: 5px;
        cursor: pointer;
    }

    .holder_search .search_inside .search_icon:hover {
        opacity: 0.7;
    }

    .inner_part .inner_main_sub .table .row_table .row_field_title {
        width: calc(40% - 10px);
    }

    .inner_part .inner_main_sub .table .row_table .row_field_data {
        width: calc(60% - 10px);
    }

    .inner_part .inner_main_sub .inner_details .details_text {
        font-size: 9pt;
    }


    .inner_part .inner_main_sub .term_download .text_term_pink {
        display: block;
        margin: 10px 0;
    }

    .inner_part .inner_main_sub .term_download .download_info {
        float: none;
        display: block;
    }

    .statistics .item .icon_img {
        width: 50px;
        height: 50px !important;
    }

    .slider .big_holder .big_inner {
        top: 25px;
    }

    .slider .big_holder .big_inner .holder_title {
        margin-bottom: 5px;
    }

    .holder_search .search_inside {
        margin: 10px auto;
    }

    .slider_inner .holder_title .title {
        padding-bottom: 10px;
        margin-bottom: 5px;
    }

    .statistics {
        display: none;
    }

    .big_holder_search {
        margin-top: 0;
    }

    .job_main .video .video_item {
        display: block;
        width: 100%;
        margin: 15px auto;
    }

    .panel_main .panel_menu_bar .panel_sub_menu .admin {
        width: auto;
        max-width: unset;
        min-width: unset;
        margin-left: 0;
    }

    .panel_main .panel_menu_bar .panel_sub_menu .admin img {
        margin-left: 0;
    }

    .sub_menu {
        display: none;
    }

    .mobile_menu {
        display: block;
        height: 67px;
        overflow: hidden;
    }

    .mobile_menu a {
        display: block;
        width: calc(100% - 55px);
    }

    .mobile_menu i {
        display: block;
        float: left;
        cursor: pointer;
        padding: 5px;
        margin-top: 25px;
        font-size: 24px;
    }

    .video_img .player_icon i {
        top: unset;
        bottom: 60px;
    }

    .player_icon .player_item {
        top: 60px;
        bottom: unset;
        width: calc(50% - 50px);
    }

    .service_item i {
        font-size: 30px;
    }

    .code_side .code_side_num,
    .inner_title,
    .service_item .title {
        font-size: 12pt;
    }

    .service_item .text {
        font-size: 9pt;
        text-align: center;
    }

    .holder_title .title {
        font-size: 18pt;
    }

    .inner_main_sub .q_code .code_text {
        line-height: 30px;
    }

    .page_main .inner_main .inner_part .big .comment .like_info,
    .side_item .holder_item .text .name,
    .question_item .title .title,
    .question_item .text,
    .holder_title .text {
        font-size: 10pt;
    }

    .inner_main_sub .holder_item .thumbnail .detail,
    .side_item .holder_item .thumbnail .detail,
    .question_item .title .detail {
        width: 45px;
        height: 45px;
        margin: 2px 5px;
        font-size: 8pt;
        padding: 0;
    }

    .inner_main_sub .holder_item .img,
    .side_item .holder_item .img,
    .holder_user .img,
    .holder_user img {
        width: 45px;
        height: 45px;
    }

    .holder_user .context .date {
        margin-top: 0;
    }

    .main_holder .btn_main {
        width: 100px;
    }

    .timeline_flag .flag, .comment .comment_like .flag {
        padding: 8px;
    }

    .inner_main_sub .sample_work .work_item {
        width: calc(50% - 15px);
    }

    .holder_user {
        float: unset;
    }
}

@media screen and (max-width: 620px) {
    .slider .slider_holder {
        height: 330px;
    }

    .slider .slider_holder .slider_btn {
        top: -180px;
        color: #ffffff88;
    }

    .slider .slider_holder .slider_text {
        top: -200px;
    }

    .slider .slider_holder .slider_text .text {
        display: none;
    }

    .slider .slider_holder .slider_text .slider_more {
        float: unset;
    }

    .footer .icons,
    .footer .copyright {
        display: block;
        float: unset;
        text-align: center;
    }

    .footer .icons {
        margin-bottom: 15px;
    }

    .page_main .inner_main .inner_main_sub {
        padding: 30px 15px;
    }

    .inner_part .inner_main_sub .table .row_table {
        margin-bottom: 15px;
    }

    .inner_part .inner_main_sub .table .row_table .row_field_title {
        width: calc(100% - 10px);
        display: block;
        padding: 5px;
    }

    .inner_part .inner_main_sub .table .row_table .row_field_data {
        width: calc(100% - 10px);
        padding: 5px;
        display: block;
        margin-right: 0;
        margin-left: 0;
    }

    .video_container {
        width: calc(100% - 20px);
        margin: 60px auto 20px auto;
    }

    .slider .big_holder img {
        height: 330px !important;
    }

    .sub_menu5 a {
        margin: 0 10px 0 0;
        font-size: 14px;
    }

    .my_item {
        display: block;
        width: calc(100% - 5px);
        margin: 15px auto;
    }

    .big_pro .holder_item .item_text .name {
        font-size: 9pt;
    }

    .page_top {
        font-size: 10pt;
    }

    .q_filter {
        width: 380px;
    }

    .page_main .inner_main .inner_part .q_a {
        padding: 30px 10px 30px 10px;
    }

    .inner_main_sub .q_code .code_side {
        display: block;
        width: 100%;
    }

    .inner_main .inner_main_sub .q_code .code_side .code_side_box_b_purple,
    .inner_main .inner_main_sub .q_code .code_side .code_side_box_b_pink,
    .inner_main .inner_main_sub .q_code .code_side .code_side_box_b_green {
        float: left;
        margin: 0 10px;
    }

    .inner_main_sub .q_code .code_side .score_holder {
        display: inline-block;
        vertical-align: middle;
    }

    .inner_main_sub .q_code .code_side .score_holder .code_side_box,
    .inner_main_sub .q_code .code_side .score_holder .code_side_num {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }

    .q_code .holder {
        display: block;
        width: 100%;
    }

    .holder {
        display: inline-block;
        width: calc(100% - 70px);
    }

    .login_box .login_box_inner {
        display: block;
    }

    .login_box .login_right,
    .login_box .login_left {
        display: block;
        width: 100%;
        padding: 20px 20px;
    }

    .login_box .title {
        margin-bottom: 15px;
    }

    .login_left .btn_main,
    .login_left .btn_sec,
    .login_box .login_right .btn_sec {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 600px) {

    .page_main .job_item {
        width: 100%;
    }

    .page_main .blog_item {
        width: 100%;
        max-width: 500px;
        display: block;
        margin: 10px auto;
    }

    .inner_slider_holder .inner_slider_sub_holder .profile_sub_head {
        max-width: 450px;
    }

    .link .res_link {
        width: 210px;
    }

    .inner_main_sub .sample_work img {
        width: 300px;
        height: 300px;
    }

    .inner_slider_holder .inner_slider_sub_holder .img_logo {
        margin: 0;
        text-align: center;
        display: block;
    }

    .inner_slider_holder .inner_slider_sub_holder .img_logo img {
        width: 200px;
        height: 200px;
    }

    .inner_slider_holder .inner_slider_sub_holder .about_job {
        margin: 15px 25px 10px 0;
    }
}

@media screen and (max-width: 570px) {
    .panel_shortcut {
        width: calc(100% - 30px);
    }

    .login .holder_login {
        width: calc(100% - 60px);
    }

    .login .holder_login .login_row .circle_item {
        margin: 10px 5px;
        width: calc(25% - 17px);
    }

    .holder_scroll .job_item,
    .holder_scroll .blog_item,
    .holder_scroll .video_item {
        max-width: calc(100vw - 120px);
    }

    .sub_menu a {
        margin: 0 10px 0 0;
        font-size: 15px;
    }

    .page_main .inner_main .inner_part .comment_in_reply {
        padding-right: 30px;
    }

    .inner_slider_holder .inner_slider_sub_holder .profile_sub_head {
        width: 100%;
        max-width: 100%;
    }

    .res_media {
        width: 100%;
        text-align: center;
        margin: 10px 0;
    }

    .res_link_holder {
        width: calc(100% - 60px);
        margin: 20px 30px 10px 0;

    }

    .inner_slider_holder .inner_slider_sub_holder .profile_sub_head .res_link {
        margin: 0 auto;
        width: 100%;
    }

    .big_pro .holder_item {
        padding: 15px 5px;
    }

    .page_top {
        font-size: 12pt;
    }

    .filter_holder {
        width: 100%;
        display: block;
    }

    .page_top .btn_main {
        display: block;
        margin-top: 10px;
    }

    .filter_holder .btn {
        padding: 15px 15px;
    }

    .q_code .code_tags_user .tags_c {
        width: 100%;
        float: left;
    }

    .q_code .code_tags_user .holder_user {
        float: right;
    }

    .page_main .inner_main .inner_part .big .comment .like_info {
        display: block;
        margin-bottom: 10px;
    }

    .bar_holder .chart_bar {
        text-align: right;
        padding-right: 10px;
    }

    .inner_main_sub .sample_work .work_item {
        width: 100%;
        margin: 0 auto;
    }

    .social_media {
        display: block;
        margin-bottom: 10px;
        text-align: center;
        float: none;
    }

    .link {
        display: block;
        text-align: center;
        float: none;
        margin-bottom: 10px;
    }

    .link .http_link {
        width: 100%;
    }

}

@media screen and (max-width: 510px) {

    .login .holder_login .login_row .circle_item {
        margin: 10px 5px;
        width: calc(33% - 17px);
    }

    .menu_bar .btn .sign_up span,
    .menu_bar .btn .sign_in span {
        display: none !important;
    }

    .btn_user_icon span {
        width: 0;
        overflow: hidden;
        margin: 0 2px;
    }

    .menu_bar .btn .sign_up i,
    .menu_bar .btn .sign_in i {
        display: inline-block;
    }

    .comment_rule .comment_rule_text {
        font-size: 8pt;
    }

    .sub_menu5 a {
        margin: 0 10px 0 0;
        font-size: 13px;
    }

    .inner_main_sub .holder_item .item_text {
        display: block;
        margin-top: 10px;
    }

    .page_top {
        font-size: 10pt;
    }

    .login_left .rem_pas {
        display: block;
    }

    .panel_main .last_req .req_row .req_name {
        width: calc(100% - 105px);
    }

    .panel_main .last_req .req_row .req_sug {
        width: 90px;
        font-size: 8pt;
    }
}

@media screen and (max-width: 480px) {
    .sub_menu a {
        margin: 0 10px 0 0;
        font-size: 15px;
    }

    .sub_menu5 a {
        margin: 0 10px 0 0;
        font-size: 12px;
    }

    .inner_part .inner_main_sub .table .row_table .row_field_title {
        font-size: 10pt;
        width: calc(100% - 10px);

    }

    .inner_part .inner_main_sub .table .row_table .row_field_data {
        font-size: 10pt;

    }

    .inner_part .inner_main_sub .big_text {
        font-size: 9pt;
    }

    .member .member_type {
        font-size: 9pt;
    }

    .page_main .inner_main .inner_part .big_title {
        font-size: 15px;
    }

    .page_main .inner_main .inner_part .inner_sub_text {
        font-size: 9pt;
    }

    .my_item {
        width: calc(100% - 10px);
    }

    .inner_slider_holder .inner_slider_img {
        width: 100%;
        height: 250px;
    }

    .panel_main .last_req .req_row .req_name,
    .panel_main .last_req .req_row .req_sug {
        display: block;
        width: 100%;
        margin-right: 0;
    }

    .bar_holder .chart_bar {
        text-align: right;
        padding-right: 2px;
    }
}

@media screen and (max-width: 460px) {

    .menu_bar .logo img {
        width: 150px;
    }

    .inner_part .inner_main_sub .inner_add .add_title {
        margin: 40px 10px 10px 0;
        font-weight: bold;
    }

    .inner_part .inner_main_sub .inner_add .add_left .add_info {
        margin: 10px 10px 0 10px;
    }

    .btn_big {
        padding: 5px 10px;
    }

    .inner_sub_member .member {
        font-size: 10pt;
    }

    .inner_slider_holder .inner_slider_img {
        height: 200px;
    }

    .inner_slider_holder .inner_slider_sub_holder .img_logo img {
        width: 150px;
        height: 150px;
    }

    .inner_slider_holder .inner_slider_sub_holder .about_job {
        font-size: 10pt;
    }

    .inner_slider_holder .inner_slider_sub_holder .about_job .job_title {
        font-size: 14pt;
    }

    .job_main .video .video_item {
        width: calc(100% - 10px);
    }

    .page_main .main_header {
        font-size: 7pt;
    }

    .page_main .main_title {
        padding: 7px 10px;
    }

    .page_top {
        font-size: 9pt;
    }

    .filter_holder .btn {
        padding: 15px 10px;
    }

    .form .left_form {
        font-size: 11pt;
    }

    .form .title {
        font-size: 18pt;
    }

}

@media screen and (max-width: 400px) {

    .login .holder_login .login_row .circle_item {
        width: calc(50% - 20px);
    }

    .comment_rule .comment_rule_text {
        font-size: 7pt;
    }

    .inner_add .add_right {
        float: none;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .inner_part .inner_main_sub .inner_add .add_left {
        display: block;
    }

    .inner_sub_member .member .member_type {
        margin-right: 15px;
    }

    .inner_sub_member .member .big_type {
        margin-right: 0;
    }

    .inner_part .inner_main_sub .term_download .text_term {
        margin-left: 5px;
    }

    .sub_menu5 a {
        margin: 0 5px 0 0;
        font-size: 10px;
    }

    .my_item {
        width: calc(100% - 10px);
    }

    .inner_slider_holder .inner_slider_img {
        height: 190px;
    }

    .inner_main_sub .sample_work img {
        width: 250px;
        height: 250px;
    }

    .inner_slider_holder .inner_slider_sub_holder .img_logo img {
        width: 120px;
        height: 120px;
    }

    .inner_slider_holder .inner_slider_sub_holder .about_job {
        font-size: 9pt;
    }

    .inner_slider_holder .inner_slider_sub_holder .about_job .job_title {
        font-size: 13pt;
    }

    .player_icon .player_item {
        width: calc(50% - 15px);
    }

    .player_icon .player_item_right {
        right: 10px;
    }

    .player_icon .player_item_left {
        left: 10px;
    }


    .menu_bar .logo img {
        width: 100px;
    }
}

@media screen and (max-width: 380px) {

    .video_container .video_head {
        font-size: 15pt;
    }

    .filter_holder .btn {
        padding: 15px 7px;
    }

    .page_main .inner_main .inner_part .big .comment .comment_like .green {
        margin-left: 10px;
    }

    .page_main .inner_main .inner_part .comment .comment_like .flag {
        padding: 7px;
        margin-left: 0;
    }
}