/*
Theme Name: Flatsome - Child
Theme URI: 
Author: 
Author URI: 
Description: This is child theme of Flatsome
Template: flatsome
Version: 1.0.0
*/

img{max-width: 100%; height: auto}
p{margin-bottom: 15px}
p:last-child{margin-bottom: 0}
.m-0 {margin: 0!important; }
.m-1 {margin: 0.25rem!important; }
.m-2 {margin: 0.5rem!important; }
.m-3 {margin: 1rem!important; }
.m-4 {margin: 1.5rem!important; }
.m-5 {margin: 3rem!important; }
.mt-1, .my-1 {margin-top: 0.25rem!important; }
.mt-2, .my-2 {margin-top: 0.5rem!important; }
.mt-3, .my-3 {margin-top: 1rem!important; }
.mt-4, .my-4 {margin-top: 1.5rem!important; }
.mt-5, .my-5 {margin-top: 3rem!important; }
.mb-1, .my-1 {margin-bottom: 0.25rem!important; }
.mb-2, .my-2 {margin-bottom: 0.5rem!important; }
.mb-3, .my-3 {margin-bottom: 1rem!important; }
.mb-4, .my-4 {margin-bottom: 1.5rem!important; }
.mb-5, .my-5 {margin-bottom: 3rem!important; }

.p-0 {padding: 0!important; }
.p-1 {padding: 0.25rem!important; }
.p-2 {padding: 0.5rem!important; }
.p-3 {padding: 1rem!important; }
.p-4 {padding: 1.5rem!important; }
.p-5 {padding: 3rem!important; }
.pt-1, .py-1 {padding-top: 0.25rem!important; }
.pt-2, .py-2 {padding-top: 0.5rem!important; }
.pt-3, .py-3 {padding-top: 1rem!important; }
.pt-4, .py-4 {padding-top: 1.5rem!important; }
.pt-5, .py-5 {padding-top: 3rem!important; }
.pb-1, .py-1 {padding-bottom: 0.25rem!important; }
.pb-2, .py-2 {padding-bottom: 0.5rem!important; }
.pb-3, .py-3 {padding-bottom: 1rem!important; }
.pb-4, .py-4 {padding-bottom: 1.5rem!important; }
.pb-5, .py-5 {padding-bottom: 3rem!important; }

.d-flex {display: -ms-flexbox!important; display: flex!important; }
.flex-wrap {-ms-flex-wrap: wrap!important; flex-wrap: wrap!important; }
.justify-content-center {-ms-flex-pack: center!important; justify-content: center!important; }
.justify-content-between {justify-content: space-between !important; }
.text-center{text-align: center;}
.flex-column{flex-direction: column;}
.flex-row{flex-direction: row;}
.align-items-center{align-items: center;}
.list-unstyled {padding-left: 0; list-style: none; }
.list-unstyled li{margin-left: 0!important}

