/*#region GENERAL */

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

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

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Regular.woff2') format('woff2'), url('../fonts/Lato/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --TextColor: #2C2C2C;
}

body {
    font-family: Lato;
}

a {
    text-decoration: none;
}

.clear {
    clear: both;
}

/*#endregion */

/*#region Header */

.Header {
    display: flex;
    justify-content: space-between;
    padding: 20px 80px;
    align-items: center;
    margin-bottom: 10px;
}

    .Header .Logo img {
        width: 105px;
    }
.Menu{
    display:flex;
}
    .Menu > a, .MenuHead {
        padding: 0px 20px;
        color: #aaaaaa;
        transition: all ease-in-out 0.3s;
        height: 37px;
        padding-top:5px;
    }

    .Menu > a:hover, .MenuHead:hover {
        color: var(--TextColor);
    }

.MenuHead {
    position: relative;
    cursor:pointer;
}

.MenuHead > span {
        height: 26px;
        display: block;
    }

.MenuHead > ul {
    display: none;
    background: rgb(250, 248, 248);
    position: absolute;
    list-style: none;
    border-radius: 10px;
    z-index: 100;
    padding: 0px;
    margin: 0px;
    width: 250px;
    left: 50%;
    transform: translateX(-50%);
    top: 35px;
    box-shadow: 3px 3px 11px 0px #cacaca;
}

.MenuHead ul li {
    transition: all 0.3s ease-in-out;
    position: relative;
}

    .MenuHead ul li a {
        color: #1C274C;
        padding: 10px;
        border-bottom: 1px solid #e9e9e9;
        display: block;
        margin: 0 auto;
        transition: all 0.3s ease-in-out;
        font-size:13px;
    }

        .MenuHead ul li a img {
            width: 6px;
            float: right;
            margin-top: 7px;
            margin-right: 6px;
        }


    .MenuHead ul li:last-child a {
        border: none;
    }

    .MenuHead ul li:hover {
        background: #6098b4;
    }

        .MenuHead ul li:hover > a {
            color: white;
        }

.MenuHead:hover > ul {
    display: block;
}

.MenuHead ul li:hover > ul {
    display: block;
}

.MenuHead ul li ul {
    display: none;
    background: rgb(250, 248, 248);
    position: absolute;
    list-style: none;
    border-radius: 10px;
    z-index: 100;
    padding: 0px;
    margin: 0px;
    width: 250px;
    left: 250px;
    top: 0px;
    box-shadow: 3px 3px 11px 0px #cacaca;
    overflow: hidden;
}

.HeaderAction {
}

    .HeaderAction span {
        margin-right: 20px;
    }

    .HeaderAction a {
        color: var(--TextColor);
        border-left: 2px solid #cfe1ef;
        border-bottom: 2px solid #cfe1ef;
        border-top: 2px solid #cfe1ef;
        padding: 10px 10px 10px 15px;
        position: relative;
    }

        .HeaderAction a:after {
            content: "";
            border-top: 2px solid #cfe1ef;
            border-right: 2px solid #cfe1ef;
            right: -14.5px;
            top: 5.4px;
            transform: rotate(45deg);
            width: 29px;
            height: 29px;
            position: absolute;
        }

        .HeaderAction a img {
            margin-right: 10px;
            margin-top: -4px;
        }


/*#endregion */

/*#region INDEX */

.SliderArea {
    position: relative;
}

.SliderArea, .SliderWrapper {
    width: 100%;
}

.SliderImg {
    background-position: center;
    background-size: cover;
    padding-top: 42%;
}

.sliderList .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 10px;
}

.SearchArea {
    border-left: 1.5px solid #6390A5;
    padding: 0px 60px 0px 10px;
    position: absolute;
    bottom: 50px;
    left: 7.5%;
    z-index: 10;
    height: 55px;
    background-image: url('../assets/borderarrow.svg');
    background-position: right;
    background-size: cover;
}


    .SearchArea input {
        color: #305566;
        background: unset;
        border: none;
        width: 260px;
        padding: 14px 0px;
        outline: none;
    }

    .SearchArea button {
        background: none;
        border: none;
        position: absolute;
        right: 2px;
        top: 4px;
    }

        .SearchArea button img {
            width: 50px;
        }

