/*** Global Style ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #212529;
    background: url('../img/bg.png');
}


a {
    color: #212529;
    text-decoration: none;
    cursor: pointer;
}

.text-center * {
    text-align: center !important;
}

.page_desc .h1, .page_desc .h2, .h3, .page_desc .h4, .page_desc .h5, .page_desc .h6, .page_desc h1, .page_desc h2, .page_desc h3, .page_desc h4, .page_desc h5, .page_desc h6 {
    text-align: left;
}
/*.page_desc .inpage_title .h1, .page_desc .inpage_title .h2, .h3, .page_desc .inpage_title .h4, .page_desc .inpage_title .h5, .page_desc .inpage_title .h6, .page_desc .inpage_title h1, .page_desc .inpage_title h2, .page_desc .inpage_title h3, .page_desc .inpage_title h4, .page_desc .inpage_title h5, .page_desc .inpage_title h6 {
    text-align: center !important;
}*/

a:hover {
    color: #000;
    text-decoration: none;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol {
    list-style: none;
    margin: 0;
}

ul li {
    margin: 0;
    padding: 0;
}

.p-x40 {
    padding: 40px 0;
}

.p-y40 {
    padding: 0 40px;
}

.p-x30 {
    padding: 0 30px;
}

.p-y30 {
    padding: 30px 0;
}

.padx-100 {
    padding: 100px 0;
}

.pt-10 {
    padding-top: 10px;
}

.p-b110 {
    padding-bottom: 110px;
}

.pb25 {
    padding-bottom: 25em;
}

.pad-lr-45 {
    padding-left: 30px;
    padding-right: 30px;
}

.m-y30 {
    margin: 30px 0;
}

.padr0 {
    padding-right: 0px !important;
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb--20 {
    margin-bottom: -20px !important
}

.mb-100 {
    margin-bottom: 100px !important
}

.mt-100 {
    margin-top: 100px !important
}

.mt-20 {
    margin-top: 20px !important;
}

.pb-100 {
    padding-bottom: 100px;
}

.font-italic {
    font-style: italic !important;
}

.padl0 {
    padding-left: 0px !important;
}

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

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

.f19 {
    font-size: 19px !important;
}


.modal-body {
    padding: 0.3rem;
}
/*** Theme Style ***/
#topbar {
    width: 100%;
    background: linear-gradient(90deg, #E47D3C 75%, #DE672B 50%);
}

.navbar {
    width: 100%;
    background: #DE672B;
    clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
    padding-left: 4em;
    padding-bottom: 11px;
    padding-top: 11px;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: right;
    justify-content: flex-end;
}

    .navbar span {
        color: white;
        font-weight: 600;
        font-style: italic;
        font-size: 11px;
    }

ul.socialMedia {
    display: flex;
    flex-direction: row;
    margin-left: 1em;
}

    ul.socialMedia li {
        display: flex;
        align-items: center;
        margin-left: 1em;
    }

.navbar.footerBar ul.socialMedia li a {
    /* background: #F6A605; */
    /* border-radius: 5px; */
    padding: 2px;
    /* border-left: 1px solid white; */
    /* border-bottom: 1px solid white; */
    height: 30px;
    display: flex;
    align-items: center;
}

ul.socialMedia li a {
    display: flex;
    align-items: center;
}

    ul.socialMedia li a img {
        /*width: 100%;*/
        height: auto;
    }

#headerMenu {
    background: #F6A605;
    width: 100%;
    padding: 1em;
    box-shadow: 4px 9px 20px #00000036;
    position: relative;
    z-index: 9;
}

.logoArea {
    width: 100%;
    z-index: 999999;
    position: relative;
}

    .logoArea a {
        position: relative;
    }

        .logoArea a img {
            position: absolute;
            top: -96px;
            left: -68px;
        }

.leftMenu {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

    .leftMenu ul {
        display: flex;
        flex-direction: row;
        width: 100%;
    }

        .leftMenu ul li {
            margin-right: 2em;
            display: flex;
            align-items: center;
        }

            .leftMenu ul li a {
                color: white;
                font-weight: 600;
                font-size: 15px;
                border-bottom: 1px solid #fff0;
            }

                .leftMenu ul li a:hover {
                    border-bottom: 1px solid #fff;
                }

.rightMenu {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

    .rightMenu ul {
        display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: flex-end;
    }

    .rightMenu .submenu {
        position: absolute;
        width: auto;
        height: auto;
        top: 40px;
        margin-top: 20px;
        padding: 10px;
        display: inline-block;
        background: #e47d3ccc;
        display: none;
        border-bottom: 4px solid #E47D3C;
        -webkit-box-shadow: inset 0px 31px 21px -26px rgba(0,0,0,0.45);
        -moz-box-shadow: inset 0px 31px 21px -26px rgba(0,0,0,0.45);
        box-shadow: inset 0px 31px 21px -26px rgba(0,0,0,0.45);
    }

        .rightMenu .submenu:before {
            content: " ";
            background: #E47D3C;
            width: 110px;
            height: 14px;
            position: absolute;
            left: 0px;
            top: -14px;
        }

        .rightMenu .submenu:hover {
            display: grid;
        }

    .rightMenu ul li:hover .submenu {
        display: grid;
    }

    .rightMenu .submenu li {
        width: 100%;
        display: inline-block;
        margin: 0px;
        padding-bottom: 5px;
    }

        .rightMenu .submenu li a {
            padding: 10px;
            padding-bottom: 15px;
        }

            .rightMenu .submenu li a:hover {
                text-decoration: none;
                border: 0px;
            }

    .rightMenu ul li {
        margin-right: 2em;
        display: flex;
        align-items: center;
    }



        .rightMenu ul li a:hover {
            border-bottom: 1px solid #fff;
        }


        .rightMenu ul li:last-child {
            margin-right: 0px;
        }

        .rightMenu ul li a {
            color: white;
            font-weight: 600;
            font-size: 15px;
            border-bottom: 1px solid #fff0;
        }

            .rightMenu ul li a.app {
                background: #017CBA;
                font-weight: 800;
                border-bottom: 3px solid #3C5C80;
                border-radius: 7px;
                padding: 9px 15px;
            }

                .rightMenu ul li a.app img {
                    margin-right: 5px;
                }

#slider {
    width: 100%
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #F2F2F2;
    background-clip: padding-box;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    opacity: 1;
    transition: opacity .6s ease;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    box-shadow: 1px 1px 1px black;
    margin: 15px 4px !important;
    padding: 0px !important;
}

.carousel-indicators .active {
    opacity: 1;
    background-color: #D60812;
}

#carouselFileSlider {
    width: 100%
}

.mainSlider {
}

    .mainSlider .carousel-item {
    }

        .mainSlider .carousel-item img {
        }

        .mainSlider .carousel-item.active {
        }

.sliderCategories {
    width: 100%;
    display: flex;
}

    .sliderCategories ul {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

        .sliderCategories ul li {
            width: 100%;
        }

            .sliderCategories ul li a {
                width: 100%;
            }

                .sliderCategories ul li a img {
                    width: 100%;
                    height: 234.5px;
                }

.formLink {
    width: 100%;
    background: #D5D5D5;
    padding: 7px 0px;
    text-align: center;
    font-size: 10px;
    font-style: italic;
}

    .formLink a {
    }

#bannerArea {
    width: 100%;
    /*display: flex;*/
    justify-content: center;
}

.textArea {
    width: 90%;
    float: left;
    padding-top: 40px;
}

    .textArea h2 {
        color: #176C36;
        font-size: 56px;
        font-weight: 900;
        text-align: right;
    }

.tagBanner {
    width: 100%;
    padding-right: 3em;
}

    .tagBanner img {
        width: 100%;
    }

#widgets {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.discover_title {
    width: 100%;
    background: #F2F2F2;
}

