section { padding: 80px 0; }

.mso-inner { width: 100%; max-width: 960px; padding: 16px; margin: auto; overflow: hidden; }

.mso-headline { color: #172b32; text-align: left; position: relative; font-size: 54px; overflow: hidden; margin-bottom: 30px; }
@media screen and (max-width: 768px) { .mso-headline { font-size: 28px; } }
.mso-headline:after { content: ""; width: 100%; height: 1px; background: #172b32; position: absolute; top: 50%; }
.mso-headline span { padding: 0 40px 0 0; background: #fff; }
@media screen and (max-width: 768px) { .mso-headline span { padding-right: 20px; } }

.buynow { padding: 10px 40px 10px 20px; position: relative; background: #fff; border: solid 3px #000; color: #000; z-index: 1; display: inline-block; }
@media screen and (max-width: 768px) { .buynow { display: block; } }
.buynow:after { content: ""; left: 3px; width: 6px; height: 6px; border-top: 2px solid #000000; border-right: 2px solid #000000; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); position: absolute; right: 10px; left: auto; top: 50%; }
.buynow span { position: relative; }
.buynow:hover { opacity: 1; background: #000; color: #fff; }
.buynow:hover:after { border-top: 2px solid #fff; border-right: 2px solid #fff; }

.ooja_note { padding: 5px 8px; background: #ccc; font-size: 13px; }
.ooja_note li { text-align: left; text-indent: -1em; padding-left: 1em; color: #000000; }

.mso-main { padding: 0; background: #000; position: relative; }
.mso-main-l { color: #fff; position: relative; z-index: 99; text-align: left; position: absolute; left: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media screen and (max-width: 768px) { .mso-main-l { width: 100%; padding: 40px 20px; left: 0; top: auto; bottom: 0; -webkit-transform: translateY(0%); transform: translateY(0%); } }
.mso-main-l p { text-align: left; background: #997d2e; line-height: 1; padding: 2px 4px; font-size: 4.2vw; display: inline-block; }
@media screen and (max-width: 768px) { .mso-main-l p { font-size: 8vw; } }
.mso-main-l h2 { text-align: left; font-size: 28px; letter-spacing: 2px; }
@media screen and (max-width: 768px) { .mso-main-l h2 { font-size: 6vw; } }
.mso-main-l h2 span { display: block; font-size: 4.3vw; }
@media screen and (max-width: 768px) { .mso-main-l h2 span { font-size: 12vw; } }

.mso-header { position: absolute; z-index: 100; width: 95%; bottom: 20px; background: #000000; max-width: 980px; margin: auto; left: 0; right: 0; }
.mso-header--block { padding: 10px; box-sizing: border-box; height: 50px; display: flex; align-items: center; }
@media screen and (max-width: 768px) { .mso-header--block { padding: 0 0 0 10px; } }
.mso-header--logo { max-width: 100%; flex-basis: 45%; font-size: 30px; }
@media screen and (max-width: 768px) { .mso-header--logo { max-width: 100%; flex-basis: 82%; font-size: 19px; padding-left: 0; } }
.mso-header.mso-header-fixed { position: fixed; bottom: auto; top: 20px; }
@media screen and (max-width: 768px) { .mso-header { position: fixed; bottom: auto; top: 20px; } }
.mso-header .mso-gnav--item a { color: #fff; }
.mso-header .mso-gnav--item a:hover { background-color: #000000; }
.mso-header .drawer-hamburger { height: 50px; background-color: #997d2e; }

.drawer-menu a { color: #fff; }
.drawer-menu a:hover { opacity: 1; color: #997d2e; }

.drawer-logo a { color: #fff; }

.mso-pagetop { position: fixed; z-index: 99; bottom: 30px; right: 20px; background-color: #172b32; width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; cursor: pointer; }
.mso-pagetop:after { content: ""; left: 3px; width: 10px; height: 10px; border-top: 3px solid #fff; border-right: 3px solid #fff; position: absolute; left: 0; right: 0; margin: auto; top: 53%; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }
@media screen and (max-width: 768px) { .mso-pagetop { width: 44px; height: 44px; background-size: 15px; } }
.mso-pagetop:hover { opacity: 1; background-color: #000000; }

@media screen and (max-width: 768px) { .mso-news { padding: 40px 0; } }
.mso-news .mso-headline { margin-bottom: 80px; }
@media screen and (max-width: 768px) { .mso-news .mso-headline { margin-bottom: 30px; } }

.mso-news--pBlock { text-align: center; line-height: 2.5; color: #000000; }

.mso-item { background: #172b32; }
.mso-item .mso-headline { font-size: 40px; margin: 80px 0 30px; }
@media screen and (max-width: 768px) { .mso-item .mso-headline { font-size: 28px; } }
.mso-item .mso-headline span { background: none; }

.nav-tabs { border-bottom: 5px solid #997d2e; background: none; padding: 0; }
.nav-tabs .nav-link { border: 0px solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; }
.nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; }
.nav-tabs .nav-link.active { color: #495057; background-color: #997d2e; border-color: #dee2e6 #dee2e6 #fff; }
.nav-tabs .nav-item { margin-bottom: 0px; }
.nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; }
.nav-tabs .dropdown-menu { margin-top: 0px; border-top-left-radius: 0; border-top-right-radius: 0; }

.nav-tab-w { width: 50%; color: #fff; }
.nav-tab-w a { display: block; padding: 10px; color: #fff; }
.nav-tab-w.active, .nav-tab-w:hover { background: #997d2e; }
.nav-tab-w.active a, .nav-tab-w:hover a { color: #fff; }

.jkt-wrap { display: flex; align-items: center; align-items: flex-start; gap: 20px; }
@media screen and (max-width: 768px) { .jkt-wrap { display: block; } }
.jkt-wrap .caption { width: 50%; text-align: left; font-size: 20px; line-height: 2; font-size: 15px; }
@media screen and (max-width: 768px) { .jkt-wrap .caption { width: 100%; padding: 0; } }
.jkt-wrap .caption strong { font-size: 20px; }
.jkt-wrap .caption span { font-size: 12px; }
.jkt-wrap .caption .note { display: block; margin-top: 20px; }
.jkt-wrap .jkt { width: 50%; margin-bottom: 0; }
@media screen and (max-width: 768px) { .jkt-wrap .jkt { width: 100%; text-align: center; margin-bottom: 30px; } }
.jkt-wrap .jkt img { width: 100%; }

.tab-content-bg { padding: 30px 20px; background: #fff; color: #000000; }
@media screen and (max-width: 768px) { .tab-content-bg { padding: 30px 10px 0; } }

.sitebenefits { margin: 80px 0 30px; padding: 10px; background: #997d2e; color: #fff; line-height: 1; }
@media screen and (max-width: 768px) { .sitebenefits { font-size: 22px; } }

.nav-tabs-special { margin-bottom: 0; }

.nav-tab-w2 { background: #fff; margin: 0; color: #000000; width: 50%; box-sizing: border-box; }
.nav-tab-w2 a { height: 100%; color: #000000; padding: 12px 8px; display: block; }
.nav-tab-w2.active, .nav-tab-w2:hover { background: #000000; }
.nav-tab-w2.active a, .nav-tab-w2:hover a { color: #fff; }

.tab-content-special { background: #fff; }
.tab-content-special .tab-pane figure img { width: 100%; max-width: 400px; display: block; margin: auto; }

h4 { line-height: 1.7; margin-bottom: 20px; }
@media screen and (max-width: 768px) { h4 { font-size: 20px; } }

.table { border-collapse: collapse !important; width: 100%; margin-bottom: 1rem; border: none; margin-bottom: 50px; }
.table:last-child { margin-bottom: 0; }
.table td, .table th { background: none !important; padding: 0.75rem; vertical-align: middle; border: none; border-top: 1px solid #997d2e; }
.table th { padding-right: 0; }
.table td { font-size: 20px; }
@media screen and (max-width: 768px) { .table td { font-size: 18px; } }

.mso-movie { background: #fff; }

.mso-liner { background: #ca2241; }
.mso-liner .mso-headline { color: #fff; margin: 0 0 30px; }
.mso-liner .mso-headline:after { background: #fff; }
.mso-liner .mso-headline span { background: #ca2241; }
.mso-liner .mso-liner--block { background: #fff; padding: 50px; }
.mso-liner .mso-liner--block h3 { text-align: left; margin-top: 0; }
.mso-liner .mso-liner--block p { text-align: left; color: #000000; margin-bottom: 20px; }
.mso-liner .mso-liner--block p:last-child { margin-bottom: 0; }

.mso_youtube_link { display: inline-block; margin-left: 1em; }
.mso_youtube_link a { color: #CA2241; padding: 0 0.5em; background-color: #fff; transition: opacity 0.3s; font-size: 0.8em; }
.mso_youtube_link a:hover { opacity: 0.6; }

.mso-youtubelive { background: #fff; }
.mso-youtubelive .mso-youtubelive--block { text-align: left; line-height: 2.5; color: #000000; }
.mso-youtubelive .f-none { font-size: 12px; margin-top: 50px; }
.mso-youtubelive h4 { background: #172b32; color: #fff; display: block; max-width: 150px; text-align: center; font-size: 15px; padding: 5px; margin-top: 30px; }
@media screen and (max-width: 768px) { .mso-youtubelive h4 { max-width: 100%; } }
.mso-youtubelive .mso-youtubelive--iframe { position: relative; width: 100%; padding-top: 56.25%; border: 5px solid #ca2241; background-color: #f9eee8; margin-top: 50px; }
.mso-youtubelive .mso-youtubelive--iframe iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

/*# sourceMappingURL=content.css.map */