@charset "utf-8";
/*
 *      #####
 *     #### _\_  ________
 *     ##=-[.].]| \      \
 *     #(    _\ |  |------|
 *      #   __| |  ||||||||
 *       \  _/  |  ||||||||
 *    .--'--'-. |  | ____ |
 *   / __      `|__|[o__o]|
 * _(____nm_______ /____\____
 *
 * Hey you! Looks like you found our main css file through some l33t h4x0ry (approximately Elite Hacker.
  Which is what little kiddies like to think they are when they learn a couple little tricks.).
 * You're welcome to give it a read-through if you'd like. But if you want to
 * barrow something clever and use it in your projects we'd really appreciate a
 * mention. Thanks!
 */
/*
*    FrontEnd: Design and Development by @faridRezvani .
     (c) 2020 Vesta System . All rights reserved.
                 www.vestasystem.ir
Author: Farid Rezvani(https://github.com/faridRezvani , https://gitlab.com/faridrezvani)
  _   _   _   _   _   _   _   _   _   _   _   _   _   _   _   _   _   _
 / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ / \
( w | w | w | . | v | e | s | t | a | s | y | s | t | e | m | . | i | r )
 \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/
 */
/*#region @Imports :) */
@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');

/*#endregion */
/*#region Global */
body {
    font-family: iranyekan;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    body a {
        text-decoration: none;
    }

        body a:hover {
            text-decoration: none;
        }

        body a:active {
            text-decoration: none;
        }

        body a:visited {
            text-decoration: none;
        }

select option {
}
.latin {
    font-family: 'Muli', sans-serif;
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
   supported by Chrome and Opera */
}

.yesselect {
    -webkit-user-select: all !important; /* Chrome all / Safari all */
    -moz-user-select: all !important; /* Firefox all */
    -ms-user-select: all !important; /* IE 10+ */
    user-select: all !important; /* Likely future */
}

.hand-cursor {
    cursor: pointer;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: #c4c4c4;
    border-radius: 5px;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgb(196, 196, 196);
    }

::-webkit-scrollbar-track {
    background-color: rgb(237, 237, 237);
}

.cursor-defult {
    cursor: default;
}

.dr {
    direction: rtl;
}
/*#endregion */
/*#region Typography */

/* font family */

.Yekan {
    font-family: web_Yekan !important;
}

.IRANSans {
    font-family: IRANSans !important;
}

.IranYekan {
    font-family: iranyekan;
}

/* text size */
.text-smaller {
    font-size: smaller !important;
}

.text-small {
    font-size: small !important;
}

.text-large {
    font-size: large !important;
}

.text-larger {
    font-size: larger !important;
}

.text-xlarger {
    font-size: x-large !important;
}

.text-xxxlarge {
    font-size: 45px !important;
}

.text-jumbo {
    font-size: 64px !important
}

.text-xxlarger {
    font-size: xx-large;
}

.text-underline {
    text-decoration: underline;
}

.text-ultralight {
    font-weight: 200;
}

.text-light {
    font-weight: 300;
}

.text-regular {
    font-weight: normal;
}

.text-medium {
    font-size: medium;
}

.text-bold {
    font-weight: bold;
}

.text-italic {
    font-style: italic;
}
/* text color */

.color-111 {
    color: #111 !important;
}

    .color-111:hover {
        color: #111 !important;
    }

    .color-111:active {
        color: #111 !important;
    }

    .color-111:visited {
        color: #111 !important;
    }

.color-222 {
    color: #222 !important;
}

    .color-222:hover {
        color: #222 !important;
    }

    .color-222:active {
        color: #222 !important;
    }

    .color-222:visited {
        color: #222 !important;
    }

.color-333 {
    color: #333 !important;
}

    .color-333:hover {
        color: #333 !important;
    }

    .color-333:active {
        color: #333 !important;
    }

    .color-333:visited {
        color: #333 !important;
    }

.color-444 {
    color: #444 !important;
}

    .color-444:hover {
        color: #444 !important;
    }

    .color-444:active {
        color: #444 !important;
    }

    .color-444:visited {
        color: #444 !important;
    }

.color-555 {
    color: #555 !important;
}

    .color-555:hover {
        color: #555 !important;
    }

    .color-555:active {
        color: #555 !important;
    }

    .color-555:visited {
        color: #555 !important;
    }

.color-666 {
    color: #666 !important;
}

    .color-666:hover {
        color: #666 !important;
    }

    .color-666:active {
        color: #666 !important;
    }

    .color-666:visited {
        color: #666 !important;
    }

.color-777 {
    color: #777 !important;
}

    .color-777:hover {
        color: #777 !important;
    }

    .color-777:active {
        color: #777 !important;
    }

    .color-777:visited {
        color: #777 !important;
    }

.color-888 {
    color: #888 !important;
}

    .color-888:hover {
        color: #888 !important;
    }

    .color-888:active {
        color: #888 !important;
    }

    .color-888:visited {
        color: #888 !important;
    }



.color-999 {
    color: #999 !important;
}

    .color-999:hover {
        color: #999 !important;
    }

    .color-999:active {
        color: #999 !important;
    }

    .color-999:visited {
        color: #999 !important;
    }

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

    .color-fff:hover {
        color: #fff !important;
    }

    .color-fff:active {
        color: #fff !important;
    }

    .color-fff:visited {
        color: #fff !important;
    }

.color-Cyan {
    color: #21BBBD !important;
}

    .color-Cyan:hover {
        color: #21BBBD !important;
    }

    .color-Cyan:active {
        color: #21BBBD !important;
    }

    .color-Cyan:visited {
        color: #21BBBD !important;
    }

.color-orange {
    color: #FE8A5B !important;
}

.color-fff:hover {
    color: #FE8A5B !important;
}

.color-fff:active {
    color: #FE8A5B !important;
}

.color-fff:visited {
    color: #FE8A5B !important;
}
/* letter spacing */
.no-letter-spacing {
    letter-spacing: 0px
}

.letter-spacing-1 {
    letter-spacing: 1px
}

.letter-spacing-2 {
    letter-spacing: 2px
}

.letter-spacing-3 {
    letter-spacing: 3px
}

.letter-spacing-4 {
    letter-spacing: 4px
}

.letter-spacing-5 {
    letter-spacing: 5px
}

.letter-spacing-6 {
    letter-spacing: 6px
}

.letter-spacing-7 {
    letter-spacing: 7px
}

.letter-spacing-8 {
    letter-spacing: 8px
}

.letter-spacing-9 {
    letter-spacing: 9px
}

.letter-spacing-10 {
    letter-spacing: 10px
}

.letter-spacing-minus-1 {
    letter-spacing: -1px
}

.letter-spacing-minus-2 {
    letter-spacing: -2px
}

.letter-spacing-minus-3 {
    letter-spacing: -3px
}

.letter-spacing-minus-4 {
    letter-spacing: -4px
}

.letter-spacing-minus-5 {
    letter-spacing: -5px
}

.letter-spacing-minus-6 {
    letter-spacing: -6px
}

.letter-spacing-minus-7 {
    letter-spacing: -7px
}

.letter-spacing-minus-8 {
    letter-spacing: -8px
}

.letter-spacing-minus-9 {
    letter-spacing: -9px
}

.letter-spacing-minus-10 {
    letter-spacing: -10px
}

/* line height */
.line-height-normal {
    line-height: normal;
}

.line-height-1 {
    line-height: 1;
}

.line-height-2 {
    line-height: 2;
}

.line-height-3 {
    line-height: 3;
}
/* font weight */
.font-weight-100 {
    font-weight: 100
}

.font-weight-200 {
    font-weight: 200
}

.font-weight-300 {
    font-weight: 300 !important
}

.font-weight-400 {
    font-weight: 400 !important
}

.font-weight-500 {
    font-weight: 500 !important
}

.font-weight-600 {
    font-weight: 600 !important
}

.font-weight-700 {
    font-weight: 700 !important
}

.font-weight-800 {
    font-weight: 800 !important
}

.font-weight-900 {
    font-weight: 900 !important
}

/* hover color */

/*#endregion */
/*#region buttons */


.btn-orange {
    color: #FFFFFF;
    background-color: #FE8A5B;
    border-color: #FE8A5B;
}

    .btn-orange:hover,
    .btn-orange:focus,
    .btn-orange:active,
    .btn-orange.active,
    .open .dropdown-toggle.btn-orange {
        color: #FFFFFF;
        background-color: #F06027;
        border-color: #FE8A5B;
    }

    .btn-orange:active,
    .btn-orange.active,
    .open .dropdown-toggle.btn-orange {
        background-image: none;
    }

    .btn-orange.disabled,
    .btn-orange[disabled],
    fieldset[disabled] .btn-orange,
    .btn-orange.disabled:hover,
    .btn-orange[disabled]:hover,
    fieldset[disabled] .btn-orange:hover,
    .btn-orange.disabled:focus,
    .btn-orange[disabled]:focus,
    fieldset[disabled] .btn-orange:focus,
    .btn-orange.disabled:active,
    .btn-orange[disabled]:active,
    fieldset[disabled] .btn-orange:active,
    .btn-orange.disabled.active,
    .btn-orange[disabled].active,
    fieldset[disabled] .btn-orange.active {
        background-color: #FE8A5B;
        border-color: #FE8A5B;
    }

    .btn-orange .badge {
        color: #FE8A5B;
        background-color: #FFFFFF;
    }
/*#endregion */
/*#region shadows */

.shadow-orange {
    -webkit-box-shadow: 0px 20px 35px -14px rgba(254,138,91,0.61);
    -moz-box-shadow: 0px 20px 35px -14px rgba(254,138,91,0.61);
    box-shadow: 0px 20px 35px -14px rgba(254,138,91,0.61);
}

.shadow-dark {
    -webkit-box-shadow: 0px 20px 35px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 20px 35px 0px rgba(0,0,0,0.55);
    box-shadow: 0px 20px 35px 0px rgba(0,0,0,0.55);
}

.text-shadow-dark {
    text-shadow: 0px 3px 5px #000000;
}
/*#endregion */
/*#region radius */

.radius-15px {
    border-radius: 15px!important
}

/*#endregion */
/*#region customize buttons */


.btn-dark {
    color: #fff;
    background-color: #000 !important;
    border-color: #000 !important;
}
/*#endregion */
/*#region intro */


.intro {
    background-image: url('../img/backgrounds/bg.jpg');
    background-size: cover;
    padding-top: 100px
}
.intro-parent {
    background-image: url('../img/backgrounds/bg-parents.png');
    background-size: cover;
  
}
.intro-imoshir {
    background-image: url('../img/backgrounds/bg-moshir-app.jpg');
    background-size: cover;
}
/*#endregion */
/*#region footer */


.footer {
    background-color: #F6F6F6;
}
.social-widget ul li {
    display: inline-block;
}

    .social-widget ul li a i {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background: #fff;
        line-height: 35px;
        color: #21BBBD;
        margin-right: 10px;
        -webkit-transition: .5s cubic-bezier(.52, 1.56, 1, 1.31);
        transition: .5s cubic-bezier(.52, 1.56, 1, 1.31);
    }


        .social-widget ul li a i:hover {
            -webkit-box-shadow: 0px 13px 40px -4px rgba(27, 217, 179, 0.4);
            box-shadow: 0px 13px 40px -4px rgba(27, 217, 179, 0.4);
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
          
        }

/*#endregion */