@font-face {
    font-family: 'webmehrazfontopensans';
    src: url('/fonts/OpenSans-Regular.woff') format('woff');
    font-weight: 400;
}

@font-face {
    font-family: 'webmehrazfontopensans';
    src: url('/fonts/opensans-semibold.woff') format('woff');
    font-weight: 400;
}

@font-face {
    font-family: 'webmehrazfontopensans';
    src: url('/fonts/opensans-extrabold.woff') format('woff');
    font-weight: 700;
}

@font-face {
    font-family: 'webmehrazfontopensans';
    src: url('/fonts/opensans-bold.woff') format('woff');
    font-weight: 500;
}

* {
    font-family: webmehrazfontopensans, webmehrazfont !important;
}

    body {
        direction: ltr !important;
    }

    /* Header adjustments */
    header .logo h1 {
        padding-left: 70px !important;
        padding-right: 0 !important;
        text-align: left !important;
        font-size: 12px !important;
    }

    header .logo img {
        left: 0 !important;
        right: auto !important;
    }

    header .fa-lang, header .en-lang {
        right: 103px !important;
        left: auto !important;
    }

    header .en-lang {
        right: 60px !important;
        left: auto !important;
    }

    .searchbtn {
        right: 150px !important;
        left: auto !important;
    }

    header .navbtn {
        right: 0 !important;
        left: auto !important;
    }

    .slider-display a h2 {
        text-align: left;
    }

    .slider-display caption  {
        text-align: left;
    }

    .main-bullets {
        left: 50px !important;
        right: auto !important;
        text-align: left;
        direction: ltr !important;
    }

        .main-bullets a {
            display: block;
            height: 30px;
            margin-bottom: 4px;
            line-height: 30px;
            border-radius: 50px;
            cursor: pointer;
            text-align: left !important;
        }

            .main-bullets a span {
                margin-right: 5px;
            }

    header .clone-nav {
        left: 450px !important;
        right: auto !important;
        text-align: left !important;
    }

        header .clone-nav * {
            text-align: left !important;
        }

    .clone-nav .mainnav {
        text-align: right !important;
        padding: 15px 60px !important;
    }

        .clone-nav .mainnav ul {
            text-align: left !important;
            padding-left: 200px !important;
            padding-right: 0 !important;
        }

            .clone-nav .mainnav ul li {
                margin-right: 20px !important;
                margin-left: 0 !important;
                padding-right: 15px !important;
                padding-left: 0 !important;
            }

    .clone-nav .nav > li > a:before {
        right: -25px !important;
        left: auto !important;
    }

    .clone-nav .mainnav ul li ul li ul {
        left: 100% !important;
        right: auto !important;
    }

    .clone-nav .nav .hassubmenu:before {
        right: 2px !important;
        left: auto !important;
        transform: rotate(90deg) !important;
    }

    .clone-nav .nav > li ul .hassubmenu:before {
        right: 5px !important;
        left: auto !important;
        transform: rotate(-90deg) !important;
    }

    .clone-nav .login-btn {
        right: 58px !important;
        left: auto !important;
    }

    header .clone-nav .clone-ul .childhassubmenu::before {
        content: '>';
        left: auto !important;
        right: 8px;
    }

    .clone-nav .nav > li > .submenu {
        left: -1px !important;
        right: auto !important;
    }

    header .clone-nav .clone-ul ul li:hover ul {
        right: auto;
        left: 270px;
        width: 270px !important;
    }

    .clone-nav .mainnav {
        text-align: right !important;
        padding: 15px 60px !important;
    }

        .clone-nav .mainnav ul {
            text-align: left !important;
            padding-left: 200px !important;
            padding-right: 0 !important;
        }

            .clone-nav .mainnav ul li {
                margin-right: 20px !important;
                margin-left: 0 !important;
                padding-right: 15px !important;
                padding-left: 0 !important;
            }

    .mainnav * {
        text-align: left !important;
    }

    header .mainnav .mainnavul .hassubmenu::before {
        left: auto !important;
        right: 20px;
    }

    header .mainnav .mainnavul .hassubmenu:hover > ul {
        left: 305px;
        right: auto !important;
        padding: 0 0 0 35px !important;
    }

    .mobile-navigation {
        /*! right: -260px !important; */
        /*! left: auto !important; */
    }

    .show-mobile-navigation {
        left: 0 !important;
    }

    .mobile-navigation ul li a {
        padding: 0 0 0 17px !important;
    }

    .mobile-navigation ul .hassubmenu {
        background: linear-gradient(90deg,#f7f7f7,transparent) !important;
    }

    /* Logo and text alignment */
    .text-right {
        text-align: left !important;
    }

    .text-left {
        text-align: right !important;
    }

    /* Margins and paddings */
    .ml-auto {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    .mr-auto {
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    /* Float overrides */
    .float-right {
        float: left !important;
    }

    .float-left {
        float: right !important;
    }

    .aboutsection {
        padding: 100px 69px 0 250px !important;
    }

        .aboutsection h2 {
            text-align: left;
        }

        .aboutsection .more {
            right: 0;
            left: auto !important;
        }

    .bourse .group-section {
        left: 200px !important;
        right: auto !important;
    }

    .bourse .vesandoogh {
        right: 100px !important;
        left: auto !important;
        top: 0;
    }

    .news-slider {
        padding: 50px 0 0 200px;
    }

        .news-slider h2 {
            text-align: left;
        }

    .slider-display h2 {
        text-align: left;
    }

    .slider-display img {
        position: relative;
        width: 30%;
        border-radius: 10px;
        transition: 2.5s all ease;
        opacity: 0;
        opacity: 0;
        float: left;
        margin-right: 40px;
        margin-left: 0;
    }

    .companies ul {
        padding: 85px 0 20px 200px;
    }

    .navigation-bar {
        text-align: left;
    }

        .navigation-bar a {
            padding: 0 30px 0 0 !important;
            background: url(/Icons/right-arrow.png) no-repeat right 5px center / 10px !important;
        }

    .content-page .content-image {
        float: right;
        display: block;
        margin-left: 20px;
        margin-right: 0 !important;
    }

    .content-page .title {
        text-align: left !important;
    }

    .content-page .summary {
        text-align: left !important;
        padding: 0;
    }

    header .clone-nav .clone-ul .hassubmenu::before {
        content: '>';
        transform: rotate(90deg) !important;
        left: auto !important;
        right: 2px;
    }

    .content-page .description h2, .formContainer h3, .formContainer form > div > div label, .formContainer form > div > div input, .formContainer form textarea, .validator, .textarea-contact, .formContainer form textarea {
        text-align: left;
    }

    .archive-tools h1, .archive-tools > .fullrow div, .archive-tools > .fullrow div p, .archive-tools > .fullrow div input, .archive-tools > div > div {
        text-align: left;
    }

    .archive-tools > div input[type="submit"] {
    }

    .classes .item {
        text-align: left;
        padding: 20px 50px 20px 50px;
    }

    .headtitle {
        text-align: left;
    }

    .classes .tenders img {
        left: 0;
    }

    .classes .tenders {
        padding-left: 215px !important;
    }

    .headcontent {
        text-align: left;
    }

    .aboutdetails section {
        margin-right: 5%;
        margin-left: 0;
    }

    .aboutdetails .board {
        text-align: left;
        direction: ltr;
    }

    .about-company .about-section h2, .aboutdetails strong, .about-company ul li {
        text-align: left;
    }

    .title-board {
        text-align: center !important;
    }

    footer .footerLeft h3 {
        text-align: left;
        padding-left: 100px !important;
    }

    footer .footerLeft div ul li {
        text-align: left;
    }

    footer .footerLeft::before {
        left: 25px !important;
    }

    .about-company .about-section h2::after {
        left: -25px !important;
    }

    .EmployForm > div input[type="text"], .EmployForm > div textarea, .EmployForm > div select, div input[type="number"] {
        text-align: left;
    }

    .EmployForm > div input[type="text"], .EmployForm > div textarea, .EmployForm > div select, div input[type="number"] {
        text-align: left;
    }

    .EmployForm > div > div {
        text-align: left;
    }

    select {
        background: #fff url(/icons/drp-icon-gray.png) no-repeat center right 15px !important;
        background-size: 10px !important;
    }

    .about-company .details-section ul li strong {
        right: 0;
    }

    .directors-report strong {
        width: 100%;
        text-align: center;
    }

    .benefits strong {
        width: 100%;
    }

    .call img {
        left: 0;
    }

    .call div {
        padding: 20px 0 0 40px;
        text-align: left;
    }

    .about-company div {
        margin-right: 4%;
        margin-left: 0
    }

        .about-company div:nth-child(2n) {
            margin-right: 0%;
        }

    header .mainnav .mainnavul ul li:hover ul {
        left: 675px;
        width: 370px !important;
    }

    header .mainnav .mainnavul li .childhassubmenu {
        padding: 0 0 0 20px !important;
    }

    header .mainnav .mainnavul .hassubmenu:hover > ul {
        width: 370px !important;
    }

@media (max-width:1370px) {
    header .clone-nav {
        display: none;
    }
}