/*@import "main-style.css";*/@font-face {    font-family: iranyekan;    font-style: normal;    font-weight: bold;    src: url('../fonts/eot/iranyekanwebboldfanum.eot');    src: url('../fonts/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff/iranyekanwebboldfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanwebboldfanum.ttf') format('truetype');}@font-face {    font-family: iranyekan;    font-style: normal;    font-weight: 100;    src: url('../fonts/eot/iranyekanwebthinfanum.eot');    src: url('../fonts/eot/iranyekanwebthinfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff/iranyekanwebthinfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanwebthinfanum.ttf') format('truetype');}@font-face {    font-family: iranyekan;    font-style: normal;    font-weight: 300;    src: url('../fonts/eot/iranyekanweblightfanum.eot');    src: url('../fonts/eot/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff/iranyekanweblightfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanweblightfanum.ttf') format('truetype');}@font-face {    font-family: iranyekan;    font-style: normal;    font-weight: normal;    src: url('../fonts/eot/iranyekanwebregularfanum.eot');    src: url('../fonts/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff/iranyekanwebregularfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanwebregularfanum.ttf') format('truetype');}@font-face {    font-family: iranyekan;    font-style: normal;    font-weight: 500;    src: url('../fonts/eot/iranyekanwebmediumfanum.eot');    src: url('../fonts/eot/iranyekanwebmediumfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff/iranyekanwebmediumfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanwebmediumfanum.ttf') format('truetype');}@font-face {    font-family: iranyekan;    font-style: normal;    font-weight: 800;    src: url('../fonts/eot/iranyekanwebextraboldfanum.eot');    src: url('../fonts/eot/iranyekanwebextraboldfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff/iranyekanwebextraboldfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanwebextraboldfanum.ttf') format('truetype');}@font-face {    font-family: iranyekan;    font-style: normal;    font-weight: 900;    src: url('../fonts/eot/iranyekanwebblackfanum.eot');    src: url('../fonts/eot/iranyekanwebblackfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff/iranyekanwebblackfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanwebblackfanum.ttf') format('truetype');}@font-face {    font-family: iranyekan;    font-style: normal;    font-weight: 950;    src: url('../fonts/eot/iranyekanwebextrablackfanum.eot');    src: url('../fonts/eot/iranyekanwebextrablackfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff/iranyekanwebextrablackfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanwebextrablackfanum.ttf') format('truetype');}:root {    /* main color schema */    --colorMain: #1dc690;    --colorMainTransparent: rgba(29,198,144,0.51);    --colorSecondary: #c6391d;}body{    font-family: iranyekan,sans-serif!important;    text-align: right;    direction: rtl;    background: #f3f3f3 ;}.main-menu{    width: 100%;    height: 80px;    background: var(--colorMain);    padding: 0 30px;    display: flex;    align-items: center;    justify-content: space-between;}.main-menu-logo{    width: 200px;    max-height: 100%;}.main-menu-logo img{    max-width: 100%;    height: 50px;}.main-menu-items{    width: 100%;    cursor: default;    transition: 250ms;}.main-menu-items ul{    margin: 0;}.main-menu-items ul li{    display: inline-block;}.main-menu-items ul li a{    display: block;    text-decoration: none!important;    color: #fff;    padding: 7px 15px;    font-size: 15px;    position: relative;    z-index: 0;    transition: 300ms;}.main-menu-items ul li a:before{    content: '';    height: 100%;    width:0;    background-color: var(--colorSecondary);    border-radius: 5px;    position: absolute;    bottom: 0;    right: 0;    z-index: -1;    transition: 300ms;}.main-menu-items ul li a:hover:before{    width: 100%;}.main-menu-buttons{    width: 250px;    text-align: left;}.dark-bg{    position: fixed;    width: 100%;    height: 100%;    background: rgba(51,51,51,0.51);    top: 0;    right: 0;    z-index: 5;    display: none;}#menuToggle{    font-size: 25px;    color: #fff;    display: none;    margin-right: 20px;    width: 50px;    height: 50px;    flex-shrink: 0;    line-height: 55px;    text-align: center;    cursor: pointer;}.search-box-bg{    padding: 150px 15px 0;    background: #eee fixed no-repeat;    background-position: center;    background-size: cover;    margin-bottom: 100px;    position: relative;}.highlight{    width: 100%;    height: 100%;    background: linear-gradient(45deg,var(--colorMain),var(--colorSecondary));    background: -webkit-linear-gradient(45deg,var(--colorMain),var(--colorSecondary));    opacity: .6;    position: absolute;    top: 0;    right: 0;    z-index: 0;}.search-box{    text-align: center;    margin-bottom: -40px;    position: relative;    z-index: 1;}.search-input-box{    width: 600px;    margin: 0 auto;    position: relative;    box-shadow: -4px 4px 15px rgba(0,0,0,0.15);}.search-results{    display: none;    background: #fff;    width: 100%;    position: absolute;    top: 100%;    right: 0;    border-top: 1px solid #ddd;    padding: 10px;    border-radius: 0 0 5px 5px;    box-shadow: -4px 4px 15px rgba(0,0,0,0.15);}.result-item{    display: block;    text-align: right;    font-size: 15px;    border-bottom: 1px solid #eee;    color: #222;    padding: 5px;    transition: 200ms;}.result-item:last-of-type{    border-bottom: none;}.result-item:hover{    padding-right: 8px;    color: var(--colorSecondary);}.search-box input{    width: 100%;    height: 80px;    padding: 0 25px;    border-radius: 5px;    caret-color: var(--colorMain);    font-size: 20px;    color: #555;    transition: 300ms;    border: 2px solid transparent;}.search-box input:focus{    border-radius: 80px;    border-color: var(--colorMain);}.search-box input::placeholder{    font-size: 15px;    color: #777;}.heart-anim{    color: #ff3e3e;    font-size: 20px;    display: inline-block;    animation-name: heartAnim;    animation-iteration-count: infinite;    animation-duration: 500ms;    animation-direction: alternate;    position: absolute !important;    bottom: 22px;    left: 50px !important;    z-index: 1;}@keyframes heartAnim {    0%{        transform: scale(0.8);    }    100%{        transform: scale(1.1);    }}.search-box .search-title{    font-size: 30px;    color: #fff;    font-weight: 300;    display: block;    margin: 20px 0 40px;}.info-box{    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    min-height: 270px;    text-align: center;}.info-box-icon{    width: 100px;    height: 100px;    flex-shrink: 0;    display: flex;    align-items: center;    justify-content: center;    font-size: 50px;    color: var(--colorMain);}.info-box-text p{    margin: 0;    font-size: 12px;    color: #555;    font-weight: 300;    line-height: 28px;}.info-box h4{    font-size: 15px;    font-weight:500;    line-height: 25px;}*{    outline: none!important;}.box{    box-shadow: -3px 3px 10px rgba(0,0,0,0.1);    border-radius: 8px;    padding: 15px;    background: #fff;    margin-bottom: 20px;}.section-title{    font-size: 16px;    font-weight: 600;    display: block;    position: relative;    text-align: center;    padding-bottom: 10px;}.section-title:before{    position: absolute;    bottom: 0;    right: 0;    left: 0;    width: 100px;    height: 3px;    background: var(--colorMain);    border-radius: 10px;    margin: 0 auto;    content: '';}.box-conversation{    display: flex;    justify-content: space-between;    align-items: center;    padding-right: 25px;}.box-conversation-title{    font-size: 14px;    font-weight: 400;    cursor: default;}.box-conversation-more{    text-decoration: none!important;    font-size: 13px;    color: #777!important;    cursor: pointer;    display: flex;    align-items: center;    transition: 200ms;    padding: 8px 12px;    border-radius: 50px;}.box-conversation-more i{    margin-right: 5px;    vertical-align: middle;}.box-conversation-more:hover{    background: #eee;}.conversation-avatar{    display: inline-block;    width: 60px;    height: 60px;    position: relative;    margin-right: -15px;}.conversation-avatar:hover{    opacity: .7;}.conversation-avatar img{    width: 100%;    height: 100%;    border-radius: 50%;    box-shadow: -4px 4px 15px rgba(0,0,0,0.1);    border: 2px solid #ddd;}.conversation-avatar.active img{    border-color: #1bcb80!important;}.conversation-avatar.active:before{    content: '';    width: 12px;    height: 12px;    background: #1bcb80;    border-radius: 50%;    position: absolute;    right: 6px;    top: 0;}.footer-bg{    background: var(--colorMain);    margin-top: 60px;    padding: 15px 40px;}.fBox{    padding: 30px ;}.fBox .title{    font-weight: 500;    color: #fff;    font-size: 18px;    text-shadow: -1px 1px 2px rgba(0,0,0,0.33);    display: block;    margin-bottom: 10px;}.fBox ul{    padding: 0;    margin: 0;}.fBox li{    display: block;}.fBox li a{    display: inline-block;    transition: 200ms;    color: #fff;    font-weight: 400;    text-decoration: none!important;    font-size: 14px;    padding: 5px 0;}.fBox li a:hover{    color: #333;}.footer-logos{    display: flex;    flex-wrap: wrap;}.footer-logos img{    width: 80px;    display: inline-block;    margin-left: 5px;}.fBox p{    color: #fff;    font-size: 14px;    font-weight: 300;    line-height: 25px;}.copyright{    background: #21b183;    padding: 10px;    text-align: center;    color: #fff;    font-weight: 300;    font-size: 14px;}.copyright a{    color: #fff!important;    text-decoration: none!important;}.box-post{}.box-post-image{    background: var(--colorSecondary);    border-radius: 8px;    overflow: hidden;}.box-post-image img{    width: 100%;    transition: 400ms;}.box-post-image:hover img{    opacity: .7;}.box-post-text{    padding: 0 5px;}.box-post-text p{    color: #666;    font-size: 14px;    line-height: 24px;    margin: 0!important;}.box-post-title{    font-size: 17px;    display: block;    margin: 15px 0 10px;    line-height: 25px;    color: #333;    font-weight: 800;}.box-post-title:hover{    color: var(--colorSecondary);}a{    text-decoration: none!important;}.grids{    display: flex;    align-items: center;}.grid-item{    position: relative;    width: 100%;    height: 220px;    display: block;    border-radius: 8px;    overflow: hidden;}.grid-item.grid-lg{    width: 460px;    height: 460px;}.grid-small{    display: flex;    align-items: center;    width: calc(100% - 460px);    padding-right: 20px;}.grid-small > div{    display: flex;    flex-direction: column;    width: 50%;}.grid-small > div:first-of-type{    margin-left: 20px;}.grid-small > div:first-of-type .grid-item:first-of-type{    margin-bottom: 20px;}.grid-small > div:last-of-type .grid-item:first-of-type{    margin-bottom: 20px;}.grid-item:before{    content: '';    position: absolute;    right: 0;    top: calc(100% - 50px);    width: 100%;    height: 100%;    background: var(--colorMainTransparent);    transition: 400ms;}.grid-item:hover:before{    top: 0;}.grid-item:after{    content: '';    position: absolute;    right: 0;    top: 0;    left: 0;    bottom: 0;    margin: auto;    width: calc(100% - 20px);    height: calc(100% - 20px);    transition: 400ms;    border: 2px solid rgba(255,255,255,0.51);    visibility: hidden;    opacity: 0;    border-radius: 40px 0 ;}.grid-item:hover:after{    visibility: visible;    opacity: 1;}.grid-item img{    width: 100%;}.grid-item .title{    display: flex;    align-items: center;    justify-content: center;    position: absolute;    bottom: 0;    right: 0;    margin: auto;    height: 50px;    text-align: center;    color: #fff;    font-weight: 800;    font-size: 22px;    text-shadow: -1px 2px 0 rgba(0,0,0,0.51);    transition: 400ms;    width: 100%;}.grid-item:hover .title{    height: 100%;}@media (max-width: 768px) {    .box-conversation-avatars{        margin: 20px 0;    }    .box-conversation{        flex-direction: column;    }    .footer-bg{        padding: 0 15px;    }    .fBox{        padding: 20px;    }}@media (max-width: 992px) {    .grids{        flex-wrap: wrap;    }    .grid-item.grid-lg{        width: 100%;        height: 340px;        flex-shrink: 0;    }    .grid-item{        height: auto!important;    }    .grid-small{        width: 100%;        display: block;        padding: 20px 0 0 0;    }    .grid-small .grid-item{        width: 50%;        height: 220px;        margin: 0!important;    }    .grid-small > div .grid-item:first-of-type{        margin-left: 20px!important;    }    .grid-small > div:first-of-type{        margin-bottom: 20px;    }    .grid-small > div{        width: 100%;        flex-direction: row;    }    .heart-anim{        left: 20px;    }    .search-box .search-title{        font-size: 20px;        line-height: 28px;    }    .search-input-box{        width: 100%;    }    #menuToggle{        display: inline-block;    }    .main-menu-buttons .btn:not(#btnSignIn){        display: none!important;    }    .main-menu-items{        width: 240px;        height: 100%;        position: fixed;        top: 0;        right: -240px;        background: #555;        padding: 20px;        visibility: hidden;        opacity: 0;        z-index: 6;    }    .main-menu-items.show{        right: 0!important;        visibility: visible!important;        opacity: 1!important;    }    .main-menu-items ul{        padding: 0!important;    }    .main-menu-items ul li{        display: block;        margin-bottom: 7px;    }    .main-menu-items ul li a:before{        background: var(--colorMain)!important;    }    .main-menu-logo img{        height: auto!important;    }}@media (max-width: 576px) {    .grid-item .title{        font-weight: 500;        font-size: 18px;    }    .grid-item.grid-lg .title{        font-size: 22px;    }}.home-directory-link {    background: var(--colorMain);    color: #fff;    border-radius: 5px;    font-size: 18px;    padding: 12px 15px 10px;    margin-bottom: 12px;    transition: .4s;}.home-directory-link:hover {    background: #444;}.cursor-pointer { cursor: pointer; }.modal-content {    border-radius: 0.5rem !important;    box-shadow: 0 6px 28px 0 rgba(0, 0, 0, .5) !important;}.modal-content .close {    border: 1px solid #ccc;    border-radius: 5px;    padding: 4px 9px 0;}.float-right {    float: right !important;}.float-left {    float: left !important;}.text-right {    text-align: right;}.text-left {    text-align: left;}.page-content {    font-size: 17px;}#filterBar {    margin-top: 25px;    box-shadow: 0 5px 14px 3px rgba(0, 0, 0, .1);    padding: 15px 20px;}