.container-discover {
    width: 1410px;
    background: #F2F2F2;
    margin: 0 auto;
}

.discover_title h2 {
    text-align: center;
    color: #176C36;
    font-weight: 600;
    font-size: 36px;
    margin: 0;
    padding: 41px;
}

    .discover_title h2 span {
        font-weight: 900;
    }

.widgets-area {
    background: #FAFAFA;
    text-align: center;
    padding: 40px 50px 15px 50px;
    margin-bottom: 30px;
    height: 100%;
}

    .widgets-area .w-pic {
    }

        .widgets-area .w-pic a img {
            margin-bottom: 30px;
            width: 100%;
            max-width: 115px;
        }

    .widgets-area h3 {
        color: #333333;
        font-size: 20px;
        font-weight: 800;
    }

    .widgets-area p {
        font-size: 19px;
        color: #333333;
        font-weight: 300;
    }

    .widgets-area a.dlink {
        font-weight: 600;
        font-style: italic;
        font-size: 13px;
        position: absolute;
        bottom: 10px;
        display: inline-block;
        width: 100%;
        left: 0px;
    }

.container-white-bg {
    background: white;
    margin: 0px auto;
    width: 1410px;
    display: flex;
}

.container-orange-bg {
    background: #F6A605;
    margin: 0px auto;
    width: 1410px;
    display: flex;
}

.container-gray-bg {
    background: #FAFAFA;
    margin: 0px auto;
    width: 1410px;
    display: flex;
    padding-top: 50px;
}

.container-footer-bg {
    background: #55565a;
    margin: 0px auto;
    width: 1410px;
    display: flex;
    padding: 85px 50px 75px 50px;
}

#squareCode {
    width: 100%
}

.careerTitle {
    background: #F6A605;
}

    .careerTitle .news-text-area {
        text-align: center;
        padding: 30px;
    }

.career-list {
    display: inline-block;
    text-align: center;
}

.career-form {
    width: 100%;
    display: inline-block;
    margin: 0px;
    margin-bottom: 30px;
    text-align: center;
}

.career-item {
    display: inline-block;
    height: 45px;
    margin-top: 10px;
    margin-right: 10px;
}

    .career-item .form-group {
        width: 220px;
        position: relative;
    }

.career-button {
    background: #176C36;
    color: white;
    font-weight: 800;
    border-radius: 7px;
    border: 0px;
    border-bottom: 3px solid #11572A;
    box-sizing: border-box;
    width: 235px;
    height: 45px;
    font-size: 19px;
    outline: none;
}

.square-bg {
    background-image: url('../img/square_bg.png');
    background-repeat: no-repeat;
    height: 205px;
    padding: 0.8em 0;
    background-size: contain;
}

.squarePic {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

    .squarePic img {
    }

.store-text-area {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding-top: 2em;
}

    .store-text-area h2 {
        font-size: 36px;
        color: #176C36;
        font-weight: 700;
    }

        .store-text-area h2 span {
            color: #176C36;
            font-weight: 900;
        }

    .store-text-area p {
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        line-height: 23px;
    }

        .store-text-area p span {
            font-weight: 900;
        }

.app-store {
    display: flex;
    width: 100%;
}

    .app-store ul {
        display: flex;
        width: 83%;
        flex-direction: column;
        height: 100%;
        justify-content: flex-end;
        align-items: flex-end;
        padding-top: 1.5em;
    }

        .app-store ul li {
            margin-bottom: 5px;
        }

            .app-store ul li a {
            }

                .app-store ul li a img {
                }

#newsBlog {
    width: 100%
}

.news-title {
    width: 100%;
    background: #F2F2F2;
    text-align: center;
    padding-top: 35px;
    padding-bottom: 12.5em;
}

.subTitle {
    color: #38B03A;
    font-style: italic;
    font-weight: 600;
    font-size: 12px;
}

.news-title h2 {
    width: 100%;
    text-align: center;
    color: #176C36;
    font-weight: 700;
    margin-bottom: 5px;
}

    .news-title h2 span {
        font-weight: 900;
    }

        .news-title h2 span.subTitle {
        }

.announcements {
    width: 100%;
    position: absolute;
    top: -160px;
}

#owl-news-slider {
    width: 100%;
    padding: 0 25px;
}

#owl-social-slider {
    width: 100%;
    padding: 0 25px;
}

