@charset "utf-8";
:root {
    --color-1: #155C4A;
    --color-2: #e7c280;
    --color-3: #002c52;
    --color-4: #fdb625;
    --color-5: #24b772;
    --color-bg: #f5f5f5;
    --color-light: #f3f4f4;
    --color-gray: #7a8080;
    --color-dark: #030000;

    --color-white: #fff;
    --color-border:#ced4da;
    --font-family: 'Montserrat', sans-serif;
    --transition-smooth: all 0.5s cubic-bezier(0.04, 1, 0.6, 0.97);
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.eot');
    src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/Montserrat-Regular.woff2') format('woff2'),
    url('fonts/Montserrat-Regular.woff') format('woff'),
    url('fonts/Montserrat-Regular.ttf') format('truetype'),
    url('fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.eot');
    src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Montserrat-Bold.woff2') format('woff2'),
    url('fonts/Montserrat-Bold.woff') format('woff'),
    url('fonts/Montserrat-Bold.ttf') format('truetype'),
    url('fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-SemiBold.eot');
    src: url('fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Montserrat-SemiBold.woff2') format('woff2'),
    url('fonts/Montserrat-SemiBold.woff') format('woff'),
    url('fonts/Montserrat-SemiBold.ttf') format('truetype'),
    url('fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


body, html {
    font-family:var(--font-family);
    font-size: 1rem;
    height: 100%;
    margin: 0;
    color: var(--color-dark);
}
:focus{ outline:none !important; box-shadow:none !important;}
a{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a:hover{text-decoration:none;}
.w-100 {
    width: 100% !important;
    height:auto !important;
}
.text-justify{text-align:justify;}
.ratio-map{height:100% !important;}
.no-arrow{-moz-appearance: textfield;}
.no-arrow::-webkit-outer-spin-button,
.no-arrow::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}

.box__inner {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow:hidden;
}
.bneffect{-webkit-transition:color 0.2s linear, background 0.2s linear;
    -moz-transition:color 0.2s linear, background 0.2s linear;
    -o-transition:color 0.2s linear, background 0.2s linear;
    transition:color 0.2s linear, background 0.2s linear;
}
.bneff1{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}

.link1{color:var(--color-dark);text-decoration:none;}
.link1:hover{color:var(--color-2);}
.link2{color:var(--color-dark);text-decoration:none;}
.link2:hover{color:var(--color-1);}
.link3{color:var(--color-gray);}
.link3:hover{color:var(--color-blue);text-decoration:none;}

.fs-7{font-size:0.9rem;}
.fs-8{font-size:0.8rem;}
.rounded-4{border-radius: 0.5rem;}
.rounded-5{border-radius: 0.75rem;}
.rounded-6{border-radius: 1rem;}
.rounded-7{border-radius: 1.5rem;}
.rounded-8{border-radius: 2rem;}

.v-font-8{font-size:0.8rem;}
.v-font-9{font-size:0.9rem;}
.v-font-10{font-size:1rem;}
.v-font-11{font-size:1.1rem;}
.v-font-12{font-size:1.2rem;}
.v-font-13{font-size:1.3rem;}
.v-font-14{font-size:1.4rem;}
.v-font-15{font-size:1.5rem;}
.v-font-16{font-size:1.6rem;}
.v-font-18{font-size:1.8rem;}
.v-font-20{font-size:2rem;}
.color-blue{color:var(--color-blue);}
.color-red{color:var(--color-red);}

.v-a-link{color:var(--color-dark);text-decoration:none;text-transform:uppercase;}
.v-a-link:hover{color:var(--color-1);}
.img-fit{width:100%;height:100%;object-fit: cover;}

.bg-color1{background-color:var(--color-1);}
.bg-color2{background-color:var(--color-2);}
.bg-color3{background-color:var(--color-3);}
.bg-dark{background-color:var(--color-dark);}
.bg-white{background-color:var(--color-white);}
.bg-main{background-color:var(--color-bg);}
.txt-color2{color:var(--color-2);}
.border-color2{border-color:var(--color-2) !important;}
.border-color4{border-color:var(--color-4) !important;}
.txt-color3{color:var(--color-3);}
.fw-500{font-weight:500;}
.fw-heavy{font-weight:900;}
.btn-1{background-color:var(--color-3);border-color:var(--color-3);}
.border-dashed{border-style:dashed !important;}
.border3 {
    border-width : 3px;
}

.line-clamp{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}
.lclamp-1{-webkit-line-clamp: 1; }
.lclamp-2{-webkit-line-clamp: 2; }
.lclamp-3{-webkit-line-clamp: 3; }
.lclamp-4{-webkit-line-clamp: 4; }

.bn-tags
{
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: .75em;
    line-height: 1;
    color: var(--color-dark);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    text-decoration:none;
    background-color:var(--color-gray);
}


.v-advs{display:none;}
.mb-show{display:block;}
.mb-hide,.hide{display:none;}
.webadvs .advmb{display:block;}
.webadvs .advpc{display:none;}
.ratio-embed iframe{width:100% !important;height:100% !important;}
.swal-button{background-color:var(--color-dark);color:#fff;border-radius: 50rem;font-weight: normal;text-transform: uppercase;}
.swal-button:not([disabled]):hover{background-color:var(--color-1);border-color:var(--color-1);}



.bar,.bar:after,.bar:before{background:var(--color-dark);height:2px;}
.bar {
    position: relative;
    top: -2px;
    display: inline-block;
    margin: auto;
    width: 20px;
    -ms-transition: all 0ms 100ms, width 150ms linear;
    -webkit-transition: all 0ms 100ms, width 150ms linear;
    transition: all 0ms 100ms, width 150ms linear;
    -ms-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
.bar:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 7px;
    width: 20px;
    -ms-transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
    -webkit-transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
    transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
}
.bar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 20px;
    -ms-transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
    -webkit-transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
    transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear; }

.header{border-top: 8px solid var(--color-1);}
.top_bar{padding-top: 0.5rem;padding-bottom: 0.5rem;}
.top_bar .logo{height: 30px;width: auto;}

.form-search{width: calc(100% - 1.5rem);display: none;top: 10px;right: 0.75rem;position: absolute;background-color: #fff;z-index: 100;}

.box_search .input-group>.form-control {

}
.box_search .btn-search {
    border: 1px solid #ced4da;
    background-color: var(--color-1);
}


.main-nav{display: inline-block;}
.main-nav>li {
    display: inline-block;
    padding: 0 15px;
    font-weight: 500;
    height: 50px;
}

.main-nav>li>a {
    color: var(--color-dark);
    font-size: 16px;
    line-height: 47px;
    height: 50px;
    display: inline-block;
    position: relative;
    text-decoration:none;
    text-transform: uppercase;
    font-weight: 600;
}

.main-nav>li:last-child:after {
    display: none
}


.main-nav li:hover>a,
.main-nav li.active>a {
    color: var(--color-1);
    border-bottom: 3px solid var(--color-1);
}

.main-nav li.has-submenu {
    position: relative;
}
.main-nav li.has-submenu li{line-height:2rem;}

.main-nav li.has-submenu .level1,
.main-nav li.has-submenu .level2 {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;

}

.main-nav li.has-submenu .level1 {
    margin-top: 10px;
    top: 100%;
    text-align: left
}

.main-nav li.has-submenu .level1 .level2 {
    left: 120%;
    top: 0;
    width: 100%;
    position: absolute;
    z-index: 11;
    background-color: var(--color-white);
    -webkit-box-shadow: 0px 6px 15px rgb(0 0 0 / 20%);
    box-shadow: 0px 6px 15px rgb(0 0 0 / 20%);
}

.main-nav li.has-submenu .level1 li:hover .level2 {
    left: 100%;
    opacity: 1;
    visibility: visible
}

.main-nav li.has-submenu>ul {
    position: absolute;
    z-index: 999;
    min-width: 300px;
    background-color: var(--color-white);
    border: 1px solid var(--color-light);
}
.main-nav li.has-submenu:hover>.level1 {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

.main-nav  li.has-submenu li {
    padding: 0 1rem;
    position: relative;
    border-bottom: solid 1px var(--color-light);
}
.main-nav  li.has-submenu li:last-child{border-bottom: none;}
.main-nav  li.has-submenu li a {
    display: block;
    padding: .3rem 0;
    color: var(--color-dark);
    text-decoration:none;
    border-bottom: none;
}
.main-nav  li.has-submenu li a:hover{color:var(--color-1);}

.main-nav li:hover > .drop1{transform: rotate(180deg);}

#menumb
{
    width:calc(100% - 1.5rem);
    max-width:500px;
    margin:auto;
    display:none;
    overflow:hidden;
    position:absolute;
    top:45px;left:.75rem;
    z-index:109;
    padding:0;
}

.menumb{
    width: 100%;
    height: 100%;
    overflow: auto;
    position:relative;
    background-color:var(--color-1);
    border:1px solid #fff;
}

.mbnav {
    display:block;
    font-size:16px;
}
.mbnav ul{list-style:none;padding:0;margin:0;}
.nav-list {
    text-align:left;
}
.nav-item {
    zoom:1;
    position:relative;
}
.nav-item a {
    display:block;
    color:#fff;
    padding:5px 20px 5px 10px;
    border-bottom:1px solid #fff;
    line-height:30px;
    text-decoration:none;
}
.nav-item:last-child a{border-bottom:none;}
.nav-item .nav-submenu-item:last-child a{border-bottom:1px solid #c4e4ff;}
.nav-item > a:hover {
    background:#520203;
    text-decoration:none;
}
.nav-item:hover .nav-submenu {
    display:block;
    width:100%;

}
/* Navigation submenu */
.nav-submenu {
    display:none;
    background-color:var(--color-1);
}
.nav-submenu-item a {
    border-bottom:1px solid #ccc;
    display:block;
    padding:8px 15px 6px 20px !important;
    text-decoration:none;
}

.nav-submenu-item a:hover {
    background:#520203;
}

.nav-submenu-item1 a{padding:8px 15px 6px 30px !important;}
.nav-click {
    position:absolute;
    top:0;
    right:0;
    display:block;
    height:40px;
    width:38px;
    cursor:pointer;
}
.nav-click i {
    display:flex;
    height:38px;
    width:36px;
    /*background:url(../images/drop.png) no-repeat center center;*/
    background-size:20px;
    justify-content: center;
    align-items: center;
    color:#fff;
    font-size:34px;
}

.nav-rotate {
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}

.banner-prev,
.banner-next {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    width: 40px;
    height: 40px;
    padding-top: 5px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
    cursor: pointer;
    outline: none;
    color:var(--color-1);
    background:var(--color-white);
    border:none;
    border-radius: 5px;
    text-decoration:none;
    opacity: 0;
}
.banner-prev:hover,
.banner-prev:hover i,
.banner-next:hover,
.banner-next:hover i{color:var(--color-2);}
.banner-prev i,
.banner-next i{font-size:1.6rem;color:var(--color-1);}
.banner-prev i{margin-right:0.25rem;}
.banner-next i{margin-left:0.25rem;}
.banner-prev {left: 1rem;}
.banner-next {right: 1rem;}

.slideshow {overflow:hidden;}
.slideshow:hover .banner-prev,.slideshow:hover .banner-next{ opacity: 0.5; }

.t-banner{position:relative;}
.t-banner .bn-info{position:absolute;top:10%;left:5%;width:90%;color:var(--color-dark);text-align:center;}
.bn-title{font-size:1rem !important;font-weight:900;text-transform: uppercase;}
.bn-desc{display:none;font-size:1.2rem;}

.listmpro a,.listmpro a:hover{text-decoration:none;}
.listmpro .img img{width:100%;}
.listmpro .img{border-bottom: 5px solid #fff;transition: border-color .2s ease-out;position: relative;}
.listmpro .img .best{position: absolute;top: 1rem;left: 1.5rem;}
.listmpro:hover .img{border-color: var(--color-1);}
.listmpro  .vmore{border-color: var(--color-1);}

.hbrand .b-title{padding-top: 1.5rem;}
.hl-news{border-top: 1px solid var(--color-dark); }
.hl-news li{padding-top: 1rem;padding-bottom: 1rem;border-bottom: 1px solid var(--color-dark);text-align: center;}

.fotter{border-top: 1px solid var(--color-1);background-color: var(--color-1);}
.b_social a{width:35px;height:35px;margin:0 2px;padding:0;text-align:center;line-height:35px;}
.b_social i{font-size:20px;}
.b_social{justify-content: center;}
.b_social .btn-social{color: var(--color-1);background: var(--color-white);border-radius: 50%;}
.b_social .btn-social:hover{color: var(--color-5);}


.ipt-newsletter {
    border: none !important;
    padding-left: 0;
    background-color: var(--color-1);
}
.ipt-newsletter:focus{background-color: var(--color-1);}
.ipt-newsletter::placeholder{color: #fff;}
.fotter .flink{color:var(--color-white);text-decoration: none;text-transform: uppercase;}
.fotter .flink:hover{color:var(--color-gray);}

.ft-rows .ft-1{order: 1;}
.ft-rows .ft-2{order: 0;}

#bn_accor .accordion-item{border-left:none;border-right:none;border-color: var(--color-dark); }
#bn_accor .accordion-item{border-left:none;border-right:none;border-color: var(--color-dark); }
#bn_accor .accordion-item:first-of-type,#bn_accor .accordion-item:last-of-type{border-radius: 0;}
#bn_accor .accordion-button{padding-left: 0;padding-right: 0;font-weight: 900;}
#bn_accor .accordion-button:not(.collapsed){color: var(--color-dark);background-color: transparent;box-shadow: none;}
#bn_accor .accordion-body{padding: 1rem 0 2rem 0;}

.blockpage{text-align:center;}
.page,.pageselect{text-decoration:none;height:40px;text-align:center;
    line-height:40px;padding:0 8px;font-weight:500;vertical-align:middle;font-size:1.2rem;display:inline-block;}
.page{color:#555;}
.page:hover{color:var(--color-2);}
.pageselect,.pageselect:hover{color:var(--color-2);text-decoration:none;}
.page .parr{font-size:28px;height:40px;line-height:40px;}

.bn-proview{order: 1;position:relative;}
.bn-proview .bn-pronum{position:absolute;bottom:0.5rem;width:100%;}

.bn-prothumb .f-thumbs__viewport{height: 300px !important;}
.bn-proview .f-carousel__viewport{height: auto;}

.bn-prothumb{width: 70px;}
.bn-prothumb.is-classic {
    --f-thumb-width: 50px;
    --f-thumb-height: 65px;
    --f-thumb-gap: 4px;
    --f-thumb-border-radius:0px;

    --f-thumb-opacity: 1;
    --f-thumb-selected-opacity: 1;

    --f-thumb-outline: 1px;
    --f-thumb-outline-color: var(--color-1);

    --f-button-next-pos: 8px;
    --f-button-prev-pos: 8px;
}

.is-classic.bn-fancythumb {
    --f-thumb-width: 50px;
    --f-thumb-height: 65px;
}

.mcontent img{width: 100% !important;height: auto;}

.err404{max-width: 800px;margin: auto;padding: 50px 0;}
.err404 .t404t1 h1{line-height: 1.2em;padding: 0;margin: 0;}
.err404 .t404t2{padding: 10px 0;color: #666;}
.err404 .t404nav{border-top:1px solid #ccc;padding-top: 20px; }
.err404 .t404nav a:hover{text-decoration: none;}
.err404 .t404col{display: inline-block;padding: 0 20px;text-align: center;}
.err404 .t404ico{font-size: 50px;}

@media (min-width: 576px) {

}

@media (min-width: 768px) {

    .bn-desc{display:block;}
    .t-banner .bn-info{top: 30%;}
    .hoddcol .list:nth-child(2n) .img{order: 1;}
    .hoddcol .list:nth-child(2n) .info{order: 0;}
    .hoddcol .b-title{padding-top: 0;}

    .ft-rows .ft-1{order: 0;}
    .ft-rows .ft-2{order: 1;}
    .bn-title{font-size:2rem !important;}
    .bn-prothumb{width: 120px;}
    .bn-prothumb.is-classic {
        --f-thumb-width: 100px;
        --f-thumb-height: 130px;
    }
    .bn-prothumb .f-thumbs__viewport{height: 530px !important;}
}


@media (min-width: 992px) {
    .top_bar{padding-top: 1.5rem;padding-bottom: 0.5rem;}
    .top_bar .logo{height: 45px;}

    .form-search{width: 33.33%;top: 0px;}
    .mcontent img{width: auto;}
}

@media (min-width: 1200px) {


}

@media (min-width: 1400px) {



}