/* Add here all your CSS customizations */
/* ------------------------------------------------------------------------- *
 *  Web Fonts
 * ------------------------------------------------------------------------- */
/*@font-face {
    font-family: "MitraBold";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/MitraBold.eot?#iefix") format("embedded-opentype"),
        url("/assets/fonts/MitraBold.woff") format("woff"), 
        url("/assets/fonts/MitraBold.ttf") format("truetype"), 
        url("/assets/fonts/MitraBold.svg#WebYekan") format("svg");
}*/

@font-face {
    font-family: "IranianSans";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/IRANSans/woff/IRANSansX-Regular.woff") format("woff"),
    url("/assets/fonts/IRANSans/woff2/IRANSansX-Regular.woff2") format("woff"),
    url("/assets/fonts/IRANSans/ttf/IRANSansX-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "IranianSans-Light";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/IRANSans/woff/IRANSansX-Light.woff") format("woff"),
    url("/assets/fonts/IRANSans/woff2/IRANSansX-Light.woff2") format("woff"),
    url("/assets/fonts/IRANSans/ttf/IRANSansX-Light.ttf") format("truetype");
}

@font-face {
    font-family: "SYekan";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/SYekan.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/SYekan.woff") format("woff"),
    url("/assets/fonts/SYekan.ttf") format("truetype"),
    url("/assets/fonts/SYekan.svg#WebYekan") format("svg");
}


/* ------------------------------------------------------------------------- *
 *  Helpers
 * ------------------------------------------------------------------------- */

.basic-blue {
    color: #0088cc;
}

.white-color-text {
    color: #fff !important;
}

.s-yekan-font, .heading-primary {
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
}

.list li {
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
    margin-bottom: 5px;
}

body, .btn, h5 {
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
    font-weight: normal;
}

.iraniansans-light-font {
    font-family: "IranianSans-Light", sans-serif;
    font-feature-settings: "ss02";
}

.space-50 {
    height: 50px;
    display: block;
}

.s-pos-relative {
    position: relative;
}

/* ------------------------------------------------------------------------- *
 *  Home Header
 * ------------------------------------------------------------------------- */
#header nav ul.nav-main li a {
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
}

.home-rotator-title {
    display: inline-block;
    font-weight: normal !important;
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
    letter-spacing: -1px;
    font-size: 1.5em;
}

.strong-inverter {
    position: relative;
    top: 4px;
    font-weight: normal;
}

.strong-inverter .word-rotate {
    padding: 0 5px;
}

.main-h1-homepage {
    color: #fff;
    margin-top: 32px;
    margin-bottom: 0px;
    font-size: 27px;
}

/* ------------------------------------------------------------------------- *
 *  Home Slider Area
 * ------------------------------------------------------------------------- */
.home-top-two-choice {
    background-image: url('../img/home-silde-area-bg.jpg');
    padding-top: 7px;
    min-height: 370px;
}

.home-choice-title {
    color: white;
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
    margin-top: 30px;
    margin-bottom: 5px;
}

.home-choice-subtitle {
    color: #f9f9f9;
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
    margin: 5px auto 30px;
}

.choice-cta {
    width: 170px;
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
    font-size: 1.0em;
}

.home-choice-icon {
    font-size: 55px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    color: white;
    margin-bottom: 30px;
}