.slider-img {
}

    .slider-img a {
    }

        .slider-img a img {
            width: 100%;
        }

        .slider-img a h3 {
            font-size: 20px;
            color: #176C36;
            text-align: center;
            font-style: italic;
            font-weight: 600;
        }

#owl-social-slider .owl-nav {
    margin-top: 10px;
    position: absolute;
    top: 40%;
    left: 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
    z-index: -1;
}

    #owl-social-slider .owl-nav button.owl-next, #owl-social-slider .owl-nav button.owl-prev {
        font-size: 50px !important;
        color: #F6A605 !important;
        background: #F2F2F2 !important;
        width: 22px;
        outline: none;
        box-shadow: 1px 1px 4px 1px #0000001a;
    }

        #owl-social-slider .owl-nav button.owl-next:hover, #owl-social-slider .owl-nav button.owl-prev:hover {
            box-shadow: 1px 1px 4px 1px #0000001a;
            background: #F6A605 !important;
            color: white !important;
            transition: .2s ease-in-out;
        }


.banner .owl-nav button.owl-next,
.banner .owl-nav button.owl-prev,
.content-carousel .owl-prev,
.content-carousel .owl-next {
    position: absolute;
    top: 50%;
    /* margin-top: -52px; */
    height: 105px;
    width: 40px;
    background-color: #F2F2F2;
    border: none;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.banner .owl-nav button.owl-next,
.content-carousel .owl-next {
    right: 20px;
    font-size: 80px !important;
    color: #e8dfcc !important;
    width: 22px;
}

.banner .owl-nav button.owl-prev,
.content-carousel .owl-prev {
    left: 20px;
    font-size: 80px !important;
    color: #e8dfcc !important;
    width: 22px;
}

    .banner .owl-nav button.owl-next span,
    .banner .owl-nav button.owl-prev span,
    .content-carousel .owl-next span,
    .content-carousel .owl-prev span {
        background-position: center;
        background-repeat: no-repeat;
        width: 18px;
        height: 32px;
        display: inline;
        position: relative;
        top: 7px;
    }

    .banner .owl-nav button.owl-prev span,
    .content-carousel .owl-prev span {
        background-image: url('../images/slider-Arrow.png');
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.banner .owl-nav button.owl-next span,
.content-carousel .owl-next span {
    background-image: url('../images/slider-Arrow.png');
}


.owl-carousel .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.owl-carousel button.owl-dot {
    position: relative;
    height: 11px;
    width: 11px;
    background: #D8D8D8 !important;
    margin-right: 7px;
    border-radius: 50%;
    margin-left: 15px;
}

    .owl-carousel button.owl-dot.active {
        background: #E31E24 !important;
    }


button:focus-visible, button span:focus-visible, button:focus, button span:focus {
    border: none !important;
    outline: -webkit-focus-ring-color none 0px;
}

#socialMediaNews {
    width: 100%;
}

.followUs {
    font-size: 68px;
    color: #176C36;
    font-weight: 900;
    text-align: right;
}

.booklet {
    width: 100%;
    display: flex;
}

    .booklet ul {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }

        .booklet ul li {
            text-align: center;
            margin-bottom: 10px;
        }

            .booklet ul li a {
                width: 100%;
            }

                .booklet ul li a img {
                    width: 100%;
                }

#footer {
    width: 100%
}

.footer-logo {
    width: 100%;
}

    .footer-logo img {
    }

.footer-menu {
    width: 100%;
    padding-top: 12px;
    padding-left: 30px;
}

    .footer-menu ul {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

        .footer-menu ul li {
        }

            .footer-menu ul li a {
                color: white;
                font-size: 13px;
                font-weight: 600;
            }

.navbar.footerBar {
    background: none;
    flex-direction: row;
    display: flex;
    clip-path: none;
}

    .navbar.footerBar span {
        width: 60%;
    }

    .navbar.footerBar .socialMedia {
        width: 40%;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: flex-end;
    }

#copyright {
    width: 100%;
    background-color: #3e3f42;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 12px;
    padding: 11px 0;
    box-shadow: -1px -9px 20px #0000005c;
    position: relative;
}

    #copyright:before {
        display: none;
        content: "";
        position: absolute;
        background-image: url('../img/shadow.png');
        height: 60px;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        left: 0;
        top: -60px;
    }

.copyrightDesc {
}

.page_title {
    width: 100%;
    background: #F2F2F2;
}

    .page_title h2 {
        text-align: center;
        color: #176C36;
        font-weight: 900;
        font-size: 41px;
        margin: 0;
        padding: 41px;
    }


.inpage_title {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 10px;
}

    .inpage_title h2 {
        color: #176C36;
        font-weight: 900;
        font-size: 41px;
        margin: 0;
    }


.page_desc {
    width: 100%;
    padding: 0 55px;
    margin-bottom: 50px;
}

    .page_desc.aboutUsText {
        padding: 0px 0px 0px 15px;
    }

    .page_desc p {
        font-size: 18px;
        color: #525252;
        font-weight: 600;
        text-align: left !important;
    }

.aboutUs {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
}

    .aboutUs img {
        position: relative;
    }

.aboutusItalic {
    font-weight: 300 !important;
    font-style: italic;
}

.pageBanner {
    width: 100%;
    position: relative;
    margin-bottom: 80px;
    margin-top: 20px;
}

    .pageBanner img {
        width: 100%;
    }

.page_logo {
    width: 100%;
    position: absolute;
    bottom: -35px;
    text-align: center;
}

    .page_logo img {
        width: 360px;
        background: white;
        border-bottom: 4px solid #525252;
        border-radius: 10px;
        padding: 25px 70px;
        box-shadow: -5px 7px 0px 1px #33333317;
    }

.announcement {
    background: #176C36;
    color: white;
    padding: 10px;
    font-style: italic;
    font-weight: 800;
    font-size: 22px;
    text-align: center;
}

.pageSubBanner {
    width: 100%;
}

    .pageSubBanner img {
        width: 100%;
        ;
    }

.page_logo_global {
    width: 100%;
    position: absolute;
    bottom: -95px;
    text-align: center;
    z-index: 1;
}

    .page_logo_global img {
        width: 235px;
    }

.pageBanner.width_global {
    margin-bottom: 120px;
}

