html{font-size:100%;scroll-behavior:smooth}
body{background-color:#fff;font-family:'Mukta',sans-serif;font-size:14px;font-weight:500;line-height:1.5em;color:#2e2e2e;overflow-x:hidden}
@media only screen and (max-width: 991px) {
body{font-size:14px}
}
a{display:inline-block}
ul{list-style-type:none;padding:0;margin:0}
blockquote{margin:0 0 1.3em}
p{margin-bottom:15px;line-height:30px;}
p:last-child{margin-bottom:0}
@media only screen and (max-width: 1199px) {
p{line-height:30px}
}
img{max-width:100%;height:auto}
button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,input:focus,textarea:focus{outline:none}
button,input[type="button"],input[type="reset"],input[type="submit"]{border:none;cursor:pointer}
input,textarea{padding:12px 25px;width:100%}
span{display:inline-block}
a,a:focus,a:hover{text-decoration:none;color:inherit}
blockquote{padding:40px 100px;border-radius:5px;position:relative;margin-top:30px;text-align:center}
@media only screen and (max-width: 991px) {
blockquote{padding:20px}
}
blockquote .quote-content-area span{position:relative;font-size:16px;padding-right:70px;padding-left:70px;color:#fff}
blockquote .quote-content-area span::before{position:absolute;content:'';top:10px;left:0;width:50px;height:1px;background-color:rgba(232,0,0,0.7)}
blockquote .quote-content-area span::after{position:absolute;content:'';top:10px;right:0;width:50px;height:1px;background-color:rgba(232,0,0,0.7)}
@media only screen and (max-width: 991px) {
blockquote .quote-content-area span{font-size:14px}
}
blockquote .quote-content{font-size:24px!important;color:#fff;font-family:"Kanit",sans-serif;text-transform:uppercase;font-weight:600;font-style:italic;margin-bottom:30px}
@media only screen and (max-width: 991px) {
blockquote .quote-content{font-size:16px!important}
}
blockquote .quote-icon{margin-bottom:25px}
.pt-0{padding-top:0}
.pt-10{padding-top:10px}
.pt-20{padding-top:20px}
.pt-30{padding-top:30px}
.pt-40{padding-top:40px}
.pt-50{padding-top:50px}
.pt-60{padding-top:60px}
.pt-80{padding-top:80px}
.pt-100{padding-top:100px}
@media only screen and (max-width: 991px) {
.pt-100{padding-top:80px}
}
.pt-120{padding-top:120px}
@media only screen and (max-width: 991px) {
.pt-120{padding-top:80px}
}
.pt-150{padding-top:150px}
@media only screen and (max-width: 991px) {
.pt-150{padding-top:100px}
}
.pb-10{padding-bottom:10px}
.pb-20{padding-bottom:20px}
.pb-30{padding-bottom:30px}
.pb-40{padding-bottom:40px}
.pb-50{padding-bottom:50px}
.pb-60{padding-bottom:60px}
.pb-70{padding-bottom:70px}
.pb-80{padding-bottom:80px}
.pb-90{padding-bottom:90px}
.pb-100{padding-bottom:100px}
@media only screen and (max-width: 991px) {
.pb-100{padding-bottom:80px}
}
.pb-120{padding-bottom:120px}
@media only screen and (max-width: 991px) {
.pb-120{padding-bottom:80px}
}
.pb-150{padding-bottom:150px}
@media only screen and (max-width: 991px) {
.pb-150{padding-bottom:100px}
}
.ptb-10{padding:10px 0}
.ptb-20{padding:20px 0}
.ptb-30{padding:30px 0}
.ptb-40{padding:40px 0}
.ptb-50{padding:50px 0}
.ptb-60{padding:60px 0}
.ptb-80{padding:80px 0}
.ptb-100{padding:100px 0}
@media only screen and (max-width: 991px) {
.ptb-100{padding:80px 0}
}
.ptb-120{padding:120px 0}
@media only screen and (max-width: 991px) {
.ptb-120{padding:80px 0}
}
.ptb-150{padding:150px 0}
@media only screen and (max-width: 991px) {
.ptb-150{padding:100px 0}
}
.mt-10{margin-top:10px}
.mt-20{margin-top:20px}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mt-50{margin-top:50px}
.mt-60{margin-top:60px}
.mt-80{margin-top:80px}
.mt-100{margin-top:100px}
.mt-120{margin-top:120px}
.mt-150{margin-top:150px}
.mb-10{margin-bottom:10px}
.mb-20{margin-bottom:20px}
.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}
.mb-50{margin-bottom:50px}
.mb-60{margin-bottom:60px}
.mb-80{margin-bottom:80px}
@media only screen and (max-width: 575px) {
.mb-80{margin-bottom:40px}
}
.mb-100{margin-bottom:100px}
.mb-120{margin-bottom:120px}
.mb-150{margin-bottom:150px}
.mt-10-none{margin-top:-10px}
.mt-20-none{margin-top:-20px}
.mt-30-none{margin-top:-30px}
.mt-40-none{margin-top:-40px}
.mt-50-none{margin-top:-50px}
.mt-60-none{margin-top:-60px}
.mt-80-none{margin-top:-80px}
.mt-100-none{margin-top:-100px}
.mt-120-none{margin-top:-120px}
.mt-150-none{margin-top:-150px}
.mb-5-none{margin-bottom:-10px}
.mb-10-none{margin-bottom:-10px}
.mb-20-none{margin-bottom:-20px}
.mb-25-none{margin-bottom:-25px}
.mb-30-none{margin-bottom:-30px}
.mb-40-none{margin-bottom:-40px}
.mb-50-none{margin-bottom:-50px}
.mb-60-none{margin-bottom:-60px}
.mb-80-none{margin-bottom:-80px}
@media only screen and (max-width: 575px) {
.mb-80-none{margin-bottom:-40px}
}
.mb-100-none{margin-bottom:-100px}
.mb-120-none{margin-bottom:-120px}
.mb-150-none{margin-bottom:-150px}
.bg--primary{background-color:#7367f0!important}
.bg--secondary{background-color:#e80000}
.bg--success{background-color:#28c76f}
.bg--danger{background-color:#ea5455}
.bg--warning{background-color:#ff9f43}
.bg--info{background-color:#1e9ff2}
.bg--dark{background-color:#10163A}
.bg--base{background-color:#e80000!important}
.text--primary{color:#7367f0}
.text--secondary{color:#e80000}
.text--success{color:#28c76f}
.text--danger{color:#ea5455}
.text--warning{color:#ff9f43}
.text--info{color:#1e9ff2}
.text--dark{color:#10163A}
.text--base{color:#e80000!important}
.border--primary{border:#7367f0}
.border--secondary{border:1px solid #e80000}
.border--success{border:1px solid #28c76f}
.border--danger{border:1px solid #ea5455}
.border--warning{border:1px solid #ff9f43}
.border--info{border:1px solid #1e9ff2}
.border--dark{border:1px solid #10163A}
.border--base{border:1px solid #e5e5e5!important}
.section--bg{background-color:#462a19!important}
.bg--gray{background-color:#f8f9ff}
.border--rounded{border-radius:3px!important}
.border--capsule{border-radius:100px}
.box-shadow{box-shadow:0 2px 8px 0 rgba(0,0,0,0.08)}
.dark{background-color:#19232D}
::-webkit-scrollbar-track{-webkit-box-shadow:inset -5px -5px 8px -1px rgba(255,255,255,0.7),5px 5px 8px -1px rgba(0,0,0,0.065);box-shadow:inset -5px -5px 8px -1px rgba(255,255,255,0.7),5px 5px 8px -1px rgba(0,0,0,0.065);background-color:#f8f9ff}
::-webkit-scrollbar{width:6px;background-color:#f8f9ff}
::-webkit-scrollbar-button{background-color:#e80000}
::-webkit-scrollbar-thumb{background-color:#e80000}
.scrollToTop{position:fixed;bottom:0;right:0;font-weight:600;color:#fff;font-size:14px;text-align:center;border-radius:25px;z-index:99;cursor:pointer;transition:all 2s;transform:translateY(-5000%)}
.scrollToTop img{width:60%}
@media only screen and (max-width: 991px) {
.scrollToTop img{width:70%}
}
.scrollToTop .scrollToTop-icon{position:absolute;top:44%;left:54%;transform:translate(-50%,-50%);display:none}
.scrollToTop.active{bottom:30px;transform:translateY(0%)}
@media only screen and (max-width: 1270px) {
.scrollToTop.active{bottom:80px}
}
.scrollToTop:hover,.scrollToTop:focus{color:#fff}
.call-widget-wrapper{position:fixed;z-index:99;top:50%;transform:translateY(-50%) translateX(900px);right:0;width:900px;margin-right:0;box-shadow:0 5px 25px rgba(0,0,0,0.1);padding:50px 30px;transition:all .5s;background-color:#1F2E3C}
.call-widget-wrapper.open{transform:translateY(-50%) translateX(0)}
.call-widget-wrapper.open .call-widget-btn{background-color:#000;border-bottom:1px solid rgba(255,255,255,0.2);color:#fff}
.call-widget-wrapper.open .call-widget-btn .arrow::after{border-top:none;border-left:none;border-bottom:3px solid #000;border-right:3px solid #000;margin-top:-6px}
.call-widget-wrapper .call-widget-btn{position:absolute;top:42.2%;left:-142px;background-color:#FFF8EE;transform:rotate(-90deg);color:#000;font-weight:700;border-radius:5px 5px 0 0;display:flex;align-items:center;padding:0;overflow:hidden;height:40px;transition:all .5s}
.call-widget-wrapper .call-widget-btn .num{padding:10px 27px;font-size:15px;display:flex;align-items:center}
.call-widget-wrapper .call-widget-btn i{color:#e80000;font-size:18px;margin-right:8px}
.call-widget-wrapper .call-widget-btn .arrow{width:50px;height:100%;background-color:#e80000;position:relative}
.call-widget-wrapper .call-widget-btn .arrow::after{border-top:4px solid #000;border-left:4px solid #000;content:'';display:block;height:14px;margin-top:-3px;pointer-events:none;position:absolute;right:18px;top:50%;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:14px}
@media only screen and (max-width: 1199px) {
.call-widget-wrapper{display:none}
}
.call-widget-form-area .book-form .book-select::after{color:#000}
.call-widget-form-area .book-form label{color:#fff}
.call-widget-form-area .book-form .form--control{color:#000;font-weight:600;font-size:13px}
.call-widget-form-area .book-form button,.call-widget-form-area .book-form input[type="button"],.call-widget-form-area .book-form input[type="reset"],.call-widget-form-area .book-form input[type="submit"]{border-radius:5px;margin-top:0}
.call-widget-form-area .book-quantity .book-plus-minus .book-plus-minus-box{color:#fff}
.custom-table{width:100%;border-radius:10px;background-color:#000;overflow:hidden;z-index:9}
.custom-table thead{z-index:9}
.custom-table thead tr{background:#e80000;position:relative;z-index:9}
.custom-table thead tr th{border:none;font-weight:500;text-align:center;color:#fff;font-family:"Kanit",sans-serif;font-size:20px;padding:30px 45px;position:relative;z-index:2}
@media only screen and (max-width: 1199px) {
.custom-table thead tr th{padding:30px 20px}
}
.custom-table thead tr th::after{position:absolute;content:'';top:50%;transform:translateY(-50%);right:0;width:1px;height:20px;background-color:#fff}
.custom-table thead tr th:first-child{text-align:left;border-radius:10px 0 0 0}
.custom-table thead tr th:last-child{border-radius:0 10px 0 0}
.custom-table thead tr th:last-child::after{display:none}
.custom-table tbody tr{position:relative;z-index:9;border-bottom:1px solid rgba(255,255,255,0.7)}
.custom-table tbody tr td{border:none;font-weight:400;text-align:center;color:#fff;font-family:"Kanit",sans-serif;font-size:18px;padding:15px 45px;border-right:1px solid rgba(255,255,255,0.7);position:relative;z-index:2}
@media only screen and (max-width: 1199px) {
.custom-table tbody tr td{padding:15px 20px}
}
.custom-table tbody tr td::after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;transform:scale(0);background-color:#e80000;box-shadow:0 10px 20px rgba(232,0,0,0.24);transition:all .3s;z-index:-1}
.custom-table tbody tr td:hover::after,.custom-table tbody tr td.active::after{transform:scale(1)}
.custom-table tbody tr td:hover span,.custom-table tbody tr td.active span{color:#fff}
.custom-table tbody tr td:first-child{text-align:left}
.custom-table tbody tr td:first-child::after{display:none}
.custom-table tbody tr td span{color:#818181;display:block;font-size:15px;margin-top:5px}
.custom-table tbody tr td .dot{position:relative}
.custom-table tbody tr td .dot::before{position:absolute;content:'';top:-18px;left:-47px;width:5px;height:5px;background-color:#e80000;border-radius:50%}
@media only screen and (max-width: 1199px) {
.custom-table tbody tr td .dot{display:none}
}
.custom-table tbody tr .blank-data::after{display:none}
.custom-table tbody tr .blank-data .dot::before{top:-43px}
.swiper-notification{display:none}
.swiper-pagination{position:relative;display:flex;justify-content:center;margin-top:35px}
.swiper-pagination .swiper-pagination-bullet{height:12px;width:12px;border-radius:50%;border:1px solid #c18422;background-color:transparent;opacity:1}
.swiper-pagination .swiper-pagination-bullet-active{border:none;background-color:#c18422;position:relative}
.dark .swiper-pagination .swiper-pagination-bullet{border:1px solid #fff}
.dark .swiper-pagination .swiper-pagination-bullet-active::before{border:1px solid #c18422}
.slider-next,.slider-prev{width:50px;height:50px;line-height:50px;font-size:22px;background-color:transparent;border:1px solid #fff;border-radius:50%;color:#fff;display:inline-block;text-align:center;position:relative;cursor:pointer;transition:all .3s}
.slider-next:hover,.slider-prev:hover{background-color:rgba(232,0,0,0.2);border:1px solid transparent;color:#c18422}
.slider-next{margin-left:10px}
.pagination{display:flex;flex-wrap:wrap;margin-top:60px;margin-bottom:-8px}
.pagination .page-item{text-align:center;padding:8px}
.pagination .page-item a,.pagination .page-item span{width:40px;height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:transparent;border:1px solid #e6e6e6;color:#707070;padding:0;font-weight:700;line-height:40px;display:block;margin:0}
.pagination .page-item a:focus,.pagination .page-item span:focus{box-shadow:none}
.pagination .page-item.next a{background:transparent;border:none;color:#707070;margin-left:5px}
.pagination .page-item.prev a{background:transparent;border:none;color:#707070;margin-left:5px}
.pagination .page-item.disabled span{background:transparent;border:none;color:#707070;margin-right:5px}
.pagination .page-item .page-link{transition:all .3s}
.pagination .page-item.active .page-link,.pagination .page-item:hover .page-link{background-color:#e80000;border-color:transparent;color:#fff}
.pagination .page-item.active.next a,.pagination .page-item:hover.next a{background-color:transparent;color:#707070}
.pagination .page-item.active.prev a,.pagination .page-item:hover.prev a{background-color:transparent;color:#707070}
.pagination .page-item.active.disabled span,.pagination .page-item:hover.disabled span{background-color:transparent;color:#707070}
.pagination .page-item.active.tags a,.pagination .page-item:hover.tags a{background-color:transparent;color:#e80000}
.nav-tabs{margin:0;border:0}
.nav-tabs .nav-link{padding:8px 20px;border:none;font-weight:600;font-size:14px;background-color:#fff;border:1px solid #e6e6e6;border-radius:3px;font-family:"Kanit",sans-serif;transition:all .3s}
.nav-tabs .nav-link:hover{background-color:#e80000;border:1px solid #e80000;color:#fff}
.nav-tabs .nav-link.active{background-color:#e80000;border:1px solid #e80000;color:#fff}
.nav-tabs .nav-link:not(:last-child){margin-right:10px}
@media only screen and (max-width: 1199px) {
.nav-tabs .nav-link:not(:last-child){margin-right:5px}
}
.custom--card{border:none;background:#fff;box-shadow:0 5px 25px rgba(0,0,0,0.1)}
.custom--card .card-header{background:#e80000;padding:.8rem 1.6rem;border:none}
.custom--card .card-header .card-title{color:#fff;font-size:14px;margin-bottom:0;font-weight:700}
.custom--card .card-header .card-title i{margin-right:5px}
.custom--card .card-header .card-btn a{font-size:12px;padding:5px 15px;font-weight:600}
.custom--card .card-header .card-btn a i{margin-right:5px}
.custom--card .card-body{padding:20px 30px}
@media only screen and (max-width: 991px) {
.custom--card .card-body{padding:20px}
}
.custom--card .card-body p{font-size:13px;font-family:"Kanit",sans-serif}
.custom--card .card-body .card-form-wrapper .form--control{font-size:12px;border:1px solid #e6e6e6;background:#fff;font-size:13px;height:40px;color:#2e2e2e;font-weight:600}
.custom--card .card-body .card-form-wrapper .form--control::placeholder{color:#2e2e2e}
.custom--card .card-body .card-form-wrapper label{font-weight:700;margin-bottom:5px}
.custom--card .card-body .card-form-wrapper textarea{height:auto;min-height:120px;color:#2e2e2e}
.custom--card .card-body .card-form-wrapper .submit-btn{margin-top:10px;padding:12px 30px}
.video-main{position:relative;display:inline-block}
.waves{position:absolute;width:150px;height:150px;background:#e80000;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);border-radius:100%;right:-50px;bottom:-50px;z-index:-1;-webkit-animation:waves 3s ease-in-out infinite;animation:waves 3s ease-in-out infinite}
.wave-1{-webkit-animation-delay:0;animation-delay:0}
.wave-2{-webkit-animation-delay:1s;animation-delay:1s}
.wave-3{-webkit-animation-delay:2s;animation-delay:2s}
@keyframes waves {
0%{-webkit-transform:scale(0.2,0.2);transform:scale(0.2,0.2);opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
50%{opacity:.9;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90)}
100%{-webkit-transform:scale(0.9,0.9);transform:scale(0.9,0.9);opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
}
.video-icon{height:50px;width:50px;line-height:50px;text-align:center;border-radius:100%;color:#fff!important;display:inline-block;background:#e80000;z-index:999}
h1,h2,h3,h4,h5,h6{clear:both;line-height:1.3em;color:#000;font-weight:600;-webkit-font-smoothing:antialiased;font-family:"Kanit",sans-serif;text-transform:uppercase}
h1{font-size:32px}
@media only screen and (max-width: 991px) {
h1{font-size:30px}
}
h2{font-size:24px}
@media only screen and (max-width: 991px) {
h2{font-size:23px}
}
h3{font-size:21px}
@media only screen and (max-width: 991px) {
h3{font-size:19px}
}
h4{font-size:18px}
@media only screen and (max-width: 991px) {
h4{font-size:17px}
}
h5{font-size:16px}
h6{font-size:15px}
h1 a,h2 a,h3 a,h4 a,h5 a{color:inherit;text-decoration:none}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{color:inherit;text-decoration:none}
.section-header-wrapper{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;margin-bottom:60px}
.section-header-wrapper .section-header{margin-bottom:-5px;width:50%}
@media only screen and (max-width: 1199px) {
.section-header-wrapper .section-header{width:70%}
}
@media only screen and (max-width: 991px) {
.section-header-wrapper .section-header{width:100%;margin-bottom:20px}
}
.section-header-wrapper .section-header p{margin-bottom:5px}
.section-header{margin-bottom:30px;position:relative;z-index:9}
.service-section .section-header p{margin-top:0}
@media only screen and (max-width: 991px) {
.section-header{margin-bottom:40px}
}
.section-header.white .section-title{color:#fff}
.section-header.white p{color:#fff}
.section-header.left{margin-bottom:30px}
.section-header .section-title{margin-bottom:10px;position:relative;font-weight:700;color:#442918;margin-top:-5px}
.about-content-area .section-header .section-title{margin-bottom:15px}
@media only screen and (max-width: 991px) {
.section-header .section-title{margin-top:-7px}
}
.section-header .section-title span{color:#C18422}
.section-header p{margin-top:10px}
.about-content-area p{text-align:justify}
.about-content-area2 p{text-align:center}
input[type="submit"]:hover{color:#fff}
button,input[type="button"],input[type="reset"],input[type="submit"],input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}
button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus{outline:none}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
.btn{-webkit-transition:all .3s ease .02s;transition:all .3s ease .02s}
.btn:active,.btn:focus{box-shadow:0 0 0 rgba(0,0,0,0.125) inset}
.btn{border:0 solid;border-radius:0;font-weight:500;font-size:16px;-webkit-transition:all .3s ease 0;transition:all .3s ease 0}
@media only screen and (max-width: 767px) {
.btn{font-size:14px}
}
.btn-rounded{border-radius:3px}
.btn-capsule{border-radius:100px}
.btn--primary{background-color:#7367f0}
.btn--secondary{background-color:#868e96}
.btn--success{background-color:#28c76f}
.btn--danger{background-color:#ea5455}
.btn--warning{background-color:#ff9f43}
.btn--info{background-color:#1e9ff2}
.btn--dark{background-color:#10163A}
.badge--primary{background-color:#7367f0}
.badge--secondary{background-color:#868e96}
.badge--success{background-color:#28c76f}
.badge--danger{background-color:#ea5455}
.badge--warning{background-color:#ff9f43}
.badge--info{background-color:#1e9ff2}
.badge--dark{background-color:#10163A}
.border--primary{border:1px solid #7367f0}
.border--secondary{border:1px solid #868e96}
.border--success{border:1px solid #28c76f}
.border--danger{border:1px solid #ea5455}
.border--warning{border:1px solid #ff9f43}
.border--info{border:1px solid #1e9ff2}
.border--dark{border:1px solid #10163A}
.badge{font-weight:600;border-radius:999px;padding:5px 20px 7px;font-size:11px}
.btn--base{position:relative;text-transform:uppercase;background:#C18422;border:1px solid #C18422;color:#fff;padding:10px 25px;border-radius:5px;font-size:15px;font-weight:500;text-align:center;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s}
.btn--base.active{background:transparent;border:1px solid #fff;color:#fff}
.btn--base.active:hover{color:#fff;background:#C18422;border:1px solid #C18422}
.btn--base:focus,.btn--base:hover{color:#C18422;background-color:transparent}
@media only screen and (max-width: 991px) {
.btn--base{padding:10px 18px;font-size:13px}
}
.custom-btn{color:#fff;font-weight:500}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus{outline:none}
input,textarea{padding:12px 20px}
input::placeholder,textarea::placeholder{color:#000}
textarea{display:block;width:100%;display:block;min-height:90px}
input,select,textarea{border:1px solid #e6e6e6;vertical-align:baseline;font-size:100%;color:#000}
label{font-size:13px;font-weight:600;margin-bottom:10px;font-family:"Kanit",sans-serif;display:block}
select{outline:none;cursor:pointer}
option{color:#000}
.nice-select{line-height:34px}
.nice-select::after{right:20px}
.nice-select:focus::after{border-bottom:2px solid #000;border-right:2px solid #000}
.nice-select:focus .current{color:#000}
.nice-select:hover{border-color:#676767}
.nice-select .list{background-color:#fff;box-shadow:0 0 0 1px rgba(68,68,68,0.11);box-sizing:border-box;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;width:100%;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(0.75) translateY(-21px);transform:scale(0.75) translateY(-21px);-webkit-transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;z-index:9;min-height:50px;max-height:200px}
.nice-select::after{height:8px;width:8px;border-bottom:2px solid #fff;border-right:2px solid #fff}
.nice-select .list:hover .option:not(:hover){background-color:transparent!important}
.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);width:unset;min-height:50px;max-height:200px;overflow-y:scroll;width:100%}
.nice-select .option.focus,.nice-select .option.selected.focus{color:#000!important}
.nice-select.open .nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}
.nice-select .option{cursor:pointer;font-weight:700;line-height:40px;list-style:none;min-height:40px;outline:none;color:#000;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all .2s;transition:all .2s;font-size:14px}
.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}
.nice-select .option.disabled:after{border-color:#ccc}
.nice-select .option:hover{background-color:#e80000;color:#fff}
.nice-select .current{display:block;color:#fff}
.input-group{margin-bottom:15px;flex-wrap:nowrap}
.input-group input{border-radius:5px 0 0 5px;border:1px solid rgba(107,124,147,0.15);color:#6b7c93;height:45px}
.form-control:disabled,.form-control[readonly]{background-color:rgba(232,0,0,0.2)}
.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}
.input-group-append input{border-radius:5px 0 0 5px;border:1px solid #e6e6e6;border-right:none;background-color:#fff}
.input-group-text{border:none;font-size:14px;background:#EFF0F0;color:#000;height:45px;border-radius:0 5px 5px 0;font-weight:500}
.custom-check-group{display:block;margin-bottom:12px}
.custom-check-group input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer}
.custom-check-group input:checked + label::before{background-color:#e80000;border:1px solid #e80000}
.custom-check-group input:checked + label::after{content:'';display:block;position:absolute;top:3px;left:7px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.custom-check-group label{position:relative;cursor:pointer}
.custom-check-group label::before{content:'';-webkit-appearance:none;background:#fff;border:1px solid #e6e6e6;border-radius:3px;padding:8px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:8px;top:-2px}
.form-group{margin-bottom:15px}
.form-control{border:1px solid #e6e6e6;font-size:14px;height:50px}
.form-control:focus{box-shadow:none;border:1px solid #e6e6e6}
.form--control{background-color:#fff;border:1px solid #aaa;box-shadow:none;height:50px;color:#333;border-radius:5px;font-size:15px;font-weight:300;padding:10px 15px;width:100%}
@media only screen and (max-width: 991px) {
.form--control{font-size:14px}
}
.form--control:focus{background-color:#fff;border:1px solid transparent;box-shadow:none;color:#000}
.form--control:focus::placeholder{color:#000}
.form--control::placeholder{color:#8B8B8B}
.radio-item [type="radio"]:checked{position:absolute;left:-9999px}
.radio-item [type="radio"]:not(:checked){position:absolute;left:-9999px}
.radio-item [type="radio"]:checked + label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:#000;margin:0}
.radio-item [type="radio"]:not(:checked) + label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:#000;margin:0}
.radio-item [type="radio"]:checked + label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #e6e6e6;border-radius:100%;background:#fff}
.radio-item [type="radio"]:checked + label:after{content:'';width:12px;height:12px;background:#e80000;position:absolute;top:3px;left:3px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;-webkit-transform:scale(0);transform:scale(0)}
.radio-item [type="radio"]:not(:checked) + label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #e6e6e6;border-radius:100%;background:#fff}
.radio-item [type="radio"]:not(:checked) + label:after{content:'';width:12px;height:12px;background:#e80000;position:absolute;top:3px;left:3px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;-webkit-transform:scale(0);transform:scale(0)}
.radio-item [type="radio"]:checked + label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.select2-container{-ms-flex:0 0 100%;flex:0 0 100%;width:100%}
.selection{width:100%}
.select2-selection--single{width:100%;height:45px!important;outline:none;background:transparent!important;font-size:15px;box-shadow:none;padding:10px;border-radius:5px;vertical-align:top;display:inline-block;border:1px solid #e6e6e6!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.select2-selection--single span{margin:0;width:100%;color:#2e2e2e;line-height:initial;font-weight:600}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:auto;position:absolute;top:22px;right:7px;width:20px}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#2e2e2e transparent transparent}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #2e2e2e}
.submit-btn{padding:12px 20px;color:#fff;background:#000;font-weight:600;font-size:14px;border-radius:5px;font-family:"Kanit",sans-serif}
@media only screen and (max-width: 991px) {
.submit-btn{padding:10px 20px}
}
.bg_img{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.bg-fixed{background-attachment:fixed}
.bg-overlay-base{position:relative}
.bg-overlay-base:after{content:"";position:absolute;background-image:linear-gradient(335deg,#e80000 15%,rgba(25,25,25,0) 100%);width:100%;height:100%;left:0;right:0;top:0;bottom:0}
.bg-overlay-base > div{position:relative;z-index:2}
.bg-overlay-black{position:relative}
.bg-overlay-black:after{content:"";position:absolute;background-color:rgba(0,0,0,.55);opacity:.8;width:100%;height:100%;left:0;right:0;top:0;bottom:0}
.bg-overlay-black > div{position:relative;z-index:2}
.bg-overlay-red{position:relative}
.bg-overlay-red:after{content:"";position:absolute;background-color:#222;opacity:.7;width:100%;height:100%;left:0;right:0;top:0;bottom:0;mix-blend-mode:multiply}
.bg-overlay-red > div{position:relative;z-index:2}
.bg-overlay-white{position:relative}
.bg-overlay-white:after{content:"";position:absolute;background-color:#fff;opacity:.5;width:100%;height:100%;left:0;right:0;top:0;bottom:0}
.bg-overlay-white > div{position:relative;z-index:2}
@keyframes scroll-down {
0%{transform:translateY(0)}
50%{transform:translateY(10px)}
100%{transform:translateY(0px)}
}
@keyframes scroll-ver {
0%{transform:translateX(0)}
50%{transform:translateX(10px)}
100%{transform:translateX(0px)}
}
@keyframes rotate {
0%{transform:rotate(0)}
50%{transform:rotate(360deg)}
100%{transform:rotate(0)}
}
@keyframes rotate2 {
0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes rotate2 {
0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes rotate2 {
0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes scale {
0%{left:-800px;-webkit-transform:scale(0);transform:scale(0);opacity:0}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes slideUp {
from{background-position:0 0}
to{background-position:0 -1000%}
}
@keyframes slideUp {
from{background-position:0 0}
to{background-position:0 -1000%}
}
@keyframes outer-ripple {
0%{transform:scale(1);filter:alpha(opacity=50);opacity:.5;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-filter:alpha(opacity=50)}
80%{transform:scale(1.5);filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}
100%{transform:scale(2.5);filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5)}
}
@-webkit-keyframes outer-ripple {
0%{transform:scale(1);filter:alpha(opacity=50);opacity:.5;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
80%{transform:scale(2.5);filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5)}
100%{transform:scale(3.5);filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(3.5);-moz-transform:scale(3.5);-ms-transform:scale(3.5);-o-transform:scale(3.5)}
}
@-moz-keyframes outer-ripple {
0%{transform:scale(1);filter:alpha(opacity=50);opacity:.5;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
80%{transform:scale(2.5);filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5)}
100%{transform:scale(3.5);filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(3.5);-moz-transform:scale(3.5);-ms-transform:scale(3.5);-o-transform:scale(3.5)}
}
@keyframes inner-ripple {
0%{transform:scale(1);filter:alpha(opacity=50);opacity:.5;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
30%{transform:scale(1);filter:alpha(opacity=50);opacity:.5;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
100%{transform:scale(1.5);filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}
}
@-webkit-keyframes inner-ripple {
0%{transform:scale(1);filter:alpha(opacity=50);opacity:.5;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
30%{transform:scale(1);filter:alpha(opacity=50);opacity:.5;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
100%{transform:scale(1.5);filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}
}
@-moz-keyframes inner-ripple {
0%{transform:scale(1);filter:alpha(opacity=50);opacity:.5;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
30%{transform:scale(1);filter:alpha(opacity=50);opacity:.5;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
100%{transform:scale(1.5);filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}
}
@-webkit-keyframes ImgAnimate {
0%{-webkit-transform:rotate(0) translate(-10px) rotate(0);-moz-transform:rotate(0) translate(-10px) rotate(0);-ms-transform:rotate(0) translate(-10px) rotate(0);-o-transform:rotate(0) translate(-10px) rotate(0);transform:rotate(0) translate(-10px) rotate(0)}
100%{-webkit-transform:rotate(360deg) translate(-10px) rotate(-360deg);-moz-transform:rotate(360deg) translate(-10px) rotate(-360deg);-ms-transform:rotate(360deg) translate(-10px) rotate(-360deg);-o-transform:rotate(360deg) translate(-10px) rotate(-360deg);transform:rotate(360deg) translate(-10px) rotate(-360deg)}
}
@-moz-keyframes ImgAnimate {
0%{-webkit-transform:rotate(0) translate(-10px) rotate(0);-moz-transform:rotate(0) translate(-10px) rotate(0);-ms-transform:rotate(0) translate(-10px) rotate(0);-o-transform:rotate(0) translate(-10px) rotate(0);transform:rotate(0) translate(-10px) rotate(0)}
100%{-webkit-transform:rotate(360deg) translate(-10px) rotate(-360deg);-moz-transform:rotate(360deg) translate(-10px) rotate(-360deg);-ms-transform:rotate(360deg) translate(-10px) rotate(-360deg);-o-transform:rotate(360deg) translate(-10px) rotate(-360deg);transform:rotate(360deg) translate(-10px) rotate(-360deg)}
}
@-ms-keyframes ImgAnimate {
0%{-webkit-transform:rotate(0) translate(-10px) rotate(0);-moz-transform:rotate(0) translate(-10px) rotate(0);-ms-transform:rotate(0) translate(-10px) rotate(0);-o-transform:rotate(0) translate(-10px) rotate(0);transform:rotate(0) translate(-10px) rotate(0)}
100%{-webkit-transform:rotate(360deg) translate(-10px) rotate(-360deg);-moz-transform:rotate(360deg) translate(-10px) rotate(-360deg);-ms-transform:rotate(360deg) translate(-10px) rotate(-360deg);-o-transform:rotate(360deg) translate(-10px) rotate(-360deg);transform:rotate(360deg) translate(-10px) rotate(-360deg)}
}
@keyframes ImgAnimate {
0%{-webkit-transform:rotate(0) translate(-10px) rotate(0);-moz-transform:rotate(0) translate(-10px) rotate(0);-ms-transform:rotate(0) translate(-10px) rotate(0);-o-transform:rotate(0) translate(-10px) rotate(0);transform:rotate(0) translate(-10px) rotate(0)}
100%{-webkit-transform:rotate(360deg) translate(-10px) rotate(-360deg);-moz-transform:rotate(360deg) translate(-10px) rotate(-360deg);-ms-transform:rotate(360deg) translate(-10px) rotate(-360deg);-o-transform:rotate(360deg) translate(-10px) rotate(-360deg);transform:rotate(360deg) translate(-10px) rotate(-360deg)}
}
@keyframes video {
0%{box-shadow:0 0 0 0 rgba(232,0,0,0.7)}
40%{box-shadow:0 0 0 50px rgba(232,0,0,0)}
80%{box-shadow:0 0 0 50px rgba(232,0,0,0)}
100%{box-shadow:0 0 0 rgba(232,0,0,0)}
}
@keyframes horizontal-move {
0%{transform:rotateZ(5deg)}
50%{transform:rotateZ(-5deg)}
100%{transform:rotateZ(5deg)}
}
@-webkit-keyframes slideUp {
from{background-position:0 0}
to{background-position:0 -1000%}
}
@keyframes slideUp {
from{background-position:0 0}
to{background-position:0 -1000%}
}
@-webkit-keyframes banner_zoomOut {
from{opacity:1}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes banner_zoomOut {
from{opacity:1}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.banner_zoomOut{-webkit-animation-name:banner_zoomOut;animation-name:banner_zoomOut}
.preloader{position:fixed;top:0;left:0;width:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;z-index:9999999;background:#fff}
.loader{width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}
.row > *{position:relative}
@media (min-width: 1480px) {
.col-xxl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
}
@media (max-width: 575px) {
.col-xxs-6{flex:0 0 auto;width:50%}
}
@media only screen and (max-width: 575px) and (max-width: 500px) {
.col-xxs-6{width:100%}
}
@media (max-width: 575px) {
.col-xs-6{flex:0 0 auto;width:50%}
}
@media only screen and (max-width: 575px) and (max-width: 400px) {
.col-xs-6{width:100%}
}
section{overflow:hidden}
::selection{background-color:#e80000;color:#fff}
.header-section{position:absolute;top:0;left:0;width:100%;z-index:999;background-color:transparent}
.header{background-color:#462a19a6;width:100%;z-index:99;-webkit-transition:all ease 1s;transition:all ease 1s}
.header.active{transform:translateY(0%);position:fixed;top:0;left:0;animation-name:fadeInDown;animation-duration:1s;transition:all 1s}
.header-section.header-fixed{position:fixed;top:0;left:0;width:100%;z-index:9999;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.header-section.header-fixed .header-top-area{display:none!important}
.header-section.header-fixed .header-bottom-area{padding-bottom:15px}
.header-section.header-fixed .header-links li{color:#000}
.header-section.header-fixed .header-links li .title{color:#000}
.header-section.header-fixed .header-links li .sub-title{color:#000}
.header-section.header-fixed .header-action a{background-color:#e80000;color:#fff}
.header-bottom-area{position:relative;padding:15px 250px 0 200px}
@media only screen and (max-width: 1830px) {
.header-bottom-area{padding:15px 180px 0 150px}
}
@media only screen and (max-width: 1675px) {
.header-bottom-area{padding:15px 100px 0 90px}
}
@media only screen and (max-width: 1435px) {
.header-bottom-area{padding:15px 60px 0 30px}
}
@media only screen and (max-width: 1340px) {
.header-bottom-area{padding:15px 30px 0}
}
@media only screen and (max-width: 991px) {
.header-bottom-area{padding:15px 0 0}
}
.header-bottom-area .navbar-expand-xl{background-color:transparent;padding:0!important}
@media (max-width: 1199px) {
.header-bottom-area .navbar-collapse{background-color:#000!important;padding:0!important}
.header-bottom-area .navbar-collapse .main-menu{padding:15px 0}
.header-bottom-area .menu_has_children .sub-menu li{width:100%}
}
.header-bottom-area .navbar-collapse .main-menu li:last-child .sub-menu{left:auto;right:0}
.header-bottom-area .navbar-collapse .main-menu li{position:relative;padding-right:40px}
@media only screen and (max-width: 1199px) {
.header-bottom-area .navbar-collapse .main-menu li{padding-right:0}
}
.header-bottom-area .navbar-collapse .main-menu li:last-child{padding-right:0!important;margin-right:0}
.header-bottom-area .navbar-collapse .main-menu li:last-child a::after{display:none}
.header-bottom-area .navbar-collapse .main-menu li:hover .sub-menu{opacity:1;visibility:visible;top:120%}
.header-bottom-area .navbar-collapse .main-menu li.menu_has_children:hover a{color:#fff}
.header-bottom-area .navbar-collapse .main-menu li.menu_has_children a:hover{color:#fff}
.header-bottom-area .navbar-collapse .main-menu li:hover .toggle-bar .element{background-color:#fff!important}
.header-bottom-area .navbar-collapse .main-menu li.menu_has_children{position:relative}
.header-bottom-area .navbar-collapse .main-menu li.menu_has_children a::before{display:none}
.header-bottom-area .navbar-collapse .main-menu li.menu_has_children i{font-size:18px;margin-right:5px}
@media (max-width: 1199px) {
.header-bottom-area .navbar-collapse .main-menu li.menu_has_children::before{top:12px;right:15px}
}
.header-bottom-area .navbar-collapse .main-menu li a{position:relative;font-weight:400;font-family:"Kanit",sans-serif;align-items:center;color:#000;display:flex;font-size:15px;transition:all .5s;z-index:10}
.header-bottom-area .navbar-collapse .main-menu li a::after{position:absolute;content:'';top:6px;right:-22px;width:2px;height:12px;background-color:#c18422}
@media only screen and (max-width: 1199px) {
.header-bottom-area .navbar-collapse .main-menu li a::after{right:-10px}
}
@media only screen and (max-width: 1199px) {
.header-bottom-area .navbar-collapse .main-menu li a::after{display:none}
}
.header-bottom-area .navbar-collapse .main-menu li a::before{position:absolute;content:'';bottom:0;left:0;width:0;height:1px;background-color:#c18422;transition:all .5s}
.header-bottom-area .navbar-collapse .main-menu li a.site-logo::before{display:none!important}
.header-bottom-area .navbar-collapse .main-menu li a:hover{color:#c18422}
.header-bottom-area .navbar-collapse .main-menu li a:hover::before{width:100%}
@media (max-width: 1199px) {
.header-bottom-area .navbar-collapse .main-menu li a{color:#fff;padding:12px 15px!important;display:block;width:100%}
}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu{position:absolute;top:150%;left:-11px;width:230px;background-color:#000;box-shadow:0 6px 30px rgba(0,0,0,0.07);opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s;z-index:9;margin-left:0;border-radius:0 5px 5px 5px}
@media only screen and (max-width: 1199px) {
.header-bottom-area .navbar-collapse .main-menu li .sub-menu{border-radius:5px;width:100%;z-index:99;background-color:transparent;margin-left:30px}
}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu::before{position:absolute;content:'';top:-45px;left:0;width:39%;height:45px;background-color:#000;border-radius:5px 5px 0 0}
@media only screen and (max-width: 1199px) {
.header-bottom-area .navbar-collapse .main-menu li .sub-menu::before{display:none}
}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu li{border-bottom:1px solid rgba(255,255,255,0.1);margin-right:0;padding-right:0;transition:all ease .3s;position:relative;z-index:2}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu li:last-child{border-bottom:0 solid}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu li:hover{background-color:#c18422}
@media only screen and (max-width: 1199px) {
.header-bottom-area .navbar-collapse .main-menu li .sub-menu li:hover{background-color:transparent}
}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu li:hover a{color:#fff}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu li a{color:#fff;width:100%;padding:15px 20px;font-size:14px;display:block;transition:all ease .3s}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu li a::after{position:unset;content:none}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu li a::before{display:none}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu li .sub-menu{padding:0;top:0;left:230px;border-radius:0 5px 5px 0;border-left:1px solid rgba(255,255,255,0.1);opacity:0;visibility:hidden}
@media only screen and (max-width: 1199px) {
.header-bottom-area .navbar-collapse .main-menu li .sub-menu li .sub-menu{border-radius:0;display:none;border:none}
}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu li .sub-menu::before{display:none}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu li:hover .sub-menu,.header-bottom-area .navbar-collapse .main-menu li .sub-menu li.show .sub-menu{opacity:1;visibility:visible}
@media (max-width: 1199px) {
.header-bottom-area .navbar-collapse .main-menu li .sub-menu{position:initial;opacity:1;visibility:visible;-webkit-transition:none;transition:none}
}
.navbar-collapse .main-menu li:last-child .sub-menu{left:auto;right:0}
.header-right{display:flex;flex-wrap:wrap;align-items:center}
.site-logo{margin-right:250px}
@media only screen and (max-width: 1530px) {
.site-logo{margin-right:100px}
}
@media only screen and (max-width: 991px) {
.site-logo{max-width:150px;margin-right:0}
}
.language-select{background:transparent;color:#fff;border:none;border-radius:3px;font-size:14px;font-weight:500}
@media only screen and (max-width: 991px) {
.language-select{margin-left:12px}
}
@media only screen and (max-width: 1366px) {
.header-links-area{display:none}
}
.header-links li{display:inline-block;color:#fff;font-size:13px}
.header-links li i{color:#e80000;font-size:20px;margin-right:8px}
.header-links li + li{margin-left:15px}
@media only screen and (max-width: 1199px) {
.header-links li + li{margin-left:0;margin-top:10px}
}
@media only screen and (max-width: 1199px) {
.header-action-area{display:flex}
}
.header-action-area .action-btn{width:30px;height:30px;line-height:35px;display:inline-block;text-align:center;background-color:#e80000;border-radius:5px;color:#000;display:none}
.header-action-area .action-btn.two{font-size:20px}
@media only screen and (max-width: 1199px) {
.header-action-area .action-btn{display:block}
}
.header-action{display:flex;flex-wrap:wrap;margin:-5px;margin-left:30px}
@media only screen and (max-width: 1299px) {
.header-action{margin:0;margin-left:5px}
}
@media only screen and (max-width: 1199px) {
.header-action{position:absolute;width:210px;left:auto;right:0;top:100%;background:#27323c;padding:20px;z-index:9;display:none}
}
.header-action a{padding:12px 20px;background-color:#fff;color:#000;font-family:"Kanit",sans-serif;border:2px solid #fff;font-weight:600;font-size:16px;margin:5px;display:flex;align-items:center}
.header-action a:hover{background-color:transparent;color:#fff}
.header-links li{color:#fff}
.header-links li .title{font-style:italic;font-weight:600;font-family:"Kanit",sans-serif;color:#fff;margin-bottom:2px}
.header-links li .sub-title{font-weight:400;font-family:"Kanit",sans-serif;color:#fff;font-size:18px}
.header-links li + li{margin-left:40px}
.navbar-toggler{padding:0}
.navbar-toggler:focus{box-shadow:none}
.navbar-toggler span{width:40px;height:40px;line-height:40px;border-radius:5px;color:#000;font-size:30px}
@media only screen and (max-width: 1199px) {
.navbar-toggler span{font-size:22px}
}
.toggle-menu{display:flex;align-items:center}
.toggle-wrapper{display:flex;flex-direction:column;margin-right:5px}
.toggle-bar{display:flex}
.toggle-bar .element{width:5px;height:5px;background-color:#c18422;margin:1px;border-radius:3px}
@media only screen and (max-width: 1199px) {
.toggle-bar .element{background-color:#c18422!important}
}
@media only screen and (max-width: 1199px) {
.navbar-nav{margin-left:auto;margin-right:0!important}
}
.header-section-two.header-fixed{background-color:#000}
.header-section-two.header-fixed .header-links li{color:#fff}
.header-section-two.header-fixed .header-links li .title{color:#fff}
.header-section-two.header-fixed .header-links li .sub-title{color:#fff}
.header-section-two .header-bottom-area{padding-top:10px;padding-bottom:10px}
@media only screen and (max-width: 1480px) {
.header-section-two .header-bottom-area .navbar-collapse .main-menu li{padding-right:20px}
}
.header-section-two .header-bottom-area .navbar-collapse .main-menu li a:hover{color:#c18422}
.header-section-two .header-bottom-area .navbar-collapse .main-menu li a:before{display:block}
@media only screen and (max-width: 1199px) {
.header-section-two .header-bottom-area .navbar-collapse .main-menu li a:before{display:none}
}
.header-section-two .header-bottom-area .navbar-collapse .main-menu li:hover .sub-menu{top:230%}
.header-section-two .navbar-collapse .main-menu li .sub-menu{background-color:#fff;top:250%;border-radius:5px;padding:0;width:200px;overflow:hidden}
@media only screen and (max-width: 1199px) {
.header-section-two .navbar-collapse .main-menu li .sub-menu{display:none;background-color:transparent;border-radius:0;width:100%}
}
.header-section-two .navbar-collapse .main-menu li .sub-menu::before{display:none}
.header-section-two .navbar-collapse .main-menu li .sub-menu li{border-bottom:1px solid #e6e6e6}
@media only screen and (max-width: 1199px) {
.header-section-two .navbar-collapse .main-menu li .sub-menu li{border-bottom:none}
}
.header-section-two .navbar-collapse .main-menu li .sub-menu li a{color:#000!important;padding:10px 20px}
@media only screen and (max-width: 1199px) {
.header-section-two .navbar-collapse .main-menu li .sub-menu li a{color:#fff!important}
}
.header-section-two .navbar-collapse .main-menu li .sub-menu li:hover a{color:#fff!important}
.header-section-two .header-links{margin-left:45px}
.header-section-two .header-links li{font-size:18px}
.header-section-two .header-links li .sub-title{font-weight:500}
.header-section-two .navbar-nav{align-items:center;margin-right:0 !important;}
@media only screen and (max-width: 1366px) {
.header-section-two .navbar-nav{margin-right:auto}
}
@media only screen and (max-width: 1199px) {
.header-section-two .navbar-nav{align-items:flex-start}
}
.header-section-two .navbar-collapse .main-menu li{margin-right:15px}
.header-section-two .navbar-collapse .main-menu li a{color:#fff}
.header-section-two .navbar-collapse .main-menu li a::after{display:none}
.header-section-two .site-logo{margin-right:0}
.header-section-two .navbar-toggler span{color:#fff}
.header-section-three{position:relative}
@media only screen and (max-width: 1199px) {
.header-section-three{position:absolute}
}
.header-section-three .header-bottom-area{background-color:#000;padding-top:20px;padding-bottom:20px}
.header-section-three .header-menu-content{display:flex;justify-content:center}
@media only screen and (max-width: 1199px) {
.header-section-three .header-menu-content{display:block}
}
.header-section-three .navbar-expand-xl{justify-content:center}
.header-section-three .site-logo{margin-right:50px}
@media only screen and (max-width: 1260px) {
.header-section-three .navbar-collapse .main-menu li{margin-right:10px}
}
.header-section-three .header-action{margin-left:40px}
@media only screen and (max-width: 1260px) {
.header-section-three .header-action{margin-left:10px}
}
.header-section-three .header-action a{background-color:#e80000;color:#fff;border:2px solid #e80000}
.header-section-three .header-action a:hover{background-color:transparent;color:#e80000}
.banner-section{position:relative;background-color:#fff;overflow:hidden;z-index:9;padding:234px 200px 190px}
@media only screen and (max-width: 1830px) {
.banner-section{padding-left:150px;padding-right:150px}
}
@media only screen and (max-width: 1675px) {
.banner-section{padding-left:100px;padding-right:100px}
}
@media only screen and (max-width: 1435px) {
.banner-section{padding-left:50px;padding-right:50px}
}
@media only screen and (max-width: 1340px) {
.banner-section{padding:165px 30px 90px}
}
@media only screen and (max-width: 991px) {
.banner-section{padding-left:0;padding-right:0}
}
@media only screen and (max-width: 575px) {
.banner-section{padding-top:130px;padding-bottom:95px}
}
.banner-section .banner-thumb-area{position:absolute;top:0;right:12%;overflow:hidden;border-radius:0 0 999px 999px;z-index:2}
@media only screen and (max-width: 1830px) {
.banner-section .banner-thumb-area{right:9.3%}
}
@media only screen and (max-width: 1675px) {
.banner-section .banner-thumb-area{right:5.3%}
}
@media only screen and (max-width: 1435px) {
.banner-section .banner-thumb-area{right:3.3%}
}
@media only screen and (max-width: 1366px) {
.banner-section .banner-thumb-area{width:45%}
}
@media only screen and (max-width: 1340px) {
.banner-section .banner-thumb-area{right:2.3%}
}
.banner-section .banner-thumb-area::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:#e80000;z-index:-1;animation:fadeInDown 2s cubic-bezier(0.4,0,1,1)}
@media only screen and (max-width: 1199px) {
.banner-section .banner-thumb-area{position:relative;right:auto;border-radius:999px;margin:0 auto;margin-bottom:30px}
}
@media only screen and (max-width: 767px) {
.banner-section .banner-thumb-area{width:60%}
}
@media only screen and (max-width: 575px) {
.banner-section .banner-thumb-area{width:60%}
}
.banner-section .banner-thumb-area .banner-thumb-element-one{position:absolute;top:20%;animation:scroll-down 2s cubic-bezier(0.4,0,1,1) infinite}
@media only screen and (max-width: 991px) {
.banner-section .banner-thumb-area .banner-thumb-element-one{display:none}
}
.banner-section .banner-thumb-area .banner-thumb-element-two{position:absolute;top:50%;right:0;animation:scroll-down 3s cubic-bezier(0.4,0,1,1) infinite}
@media only screen and (max-width: 991px) {
.banner-section .banner-thumb-area .banner-thumb-element-two{display:none}
}
.banner-section .banner-thumb-area .banner-thumb-element-three{position:absolute;z-index:-1;top:9%;left:8%}
.banner-section .banner-thumb{width:90%;margin:100px auto 0}
@media only screen and (max-width: 1830px) {
.banner-section .banner-thumb{width:70%;margin:200px auto 0}
}
@media only screen and (max-width: 1366px) {
.banner-section .banner-thumb{width:100%;margin:150px auto 0}
}
@media only screen and (max-width: 575px) {
.banner-section .banner-thumb{margin:45px auto 0}
}
.banner-section .banner-thumb img{width:100%}
.banner-section .banner-element{position:absolute;left:11%;top:-5%;z-index:-1;animation:horizontal-move 5s ease-in-out infinite}
@media only screen and (max-width: 1199px) {
.banner-section .banner-element{display:none}
}
.banner-section .banner-element-two{position:absolute;top:-480px;right:11.1%}
@media only screen and (max-width: 1830px) {
.banner-section .banner-element-two{display:none}
}
.banner-section .banner-content{position:relative;z-index:9}
@media only screen and (max-width: 1490px) {
.banner-section .banner-content{width:90%}
}
@media only screen and (max-width: 1299px) {
.banner-section .banner-content{width:100%}
}
@media only screen and (max-width: 1199px) {
.banner-section .banner-content{text-align:center}
}
.banner-section .banner-content .sub-title{font-weight:700;font-size:20px;color:#e80000;font-family:"Kanit",sans-serif;font-style:italic;margin-bottom:5px}
@media only screen and (max-width: 991px) {
.banner-section .banner-content .sub-title{font-size:16px}
}
.banner-section .banner-content .sub-title span{color:#e80000}
.banner-section .banner-content .title{margin-bottom:0;font-weight:700;font-style:italic}
@media only screen and (max-width: 991px) {
.banner-section .banner-content .title{margin-bottom:10px}
}
@media only screen and (max-width: 575px) {
.banner-section .banner-content p{display:none}
}
.banner-section .banner-content .inner-title{font-size:45px;font-weight:700;font-style:italic;margin-bottom:25px}
@media only screen and (max-width: 991px) {
.banner-section .banner-content .inner-title{font-size:22px;margin-bottom:15px}
}
.banner-arrow{margin-top:40px;margin-left:30px}
.banner-widget-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background-color:#000;border-radius:999px;padding:20px;width:80%;margin-top:30px;position:relative;z-index:9}
@media only screen and (max-width: 1700px) {
.banner-widget-wrapper{width:100%}
}
@media only screen and (max-width: 630px) {
.banner-widget-wrapper{width:100%;justify-content:center;padding:10px}
}
@media only screen and (max-width: 575px) {
.banner-widget-wrapper{justify-content:space-between}
}
.banner-widget-wrapper *{z-index:9;margin:2px}
.banner-widget-wrapper::before{position:absolute;content:'';bottom:-20px;left:-20px;width:100%;height:100%;border:1px dashed rgba(232,0,0,0.5);border-radius:999px;z-index:-1}
@media only screen and (max-width: 991px) {
.banner-widget-wrapper::before{left:-5px;bottom:-5px}
}
.banner-widget-wrapper::after{position:absolute;content:'';bottom:0;left:0;width:100%;height:100%;background-color:#000;border-radius:999px;z-index:2}
@media only screen and (max-width: 1366px) {
.banner-widget-wrapper .banner-widget-btn a{padding:10px 20px}
}
.banner-widget-wrapper .banner-widget-content p span{font-weight:600}
.banner{position:relative}
.banner:hover .slider-prev{left:60px}
.banner:hover .slider-next{right:60px}
.banner .slider-next,.banner .slider-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:9;background-color:rgba(255,255,255,0.1);border:none;transition:all .7s}
.banner .slider-next:hover,.banner .slider-prev:hover{background-color:rgba(232,0,0,0.1)}
@media only screen and (max-width: 991px) {
.banner .slider-next,.banner .slider-prev{display:none}
}
.banner .slider-prev{left:-60px}
.banner .slider-next{right:-60px}
.banner-section-two{padding-top:264px;padding-bottom:289px}
.banner-section-two .banner-bg{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;transform:scale3d(1.3,1.3,1);backface-visibility:hidden;will-change:transform;transition:transform 1400ms ease}
@media only screen and (max-width: 1490px) {
.banner-section-two .banner-content{width:100%}
}
.banner-section-two .banner-content .sub-title{margin-bottom:20px}
.banner-section-two .banner-content .title{color:#fff}
.banner-section-two .banner-content .inner-title{color:#fff}
.banner-section-two .banner-content p{font-size:18px;color:#fff;font-weight:600;font-family:"Kanit",sans-serif;position:relative;text-transform:uppercase;margin-top:10px}
@media only screen and (max-width: 991px) {
.banner-section-two .banner-content p{font-size:18px}
}
.banner-section-two .banner-content p::before{content:"";height:1px;position:absolute;top:15px;width:15%;background:-webkit-linear-gradient(right,rgba(232,0,0,0.1) 0%,#e80000 100%);left:24%}
@media only screen and (max-width: 1199px) {
.banner-section-two .banner-content p::before{left:8%}
}
@media only screen and (max-width: 991px) {
.banner-section-two .banner-content p::before{width:20%;left:9%}
}
@media only screen and (max-width: 767px) {
.banner-section-two .banner-content p::before{display:none}
}
.banner-section-two .banner-content p::after{content:"";height:1px;position:absolute;top:15px;width:15%;background:-webkit-linear-gradient(right,#e80000 0%,rgba(232,0,0,0.1) 100%);right:24%}
@media only screen and (max-width: 1199px) {
.banner-section-two .banner-content p::after{right:8%}
}
@media only screen and (max-width: 991px) {
.banner-section-two .banner-content p::after{width:20%;right:9%}
}
@media only screen and (max-width: 767px) {
.banner-section-two .banner-content p::after{display:none}
}
.banner-section-two .banner-btn{margin:-10px;margin-top:60px}
@media only screen and (max-width: 991px) {
.banner-section-two .banner-btn{margin-top:40px}
}
.banner-section-two .banner-btn a{margin:10px}
.banner-slider{overflow:hidden;display:flex}
.banner-slider .swiper-slide-active .banner-bg{transform:scale3d(1,1,1)}
.banner-slider .swiper-slide-active .banner-content .sub-title{animation:fadeInUp .3s}
@media only screen and (max-width: 575px) {
.banner-slider .swiper-slide-active .banner-content .sub-title{animation:fadeIn .3s}
}
.banner-slider .swiper-slide-active .banner-content .title{animation:fadeInUp .5s}
@media only screen and (max-width: 575px) {
.banner-slider .swiper-slide-active .banner-content .title{animation:fadeIn .5s}
}
.banner-slider .swiper-slide-active .banner-content .inner-title{animation:fadeInUp .7s}
@media only screen and (max-width: 575px) {
.banner-slider .swiper-slide-active .banner-content .inner-title{animation:fadeIn .7s}
}
.banner-slider .swiper-slide-active .banner-content p{animation:fadeInUp 1s}
@media only screen and (max-width: 575px) {
.banner-slider .swiper-slide-active .banner-content p{animation:fadeIn 1s}
}
.banner-slider .swiper-slide-active .banner-content p::before{animation:fadeInLeft 1s}
.banner-slider .swiper-slide-active .banner-content p::after{animation:fadeInRight 1s}
.banner-slider .swiper-slide-active .banner-content .banner-btn{animation:fadeInUp 1s}
@media only screen and (max-width: 575px) {
.banner-slider .swiper-slide-active .banner-content .banner-btn{animation:fadeIn 1s}
}
.inner-banner-section{padding-top:130px;padding-bottom:130px;overflow:visible;position:relative;background-position:bottom left!important}
@media only screen and (max-width: 1199px) {
.inner-banner-section{padding-top:130px;padding-bottom:130px}
}
.inner-banner-section .section-logo-text{text-align:center;transform:translateY(130px)}
.inner-banner-section .section-logo-text span{font-size:280px;font-family:"Kanit",sans-serif;font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.15);font-style:italic}
@media only screen and (max-width: 1199px) {
.inner-banner-section .section-logo-text{display:none}
}
.inner-banner-section .banner-content .title{font-size:30px;font-weight:700}
@media only screen and (max-width: 991px) {
.inner-banner-section .banner-content .title{font-size:28px}
}
.inner-banner-section .banner-content .title span{color:#C18422}
.breadcrumb-area{text-align:center;margin-top:-22px;position:relative;z-index:9}
.breadcrumb{background-color:#C18422;border-radius:0;padding:10px 25px;clip-path:polygon(5% 0,100% 0%,95% 100%,0% 100%);margin:0;display:inline-block}
.breadcrumb li{display:inline-block;color:#000;font-family:'Mukta',sans-serif}
.breadcrumb-item a{font-weight:500;font-size:15px;position:relative;z-index:2;color:#fff}
@media only screen and (max-width: 991px) {
.breadcrumb-item a{font-size:14px}
}
.breadcrumb-item.active{font-weight:500;color:#fff;font-size:15px;position:relative;z-index:2}
@media only screen and (max-width: 991px) {
.breadcrumb-item.active{font-size:14px}
}
.breadcrumb-item.active::before{content:"~";font-family:'Mukta',sans-serif;font-weight:500;color:#fff;font-size:15px;left:0;top:1px;position:relative}
@media only screen and (max-width: 991px) {
.breadcrumb-item.active::before{font-size:14px}
}
.footer-section{position:relative;background-color:#442918;overflow:hidden;z-index:2}
.footer-section .footer-element{position:absolute;left:35%;top:0;opacity:.1;z-index:-1;animation:horizontal-move 5s ease-in-out infinite}
@media only screen and (max-width: 991px) {
.footer-section .footer-element{display:none}
}
.footer-section .footer-bg{position:absolute;top:0;left:0;width:100%;height:100%}
.footer-section .footer-bg img{width:100%;height:100%;opacity:.3}
.footer-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:60px}
@media only screen and (max-width: 991px) {
.footer-top{display:block;text-align:center;margin-bottom:30px}
}
.footer-list{text-align:center;margin-top:55px}
@media only screen and (max-width: 991px) {
.footer-list{margin-top:20px}
}
.footer-list li{display:inline-block;font-family:"Kanit",sans-serif;color:#fff;font-weight:500;font-size:18px;transition:all .3s}
@media only screen and (max-width: 991px) {
.footer-list li{font-size:14px}
}
.footer-list li:hover{color:#e80000}
.footer-list li + li{margin-left:90px}
@media only screen and (max-width: 1199px) {
.footer-list li + li{margin-left:50px}
}
@media only screen and (max-width: 991px) {
.footer-list li + li{margin-left:10px;margin-top:10px}
}
.subscribe-form{position:relative}
.subscribe-form input{background:#fff;color:#2e2e2e;border:none;border-radius:999px;font-family:'Mukta',sans-serif;font-size:18px;padding-left:85px;padding-right:230px;height:85px;position:relative;font-weight:400}
@media only screen and (max-width: 991px) {
.subscribe-form input{padding-left:80px;padding-right:40px;font-size:16px;height:65px}
}
@media only screen and (max-width: 575px) {
.subscribe-form input{padding-left:70px}
}
.subscribe-form input:focus{color:#2e2e2e;border:none;background:#fff}
.subscribe-form input::placeholder{color:#C9C9C9}
.subscribe-form .subscribe-icon{position:absolute;top:26px;left:40px;color:#C9C9C9;z-index:9;font-size:30px}
@media only screen and (max-width: 991px) {
.subscribe-form .subscribe-icon{top:20px;font-size:24px}
}
@media only screen and (max-width: 575px) {
.subscribe-form .subscribe-icon{left:30px}
}
.subscribe-form button,.subscribe-form input[type="button"],.subscribe-form input[type="reset"],.subscribe-form input[type="submit"]{position:absolute;top:15px;right:15px;border-radius:999px;font-size:18px;padding:14px 40px}
@media only screen and (max-width: 991px) {
.subscribe-form button,.subscribe-form input[type="button"],.subscribe-form input[type="reset"],.subscribe-form input[type="submit"]{position:unset;width:100%;font-size:14px;margin-top:15px}
}
.footer-top{position:relative}
.footer-top::after{position:absolute;content:'';top:20px;left:20%;width:60%;height:1px;background-color:rgba(255,255,255,0.2)}
@media only screen and (max-width: 991px) {
.footer-top::after{display:none}
}
.footer-social li{display:inline-block}
.footer-social li a{width:30px;height:30px;line-height:30px;display:inline-block;text-align:center;border:1px solid #aaa;border-radius:50%;color:#fff;transition:all .3s;font-size:13px;}
.footer-social li a:hover{background-color:#e80000;border:1px solid #e80000;color:#fff}
.footer-social li + li{margin-left:5px}
@media only screen and (max-width: 991px) {
.footer-logo{margin-bottom:20px}
}
.footer-logo a{margin-right:0}
.copyright-area{padding-top:15px;padding-bottom:15px;border-top:1px solid rgba(255,255,255,0.2);margin-top:30px}
@media only screen and (max-width: 991px) {
.copyright-area{padding-bottom:30px;margin-top:70px}
}
.copyright-area p{color:#fff;letter-spacing:1px;font-size:14px;font-weight:400;}
@media only screen and (max-width: 991px) {
.copyright-area p{font-size:13px}
}
.footer-section-two .footer-widget .footer-logo{margin-bottom:20px}
.footer-section-two .footer-widget .title{font-size:17px;font-weight:600;color:#fff;position:relative;padding-bottom:13px}
.footer-section-two .footer-widget .title::after{content:"";position:absolute;bottom:0;left:0;width:60px;height:2px;border-radius:40px;display:block;background: linear-gradient(90deg,#fff,transparent)}
.footer-section-two .footer-widget p{color:#fff;font-size:14px;font-weight:300}
.footer-section-two .footer-widget .footer-list{margin-top:20px}
.footer-section-two .footer-widget .footer-list li{font-size:14px;font-weight:300;font-family:'Mukta',sans-serif;display:block;text-align:left;line-height:28px}
.footer-section-two .footer-widget .footer-list li i{font-size:16px}
.footer-section-two .footer-widget .footer-list li a{font-size:14px;font-weight:500;font-family:'Mukta',sans-serif;display:block;text-align:left}
.footer-section-two .footer-widget .footer-list li span{color:#e80000}
.footer-section-two .footer-widget .footer-list li:hover{color:#fff}
.footer-section-two .footer-widget .footer-list li + li{margin-left:0;margin-top:6px}
.footer-section-two .footer-gallery-area{margin-top:20px}
.footer-section-two .footer-gallery-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:-5px}
.footer-section-two .footer-gallery-thumb{position:relative;border-radius:4px;overflow:hidden;flex:0 0 44%;width:44%;z-index:2;margin:5px}
@media only screen and (max-width: 1199px) {
.footer-section-two .footer-gallery-thumb{flex:0 0 42%;width:42%}
}
@media only screen and (max-width: 991px) {
.footer-section-two .footer-gallery-thumb{flex:0 0 22%;width:22%}
}
@media only screen and (max-width: 420px) {
.footer-section-two .footer-gallery-thumb{flex:0 0 30%;width:30%}
}
.footer-section-two .footer-gallery-thumb img{width:100%;border-radius:4px;overflow:hidden;transition:all .5s}
.footer-section-two .footer-gallery-thumb::after{position:absolute;content:'';top:0;left:0;width:100%;height:0;background-color:#e80000;opacity:.4;transition:all .5s}
.footer-section-two .footer-gallery-thumb .footer-gallery-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:24px;opacity:0;visibility:hidden;z-index:9;transition:all .5s}
.footer-section-two .footer-gallery-thumb:hover img{transform:scale(1.2)}
.footer-section-two .footer-gallery-thumb:hover::after{height:100%}
.footer-section-two .footer-gallery-thumb:hover .footer-gallery-overlay{opacity:1;visibility:visible}
.footer-section-two .footer-social{margin-top:20px}
.footer-section-two .copyright-area{margin-top:40px;padding-bottom:15px}
.fb_iframe_widget{margin-top:15px}
div[class*="col"]:nth-of-type(4n + 2) .trainer-item{margin-top:150px;transition:all .5s}
@media only screen and (max-width: 991px) {
div[class*="col"]:nth-of-type(4n + 2) .trainer-item{margin-top:0}
}
div[class*="col"]:nth-of-type(4n + 2) .trainer-item:hover{transform:translateY(0)!important}
@media only screen and (max-width: 991px) {
div[class*="col"]:nth-of-type(4n + 2) .trainer-item:hover{transform:translateY(-15px)!important}
}
div[class*="col"]:nth-of-type(4n + 4) .trainer-item{margin-top:150px;transition:all .5s}
@media only screen and (max-width: 991px) {
div[class*="col"]:nth-of-type(4n + 4) .trainer-item{margin-top:0}
}
div[class*="col"]:nth-of-type(4n + 4) .trainer-item:hover{transform:translateY(0)!important}
.trainer-item{transition:all .5s}
.trainer-item:hover{transform:translateY(0px)!important}
@media only screen and (max-width: 991px) {
.trainer-item:hover{transform:translateY(0px)!important}
}
.trainer-item:hover .trainer-thumb::before{opacity:1;visibility:visible}
.trainer-item:hover .trainer-content{transform:translateY(0)}
.trainer-thumb{position:relative;overflow:hidden;}
.trainer-thumb img{width:100%;overflow:hidden;transition:all .5s}
.trainer-thumb::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;border:1px solid #C18422;border-radius:135px;opacity:0;visibility:hidden;transition:all .5s}
.trainer-thumb .trainer-overlay{position:absolute;top:0;right:45px;border-radius:135px;transition:all .5s}
.trainer-thumb .trainer-overlay .share-area:hover .social-list{opacity:1;visibility:visible;height:auto}
.trainer-thumb .trainer-overlay .share-icon{width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;background-color:#e80000;color:#fff;border-radius:50%;cursor:pointer}
.trainer-thumb .trainer-overlay .social-list{position:absolute;top:0;opacity:0;visibility:hidden;height:0;transition:all .5s}
.trainer-thumb .trainer-overlay .social-list li a{width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;background-color:#fff;color:#e80000;border-radius:50%;transition:all .3s}
.trainer-thumb .trainer-overlay .social-list li a:hover{background-color:#e80000;color:#fff}
.trainer-thumb .trainer-overlay .social-list li + li{margin-top:5px}
@media only screen and (max-width: 991px) {
.all-btn{margin-top:40px}
}
.trainer-content{padding-top:10px;padding-bottom:5px;text-align:center;transition:all .5s}
@media only screen and (max-width: 991px) {
.trainer-content{opacity:1;visibility:visible}
}
.trainer-content .title{color:#fff;font-weight:600}
.trainer-content .title a{transition:all .5s}
.trainer-content .title a:hover{color:#e80000}
.trainer-content .sub-title{color:#fff}
.trainer-slider{overflow:hidden}
.custom-pagination{width:80%!important;margin:0 auto;height:1px!important;overflow:hidden;position:relative;margin-top:60px;background:#fff;display:none}
@media only screen and (max-width: 767px) {
.custom-pagination{width:100%!important}
}
.custom-pagination .swiper-pagination-progressbar-fill{background:#e80000}
.trainer-section-two{position:relative}
.trainer-section-two .trainer-element-one{position:absolute;top:0;right:0}
.trainer-section-two .trainer-element-two{position:absolute;bottom:0;left:0}
.trainer-section-two .slider-next{position:absolute;top:50%;right:0;transform: translate(-50%, -50%);width: 40px;height: 40px;line-height: 40px;font-size: 18px;background-color: transparent;border: 1px solid #fff;border-radius: 50%;color: #fff;display: inline-block;text-align: center;cursor: pointer;z-index:9}
.trainer-section-two .slider-prev{position:absolute;top:50%;left:0;transform: translate(50%, -50%);width: 40px;height: 40px;line-height: 40px;font-size: 18px;background-color: transparent;border: 1px solid #fff;border-radius: 50%;color: #fff;display: inline-block;text-align: center;cursor: pointer;z-index:9}
.trainer-section-two .slider-next:hover,.trainer-section-two .slider-prev:hover{background-color:#C18422;color:#fff}
@media only screen and (max-width: 767px) {
.trainer-section-two .slider-next,.trainer-section-two .slider-prev{display:none}
}
.trainer-section-two .trainer-thumb{border-radius:0}
.trainer-section-two .trainer-thumb::after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-image:linear-gradient(360deg,#192328 5%,rgba(25,25,25,0) 70%);opacity:1;transition:all .5s}
.trainer-section-two .trainer-thumb .trainer-overlay{z-index:9;bottom:0;right:0;display:flex;justify-content:center;align-items:end;padding:20px;width:100%;height:100%}
@media only screen and (max-width: 991px) {
.trainer-section-two .trainer-thumb .trainer-overlay .trainer-content{opacity:0;visibility:hidden}
}
.trainer-section-two .trainer-thumb .trainer-overlay .trainer-content .title{font-size:16px;margin-bottom:5px}
.trainer-section-two .trainer-thumb .trainer-overlay .trainer-content .sub-title{font-size:13px}
.trainer-section-two .custom-btn{position:relative;padding-right:30px;transition:all .3s}
.trainer-section-two .custom-btn::after{position:absolute;content:'';top:10px;right:0;width:20px;height:2px;background-color:rgba(255,255,255,0.7);transition:all .3s}
.trainer-section-two .custom-btn:hover{color:#e80000}
.trainer-section-two .custom-btn:hover::after{background-color:#e80000}
.trainer-section--style div[class*="col"]:nth-of-type(4n + 2) .trainer-item{margin-top:0}
.trainer-section--style div[class*="col"]:nth-of-type(4n + 4) .trainer-item{margin-top:0}
.trainer-section--style .trainer-item:hover{transform:translateY(0)!important}
.trainer-section--style .trainer-content{opacity:1;visibility:visible}
.trainer-section--style .all-btn{margin-top:60px}
.trainer-section--style-two .trainer-content .title{color:#36261d;font-size:16px;margin-bottom:5px;}
.trainer-section--style-two .trainer-content .sub-title{color:#000;font-weight:500}
.trainer-section--style-three{background-color:#F8F9FF}
.trainer-section--style-three .trainer-slider-two{overflow:hidden}
.trainer-section--style-three .trainer-item:hover{transform:none!important}
.trainer-details-section{position:relative}
.trainer-details-section .trainer-details-element-one{position:absolute;top:30%;left:0;width:20%}
@media only screen and (max-width: 1199px) {
.trainer-details-section .trainer-details-element-one{display:none}
}
.trainer-details-section .trainer-details-element-two{position:absolute;bottom:0;right:0;width:20%}
@media only screen and (max-width: 1199px) {
.trainer-details-section .trainer-details-element-two{display:none}
}
.trainer-details-section .about-thumb img{width:100%}
.trainer-details-section .trainer-about-header .title{font-weight:700;font-style:italic}
.trainer-details-section .trainer-about-header .sub-title{color:#e80000;font-weight:500}
.trainer-details-section .trainer-about-header .ratings{margin-top:15px}
.trainer-details-section .trainer-about-header .ratings i{color:#e80000;margin-right:5px}
.trainer-details-section .trainer-about-body{margin-top:20px;padding-top:20px;padding-bottom:20px;margin-bottom:20px;border-top:1px dashed rgba(232,0,0,0.2);border-bottom:1px dashed rgba(232,0,0,0.2)}
.trainer-details-section .trainer-about-list li{font-size:20px;font-weight:500;font-family:"Kanit",sans-serif;color:#000;padding-bottom:25px}
@media only screen and (max-width: 991px) {
.trainer-details-section .trainer-about-list li{font-size:16px}
}
.trainer-details-section .trainer-about-list li span{padding-left:15px}
.trainer-details-section .trainer-about-social-area{border-top:1px dashed rgba(232,0,0,0.2);padding-top:20px}
.trainer-details-section .trainer-about-social li{display:inline-block}
.trainer-details-section .trainer-about-social li a{width:35px;height:35px;line-height:35px;display:inline-block;text-align:center;border:1px solid #8A8A8A;border-radius:50%;color:#8A8A8A;transition:all .3s}
.trainer-details-section .trainer-about-social li a:hover{background-color:#e80000;border:1px solid #e80000;color:#fff}
.trainer-details-section .trainer-about-social li + li{margin-left:5px}
.trainer-details-section .widget-title{text-transform:uppercase;margin-bottom:30px;font-weight:700}
.trainer-details-section .widget-title span{color:#e80000}
.trainer-details-section .about-widget-area{margin-top:60px}
.trainer-details-section .about-widget-area .about-widget-thumb{position:relative;margin-top:30px}
.trainer-details-section .about-widget-area .about-widget-thumb .about-widget-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.trainer-details-section .skill-widget-area{margin-top:60px}
.trainer-details-section .skill-widget-area .choose-item{background-color:#fff;border:2px solid rgba(232,0,0,0.2);border-radius:6px;padding:30px;text-align:center;position:relative;transition:all .5s}
.trainer-details-section .skill-widget-area .choose-item::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;box-shadow:0 15px 30px rgba(232,0,0,0.15);border-radius:6px;opacity:0;visibility:hidden;transition:all .5s}
.trainer-details-section .skill-widget-area .choose-item:hover{border:2px solid #fff}
.trainer-details-section .skill-widget-area .choose-item:hover::before{opacity:1;visibility:visible}
.trainer-details-section .skill-widget-area .choose-item .chart::before{display:none}
.trainer-details-section .skill-widget-area .choose-item .chart span{color:#000}
.trainer-details-section .skill-widget-area .choose-item .title{color:#000;font-style:normal;color:#e80000;font-weight:700;width:100%;margin-top:40px;margin-bottom:20px}
.trainer-details-section .experience-widget-area{margin-top:60px}
.trainer-details-section .experience-widget-area .statistics-area{margin-top:30px}
.trainer-details-section .experience-widget-area .statistics-area .odo-title{color:#e80000;font-size:40px}
.trainer-details-section .experience-widget-area .statistics-area .statistics-item::after{bottom:15px;height:50%;border-right:1px dashed #858585}
@media only screen and (max-width: 991px) {
.trainer-details-section .experience-widget-area .statistics-area .statistics-item::after{border-right:none;border-bottom:1px dashed #858585;bottom:-22px}
}
@media only screen and (max-width: 1199px) {
.trainer-details-section .experience-widget-area div[class*="col"]:nth-of-type(4n + 2) .statistics-item::after{display:none}
}
@media only screen and (max-width: 991px) {
.trainer-details-section .experience-widget-area div[class*="col"]:nth-of-type(4n + 2) .statistics-item::after{display:block}
}
.trainer-details-section .experience-widget-area div[class*="col"]:nth-of-type(4n + 3) .statistics-item::after{display:block}
@media only screen and (max-width: 991px) {
.trainer-details-section .experience-widget-area div[class*="col"]:nth-of-type(4n + 3) .statistics-item::after{display:none}
}
@media only screen and (max-width: 575px) {
.trainer-details-section .experience-widget-area div[class*="col"]:nth-of-type(4n + 3) .statistics-item::after{display:block}
}
.trainer-details-section .experience-widget-area div[class*="col"]:nth-of-type(4n + 4) .statistics-item::after{display:none}
.filter-btn-group{width:70%;margin:0 auto;margin-bottom:70px;background-color:rgba(232,0,0,0.1);border-radius:999px}
@media only screen and (max-width: 1199px) {
.filter-btn-group{width:90%}
}
@media only screen and (max-width: 991px) {
.filter-btn-group{width:100%}
}
@media only screen and (max-width: 767px) {
.filter-btn-group{background-color:transparent}
}
.filter-btn-group button,.filter-btn-group input[type="button"],.filter-btn-group input[type="reset"],.filter-btn-group input[type="submit"]{background-color:transparent;padding:16px 40px;border-radius:999px;font-weight:500;transition:all .5s}
@media only screen and (max-width: 991px) {
.filter-btn-group button,.filter-btn-group input[type="button"],.filter-btn-group input[type="reset"],.filter-btn-group input[type="submit"]{padding:16px 30px}
}
@media only screen and (max-width: 767px) {
.filter-btn-group button,.filter-btn-group input[type="button"],.filter-btn-group input[type="reset"],.filter-btn-group input[type="submit"]{display:block;background-color:rgba(232,0,0,0.1);width:100%;margin-bottom:20px}
.filter-btn-group button:last-child,.filter-btn-group input[type="button"]:last-child,.filter-btn-group input[type="reset"]:last-child,.filter-btn-group input[type="submit"]:last-child{margin-bottom:0}
}
.filter-btn-group button.active,.filter-btn-group input.active[type="button"],.filter-btn-group input.active[type="reset"],.filter-btn-group input.active[type="submit"]{background-color:#e80000;color:#fff}
.grid:after{content:'';display:block;clear:both;margin:-15px}
.grid-item{padding:15px;margin:0;width:100%;border: 1px solid #ddd;padding: 5px;margin-bottom:30px}
@media only screen and (max-width: 991px) {
.grid-item{width:50%}
}
@media only screen and (max-width: 425px) {
.grid-item{width:100%}
}
.client-section .section-header{width:55%}
@media only screen and (max-width: 1199px) {
.client-section .section-header{width:70%}
}
@media only screen and (max-width: 991px) {
.client-section .section-header{width:100%}
}
.client-slider{overflow:hidden}
.client-slider-two{overflow:hidden}
.client-item{padding:0 30px 30px;position:relative;border-radius:10px;z-index:2}
@media only screen and (max-width: 1199px) {
.client-item{padding:0 20px 20px}
}
.client-item::before{position:absolute;content:'';bottom:0;left:0;width:100%;height:calc(100% - 55px);border:1px solid #e6e6e6;border-radius:10px;z-index:-1}
.client-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;margin-bottom:30px}
.client-thumb{height:125px}
.client-thumb img{width:100%;height:100%;object-fit:cover;object-position:center}
.client-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;margin-top:40px}
.client-footer-left .title{font-weight:700;font-style:italic;font-size:18px}
@media only screen and (max-width: 1199px) {
.client-footer-left .title{font-size:17px}
}
.client-footer-left .title a{transition:all .5s}
.client-footer-left .title a:hover{color:#e80000}
.client-footer-right .ratings i{color:#FFA200}
@media only screen and (max-width: 1199px) {
.client-footer-right .ratings i{font-size:12px}
}
.client-right-thumb{position:relative}
.client-right-thumb img{width:100%}
.client-right-thumb .client-thumb-overlay{position:absolute;left:30px;bottom:70px}
.client-right-thumb .client-thumb-overlay .title{color:#fff;font-weight:700;font-style:italic;position:relative;margin-bottom:0}
.client-right-thumb .client-thumb-overlay .title::before{position:absolute;content:'';top:-12px;left:0;width:60%;height:1px;background-color:#e80000;transition:all .5s}
.client-right-thumb .client-thumb-overlay .title::after{position:absolute;content:'';bottom:-12px;left:0;width:60%;height:1px;background-color:#e80000;transition:all .5s}
.client-right-thumb:hover .client-thumb-overlay .title::before{width:100%}
.client-right-thumb:hover .client-thumb-overlay .title::after{width:100%}
.client-section-two::after{opacity:.5}
.client-section-two .section-header{width:60%}
@media only screen and (max-width: 1199px) {
.client-section-two .section-header{width:70%}
}
@media only screen and (max-width: 991px) {
.client-section-two .section-header{width:100%}
}
.client-section-two .slider-next,.client-section-two .slider-prev{background-color:#fff;border:1px solid #fff}
.client-section-two .slider-next:hover,.client-section-two .slider-prev:hover{background-color:#e80000;border:1px solid #e80000;color:#fff}
.client-section-two .client-item::before{border:1px solid #565656}
.client-section-two .client-content p{color:#fff}
.client-section-two .client-footer-left .title{color:#fff}
.client-section-two .client-footer-left .sub-title{color:#fff}
.about-section{position:relative}
@media only screen and (max-width: 991px) {
.about-section{padding-top:80px}
}
.about-section::after{opacity:.9}
@media only screen and (max-width: 1199px) {
.about-section .row{flex-direction:column-reverse}
}
.about-section .section-logo-text{position:absolute;top:50%;left:4%;transform:translateY(-50%) rotate(-90deg)}
.about-section .section-logo-text span{font-size:181px;font-family:"Kanit",sans-serif;font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.2);font-style:italic}
@media only screen and (max-width: 1199px) {
.about-section .section-logo-text{display:none}
}
.about-section .section-header{position:relative}
@media only screen and (max-width: 1199px) {
.about-section .section-header .section-title{font-size:40px}
}
@media only screen and (max-width: 991px) {
.about-section .section-header .section-title{font-size:26px}
}
.about-thumb{position:relative}
@media only screen and (max-width: 1199px) {
.about-thumb{text-align:center}
}
.about-thumb .about-thumb-content{position:absolute;left:75px;bottom:115px}
@media only screen and (max-width: 1199px) {
.about-thumb .about-thumb-content{display:none}
}
.about-thumb .about-thumb-content .signature-content .title{font-size:18px;color:#fff;margin-top:0;font-weight:600}
.about-thumb .about-thumb-video{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}
.about-item{display:flex;flex-wrap:wrap;align-items:baseline}
@media only screen and (max-width: 991px) {
.about-item{display:block}
}
.about-icon{width:65px;position:relative;z-index:2}
.about-icon::before{position:absolute;content:'';top:5px;right:-7px;width:20px;height:20px;background-color:#e80000;border-radius:50%;z-index:-1}
.about-content{width:calc(100% - 65px);padding-left:30px}
@media only screen and (max-width: 991px) {
.about-content{width:100%;padding-left:0;padding-top:20px}
}
.about-content .title{color:#fff;margin-bottom:15px}
@media only screen and (max-width: 1199px) {
.about-content .title{font-size:20px}
}
.about-content p{color:#fff}
.about-btn{margin-top:60px}
@media only screen and (max-width: 1199px) {
.about-btn{margin-top:30px}
}
.about-section-two .about-content-area{padding:0}
@media only screen and (max-width: 991px) {
.about-section-two .about-content-area{padding:0}
}
.about-section-two .about-thumb{width:90%;position:relative}
.about-section-two .about-thumb img{width:100%}
@media only screen and (max-width: 991px) {
.about-section-two .about-thumb img{transform:none}
}
.about-section-two .about-thumb .about-thumb-inner{position:absolute;top:24%;right:-17%}
.about-section-two .about-thumb .about-thumb-inner .about-thumb-video{top:80%;left:50%;transform:translate(-50%,-50%)}
@media only screen and (max-width: 991px) {
.about-section-two .about-thumb .about-thumb-inner .about-thumb-video{top:50%}
}
.about-section-two .about-thumb .about-thumb-content{transform:rotate(270deg);left:-45px}
.about-section-two .about-thumb .about-thumb-content .signature-thumb img{transform:none}
.about-section--style{position:relative}
.about-section--style .about-element-one{position:absolute;top:5%;left:0;width:20%}
@media only screen and (max-width: 1199px) {
.about-section--style .about-element-one{display:none}
}
.about-section--style .about-element-two{position:absolute;bottom:35%;right:0;width:20%}
@media only screen and (max-width: 1199px) {
.about-section--style .about-element-two{display:none}
}
.about-section--style .about-thumb{position:relative}
.about-section--style .about-thumb img{width:100%}
.about-section--style .about-thumb .about-overlay-content{position:absolute;top:50%;left:-10%;background-color:#232323;padding:35px;border-radius:5px;width:210px;animation:scroll-down 2s cubic-bezier(0.4,0,1,1) infinite}
@media only screen and (max-width: 991px) {
.about-section--style .about-thumb .about-overlay-content{top:70%;left:50%;transform:translateX(-50%);width:400px;text-align:center;animation:none}
}
@media only screen and (max-width: 767px) {
.about-section--style .about-thumb .about-overlay-content{top:65%}
}
@media only screen and (max-width: 480px) {
.about-section--style .about-thumb .about-overlay-content{top:60%;width:300px}
}
@media only screen and (max-width: 420px) {
.about-section--style .about-thumb .about-overlay-content{top:58%}
}
@media only screen and (max-width: 380px) {
.about-section--style .about-thumb .about-overlay-content{padding:25px;width:250px;top:55%}
}
.about-section--style .about-thumb .about-overlay-content img{width:auto}
.about-section--style .about-thumb .about-overlay-content .title{color:#fff;font-weight:700;font-style:italic;margin-top:20px;line-height:1.5;margin-bottom:0}
@media only screen and (max-width: 380px) {
.about-section--style .about-thumb .about-overlay-content .title{font-size:16px}
}
.about-section--style .section-header{margin-bottom:40px}
.about-section--style .section-header::before{display:none}
.about-section--style .section-header p{padding:0}
.about-section--style .about-list li{font-weight:500;padding-bottom:20px;position:relative;padding-left:30px}
.about-section--style .about-list li::before{position:absolute;content:"\f061";font-family:'Font Awesome 5 Free';font-weight:900;top:3px;left:0;width:16px;height:16px;line-height:16px;background-color:#e80000;font-size:11px;border-radius:50%;padding-left:2px;color:#fff}
.about-section--style .about-user-area{display:flex;flex-wrap:wrap;align-items:center;margin-top:50px}
@media only screen and (max-width: 400px) {
.about-section--style .about-user-area{display:block}
}
.about-section--style .about-user-area .about-user-wrapper{display:flex;flex-wrap:wrap;align-items:center;margin-right:40px}
@media only screen and (max-width: 400px) {
.about-section--style .about-user-area .about-user-wrapper{margin-bottom:20px}
}
.about-section--style .about-user-area .about-user-wrapper .about-user-thumb{width:70px}
.about-section--style .about-user-area .about-user-wrapper .about-user-content{width:calc(100% - 70px);padding-left:15px}
.about-section--style .about-user-area .about-user-wrapper .about-user-content .title{margin-bottom:2px}
.about-section--style .about-user-area .about-user-wrapper .about-user-content .sub-title{font-size:15px;font-family:"Kanit",sans-serif;color:#e80000}
.about-item-area-two .row{flex-direction:row}
.about-item-area-two .about-item{display:block;text-align:center;background-color:#fff;box-shadow:0 5px 15px rgba(232,0,0,0.12);border-radius:6px;padding:30px;transition:all .5s}
.about-item-area-two .about-item:hover{box-shadow:0 15px 30px rgba(232,0,0,0.17)}
.about-item-area-two .about-item .about-icon{margin:0 auto}
.about-item-area-two .about-item .about-content{width:100%;padding-left:0;padding-top:25px}
.about-item-area-two .about-item .title{color:#000;font-weight:600;margin-bottom:10px}
.about-item-area-two .about-item p{color:#2e2e2e}
.training-section{position:relative}
.training-section .training-element-one{position:absolute;left:-6%;bottom:5%}
@media only screen and (max-width: 1199px) {
.training-section .training-element-one{display:none}
}
.training-section .training-element-two{position:absolute;right:-10%;bottom:5%}
@media only screen and (max-width: 1199px) {
.training-section .training-element-two{display:none}
}
.training-slider-area{margin:-20px}
.training-slider{overflow:hidden;padding:20px}
.training-item{background-color:#fff;box-shadow:0 0 10px #E8000026;border-radius:10px;padding:60px 40px;position:relative;overflow:hidden}
.training-item .training-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;padding:60px;border-radius:10px;overflow:hidden;display:flex;justify-content:center;text-align:left;opacity:0;visibility:hidden;transition:all .5s}
.training-item .training-overlay .training-overlay-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between}
.training-item .training-overlay .training-overlay-content .title{color:#fff}
.training-item .training-overlay .training-overlay-content .training-btn a:hover{background:#fff;border:2px solid #fff;color:#e80000}
.training-item:hover .training-overlay{opacity:1;visibility:visible}
.training-icon{margin-bottom:25px}
.training-content .title{font-weight:700;margin-bottom:20px}
.training-content p{margin-bottom:-10px}
.training-section-two .training-element-one{left:3%;bottom:12%}
.training-section-two .training-element-two{right:3%;bottom:12%}
.training-section-two .training-item{padding:30px 20px;background-color:#fff;border:1px dashed rgba(232,0,0,0.2);box-shadow:none;transition:all .5s}
.training-section-two .training-item .training-overlay{align-items:center;padding:60px 20px}
.training-section-two .training-item .training-overlay.bg-overlay-base::after{background:#000;opacity:.5}
.training-section-two .training-item .training-overlay .training-overlay-icon{width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;background-color:#e80000;border-radius:50%;color:#fff;margin-bottom:60px;position:relative;right:-80px;transform:rotate(-50deg);transition:all .3s}
@media only screen and (max-width: 500px) {
.training-section-two .training-item .training-overlay .training-overlay-icon{right:-130px}
}
@media only screen and (max-width: 375px) {
.training-section-two .training-item .training-overlay .training-overlay-icon{right:-80px}
}
.training-section-two .training-item .training-overlay .training-overlay-icon:hover{width:60px;border-radius:999px}
.training-section-two .training-item:hover{border:1px dashed transparent;box-shadow:0 15px 25px rgba(232,0,0,0.15)}
.training-section-two .training-icon{height:88px}
.training-section-two .training-icon img{height:100%;object-fit:cover;object-position:top}
.training-section-two .training-content .title{margin-bottom:0}
.training-section--style .training-element-one{top:0;left:0;width:20%}
.training-section--style .training-element-two{bottom:0;left:0;width:20%}
.training-section--style .training-element-three{position:absolute;top:50%;right:0;width:20%}
.training-section--style .training-item{box-shadow:0 15px 30px rgba(232,0,0,0.17);border-radius:10px;padding:0;position:relative;z-index:2}
.training-section--style .training-item::after{position:absolute;content:'';bottom:-40px;right:-30px;width:0;height:0;background-color:#e80000;border-radius:50%;transition:all .5s;z-index:-1}
.training-section--style .training-item:hover::after{width:130px;height:130px}
.training-section--style .training-item:hover .training-content .training-footer-area .training-footer-btn a{color:#fff}
.training-section--style .training-thumb img{width:100%}
.training-section--style .training-content{padding:25px}
.training-section--style .training-content .title a{transition:all .5s}
.training-section--style .training-content .title a:hover{color:#e80000}
.training-section--style .training-content .training-icon-area{text-align:right;margin-top:-60px}
.training-section--style .training-content .training-icon{width:60px;height:60px;line-height:60px;display:inline-block;text-align:center;background-color:#e80000;border-radius:5px;margin-bottom:15px}
.training-section--style .training-content .training-footer-area{display:flex;align-items:center;justify-content:space-between;margin-top:20px}
.training-section--style .training-content .training-footer-area .title{margin-bottom:0;font-weight:700;color:#e80000}
.training-section--style .training-content .training-footer-area .training-footer-btn a{color:#e80000;font-size:24px;transition:all .5s}
.load-more-btn a:hover{animation:rotate 10s cubic-bezier(0.4,0,1,1) infinite}
.training-section--style-two .training-item{box-shadow:0 10px 10px rgba(232,0,0,0.17)}
.training-details-section .training-item{background-color:transparent;box-shadow:none;overflow:visible}
.training-details-section .training-item::after{display:none}
.training-details-section .training-content{padding:0;padding-top:30px}
.training-details-section .training-content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.training-details-section .training-content-header .title{margin-bottom:0;font-weight:700}
.training-details-section .training-content-header .training-price .title{font-weight:700;background-color:#e80000;color:#fff;padding:8px;border-radius:5px;margin-bottom:0}
.training-details-section .widget-title{font-size:32px;text-transform:uppercase;margin-bottom:30px}
@media only screen and (max-width: 991px) {
.training-details-section .widget-title{font-size:22px}
}
.training-details-section .widget-title span{color:#e80000}
.training-details-section .training-widget-footer .widget-title{margin-bottom:15px}
.training-details-section .training-widget-footer span{font-weight:700}
.training-details-section .learn-widget-wrapper{background-color:#f9f9f9;padding:30px;border-radius:8px;position:relative}
.training-details-section .learn-widget-wrapper .learn-widget-element{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;opacity:.6}
.training-details-section .learn-widget-item{padding-bottom:20px;margin-bottom:20px;border-bottom:2px dashed rgba(232,0,0,0.2)}
.training-details-section .learn-widget-item:last-child{border:none;padding:0;margin:0}
.training-details-section .learn-widget-content .title{font-weight:600;position:relative;padding-left:25px}
.training-details-section .learn-widget-content .title::before{position:absolute;content:"\f00c";font-family:'Font Awesome 5 Free';font-weight:900;top:3px;left:0;width:16px;height:16px;line-height:16px;background-color:#e80000;text-align:center;font-size:11px;border-radius:50%;color:#fff}
.timer-widget-area{background-color:#f5f5f5;padding:30px 30px 70px;border-radius:5px;margin-top:20px;margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative}
@media only screen and (max-width: 991px) {
.timer-widget-area{justify-content:center;padding:30px}
}
@media only screen and (max-width: 530px) {
.timer-widget-area{padding:20px}
}
.timer-widget-area .training-element-one{position:absolute;left:auto;right:17%;width:20%}
@media only screen and (max-width: 1199px) {
.timer-widget-area .training-element-one{display:none}
}
.flip-clock-wrapper{margin:0}
.flip-clock-wrapper ul{margin:0;background-color:transparent;border-radius:0;line-height:130px;height:130px}
@media only screen and (max-width: 991px) {
.flip-clock-wrapper ul{height:100px;line-height:100px;width:40px}
}
@media only screen and (max-width: 530px) {
.flip-clock-wrapper ul{height:70px;line-height:70px;width:25px}
}
.flip-clock-wrapper ul li a div{border-radius:0;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
.flip-clock-wrapper ul li a div div.inn{font-size:70px;line-height:130px;font-weight:600;font-family:"Kanit",sans-serif;border-radius:0;color:#fff;text-shadow:none;outline:none}
@media only screen and (max-width: 991px) {
.flip-clock-wrapper ul li a div div.inn{font-size:40px;line-height:100px}
}
@media only screen and (max-width: 530px) {
.flip-clock-wrapper ul li a div div.inn{font-size:24px;line-height:70px}
}
.flip-clock-wrapper .flip{box-shadow:0 5px 5px rgba(0,0,0,0.15)}
.flip-clock-wrapper ul li a div.up:after{display:none}
.flip-clock-dot{background-color:#e80000;box-shadow:none;left:15px}
.flip-clock-dot.top{top:50px}
@media only screen and (max-width: 991px) {
.flip-clock-dot.top{top:40px}
}
.flip-clock-dot.bottom{bottom:13px}
@media only screen and (max-width: 991px) {
.flip-clock-dot.bottom{bottom:23px}
}
.flip-clock-divider{height:90px;width:40px}
@media only screen and (max-width: 530px) {
.flip-clock-divider{width:15px}
}
.flip-clock-divider .flip-clock-label{bottom:-90px;right:-82px;top:auto;color:#000;text-transform:uppercase;font-size:20px;font-weight:600;font-family:"Kanit",sans-serif}
@media only screen and (max-width: 991px) {
.flip-clock-divider .flip-clock-label{font-size:16px;bottom:-50px;right:-52px}
}
@media only screen and (max-width: 530px) {
.flip-clock-divider .flip-clock-label{font-size:13px;bottom:-15px;right:-42px}
}
.flip-clock-divider.seconds .flip-clock-label{right:-104px}
@media only screen and (max-width: 991px) {
.flip-clock-divider.seconds .flip-clock-label{right:-74px}
}
@media only screen and (max-width: 530px) {
.flip-clock-divider.seconds .flip-clock-label{right:-58px}
}
.flip-clock-divider.minutes .flip-clock-label{right:-100px}
@media only screen and (max-width: 991px) {
.flip-clock-divider.minutes .flip-clock-label{right:-70px}
}
@media only screen and (max-width: 530px) {
.flip-clock-divider.minutes .flip-clock-label{right:-55px}
}
.flip-clock-divider.hours .flip-clock-label{right:-95px}
@media only screen and (max-width: 991px) {
.flip-clock-divider.hours .flip-clock-label{right:-65px}
}
@media only screen and (max-width: 530px) {
.flip-clock-divider.hours .flip-clock-label{right:-48px}
}
.button-part{margin-top:50px}
.button-part a:hover{background-color:#fff}
@media only screen and (max-width: 991px) {
.button-part{margin-top:80px;text-align:center;width:100%}
}
@media only screen and (max-width: 530px) {
.button-part{margin-top:40px}
}
.feature-section{position:relative}
.feature-section .feature-element{position:absolute;left:-5%;bottom:0}
@media only screen and (max-width: 1199px) {
.feature-section .feature-element{display:none}
}
.feature-gray .feature-icon{width:51px;height:51px}
.feature-icon{transition:all .5s}
.feature-item:hover .feature-icon{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.feature-icon-area{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:20px}
.feature-number span{color:#E2E2E2;font-size:50px;font-family:"Kanit",sans-serif;font-weight:700;font-style:italic}
.feature-content{position:relative;padding-top:20px}
.feature-content::before{position:absolute;content:'';top:0;left:0;width:50px;height:3px;background-color:#e80000}
.feature-content .title{position:relative;font-weight:700;margin-bottom:15px}
.feature-section-two{background-color:#F5F5F5}
.feature-section-two .feature-item{background-color:#fff;border-radius:10px;padding:20px;position:relative;z-index:2}
.feature-section-two .feature-item::before{position:absolute;content:'';top:0;left:0;width:100%;height:0;background-color:#e80000;box-shadow:0 15px 25px rgba(232,0,0,0.2);border-radius:10px;z-index:-1;transition:all .5s}
.feature-section-two .feature-item:hover::before{height:100%}
.feature-section-two .feature-item:hover .feature-icon img{filter:brightness(0) invert(1)}
.feature-section-two .feature-item:hover .feature-content::before{background-color:#fff}
.feature-section-two .feature-item:hover .feature-content .title{color:#fff}
.feature-section-two .feature-item:hover .feature-content p{color:#fff}
.feature-section-two .feature-content::before{height:1px}
.feature-section-two .feature-content .title{transition:all .5s}
.feature-section-two .feature-content p{transition:all .5s}
.feature-section-two .feature-thumb-area.bg-img{background-position:top center;background-size:contain;background-repeat:no-repeat;padding-top:81px}
@media only screen and (max-width: 1199px) {
.feature-section-two .feature-thumb-area.bg-img .feature-thumb{text-align:center}
}
.feature-section--style{position:relative;background-color:#fff}
.feature-section--style .feature-element{position:absolute;top:45%;left:25%;width:20%}
.feature-section--style .section-logo-text{position:absolute;top:57.5%;left:0;transform:translateY(-50%) rotate(-90deg)}
.feature-section--style .section-logo-text span{font-size:120px;font-family:"Kanit",sans-serif;font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(46,46,46,0.2);font-style:italic}
@media only screen and (max-width: 1199px) {
.feature-section--style .section-logo-text{display:none}
}
.feature-section--style .feature-item{background-color:transparent;padding:0;border-radius:0}
.feature-section--style .feature-item::before{display:none}
.feature-section--style .feature-item .feature-icon-area{position:relative}
.feature-section--style .feature-item .feature-icon-area::before{position:absolute;content:'';top:-8px;left:-8px;width:100%;height:100%;background-image:url(../images/element/element-27.png);background-repeat:no-repeat}
@media only screen and (max-width: 1199px) {
.feature-section--style .feature-item .feature-icon-area::before{display:none}
}
.feature-section--style .feature-item .feature-icon-area .feature-icon{width:55px;height:70px;line-height:70px;background-color:#e80000;border-radius:999px;display:inline-block;text-align:center;transition:all .5s}
.feature-section--style .feature-item .feature-icon-area .feature-icon img{transition:all .5s}
.feature-section--style .feature-item .feature-content{padding-top:5px}
.feature-section--style .feature-item .feature-content::before{display:none}
.feature-section--style .feature-item .feature-content .title{font-weight:700}
.feature-section--style .feature-item .feature-content .title span{color:#e80000}
.feature-section--style .feature-item:hover .feature-icon img{filter:none}
.feature-section--style .feature-item:hover .feature-content .title{color:#000}
.feature-section--style .feature-item:hover .feature-content p{color:#2e2e2e}
.feature-section--style .feature-thumb-area{margin-right:-200px}
@media only screen and (max-width: 991px) {
.feature-section--style .feature-thumb-area{display:none}
}
.feature-section--style .feature-thumb-area .feature-thumb img{width:100%}
.feature-section--style-two .feature-item{background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.1);border-radius:6px;padding:30px;text-align:center}
.feature-section--style-two .feature-item:hover .feature-icon{transform:none}
.feature-section--style-two .feature-item .feature-icon-area::before{left:110px}
.feature-section--style-two .feature-item .feature-icon-area .feature-icon{margin:0 auto}
.call-to-action-section{background-attachment:fixed}
.call-to-action-content .title{color:#fff;font-weight:700;margin-top:-10px;margin-bottom:20px;font-size:25px;}
.call-to-action-content .sub-title{font-weight:700;color:transparent;-webkit-text-stroke:1px #fff;margin-bottom:15px;font-size:33px}
.call-to-action-content p{color:#fff;font-size:14px;}
.call-to-action-btn{margin-top:20px}
.event-thumb{border-radius:10px;box-shadow:0 12px 30px rgba(232,0,0,0.13);overflow:hidden}
.event-thumb img{width:100%;border-radius:10px}
.event-item-area{border:1px dashed #e6e6e6;border-radius:10px;padding:30px}
.event-item{padding-bottom:25px;margin-bottom:30px;border-bottom:1px dashed #e6e6e6}
.event-item:last-child{padding:0;margin:0;border:none}
.event-post-meta{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:15px}
.event-post-meta .event-badge{background-color:#e80000;padding:1px 10px;border-radius:3px;font-size:14px;font-weight:500;color:#fff;margin-right:30px}
.event-post-meta .event-date{color:#828282;font-size:14px;font-weight:500}
.event-content .title a{transition:all .5s}
.event-content .title a:hover{color:#e80000}
.event-section-two .event-item{padding:0;margin:0;border:none;transition:all .5s}
.event-section-two .event-item:hover{transform:translateY(-7px)}
.event-section-two .event-meta-area{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:10px}
@media only screen and (max-width: 575px) {
.event-section-two .event-meta-area{display:block;border:none}
}
@media only screen and (max-width: 400px) {
.event-section-two .event-meta-area{margin-bottom:50px}
}
@media only screen and (max-width: 400px) {
.event-section-two .event-meta-area .event-post-meta{display:block}
}
.event-section-two .event-meta-area .event-badge .badge-title{margin-bottom:0;background-color:#c18422;color:#fff;width:63px;height:85px;text-align:center;border-radius:60px;font-size:34px;line-height:56px;font-weight:700;font-style:italic;margin-top:-80px;position:relative}
@media only screen and (max-width: 575px) {
.event-section-two .event-meta-area .event-badge .badge-title{width:70px;height:90px;line-height:60px;font-size:30px;margin-top:-170px}
}
.event-section-two .event-meta-area .event-badge .badge-title::before{position:absolute;content:'';top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);border:1px solid rgba(255,255,255,0.3);border-radius:60px}
.event-section-two .event-meta-area .event-badge .badge-title span{display:block}
.event-section-two .event-meta-area .event-badge .badge-title .month{font-size:20px;font-weight:500;font-style:normal;line-height:5px}
@media only screen and (max-width: 575px) {
.event-section-two .event-meta-area .event-badge .badge-title .month{font-size:16px;line-height:0}
}
.event-section-two .event-post-meta{margin-bottom:0}
.event-section-two .event-post-meta .event-location{color:#4F4F6B;font-size:14px;margin-right:30px}
@media only screen and (max-width: 400px) {
.event-section-two .event-post-meta .event-location{margin-right:0;margin-bottom:10px}
}
.event-section-two .event-post-meta .event-location i{color:#e80000;margin-right:5px;font-size:16px}
.event-section-two .event-post-meta .event-date{font-weight:400;color:#4F4F6B}
.event-section-two .event-post-meta .event-date i{color:#e80000;margin-right:5px;font-size:16px}
.event-section-two .event-content{background-color:#F8F9FF;border:1px solid #F5F5F5;padding:12px;border-radius:10px;width:95%;margin:0 auto;margin-top:-80px;position:relative;z-index:2}
.event-section-two .event-content p{text-align:justify}
@media only screen and (max-width: 575px) {
.event-section-two .event-content{padding:20px}
}
.event-section-two .event-content .title{text-transform:uppercase;font-weight:600;margin-bottom:5px;font-size:20px;text-align:center}
@media only screen and (max-width: 575px) {
.event-section-two .event-content .title{font-size:20px}
}
.event-section-two .event-content .event-btn{margin-top:25px}
.event-section-two .event-content .event-btn a{color:#e80000;font-family:"Kanit",sans-serif;font-weight:600}
.event-section-two .event-content .event-btn a:hover i{padding-left:5px}
.event-section-two .event-content .event-btn a i{transition:all .5s}
.event-details-section .event-item:hover{transform:none}
.event-details-section .event-content{margin-top:-30px;box-shadow:0 5px 20px rgba(0,0,0,0.15)}
.event-details-section .event-widget-content-area .widget-title{font-weight:700;margin-bottom:15px}
.event-details-section .event-widget-content-area p span{color:#e80000;font-weight:700}
.event-details-section .event-map-area{margin-top:30px;margin-bottom:40px}
.event-details-section .event-social-area{border-top:1px dashed #e6e6e6;padding-top:30px;margin-top:30px}
.event-details-section .event-social-area .event-social li{display:inline-block}
.event-details-section .event-social-area .event-social li a{width:35px;height:35px;line-height:35px;display:inline-block;text-align:center;border:1px solid #8A8A8A;border-radius:50%;color:#8A8A8A;transition:all .3s}
.event-details-section .event-social-area .event-social li a:hover{background-color:#e80000;border:1px solid #e80000;color:#fff}
.event-details-section .event-social-area .event-social li + li{margin-left:10px}
.event-details-section .blog-reply-area{margin-top:30px}
.event-details-section .about-item-area{margin-bottom:30px}
.event-details-section .about-item-area .about-item .about-icon::before{right:8px}
.event-details-section blockquote{background-color:#F8F9FF;padding:30px;position:relative;margin-top:30px}
@media only screen and (max-width: 575px) {
.event-details-section blockquote{text-align:left}
}
.event-details-section blockquote::before{position:absolute;content:'';top:0;left:0;width:4px;height:100%;background-color:#e80000}
@media only screen and (max-width: 575px) {
.event-details-section blockquote .quote-area{display:block!important}
}
.event-details-section blockquote .quote-icon{font-size:70px;color:#e80000}
@media only screen and (max-width: 575px) {
.event-details-section blockquote .quote-icon{font-size:50px}
}
.event-details-section blockquote .quote-icon--style{position:absolute;bottom:20px;right:20px;font-size:70px;color:rgba(0,0,0,0.03)}
@media only screen and (max-width: 575px) {
.event-details-section blockquote .quote-icon--style{font-size:50px}
}
.event-details-section blockquote .quote-content-area{width:calc(100% - 70px);padding-left:30px;text-align:left}
@media only screen and (max-width: 575px) {
.event-details-section blockquote .quote-content-area{width:100%;padding-left:0}
}
.event-details-section blockquote .quote-content-area span{color:#2E2E2E;padding-left:0}
.event-details-section blockquote .quote-content-area span::before{display:none}
.event-details-section blockquote .quote-content-area span::after{display:none}
.event-details-section blockquote .quote-content{font-size:18px!important;font-style:normal;font-family:'Mukta',sans-serif;text-transform:unset;font-weight:600;color:#000;margin-bottom:5px}
@media only screen and (max-width: 575px) {
.event-details-section blockquote .quote-content{font-size:16px!important}
}
.event-details-section .event-widget-box-item{width:75%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;position:relative}
@media only screen and (max-width: 1199px) {
.event-details-section .event-widget-box-item{width:100%}
}
.event-details-section .event-widget-box-item::after{position:absolute;content:'';bottom:0;right:0;width:100%;height:100%;border-right:1px solid #D2D2D2;z-index:-1}
@media only screen and (max-width: 991px) {
.event-details-section .event-widget-box-item::after{border-right:none;border-bottom:1px dashed #D2D2D2;bottom:-15px}
}
.event-details-section div[class*="col"]:nth-of-type(3n + 3) .event-widget-box-item::after{display:none}
@media only screen and (max-width: 991px) {
.event-details-section .event-widget-box-icon{width:15%}
}
@media only screen and (max-width: 575px) {
.event-details-section .event-widget-box-icon{width:8%}
}
@media only screen and (max-width: 420px) {
.event-details-section .event-widget-box-icon{width:10%}
}
.event-details-section .event-widget-box-content{padding-left:20px}
.event-details-section .event-widget-box-content .title{text-transform:unset;font-weight:600;margin-bottom:5px}
.event-form .form--control{background-color:#fff;opacity:.9;color:#000;border:1px solid #CFCFCF;font-weight:400;font-size:15px;border-radius:3px;height:55px}
.event-form .form--control:focus{border:1px solid #e80000;opacity:1}
.event-form .form--control::placeholder{color:#535353}
.profile-thumb img{width:100%}
.profile-content{padding-top:30px}
.profile-content .title{font-weight:700;font-style:italic}
.profile-content .profile-btn{margin-top:20px}
.service-section{position:relative;z-index:9}
.service-area{background-color:#fff;box-shadow:0 20px 40px rgba(0,0,0,0.07);padding:60px;border-radius:10px;position:relative}
@media only screen and (max-width: 991px) {
.service-area{padding:20px}
}
.service-area .service-element{position:absolute;top:0;left:0;overflow:hidden}
@media only screen and (max-width: 575px) {
.service-area .service-element{height:20%;width:100%}
}
@media only screen and (max-width: 575px) {
.service-area .service-element img{width:100%;height:100%;object-fit:cover;object-position:center}
}
.service-area .service-element::after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:#e80000;opacity:.8;border-radius:10px 10px 0 0}
.service-thumb{position:relative;border-radius:5px;overflow:hidden;z-index:2}
.service-thumb img{width:100%;overflow:hidden;transition:all .5s}
.service-thumb::after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-image:linear-gradient(360deg,#885e44 10%,rgba(25,25,25,0) 50%);transition:all .5s}
.service-thumb .service-overlay{position:absolute;left:0;right:0;bottom:6%;z-index:9;transition:all .5s}
.service-thumb .service-overlay .service-overlay-content .title{font-size:18px;font-weight:600;text-transform:uppercase;color:#fff;margin-bottom:8px;text-align:center;padding:0 15px;}
.service-thumb .service-overlay .service-overlay-content p{font-size:14px;font-weight:300;color:#fff;line-height:25px;margin-bottom:0;text-align:center;padding:0 15px;}
.service-thumb:hover img{transform:scale(1.2)}
.service-thumb img{border-radius:5px}
.service-slider{overflow:hidden}
.service-slider .swiper-pagination{display:none}
@media only screen and (max-width: 991px) {
.service-slider .swiper-pagination{margin-top:40px}
}
.tutorial-section{position:relative;z-index:2}
@media only screen and (max-width: 767px) {
.tutorial-section{padding-left:15px;padding-right:15px;padding-bottom:120px}
}
.tutorial-section::after{position:absolute;content:'';bottom:0;left:0;width:100%;height:50%;background-color:#000;z-index:-1}
.tutorial-slider{overflow:hidden}
.tutorial-slider .custom-pagination{width:50%!important;margin-top:100px}
@media only screen and (max-width: 767px) {
.tutorial-slider .custom-pagination{width:100%!important;margin-top:40px}
}
.tutorial-slider .slider-next,.tutorial-slider .slider-prev{position:relative;top:-28px;z-index:9}
@media only screen and (max-width: 767px) {
.tutorial-slider .slider-next,.tutorial-slider .slider-prev{display:none}
}
.tutorial-slider .slider-next:hover,.tutorial-slider .slider-prev:hover{background-color:#e80000;color:#fff}
.tutorial-slider .slider-prev{left:20%}
@media only screen and (max-width: 1199px) {
.tutorial-slider .slider-prev{left:15%}
}
.tutorial-slider .slider-next{left:75%}
.tutorial-thumb{position:relative;border-radius:10px;overflow:hidden;z-index:2}
.tutorial-thumb img{width:100%;border-radius:10px;overflow:hidden;transition:all .5s}
.tutorial-thumb::after{position:absolute;content:'';top:0;left:0;width:100%;height:0;background-image:linear-gradient(335deg,#e80000 15%,rgba(25,25,25,0) 100%);transition:all .5s}
.tutorial-thumb .tutorial-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:40px 20px;z-index:9}
.tutorial-thumb .tutorial-overlay .tutorial-video{position:relative;top:50%;transform:translateY(-50%)}
.tutorial-thumb .tutorial-overlay .tutorial-video .video-icon{width:90px;height:90px;line-height:90px;background-color:#fff;color:#e80000!important;font-size:40px}
.tutorial-thumb .tutorial-overlay .tutorial-content{text-align:center;opacity:0;visibility:hidden;transition:all .5s}
.tutorial-thumb .tutorial-overlay .tutorial-content .title{color:#fff}
.tutorial-thumb:hover img{transform:scale(1.2)}
.tutorial-thumb:hover::after{height:100%}
.tutorial-thumb:hover .tutorial-overlay .tutorial-content{opacity:1;visibility:visible}
.plan-item{border:1px solid #000;border-radius:10px;overflow:hidden;position:relative;z-index:2;transition:all .5s}
.plan-item .plan-badge-top{position:absolute;top:23px;right:-60px;width:200px;height:30px;background:#e80000;color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:600;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.plan-item .plan-content{padding:30px 20px}
.plan-item:hover{transform:translateY(-7px)}
.plan-item:hover,.plan-item.active{border:1px solid transparent;box-shadow:0 15px 25px rgba(232,0,0,0.2)}
.plan-item:hover .plan-header p,.plan-item.active .plan-header p{color:#fff}
.plan-item:hover .plan-price-area .price-title,.plan-item.active .plan-price-area .price-title{color:#fff}
.plan-item:hover .plan-list li,.plan-item.active .plan-list li{color:#fff}
.plan-item:hover .plan-footer,.plan-item.active .plan-footer{background-color:#e80000}
.plan-item:hover .plan-overlay,.plan-item.active .plan-overlay{opacity:1;visibility:visible}
.plan-header{border-bottom:1px dashed #e6e6e6;padding-bottom:25px;margin-bottom:20px}
.plan-header .plan-badge-area{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:-5px;margin-bottom:10px}
.plan-header .plan-badge{padding:12px 30px;border-radius:999px;font-size:24px;font-weight:600;font-family:"Kanit",sans-serif;margin:5px}
@media only screen and (max-width: 991px) {
.plan-header .plan-badge{font-size:20px}
}
.plan-header .plan-badge.red{background-color:rgba(232,0,0,0.14);color:#e80000}
.plan-header .plan-badge.yellow{background-color:#FF840022;color:#FF8400;font-size:14px;font-family:'Mukta',sans-serif;font-weight:500;padding:8px 30px}
.plan-price-area{border-bottom:1px dashed #e6e6e6;padding-bottom:20px;margin-bottom:30px}
.plan-price-area .price-title{font-size:65px;line-height:65px;font-weight:700}
@media only screen and (max-width: 991px) {
.plan-price-area .price-title{font-size:50px}
}
.plan-price-area .price-title sup{font-size:24px;font-weight:600;margin-right:5px;position:relative;top:-25px}
.plan-price-area .price-title sub{font-size:16px;font-weight:400;margin-left:5px}
.plan-list{margin-bottom:-5px}
.plan-list li{font-size:14px;font-weight:500;position:relative;padding-left:25px;padding-bottom:5px}
.plan-list li::before{position:absolute;color:#e80000;top:0;left:0;content:'\f00c';font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px}
.plan-footer{background-color:#000;padding:20px 30px;margin-top:10px}
.plan-footer a{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.plan-footer .title{color:#fff;margin-bottom:0}
@media only screen and (max-width: 991px) {
.plan-footer .title{font-size:18px}
}
.plan-footer .plan-btn{width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;background-color:#fff;color:#e80000;border-radius:50%;font-size:30px}
.plan-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;visibility:hidden;border-radius:10px;transition:all .5s}
.plan-overlay img{width:100%;height:100%}
.plan-overlay::after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.5}
.plan-tab{text-align:center;margin-bottom:30px}
.plan-tab span{vertical-align:middle;color:#8B8B8B;font-weight:500;font-size:14px}
.plan-tab.change-color .annual_tab_title{color:#e80000}
.plan-tab.change-color .monthly_tab_title{color:#8B8B8B}
.plan-tab .monthly_tab_title{color:#e80000}
.plan-tab-switcher{height:25px;width:50px;background:transparent;border:1px solid #e80000;display:inline-block;border-radius:50px;position:relative;transition:all .3s ease;margin:0 10px;transform:translateY(-3px);cursor:pointer}
.plan-tab-switcher::before{content:'';position:absolute;left:5px;top:4px;background:#e80000;width:15px;height:15px;border-radius:100%;transition:all .3s ease}
.plan-tab-switcher.active::before{left:calc(100% - 20px)}
.plan-area{position:relative;opacity:0;top:100px;transition:all .3s;visibility:hidden;display:none}
.plan-area.change-subs-duration{visibility:visible;opacity:1;top:0;display:block;animation-name:fadeIn;-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s}
@media only screen and (max-width: 991px) {
.subscribe-section .row{flex-direction:column-reverse}
}
.subscribe-section .section-header{margin-bottom:30px}
.subscribe-area{background-color:#e80000;box-shadow:0 15px 30px rgba(232,0,0,0.25);border-radius:10px;padding:120px 60px 0;position:relative;z-index:2;overflow:hidden}
@media only screen and (max-width: 991px) {
.subscribe-area{padding:0 30px}
}
.subscribe-area .subscribe-element{position:absolute;top:0;left:0;width:100%;height:100%}
.subscribe-area .subscribe-element img{width:100%;height:100%;object-fit:cover;object-position:center}
.subscribe-area .subscribe-content{padding-top:60px}
.subscribe-area .subscribe-form .subscribe-icon{top:24px;left:28px}
@media only screen and (max-width: 991px) {
.subscribe-area .subscribe-form .subscribe-icon{top:12px}
}
.subscribe-area .subscribe-form input{border-radius:999px;padding:10px 200px 10px 15px;padding-left:70px;border:1px solid #e80000;height:80px}
@media only screen and (max-width: 991px) {
.subscribe-area .subscribe-form input{height:50px;padding:10px 15px 10px 55px}
}
.subscribe-area .subscribe-form button,.subscribe-area .subscribe-form input[type="button"],.subscribe-area .subscribe-form input[type="reset"],.subscribe-area .subscribe-form input[type="submit"]{position:absolute;top:13px;right:15px;font-size:18px;font-family:"Kanit",sans-serif;width:auto;border-radius:999px;margin-top:0}
@media only screen and (max-width: 991px) {
.subscribe-area .subscribe-form button,.subscribe-area .subscribe-form input[type="button"],.subscribe-area .subscribe-form input[type="reset"],.subscribe-area .subscribe-form input[type="submit"]{background-color:#fff;color:#e80000}
}
.subscribe-area .subscribe-form button i,.subscribe-area .subscribe-form input[type="button"] i,.subscribe-area .subscribe-form input[type="reset"] i,.subscribe-area .subscribe-form input[type="submit"] i{margin-left:5px}
@media only screen and (max-width: 991px) {
.subscribe-area .subscribe-form button,.subscribe-area .subscribe-form input[type="button"],.subscribe-area .subscribe-form input[type="reset"],.subscribe-area .subscribe-form input[type="submit"]{position:unset;width:100%;margin-top:10px}
}
.subscribe-thumb img{width:100%}
.statistics-section{overflow:visible}
.statistics-area{background-color:#fff;box-shadow:0 15px 30px rgba(232,0,0,0.17);border-radius:10px;padding:40px 20px;margin-top:-80px;position:relative;z-index:2}
.statistics-item{position:relative;text-align:center;z-index:2}
.statistics-item::after{position:absolute;content:'';bottom:0;right:0;width:100%;height:80%;border-right:1px dashed #e80000;z-index:-1}
@media only screen and (max-width: 991px) {
.statistics-item::after{border-right:none;border-bottom:1px dashed #e80000;bottom:-15px}
}
div[class*="col"]:nth-of-type(3n + 3) .statistics-item::after{display:none}
.odo-title{display:inline-block;color:#000;font-weight:700;font-style:italic;font-size:50px;margin-bottom:-5px;margin-top:-20px;padding-right:10px}
@media only screen and (max-width: 991px) {
.odo-title{font-size:30px}
}
.odo-area .title{display:inline-block;font-size:50px;color:#e80000;font-weight:700;font-style:italic;margin-bottom:0}
.odometer-digit{padding:1px}
.statistics-section-two{position:relative;overflow:hidden}
.statistics-section-two .statistics-element-one{position:absolute;top:50%;left:1%;width:20%}
@media only screen and (max-width: 1199px) {
.statistics-section-two .statistics-element-one{display:none}
}
.statistics-section-two .statistics-element-two{position:absolute;bottom:0;right:5%;width:10%}
@media only screen and (max-width: 1199px) {
.statistics-section-two .statistics-element-two{display:none}
}
.statistics-section-two .statistics-area{background-color:transparent;margin-top:0;box-shadow:none;padding:0;border-radius:0}
.statistics-section-two .statistics-item::after{border-right:1px dashed #CFCFCF;height:50%}
@media only screen and (max-width: 991px) {
.statistics-section-two .statistics-item::after{border-right:none;border-bottom:1px dashed #CFCFCF}
}
.statistics-section-two .statistics-icon-area{position:relative;margin-bottom:10px}
.statistics-section-two .statistics-icon-area::before{position:absolute;content:'';top:-8px;left:40%;width:100%;height:100%;background-image:url(../images/element/element-27.png);background-repeat:no-repeat}
@media only screen and (max-width: 1199px) {
.statistics-section-two .statistics-icon-area::before{display:none}
}
.statistics-section-two .statistics-icon-area .statistics-icon{width:55px;height:70px;line-height:70px;background-color:#e80000;border-radius:999px;display:inline-block;text-align:center}
.statistics-section-two .statistics-icon-area .statistics-icon img{width:60%}
.video-section{padding:250px 0;position:relative;overflow:visible}
.video-section .section-logo-text{position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}
.video-section .section-logo-text span{font-size:130px;font-family:"Kanit",sans-serif;font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.1);font-style:italic}
@media only screen and (max-width: 1830px) {
.video-section .section-logo-text{display:none}
}
.overview-item{background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.1);border-radius:6px;text-align:center;padding:35px 40px;transition:all .5s}
.overview-item:hover{background-color:#e80000}
.overview-item:hover .overview-icon-area .overview-icon img{filter:brightness(0) invert(1)}
.overview-item:hover .overview-content .title{color:#fff}
.overview-item:hover .overview-content p{color:#fff}
.overview-item:hover .overview-number span{-webkit-text-stroke:1px rgba(255,255,255,0.2)}
.overview-icon-area{margin-bottom:30px}
.overview-icon-area .overview-icon img{transition:all .5s}
.overview-content .title{margin-bottom:20px;transition:all .5s}
.overview-content p{transition:all .5s}
.overview-number{position:absolute;top:15%;left:50%;transform:translateX(-50%)}
.overview-number span{font-size:100px;font-family:"Kanit",sans-serif;font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(232,0,0,0.2);font-style:italic;transition:all .5s}
.faq-section{position:relative}
.faq-section .faq-element{position:absolute;top:0}
.faq-wrapper{margin-bottom:-30px}
.faq-wrapper .faq-item{background-color:#fff;border:3px solid transparent;padding:25px;border-radius:10px;margin-bottom:30px;transition:all .3s}
.faq-wrapper .faq-item .faq-title{font-size:20px;align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:0}
@media only screen and (max-width: 991px) {
.faq-wrapper .faq-item .faq-title{font-size:18px}
}
.faq-wrapper .faq-item .faq-title .title{width:calc(100% - 60px);display:inline-block;font-family:"Kanit",sans-serif;font-weight:600;margin-bottom:0}
.faq-wrapper .faq-item .faq-title .title span{color:#e80000;font-family:"Kanit",sans-serif;margin-right:8px}
.faq-wrapper .faq-item .faq-content{display:none;padding-top:30px}
.faq-wrapper .faq-item .faq-content .faq-list-area{background-color:rgba(232,0,0,0.1);padding:20px;border-radius:6px;margin-top:20px}
.faq-wrapper .faq-item .faq-content .faq-list-area .title{margin-bottom:15px}
.faq-wrapper .faq-item .faq-content .faq-list{margin-bottom:-10px}
.faq-wrapper .faq-item .faq-content .faq-list li{padding-bottom:10px;color:#000;padding-left:20px;position:relative}
.faq-wrapper .faq-item .faq-content .faq-list li::before{position:absolute;content:'';top:7px;left:0;width:8px;height:8px;background-color:#e80000;border-radius:50%}
.faq-wrapper .faq-item .faq-content .faq-inner-thumb-area{margin-top:30px}
.faq-wrapper .faq-item .faq-content .faq-inner-thumb-area .faq-inner-thumb img{width:100%}
.faq-wrapper .faq-item .right-icon{display:block;width:40px;height:40px;background-color:rgba(232,0,0,0.1);border-radius:50%;position:relative}
.faq-wrapper .faq-item .right-icon::after{border-bottom:2px solid #e80000;border-right:2px solid #e80000;content:'';display:block;height:13px;margin-top:0;pointer-events:none;position:absolute;margin-top:-9px;right:13px;top:50%;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:13px}
.faq-wrapper .faq-item.active .faq-content{display:block}
.faq-wrapper .faq-item.open{border:3px solid #e80000}
.faq-wrapper .faq-item.open .right-icon::after{border-top:2px solid #e80000;border-left:2px solid #e80000;border-bottom:none;border-right:none;margin-top:-2px}
.faq-section-two{margin-top:-20px}
.choose-item{position:relative}
.choose-item::after{position:absolute;content:'';top:20%;right:-5%;width:100%;height:15%;border-right:2px dashed rgba(255,255,255,0.1);z-index:-1}
@media only screen and (max-width: 991px) {
.choose-item::after{display:none}
}
.choose-item .chart{position:relative;width:160px;height:160px;text-align:center;margin:0 auto;z-index:2}
.choose-item .chart::before{position:absolute;content:'';top:-15%;left:-15%;width:130%;height:130%;background-color:rgba(255,255,255,0.1);border-radius:50%;z-index:-1}
.choose-item .chart span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;font-weight:700;font-style:italic;color:#fff;font-family:"Kanit",sans-serif}
.choose-item .title{color:#fff;font-style:italic;margin:0 auto;margin-top:60px;text-align:center;margin-bottom:0;width:50%}
@media only screen and (max-width: 991px) {
.choose-item .title{margin-top:40px}
}
div[class*="col"]:nth-of-type(4n + 4) .choose-item::after{display:none}
@media only screen and (max-width: 575px) {
.gallery-section .section-header{padding:0 15px}
}
.gallery-filter-wrapper .filter-btn-group{width:41%}
@media only screen and (max-width: 1870px) {
.gallery-filter-wrapper .filter-btn-group{width:45%}
}
@media only screen and (max-width: 1785px) {
.gallery-filter-wrapper .filter-btn-group{width:48%}
}
@media only screen and (max-width: 1670px) {
.gallery-filter-wrapper .filter-btn-group{width:50%}
}
@media only screen and (max-width: 1599px) {
.gallery-filter-wrapper .filter-btn-group{width:50%}
}
@media only screen and (max-width: 1540px) {
.gallery-filter-wrapper .filter-btn-group{width:52%}
}
@media only screen and (max-width: 1480px) {
.gallery-filter-wrapper .filter-btn-group{width:55%}
}
@media only screen and (max-width: 1400px) {
.gallery-filter-wrapper .filter-btn-group{width:58%}
}
@media only screen and (max-width: 1330px) {
.gallery-filter-wrapper .filter-btn-group{width:60%}
}
@media only screen and (max-width: 1280px) {
.gallery-filter-wrapper .filter-btn-group{width:65%}
}
@media only screen and (max-width: 1220px) {
.gallery-filter-wrapper .filter-btn-group{width:65%}
}
@media only screen and (max-width: 1185px) {
.gallery-filter-wrapper .filter-btn-group{width:68%}
}
@media only screen and (max-width: 1130px) {
.gallery-filter-wrapper .filter-btn-group{width:70%}
}
@media only screen and (max-width: 1100px) {
.gallery-filter-wrapper .filter-btn-group{width:75%}
}
@media only screen and (max-width: 1030px) {
.gallery-filter-wrapper .filter-btn-group{width:80%}
}
@media only screen and (max-width: 910px) {
.gallery-filter-wrapper .filter-btn-group{width:73%}
}
@media only screen and (max-width: 860px) {
.gallery-filter-wrapper .filter-btn-group{width:78%}
}
@media only screen and (max-width: 799px) {
.gallery-filter-wrapper .filter-btn-group{width:82%}
}
@media only screen and (max-width: 760px) {
.gallery-filter-wrapper .filter-btn-group{width:85%}
}
@media only screen and (max-width: 735px) {
.gallery-filter-wrapper .filter-btn-group{width:90%}
}
@media only screen and (max-width: 700px) {
.gallery-filter-wrapper .filter-btn-group{width:95%}
}
.gallery-filter-wrapper .grid{margin:-10px}
.gallery-filter-wrapper .grid-item{width:33.33%;padding:10px}
@media only screen and (max-width: 767px) {
.gallery-filter-wrapper .grid-item{width:50%}
}
@media only screen and (max-width: 575px) {
.gallery-filter-wrapper .grid-item{width:100%}
}
.gallery-thumb{position:relative;overflow:hidden}
.gallery-thumb::before{position:absolute;content:'';top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);background-color:rgba(232,0,0,0.3);transform:scale(0);transition:all .5s}
.gallery-thumb:hover::before{transform:scale(1)}
.gallery-thumb:hover .gallery-overlay{bottom:0}
.gallery-thumb img{width:100%}
.gallery-thumb .gallery-overlay{position:absolute;width:100%;bottom:-50%;left:0;padding:30px;transition:all .5s}
.gallery-thumb .gallery-overlay .gallery-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.gallery-thumb .gallery-overlay .title{color:#fff;margin-bottom:0}
@media only screen and (max-width: 1480px) {
.gallery-thumb .gallery-overlay .gallery-icon{display:none}
}
.account-widget-section{position:relative}
.account-widget-section .account-widget-element{position:absolute;bottom:20%;left:30%;width:20%}
.account-widget-form-area{padding:40px;border-radius:10px}
.account-widget-form-area .nice-select::after{border-bottom:2px solid #8B8B8B;border-right:2px solid #8B8B8B}
.account-widget-form-area .nice-select span{color:#8B8B8B}
@media only screen and (max-width: 991px) {
.account-widget-form-area{padding:30px}
}
.account-widget-list li{display:flex;flex-wrap:wrap;align-items:center;padding-bottom:20px}
.account-widget-list li span{width:calc(100% - 35px);padding-left:20px;font-size:20px;line-height:1.5;font-weight:500;font-family:"Kanit",sans-serif;color:#000}
@media only screen and (max-width: 991px) {
.account-widget-list li span{font-size:16px}
}
.account-widget-list .account-widget-list-icon-area{position:relative}
.account-widget-list .account-widget-list-icon-area::before{position:absolute;content:'';top:-4px;left:-6px;width:100%;height:100%;background-image:url(../images/element/element-30.png);background-repeat:no-repeat;background-size:contain;display:none}
.account-widget-list .account-widget-list-icon-area .acoount-widget-list-icon{width:35px;height:50px;line-height:50px;background-color:#e80000;border-radius:999px;display:inline-block;text-align:center}
.account-widget-list .account-widget-list-icon-area .acoount-widget-list-icon img{width:55%}
.account-widget-section-two .account-widget-form-area{padding:0;border-radius:0}
.account-widget-section-two .account-widget-form-area .form--control:focus{border:1px solid rgba(232,0,0,0.5)}
.account-widget-section--style{background-color:#F8F9FF}
.account-widget-section--style .account-widget-element{bottom:0;left:0;width:100%;height:100%}
.account-widget-section--style .account-widget-left{width:90%}
.account-widget-section--style .section-header{margin-bottom:30px}
.account-widget-section--style .account-widget-form-area{padding:0;border-radius:0}
.account-widget-section--style .banner-widget-wrapper{background-color:transparent;padding:0;border-radius:0;margin:0;width:68%}
@media only screen and (max-width: 1199px) {
.account-widget-section--style .banner-widget-wrapper{width:80%}
}
@media only screen and (max-width: 991px) {
.account-widget-section--style .banner-widget-wrapper{width:50%}
}
@media only screen and (max-width: 767px) {
.account-widget-section--style .banner-widget-wrapper{width:70%}
}
@media only screen and (max-width: 500px) {
.account-widget-section--style .banner-widget-wrapper{width:100%;justify-content:space-between}
}
@media only screen and (max-width: 375px) {
.account-widget-section--style .banner-widget-wrapper{display:block;text-align:center}
}
.account-widget-section--style .banner-widget-wrapper::after{display:none}
.account-widget-section--style .banner-widget-wrapper::before{display:none}
.account-widget-section--style .banner-widget-wrapper .banner-widget-content p{font-weight:500}
@media only screen and (max-width: 375px) {
.account-widget-section--style .banner-widget-wrapper .banner-widget-content p{margin-top:10px}
}
.account-widget-section--style .banner-widget-wrapper .banner-widget-content p span{font-weight:600}
.account-widget-section--style .account-widget-form .form--control{background-color:#fff;border:1px solid #e6e6e6;font-weight:400}
.account-widget-section--style .account-widget-form .form--control:focus{border:1px solid rgba(232,0,0,0.5)}
.account-widget-section--style-two{background-color:transparent}
.account-widget-section--style-two .account-widget-form-area{background-color:#F8F9FF;padding:25px;border-radius:5px;position:relative;overflow:hidden}
@media only screen and (max-width: 991px) {
.account-widget-section--style-two .account-widget-form-area{padding:25px}
}
.account-widget-section--style-two .account-widget-form-area .account-widget-element-two{position:absolute;bottom:0;left:0;width:100%;height:100%}
.account-widget-section--style-two .account-widget-form-area .section-header p{width:95%}
@media only screen and (max-width: 991px) {
.account-widget-section--style-two .account-widget-form-area .section-header p{width:100%}
}
.account-widget-section--style-two .account-widget-form-area .account-widget-form label{font-family:'Mukta',sans-serif;font-size:16px;font-weight:400}
@media only screen and (max-width: 991px) {
.account-widget-section--style-two .account-widget-form-area .account-widget-form label{font-size:14px}
}
.account-widget-section--style-two .account-widget-form-area .account-widget-form .form--control:focus{border:1px solid #e80000}
.account-widget-section--style-two .account-widget-form-area .nice-select::after{border-bottom:2px solid #858585;border-right:2px solid #858585}
.account-widget-section--style-two .account-widget-form-area .nice-select .current{color:#858585}
.contact-item-section{position:relative}
.contact-item-section .contact-element-one{position:absolute;top:20%;left:1%;width:15%}
@media only screen and (max-width: 1199px) {
.contact-item-section .contact-element-one{display:none}
}
.contact-item-section .contact-element-two{position:absolute;bottom:5%;right:5%;width:10%}
@media only screen and (max-width: 1199px) {
.contact-item-section .contact-element-two{display:none}
}
.contact-item{text-align:center;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.1);border-radius:6px;padding:40px 20px 25px;transition:all .3s}
.contact-item:hover{box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.contact-icon-area{position:relative;margin-bottom:15px}
.contact-icon-area::before{position:absolute;content:'';top:-8px;left:39%;width:100%;height:100%;background-image:url(../images/element/element-27.png);background-repeat:no-repeat}
@media only screen and (max-width: 1199px) {
.contact-icon-area::before{display:none}
}
.contact-icon-area .contact-icon{width:55px;height:70px;line-height:70px;background-color:#e80000;border-radius:999px;display:inline-block;text-align:center}
.contact-icon-area .contact-icon img{width:25px}
.contact-content .title{font-weight:600;margin-bottom:5px;font-size: 17px;}
.contact-content p{line-height:1.9em}
.contact-content p a{color:#e80000;font-weight:700}
.contact-social-area{margin-top:30px}
.contact-social-area span{font-size:20px;font-weight:700;font-family:"Kanit",sans-serif;color:#000;margin-bottom:25px}
@media only screen and (max-width: 991px) {
.contact-social-area span{font-size:16px}
}
.contact-social li{display:inline-block}
.contact-social li a{width:35px;height:35px;line-height:35px;display:inline-block;text-align:center;border:1px solid #8A8A8A;border-radius:50%;color:#8A8A8A;transition:all .3s}
.contact-social li a:hover{background-color:#e80000;border:1px solid #e80000;color:#fff}
.contact-social li + li{margin-left:10px}
.map-area iframe{width:100%;height:450px}
.account-section{position:relative}
.account-section .account-element-one{position:absolute;top:10%;left:3%;width:20%}
.account-section .account-element-two{position:absolute;bottom:8%;right:3%;width:10%}
.account-form-area{background-color:#2E2E2E;border-radius:6px;padding:40px}
@media only screen and (max-width: 991px) {
.account-form-area{padding:30px}
}
.account-form-area .title{color:#fff;text-align:center;margin-bottom:30px}
.account-form label{color:#fff;font-family:'Mukta',sans-serif;font-size:16px;font-weight:500}
@media only screen and (max-width: 991px) {
.account-form label{font-size:14px}
}
.account-form .form--control{background-color:#fff;opacity:.9;color:#000;border:1px solid #CFCFCF;font-weight:400;font-size:15px;border-radius:3px;height:55px}
@media only screen and (max-width: 991px) {
.account-form .form--control{font-size:14px}
}
.account-form .form--control:focus{border:1px solid #e80000;opacity:1}
.account-form .form--control::placeholder{color:#535353}
.account-change-area{margin-top:40px;text-align:center}
.account-change-area p{font-weight:500}
.account-change-area p a{color:#e80000;text-decoration:underline}
.forgot-password-area{margin-top:20px;text-align:center}
.forgot-password-area p{color:#fff}
.four-not-four-section .row{min-height:100vh}
.four-not-four-content .title{color:#e80000;font-size:250px;line-height:250px;font-weight:700;font-style:italic;margin-bottom:0}
@media only screen and (max-width: 991px) {
.four-not-four-content .title{font-size:130px;line-height:130px}
}
.four-not-four-content .sub-title{color:#442918;font-style:italic;font-weight:700;margin-bottom:10px}
.four-not-four-content p{color:#000}
.four-not-four-content .four-not-four-btn{margin-top:20px}
.blog-section{position:relative}
.blog-section .blog-element-one{position:absolute;left:-5%;bottom:0}
@media only screen and (max-width: 1199px) {
.blog-section .blog-element-one{display:none}
}
.blog-section .blog-element-two{position:absolute;right:-5%;bottom:0}
@media only screen and (max-width: 1199px) {
.blog-section .blog-element-two{display:none}
}
.blog-item:hover .blog-thumb img{transform:scale(1.2)}
.blog-thumb{overflow:hidden;border-radius:10px;position:relative}
.blog-thumb img{width:100%;height:100%;object-fit:cover;overflow:hidden;transition:all .5s}
.blog-thumb .blog-date{position:absolute;top:15px;left:15px;background-color:#C18422;padding:5px 10px;font-size:15px;color:#fff;border-radius:3px;font-weight:500;line-height:18px;}
.blog-content{padding-top:15px}
.blog-content .title{font-weight:600;font-size:20px;line-height:1.5;margin-bottom:0!important;text-align:center}
.blog-content h5{font-size:16px;font-weight:300;color:#C18422}
.blog-content p{text-align:justify}
@media only screen and (max-width: 991px) {
.blog-content .title{line-height:1.5;font-size:18px}
}
.blog-post-meta{margin-bottom:15px}
.blog-post-meta span{color:#707070;font-size:15px;font-weight:500}
@media only screen and (max-width: 991px) {
.blog-post-meta span{font-size:13px}
}
.blog-post-meta .user{margin-right:20px}
.blog-post-meta .category{color:#e80000}
.blog-section-two{background-color:#F5F5F5}
.blog-section-two .blog-item{display:flex;flex-direction:column}
.blog-section-two .blog-content{background-color:#fff;padding:20px;border-radius:10px;margin-top:15px}
.blog-section-two .blog-content .title{margin-bottom:8px}
.blog-area div[class*="col"]:nth-of-type(3n + 2) .blog-item{flex-direction:column-reverse}
.blog-area div[class*="col"]:nth-of-type(3n + 2) .blog-item .blog-content{margin-top:0;margin-bottom:20px}
.sidebar{position:sticky;top:0}
@media only screen and (max-width: 991px) {
.sidebar{margin-top:30px}
}
.widget-box{background-color:#fff;box-shadow:0 6px 30px rgba(0,0,0,0.07);padding:25px;border-radius:10px;z-index:2;overflow:hidden}
.widget-box .widget-title{margin-bottom:20px;font-weight:700;font-family:"Kanit",sans-serif;position:relative;z-index:2}
.widget-box .widget-title::before{position:absolute;content:'';top:0;left:-25px;width:3px;height:20px;background-color:#e80000}
.package-book-form .form-group{position:relative}
.package-book-form .icon{position:absolute;top:8px;right:20px;background-color:transparent;color:#e80000;font-size:20px}
.package-book-form .form--control{border:1px solid #e80000;background-color:rgba(255,255,255,0.1);padding:10px 40px 10px 15px;color:#fff;font-family:'Mukta',sans-serif;font-weight:400}
.package-book-form .form--control:focus{border:1px solid #e80000;background-color:rgba(255,255,255,0.1);color:#fff}
.package-book-form .form--control::placeholder{color:#fff}
.package-book-form button i,.package-book-form input[type="button"] i,.package-book-form input[type="reset"] i,.package-book-form input[type="submit"] i{margin-right:5px;transition:all .5s}
.package-book-form button i::before,.package-book-form input[type="button"] i::before,.package-book-form input[type="reset"] i::before,.package-book-form input[type="submit"] i::before{color:#000;transition:all .5s}
.package-book-form button:hover i,.package-book-form input[type="button"]:hover i,.package-book-form input[type="reset"]:hover i,.package-book-form input[type="submit"]:hover i{transform:rotate(40deg)}
.package-book-form button:hover i::before,.package-book-form input[type="button"]:hover i::before,.package-book-form input[type="reset"]:hover i::before,.package-book-form input[type="submit"]:hover i::before{color:#e80000}
.popular-widget-box{margin-bottom:-20px}
.single-popular-item{padding-bottom:30px;border-bottom:1px dashed #e6e6e6;margin-bottom:30px}
.single-popular-item:last-child{border:none;padding:0}
.single-popular-item:hover .popular-item-thumb img{transform:scale(1.2)}
.single-popular-item .popular-item-thumb{overflow:hidden;border-radius:6px}
.single-popular-item .popular-item-thumb img{width:100%;height:100%;object-fit:cover;overflow:hidden;border-radius:6px;transition:all .5s}
.single-popular-item .popular-item-content{width:calc(100% - 90px);padding-left:10px}
.single-popular-item .popular-item-content .title{font-size:16px;margin-bottom:0;font-family:'Mukta',sans-serif;font-weight:600}
@media only screen and (max-width: 991px) {
.single-popular-item .popular-item-content .title{font-size:15px}
}
.single-popular-item .popular-item-content .title a{transition:all .5s}
.single-popular-item .popular-item-content .title a:hover{color:#e80000}
.single-popular-item .popular-item-content .blog-date{font-size:14px;color:#858585;font-weight:400;margin-bottom:7px}
.category-list li{border-bottom:1px dashed #e6e6e6;padding-bottom:15px;margin-bottom:15px}
.category-list li:last-child{border:none;padding:0;margin:0}
.category-list li a{display:block;transition:all .3s}
.category-list li a:hover{color:#e80000;padding-left:5px}
.category-list li i{color:#e80000;margin-right:5px}
.category-list li span{float:right}
.category-list li span::before{content:'('}
.category-list li span::after{content:')'}
.tag-list{margin:-5px}
.tag-list li{display:inline-block;border:1px solid #e6e6e6;border-radius:3px;padding:5px 10px;margin:5px;transition:all .5s}
.tag-list li:hover{background-color:#e80000;border:1px solid #e80000;color:#fff}
.search-widget-box .search-form{position:relative}
.search-widget-box .search-form input{background-color:transparent;border:1px solid #e6e6e6;font-family:'Mukta',sans-serif;padding:10px 40px 10px 15px;font-size:16px;height:50px;color:#858585;font-weight:400}
.search-widget-box .search-form input::placeholder{color:#858585}
.search-widget-box .search-form button,.search-widget-box .search-form input[type="button"],.search-widget-box .search-form input[type="reset"],.search-widget-box .search-form input[type="submit"]{position:absolute;top:13px;right:10px;background-color:transparent;color:#e80000;font-size:18px}
.blog-classic .blog-thumb{position:relative}
.blog-classic .blog-thumb .blog-item-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.blog-classic .blog-thumb .blog-item-video .video-icon{background:rgba(232,0,0,0.5)}
.blog-classic .blog-thumb .blog-item-video .waves{background:transparent;border:2px solid #fff}
.blog-classic .blog-content .title{margin-bottom: 10px !important;text-align: left;}
.blog-classic .blog-btn{margin-top:20px}
.blog-classic .blog-btn a{color:#e80000;font-weight:600}
.blog-classic .blog-btn a i{transition:all .3s}
.blog-classic .blog-btn a:hover i{padding-left:5px}
.blog-details .blog-list{margin-top:30px;margin-bottom:20px}
.blog-details .blog-list li{position:relative;font-weight:400;padding-left:30px;padding-bottom:15px}
.blog-details .blog-list li::before{position:absolute;content:"\f061";font-family:'Font Awesome 5 Free';font-weight:900;top:3px;left:0;width:16px;height:16px;line-height:16px;background-color:#e80000;font-size:11px;border-radius:50%;padding-left:2px;color:#fff}
.blog-details .blog-list li + li{margin-top:8px}
.blog-details blockquote{background-color:rgba(232,0,0,0.05);padding:40px;border-radius:5px;position:relative;margin-top:30px}
@media only screen and (max-width: 991px) {
.blog-details blockquote{padding:30px}
}
@media only screen and (max-width: 400px) {
.blog-details blockquote{text-align:left}
}
@media only screen and (max-width: 400px) {
.blog-details blockquote .quote-area{display:block!important}
}
.blog-details blockquote .quote-icon{font-size:30px;color:#e80000}
.blog-details blockquote .quote-content-area{width:calc(100% - 50px);padding-left:40px;text-align:left}
@media only screen and (max-width: 400px) {
.blog-details blockquote .quote-content-area{width:100%;padding-left:0}
}
.blog-details blockquote .quote-content-area span{color:#000;padding-left:60px}
.blog-details blockquote .quote-content-area span::before{background-color:#000}
.blog-details blockquote .quote-content-area span::after{display:none}
.blog-details blockquote .quote-content{font-size:18px!important;font-style:normal;font-family:'Mukta',sans-serif;font-weight:500;color:#000;margin-bottom:20px}
@media only screen and (max-width: 991px) {
.blog-details blockquote .quote-content{font-size:15px!important}
}
.blog-details .pagination{justify-content:space-between;margin-top:30px}
.blog-details .pagination .page-item{text-align:center;padding:8px}
.blog-details .pagination .page-item a,.blog-details .pagination .page-item span{width:auto;height:auto;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:transparent;border:none;color:#e80000;padding:0;font-weight:700;line-height:auto;font-size:24px;display:block;margin:0}
.blog-details .pagination .page-item.next a{background:transparent;width:45px;height:45px;border-radius:5px;border:2px solid #e80000;color:#e80000;font-size:20px}
.blog-details .pagination .page-item.next a:hover{background-color:#e80000;color:#fff}
.blog-details .pagination .page-item.prev a{background:transparent;width:45px;height:45px;border-radius:5px;border:2px solid #e80000;color:#e80000;font-size:20px}
.blog-details .pagination .page-item.prev a:hover{background-color:#e80000;color:#fff}
.blog-details .pagination .page-item .page-link{transition:all .3s}
.blog-details .pagination .page-item.active .page-link{background-color:#e80000;border-color:transparent;color:#000}
.blog-tag-wrapper{display:flex;flex-wrap:wrap;align-items:center;border-top:1px dashed #e6e6e6;padding-top:20px;margin-top:30px}
.blog-tag-wrapper span{color:#000;font-weight:500;margin-right:10px}
.blog-tag-wrapper .blog-footer-tag li{display:inline-block;background-color:#F3F3F3;padding:3px 10px}
.blog-tag-wrapper .blog-footer-tag li + li{margin-left:10px}
.blog-slider{overflow:hidden}
.blog-related-area{margin-top:40px}
.blog-related-area .section-header .section-title{font-style:normal}
.blog-section-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:30px}
.blog-section-header .section-header{margin-bottom:0}
.blog-section-header .slider-next,.blog-section-header .slider-prev{border:none;background-color:transparent!important}
@media only screen and (max-width: 400px) {
.blog-section-header .slider-next,.blog-section-header .slider-prev{display:none}
}
.blog-reply-area{margin-top:50px;border-top:1px dashed #e6e6e6;padding-top:60px}
.blog-reply-area .title{margin-bottom:40px!important;text-transform:uppercase}
.blog-reply-item{display:flex;flex-wrap:wrap;margin-bottom:40px}
.blog-reply-item:nth-child(even){margin-left:60px}
@media only screen and (max-width: 440px) {
.blog-reply-item:nth-child(even){margin-left:20px}
}
@media only screen and (max-width: 400px) {
.blog-reply-item:nth-child(even){display:block}
}
.blog-reply-item .blog-reply-thumb{width:70px;height:70px;border-radius:50%;overflow:hidden}
.blog-reply-item .blog-reply-content{width:calc(100% - 70px);padding-left:30px}
@media only screen and (max-width: 400px) {
.blog-reply-item .blog-reply-content{width:100%;padding-left:0;padding-top:20px}
}
.blog-reply-item .blog-reply-content .blog-reply-content-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:15px}
.blog-reply-item .blog-reply-content .blog-reply-content-header .title{font-size:20px;text-transform:unset;text-transform:uppercase;font-weight:600;margin-bottom:0!important}
@media only screen and (max-width: 991px) {
.blog-reply-item .blog-reply-content .blog-reply-content-header .title{font-size:18px}
}
.blog-reply-item .blog-reply-content .blog-reply-content-header .date{font-size:15px;font-weight:400;color:#8B8B8B}
.blog-reply-item .blog-reply-content .blog-reply-btn .reply-btn{color:#e80000;font-size:16px;font-weight:400;font-family:"Kanit",sans-serif}
@media only screen and (max-width: 991px) {
.blog-reply-item .blog-reply-content .blog-reply-btn .reply-btn{font-size:16px}
}
.blog-comment-area{margin-top:60px;border-top:1px dashed #e6e6e6;padding-top:60px}
.blog-comment-area .title{margin-bottom:10px!important}
.blog-comment-area .comment-form{margin-top:30px}
.blog-comment-area .comment-form .form-group{margin-bottom:30px}
.blog-comment-area .comment-form .form--control{border:none;border-bottom:1px solid #e80000;border-radius:0;background-color:transparent;padding:0;height:50px;color:#e80000;font-family:'Mukta',sans-serif;font-weight:400}
.blog-comment-area .comment-form .form--control:focus{border:none;border-bottom:1px solid #e80000;background-color:transparent;color:#e80000}
.blog-comment-area .comment-form .form--control::placeholder{color:#e80000}
.blog-comment-area .comment-form textarea{min-height:150px}
.blog-widget-thumb-area{margin-top:20px}
.blog-widget-thumb{position:relative}
.blog-widget-thumb img{width:100%}
.blog-widget-thumb .blog-widget-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.blog-widget-thumb .blog-widget-video .video-icon{background:#fff;color:#2e2e2e!important}
.blog-widget-thumb .blog-widget-video .waves{background:#fff}

.welcomeimg{ 
position:relative;
display: block;
width: 100%;
z-index: 100;}
.welcomeimg::before {
position: absolute;
top: 20px;
left: 20px;
bottom: -20px;
right: -20px;
border: 3px solid #c18422;
content: "";
z-index: -1;
}
.galley-sec .col-sm-6 {
  padding-left: 0;
  padding-right: 5px;
}
.promo-horizontal {
  padding-bottom: 5px;
}
.promotional-image {
  position: relative;
}
.promo-horizontal img {
  width: 100%;
  height: 210px;
}
.col-sm-6.promo-vertical {
  padding-left: 0;
  padding-right: 0;
}
.promo-vertical img, .promo-vertical-sm img {
  height: 348px;
}
.col-sm-6.promo-vertical-sm {
  padding-right: 0;
  padding-left: 5px;
}
.top15 {
  top: 5px;
}
.promo-horizontal .col-sm-6{float:left}
.prelative{position:relative}
.galrr{padding:2.5px}
.galrr img{width:100%}
.events .blog-item .blog-content .para{width:100%;overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.fs-16{font-size:16px!important}
.fs-18{font-size:18px!important}
.fs-19{font-size:19px!important}
.fs-20{font-size: 20px!important}
.fs-23{font-size: 23px!important}
.lh-36{line-height: 36px!important}
@media(max-width:767px){
body{font-size:13px;line-height:25px}
p{line-height:25px}
 h2 {
    font-size: 20px;
  }
.header-section-two .header-bottom-area {
padding-top: 5px;
padding-bottom: 5px;
}
.header-menu-content .site-logo img{width:120px}
.banner{margin-top:61px}
.header {background-color: #643f29;}
 .header-bottom-area .navbar-collapse {
 background-color: #643f29 !important;}
 .header-section-two .header-bottom-area .navbar-collapse .main-menu li{padding-right:0;margin-right:0}
 .header-bottom-area .navbar-collapse .main-menu li a{padding:9px 15px !important}
 .xs-pt-35{padding-top:35px!important}
 .xs-pb-35{padding-bottom:35px!important}
 .xs-pt-10{padding-top:10px!important}
 .xs-pb-10{padding-bottom:10px!important}
 .xs-mb-0{margin-bottom:0!important}
 .xs-mb-20{margin-bottom:20px!important}
 .xs-mb-40{margin-bottom:40px!important}
  .about-section .section-header .section-title {
    font-size: 19px;
    line-height: 34px;
	margin-bottom: 5px;
  }
  .section-header {
    margin-bottom:20px;
  }
  .call-to-action-content .title{font-size:20px}
  .call-to-action-content .sub-title{font-size:24px}
  .call-to-action-content p{font-size:13px}
  .trainer-section-two .trainer-thumb .trainer-overlay .trainer-content {
    opacity: 1;
    visibility: visible;
  }
  .trainer-section-two .trainer-thumb .trainer-overlay{padding:5px}
  .trainer-section-two .trainer-thumb .trainer-overlay .trainer-content .title{font-size:15px;margin-bottom:3px}
 .promo-horizontal {
  padding-bottom: 5px;
  padding-left: 5px;
}
.col-sm-6.promo-vertical{padding-bottom:5px}
.col-sm-6.promo-vertical-sm{padding-left:0;padding-bottom: 5px;}
.inner-banner-section {
    padding-top: 100px;
    padding-bottom: 50px;
  }
   .inner-banner-section .banner-content .title {
    font-size: 20px;
  }
  .breadcrumb{padding:5px 25px}
  .blog-classic .blog-content .title{line-height:32px}
  .contact-item{padding:20px}
  .contact-icon-area .contact-icon {
  width: 45px;
  height: 55px;
  line-height: 55px;}
  .contact-icon-area .contact-icon img {
  width: 19px;
}
.account-widget-section--style .account-widget-left{width:100%}
.account-widget-section--style .account-widget-left .section-header p{text-align:justify}
}