body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .menu-horizontal > li, .menu-vertical > li {
    font-family: 'IRANSans', 'shabnam', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
    word-spacing: -2px;
}

h1, h2, h3, h4 {
    font-weight: bold !important;
}

    .h1 small, h2 small {
        font-size: 50% !important;
        display: block;
        opacity: 0.8
    }

    h3 small, h4 small {
        font-size: 75% !important;
        display: block;
        opacity: 0.8
    }

h4, .h4 {
    font-size: 1.2em;
}

p {
    margin-bottom: 1em;
    font-family: 'IRANSans';
}


.btn {
    font-family: 'IRANSans';
}

a.btn {
    padding: 0.25rem;
    line-height: 1.5;
}


nav h1 {
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.1em;
}

    nav h1 small {
        font-size: 0.6em;
        display: block;
    }


.MainMenu {
    font-size: 1.2em;
}

    .MainMenu .menu-horizontal li:not(:last-child) {
        margin-left: 1em;
    }

#page-header.transparent {
    color: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    background: none;
    z-index: 100;
    border-bottom: 1px solid #ffffff30 !important;
}

#page-header #pre-header {
    display: none;
}

#page-header .bar {
    padding: 1em 0;
}



#page-header.transparent .menu-horizontal > li > a, #page-header.transparent .menu-horizontal > li > span.dropdown__trigger {
    color: #fff;
}


a:hover {
    text-decoration: none !important;
}


/****************************menu**********/

.menu-horizontal li {
    vertical-align: middle
}


/*.bar-3
{
    color: #fff;
}

    .bar-3 .menu-horizontal > li > a {
        transition: 0.3s ease;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        color: #ffffff;
    }

    .bar-3 .menu-horizontal > li:not(:hover) > a {
        opacity: .7;
    }*/

#pre-header .container {
    /*border-bottom: 1px solid #d3d3d359;*/
}

.bar {
    padding: 2em 0;
}

#main-page-header h1 {
    font-size: 2em;
}

#page-header h1 {
    font-size: 1.4em;
}

    #page-header h1 small {
        font-size: 70% !important;
    }


/*.bg--secondary {
    background: url(../images/grey_pattern.png) top center;
}*/

.bar .logo {
    max-height: 6em;
    max-width: 250px;
}

.bar .menu-horizontal {
    top: 0;
}

.menu-horizontal.main--menu > li > a, .bar-1 .menu-horizontal.main--menu > li > span {
    padding: 1.5em 0;
}

.menu-horizontal.main--menu > li > a, .bar-1 .menu-horizontal.main--menu > li > span {
    transform: scaleX(1);
    cursor: pointer;
    position: relative !important;
}

    .menu-horizontal.main--menu > li > a > .caret, .bar-1 .menu-horizontal.main--menu > li > span > .caret {
        display: block !important;
        bottom: 0px;
        height: 4px;
        position: absolute;
        left: 0;
        display: block;
        height: 4px;
        width: 100%;
        transform: scaleX(0);
        transition: .2s ease-out all;
        cursor: pointer;
    }

    .menu-horizontal.main--menu > li > a:hover > .caret, .bar-1 .menu-horizontal.main--menu > li > span:hover > .caret {
        transform: scaleX(1);
    }

.HeaderTitle a, .HeaderTitle a:hover {
    color: #fff;
    font-size: 21px;
}

.HeaderTitle small {
    display: inline-block;
    color: #fff;
}
/****************************menu**********/


/****************************project**********/
.project-thumb.hover-element .hover-element__reveal .project-thumb__title {
    position: absolute;
    bottom: 0;
}

.project-thumb.hover-element.hover--active:hover {
    opacity: 1;
}


    .project-thumb.hover-element.hover--active:hover [data-scrim-bottom="5"]:before {
        opacity: 0.8;
    }

.project-thumb.hover-element.hover--active [data-scrim-bottom="5"]:before {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.label.label--inline {
    position: absolute;
    top: 10px;
    left: 3.125em;
}

    .label.label--inline:not(:last-child) {
        margin-left: 0.92857143em;
    }

.project-thumb.hover-element > a {
    height: 35.7em;
}

.project-thumb .background-image-holder {
    background-repeat: no-repeat !important;
}
/****************************project**********/


/****************************footer**********/

.footer-2 {
    background: #353f47;
}

.FooterCopyright p {
    color: #fff;
}

footer .logo {
    max-height: 100px;
    margin: 0 !important;
}
/****************************footer**********/
/****************************slider**********/
#slider .flickity-rtl .flickity-prev-next-button.previous {
    right: 0;
    color: #fff !important;
}

#slider .flickity-rtl .flickity-prev-next-button.next {
    left: 0;
}

