@import
    url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap')
    ;

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

.site-banner-bg {
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.mobile-menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
}

.mobile-menu-wrap {
    position: fixed;
    top: 0;
    right: 0;
    width: 65%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    visibility: hidden;
    transform: translateX(100%);
}

.mobile-menu-wrap.animate {
    transition: all 0.35s ease;
}

.mobile-menu-wrap .logo {
    border-bottom: 1px #ddd solid;
    padding: 10px;
    text-align: center;
    position: relative;
    z-index: 1
}

.mobile-menu-wrap .logo img {
    height: 50px;
    width: auto;
}

.mobile-menu-wrap .menu {
    background-color: #fff;
    height: 100%;
    overflow: auto;
}

.mobile-menu-wrap .mfooter {
    background-color: #fff;
    height: 30px;
    padding: 10px;
    text-align: center;
    color: #777;
}

.mobile-menu-toggle-btn {
    cursor: pointer;
    background-color: #2b78c5;
    width: 45px;
    height: 43px;
    position: absolute;
    right: 0px;
    text-align: center;
    font-size: 22px;
    border-radius: 0px 0px 5px 5px;
    display: none;
    top: 0px;
    line-height: 40px;
}

.mobile-menu-toggle-btn:hover {
    background-color: #245682;
}

.mobile-menu-toggle-btn i {
    color: #fff;
}

.menu-mobile-css {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.menu-mobile-css.metismenu .sidebar {
    background: transparent;
}

.menu-mobile-css.metismenu .sidebar-nav, .menu-mobile-css.metismenu.metismenu .sidebar-nav ul ul a
    {
    background: transparent;
    background-image: none;
}

.menu-mobile-css.metismenu .sidebar-nav ul a, .menu-mobile-css.metismenu .arrow
    {
    color: #000 !important;
}

#body {
    background-color: #fff;
    border-color: transparent;
    border-style: none;
    border-width: 0 1px 0 1px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.third-nav .row {
    border-bottom-width: 0
}

.third-nav .bg {
    background-color: transparent;
}

.section-header-bar {
    background-image: none;
    background-color: #006cb7
}

.header-nav-inner {
    padding: 3px 0;
}

#header .logo {
    padding: 25px 15px
}

.headerSearch {
    border-right: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
}

.headerSearch .input-group .form-control {
    height: 55px;
    font-size: 14px;
    color: #111;
}

.headerSearch .input-group .form-control:FOCUS {
    box-shadow: none;
}

.headerSearch .btn-info .fa-search {
    font-size: 2em
}

.headerSearch .btn-info {
    background-color: transparent;
    border-color: transparent;
    color: #666;
}

.headerSearch .btn-info:focus, .headerSearch .btn-info.focus,
    .headerSearch .btn-info:hover, .headerSearch .btn-info:active,
    .headerSearch .btn-info.active {
    background-color: transparent;
    border-color: transparent;
}

.booking-room {
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 1;
    display: flex;
}

.personalArea a.button.user span {
    display: flex;
}

.header-nav a.button .fa {
    transform: none;
    left: auto;
    top: -2px;
}

.section-header {
    box-shadow: 0px 5px 1px 1px rgba(0, 0, 255, .2);
}

.section-nav {
    background-color: #f5f5f5
}

.css-booking {
    display: flex;
}

.second-nav .bg {
    background: transparent;
    background-image: none !important;
}

ul.slimmenu {
    background-color: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
}

ul.slimmenu em {
    display: none;
}

ul.slimmenu>li>a {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    color: #333333 !important;
    border-right: 1px solid #d8d8d8;
}

ul.slimmenu>li:FIRST-CHILD>a {
    border-left: 1px solid #d8d8d8;
}

ul.slimmenu li a {
    padding: 15px 26px !important;
}

ul.slimmenu li a:hover, ul.slimmenu li a:focus, ul.slimmenu li.current {
    background-color: #FFF !important;
}

ul.slimmenu li .sub-collapser>i {
    color: #333 !important;
    font-size: 14px !important;
    font-weight: 700
}

ul.slimmenu li>ul {
    border-radius: 0 !important;
    box-shadow: none !important;
    width: auto !important;
}

ul.slimmenu li ul li {
    border-bottom: 1px solid #d8d8d8;
}

ul.slimmenu li ul li:LAST-CHILD {
    border-bottom: none;
}

ul.slimmenu li ul li a:hover, ul.slimmenu li ul li a:focus {
    background-color: #f2f2f2 !important;
    color: #094989 !important;
}

.css-booking>div>span {
    margin-right: 10px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700
}

.header-nav-inner {
    color: #FFFF
}

.css-booking>div {
    padding: 12px;
    background-color: #006cb5;
    border-radius: 0 0 5px 5px;
    margin-right: 2px
}

