/* ------------------------------------------------
 Author: Ali Niyazi
 Email: aliniyazi.email@gmail.com
 Template Name: vCard
 version: 1.0.1
------------------------------------------------ */
/*fonts*/
@font-face {
    font-family: 'IRY';
    src:url('../fonts/IRY-ExtraBlack.woff2') format('woff2'),
    url('../fonts/IRY-ExtraBlack.woff') format('woff'),
    url('../fonts/IRY-ExtraBlack.svg#IRY-ExtraBlack') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'IRY';
    src:url('../fonts/IRY-ExtraBold.woff2') format('woff2'),
    url('../fonts/IRY-ExtraBold.woff') format('woff'),
    url('../fonts/IRY-ExtraBold.svg#IRY-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'IRY';
    src:url('../fonts/IRY-Black.woff2') format('woff2'),
    url('../fonts/IRY-Black.woff') format('woff'),
    url('../fonts/IRY-Black.svg#IRY-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'IRY';
    src:url('../fonts/IRY-Light.woff2') format('woff2'),
    url('../fonts/IRY-Light.woff') format('woff'),
    url('../fonts/IRY-Light.svg#IRY-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'IRY';
    src:url('../fonts/IRY-Medium.woff2') format('woff2'),
    url('../fonts/IRY-Medium.woff') format('woff'),
    url('../fonts/IRY-Medium.svg#IRY-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'IRY';
    src:url('../fonts/IRY-Thin.woff2') format('woff2'),
    url('../fonts/IRY-Thin.woff') format('woff'),
    url('../fonts/IRY-Thin.svg#IRY-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'IRY';
    src:url('../fonts/IRY-Bold.woff2') format('woff2'),
    url('../fonts/IRY-Bold.woff') format('woff'),
    url('../fonts/IRY-Bold.svg#IRY-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'IRY';
    src:url('../fonts/IRY.woff2') format('woff2'),
    url('../fonts/IRY.woff') format('woff'),
    url('../fonts/IRY.svg#IRY') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Sarb';
    src:url('../fonts/Sarb-Regular.woff2') format('woff2'),
    url('../fonts/Sarb-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}






/*typography*/
body, .sidebar__user-name,.tooltip-inner,h3, h4, h5 {
    font-family: 'IRY';
}
body{
    font-size: 0.9575rem;
}
.sidebar__user-name{
    font-size: 1.9575rem;
    font-weight: 800;
}
h3,h5{
    font-weight: 800;
}

h1, h2, h6, .review-item .title {
    font-family: 'Sarb';
}
.news-item .title,.header-post .title{
    font-family: 'IRY';
    font-weight: 800;
}










/*generals*/
html, body {
    direction: rtl;
    text-align: right;
    letter-spacing: 0!important;
}

.bg-triangles {
    background-image: url(../images/triangles-top.png), url(../images/triangles-bottom.png);
    background-position: right top, left bottom;
}
.bg-triangles-2 {
    background-image: url(../images/triangle-2-top.png), url(../images/triangle-2-bottom.png);
    background-position: left top, right bottom;
}





/*styles*/
/*nav*/

.social__link {
    margin-left: initial;
    margin-right: .8rem;
}

.contacts-block .font-icon {
    margin-right: initial;
    margin-left: .875rem;
}

.btn .font-icon {
    margin-right: initial;
    margin-left: .5rem;
}

.circle-menu {
    right: initial;
    left: 0;
    border-radius: .937rem 50% 50% 50%;
}

.nav {
    border-radius: 0 2rem 2rem 0;
    padding-left: initial;
    padding-right: 0;
}

.inner-menu {
    padding-right: initial;
    padding-left: 2rem;
    right: initial;
    left: 0;
}

.nav__item {
    margin-right: initial;
    margin-left: 3rem;
}

@media only screen and (max-width: 580px) {
    .circle-menu {
        margin-right: initial;
        margin-left: 1rem;
    }

    .inner-menu {
        padding-right: initial;
        padding-left: 0;
    }
}

/*content*/
.title__separate::before {
    left: initial;
    right: 0;
}

.case-item__icon {
    margin-right: initial;
    margin-left: 1.2rem;
}

.review-item .title {

    margin-left: initial;
    margin-right: 5.5rem;
}

.element.style {
    width: 405px;
    margin-left: 30px;
}

.review-item {
    background-position: left 1.875rem top 1.875rem;
}

.title-icon {
    margin-right: initial;
    margin-left: .5rem;
}

.timeline__item {
    border-left: 0;
    border-right: 1px solid #F0F0F6;
    padding-left: initial;
    padding-right: 1.4rem;
}

.timeline__item::before {
    left: initial;
    right: -5px;
}

.select .placeholder {
    text-align: right;
}

@media only screen and (min-width: 769px) {
    .filter__item {
        padding-right: initial;
        padding-left: 1.2rem;
    }
}

@media only screen and (max-width: 768px) {
    .select .placeholder:after {
        right: initial;
        left: 2px;

    }

    .select ul li {
        text-align: right;
    }
}
.block-quote::before {
    left: initial;
    right: -3.4rem;
}
.block-quote__author {
    padding-left: initial;
    padding-right: 3rem;
}
.block-quote__author::before {
    left: initial;
    right: 0;
}
.footer-post__share .font-icon {
    margin-right: initial;
    margin-left: .7rem;
}
.comment-box .avatar {
    margin-right: initial;
    margin-left: 1rem;
}
.comment-box .comment-box {
    margin-left: initial;
    margin-right: 3rem;
}
.comment-form .btn {
    margin-right: initial;
    margin-left: .5rem;
    right: initial;
    left: 0;
}
.comment-form .dropdown {
    margin-left:initial;
    margin-right: 1rem;
}
.contacts-block {
    padding-left: initial;
    padding-right: 0;
}
.news-item__date {
    border-radius:0.625rem 0 0 0;
}

.inner-menu-alt {
    padding-right: initial;
    padding-left: 0;
}
.social__link:first-child {
    margin-left: initial;
    margin-right: 0;
}
.input__icon {
    padding-left: initial;
    padding-right: 3.375rem;
}
.form-group .font-icon {
    left: initial;
    right: 2.375rem;
}
[type=email] {
    text-align: right;
}
.help-block {
    padding-left: initial;
    padding-right: 0.375rem;
}
@media (min-width: 768px) {
    .text-md-left {
        text-align: right !important;
    }
}
.comment-box__footer li {
    margin-right: initial;
    margin-left: 2rem;
}
.comment-box__footer span {
    font-size: 0.895rem;
    padding-left: initial;
    padding-right: 0.375rem;
    vertical-align: -3px;
}
.comment-form .textarea {
    padding: 1.0625rem 3.1875rem 1rem 4.5rem;
}
.dropdown-menu::before {
    left: initial;
    right: 1.0625rem;
}