#slider .flickity-prev-next-button:before {
    color: #fff !important;
}

.slider[data-paging="true"]:not(section) {
    margin-bottom: 0 !important;
}


    .slider[data-paging="true"]:not(section) .flickity-page-dots {
        bottom: 50px;
    }

        .slider[data-paging="true"]:not(section) .flickity-page-dots .dot {
            vertical-align: middle;
        }

        .slider[data-paging="true"]:not(section) .flickity-page-dots .is-selected {
            width: 12px;
            height: 12px;
        }

.slides {
    border-radius: 10px;
    overflow: hidden;
}

.slide .cover {
    padding: 0 !important;
}

.slider[data-paging="true"]:not(section) .flickity-page-dots .is-selected, .slider[data-paging="true"] .flickity-page-dots .is-selected {
    width: 12px;
    height: 12px;
    background: #eb2227;
}

.slider[data-paging="true"]:not(section) .flickity-page-dots {
    bottom: 0;
}

.lang-select a span, .lang a span, .lang a, .lang-select a {
    color: #000 !important;
}

.bg--dark .hamburger-toggle i {
    color: #fff;
}
/****************************slider**********/
@media (min-width: 1200px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
        width: 1440px;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .label {
        min-width: 40px;
        font-size: 9px;
        height: 23px;
        padding: 0 7px;
        top: 1.5em !important;
        right: auto !important;
        left: 2.125em !important;
    }

    #main-page-header .bar .logo {
        max-height: 3em !important;
    }

    .menu-horizontal.main--menu > li > a, .bar-1 .menu-horizontal.main--menu > li > span {
        padding: 0.5em 0;
    }


    #page-header.transparent {
        position: relative;
        background: #010821;
    }

    .counter-title {
        font-size: 17px;
        line-height: 30px;
    }

    .counters-count {
        font-size: 16px !important;
        line-height: 10px;
    }

    .counters-label {
        font-size: 12px;
        line-height: 12px;
    }

    .counters-entry {
        padding: 5px 0;
    }

    #menu1 .dropdown .dropdown__content:not([class*='bg-']) {
        background: #010821;
    }

    #menu1 .dropdown .dropdown__content .menu-vertical li a {
        text-align: right;
    }

    #menu1 .dropdown .dropdown__content:not([class='bg--dark']) .menu-vertical a {
        color: #ffffff;
    }

    #menu1 .menu-horizontal li {
        vertical-align: middle;
        white-space: normal;
        padding: 5px 0 !important;
        margin: 0 !important;
        line-height: 2em;
    }

    #page-header .bar.bar--sm {
        padding: 0.5em 0;
    }

    #page-header.transparent .hamburger-toggle i {
        color: #fff;
        font-size: 1.6em;
        margin: 7px 16px;
    }

    #counter .container {
        padding-right: 0;
        padding-left: 0;
        width: 100%;
        max-width: 100%;
        overflow: hidden
    }

    .lang-select a span, .lang a span, .lang a, .lang-select a {
        color: #fff !important;
    }
}

.page-menu {
    margin: 10px 0;
}

    .page-menu .menu-horizontal > li > a > span > .caret, .page-menu .menu-horizontal > li > span > .caret {
        display: block !important;
        bottom: -10px;
        height: 4px;
        position: absolute;
        left: 0;
        display: block;
        height: 4px;
        width: 100%;
        background: #ee405a;
        transform: scaleX(0);
        transition: .2s ease-out all;
        cursor: pointer;
    }

    .page-menu .menu-horizontal > li > a:hover > span > .caret, .page-menu .menu-horizontal > li > span:hover > .caret {
        transform: scaleX(1);
    }

.menu-horizontal > li > span, .menu-horizontal > li > a {
    font-weight: bold;
}

.menu-vertical li a:hover {
    background: #002c7c;
    color: #fff !important;
}

    .menu-vertical li a:hover span {
        color: #fff !important;
    }

.menu-vertical li.lang-select a {
    background: #002c7c;
    color: #fff !important;
}

    .menu-vertical li.lang-select a span {
        color: #fff !important;
    }

.dropdown .dropdown__content {
    padding: 5px;
}

.user-menu .dropdown {
    background: rgba(0,0,0,0.1);
    border-radius: 20px;
    padding: 0px 0px 0px 10px;
}

.avatar.image--xxs {
    width: 36px;
    height: 36px;
    max-height: inherit;
    max-width: inherit;
}

.counters-count {
    font-size: 36px;
}

.slider .cover .row .row:last-child {
    margin: inherit;
}

.menu-vertical li a {
    padding: 10px 4px;
}

.tp-bullet-title {
    display: none !important
}

.dropdown .dropdown__content:not([class='bg--dark']) .menu-vertical span {
    color: #666666;
}