.guest-project-page-top {
    /*background-image: url('../img/view-project-guest-bg2.jpg');*/
    background-image: url('../img/blue_header_landings_en.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 7px;
    min-height: 370px;
    color: #fff;
}

.freelancers-landing-page-top {
    background-image: url('../img/man-freelancer-mountain3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 7px;
    min-height: 370px;
}

.guest-project-landing-title {
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
    margin-top: 70px;
    font-size: 3.1em;
}

/* ------------------------------------------------------------------------- *
 *  Home Statistics Row 1
 * ------------------------------------------------------------------------- */
.home-stat-row1 {
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
    margin: 0 !important;
    padding: 25px 0 !important;
}

/* ------------------------------------------------------------------------- *
 *  Home Major Categories
 * ------------------------------------------------------------------------- */
.thumb-info-inner, .thumb-info-type {
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
    font-weight: normal;
}

.owl-carousel .owl-item {
    float: right;
}

.popup-inline-content h2 {
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
}

/* ------------------------------------------------------------------------- *
 *  Intro info section
 * ------------------------------------------------------------------------- */
.home-h2 {
    font-size: 2.5em;
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
}

.home-info-p {
    /*font-family: IranianSans-Light;*/
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
    font-size: 1em;
    font-weight: normal;
    text-align: justify;
}

.custom-call-to-action-p {
    font-family: IranianSans-Light, sans-serif;
    font-feature-settings: "ss02";
    font-size: 12px !important;
}

.custom-call-to-action-h {
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
    font-size: 1.7em;
}

.call-to-action-btn {
    font-family: IranianSans-Light, sans-serif;
    font-feature-settings: "ss02";
}

.blue-highlight {
    color: #0088cc;
}

/* ------------------------------------------------------------------------- *
 *  Home Testimonial
 * ------------------------------------------------------------------------- */

.home-testimonial-img {
    position: relative;
    bottom: -10px;
    margin: 0 auto;
}

.testimonial blockquote p {
    font-family: IranianSans-Light, Georgia, serif;
    font-feature-settings: "ss02";
    font-size: 0.9em;
    line-height: 2;
}

.testimonial-author p {
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
}

/* ------------------------------------------------------------------------- *
 *  Latest Projects
 * ------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------- *
 *  Footer
 * ------------------------------------------------------------------------- */

#footer .footer-ribbon span {
    color: #fff;
    font-family: iraniansans-light, sans-serif;
    font-feature-settings: "ss02";
    font-size: 1.1em;
}

#footer .footer-copyright {
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
    padding: 20px 0 10px;
}

#footer .footer-copyright p {
    margin: 18px 0 0;
}

.footer-copyright #sub-menu {
    margin-top: 30px;
}

#footer {
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
}

.short-buyer-intro {
    position: absolute;
    width: 60%;
    top: 68px;
    left: 95px;
}

/* ------------------------------------------------------------------------- *
 * Specific Landing 
 * ------------------------------------------------------------------------- */
.first-section-sp-landing {
    background-color: #055a8c;
    min-height: 350px;
    padding-top: 7px;
    background-repeat: no-repeat;
    background-position: left center;
}

.first-section-sp-landing-title {
    color: white;
    font-family: mitrabold, sans-serif;
    font-size: 5.2em;
    font-weight: normal;
    line-height: 76px;
    margin-top: 110px;
    padding: 0 10px;
    text-align: center;
}

.first-section-sp-landing-p1 {
    color: white;
    text-align: center;
    font-weight: 300;
    padding-top: 20px;
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
    margin-bottom: 13px;
    font-size: 1.4em;
}

.first-section-sp-landing-p2 {
    color: white;
    text-align: center;
    font-weight: 300;
    padding-top: 0px;
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
    font-size: 1.4em;
}

.xs-white-bg {
    background-color: white;
    height: 370px;
    left: 0;
    opacity: 0.66;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.step-badge {
    border-radius: 30px !important;
    color: white;
    display: inline-block;
    font-size: 18px !important;
    font-weight: 300;
    height: 30px;
    padding-top: 1px;
    text-align: center;
    text-shadow: none !important;
    vertical-align: middle;
    width: 30px;
}

.badge-primary {
    background-color: #428bca;
    background-image: none;
}

.landing-h2 {
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
    font-size: 2.5em;
}

.invite-landing-sub-h2 {
    font-family: IranianSans, sans-serif;
    font-feature-settings: "ss02";
    line-height: 35px;
    font-size: 20px;
}

#invite-page-screenshot {
    position: relative;
    bottom: -4px;
    box-shadow: 1px 0px 2px -3px rgb(125, 125, 125);
    border-radius: 10px 10px 0px 0px;
}

#invite-section1 {
    position: relative;
    border-top: 5px solid rgb(248, 248, 248);
    background-color: rgb(248, 248, 248);
    padding-bottom: 60px;
}

span.verified-user {
    display: inline-block;
    /*text-indent: -9999px;*/
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background: url("/assets/img/verified.svg") no-repeat;
    vertical-align: middle;
    margin-right: 0.1rem;
}

span.verified-user.small-badge {
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
}

/* ------------------------------------------------------------------------- *
 *  Responsive
 * ------------------------------------------------------------------------- */

@media (max-width: 767px) {
    .call-to-action .call-to-action-content,
    .call-to-action .call-to-action-btn {
        padding: 20px;
    }
}

.small-inline-block {
    font-size: 12px;
    display: inline-block;
}

.skill-title-list {
    display: inline-block;
    padding-top:5px ;
    padding-bottom:5px ;
    white-space: nowrap;
}