.square-news-bg {
    background-image: url('../img/yellow_banner.svg');
    background-repeat: no-repeat;
    /*height: 205px;*/
    padding: 3.5em 0px;
    position: relative;
    top: -20px;
}

.squarePic {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

    .squarePic img {
    }


.news-text-area {
    width: 100%;
    padding-left: 110px;
}

    .news-text-area h2 {
        font-weight: 600;
        color: white;
        font-size: 36px;
    }

        .news-text-area h2 span {
            font-weight: 800;
        }

.search-site {
    width: 100%;
    padding-top: 1.5em;
    padding-left: 5em;
}

    .search-site input {
        border-radius: 7px;
        font-weight: 500;
        color: #525252;
        padding: .375rem 1rem;
    }

.blog-search {
    border-radius: 7px !important;
}

.search-site input::placeholder {
    font-size: 13px;
    color: rgb(177, 177, 177);
}

.search-site button {
    background: #017CBA;
    font-weight: 600;
    font-size: 14px;
    border-radius: 7px;
    padding-right: 35px;
    padding-left: 35px;
}

.form-control:focus, .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.blog-img {
    width: 100%;
    margin-bottom: 60px;
}

    .blog-img img {
        width: 100%;
    }

.blog-desc {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    margin-bottom: 60px;
}

    .blog-desc h2 {
        font-weight: 900;
        color: #176C36;
        margin-bottom: 30px;
        font-size: 41px;
    }

    .blog-desc p {
        color: #525252;
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 40px;
    }

    .blog-desc a {
        background: #176C36;
        padding: 7px 42px;
        color: white;
        font-weight: 600;
        border-radius: 7px;
        border-bottom: 3px solid #11572A;
        width: fit-content;
    }

.rightpad {
    padding-right: 100px;
}

.proseText {
    width: 100%;
}

    .proseText h2 {
        font-size: 30px;
        color: #525252;
    }

.content-title {
    font-size: 20px;
    font-weight: 900;
    color: #525252;
    margin-top: 15px;
}

.cookie-title {
    font-size: 30px;
    font-weight: 700;
    color: #525252;
    margin-top: 15px;
}

.inpage_title.context h2 {
    color: #525252;
    font-weight: 700;
    font-size: 30px;
    margin: 0;
}

.contact-button {
    background: #176C36;
    padding: 7px 64px;
    color: white;
    font-weight: 800;
    border-radius: 7px;
    border: 0px;
    border-bottom: 3px solid #11572A;
    width: fit-content;
    margin-top: 10px;
    font-size: 25px;
}

.RadioBtnArea {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .RadioBtnArea input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmarkX {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.RadioBtnArea:hover input ~ .checkmarkX {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.RadioBtnArea input:checked ~ .checkmarkX {
    background-color: #F2F2F2;
    border: 1px solid #52525254;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkX:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.RadioBtnArea input:checked ~ .checkmarkX:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.RadioBtnArea .checkmarkX:after {
    top: 2px;
    left: 2px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #176c36;
}

.security-code {
    width: 100%;
    text-align: center;
}

.security-code {
}

.form-control, .form-control:focus {
    background: #F2F2F2;
    border: 0px;
    border-radius: 0px;
    box-shadow: 1px 1px 1px #0000001a;
}

    .form-control::placeholder {
        color: #52525280;
        font-size: 16px;
        font-weight: 500;
    }

select.form-control {
    color: #52525280;
    font-size: 16px;
    font-weight: 500;
    color: #52525280;
}

.form-control {
    color: #525252;
    font-weight: 500;
}

.form-group {
    margin-bottom: 20px;
}

    .search-site .form-group input, .form-group select {
        padding: 0px 20px;
        height: 35px;
    }

    .form-group input, .form-group select {
        padding: 0px 20px;
        height: 50px;
    }

textarea.form-control {
    height: 120px;
}

.form-description {
    padding-left: 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .form-description .RadioBtnArea {
        font-size: 13px;
        color: #525252;
        font-style: italic;
        line-height: 16px;
    }

    .form-description span {
        font-weight: 500;
    }

.contactform {
    width: 100%;
    margin-bottom: 90px;
}

#mapArea {
    width: 100%;
    padding-right: 3em;
}

.contact-desc {
    font-size: 18px;
    color: #525252;
    font-weight: 600;
}

    .contact-desc span {
        font-weight: 700;
    }


.contactMedia {
    width: 100%;
    padding-left: 0px;
    padding-bottom: 11px;
    padding-top: 11px;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
}

    .contactMedia span {
        color: #176C36;
        font-weight: 600;
        font-style: italic;
        font-size: 11px;
    }

    .contactMedia ul.socialMedia {
        display: flex;
        flex-direction: row;
        margin-left: 1em;
    }

        .contactMedia ul.socialMedia li {
            display: flex;
            align-items: center;
            margin-left: 1em;
        }

ul.socialMedia li a {
    display: flex;
    align-items: center;
}

.inpage_title.m30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .inpage_title.m30 h2 {
        margin-bottom: 30px
    }

.story-select {
    width: 100%;
    padding: 15px 50px;
}

    .story-select select, .story-select select option, .story-select .form-control:focus {
        text-transform: uppercase;
        color: #525252;
        font-weight: 700;
        border-radius: 10px;
        height: 45px;
        position: relative;
    }


.mySelectBox {
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    width: 100%;
}

    .mySelectBox select {
        background: white;
        text-transform: uppercase;
        color: #525252;
        font-weight: 700;
        font-size: 18px;
        border-radius: 6px;
        height: 45px;
        position: relative;
        -webkit-appearance: button;
        appearance: button;
        outline: none;
        border: 0px;
        width: 100%;
    }

    .mySelectBox::after {
        content: "";
        position: absolute;
        top: 0;
        right: 7px;
        width: 20px;
        height: 100%;
        background: url(../img/ok.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
        z-index: 9999999999;
    }

    .mySelectBox::before {
        content: "";
        position: absolute;
        /*font-family: 'Font Awesome\ 5 Free';
        font-weight: 600; */
        top: 0;
        right: 0px;
        width: 50px;
        height: 100%;
        text-align: center;
        font-size: 16px;
        line-height: 45px;
        color: #F6A605;
        background: url('../img/path.svg');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
        z-index: 999999;
    }

.workPosition {
    background: #F6A605;
    padding: 7px 35px;
    color: white;
    font-weight: 600;
    border-radius: 7px;
    border-bottom: 3px solid #D89C20;
    margin-right: 10px;
    text-shadow: 1px 1px #00000012;
    float: none;
    outline: none;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
}

    .workPosition:hover {
        color: white;
        background: #176c36;
        border-color: #11582b;
        transition: .2s ease-in-out;
        outline: none;
    }

span.onlineShop {
    font-size: 48px;
    font-weight: 900;
    font-style: italic;
    margin-bottom: 10px;
}


.leaf-bg {
    background-image: url('../img/leafbanner.svg');
    background-repeat: no-repeat;
    height: 255px;
    padding: 2.25em 0;
    background-size: contain;
}

.leaf-text-area {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding-top: 3.25em;
}

    .leaf-text-area h2 {
        font-size: 59px;
        color: #176C36;
        font-weight: 700;
    }

        .leaf-text-area h2 span {
            color: #176C36;
            font-weight: 900;
        }

.posImg {
    position: relative;
    top: -90px;
}


.work_inpage_title {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 10px;
}

    .work_inpage_title h2 {
        color: #F6A605;
        font-weight: 800;
        font-size: 22px;
        margin: 0;
    }

.form-group.notSpace {
    margin-bottom: 5px;
}

.pr0 {
    padding-right: 0px;
}

.pl1 {
    padding-left: 5px;
}

.formInTitle {
    font-size: 16px;
    font-weight: 500;
    color: #a2a2a2;
    margin-top: 20px;
    margin-bottom: 5px;
}

.containerRad {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 20px;
    float: left;
    font-weight: 500;
    color: #525252;
}

    /* Hide the browser's default radio button */
    .containerRad input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmarkR {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.containerRad:hover input ~ .checkmarkR {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerRad input:checked ~ .checkmarkR {
    background-color: #f2f2f2;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkR:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerRad input:checked ~ .checkmarkR:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.containerRad .checkmarkR:after {
    top: 3px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #b3b3b3;
}

.allsee {
    width: 100%;
    display: block;
    text-align: left;
    padding: 10px 0;
}

    .allsee .workPosition {
        margin: 0px;
    }


.allPost {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 100px;
}

    .allPost p {
        width: 100%;
        font-style: italic;
        margin: 0;
        line-height: 10px;
        font-size: 12px;
        color: #a4a4a4;
        font-weight: 500;
    }

.working-start {
    background: #F6A605;
    padding: 7px 64px;
    color: white;
    font-weight: 800;
    border-radius: 7px;
    border: 0px;
    border-bottom: 3px solid #c98600;
    width: fit-content;
    margin-top: 10px;
    font-size: 25px;
    outline: none;
}

.career-container {
    background: #fafafa;
    margin: 0px auto;
    width: 1410px;
    display: flex;
}

    .career-container .mySelectBox select {
        border: 2px solid #f2f2f2;
    }

.career-input {
    height: 45px;
    text-align: center;
    width: 320px;
    border-radius: 10px;
    border: 0px;
    border-top: 2px solid #f2f2f2;
    border-bottom: 2px solid #f2f2f2;
    color: #525252;
    font-weight: 700;
    font-size: 18px;
    outline: none;
}

.formBG {
    width: 100%;
    padding: 10px;
}

    .formBG.gray {
        background: #707070;
        margin-top: 5px;
    }

    .formBG.orange {
        background: #F6A605;
    }

    .formBG .formingTitle {
        font-weight: 600;
        color: white;
        margin-bottom: 5px;
    }

.a-center {
    align-items: center;
    height: 100%;
}

.orange .form-group input, .orange .form-group select {
    padding: 0px 20px;
    height: 40px;
}

.text85 {
    height: 85px !important;
}

/* TABLE */
.table-container {
    width: 100%;
}

    .table-container table {
        width: 100%;
    }

    .table-container th {
        padding: 20px;
        background: #F6A605;
        font-size: 22px;
        font-weight: 800;
        color: white;
        font-style: italic;
        padding-left: 3%;
    }

    .table-container td {
        padding-left: 3%;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .table-container tr:nth-child(2n+1) {
        background: #f1f1f1;
    }

.maps-icon, .yandex-icon {
    margin-left: 10px;
}

.table-container table td:first-child {
    font-weight: 700;
    color: #525252;
}
/* TABLE END */

.cookieRad {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    float: left;
    font-weight: 600;
    color: #525252;
}

    /* Hide the browser's default radio button */
    .cookieRad input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmarkCo {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 40%;
}

/* On mouse-over, add a grey background color */
.cookieRad:hover input ~ .checkmarkCo {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.cookieRad input:checked ~ .checkmarkCo {
    background-color: #f2f2f2;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkCo:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.cookieRad input:checked ~ .checkmarkCo:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.cookieRad .checkmarkCo:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 40%;
    background: #38B03A;
}

.cookie-options {
}

.green-option {
    background: #176C36 !important;
}

.lightgreen-option {
    background: #38B03A !important;
}

#popup {
    width: 100%;
    height: calc(100vh - 423px);
}

.modal-dialog {
    max-width: 1410px;
    margin: 1.75rem auto;
}

.popuptext {
    width: 100%;
    font-size: 115px;
    color: #176C36;
    text-align: right;
    font-weight: 900;
    line-height: 140px;
    padding-right: .4em;
    padding-top: .35em;
}

.modal-content.big {
    border-radius: 20px !important;
}

.popupimg {
    width: 100%;
}

.buttonclosed {
    position: absolute;
    right: 0;
    background: #DE672B;
    border-bottom: 2px solid #707070;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    text-align: center;
    display: flex;
    justify-content: center;
    color: white;
    top: -20px;
    right: 20px;
}

.closedbutton {
    font-size: 55px;
    color: white;
    opacity: 1;
    z-index: 999999;
}

    .closedbutton:focus {
        outline: 0px;
        box-shadow: none;
    }

.popupimg img {
    width: 100%;
}

.modal.cookies {
    bottom: 0px;
    top: auto;
    height: auto;
}

#cookiesAccept {
}

.cookietext {
}

    .cookietext h3 {
        font-weight: 800;
        font-size: 36px;
    }

    .cookietext p {
        font-size: 18px;
        margin-bottom: 0;
    }

.modal-content.small {
    background: #F6A605;
    border-radius: 0px;
    color: white;
    padding: 1em 3em 0em 3em;
}

.cookiebutton {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .cookiebutton a.first {
        background: #38B03A;
        text-align: center;
        margin-bottom: 15px;
    }

    .cookiebutton a {
        padding: 10px 10px;
        width: fit-content;
        border-radius: 5px;
        white-space: nowrap;
        font-weight: 800;
        font-size: 16px;
        background: #176C36;
        color: white;
        border-bottom: 3px solid #11572A;
        margin-left: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

.modal-dialog.bottom0 {
    margin: 20px auto 0px auto;
}

.mobileHidden {
    display: none;
}

/* .webhidden{display: block;} */

@media screen and (min-width:1200px) and (max-width:1410px) {
    .sliderCategories ul {
        flex-direction: column !important;
    }

    .search-site button {
        right: 20% !important;
    }

    .sliderCategories ul {
    }

        .sliderCategories ul li {
            padding: 0px !important;
        }

            .sliderCategories ul li a img {
                height: auto;
            }

    .followUs {
        font-size: 46px;
    }

    .sliderCategories ul li a img {
        max-height: 218.5px !important
    }

    .square-bg {
        background-image: none;
        height: 160px !important;
    }

    .textArea h2 {
        font-size: 41px !important;
        text-align: right !important;
        padding-top: 40px;
    }
}

@media screen and (max-width:1200px) {
    .rightMenu .submenu {
        top: 41px;
    }
}

@media screen and (max-width:992px) {
    .colRev {
        display: flex;
        flex-direction: column-reverse;
    }

    .aboutUs {
        padding-top: 15px;
    }

    .padx-100 {
        padding: 15px 0;
    }

    .route-text {
        display: none;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    /*.square-news-bg.w-100.p-x30{height: 160px!important;}*/
    ul.socialMedia {
        display: flex;
        flex-direction: row;
        margin-left: 1em;
        justify-content: flex-end;
    }

        ul.socialMedia li a img {
            width: 80%;
            height: auto;
            padding-top: 5px;
        }

    .padx-100 {
        padding: 15px 0;
    }
}

@media screen and (max-width:767px) {

    .cookiebutton {
        width: 100%;
        display: block !important;
        flex-direction: initial !important;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}


@media screen and (max-width:768px) {
    /*.square-news-bg.w-100.p-x30{height: 360px!important;}*/
    .mobileHidden {
        display: block;
    }

    .rightMenu {
        display: none;
    }
    /* .navbar{display: none;padding-left: 0em;padding-top: 2em;} */
    .logoArea a img {
        position: relative;
        top: -10px;
        left: -30px;
        width: 110px;
    }

    .columnRev {
        display: flex;
        flex-direction: column-reverse;
    }

    .blog-desc {
        min-height: auto;
    }

    .mobileHidden {
        display: block;
    }

    .rightMenu {
        display: none;
    }
    /* .navbar{display: none;padding-left: 0em;padding-top: 2em;} */
    .logoArea a img {
        position: relative;
        top: -10px;
        left: -30px;
        width: 110px;
    }
}


@media screen and (min-width:992px) and (max-width:1410px) {
    /*.square-news-bg{height: 155px!important;}*/
    .leftpad {
        margin-bottom: 20px;
    }
}

@media screen and (min-width:767px) and (max-width:1200px) {
    .pb25 {
        padding-bottom: 23em;
    }

    .rightMenu ul {
        display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

        .rightMenu ul li a {
            font-size: 14px;
        }

    .logoArea a img {
        left: -40px !important;
        width: 180px !important;
    }

    .followUs {
        font-size: 46px;
        text-align: center;
    }

    .textArea {
        display: flex;
        align-items: center;
        height: 100%;
        text-align: right;
    }

        .textArea h2 {
            font-size: 32px !important;
        }

    .leftpad {
        margin-bottom: 20px;
    }
}

@media screen and (max-width:502px) {
    .page_logo {
    }

        .page_logo img {
            padding: 10px 0px !important;
            height: 60px !important;
        }
}

@media screen and (min-width:425px) and (max-width:767px) {
    .pb25 {
        padding-bottom: 13em;
    }

    .followUs {
        font-size: 26px;
        text-align: center;
        margin-bottom: 15px;
    }
}


@media screen and (max-width:1410px) {

    .square-bg {
        background: #F6A605;
    }

    .logoArea a img {
        position: relative;
        top: -41px;
        left: -46px;
        width: 140px;
    }

    .slider-img a h3 {
        font-size: 15px;
    }

    .p-x30 {
        padding: 0px;
    }

    .webhidden {
        display: none;
    }

    .square-bg {
        background-image: none;
        height: 250px;
    }

    .resMar50 {
        margin-top: 50px !important;
    }

    .container-white-bg, .container-gray-bg, .container-footer-bg, .container-orange-bg {
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    .career-container {
        width: calc(100% - 30px);
    }

    .container-discover {
        width: calc(100% - 30px);
        background: #F2F2F2;
        margin: 0 auto;
    }

    .logoArea {
        max-height: 0px;
    }

    .mobile-menu {
        width: 100%;
        position: relative;
        z-index: 99999999999;
        display: flex;
        justify-content: flex-end;
    }


    .sidepanel {
        width: 300px;
        position: fixed;
        z-index: 1;
        height: 100%;
        top: 0;
        left: -300px;
        background-color: #176C36;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
        padding-bottom: 60px;
        z-index: 99999999999;
    }

        .sidepanel a {
            padding: 0px 8px 10px 25px;
            text-decoration: none;
            font-size: 25px;
            color: #fff;
            display: block;
            transition: 0.3s;
            font-weight: 700;
        }

            .sidepanel a.submenu {
                font-weight: 200;
                padding-left: 40px;
                font-size: 20px;
            }

            .sidepanel a:hover {
                color: #fff;
            }

        .sidepanel .closebtn {
            position: absolute;
            top: 0;
            right: 25px;
            font-size: 36px;
        }

    .openbtn {
        font-size: 26px;
        cursor: pointer;
        background-color: #f6a605;
        color: white;
        padding: 5px 15px;
        border: none;
        font-weight: 600;
    }

        .openbtn:hover {
            background-color: #f6a605;
        }

        .openbtn:focus {
            outline: 0px;
        }

    .booklet ul {
    }

        .booklet ul li {
            width: 100%;
            padding: 5px;
        }

    .tagBanner img {
        width: 100%;
    }

    .textArea h2 {
        font-size: 24px;
        text-align: center;
    }

    .pr0 {
        padding-right: 15px;
    }

    .pl1 {
        padding-left: 15px;
    }

    .padr0 {
        padding-right: 15px !important;
    }

    .padl0 {
        padding-left: 15px !important;
    }

    .carousel-indicators {
        z-index: 1;
    }

    .mainSlider .carousel-item img {
    }

    .sliderCategories ul {
        width: 100%;
        display: flex;
        flex-direction: row;
    }

        .sliderCategories ul li {
            padding: 0px;
        }

            .sliderCategories ul li:first-child {
                padding-left: 0px;
            }

            .sliderCategories ul li:last-child {
                padding-right: 0px;
            }

            .sliderCategories ul li a img {
                width: 100%;
                height: auto;
                object-fit: cover;
            }

    .textArea {
        width: 100%;
        float: left;
        padding-top: 10px;
    }

    .tagBanner {
        width: 100%;
        padding-right: 0em;
    }

    .discover_title h2 {
        text-align: center;
        color: #176C36;
        font-weight: 600;
        font-size: 34px;
        margin: 0;
        padding: 30px;
    }

    .store-text-area h2 {
        font-size: 25px;
        color: #176C36;
        font-weight: 700;
        text-align: center;
    }

    .store-text-area {
        padding-top: 0em;
    }

        .store-text-area p {
            font-size: 20px;
            font-weight: 700;
            line-height: 23px;
            text-align: center;
            margin-top: 5px;
        }

    .app-store ul {
        display: flex;
        width: 100%;
        flex-direction: row;
        height: 100%;
        justify-content: center;
        align-items: center;
        padding-top: 0px;
    }

        .app-store ul li a img {
            width: 100%;
        }

    .container-footer-bg {
        padding: 40px 50px 25px 0px;
    }

    .footer-menu {
        padding-top: 20px;
        padding-left: 20px;
    }

    .p-b110 {
        padding-bottom: 60px;
    }

    .news-title h2 {
        font-size: 25px;
    }

    .pageBanner img {
        width: 100%;
    }

    .news-text-area {
        width: 100%;
        padding-left: 0px;
    }

    .page_logo_global {
        bottom: -45px;
    }

    .square-news-bg {
        background-image: url(../img/yellow_banner.svg);
        background-repeat: no-repeat;
        padding: 1.5em 0px;
        position: relative;
        top: 0px;
        background: #f6a605;
        margin-bottom: 15px;
    }

    .news-text-area h2 {
        font-weight: 600;
        color: white;
        text-align: center;
    }

    .search-site {
        width: 100%;
        padding-top: 1.5em;
        padding-left: 0em;
        display: flex;
        height: 100%;
    }

    .pad-lr-45 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .blog-desc h2 {
        font-weight: 700;
        color: #176C36;
        margin-bottom: 10px;
        font-size: 24px;
    }

    .blog-img {
        width: 100%;
        margin-bottom: 20px;
    }

    .blog-desc p {
        font-size: 17px;
    }

    .rightpad, .leftpad {
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 30px;
    }

    .form-group.mx-sm-3.mb-2 {
        margin: 0 !important;
    }

    .padbM1 {
        margin-bottom: 30px;
    }

    .inpage_title.context h2 {
        color: #525252;
        font-weight: 700;
        font-size: 20px;
        margin: 0;
    }

    .content-title {
        font-size: 18px;
    }

    .page_desc.aboutUsText {
        padding: 0px 0px 0px 0px;
    }

    .page_desc {
        padding: 0 5px;
    }

    .inpage_title {
        margin-top: 30px;
    }

        .inpage_title h2 {
            color: #176C36;
            font-weight: 900;
            font-size: 30px;
            margin: 0;
        }

    .pb-100 {
        padding-bottom: 0px;
    }

    .mb-100 {
        margin-bottom: 50px !important;
    }

    .page_title h2 {
        text-align: center;
        color: #176C36;
        font-weight: 900;
        font-size: 30px;
        margin: 0;
        padding: 35px 25px 15px 25px;
    }

    .pl-1 {
        padding-left: 15px !important;
    }

    .mt-100 {
        margin-top: 30px !important;
    }

    .allPost {
        width: 100%;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 50px;
    }

        .allPost p {
            width: 100%;
            font-style: italic;
            margin: 0;
            line-height: 10px;
            font-size: 12px;
            color: #a4a4a4;
            font-weight: 500;
            margin-bottom: 10px;
        }

    .aboutUs img {
        position: relative;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 3em;
        max-height: 550px;
    }

    .contactform {
        width: 100%;
        margin-bottom: 0px;
    }

    .form-description {
        padding-left: 0px;
        align-items: flex-end;
        padding-bottom: 30px;
        align-items: center;
    }

    #mapArea {
        width: 100%;
        padding-right: 0em;
    }

    .work_inpage_title {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .page_logo img {
        width: fit-content;
        background: white;
        border-bottom: 4px solid #525252;
        border-radius: 10px;
        padding: 10px 20px;
        box-shadow: -5px 7px 0px 1px #33333317;
        object-fit: contain;
        height: 80px;
    }

    .pageSubBanner {
        width: 100%;
    }

    span.onlineShop {
        font-size: 34px;
    }

    .leaf-text-area {
        display: flex;
        width: 100%;
        flex-direction: column;
        padding-top: 0px;
    }

    .leaf-bg {
        background-image: url(../img/leafbanner.svg);
        background-repeat: no-repeat;
        height: 255px;
        padding: 2.25em 0;
        background-size: contain;
        background: #ffffff;
    }

    .leaf-text-area h2 {
        font-size: 33px;
        color: #176C36;
        font-weight: 700;
    }

    .leaf-bg {
        background-image: url(../img/leafbanner.svg);
        background-repeat: no-repeat;
        height: 175px;
        padding: 1.25em 0 1.25em 0;
        background-size: contain;
        background: #F6A605;
        display: flex;
        align-items: center;
    }

    .popuptext {
        width: 100%;
        font-size: 25px;
        color: #176C36;
        text-align: right;
        font-weight: 900;
        line-height: 50px;
        padding-right: 0;
        padding-top: .35em;
    }

    .buttonclosed {
        width: 35px;
        height: 35px;
    }

    .closedbutton {
        font-size: 35px;
    }

    .modal-content.big {
        border-radius: 20px !important;
        margin: 0 auto;
        width: 90%;
    }

    .cookietext h3 {
        font-weight: 800;
        font-size: 20px;
    }

    .cookietext p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .modal-content.small {
        background: #F6A605;
        border-radius: 0px;
        color: white;
        padding: 1em 1em 0em 1em;
    }

    .cookiebutton {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .page_logo_global img {
        width: 105px !important;
        object-fit: contain !important;
    }

    .pageBanner.width_global {
        margin-bottom: 80px;
    }

    .posImg {
        position: relative;
        top: -50px;
    }

    .leaf-bg.mobilgeHg {
        height: 255px !important;
    }

    .search-site .form-group {
        width: 100%;
    }

    .search-site .form-inline {
        width: 100%;
    }

    .search-site input {
        width: 65% !important;
    }

    .search-site button {
        position: absolute;
        right: 15%;
        padding-right: 15px;
        padding-left: 15px;
        height: 35px;
    }

    .btn.btn-primary.mb-2 {
        margin-bottom: 0 !important;
    }
}


@media screen and (min-width:425px) and (max-width:502px) {
    /*.square-news-bg {
        height: 245px!important;
    }
    .square-news-bg.newH {
        height: 285px!important;
    }*/

}

@media screen and (max-width:1130px) {
    .mobileHidden {
        display: block;
    }

    .rightMenu {
        display: none;
    }
}

@media screen and (max-width:425px) {

    .container-footer-bg {
        padding: 40px 0px 25px 0px;
    }

    .navbar {
        background: #DE672B;
        padding-left: 0px;
        padding-right: 30px;
        padding-top: 15px;
    }

    /*.square-news-bg.newH {
        height: 185px!important;
    }*/

    #topbar {
        width: 100%;
        background: #DE672B;
    }

    .footer-menu ul li a {
        font-size: 16px;
        font-weight: 500;
    }


    .followUs {
        font-size: 26px;
        text-align: center;
        margin-bottom: 15px;
    }

    .booklet ul {
        flex-direction: column;
    }

    .search-site {
        width: 100%;
        padding-top: 0.5em !important;
        padding-left: 0em;
    }

    /*.square-news-bg{
        height: 155px!important;
    }*/

    .news-text-area h2 {
        font-size: 23px;
    }

    .search-site input {
        height: 40px !important;
    }

    .search-site button {
        height: 40px !important;
    }

    .footer-logo img {
        width: 80%;
    }

    .p-x40 {
        padding: 20px 0;
    }

    .work_inpage_title, .work_inpage_title h2 {
        margin-top: 30px;
    }

    .announcement {
        font-size: 18px;
    }

    .page_logo img {
        width: unset !important;
        padding: 10px !important;
    }

    .page_logo_global {
        bottom: -55px;
    }

        .page_logo_global img {
            width: 85px !important;
        }
}

@media screen and (max-width: 350px) {


    .cookiebutton {
        margin-left: auto;
        margin-right: 0px;
    }

        .cookiebutton a {
            margin-left: 2px;
            margin-right: 2px;
            font-size: 14px;
        }
}

@media screen and (max-width: 370px) {

    .career-input {
        width: 100%;
    }

    .navbar {
        padding-right: 0px;
    }

    .square-bg {
        background-image: none;
        /* height: 290px; */
    }

    .pb25 {
        padding-bottom: 12em;
    }

    .square-news-bg {
        /*height: 175px!important;*/
        display: flex;
        align-items: center;
    }

    .search-site button {
        right: 10%;
    }

    .page_title h2 {
        font-size: 22px;
    }
}

@media screen and (min-width:1200px) {
    .blog-item:nth-child(2n) .blog-img-container {
        order: 2;
    }

    .blog-item:nth-child(2n) .blog-text-container {
        order: 1;
    }

    .footer-box {
        /*width: 12%;
        max-width: 12%;*/
    }

        .footer-box:nth-child(4) {
            /*width: 14% !important;
            max-width: 14% !important;*/
        }
}

.container-white-bg iframe {
    margin-left: 20px;
    margin-right: 20px;
}

.pswp img {
    max-width: none;
    object-fit: contain;
}

.mobile-menu .sidepanel {
}

    .mobile-menu .sidepanel .submenu {
        margin-left: 10px;
    }

        .mobile-menu .sidepanel .submenu li a {
            font-size: 20px;
            font-weight: 500;
        }


.controlnotvalid {
    background-color: #ffdf9f;
}

.RadioBtnArea2 p {
    width: 100%;
    font-style: italic;
    margin: 0;
    line-height: 10px;
    font-size: 12px;
    color: #a4a4a4;
    font-weight: 500;
}



.page_desc ol li {
    font-size: 18px;
    color: #525252;
    font-weight: 600;
}

.page_desc ul {
    margin-bottom: 12px;
}

.page_desc ol {
    margin-bottom: 12px;
}

.page_desc ol {
    list-style: none;
    counter-reset: my-awesome-counter;
}

    .page_desc ol li {
        counter-increment: my-awesome-counter;
        margin-bottom: 10px;
    }

        .page_desc ol li::before {
            content: counter(my-awesome-counter) ". ";
            color: green;
            font-weight: bold;
        }