.css-booking>div:hover {
    background-color: #2F82D5;
}

.personalArea {
    padding-left: 0;
    background-color: #006cb5;
    border-radius: 0 0 5px 5px;
    padding: 5px 12px;
    width: auto;
}

.personalArea a.button.user, .personalArea a.button.user:hover {
    height: 29px;
    margin-top: 5px;
    width: auto;
}

.css-language p {
    padding-left: 25px;
    margin-top: 5px;
    border-left: 1px solid #ccc;
}

.css-login-button {
    display: flex;
    justify-content: flex-end;
}

.css-login-button .button-login .fa-user-circle {
    font-size: 1.4em;
}

.css-login-button {
    margin-top: 40px
}

.sub-list-icon>li:first-child>::before, .cat-icon::before {
    display: none;
}

.two_column .panel-heading .cat-icon a {
    font-size: 14px;
    color: #006cb7 !important;
    text-transform: uppercase;
}

.two_column .panel-default {
    border: 1px solid #ccc;
    border-radius: 0;
    margin-bottom: 25px
}

.two_column .panel-default>.panel-heading {
    border-top: 2px solid #006cb7;
    border-radius: 0;
    padding-top: 17px;
    padding-left: 20px;
    padding-right: 20px
}

.two_column .panel-default .panel-body {
    padding-left: 20px;
    padding-right: 20px
}

.two_column {
    padding: 0 15px
}

.two_column .panel-default .panel-body .img-css {
    max-width: 142px;
    height: 100%;
    margin-right: 15px
}

.two_column .panel-default .panel-body .icon_list>a {
    font-size: 13px;
    color: #333 !important;
    height: 50%;
}

.two_column .panel-default .panel-body ul .other-css {
    display: flex;
}

.css-img-home {
    width: 100%
}

.img-thumbnail {
    background-color: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: 5px;
}

.css-h3-text a {
    color: #333 !important;
}

.css-h3-text {
    margin-bottom: 10px
}

.css-list-new-home li {
    font-size: 13px;
    color: #666
}

.content-css {
    font-size: 14px;
    color: #666;
}

.time-slide {
    padding: 0 17px
}

.slide-content img {
    width: 100%
}

.css-h3-slide h3 a {
    color: #333333 !important;
}

.css-h3-slide h3 {
    margin-bottom: 15px
}

.css-time-span {
    font-size: 13px;
    color: #666;
}

.css-h3-slide p {
    margin-top: 15px;
    color: #666;
    font-size: 13px
}

.css-h3-slide p a {
    font-size: 14px;
    font-weight: 700;
    color: #fb1641 !important;
}

.othernew {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 15px 30px;
    padding: 25px 10px
}

.othernew img {
    height: auto;
    width: 140px;
}

.othernew .dix-flex {
    display: flex;
}

.othernew .margin-div {
    margin-left: 15px
}

.othernew h3 a {
    color: #333333 !important;
}

.margin-div h3 {
    margin-bottom: 15px
}

.grid-dive {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 15px 30px;
    padding: 0px 10px 25px
}

.grid-dive img {
    width: 100%
}

.panel-primary>.panel-heading {
    border-color: transparent;
    background-image: none !important;
    background-color: #006cb7;
    text-align: center;
    border-radius: 5px;
    position: relative;
    text-transform: uppercase;
    font-weight: 700
}

.panel-evnet>.panel-heading {
    text-align: left !important;
}

.panel-default>.panel-heading {
    text-align: left !important;
}

.panel-news>.panel-heading {
    background-color: #ef3123;
}

.panel-primary>.panel-heading img {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 130px;
    height: auto;
}

.panel-primary {
    border-color: transparent;
}

.panel-primary>.panel-heading>a {
    text-transform: uppercase;
    color: #FFF !important;
    font-weight: 700;
}

.panel-primary .panel-body {
    padding-left: 0;
    padding-right: 0
}

.panel-news .panel-body, .panel-evnet .panel-body {
    padding-left: 15px;
    padding-right: 15px;
}

.block_newsgroups {
    padding-left: 15px
}

.block_newsgroups h3 a {
    color: #333;
    margin-bottom: 10px
}

.block_newsgroups p {
    color: #666666;
}

.block_newsgroups li:BEFORE {
    background-image: url(../images/icon-li.png);
    background-repeat: no-repeat;
    display: block;
    content: "";
    height: 10px;
    width: 10px;
    position: relative;
    left: -20px;
    top: 15px;
}

#footer {
    background-color: #0162a7;
    font-size: 14px
}

.slide-contents {
    height: 320px;
    width: 500px
}

.company_info li em {
    margin-bottom: 15px
}

