/*Designed By Prowebplus.blog.ir*/
@font-face {
    font-family: 'tanha';
    src: url('//bayanbox.ir/download/6569803721922940607/Tanha.woff') format('woff');
    font-weight: normal;
}

@font-face {
    font-family: 'lale';
    src: url('//bayanbox.ir/download/6943001789619612027/Lalezar-Regular.woff') format('woff');
    font-weight: bold;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background: #2196F3;
    border: 2px solid #000000;
    border-radius: 27px;
}

::-webkit-scrollbar-track {
    background: #ffffff;
    border: 1px dotted #ffffff;
    border-radius: 100px;
}

:root {
    font-size: 10px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}
a{
    color: #0061ae;
}
a:hover{color:#bc0000;}
p,font,span,div{color:#000;}
a,a:hover,a:before,a:after,a:active,a:visited,a:focus{
    text-decoration:none;
}
ul{
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6{
    font-family:lale;
}
body {
    font-family: tanha;
    background-color: #ffffff;/*تغییر رنگ پست زمینه*/
    background-image: url(http://bayanbox.ir/view/3951274601091551865/brushed-alum-prowebplus.ir.png);
    color: #262626;
}

img {
    max-width:100%;
    height:auto;
}

.container {
    max-width: 93.5rem;
    margin: 0 auto;
    padding: 0px 1rem;
}

.btn {
    display: inline-block;
    font: inherit;
    background: none;
    border: none;
    color: inherit;
    padding: 0;
    cursor: pointer;
}

.btn:focus {
    outline: 0.5rem auto #4d90fe;
}
.maintainbox{
    width: 62.66666%;
    display:inline-block;
    float:left;
}
.gallery-item-info a{color:#fff;z-index: 2;position: relative;}
.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    color: #fff;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

/* Profile Section */
.item_err,.item_warn,.item_success {

    display: inline-block;
}
.profile {
    padding: 5rem 0;
}
.fa-check{
    border-radius:10px;
    color:#fff;
    background: #2196F3;
    border:1px inset #ccc;
    padding:3px;
    text-shadow:1px 1px 1px #333;
}
.profile::after {
    content: "";
    display: block;
    clear: both;
}

.profile-image {
    width: 33.33333%;
    text-align: center;
    float: right;
}

.profile-image img {
    margin-left: 3rem;
    border-radius: 50%;
    border-left: 4px solid #f1034a;
    border-top: 4px solid #4CAF50;
    border-right: 4px solid #673AB7;
    box-shadow: 0px 0px 2px 3px #333;
    border-bottom: 4px solid #FFC107;
    width: 100%;
}

.profile-user-settings, .profile-bio {
}

.profile-user-settings {
    margin-top: 1.1rem;
    width: 62.66666%;
    float: left;
}

.profile-user-name {
    display: inline-block;
    font-size: 2.5rem;
    font-family: lale;
    font-weight: 300;
}
.profile-user-name a{color:#000;}
.profile-edit-btn {
    font-family: tanha;
    font-size: 1.4rem;
    box-shadow: 1px 1px 2px 0px #333;
    line-height: 1.8;
    background: #039BE5;
    border-radius: 4px;
    padding: 0 2.4rem;
    margin-right: 1rem;
}

.profile-edit-btn a{color: #fff;text-shadow: 1px 1px 1px #333;}
.profile-settings-btn {
    font-size: 3rem;
    margin-right: 1rem;
    vertical-align: -webkit-baseline-middle;
}
.profile-settings-btn span{transition:1s ease-in-out;font-size: 19px;position: relative;vertical-align: middle;right: 4rem;color: rgb(51 51 51 / 0%);}
.profile-settings-btn:hover span{transition:1s ease-in-out;font-size: 19px;vertical-align: middle;position: relative;right: 0rem;color:#000;padding: 0px  3px 0px 7px;}
.profile-stats {
    margin-top: 2.3rem;
    width: 66.66666%;
    display: inline-block;
    float: left;
}

.profile-stats li {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.5;
    margin-right: 4rem;
    cursor: pointer;
}

.profile-bio {
    font-size: 1.6rem;
    font-weight: 400;
    font-family: tanha;
    text-align: justify;
    display: inline-block;
    line-height: 1.5;
    margin-top: 2.3rem!important;
}

.profile-real-name,
.profile-stat-count,
.profile-edit-btn {
    font-weight: 600;
}
.details-mobile{display:none;margin-top: 2rem;}
.details-mobile a{font-weight:600;font-size: 14px;color:#000;padding:0px 2px;}
.details-mobile a i.fa-check{font-size: 8px;vertical-align: initial;padding:0;color:#000;background:none;border:none;}
.details-mobile a i.fa-user{font-size:18px;vertical-align:sub;}
.details-mobile a.direct{padding: 2px 40px;transition:1s ease-in-out;background: #fff;border-radius:4px;border:1px solid;box-shadow: 0px 0px 0px 0px inset #03A9F4;}
.details-mobile a.direct:hover{transition:1s ease-in-out;box-shadow: -125px 0px 0px 1px inset #03A9F4;}
.details-mobile a.follow-mobile{padding: 2px 4px 2px 2px;transition:1s ease-in-out;background: #fff;border-radius:4px;border:1px solid;box-shadow: 0px 0px 0px 0px inset #03A9F4;border-radius: 4px;color: #000;border:1px solid #000;}
.details-mobile a.follow-mobile:hover{transition:1s ease-in-out;box-shadow: 30px 0px 0px 1px inset #03A9F4;}
/* Gallery Section */

.gallery {
    display: flex;
    flex-wrap: wrap;
    margin: -1rem -1rem;
    padding-bottom: 3rem;
}
.tag-cloud h3 {
    margin: 0px;
    font: normal 11px tanha;
    display: inline-block;
    *
    display: inline;
    *
    margin: 2px;
}

.tag-cloud span {
    display: inline-block;
    margin: 1px 0px 1px 0px;
}

.tag-cloud a {
    font: 14px/1.3em tanha;
    color: #000;
    background: rgb(249 249 249 / 0%);
    padding: 3px 7px;
    display: inline-block;
    *
    display: inline-block;
    margin-left: 1px;
    /*margin: 2px 0px 2px 0px;*/
}

.tag-cloud a:hover {
    color: #03A9F4;
    font-weight: 900;
}

.tag-cloud a.selected {
    color: #216cf3;
    font-weight: 900;
}

.box-tags .post-tags h3{margin: 10px 5px;display: inline-block;}
.box-tags .post-tags h3 a{ color: #000000;transition:0.4s ease-in-out;}
.box-tags .post-tags h3 a:hover{color:#0064b3;transition:0.4s ease-in-out;}
.gallery-item {
    position: relative;
    flex: 1 0 22rem;
    margin: 1rem!important;
    margin-top: 0!important;
    box-shadow: 0px 0px 2px 1px #c8c8c8;
    border-radius: 9px;
    color: #fff;
    cursor: pointer;
}
.more-desk{
    width: 100%;
    box-shadow: none;
    background: #fff;
    display:inline-block;
    box-shadow: 0px 0px 2px 2px #4f4f4f;
    float:right;
}
.more-desk .content-part{
    text-align:justify;
    line-height:1.7;
    margin:10px 0px;
    padding: 0 14px;
    cursor: default;
}
.more-desk .content-part a h2{color:#000;margin-bottom: 0;}
.more-desk .content-part a{color:blue;}
.more-desk .content-part a:hover{color:red;}
.more-desk img{
    border-radius: 9px;
}

.gallery-item:hover .gallery-item-info,
.gallery-item:focus .gallery-item-info {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius:9px;
    height: 100%;
    background-color: #0000004d;
}

.gallery-item-info {
    display: none;
    direction: ltr;
}
.gallery-item-info a.post-link{z-index: 0;width:100%;height:100%;position:absolute;}
.gallery-item-comments{z-index:2}
.gallery-item-info li {
    display: inline-block;
    font-size: 2rem;
    font-weight: 600;
}

.gallery-item-likes {
    margin-right: 2.2rem;
    z-index: 2;
}

.gallery-item-type {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 2.5rem;
    text-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
}
.fa-envelope-o{
    color:#000;
    transition: all 1s ease;
}
.fa-comment-o:before {
    color: #ffffff;
    transition: all 1s ease;
}
.fa-envelope-o:hover:before {
    content:"\f0e0";
    color:#292929;
    transition: all 1s ease;
}
.fa-envelope-o:after{
    transition: all 1s ease;
}
.fa-clone,
.fa-comment {
    transform: rotateY(180deg);
}
.rate-counter{font-family:tanha;font-weight:600;color: #fff;}
.more-desk .rate-counter{color:#000;}
.gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
}
.view-port{
    position: sticky;
    top: 1px;
    width:50%;
    display:inline-block;
    float:left;
}
.comment-port{
    width:100%;
    display:inline-block;
    float:left;
    display:inline-block;
    height: 300px;
    background: #fff;
    overflow-y: scroll;
    box-shadow: 1px -1px 6px 0px #151515;
    border: 3px groove #03A9F4;
    border-radius: 5px;
    margin-bottom: 1px;
}
.more-desk .rate-box{padding: 0px 10px;margin-bottom: 5px;display: block;}
.fa-heart-o{color: #fff;}

.rate-box .fa-heart-o:before {
    color: #ffffff;
    text-shadow:1px 1px 1px #000;
    transition: all .4s ease;
}
.more-desk .rate-box .fa-heart-o:before {
    color: #E91E63;
    text-shadow:1px 1px 1px #000;
    transition: all .4s ease;
}
.rate-box:hover .fa-heart-o:before {
    content:"\f004";
}
.rate-box.rated .fa-heart-o:before {
    content:"\f004";
    color:#ff2323;
}

.fa-comment-o:before {
    color: #ffffff;
    transition: all .4s ease;
}
.fa-comment-o:hover:before {
    content:"\f075";
    color:#607D8B;
    transition: all .4s ease;
}
.messages .messages-content h2 {
    color: #888;
    font-size: 21px;
    padding-right:5px;
    cursor: default;
    background: #b7e9ff;
    margin: 0 0 7px;
    text-align: center;
}

.messages .messages-content h2 a.comment_count {
    color: #aaa;
}

.messages .messages-content h2 a.comment_count:hover {
    color: #0892cd;
    cursor: pointer;
}
.comment-add-form{
    border: 3px groove #03A9F4;
    border-radius: 5px;
    padding: 8px;
    background: #fff;
    width: 100%;
    box-shadow: 1px 1px 5px 0px #151515;
    display: inline-block;
}
.bComForm .sendbutton.hasCheckbox {
    margin-top: -52px;
    margin-left: 3px;
    cursor:pointer;
}
.post-comments{
    font:14px tanha;
    margin-bottom:15px;
}
.post-comment{
    margin-bottom:5px;
    background:#f3f3f3!important;
    border:1px solid rgba(172,186,192,0.5);
    box-shadow:0 3px 5px rgba(117,100,100,0.1);
    border-radius:5px
}
.comment-details{
    background:#f3f3f3;
    box-shadow:0 1px 3px rgba(117,100,100,0.2);
    padding:0;
    cursor:default;
    border-radius:5px 5px 0 0;
    border-bottom:1px solid #736d6d
}
.comment-details a{
    color:#3a3a3a;
    cursor:pointer;
    vertical-align:bottom;
    margin-right:5px;
    -moz-transition-duration:0;
    -webkit-transition-duration:0;
    -o-transition-duration:0;
    -khtml-transition-duration:0
}
.comment-details-left{
    padding:4px 0 0 5px;
    float:left
}
.comment-details-right{
    text-align:right
}
.comment-avatar img{
    width:34px;
    height:auto;
    border-radius:0 5px 0 0
}
.comment-name{
    color:#191919;
    cursor:default;
    padding:0 5px
}
.comment-body{
    padding:10px;
    background:#fff
}
.comment-body-content{
    color:#101010;
    text-align:right
}
.comment-date{
    display:inline-block;
    color:rgba(255,255,255,0.6)
}
.comment-website{
    background:url(//cdn.bayan.ir/blog/templates/41199/details_ico_cmt.png) center -102px no-repeat;
    width:18px;
    height:23px;
    display:inline-block
}
.comment-website:hover{
    background-position:center -125px;
    cursor:pointer
}
.comment-email{
    background:url(//cdn.bayan.ir/blog/templates/41199/details_ico_cmt.png) center -60px no-repeat;
    width:18px;
    height:23px;
    display:inline-block
}
.comment-email:hover{
    background-position:center -79px;
    cursor:pointer
}
.comment-reply{
    margin-bottom:5px;
    border:1px solid #6ec2e5;
    background-color:#e5f7ff;
    box-shadow:0 3px 5px rgba(117,100,100,0.1);
    color:rgba(0,0,0,0.7);
    border-radius:5px
}
.comment-reply-details{
    padding:5px 10px;
    box-shadow: 0 -1px 0 0 inset rgb(51 51 51);
}
.comment-reply-date{
    float:left;
    color:#1f1f1f;
    cursor:default
}
.comment-reply-name{
    color:#191919;
    text-align:right;
    cursor:default
}
.comment-reply-body{
    color:#1d1c1c;
    text-align:right;
    padding:10px
}
.comment-reply-body , .comment-body-content {white-space: pre-line;width: 100%;word-break: break-word;overflow-wrap: break-word;}/*DB Prowebplus.blog.ir*/
.pagination {
    cursor: default;
    display: inline-block;
    margin: auto;
    text-align: center;
    margin-bottom: 0;
    font: 13px "tanha";
}

.pagination .left {
    margin-left: -3px;
}

.pagination a {
    padding: 2px 12px 2px;
    margin-left: 3px;
    cursor: pointer;
    color: #888;
    border: #ddd 1px solid;
    background: rgb(255 255 255 / 0%);
    border-radius: 3px;
}

.pagination a:hover {
    color: #004882;
    border: #c6e2ee 1px solid;
    background: #85d9ff;
}

.pagination a.current {
    color: #003046;
    border: #c6e2ee 1px solid;
    background: #85d9ff;
}

.pagination .spacer {
    float: right;
    padding: 1px 8px;
    color: #999;
}

.pagination {
    padding-top: 0;
}

/* Loader */

.loader {
    width: 5rem;
    height: 5rem;
    border: 0.6rem solid #999;
    border-bottom-color: transparent;
    border-radius: 50%;
    margin: 0 auto;
    animation: loader 500ms linear infinite;
}
footer{
    display:inline-block;
    direction: ltr;
    padding: 10px 10px;
    text-align: center;
    background: #004983 url(http://bayanbox.ir/view/3951274601091551865/brushed-alum-prowebplus.ir.png);
    width:100%;
    font-weight:900;
    margin:0px;
}
footer a{font-weight:100;transition:0.3s ease-in-out;cursor:pointer;color: #fff;}
footer a:hover{color:#FFEB3B;transition:0.3s ease-in-out;}
footer .fa-heart{color:#E91E63;font-size:14px;font-weight:900;text-shadow:1px 0.5px 0px #000;}
/* Media Query */

@media screen and (max-width: 40rem) {
    .comment-port{background:none;box-shadow:none;}
    .hideme{display:none;visibility:hidden;opacity:0;}
    .more-desk{
        width: 100%;
        display:inline-block;
        margin-right: 0px!important;
        float:none;
    }
    .view-port{
        width:100%;
        position:unset;
    }
    .comment-port{
        border:0px;
        width:100%;
        display:inline-block;
        float:none;
        margin-bottom: 8px;
        height: 100%;
        overflow: visible;
    }
    .maintainbox{
        display:none;
        visibility:hidden;
        opacity:0;
    }
    .mobile{display:inline-block;float:none;width:100%;margin:auto;visibility:visible;opacity:1;}
    .profile {
        padding: 4rem 0;
    }
    .profile-settings-btn{padding-top: 2px;}
    .profile::after {
        display: none;
    }

    .profile-image,
    .profile-user-settings,
    .profile-bio,
    .profile-stats {
    }

    .profile-image img {
        text-align: center;
        width: 95%;
    }

    .profile-user-settings {
        margin-top: 1rem;
    }

    .profile-user-name {
        font-size: 2.2rem;
        margin-bottom: 3px;
    }

    .profile-edit-btn {
        /* order: 1; */
        /* padding: 0; */
        text-align: center;
        margin-top: 1rem;
    }

    .profile-edit-btn {
        margin-left: 0;
    }

    .profile-bio {
        font-size: 1.4rem;
        margin-top: 1.5rem;
    }

    .profile-edit-btn,
    .profile-bio,
    .profile-stats {
    }

    .profile-stats {
        margin-top: 1.5rem;
        float: left;
        display: inline-block;
        width: 66.6666%;
        vertical-align: middle;
    }

    .profile-stats ul {
        display: flex;
        text-align: center;
        cursor: default;
        padding: 1.2rem 0;
        border-top: 0.1rem solid #dadada;
        border-bottom: 0.1rem solid #dadada;
    }

    .profile-stats li {
        font-size: 1.4rem;
        flex: 1;
        margin: 0;
        cursor: default;
    }

    .profile-stat-count {
        display: block;
    }
}


/* Spinner Animation */

@keyframes loader {
    to {
        transform: rotate(360deg);
    }
}

ul.topnav{
    align-items: center;
}
ul.topnav li{
    display:inline-block;
}
ul li.logo{
    width:100px;
    height:auto;
}
ul li.searchbox{
    vertical-align:middle;
    text-align:center;
}
ul li.signsec{
    float:left;
    padding: 18px 20px;
}
ul li.signsec a{
    color:#1976D2;
    font-weight:600;
    font-size:14px;
    float:left;
}
ul li.signsec a.loginlink{
    padding:5px 15px;
    background:#1E88E5;
    color:#fff;
    text-shadow:1px 1px 1px #333;
    border-radius:5px;
    margin-left:10px;
}
ul li.signsec a.signuplink{
    padding:5px;
}



.profile {
    direction: rtl;
}
/*Designed By Prowebplus.blog.ir*/
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
    grid-gap: 2rem;
}
.gal-port{display: inline-block;width: 100%;}
.profile-image,
.profile-user-settings,
.profile-stats,
.profile-bio,
.gallery-item,
.gallery {
    margin: 0;
}

@media (max-width: 40rem) {
    .details-mobile{display: inline-block;margin-bottom: 1rem;margin-top: 3px;}
    ul li.searchbox{display:none;}
    ul.topnav{
        direction: rtl;
    }
    .gallery-item-info {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        width: 100%;
        border-radius:9px;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
    }
    .profile {
        display: inline-block;
    }

    .profile-image {

    }

    .profile-user-settings {
    width: 66%;
    }

    .profile-edit-btn,
    .profile-stats,.profile-bio{

    }
    .item_err,.item_warn,.item_success {
        display: inline-block;
    }
    .profile-user-settings, .profile-edit-btn, .profile-bio, .profile-stats {
        margin: 0;
        cursor: default;
    }
}

@media screen and (max-width: 448px){
    .profile-user-name{
    width: 100%;
    float: left;
    }
    .profile-edit-btn{padding:0 6px}
    .profile-settings-btn{font-size:28px;}
}
/*Designed By Prowebplus.blog.ir*/