.AboutSection {
    margin-top: 80px;
}

.TitleSection {
    text-align: center;
    color: #2C2C2C;
    font-size: 25px;
    font-weight: 300;
}

    .TitleSection img {
        margin: 0px 10px;
    }

.AboutSection p {
    width: 95%;
    text-align: center;
    max-width: 1000px;
    font-size: 32px;
    font-weight: 300;
    color: #2C2C2C;
    margin: 20px auto;
}

.AboutSection .SmallAbout {
    font-size: 18px;
    max-width: 570px;
    margin-top: 40px;
}

.ProductSection {
    padding: 100px 50px;
    background-image: url('../assets/backgroundbg.jpg');
    margin-top: 100px;
    background-position: center;
    background-size: cover;
}

    .ProductSection .BottomRow {
        max-width: 1140px;
        margin: 0px auto;
        width: 100%;

    }

    .ProductSection .TopRow {
        display: flex;
        gap: 20px;
        width:95%;
        max-width: 1140px;
        margin: 0px auto;
    }


        .ProductSection .TopRow .leftSection, .ProductSection .TopRow .rightSection {
            width: 50%;
        }

        .ProductSection .TopRow .leftSection {
            display: flex;
            align-items: center;
        }

            .ProductSection .TopRow .leftSection img {
                width: 106px;
            }

            .ProductSection .TopRow .leftSection span {
                color: #2C2C2C;
                font-size: 32px;
            }

        .ProductSection .TopRow .rightSection {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

            .ProductSection .TopRow .rightSection p {
                color: #2C2C2C;
                font-size: 18px;
                text-align: justify;
                max-width: 500px;
            }

.ActionLink {
    color: var(--TextColor);
    padding: 8px 10px 10px 15px;
    position: relative;
    background-color: #b4d1e6;
    height: 41px;
    transition: all ease-in-out 0.3s;
    display:block;
}

    .ActionLink:after {
        content: "";
        right: -14.5px;
        top: 5.4px;
        transform: rotate(45deg);
        width: 29px;
        height: 29px;
        position: absolute;
        background-color: #b4d1e6;
    }

    .ActionLink:hover {
        color: white;
    }

        .ActionLink:hover img {
            filter: invert(99%) sepia(17%) saturate(365%) hue-rotate(31deg) brightness(115%) contrast(100%);
        }

.ProductSection .TopRow .rightSection .ActionLink {
    width: 100px;
}

.ActionLink img {
    margin-left: 5px;
    transition: all ease-in-out 0.3s;
}

.ProductActions {
    width: 100%;
    margin: 100px auto 0px auto;
    display: flex;
    justify-content: space-between;
    gap:20px;
}

.PrAction {
    width: 366px;
    height: 150px;
    position: relative;
}

    .PrAction svg path, .PrAction svg rect {
        transition: all ease-in-out 0.3s;
    }

    .PrAction:hover svg path, .PrAction:hover svg rect {
        fill: rgb(180, 209, 230);
    }

    .PrAction p {
        position: absolute;
        color: var(--TextColor);
        font-size: 30px;
    }

        .PrAction p img {
            margin-right: 20px;
            margin-left: 20px;
        }

.leftAction p {
    bottom: 5px;
    right: 45px;
}


.CenterAction p {
    bottom: 5px;
    width: 100%;
    text-align: center;
}

.rightAction p {
    bottom: 5px;
    left: 45px;
}

.BlogSection {
    margin-top: 100px;
}

    .BlogSection h2 {
        color: var(--TextColor);
        font-size: 32px;
        text-align: center;
        font-weight: normal;
    }

.BlogActions {
    width: 410px;
    margin: 20px auto;
    display: flex;
    gap: 10px;
}

.BlogAction {
    background: #eaf1f7;
    transition: all ease-in-out 0.3s;
    color: var(--TextColor);
    font-size: 18px;
    width: 130px;
    text-align: center;
    cursor: pointer;
    padding: 3px 0px;
}

    .BlogAction:hover, .BlogAction.active {
        background: rgb(180, 209, 230);
    }

.BlogPosts {
    width: 95%;
    max-width: 1140px;
    gap: 20px;
    margin: 80px auto;
    display:none;
}
    .BlogPosts.active{
        display:flex;
    }
    .BlogPost {
        width: 33%;
    }

    .BlogPost h3 {
        color: var(--TextColor);
        font-size: 18px;
        text-align: center;
        padding: 3px 10px;
        margin-top: 20px;
    }

    .BlogPost p {
        text-align: justify;
        color: #A5A5A5;
        font-size: 14px;
        text-align: center;
        padding: 3px 10px;
    }

.BlogPostImg {
    border-radius: 500px;
    width: 80%;
    padding-top: 80%;
    background-position: center;
    background-size: cover;
    margin: 0px auto;
}


    /*#endregion */

/*#region Footer */
    .FooterSection {
        background-image: url('../assets/footerbackground.jpg');
        background-position: center;
        background-size: cover;
        display: flex;
        padding: 100px 50px;
        margin-top: 20px;
    }

    .FooterSection .leftSection {
        width: 250px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .FooterSection .Logo img {
        width: 190px;
    }

.socials {
    width: 70px;
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}

    .socials a {
        width: 17px;
    }

        .socials a img {
            width: 100%;
        }

.FooterSection .rightSection {
    padding: 0px 0px 0px 100px;
    width: calc(100% - 250px);
}

    .FooterSection .rightSection .TopRow, .FooterSection .rightSection .BottomRow {
        display: flex;
    }

    .FooterSection .rightSection .TopRow {
        border-bottom: 2px solid #6390A5;
        padding-bottom: 20px;
    }

        .FooterSection .rightSection .TopRow .leftArea {
            display: flex;
            flex-direction: column;
            width: 50%;
        }

            .FooterSection .rightSection .TopRow .leftArea p {
                color: var(--TextColor);
                margin-bottom: 10px;
            }

        .FooterSection .rightSection .TopRow .rightArea {
            display: flex;
            width: 50%;
        }

.FooterMenu {
    display: flex;
    flex-direction: column;
    width: 50%;
    align-items: center;
}

    .FooterMenu span {
        font-size: 20px;
        color: var(--TextColor);
        margin-bottom: 10px;
    }

    .FooterMenu a {
        color: #A5A5A5;
    }

.FooterSection .rightSection .BottomRow {
    padding-top: 40px;
}

    .FooterSection .rightSection .BottomRow .leftArea, .FooterSection .rightSection .BottomRow .rightArea {
        width: 50%;
    }

    .FooterSection .rightSection .BottomRow .rightArea {
        display: flex;
        justify-content: center;
        align-items: center;
    }

.FooterSection .SearchArea {
    position: relative;
    bottom: unset;
    left: unset;
    background-image: url('../assets/borderarrowwhite.svg');
    border-left: none;
}
/*#endregion */

/*#region Category */
.ProductListArea{
    margin-top:20px;
    margin-bottom:70px;
}
    .ProductListArea p {
        width: 95%;
        margin: 20px auto;
        max-width: 1200px;
    }
    .ProductLists {
        display: flex;
        flex-wrap: wrap;
        width: 95%;
        max-width: 1140px;
        margin: 40px auto;
    }

.ProductLists a{
    width:33.33%;
    position:relative;
    padding:10px 10px 10px 20px;
    color:var(--TextColor);
}

    .ProductLists a:before {
        width: 5px;
        height: 5px;
        background: #74A8D1;
        border-radius: 100px;
        left: 6px;
        top: 22px;
        content: '';
        position: absolute;
    }

.ProductListArea .ActionLink{
    width:230px;
    margin:20px auto;
}
.ProductDescribe {
    margin: 0px;
    padding: 100px 50px;
    color: var(--TextColor);
}
.ProductDescribe .OneRow{
    /*display: flex;*/
    width:95%;
    max-width:1140px;
    margin:0px auto;
}

    .ProductDescribe .TextSection {
        width: 40%;
        padding-top:25px;
        float:left;
    }

    .ProductDescribe1 {
        background: #eaf1f7;
    }

.ProductDescribe .TextSection h3{
    font-size:32px;
}
.ProductDescribe .TextSection p{
    text-align:justify;
    margin:40px 0px;
}

.ProductDescribe .TextSection .ActionLink{
    width:140px;
}
.ProductDescribe .ImageSection {
    padding-right: 10%;
    padding-left: 0px;
    width: 60%;
    position: relative;
    float:left;
}
.ProductDescribe1 .ImageSection {
    padding-left: 10%;
    padding-right:0px;
}
    .ProductDescribe .ImageSection img {
        position: absolute;
        max-width: 80%;
        left: 50%;
        top: 50%;
        max-height: 80%;
        transform: translate(-50%,-50%);
    }
/*#endregion */

/*#region SINGLE PRODUCT */

.ProductImg {
    width: 100%;
    padding-top: 25%;
    background-position: center;
    background-size: cover;
    position: relative;
}

.MapArea {
    font-size: 12px;
    color: rgba(44,44,44,0.5);
    text-align:center;
}

    .MapArea a {
        color: rgba(44,44,44,0.5);
    }

.ProductMeta {
    /*    position:absolute;
    left:10%;
    top:20%;*/
    width:95%;
    margin: 20px auto 0px auto;
}

    .ProductMeta h1 {
        font-size: 32px;
        color: var(--TextColor);
        margin-top: 30px;
        margin-bottom: 10px;
        text-align: center;
    }

    .ProductMeta span {
        font-size: 20px;
        text-align: center;
        display: block;
    }

.Schedule, .DownloadsArea {
    margin: 80px auto;
    width:95%;
    max-width:1200px;

}

.ScheduleTable, .downloadList {
    max-width: 1200px;
    margin: 30px auto;
}

.TableRow {
    border-bottom: 1px solid #74A8D1;
    display: flex;
    padding: 10px 0px;
}

    .TableRow span {
        width: 50%;
        font-size: 20px;
        color: var(--TextColor);
    }

    .TableRow:last-child {
        border: none;
    }

.downloadList {
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
}

    .downloadList .ActionLink {
        width: 48%;
        margin-bottom: 10px;
    }

.ScheduleTable a {
    color: var(--TextColor);
}

/*#endregion */

/*#region Login Page */

#loginWrapper {
    display: none;
}

.loginBackground, .CatalogBackground {
    background: #000000ab;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 110;
    top: 0px;
    right: 0px;
}

.loginPage.loginBox {
    border: 1px solid lightgray;
}

.loginBox {
    width: 400px;
    max-width: 95%;
    padding: 32px;
    position: fixed;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 8px;
    left: 50%;
    box-sizing: border-box;
    background: white;
    z-index: 1000;
}

    .loginBox img {
        width: 120px;
        display: block;
        margin: 0 auto;
        max-width: 95%;
    }

    .loginBox h2 {
        color: black;
        text-align: center;
        font-family: IRANSans;
        font-weight: 500;
        margin-top: 13px;
        font-size: 19px;
    }

    .loginBox p {
        color: black;
        text-align: center;
        direction: rtl;
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .loginBox input {
        width: 100%;
        height: 60px;
        border-radius: 9px;
        border: 2px solid #1E2F3F;
        margin-top: 5px;
        padding: 10px;
        text-align: left;
        font-family: IRANSans;
        box-sizing: border-box;
        font-size: 15px;
    }

    .loginBox button {
        border: none;
        width: 100%;
        margin-top: 15px;
        padding: 17px;
        border-radius: 10px;
        background: #1E2F3F;
        color: white;
        font-family: IRANSans;
    }

.alertMessage ul {
    list-style: none;
    padding: 0;
    margin: 10px 0px 0px 0px;
}

    .alertMessage ul li {
        text-align: center;
        color: red;
        font-size: 15px;
    }

.ActionLinkInLogin {
    display: block;
    text-align: center;
    margin-top: 20px;
    text-decoration: none;
    color: #25AAE2;
    font-size: 14px;
    font-weight: 500;
}

.infoText {
    background: #25AAE2;
    color: white;
    border-radius: 5px;
    padding: 3px 5px;
    font-size: 13px;
}

    .infoText a {
        display: none;
    }

    .infoText > span {
        margin-bottom: 0px;
        padding-top: 3px;
        float: right;
    }

    .infoText a, .infoText .timer {
        background: #1E2F3F;
        color: white;
        border-radius: 3px;
        padding: 2px 8px;
        float: left;
        min-width: 55px;
    }

        .infoText .timer span {
            float: left;
        }

.errorMsg ul {
    margin: 10px auto 0px auto;
    background: #fa3636;
    color: white;
    list-style: none;
    padding: 4px 0px;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    max-width: 300px;
}

/*#endregion */

/*#region Loading */
@keyframes ldio-c3e11cu2eq9 {
    0%, 100% {
        animation-timing-function: cubic-bezier(0.45,0,0.9,0.55)
    }

    0% {
        transform: translate(0,0)
    }

    50% {
        transform: translate(0,116px);
        animation-timing-function: cubic-bezier(0,0.45,0.55,0.9);
    }

    100% {
        transform: translate(0,0);
    }
}

.ldio-c3e11cu2eq9 div {
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #4A4A4A;
    left: calc(50% - 22px);
    top: calc(50% - 80px);
    animation: ldio-c3e11cu2eq9 1s linear infinite;
}

.loadingio-spinner-ball-rd8liqklqbg {
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    background: #ffffff8f;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    border-radius: 20px;
}

.ldio-c3e11cu2eq9 {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

    .ldio-c3e11cu2eq9 div {
        box-sizing: content-box;
    }


/*#endregion */

/*#region BLOG */

.section{
    width:95%;
    max-width:1200px;
    margin:0px auto;
}

.ArticleList {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.ArticleItem {
    width: 19%;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #E0E0E0;
    min-width: 240px;
}

.ArticleImg {
    width: 100%;
    padding-top: 70%;
    background-position: center !important;
    background-size: cover !important;
}

.ArticleItem h2 {
    font-size: 16px;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 22px;
    padding: 0px 10px;
    height: 44px;
    overflow: hidden;
    color: black;
}

.ArticleArea .ActionLink {
    margin-top: 30px;
}

.ArticleArea h3 {
    text-align: center;
}


.TopNewItem1 {
    width: 100%;
    height: 350px;
    background-position: center !important;
    background-size: cover !important;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.TopNewItem2 {
    width: 100%;
    height: 170px;
    background-position: center !important;
    background-size: cover !important;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

    .TopNewItem2 h2 {
        position: absolute;
        color: white;
        bottom: 10px;
        right: 15px;
        font-size: 15px;
        font-weight: 500;
        z-index: 10;
        padding-left: 15px;
        line-height: 26px;
    }

.TopNewItem1 h2 {
    position: absolute;
    color: white;
    bottom: 10px;
    right: 40px;
    font-size: 24px;
    font-weight: 500;
    z-index: 10;
    padding-left: 40px;
    line-height: 40px;
}

.ArticleText img {
    width: 100%;
    border-radius: 10px;
    margin: 20px auto;
}

.ArticleText .title {
    text-align: center;
    font-size: 25px;
    background: var(--mainColor);
    padding: 10px;
    border-radius: 10px;
    font-weight: 300;
}

.ArticleText p {
    width: 100%;
    border-radius: 10px;
    margin: 20px auto;
    font-weight: 300;
    color: #303030;
    text-align: justify;
    line-height: 32px;
}

.ArticleText h2, h3, h4, h5 {
    font-size: 22px;
}

.ArticleMeta {
    background: #D9D9D9;
    border-radius: 10px;
    padding: 15px 20px;
    font-weight: 300;
    color: #5F5F5F;
}

/*#endregion */

/*#region PAGE */
.PageImg {
    width: 100%;
    height: 0px;
    padding-top: 28%;
    background-position: center !important;
    background-size: cover !important;
    border-radius: 20px;
}

.PATitle {
    font-size: 24px;
    position: relative;
    padding-right: 28px;
    font-weight: 300;
    margin: 30px 0px;
}

    .PATitle:before {
        content: '';
        background: #EFE185;
        width: 12px;
        height: 12px;
        border-radius: 50px;
        right: 0px;
        top: 12px;
        position: absolute;
    }

.PageText p {
    text-align: justify;
    font-weight: 300;
    line-height: 37px;
}
.PageContent{
    margin-top:40px;
}
.PageContent .ActionButton {
    margin: 0px auto;
}

.ContactLines {
    margin-top: 20px;
}

.ContactLine {
    margin-bottom: 20px;
}

    .ContactLine img {
        background: #0094C7;
        width: 30px;
        height: 30px;
        border-radius: 8px;
        padding: 6px;
    }

.PageContent .rightSection {
    width: 50%;
}

.PageContent .leftSection {
    width: 50%;
}

.OurTeam {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.Person {
    width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .Person .PersonImg {
        border-radius: 20px;
        width: 200px;
        height: 200px;
        background-position: center !important;
        background-size: cover !important;
    }

    .Person p {
        margin-top: 15px;
        margin-bottom: 5px;
    }

.PageContent h3 {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px;
}

.displayFlex {
    display: flex;
    flex-wrap: wrap;
}

iframe {
    width: 100%;
    border-radius: 10px;
}
/*#endregion */

/*#region MobileMenu */

.mobile_menu {
    display: none;
}

.stick_bar {
    position: fixed;
    bottom: 13px;
    width: 100%;
    z-index: 105;
}

.btnSection {
    background: var(--mainColor);
    width: calc(100% - 70px);
    border-top-right-radius: 15px;
    height: 60px;
    float: left;
    transition: all 0.5s ease-in-out;
    display:none;
}

.btnItem {
    float: left;
    width: 31%;
    margin-left: 1.15%;
    margin-right: 1.15%;
    text-align: center;
}

.btnItem1 {
    padding-top: 16px;
    transition: all 0.5s ease-in-out;
}


.btnItem2, .btnItem3, .btnItem4 {
    padding-top: 15px;
}

.btnMenu {
    float: left;
    text-align: center;
    width: 70px;
}

    .btnMenu i {
        background: #475159;
        border-radius: 10px;
        padding: 6px 9px 5px 9px;
        margin-top: 9px;
        cursor: pointer;
    }

.stick_menu {
    position: fixed;
    background: #475159;
    height: 100%;
    width: 180px;
    z-index: 50;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    left: -180px;
    transition: all 0.5s ease-in-out;
}

.stick_menu_Userimg {
    width: 60px;
    height: 72px;
    background-position: center !important;
    background-size: cover !important;
    margin: 50px auto 20px auto;
}

.stick_menu span {
    color: white;
    text-align: center;
    display: block;
}

.stick_menu > a {
    background: white;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    color: #4A4A4A;
    text-decoration: none;
    display: block;
    width: 110px;
    margin: 8px auto;
    font-size: 14px;
    box-shadow: 6px 8px 15px 0 rgba(0, 0, 0, 0.15);
}

.stick_menu ul {
    list-style: none;
    margin-top: 35px;
    padding:0px;
}

    .stick_menu ul li {
        text-align: center;
        margin-bottom: 15px;
        margin-top: 15px;
    }

        .stick_menu ul li a {
            color: white !important;
            text-decoration: none;
            text-align: center;
            cursor: pointer;
            padding-top: 5px;
            padding-bottom: 5px;
            font-size: 17px;
        }

.stickWrapper {
    position: fixed;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    z-index: 49;
    display: none;
}

/*#endregion */