.company_info li em {
    width: 1em;
    margin-right: 15px;
    font-size: 18px
}

.css-img-slides {
    display: block;
    background-size: cover;
    content: "";
    width: 99%;
    height: 102%;
    -webkit-transition: all .08s;
    -moz-transition: all .08s;
    -o-transition: all .08s;
    transition: all .08s;
}

.slide-contents {
    margin: 0 2px;
}

.slide-contents:hover .css-img-slides, .slide-contents:focus .css-img-slides
    {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.slide-contents:hover .css-img-slides:before, .slide-contents:focus .css-img-slides:before
    {
    display: block;
}

.slide-contents:hover .css-a-slides, .slide-contents:focus .css-a-slides
    {
    display: block;
}

.css-img-slides:BEFORE {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0
        , 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',
        endColorstr='#b3000000', GradientType=0);
}

.css-a-slides {
    display: none;
    font-size: 18px;
    color: #ffffff !important;
    z-index: 1;
    text-align: center;
    position: absolute;
    top: 55%;
    left: 0;
    bottom: 0;
    right: 0;
    height: 60px;
    width: 350px;
    cursor: pointer;
    margin: auto;
    font-weight: 700
}

.time-slides {
    margin-bottom: 20px
}

.time-slides .slick-prev {
    left: 0px;
    z-index: 1
}

.time-slides .slick-next {
    right: 0px
}

.time-slides .slick-prev::before, .time-slides .slick-next::before {
    font-size: 50px;
    color: #333333 !important;
}

.time-slides .slick-prev:hover, .time-slides .slick-prev:focus,
    .time-slides .slick-next:hover, .time-slides .slick-next:focus {
    background-color: #828282;
    opacity: 0.6
}

.time-slides .slick-prev, .time-slides .slick-next {
    width: 50px;
    height: 100%;
    background-color: #828282;
    opacity: 0.8;
}

.img-home-banner {
    height: 200px;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

.css-img-banner {
    display: block;
    background-size: cover;
    background-position: center;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-transition: all .08s;
    -moz-transition: all .08s;
    -o-transition: all .08s;
    transition: all .08s;
}

.css-img-banner:BEFORE {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0
        , 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',
        endColorstr='#b3000000', GradientType=0);
}

.img-home-banner:hover .css-img-banner, .img-home-banner:focus .css-img-banner
    {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.img-home-banner:hover .css-img-banner:before, .img-home-banner:focus .css-img-banner:before
    {
    display: block;
}

.img-home-banner:hover .css-a-banner, .img-home-banner:focus .css-a-banner
    {
    display: block;
}

.css-a-banner {
    display: none;
    font-size: 14px;
    color: #ffffff !important;
    z-index: 1;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 30px;
    cursor: pointer;
    margin: auto;
}

.title-block-css {
    font-size: 24px;
    font-weight: 700;
    color: #FFF;
    margin-bottom: 30px;
    margin-top: 40px
}

.css-font {
    font-size: 14px;
    color: #ccc;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #063665;
}

#footer, #footer a {
    color: #ccc;
}

.menu_footer ul li {
    list-style: disc;
    margin-bottom: 15px;
}

.menu_footer ul {
    padding-left: 15px;
}

.css-menu-foter .css-font {
    padding-bottom: 0;
    border-bottom: none;
}

.event-slide .slick-prev {
    right: 30px;
}

.event-slide .slick-prev, .event-slide .slick-next {
    top: -35px;
    left: auto;
    color: #FFF
}

.event-slide .slick-next {
    right: 15px
}

.event-slide .slick-prev::before, .event-slide .slick-next::before {
    font-size: 30px !important;
    color: #FFF !important;
}

.event-slide img {
    width: 100%;
    margin-bottom: 10px
}

.event-slide a {
    color: #333 !important;
    font-weight: 700;
}

.event-slide span {
    color: #666666 !important;
}

.event-slide .mg-15 {
    margin-bottom: 15px;
}

.text-carousel {
    margin-left: 13px;
    margin-bottom: 20px;
    position: relative;
    background-color: #eee;
    border-top: 1px #fff solid;
    border-bottom: 1px #fff solid;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
}

.text-carousel .before {
    background-image:
        url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2.54 4.71' fill-rule='evenodd' clip-rule='evenodd'%3e%3cpath fill='%23eeeeee' d='M.08 0h2.46v4.71H.08z'/%3e%3cpath fill='%23d61c1d' d='M0 0h.15L2.5 2.36.15 4.71H0z'/%3e%3c/svg%3e");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 23px;
}

.text-carousel .before span {
    display: inline-block;
    background-color: #d61c1d;
    background-clip: content-box;
    padding-right: 21px;
}

