.FullLayout {
}

    .FullLayout > .Header .ColorsStripe {
        position: fixed;
    }

        .FullLayout > .Header .ColorsStripe img {
            height: 8px;
            position: fixed;
            width: 100vw;
        }

    .FullLayout > .Header .HeaderSpacer {
        height: 8px;
    }

    .FullLayout > .Header .DesktopMainMenu {
        color: #ffffff;
        display: flex;
        font-size: 18px;
        margin-right: 30px;
        width: calc(100vw - 500px);
    }

        .FullLayout > .Header .DesktopMainMenu .MenuItem {
            cursor: pointer;
            opacity: 0.7;
            height: 36px;
            margin-top: 25px;
            padding-bottom: 6px;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 6px;
        }

            .FullLayout > .Header .DesktopMainMenu .MenuItem:hover {
                background-color: var(--custom-color-3);
                border-radius: 10px;
            }

            .FullLayout > .Header .DesktopMainMenu .MenuItem span {
                margin-right: 8px;
            }

            .FullLayout > .Header .DesktopMainMenu .MenuItem.Selected {
                opacity: 1;
            }

                .FullLayout > .Header .DesktopMainMenu .MenuItem.Selected span {
                }

    .FullLayout > .Header .DesktopSubMenu {
        background-color: var(--custom-color-1);
        border-radius: 10px;
        color: #ffffff;
        margin-top: 10px;
        padding: 20px;
        position: fixed;
        z-index: 10000;
    }

        .FullLayout > .Header .DesktopSubMenu .ChildMenuItem {
            cursor: pointer;
            font-size: 17px;
            min-width: 200px;
            opacity: 0.7;
            padding-bottom: 5px;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 5px;
        }

            .FullLayout > .Header .DesktopSubMenu .ChildMenuItem a {
                color: #ffffff;
            }

            .FullLayout > .Header .DesktopSubMenu .ChildMenuItem:hover {
                background-color: var(--custom-color-3);
                border-radius: 10px;
            }

            .FullLayout > .Header .DesktopSubMenu .ChildMenuItem.Selected {
                opacity: 1;
            }

                .FullLayout > .Header .DesktopSubMenu .ChildMenuItem.Selected span {
                }

    .FullLayout > .Header .SettingsSubMenu {
        margin-right: calc(100vw - 300px);
    }

    .FullLayout > .Content {
        background-color: rgba(182,185,188,0.5);
        min-height: calc(100vh - 100px);
    }

    .FullLayout > .Footer {
        background-color: #565b60;
        color: #b6b9bc;
        font-size: 1.6rem;
        z-index: 10000;
    }

        .FullLayout > .Footer a {
            color: #b6b9bc;
        }

        .FullLayout > .Footer .BrandsContainer {
            background-color: #ffffff;
        }

            .FullLayout > .Footer .BrandsContainer .Brands {
                background-color: #ffffff;
                border-bottom: solid 1px #b6b9bc;
                direction: ltr;
                margin-left: auto;
                margin-right: auto;
                max-width: 800px;
                padding: 2rem;
                text-align: center;
            }

                .FullLayout > .Footer .BrandsContainer .Brands .row {
                    margin-top: 0.5rem;
                }

                    .FullLayout > .Footer .BrandsContainer .Brands .row:first-child {
                        margin-top: 0rem;
                    }

                .FullLayout > .Footer .BrandsContainer .Brands img {
                    width: 100%;
                }

        .FullLayout > .Footer .Logo {
            border-bottom: solid 1px #b6b9bc;
            padding: 2rem;
            text-align: center;
        }

            .FullLayout > .Footer .Logo img {
                height: 5rem;
                margin-right: 1rem;
            }

        .FullLayout > .Footer .ContactContainer {
            border-bottom: solid 1px #b6b9bc;
            padding-bottom: 20px;
            padding-top: 20px;
        }

            .FullLayout > .Footer .ContactContainer .Contact {
                margin-left: auto;
                margin-right: auto;
                width: 300px;
            }

                .FullLayout > .Footer .ContactContainer .Contact .PhoneNumber {
                    display: flex;
                }

                .FullLayout > .Footer .ContactContainer .Contact .Email {
                    display: flex;
                }

                .FullLayout > .Footer .ContactContainer .Contact .FieldTitle {
                    width: 100px;
                }

        .FullLayout > .Footer .Social {
            padding: 2rem;
            text-align: center;
        }

            .FullLayout > .Footer .Social a {
                font-size: 3rem;
                margin-left: 1rem;
                margin-right: 1rem;
            }

                .FullLayout > .Footer .Social a img {
                    height: 3rem;
                }

        .FullLayout > .Footer .LinksContainer {
            border-top: solid 1px #b6b9bc;
            padding-bottom: 20px;
            padding-top: 20px;
        }

            .FullLayout > .Footer .LinksContainer .Links {
                text-align: center;
            }

                .FullLayout > .Footer .LinksContainer .Links a {
                    opacity: 0.5;
                }

                    .FullLayout > .Footer .LinksContainer .Links a.Active {
                        opacity: 1;
                    }

                .FullLayout > .Footer .LinksContainer .Links .Spacer {
                    padding-left: 20px;
                    padding-right: 20px;
                }

    .FullLayout .Credits {
        color: #b6b9bc;
        font-size: 1.5rem;
        padding: 1rem;
    }

        .FullLayout .Credits a {
            color: #b6b9bc;
        }

    .FullLayout .Stripes {
        display: block;
        height: 8px;
        width: 100vw;
    }

.Theme {
}

    .Theme .ThemeOverlay {
        background-color: rgba(0, 0, 0, 0.2);
        height: 100%;
    }

    .Theme.EW.Wide {
        background-image: url(../../assets/ew-theme-1920.jpg);
        background-position: center;
        height: 177px;
    }

    .Theme.EW.Narrow {
        background-image: url(../../assets/ew-theme-768.jpg);
        background-position: center;
        height: 177px;
    }

    .Theme.KH.Wide {
        background-image: url(../../assets/kh-theme-1920.jpg);
        background-position: center;
        height: 177px;
    }

    .Theme.KH.Narrow {
        background-image: url(../../assets/kh-theme-768.jpg);
        background-position: center;
        height: 177px;
    }

    .Theme.Wide .Title {
        color: #ffffff;
        font-size: 46px;
        font-weight: 500;
        padding-right: 80px;
        padding-top: 55px;
    }

    .Theme.Wide .BreadCrumbs {
        color: #ffffff;
        font-size: 14px;
        font-weight: 400;
        padding-right: 80px;
        padding-top: 30px;
    }

    .Theme.Narrow .Title {
        color: #ffffff;
        font-size: 36px;
        font-weight: 500;
        padding-right: 40px;
        padding-top: 55px;
    }

    .Theme.Narrow .BreadCrumbs {
        color: #ffffff;
        font-size: 14px;
        font-weight: 400;
        padding-right: 40px;
        padding-top: 45px;
    }