@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,700,800|Playfair+Display:400,400i,700,700i');

:root {
    --bs-primary: #0054a6;
    --bs-primary-rgb: 0,84,166;
    --bs-secondary: #3e3e3e;
    --bs-link-color: var(--bs-primary);
    --bs-info: #af0000;
    --bs-info-rgb: 175, 0, 0;
    --bs-border-color: #999999;
}

.navbar {
    --bs-nav-link-font-size: 87.5%;
    --bs-navbar-nav-link-padding-x: 1.0rem;
    --bs-navbar-color: rgba(255, 255, 255, 0.8);
    --bs-navbar-hover-color: rgba(255, 255, 255, 1);
}

.nav-link {
    --bs-nav-link-font-weight: 600;
}

.dropdown-menu {
    --bs-dropdown-font-size: var(--bs-nav-link-font-size);
}

.nav {
    --bs-nav-link-color: var(--bs-secondary);
    --bs-nav-link-hover-color: var(--bs-primary);
}
.nav-tabs {
    --bs-nav-tabs-link-active-color: var(--bs-primary);
}

.btn {
    --bs-btn-font-size: 0.875rem;
    --bs-btn-font-weight: 600;
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.5rem;
}

.btn-lg, .btn-group-lg > .btn {
    --bs-btn-padding-x: 2rem;
    --bs-btn-font-size: 1rem;
}

.btn-sm, .btn-group-sm > .btn {
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 0.375rem;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1064b6;
    --bs-btn-hover-border-color: #1064b6;
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4e4e4e;
    --bs-btn-hover-border-color: #4e4e4e;
}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-secondary);
}

.accordion {
    --bs-accordion-active-color: var(--bs-primary);
}

.table-primary {
    --bs-table-border-color: var(--bs-border-color);
}

.RadGrid_Bootstrap .rgHeader,
.RadGrid_Bootstrap th.rgResizeCol,
.RadGrid_Bootstrap .rgHeaderWrapper {
    background-color: var(--bs-primary) !important;
}

    .RadGrid_Bootstrap .rgHeader,
    .RadGrid_Bootstrap .rgHeader a {
        color: white !important;
    }

.RadGrid_Bootstrap caption {
    padding-top: unset;
    padding-bottom: unset;
}

.asp-menu + div {
    display: none;
}

html, body {
    height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
}

*::before,
*::after,
a,
span,
button,
.btn {
    transition: all 0.3s ease 0s;
}

    *:focus,
    a:focus,
    .btn:focus {
        outline: none;
    }

a,
button,
input,
textarea {
    outline: medium none;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}

input:focus, textarea:focus {
    box-shadow: 0;
    outline: 0;
}

.tab-content .tab-pane {
    display: block;
    height: 0;
    max-width: 100%;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
}

    .tab-content .tab-pane.active {
        height: auto;
        visibility: visible;
        opacity: 1;
        overflow: visible;
    }