.text-carousel .before span span {
    padding-left: 10px;
    color: #fff;
    font-weight: 700;
}

.text-carousel * {
    white-space: nowrap;
    font-size: 14px;
    line-height: 30px;
    position: relative;
    display: inline-block;
    height: 30px
}

.cont {
    border-right: 3px solid #ec3226;
}

.cont {
    padding-left: 5px;
    padding-right: 0;
    overflow: hidden;
}

.cont span {
    text-transform: uppercase;
}

@media ( min-width : 768px) {
    .pr-col-13 {
        padding-right: 15px;
    }
    .pl-col-11 {
        padding-left: 15px
    }
    .slide-content {
        padding: 0px 13px
    }
    .othernew {
        padding-left: 18px;
        padding-right: 18px
    }
    .pl-col-8 {
        padding-left: 25px
    }
    .css-menu-foter {
        padding-left: 15px
    }
    .pd-11 {
        padding: 0 30px
    }
    .second-nav .bg {
        padding: 0 20px
    }
}

@media ( max-width : 767.93px) {
    .css-h3-slide h3 {
        margin-top: 15px
    }
    .two_column {
        padding: 10px
    }
    .css-login-button {
        display: none;
    }
    .css-booking>div>span {
        display: none;
    }
    .css-booking>div {
        padding: 12px 14px
    }
    .css-img-slides:BEFORE, .css-a-slides {
        display: block;
    }
    .css-img-slides:BEFORE {
        position: relative
    }
    .booking-room {
        position: relative;
        top: -3px;
    }
    .css-a-slides {
        left: auto;
        right: auto;
        padding: 0 20px;
    }
    .section-header-bar {
        background-color: transparent;
    }
    .section-header-bar .header-nav {
        border-top: 2px solid #2f7fce;
    }
    .headerSearch {
        display: none;
    }
    .header-nav-inner {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .section-header-bar .header-nav {
        padding-left: 0
    }
    .backimg-css {
        width: auto
    }
    .backimg-css span {
        left: 0;
        padding: 10px
    }
    .slide-contents:hover .css-img-slides, .slide-contents:focus .css-img-slides
        {
        -ms-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -webkit-transform: scale(1.0);
        -o-transform: scale(1.0);
        transform: scale(1.0);
    }
    .time-slides .slick-prev, .time-slides .slick-next {
        width: 30px;
    }
    .personalArea a.button.user span span {
        display: none;
    }
    .header-nav a.button .fa {
        left: -4px;
    }
    .personalArea {
        width: 44px;
    }
}

@media ( min-width : 767.93px) and (max-width: 1024px) {
    .section-header-bar .header-nav {
        border-top: 5px solid #2f7fce;
    }
    .header-nav-inner {
        padding: 0
    }
    .section-header-bar {
        background-color: transparent;
    }
    .contactDefault {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .personalArea {
        padding-right: 15px
    }
    .css-language p {
        padding-left: 15px
    }
    .img-home-banner {
        height: 150px
    }
}

@media ( max-width : 1023px) {
    .second-nav, .hidden-modile {
        display: none;
    }
    .mobile-menu-toggle-btn {
        display: block;
    }
    .open-menu .mobile-menu-bg {
        display: block;
    }
    .personalArea .button-login {
        float: none;
    }
    .open-menu .mobile-menu-wrap {
        visibility: visible;
        transform: translateX(0px);
    }
    .hidden-mobile {
        display: none
    }
    .text-carousel {
        margin-left: 0
    }
    .headerSearch_responsive .form-control {
        box-shadow: none;
        border: none;
    }
    #tip {
        left: 10px;
        right: auto
    }
    .height-col {
        display: none;
    }
    .booking-room {
        position: relative;
    }
}

@media ( min-width : 1024px) {
    .header-nav-inner {
        justify-content: flex-end;
    }
    #tip {
        left: auto;
        right: 10px
    }
}

@media ( min-width : 1200px) {
    #tip {
        margin-top: 90px
    }
}

.block_download .panel-heading1, .block_download .panel-heading2 {
    border-top: 3px solid #094989;
}

.block_download .panel-default2 .panel-body dd {
    margin-bottom: 10px
}

.socialList li img {
    max-width: 100%
}

.text-carousel ul {
    padding-left: 0px;
}

.text-carousel ul li {
    margin-right: 50px;
}

.text-carousel ul li .red {
    color: red;
}

.thumbnail .caption {
    padding: 2px;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next,
    .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    position: absolute;
    background: #ccc !important;
    opacity: .6;
    width: 25px;
    height: 30px;
    top: 50%;
}

.owl-nav .owl-prev{
    left: -20px;
}

.owl-nav .owl-next{
    right: -20px;
}