@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
@import url('https://unpkg.com/aos@2.3.1/dist/aos.css');
[aos="fade"] {
    opacity: 0;
    transition-property: opacity;
}

[aos="fade"].aos-animate {
    opacity: 1;
}

html {scroll-behavior: smooth;}
html, body {font-family: 'Nunito', sans-serif;min-height: 100%;height:100%;}
body.change-overflow {overflow:hidden;}
body {padding-top:88px;}
* {outline:0;}
a:hover, a:active, a:focus {text-decoration: none;}
a, button {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}
h1, h2, h3, h4, h5 {font-weight: 900;}

ul {margin:0;padding:0;list-style-type: none;}
.mobile-visible {display:none;}
.tablet-visible {display:none;}
.pad-none {padding:0;}
.full {width:100%;}
.table-content {display: table;  width: 100%;  height: 100%;}
.table-cell-content {display: table-cell; vertical-align: middle;}
.animation-- {-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out;  }
.animation-one {-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;  }
.animation-two {-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.animSlow {-webkit-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-o-transition: all 1s ease-in;transition: all 1s ease-in;}
.fl-right {float:right;}
.height-fix {height:100%;}
.h-fix {height:100%;}
.height-very {height:80%;}
.stream-iframe {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.stream-iframe iframe, .stream-iframe img {position:absolute;top:0;left:0;width:100%;height:100%;}
.stream-iframe .player {background:transparent !important;}
.grayscale img, .grayscale iframe {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.grayscale img:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.swiper-container {width: 100%;height: auto;padding: 70px 0 0;}
.swiper-pagination {margin-top: -28px;}
.swiper-pagination-bullet {width: 54px;height: 8px;background: #C4C4C4;border-radius: 4px;margin-right: 10px;opacity: 1;-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.swiper-pagination-bullet-active {height: 12px;background: #EF233C;}
.btnZobo {font-weight: 900;background: #EF233C;border-radius: 10px;padding: 13px 36px;color:#fff;text-align: center;text-decoration-line: underline;}
.btnZobo:hover {color:#fff;opacity: .8;text-decoration: underline;}
.container {max-width: 1170px;}
.section {margin-top:100px;}
.section h1 {font-size: 64px;line-height: 87px;text-align: center;color: #2B2D42;font-weight: 400;}
.section h1 span {font-weight: 800;color:#EF233C}
.section h2 {font-weight: 900;font-size: 36px;line-height: 49px;color: #2B2D42;}
.section h3 {font-weight: normal;font-size: 48px;line-height: 65px;text-align: center;color: #2B2D42;}
.section p {font-size: 16px;line-height: 22px;}
.section p.bigStyle {font-size: 24px;line-height: 33px;}
.section p span {font-size: 24px;line-height: 33px;color:#EF233C;}
.section p span.bold {font-weight: 900;font-size: 18px;line-height: 25px;}
.mSt2 {margin:130px 0 60px;}
.mSt3 {margin:60px 0;}
.bot0 {margin-bottom:0;}
.section .box {background: #EF233C;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);border-radius: 20px;padding: 30px 40px;min-height: 518px;}
.section .box .head {font-weight: 900;font-size: 24px;line-height: 33px;color: #FFFFFF;}
.section .box img.icon {margin: -2px 20px 0 0;}
.section .box li {margin:25px 0;font-size: 18px;line-height: 25px;color:#fff;}


/* header */
header {position: fixed;width: 100%;height: 88px;left: 0;top: 0;line-height: 88px;box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.05);background: #fff;z-index: 9;overflow: hidden;}
header.active {height: 75px;line-height: 75px;}
header nav {text-align: right;}
header nav ul {display: inline-block;}
header nav ul li {float:left;margin-left:20px;}
header nav ul li:first-child {margin:0;}
header nav ul li a {font-weight: bold; color: #2B2D42;}
header nav ul li a.active {border-bottom: 1px solid #d90429;color:#d90429;}
header nav ul li a:hover {color:#d90429;}

header .logoArea {position: relative;overflow: hidden;height: 88px;}
header.active .logoArea {height: 75px;}
header .logoArea img {position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
header .logoArea img.activeLogo {top: 300%;}
header.active img.passiveLogo{top:-300%;}
header.active img.activeLogo{top:50%;}

/* slider */
#sliderArea {width: 100%;height:auto;}
#sliderArea h1 {font-size: 64px;font-weight:400;line-height: 87px;text-decoration-line: underline;color: #2B2D42;}
#sliderArea h1 b {font-weight:900;color:#D90429;}
#sliderArea .divider {display: block;height: 36px;}

/* footer */
footer {padding:30px;background: #EF233C;margin-top:70px;z-index: 2;position: relative;box-shadow: 0px -17px 20px rgba(0, 0, 0, 0.1);}
footer .head {font-weight: 900;font-size: 60px;line-height: 87px;color:#fff;margin-bottom:20px;}
footer input {display: block;background: #FFFFFF;border-radius: 12px;border: 0;font-size: 13px;line-height: 18px;color: #EF233C;padding: 10px 16px;margin-bottom:15px;width: 100%;}
footer textarea {display: block;background: #FFFFFF;border-radius: 12px;border: 0;font-size: 13px;line-height: 18px;color: #EF233C;padding: 10px 16px;width: 100%;}
footer input:last-child {margin:0;}
footer button.btn {font-size: 14px;line-height: 19px;text-align: center;color: #FFFFFF;background: none;font-weight: 900;border: 0;float: right;}
footer button.btn:focus {box-shadow:none;}
footer .footerNav {margin:40px 0 25px;}
footer .footerNav a {font-weight: 600;font-size: 14px;line-height: 19px;color: #FFFFFF;}
footer .social {margin:0 10px;}
footer .copyright {margin:18px 0 0;color:#fff;font-size: 14px;line-height: 19px;}
footer .footerLogo {margin-left:5px;}

/* contact */
.contact {margin-bottom: -71px;}
.contact .information {padding: 100px 0;}
.contact .information li {margin-bottom:30px;}
.contact .information li:last-child {margin:0;}
.contact .information li, .contact .information li a{font-size: 19px;line-height: 26px;color: #263238;}
.contact .information li img {margin-right:30px;}
.contact div#map {width: 100%;height: 100%;display: block;background: url("../images/contactMap.jpg") center center no-repeat;background-size:cover;}

/* mobile nav */
.mobileNav {cursor: pointer;position: absolute !important;right: 0 !important;left: auto !important;}
#mobileMenu {position: fixed;top: 0;height: 100%;background: #d90429;width: 70%;right: -100%;z-index: 11;}
#mobileMenu.active {right:0;}
.overlay {z-index: 10;position: fixed;top: 0;left: -100%;width: 100%;height: 100%;background: #000;opacity: .6;}
.overlay.active {left:0;}
#mobileMenu .closeNav {top: 20px;right: 15px;position: absolute;}
#mobileMenu .mobileList {padding: 20px;}
#mobileMenu .mobileList li {margin: 5px 0;}
#mobileMenu .mobileList li a {display: block;padding: 5px 0;color: #fff;font-weight: 900;}

body.passive {
    overflow: hidden;
}
/* rightFilter */
#rightFilter {
    top:0;
    position: fixed;
    right: -400px;
    bottom: 0;
    height: 100vh;
    width: 400px;
    z-index: 9999;
    background: #fff;
    padding: 20px;
    color:#000;
    -webkit-box-shadow: -1px 0px 9px 0px rgba(50, 50, 50, 0.17);
    -moz-box-shadow:    -1px 0px 9px 0px rgba(50, 50, 50, 0.17);
    box-shadow:         -1px 0px 9px 0px rgba(50, 50, 50, 0.17);
    overflow: auto;
}
#btnFilter {
    background: #ef233c;
    color: #fff;
    border: 0;
    font-weight: 900;
    padding: 5px 30px;
    cursor: pointer;
    transform: rotate(-90deg);
    position: fixed;
    right: -47px;
    z-index: 999999999;
    top: 48%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#btnFilter.active {
    right: 353px;
}
button#btnFilter:focus {
    outline: 0;
}

#rightFilter.active {
    right:0;
}
#rightFilter h2, #middleFilter h2 {color: #2B2D42;}
.form-control:focus,.btn.focus, .btn:focus {
    border-color: #26323814;
    box-shadow: 0 0 0 0.2rem rgb(72 72 72 / 8%);
}
.multi-select-container {
    display:block;
    
}
.multi-select-button {display:block;max-width: 100%;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.btnCollapse {
    background: #2b2d42;
    width: 100%;
    color: #fff;
}
.btnCollapse:hover {color:#fff}
.btnSub {
    background: #ef233c;
    color: #fff;
    display: block;
    width: 100%;
    margin-bottom: 80px;
}

#closeFilter {
    cursor: pointer;
    color: #ef233c;
    font-size: 25px;
    position: absolute;
    left: 15px;
}
#rightFilter h4, #middleFilter h4 {
    font-size: 18px;
    text-align: center;
    padding: 5px 0;
}
#rightFilter .bobo, #middleFilter .bobo {
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 6px 20px rgb(0 0 0 / 5%);
}
.loading {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background: #ef233c url(../images/loading.svg) center center no-repeat;
}
#contactResponse {
    font-size: 22px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    padding: 20px;
}
#filterResponse {
    font-size: 22px;
    text-align: center;
    color: #ef233c;
    border: 1px solid #ef233c;
    padding: 20px;
}
#filter2Response {
    font-size: 22px;
    text-align: center;
    color: #ef233c;
    border: 1px solid #ef233c;
    padding: 20px;
}
.loadingFilter {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: #ef233c94 url(../images/loading.svg) center center no-repeat;
}





@media only screen and (max-width: 1024px) {
    header nav ul li a {font-size:14px;}
    #sliderArea h1 {font-size: 48px;line-height: 66px;}
    footer .head {font-size:48px;}
}
@media only screen and (max-width: 800px) {
    .tablet-hidden {display:none;}
    .tablet-visible {display:block;}
    #sliderArea h1 {font-size: 36px;line-height: 56px;}
    .section h2 {font-weight: 900;line-height: 37px;}
    .section p span {font-size: 20px;line-height: 29px;}
    .section p {font-size:14px;}
    .section p.bigStyle {font-size: 20px;line-height: 29px;}
    footer .head {font-size: 36px;line-height: 60px;}
    .section h1 {font-size: 50px;line-height: 53px;margin-bottom: 10px;}
    .section {margin-top: 70px;}
    .section h3 {font-size: 36px;line-height: 44px;}
    .section .box .head {font-size:20px;}
    .section .box li {font-size:16px;}
    .contact .information li, .contact .information li a {font-size: 15px;}
    .contact .information li img {max-width: 50px;}
    
}
@media only screen and (max-width: 700px) {
    .mBotNone {margin-bottom:0 !important;}
    .mobile-hidden {display:none;}
    .mobile-visible {display:block;}
    .swiper-container {padding:30px 0 0;}
    #sliderArea h1 {font-size: 28px;line-height: 37px;}
    .btnZobo {padding: 10px 25px;font-size: 12px;}
    #sliderArea {text-align: center;}
    #sliderArea .divider {height:15px;}
    .scaleMobile {max-width: 70%;display: block;margin:0 auto;}
    #sliderArea .btnZobo {margin: 0 0 30px;display: inline-block;}
    .section {text-align: center;margin-top: 30px;}
    .section h2 {font-size:26px;line-height: 30px;}
    .mbotFix {margin-bottom:15px !important;}
    .section p.bigStyle {font-size: 16px;line-height: 23px;}
    .section p span {font-size: 18px;}
    footer .head {font-size: 26px;line-height: 32px;}
    footer textarea {margin-top:15px;}
    footer .social {margin:20px 5px 0 5px;}
    footer .social img {max-width: 40px;}
    footer .copyright {font-size:12px;}
    footer .footerLogo {max-width: 80px;}
    .section h1 {font-size: 36px;line-height: 36px;}
    .mSt3 {margin:0;}
    .section h3 {font-size: 26px;line-height: 29px;}
    .section .box {padding: 20px 30px;min-height: auto; margin-bottom: 30px;}
    .section .box ul {text-align: left;}
    .section .box li {margin: 15px 0;font-size:14px;}
    .contact .information {padding: 30px 0;}
    header {height: 70px;line-height: 70px;}
    header .logoArea img {max-height: 44px;}
    header .logoArea {height: 70px;}
    header.active {height: 70px;}
    #rightFilter {width:calc(100% - 15px);right:-100%;padding-bottom: 50px;}
    #btnFilter.active {
        position: fixed;
        bottom: 0;
        transform: none;
        right: 0;
        top: auto;
        width: 100%;
        border-radius: 0;
        background: #ef233c;
    }
    #btnFilter {
        position: fixed;
        bottom: 0;
        transform: none;
        right: 0;
        top: auto;
        width: 100%;
        border-radius: 0;
        background: #263238;
        padding: 15px;
    }
    .btnSub {margin-bottom:80px;}
}