/*--
    2. Common Classes
------------------------------------------*/
.fix {
    overflow: hidden
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/*-- Table & Table Cell --*/
.table, .table-cell {
    display: table;
    height: 100%;
    margin: 0;
    width: 100%;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}

/*Text Color*/
.text-white {
    color: #ffffff;
}

.text-black {
    color: #3e3e3e;
}

.text-light {
    color: #aaaaaa;
}

/*Font Style*/
.font-italic {
    font-style: italic;
}
/*Font Weight*/
.font-light {
    font-weight: 300;
}

.font-normal {
    font-weight: 400;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

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

.font-extrabold {
    font-weight: 800;
}


/*-- Margin Top --*/
.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

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

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-55 {
    margin-top: 55px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-65 {
    margin-top: 65px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-75 {
    margin-top: 75px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-85 {
    margin-top: 85px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-95 {
    margin-top: 95px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-105 {
    margin-top: 105px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-115 {
    margin-top: 115px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-125 {
    margin-top: 125px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-135 {
    margin-top: 135px;
}

.mt-140 {
    margin-top: 140px;
}

.mt-145 {
    margin-top: 145px;
}

.mt-150 {
    margin-top: 150px;
}

.mt-155 {
    margin-top: 155px;
}

.mt-160 {
    margin-top: 160px;
}

.mt-165 {
    margin-top: 165px;
}

.mt-170 {
    margin-top: 170px;
}

.mt-175 {
    margin-top: 175px;
}

.mt-180 {
    margin-top: 180px;
}

.mt-185 {
    margin-top: 185px;
}

.mt-190 {
    margin-top: 190px;
}

.mt-195 {
    margin-top: 195px;
}

.mt-200 {
    margin-top: 200px;
}

/*-- Margin Bottom --*/
.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

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

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-55 {
    margin-bottom: 55px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-65 {
    margin-bottom: 65px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-85 {
    margin-bottom: 85px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-95 {
    margin-bottom: 95px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-105 {
    margin-bottom: 105px;
}

.mb-110 {
    margin-bottom: 110px;
}

.mb-115 {
    margin-bottom: 115px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-125 {
    margin-bottom: 125px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mb-135 {
    margin-bottom: 135px;
}

.mb-140 {
    margin-bottom: 140px;
}

.mb-145 {
    margin-bottom: 145px;
}

.mb-150 {
    margin-bottom: 150px;
}

.mb-155 {
    margin-bottom: 155px;
}

.mb-160 {
    margin-bottom: 160px;
}

.mb-165 {
    margin-bottom: 165px;
}

.mb-170 {
    margin-bottom: 170px;
}

.mb-175 {
    margin-bottom: 175px;
}

.mb-180 {
    margin-bottom: 180px;
}

.mb-185 {
    margin-bottom: 185px;
}

.mb-190 {
    margin-bottom: 190px;
}

.mb-195 {
    margin-bottom: 195px;
}

.mb-200 {
    margin-bottom: 200px;
}

/*-- Padding Top --*/
.pt-5 {
    padding-top: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Padding Bottom --*/
.pb-5 {
    padding-bottom: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- No Padding --*/
.no-padding {
    padding: 0;
}

/*-- Section --*/
.section {
    float: left;
    position: relative;
    width: 100%;
}

/*---- Background Class ----*/
.bg-white {
    background-color: #ffffff;
}

.bg-gray {
    background-color: #f1f1f1;
}

.bg-gradient {
    position: relative;
    z-index: 1;
}

    .bg-gradient::after {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        content: "";
        background: rgba(0, 0, 0, 0) linear-gradient( 45deg, #4481eb 0%, #04bffe 100%) repeat scroll 0 0;
        z-index: -1;
    }

/*-- 
    4. Hero Slider Arrows
------------------------------------------*/
.hero-slider .slick-arrow {
    background-color: transparent;
    border: none;
    color: var(--bs-light);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 999;
}

    .hero-slider .slick-arrow i {
        display: block;
        font-size: 40px;
        line-height: 60px;
    }

.hero-slider .slick-prev {
    left: 30px;
}

.hero-slider .slick-next {
    right: 30px;
}


/*--
    5. Scroll Up
------------------------------------------*/
#scrollUp {
    background-color: transparent;
    border: 2px solid #999;
    border-radius: 50%;
    bottom: 28px;
    color: #999;
    height: 40px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 40px;
    text-decoration: none;
}

    #scrollUp i {
        display: block;
        font-size: 24px;
        line-height: 35px;
    }

    #scrollUp:hover {
        background-color: #3f3f3f;
        color: #fff;
    }

/*---- Button ----*/
.btn {
    text-transform: uppercase;
}

    .btn.text-transform-none {
        text-transform: none;
    }
/*--- Button With Icon ----*/
.btn-icon-left {
    padding-left: 63px;
}

.btn-icon-right {
    padding-right: 63px;
}

.btn > i {
    display: block;
    font-size: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.btn-icon-left i {
    left: 30px;
}

.btn-icon-right i {
    right: 30px;
}

/*White*/
.btn-white {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #3e3e3e;
}
/*Gradient*/
.btn-gradient {
    background-image: -o-linear-gradient(45deg, #4481eb 0%, #04bffe 100%);
    background-image: linear-gradient(45deg, #4481eb 0%, #04bffe 100%);
    border-color: transparent;
    color: #ffffff;
}
/*Border*/
.btn-border {
    background-color: transparent;
    color: #3e3e3e;
}
/*Border White*/
.btn-border-white {
    background-color: transparent;
    border-color: #ffffff;
    color: #ffffff;
}
/*Border Gradient*/
.btn-border-gradient {
    background-color: transparent;
    background-image: none;
    border-color: #04bffe #04bffe #4481eb #4481eb;
    color: #4481eb;
}

/*---- Button Hover ----*/
.btn-hover-border:hover {
    background-color: transparent;
    color: #3e3e3e;
}
/*Button Hover White*/
.btn-hover-white:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    color: #3e3e3e;
}

.btn-hover-white-border:hover {
    background-color: transparent;
    border-color: #ffffff;
    color: #ffffff;
}
/*Button Hover Gradient*/
.btn-hover-gradient {
    transition: background 0.3s ease 0s, color 0.3s ease 0s;
}

    .btn-hover-gradient:hover {
        background-image: -o-linear-gradient(45deg, #4481eb 0%, #04bffe 100%);
        background-image: linear-gradient(45deg, #4481eb 0%, #04bffe 100%);
        border-color: transparent;
        color: #ffffff;
    }

.btn-hover-gradient-border {
    transition: background 0s ease 0s, color 0.3s ease 0s;
}

    .btn-hover-gradient-border:hover {
        background-image: none;
        background-color: transparent;
        border-color: #04bffe #04bffe #4481eb #4481eb;
        color: #4481eb;
    }

/*---- Theme Button Creative ----*/
/*Primary*/
.btn-cr {
    background-color: #fbb03b;
    border-color: #fbb03b;
    color: #050d30;
}
/*Secondary*/
.btn-cr-2 {
    background-color: #050d30;
    border-color: #050d30;
    color: #fbb03b;
}

/*Primary Hover*/
.btn-hover-cr:hover {
    background-color: #fbb03b;
    border-color: #fbb03b;
    color: #050d30;
}

.btn-hover-border-cr:hover {
    background-color: transparent;
    border-color: #fbb03b;
    color: #fbb03b;
}

/*Secondary Hover*/
.btn-hover-cr-2:hover {
    background-color: #050d30;
    border-color: #050d30;
    color: #fbb03b;
}

.btn-hover-border-cr-2:hover {
    background-color: transparent;
    border-color: #050d30;
    color: #050d30;
}

/*---- Theme Button Restaurant ----*/
.btn-res, .btn-hover-res, .btn-res:focus, .btn-hover-res:focus {
    background-color: #e54c2a;
    border-color: #e54c2a;
    color: #ffffff;
}

.btn-res-hover-border:hover {
    background-color: transparent;
    border-color: #e54c2a;
    color: #e54c2a;
}

/*---- Header Section ----*/
.header-section {
    background-color: #0054a6;
    z-index: 9999;
}

    .header-section.header-transparent {
        background-color: transparent;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .header-section.header-light {
        background-color: white;
    }

.header-border {
    border-bottom: 1px solid rgba(217, 217, 217, 0.3);
    float: left;
    width: 100%;
}

.header-fullwidth {
    padding: 0 85px;
}

    .header-fullwidth .container {
        width: 100%;
    }

/*Header Sticky*/
.header-sticky.stick {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}

/*Header Social*/
.header-social {
    margin: 35px 0 35px 15px;
}

    .header-social a {
        color: inherit;
        display: block;
        float: left;
        margin: 3px 0 3px 22px;
    }

        .header-social a:first-child {
            margin-left: 0;
        }

        .header-social a i {
            display: block;
            font-size: 20px;
        }

        .header-social a:hover {
            opacity: 0.7;
        }


/*
    Menu
*/

.main-menu {
    display: block;
    float: left;
}

    .main-menu > ul > li {
        display: block;
        float: left;
        margin-left: 5px;
        position: relative;
    }

        .main-menu > ul > li > a {
            color: white;
            display: block;
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
            padding: 10px 20px;
        }

            .main-menu > ul > li > a:hover {
                color: white;
            }

            .main-menu > ul > li > a[title=Login],
            .main-menu > ul > li > a[title=Logout] {
                border-radius: 5px;
                background-color: white;
                color: #3e3e3e;
                padding-left: 30px;
                padding-right: 30px;
            }

            .main-menu > ul > li > a[title=Register] {
                border-radius: 5px;
                background-color: transparent;
                padding-left: 30px;
                padding-right: 30px;
                box-shadow: inset 0 0 0 1px white;
            }

                .main-menu > ul > li > a[title=Register]:hover {
                    box-shadow: unset;
                    background-color: #0054a6;
                }

/*
    Menu on transparent header
*/

.header-transparent .main-menu > ul > li > a,
.header-transparent .main-menu > ul > li > a:hover {
    color: white;
}

    .header-transparent .main-menu > ul > li > a[title=Login],
    .header-transparent .main-menu > ul > li > a[title=Logout] {
        background-color: white;
        color: #3e3e3e;
    }

        .header-transparent .main-menu > ul > li > a[title=Login]:hover,
        .header-transparent .main-menu > ul > li > a[title=Logout]:hover {
            background-color: #0054a6;
            color: white;
        }

    .header-transparent .main-menu > ul > li > a[title=Register] {
    }

/*
    Menu on light header
*/

.header-light .main-menu > ul > li > a,
.header-light .main-menu > ul > li > a:hover {
    color: #3e3e3e;
}

    .header-light .main-menu > ul > li > a[title=Login],
    .header-light .main-menu > ul > li > a[title=Logout] {
        background-color: #0054a6;
        color: white;
    }

    .header-light .main-menu > ul > li > a[title=Register] {
        background-color: #3e3e3e;
        color: white;
        box-shadow: unset;
    }

        .header-light .main-menu > ul > li > a[title=Register]:hover {
            background-color: #0054a6;
        }

/*-- Sub Menu --*/
.main-menu ul ul,
.sub-menu {
    background-color: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    left: 0 !important;
    margin-top: 0;
    opacity: 0;
    padding: 15px 20px;
    position: absolute;
    top: 100% !important;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 230px;
    z-index: -999;
}

.main-menu > ul > li:hover > ul,
.main-menu > ul > li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    z-index: 999;
}

.main-menu ul ul li a,
.sub-menu li a {
    color: #3e3e3e;
    display: block;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.main-menu ul ul li.active a,
.main-menu ul ul li.hover a,
.sub-menu li.active a,
.sub-menu li:hover a {
    color: #4481eb;
}