@font-face {
    font-family: Publico;
    src: url(/fonts/PublicoBanner-Bold-Web.eot);
    src: url(/fonts/PublicoBanner-Bold-Web.eot?#iefix) format("embedded-opentype"),url(/fonts/PublicoBanner-Bold-Web.woff2) format("woff2"),url(/fonts/PublicoBanner-Bold-Web.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-stretch: normal
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

    @media (min-width: 1600px)
    {
        .container{ width: 1570px;}
    }
@font-face {
    font-family: 'changaone-italic';
    src: url('../fonts/changaone-italic.ttf') format('truetype');
}
    body {
        background-color: #fff;
        font-size: 15px;
        color: #393939;
        overflow-x: hidden;
        font-family: Publico, serif;
    }

    h1 {
        font-size: 4.0em;
    }

    h2 {
        font-size: 2.5em;
    }

    h3 {
        font-size: 2.0em;
    }

    h4 {
        font-size: 1.50em;
    }

    .ibox-title h5, h5 {
        font-size: 1em;
    }

    span.h5 {
        font-size: 1em;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        color: #787878;
    }

    .navbar-toggler {
        display: none;
    }

    .dark-text {
        color: #393939;
    }

    .nav > li > a, .nav > li > a > span, .nav > li > ul > li > a > span {
        font-family: Publico, serif;
        color: #393939;
    }

        .nav > li > ul > li > a > span:hover {
            color: #ffa23c;
        }

        .nav > li.active > a > span, .nav > li > a:focus > span {
            color: #fff;
        }

    .nav > li > span.fa {
        color: #393939;
        pointer-events: none;
        left: 20px !important;
    }

    .nav > li.active > span.fa {
        color: #393939;
    }

    .custom-select {
        float: right;
        margin-top: 15px;
        margin-bottom: 10px;
    }

        .custom-select select {
            height: 50px;
            padding: 0px 10px;
            border-radius: 4px;
            background: rgb(217,217,217);
            background: linear-gradient(0deg, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 100%);
            font-family: 'Open Sans',sans-serif;
            color: #777;
            font-weight: bold;
        }

    p, a, span, dt, dd, td, tr {
        font-family: 'Open Sans', sans-serif;
        color: #787878;
    }

    .dashboard-container {
        overflow: hidden;
        width: 100%;
        display: inline-flex;
    }

    .dashboard-two-thirds {
        flex: 1;
        width: 67%;
        margin-left: 1em;
        flex-grow: 2.05;
        flex-shrink: 2.05;
    }

    .ibox {
        height: 100%;
    }

    .dashboard-ibox 
    {
        padding-bottom:10px;
    }

    .dashboard-thirds {
        flex: 1;
        width: 33%;
        margin-left: 1em;
        flex-grow: 1;
        flex-shrink: 1;
    }

    .dashboard-ibox-content {
        clear: none;
        height: 80%;
    }

    .dashboard-ibox-title {
        padding-right: 0;
    }

.dashboard-ibox-title-white {
    color: white;
    
}

.no-fill {
    background: none !important;
    border:0px;
}

.news-title h3 {
    color: #fff !important;
    font-family: Publico, serif;
}

.news-title a.white-text{
    color:#fff;
    font-weight:600;

}
.newsticker {
    min-height: 250px;
}
.news-title p {
    color: #CECECE !important;
    max-width: 65%;
}

.slick-next,.slick-prev{
color:#fff;
bottom:10%;
right:8% ;
top:auto;
left:auto;
}

.slick-prev {
    right: 12%;
}
.news-date {
    font-weight: 500;
    font-size: 18px;
    color: #CECECE;
    text-align: center;
}
.date-underline {
    text-align: center;
}
.news-date span {
    font-family: Publico, serif;
    color: white;
    font-weight: 900;
    font-size: 32px;
    border-bottom: 4px solid orange;
    padding:0px 15px;
}


@media only screen and (max-width: 600px) {
    .dashboard-column {
            display: block;
            width: 100%;
        }
    .dashboard-container {
        overflow: visible;
        width: auto;
        display: block;
    }
    }

    .btn-login {
        background-color: #ffa23c !important;
        max-width: none;
        transition: all 0.3s;
    }

        .btn-login:hover {
            background-color: #d88326 !important;
            transition: all 0.3s;
        }

    a {
        color: #ffa23c;
        transition: all 0.3s;
    }

        a:hover {
            color: #d88326;
            transition: all 0.3s;
        }

    input[type="password"] {
        font-family: sans-serif;
    }

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus {
        background-color: #d88326 !important;
        transition: all 0.3s;
        color: #FFFFFF;
    }

    .btn-primary {
        background-color: #ffa23c !important;
        transition: all 0.3s;
    }

    .nav > li.active {
        border-left: 4px solid #00b2ec;
        background: #00b2ec;
    }

    .k-grid-toolbar .k-button {
        background-color: #00b2ec !important;
    }

    .navbar-default {
        background-color: #fff;
        border-color: #2f4050;
    }

        .navbar-default .nav > li > a:hover {
            background-color: #def7ff;
            border-left: 4px solid #00b2ec;
            color: #00b2ec;
        }



    .login-bg {
        background-image: url("/Images/LoginImg.png");
        background-size: cover;
    }

    #page-wrapper {
        border-left: 1px solid #e7eaec !important;
    }

    .loginwhitebg {
        background-color: #fff;
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 95vh;
    }

    .back-to-web {
        width: 100%;
        position: fixed;
        bottom: 0px;
        left: 0px;
        height: 40px;
        text-align: center;
        background: rgb(255,162,60);
        background: -moz-linear-gradient(112deg, rgba(255,162,60,1) 0%, rgba(231,135,30,1) 100%);
        background: -webkit-linear-gradient(112deg, rgba(255,162,60,1) 0%, rgba(231,135,30,1) 100%);
        background: linear-gradient(112deg, rgba(255,162,60,1) 0%, rgba(231,135,30,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa23c",endColorstr="#e7871e",GradientType=1);
    }

        .back-to-web a {
            color: #fff;
            text-decoration: none;
            transition: all 1s;
        }

            .back-to-web a:after {
                content: url("/Images/right-arrow.svg");
                left: 10px;
                position: relative;
                top: 6px;
            }

            .back-to-web a:hover {
                text-decoration: underline;
                transition: all 1s;
            }

    .nav-header {
        padding: 33px 25px;
        background-color: #fff;
        background-image: url(" ");
    }

    .form-control:focus, .single-line:focus {
        border-color: #76aadc;
    }

    ul.nav-second-level {
        background: #def7ff;
    }

    .nav.nav-second-level > li.active, .nav.nav-second-level > li.active a {
        background: #def7ff;
        color: #00b2ec;
    }

    .nav.nav-second-level > li a:hover {
        border-left: 0px;
    }

    li.active a:hover {
        background-color: #d88326 !important;
        color: white !important;
        border-left: 0px !important;
    }

    li.active ul li a:hover {
        background-color: transparent !important;
    }

    body.mini-navbar .nav-header, body.mini-navbar .nav-header div {
        padding: 0;
        background-color: #fff;
        background-image: url("") !important;
    }

    .nav-header div {
        height: 55px;
        background-repeat: no-repeat;
    }

    .nav > li.active, .nav > li > a:focus {
        border-left: 0px;
        background: #ffa23c;
        color: #fff !important;
    }

    .logo {
        padding: 0px !important;
    }

        .logo:hover, logo:active, .logo:focus {
            background-color: #fff !important;
        }

    .logo-element {
        background-image: url("/Images/logo.svg");
        background-size: contain;
        display: block;
        height: 50px;
        width: 145px;
        background-repeat: no-repeat;
        margin: 10px 20px;
    }

    .no-margin {
        margin: 0 !important;
    }

    .spacer {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .spacer-lg {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .form-horizontal .control-label-right {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
        float: right;
    }

    .control-label-right a {
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        color: #FFA23C;
        font-weight: 400;
        text-decoration: underline;
    }

    .nav.navbar-right > li > a, .nav > li > a {
        color: #393939;
    }

    .nav-third-level li.active {
        border-left: 0px;
    }

    .navbar-default .nav > li > a:focus {
        background-color: #00b2ec;
        color: #fff;
    }

    .mob-none {
        display: inherit;
    }

    body.mini-navbar .nav-header, body.mini-navbar .nav-header div {
        padding: 0;
        background-color: #fff;
        background-image: url("") !important;
    }

    .navbar {
        -webkit-box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.16);
        -moz-box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.16);
        box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.16);
    }

    #page-wrapper {
        margin-left: 0px;
    }

    .navbar-right {
        margin-right: 0px !important;
    }

    .nav li ul {
        display: none;
        list-style: none;
    }

    .nav li:hover ul, .nav li:focus ul {
        display: inline-block;
        width: 100%;
        position: absolute;
        background: white;
        padding: 0px 35px 15px 35px;
    }

    .nav > li > a {
        padding: 25px 35px;
    }

    .fa-li {
        top: 28px !important;
    }

    .page-heading {
        border-top: 0;
        padding: 20px 10px 20px 10px;
    }

    .ibox {
        border-radius: 6px;
        overflow: hidden;
        -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.01);
        -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.01);
        box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.01);
    }

    .ibox-title {
        border-top: 0px;
    }

    .purchase-ViewAll
    {
        margin-bottom: 50px;
    }

    #grid {
        margin-bottom: 25px;
    }

    .nav > li ul > li {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    @media(max-width: 768px) {
        #logoutForm {
            display: inline-block;
            float: right;
        }

        .nav > li > a {
            padding: 25px 30px;
        }

        .nav > li > span.fa {
            left: 15px !important;
        }

        .navbar-toggler {
            display: block;
        }

        #logoutForm ul {
            margin: 0px;
        }

        .nav li:hover ul, .nav li:focus ul {
            position: relative;
        }

        .fa-li {
            display: block !important;
            left: 0px !important;
        }

        .languagepicker {
            padding-left: 0px !important;
            margin: 0px 0px;
        }
        /*Menu fixes*/
        #logoutForm {
            position: absolute;
            top: 0px;
            right: 0px;
        }

            #logoutForm > ul > li > a {
            }

            #logoutForm > ul > li {
                display: inline-block;
            }

                #logoutForm > ul > li > a:after {
                    content: '   ';
                    visibility: visible;
                    display: block;
                    position: absolute;
                }

        .navbar-toggler.toggler-example {
            background: none;
            border: 0px;
            width: 50px;
        }

        /*End menu fixes*/
        .mob-none {
            display: none !important;
        }

        .content-none {
            content: none;
        }

        #navbarSupportedContent1 > li {
            width: auto !important;
        }

        #navbarSupportedContent1 {
            width: auto !Important;
        }

        .custom-select {
            float: left;
            margin-top: 10px;
            margin-bottom: 10px;
        }
    }

    @media(max-width: 992px) {
        #logoutForm.navbar-right {
            float: none !important;
            top: 0px;
            right: 0px;
        }

        #navbarSupportedContent1 {
            width: 100%;
        }

            #navbarSupportedContent1 > li {
                width: calc(20vw - 5px);
            }
    }