h1, h2, h3, h4, h5, h6, .heading-font {color: #ff0000 }
.button, button, input[type=submit], input[type=reset], input[type=button]{font-weight: 400}
.icon-box-left{align-items: center;}

.header-bottom .nav>li>a{font-weight: 400; padding: 0; margin: 0 20px}
.header-bottom .sub-menu a{color: #fff; border-bottom: none!important}
.header-bottom .sub-menu a:hover{color: #ff0000}

.related-title {margin-top: 15px }
.related-title a{color:#fff }
.title-related-posts{color: #ff0000; text-transform: uppercase; font-weight: 700; margin-bottom: 15px}
/* #search-lightbox .flex-row{background-color: rgba(255, 255, 255, .2) !important; border-radius: 99px; overflow: hidden;}
#search-lightbox .flex-row .search-field{background-color: transparent; border: none}
#search-lightbox .flex-row .ux-search-submit{background-color: transparent} */
/* .off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {background-color: #3a3a3a; }
.off-canvas-left.mfp-ready .mfp-content a, .off-canvas-right.mfp-ready .mfp-content auto{color: #fff; } */

.title-section p{border-bottom: 12px solid #0d0d0d; color: #0d0d0d; display: inline-block; font-size: 28px; font-weight: 700; margin-bottom: 35px; padding-bottom: 4px;}

.animated-button1, .animated-button2{padding: 0 30px!important; margin: 0 10px!important;}
.animated-button1 {background: linear-gradient(-30deg, #004b68 50%, #01435e 50%); padding: 0.1rem 1.875rem; margin: 10px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #fff; font-size: 15px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); line-height: 30px; border-radius: 5px; font-weight: 600; }
.animated-button1::before {content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ad8585; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; }
.animated-button1 span {position: absolute; }
.animated-button1 span:nth-child(1) {top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(#47cbff)); background: linear-gradient(to left, rgba(43, 8, 8, 0), #47cbff); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; }
.animated-button1 span:nth-child(2) {top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 8, 0)), to(#47cbff)); background: linear-gradient(to top, rgba(43, 8, 8, 0), #47cbff); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; }
.animated-button1 span:nth-child(3) {bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 8, 0)), to(#47cbff)); background: linear-gradient(to right, rgba(43, 8, 8, 0), #47cbff); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; }
.animated-button1 span:nth-child(4) {top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 8, 0)), to(#47cbff)); background: linear-gradient(to bottom, rgba(43, 8, 8, 0), #47cbff); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; }
.animated-button2 {background: linear-gradient(-30deg, #664900 50%, #463200 50%); padding: 0.1rem 1.875rem; margin: 10px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #f7e6d4; font-size: 15px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); line-height: 30px; border-radius: 5px; font-weight: 600; }
.animated-button2::before {content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ad9985; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; }
.animated-button2 span {position: absolute; }
.animated-button2 span:nth-child(1) {top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(43, 26, 8, 0)), to(#ffb90c)); background: linear-gradient(to left, rgba(43, 26, 8, 0), #ffb90c); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; }
.animated-button2 span:nth-child(2) {top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 26, 8, 0)), to(#ffb90c)); background: linear-gradient(to top, rgba(43, 26, 8, 0), #ffb90c); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; }
.animated-button2 span:nth-child(3) {bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(43, 26, 8, 0)), to(#ffb90c)); background: linear-gradient(to right, rgba(43, 26, 8, 0), #ffb90c); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; }
.animated-button2 span:nth-child(4) {top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 26, 8, 0)), to(#ffb90c)); background: linear-gradient(to bottom, rgba(43, 26, 8, 0), #ffb90c); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; }
@-webkit-keyframes animateTop{
	0%{-webkit-transform:translateX(100%);transform:translateX(100%)}
	100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}
@keyframes animateTop{
	0%{-webkit-transform:translateX(100%);transform:translateX(100%)}
	100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}
@-webkit-keyframes animateRight{
	0%{-webkit-transform:translateY(100%);transform:translateY(100%)}
	100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
}
@keyframes animateRight{
	0%{-webkit-transform:translateY(100%);transform:translateY(100%)}
	100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
}
@-webkit-keyframes animateBottom{
	0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
	100%{-webkit-transform:translateX(100%);transform:translateX(100%)}
}
@keyframes animateBottom{
	0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
	100%{-webkit-transform:translateX(100%);transform:translateX(100%)}
}
@-webkit-keyframes animateLeft{
	0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	100%{-webkit-transform:translateY(100%);transform:translateY(100%)}
}
@keyframes animateLeft{
	0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	100%{-webkit-transform:translateY(100%);transform:translateY(100%)}
}

.table-responsive {display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

table {border-collapse: collapse; text-align: center; overflow: hidden; border-radius: 5px; border-style: hidden; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); }
th, td{text-align: center; white-space: nowrap;}
th:first-child, td:first-child{padding-left: 10px}
th {font-weight: bold; color: #4a809e; width: 14.2%; padding: 10px; border: 2px solid rgba(255, 255, 255, 0.1); background-color: rgba(10, 31, 45, 0.7); text-transform: none; }
td {color: #fff; border: none; padding: 10px; vertical-align: top; background-color: rgb(9, 43, 62, 0.8); font-weight: bold; border: 2px solid rgba(255, 255, 255, 0.1); }
td.current-date {background-color: rgba(0, 60, 91, 0.9); }
td .details {background: rgba(255, 255, 255, 0.2); padding: 3px 0;}
td .title {margin-left: 10px}

#footer a:hover, #footer a:hover span{color: #ff0000}
#footer .section-title-container{margin-bottom: 0}
#footer .section-title{border-bottom: none}
#footer .section-title span{color: #000; padding: 0; border: none}
#footer .section-title b{display: none}

.page-wrapper .col-divided, .blog-wrapper .col-divided{padding-right: inherit; padding-left: inherit; border: none}
.page-wrapper .right .page-inner, .page-wrapper .left .page-inner, .blog-wrapper .large-9{background: linear-gradient(180deg, #EBEBEB 0%, #FFF 50.87%, #FBFBFB 100%); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 20px;}
aside.widget {background: rgb(155 155 155 / 27%); padding: 15px; border-radius: 5px; margin-top: 42px}
aside.widget .widget-title {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTgyIiBoZWlnaHQ9IjQyIiB2aWV3Qm94PSIwIDAgMTgyIDQyIj4NCiAgPGRlZnM+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIwLjUiIHgyPSIwLjUiIHkyPSIxIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+DQogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZjkwMDAiLz4NCiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2VmNjAwMCIvPg0KICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPGNsaXBQYXRoIGlkPSJjbGlwLeWEquaDoOa0u+WLlSI+DQogICAgICA8cmVjdCB3aWR0aD0iMTgyIiBoZWlnaHQ9IjQyIi8+DQogICAgPC9jbGlwUGF0aD4NCiAgPC9kZWZzPg0KICA8ZyBpZD0i5YSq5oOg5rS75YuVIiBjbGlwLXBhdGg9InVybCgjY2xpcC3lhKrmg6DmtLvli5UpIj4NCiAgICA8ZyBpZD0iR3JvdXBfNzA1MjgiIGRhdGEtbmFtZT0iR3JvdXAgNzA1MjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNDkgLTIyNCkiPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMjQxNTgiIGRhdGEtbmFtZT0iUGF0aCAyNDE1OCIgZD0iTTAsMEgxNDJsMjAsNDJILTIwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjY5IDIyNCkiIGZpbGw9IiNmZjkwMDAiLz4NCiAgICAgIDxwYXRoIGlkPSJQYXRoXzI0MTU5IiBkYXRhLW5hbWU9IlBhdGggMjQxNTkiIGQ9Ik0wLDBIMTQybDEwLDQySC0xMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2OSAyMjQpIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudCkiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K) no-repeat 50% / cover; display: block; min-height: 42px; text-align: center; line-height: 42px; color: #fff; margin-top: -57px;}
aside.widget .widget-title + .is-divider {display: none}
h1.entry-title {color: #ff0000 }
.archive-page-header h1.page-title{color: #ff0000}
.entry-divider{background-color: #ff0000}
.entry-header-text-top{padding-bottom: 0}
.post-item .box-text .post-title, .post-item .box-text .from_the_blog_excerpt{color: #fff}
.post-item .box-text .post-title:hover{color: #ff0000}
.post-item .box-text .is-divider{background-color: #fff}
.flatsome_recent_posts .post_comments{display: none}
.flatsome_recent_posts a {color: #000; font-size: 14.5px; }
.feature {position: relative; overflow: hidden; }
.feature::before {content: ""; display: block; padding-top: 56.25%; }
.feature .image{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background-size: cover; background-position: center; }

/* Custom */
.tilte_local{border-radius: 16.928px; border-bottom: 6px solid #FFF; background: linear-gradient(360deg, #DEDEDE 0%, #E3E3E3 24.31%, #FEFEFE 63.89%, #F3F3F3 100%); box-shadow: 0px 0px 6.5107197761535645px 0px rgba(255, 255, 255, 0.69) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.20); text-align: center; display: flex; justify-content: center; gap: 15px; align-items: center; padding: 13px 0}
.tilte_local p{margin-bottom: 0}
.tilte_local a{background: linear-gradient(156deg, #CE6B6B 0%, #630000 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; font-size: 42px; font-style: normal; font-weight: 700; line-height: normal; position: relative;}
.arrow-left {content: ""; background-image: url(images/arrow-left.png); background-repeat: no-repeat; background-position: center; background-size: contain; width: 37px; height: 54px; }
.arrow-right {content: ""; background-image: url(images/arrow-right.png); background-repeat: no-repeat; background-position: center; background-size: contain; width: 37px; height: 54px; }
.item_local {border-radius: 12.827px; background-image: url(images/bg-local.png); background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; display: flex; justify-content: flex-start; padding: 14px 15px; align-items: center; position: relative;}
.item_local:hover {opacity: 0.8; }
.item_local .number {font-weight: 700; color: #D7000D; font-size: 36px; position: absolute; left: 25px; top: 50%; transform: translateY(-50%); }
.item_local .title {color: #291008; text-align: center; font-size: 30px; font-weight: 700; width: 100%; }
.slider-custom{padding: 0; bottom: 0px; }
.slider-custom .flickity-slider .img{max-width: 20%!important; margin: 5px; border: 2px solid #fff; }
.slider-custom .flickity-page-dots {display: none; }
.mocbai_policy{background: linear-gradient(180deg, #EBEBEB 0%, #FFF 50.87%, #FBFBFB 100%); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15); border-radius: 40px; padding: 50px 120px;}
.hr-line {margin-top: 30px; border-top: 2px solid #D7000D; display: flex; justify-content: center; }
.hr-line .title {width: 288px; color: #FFF; font-size: 33.15px; font-weight: 700; line-height: normal; text-align: center; background-image: url(images/hr_title.png); background-position: center; background-size: contain; background-repeat: no-repeat; padding: 8px 0px; }
.type-item{border-radius: 32px 12px; overflow: hidden; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);}
.type-item .box-text{color: #2D2D2D; text-shadow: 0px 1.8744966983795166px 0px rgba(255, 255, 255, 0.90); font-size: 30px; font-weight: 700; position: absolute; top: 10px; left: 20px; text-align: left; padding: 0;}
.footer-menu .title{text-align: center; font-size: 24px; font-weight: 700; margin-bottom: 20px}
.footer-menu .links-list {display: flex; flex-wrap: wrap; gap: 16px; }
.footer-menu .links-list a{color: #000; display: block; width: calc(25% - 12px); font-size: 18px;}
#text_more {display: none; }
.readmore_text, .readless_text{color: #f9a631; cursor: pointer;}
.paymend-menthod {-moz-column-gap: 54px; column-gap: 54px; row-gap: 26px; display: flex; flex-direction: row; flex-wrap: wrap; }
.license-info .flex-icon01 {
    flex-wrap: wrap;
}
.gap-\[8px\] {
    gap: 8px;
}

@media screen and (max-width: 767px){
    .mocbai_policy{padding: 50px 15px}
}

@media screen and (max-width: 480px){
    
}

@media (min-width: 768px){
	.d-md-flex {display: flex !important; }
	.flex-md-column {flex-direction: column !important; }
}

@media (min-width: 850px){
	.nav-divided>li+li>a:after{border-color: hsla(0, 0%, 100%, .2)}
}