@-webkit-keyframes bounce2 { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(-4px); transform: scale(0.9, 1.1) translateX(-4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(6px); transform: scale(1.05, 0.95) translateX(6px); }
  57% { -webkit-transform: scale(1, 1) translateX(-2px); transform: scale(1, 1) translateX(-2px); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }

@keyframes bounce2 { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(-4px); transform: scale(0.9, 1.1) translateX(-4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(6px); transform: scale(1.05, 0.95) translateX(6px); }
  57% { -webkit-transform: scale(1, 1) translateX(-2px); transform: scale(1, 1) translateX(-2px); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }

@-webkit-keyframes dash { from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; } }

@keyframes dash { from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; } }

@-webkit-keyframes dash2 { from { stroke-dashoffset: 1500; }
  to { stroke-dashoffset: 0; } }

@keyframes dash2 { from { stroke-dashoffset: 1500; }
  to { stroke-dashoffset: 0; } }

/* ------------------------------------------------------------------------------------------------ */
/* Core style */
/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */
/* Fonts */
/* ------------------------------------------------------------------------------------------------ */
@font-face { font-family: "Helvetica Neue"; font-display: swap; src: local("Helvetica Neue"); src: url("../fonts/HelveticaNeueLight.woff2"); src: url("../fonts/HelveticaNeueLight.woff2") format("woff2"); font-style: normal; font-weight: 200; }

@font-face { font-family: "Helvetica Neue"; font-display: swap; src: local("Helvetica Neue"); src: url("../fonts/HelveticaNeue.woff2"); src: url("../fonts/HelveticaNeue.woff2") format("woff2"); font-style: normal; font-weight: 400; }

@font-face { font-family: "Helvetica Neue"; font-display: swap; src: local("Helvetica Neue"); src: url("../fonts/HelveticaNeueMedium.woff2"); src: url("../fonts/HelveticaNeueMedium.woff2") format("woff2"); font-style: normal; font-weight: 500; }

@font-face { font-family: "Helvetica Neue"; font-display: swap; src: local("Helvetica Neue"); src: url("../fonts/HelveticaNeueBold.woff2"); src: url("../fonts/HelveticaNeueBold.woff2") format("woff2"); font-style: normal; font-weight: 800; }

@font-face { font-family: "Roboto Reguler"; font-display: swap; src: local("Roboto Reguler"); src: url("../fonts/roboto-regular.woff2"); src: url("../fonts/roboto-regular.woff2") format("woff2"); font-style: normal; font-weight: 400; }

@font-face { font-family: "Roboto Medium"; font-display: swap; src: local("Roboto Medium"); src: url("../fonts/roboto-medium.woff2"); src: url("../fonts/roboto-medium.woff2") format("woff2"); font-style: normal; font-weight: 500; }

@font-face { font-family: "Roboto Semibold"; font-display: swap; src: local("Roboto Semibold"); src: url("../fonts/roboto-semibold.woff2"); src: url("../fonts/roboto-semibold.woff2") format("woff2"); font-style: normal; font-weight: 600; }

@font-face { font-family: "Inter"; font-display: swap; src: local("Inter"); src: url("../fonts/Inter-Regular.woff2"); src: url("../fonts/Inter-Regular.woff2") format("woff2"); font-style: normal; font-weight: 400; }

@font-face { font-family: "Inter"; font-display: swap; src: local("Inter"); src: url("../fonts/Inter-Medium.woff2"); src: url("../fonts/Inter-Medium.woff2") format("woff2"); font-style: normal; font-weight: 500; }

@font-face { font-family: "Inter"; font-display: swap; src: local("Inter"); src: url("../fonts/Inter-SemiBold.woff2"); src: url("../fonts/Inter-SemiBold.woff2") format("woff2"); font-style: normal; font-weight: 600; }

@font-face { font-family: "Inter"; font-display: swap; src: local("Inter"); src: url("../fonts/Inter-Bold.woff2"); src: url("../fonts/Inter-Bold.woff2") format("woff2"); font-style: normal; font-weight: 700; }

/* ------------------------------------------------------------------------------------------------ */
/* Common */
/* ------------------------------------------------------------------------------------------------ */
*, *:after, *:before { box-sizing: border-box; }

* { outline: none !important; }

*:hover, *:focus, *:focus-within, *:visited { outline: none !important; }

img { max-width: 100%; height: auto; }

/* Common */
hr { border: 0; border-top: 1px solid #e2e2e2; }

.clearfix, article p { display: block; width: 100%; }

.clearfix:before, article p:before, .clearfix:after, article p:after { content: " "; display: table; }

.clearfix:after, article p:after { clear: both; }

/* ------------------------------------------------------------------------------------------------ */
/* Typography */
/* ------------------------------------------------------------------------------------------------ */
a { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; outline: none !important; }

p { margin: 0 0 24px; padding: 0; font-weight: 400; }

p em, p i { font-style: italic; }

p u { text-decoration: underline; }

h1, h2, h3, h4 { margin: 0 0 10px; line-height: normal; font-weight: 500; }

h1 { font-family: "Inter", sans-serif; font-weight: 700; font-size: 48px; line-height: 56px; color: #2B2A35; margin: 0 0 24px; }

@media (max-width: 768px) { h1 { font-size: 2rem; line-height: 2.5rem; } }

h2 { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; color: #2B2A35; margin: 0 0 24px; }

@media (max-width: 768px) { h2 { font-size: 28px; line-height: 36px; } }

h3 { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; color: #2B2A35; margin: 0 0 24px; }

@media (max-width: 768px) { h3 { font-size: 1.5rem; line-height: 2rem; } }

h4 { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 32px; color: #2B2A35; margin: 0 0 24px; }

@media (max-width: 768px) { h4 { font-size: 1.25rem; line-height: 2rem; } }

article h1, article h2, article h3, article h4 { margin-bottom: 20px; }

article .indent p { margin: 0; }

article .indent p + p { text-indent: 2em; }

article p { word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; margin-bottom: 30px; }

article p:last-child { margin-bottom: 0; }

article a:visited { text-decoration: underline; }

article a:hover { text-decoration: none; }

article blockquote { font-style: italic; }

article blockquote:before { content: "\201C"; display: inline-block; padding-right: 0.4em; }

article li ul, article li ol { padding-left: 20px; }

article ul, article ol { margin: 0; margin-bottom: 20px; padding-left: 20px; }

article ul { list-style-type: disc; }

article ol { list-style-type: decimal; }

article li { margin-bottom: 10px; }

ul { padding: 0; margin: 0; }

.list-inline > li { padding: 0; }

label, .label { font-weight: normal; }

.text-regular, html, body { font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

/* ------------------------------------------------------------------------------------------------ */
/* Bootstrap */
/* ------------------------------------------------------------------------------------------------ */
.form-control:hover, .form-control:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -moz-transition: none; -webkit-transition: none; border-color: #e2e2e2; }

html, body { font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 400; background: #FFF; margin: 0px; color: #232933; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

hr { margin: 20px 15px; }

@media (max-width: 768px) { hr { margin: 10px 0; } }

@media (max-width: 768px) { .hidden-xs { display: none !important; } }

@media (max-width: 1200px) { .visible-lg { display: none !important; } }

@media (min-width: 1200px) { .hidden-lg { display: none !important; } }

@media (min-width: 768px) { .visible-xs { display: none !important; } }

.mtd-20 { margin-top: 20px; margin-bottom: 20px; }

@media (max-width: 768px) { .mtd-20 { margin-top: 10px; margin-bottom: 10px; } }

.mb-20 { margin-bottom: 20px; }

@media (max-width: 768px) { .mb-20 { margin-bottom: 10px; } }

.mt-20 { margin-top: 20px; }

@media (max-width: 768px) { .mt-20 { margin-top: 10px; } }

.ptd-20 { padding-top: 20px; padding-bottom: 20px; }

@media (max-width: 768px) { .ptd-20 { padding-top: 10px; padding-bottom: 10px; } }

.pt-20 { padding-top: 20px; }

@media (max-width: 768px) { .pt-20 { padding-top: 10px; } }

.pb-20 { padding-bottom: 20px; }

@media (max-width: 768px) { .pb-20 { padding-bottom: 10px; } }

.mtd-30 { margin-top: 30px; margin-bottom: 30px; }

@media (max-width: 768px) { .mtd-30 { margin-top: 15px; margin-bottom: 15px; } }

.mb-30 { margin-bottom: 30px; }

@media (max-width: 768px) { .mb-30 { margin-bottom: 15px; } }

.mt-30 { margin-top: 30px; }

@media (max-width: 768px) { .mt-30 { margin-top: 15px; } }

.ptd-30 { padding-top: 30px; padding-bottom: 30px; }

@media (max-width: 768px) { .ptd-30 { padding-top: 15px; padding-bottom: 15px; } }

.pt-30 { padding-top: 30px; }

@media (max-width: 768px) { .pt-30 { padding-top: 15px; } }

.pb-30 { padding-bottom: 30px; }

@media (max-width: 768px) { .pb-30 { padding-bottom: 15px; } }

.mtd-40 { margin-top: 40px; margin-bottom: 40px; }

@media (max-width: 768px) { .mtd-40 { margin-top: 20px; margin-bottom: 20px; } }

.mb-40 { margin-bottom: 40px; }

@media (max-width: 768px) { .mb-40 { margin-bottom: 20px; } }

.mt-40 { margin-top: 40px; }

@media (max-width: 768px) { .mt-40 { margin-top: 20px; } }

.ptd-40 { padding-top: 40px; padding-bottom: 40px; }

@media (max-width: 768px) { .ptd-40 { padding-top: 20px; padding-bottom: 20px; } }

.pt-40 { padding-top: 40px; }

@media (max-width: 768px) { .pt-40 { padding-top: 20px; } }

.pb-40 { padding-bottom: 40px; }

@media (max-width: 768px) { .pb-40 { padding-bottom: 20px; } }

.mtd-50 { margin-top: 50px; margin-bottom: 50px; }

@media (max-width: 768px) { .mtd-50 { margin-top: 25px; margin-bottom: 25px; } }

.mb-50 { margin-bottom: 50px; }

@media (max-width: 768px) { .mb-50 { margin-bottom: 25px; } }

.mt-50 { margin-top: 50px; }

@media (max-width: 768px) { .mt-50 { margin-top: 25px; } }

.ptd-50 { padding-top: 50px; padding-bottom: 50px; }

@media (max-width: 768px) { .ptd-50 { padding-top: 25px; padding-bottom: 25px; } }

.pt-50 { padding-top: 50px; }

@media (max-width: 768px) { .pt-50 { padding-top: 25px; } }

.pb-50 { padding-bottom: 50px; }

@media (max-width: 768px) { .pb-50 { padding-bottom: 25px; } }

.mtd-60 { margin-top: 60px; margin-bottom: 60px; }

@media (max-width: 768px) { .mtd-60 { margin-top: 30px; margin-bottom: 30px; } }

.mb-60 { margin-bottom: 60px; }

@media (max-width: 768px) { .mb-60 { margin-bottom: 30px; } }

.mt-60 { margin-top: 60px; }

@media (max-width: 768px) { .mt-60 { margin-top: 30px; } }

.ptd-60 { padding-top: 60px; padding-bottom: 60px; }

@media (max-width: 768px) { .ptd-60 { padding-top: 30px; padding-bottom: 30px; } }

.pt-60 { padding-top: 60px; }

@media (max-width: 768px) { .pt-60 { padding-top: 30px; } }

.pb-60 { padding-bottom: 60px; }

@media (max-width: 768px) { .pb-60 { padding-bottom: 30px; } }

.mtd-80 { margin-top: 80px; margin-bottom: 80px; }

@media (max-width: 768px) { .mtd-80 { margin-top: 40px; margin-bottom: 40px; } }

.mb-80 { margin-bottom: 80px; }

@media (max-width: 768px) { .mb-80 { margin-bottom: 40px; } }

.mt-80 { margin-top: 80px; }

@media (max-width: 768px) { .mt-80 { margin-top: 40px; } }

.ptd-80 { padding-top: 80px; padding-bottom: 80px; }

@media (max-width: 768px) { .ptd-80 { padding-top: 40px; padding-bottom: 40px; } }

.pt-80 { padding-top: 80px; }

@media (max-width: 768px) { .pt-80 { padding-top: 40px; } }

.pb-80 { padding-bottom: 80px; }

@media (max-width: 768px) { .pb-80 { padding-bottom: 40px; } }

.mtd-90 { margin-top: 90px; margin-bottom: 90px; }

@media (max-width: 768px) { .mtd-90 { margin-top: 45px; margin-bottom: 45px; } }

.mb-90 { margin-bottom: 90px; }

@media (max-width: 768px) { .mb-90 { margin-bottom: 45px; } }

.mt-90 { margin-top: 90px; }

@media (max-width: 768px) { .mt-90 { margin-top: 45px; } }

.ptd-90 { padding-top: 90px; padding-bottom: 90px; }

@media (max-width: 768px) { .ptd-90 { padding-top: 45px; padding-bottom: 45px; } }

.pt-90, .ebook-wrap { padding-top: 90px; }

@media (max-width: 768px) { .pt-90, .ebook-wrap { padding-top: 45px; } }

.pb-90 { padding-bottom: 90px; }

@media (max-width: 768px) { .pb-90 { padding-bottom: 45px; } }

.mtd-100 { margin-top: 100px; margin-bottom: 100px; }

@media (max-width: 768px) { .mtd-100 { margin-top: 50px; margin-bottom: 50px; } }

.mb-100 { margin-bottom: 100px; }

@media (max-width: 768px) { .mb-100 { margin-bottom: 50px; } }

.mt-100 { margin-top: 100px; }

@media (max-width: 768px) { .mt-100 { margin-top: 50px; } }

.ptd-100 { padding-top: 100px; padding-bottom: 100px; }

@media (max-width: 768px) { .ptd-100 { padding-top: 50px; padding-bottom: 50px; } }

.pt-100 { padding-top: 100px; }

@media (max-width: 768px) { .pt-100 { padding-top: 50px; } }

.pb-100 { padding-bottom: 100px; }

@media (max-width: 768px) { .pb-100 { padding-bottom: 50px; } }

.mtd-110 { margin-top: 110px; margin-bottom: 110px; }

@media (max-width: 768px) { .mtd-110 { margin-top: 55px; margin-bottom: 55px; } }

.mb-110 { margin-bottom: 110px; }

@media (max-width: 768px) { .mb-110 { margin-bottom: 55px; } }

.mt-110 { margin-top: 110px; }

@media (max-width: 768px) { .mt-110 { margin-top: 55px; } }

.ptd-110 { padding-top: 110px; padding-bottom: 110px; }

@media (max-width: 768px) { .ptd-110 { padding-top: 55px; padding-bottom: 55px; } }

.pt-110 { padding-top: 110px; }

@media (max-width: 768px) { .pt-110 { padding-top: 55px; } }

.pb-110 { padding-bottom: 110px; }

@media (max-width: 768px) { .pb-110 { padding-bottom: 55px; } }

.mtd-120 { margin-top: 120px; margin-bottom: 120px; }

@media (max-width: 768px) { .mtd-120 { margin-top: 60px; margin-bottom: 60px; } }

.mb-120 { margin-bottom: 120px; }

@media (max-width: 768px) { .mb-120 { margin-bottom: 60px; } }

.mt-120 { margin-top: 120px; }

@media (max-width: 768px) { .mt-120 { margin-top: 60px; } }

.ptd-120 { padding-top: 120px; padding-bottom: 120px; }

@media (max-width: 768px) { .ptd-120 { padding-top: 60px; padding-bottom: 60px; } }

.pt-120 { padding-top: 120px; }

@media (max-width: 768px) { .pt-120 { padding-top: 60px; } }

.pb-120 { padding-bottom: 120px; }

@media (max-width: 768px) { .pb-120 { padding-bottom: 60px; } }

.mtd-150 { margin-top: 150px; margin-bottom: 150px; }

@media (max-width: 768px) { .mtd-150 { margin-top: 75px; margin-bottom: 75px; } }

.mb-150 { margin-bottom: 150px; }

@media (max-width: 768px) { .mb-150 { margin-bottom: 75px; } }

.mt-150 { margin-top: 150px; }

@media (max-width: 768px) { .mt-150 { margin-top: 75px; } }

.ptd-150 { padding-top: 150px; padding-bottom: 150px; }

@media (max-width: 768px) { .ptd-150 { padding-top: 75px; padding-bottom: 75px; } }

.pt-150 { padding-top: 150px; }

@media (max-width: 768px) { .pt-150 { padding-top: 75px; } }

.pb-150 { padding-bottom: 150px; }

@media (max-width: 768px) { .pb-150 { padding-bottom: 75px; } }

.mtd-180 { margin-top: 180px; margin-bottom: 180px; }

@media (max-width: 768px) { .mtd-180 { margin-top: 90px; margin-bottom: 90px; } }

.mb-180 { margin-bottom: 180px; }

@media (max-width: 768px) { .mb-180 { margin-bottom: 90px; } }

.mt-180 { margin-top: 180px; }

@media (max-width: 768px) { .mt-180 { margin-top: 90px; } }

.ptd-180 { padding-top: 180px; padding-bottom: 180px; }

@media (max-width: 768px) { .ptd-180 { padding-top: 90px; padding-bottom: 90px; } }

.pt-180 { padding-top: 180px; }

@media (max-width: 768px) { .pt-180 { padding-top: 90px; } }

.pb-180 { padding-bottom: 180px; }

@media (max-width: 768px) { .pb-180 { padding-bottom: 90px; } }

.block-content .item .content, .blog-wrap .featured-post, .single-wrap article .block-img { margin-bottom: 30px; }

@media (max-width: 768px) { .block-content .item .content, .blog-wrap .featured-post, .single-wrap article .block-img { margin-bottom: 15px; } }

.single-wrap article .block-img { padding-top: 30px; padding-bottom: 30px; }

@media (max-width: 768px) { .single-wrap article .block-img { padding-top: 15px; padding-bottom: 15px; } }

.section-title { margin-bottom: 60px; }

@media (max-width: 768px) { .section-title { margin-bottom: 30px; } }

.masthead-featured { padding-top: 60px; padding-bottom: 60px; }

@media (max-width: 768px) { .masthead-featured { padding-top: 30px; padding-bottom: 30px; } }

.small-img .item + .item { padding-top: 60px; }

@media (max-width: 768px) { .small-img .item + .item { padding-top: 30px; } }

.masthead.masthead-dark .content, .blog-wrap .item { padding-bottom: 60px; }

@media (max-width: 768px) { .masthead.masthead-dark .content, .blog-wrap .item { padding-bottom: 30px; } }

.masthead .content { padding-top: 80px; padding-bottom: 80px; }

@media (max-width: 768px) { .masthead .content { padding-top: 40px; padding-bottom: 40px; } }

.masthead + .block-content { padding-top: 90px; }

@media (max-width: 768px) { .masthead + .block-content { padding-top: 45px; } }

.masthead.masthead-dark .content { padding-top: 100px; }

@media (max-width: 768px) { .masthead.masthead-dark .content { padding-top: 50px; } }

/* ------------------------------------------------------------------------------------------------ */
/* Component style */
/* ------------------------------------------------------------------------------------------------ */
#wrap { margin: auto; }

#wrap .section { transition: all 0.8s 1.7s; }

#wrap .loadpage { background: #F9FAFB; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: center; box-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 101; transition: opacity 0.5s, visibility 0.5s, -webkit-transform 1.2s; transition: opacity 0.5s, visibility 0.5s, transform 1.2s; transition: opacity 0.5s, visibility 0.5s, transform 1.2s, -webkit-transform 1.2s; overflow: hidden; opacity: 1; visibility: hidden; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); }

#wrap .loadpage .img { margin: auto; }

#wrap .loadingimg { background: #FFFFFF; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: center; box-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 101; opacity: 1; transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, -webkit-transform 0.5s; transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, transform 0.5s; transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, transform 0.5s, -webkit-transform 0.5s; overflow: hidden; }

#wrap .loadingimg:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #F58232; transition: opacity 0.5s 1.5s, -webkit-transform 1.2s cubic-bezier(0.23, 0.8, 0.32, 1); transition: transform 1.2s cubic-bezier(0.23, 0.8, 0.32, 1), opacity 0.5s 1.5s; transition: transform 1.2s cubic-bezier(0.23, 0.8, 0.32, 1), opacity 0.5s 1.5s, -webkit-transform 1.2s cubic-bezier(0.23, 0.8, 0.32, 1); -webkit-transform: translate(0, -100%); transform: translate(0, -100%); }

#wrap .loadingimg img { display: block; margin: auto; transition: all 0.5s cubic-bezier(0.23, 0.8, 0.32, 1); transition-delay: 1s; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); opacity: 0; }

#wrap .loadingimg .img { margin: auto; position: relative; overflow: hidden; }

#wrap .loadingimg .img .icon { position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); }

#wrap.opened .loadpage .img { margin: auto; }

#wrap.opened .loadingimg { opacity: 0; visibility: hidden; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); transition: opacity 0.3s 1.3s, visibility 0.3s 1.3s, -webkit-transform 0.3s 2.3s; transition: opacity 0.3s 1.3s, visibility 0.3s 1.3s, transform 0.3s 2.3s; transition: opacity 0.3s 1.3s, visibility 0.3s 1.3s, transform 0.3s 2.3s, -webkit-transform 0.3s 2.3s; }

#wrap.opened .loadingimg:before { -webkit-animation-name: loadimage; animation-name: loadimage; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); }

#wrap.opened .loadingimg img { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); }

#wrap.state .loadingimg { transition: all 0s; opacity: 1; visibility: visible; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); transition: opacity 0.5s 0.5s, visibility 0.5s 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s 0.5s, visibility 0.5s 0.5s, transform 0.5s; transition: opacity 0.5s 0.5s, visibility 0.5s 0.5s, transform 0.5s, -webkit-transform 0.5s; }

#wrap.state .loadingimg:before { -webkit-animation: none; animation: none; }

#wrap.state .loadingimg img { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); opacity: 0; }

#wrap.state header { -webkit-transform: translateY(-100px); transform: translateY(-100px); background: none; transition-delay: 1s; }

#wrap.state header.blue .wrp { background: none; }

#wrap.loading .loadingimg { -webkit-transform: translate(0, 0); transform: translate(0, 0); transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }

#wrap.loading .loadingimg img { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); transition-delay: 1s; transition: all 1s 1s cubic-bezier(0.23, 1, 0.32, 1); }

#wrap.loading-page .loadpage { visibility: visible; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

#wrap.loading-page .loadingimg { opacity: 0; visibility: hidden; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, -webkit-transform 0.5s 2.5s; transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, transform 0.5s 2.5s; transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, transform 0.5s 2.5s, -webkit-transform 0.5s 2.5s; }

#wrap.opened-page .loadpage { opacity: 0; visibility: hidden; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); }

#wrap.opened-page .loadingimg { opacity: 0; visibility: hidden; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, -webkit-transform 0.5s 2.5s; transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, transform 0.5s 2.5s; transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, transform 0.5s 2.5s, -webkit-transform 0.5s 2.5s; }

@-webkit-keyframes loadimage { 0% { opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%); }
  50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } }

@keyframes loadimage { 0% { opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%); }
  50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } }

@-webkit-keyframes flip { 0% { opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% { opacity: 0;
    visibility: hidden; } }

@keyframes flip { 0% { opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% { opacity: 0;
    visibility: hidden; } }

.step-in { opacity: 0; transition: opacity .5s ease; }

.slide-left { transition: opacity 1s 0s linear, -webkit-transform 1s 0s ease; transition: opacity 1s 0s linear, -webkit-transform 1.5s 0s ease; transition: opacity 1s 0s linear, transform 1.5s 0s ease; transition: opacity 1s 0s linear, transform 1.5s 0s ease, -webkit-transform 1.5s 0s ease; -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; }

.slide-left.animate-in { opacity: 1; -webkit-transform: translate(0); transform: translate(0); }

.slide-right { transition: opacity 1s 0s linear, -webkit-transform 1s 0s ease; transition: opacity 1s 0s linear, -webkit-transform 1.5s 0s ease; transition: opacity 1s 0s linear, transform 1.5s 0s ease; transition: opacity 1s 0s linear, transform 1.5s 0s ease, -webkit-transform 1.5s 0s ease; -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; }

.slide-right.animate-in { opacity: 1; -webkit-transform: translate(0); transform: translate(0); }

.slide-up { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); transition: opacity .5s linear, -webkit-transform .5s ease; transition: opacity .5s linear, transform .5s ease; transition: opacity .5s linear, transform .5s ease, -webkit-transform .5s ease; transition: opacity 1s linear, -webkit-transform 1s ease; transition: opacity 1s linear, transform 1s ease; transition: opacity 1s linear, transform 1s ease, -webkit-transform 1s ease; }

.slide-up.long { transition: opacity 1s linear, -webkit-transform 1s ease; }

.slide-up[data-delay="1"] { transition-delay: 500ms; }

.slide-up[data-delay="2"] { transition-delay: 1000ms; }

.slide-up[data-delay="3"] { transition-delay: 1500ms; }

.slide-up[data-delay="4"] { transition-delay: 2000ms; }

.slide-up[data-delay="5"] { transition-delay: 2500ms; }

.slide-up[data-delay="6"] { transition-delay: 3000ms; }

.slide-up[data-delay="7"] { transition-delay: 3500ms; }

.slide-up[data-delay="8"] { transition-delay: 4000ms; }

.slide-up[data-delay="9"] { transition-delay: 4500ms; }

.slide-up[data-delay="10"] { transition-delay: 5000ms; }

.slide-up[data-delay="11"] { transition-delay: 5500ms; }

.slide-up[data-delay="12"] { transition-delay: 6000ms; }

.slide-up[data-delay="13"] { transition-delay: 6500ms; }

.slide-up[data-delay="14"] { transition-delay: 7000ms; }

.slide-up[data-delay="15"] { transition-delay: 7500ms; }

.slide-up.animate-in { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.slide-down { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); transition: opacity .5s linear, -webkit-transform .5s ease; transition: opacity .5s linear, transform .5s ease; transition: opacity .5s linear, transform .5s ease, -webkit-transform .5s ease; transition: opacity 1s linear, -webkit-transform 1s ease; transition: opacity 1s linear, transform 1s ease; transition: opacity 1s linear, transform 1s ease, -webkit-transform 1s ease; }

.slide-down.long { transition: opacity 1s linear, -webkit-transform 1s ease; }

.slide-down[data-delay="1"] { transition-delay: 500ms; }

.slide-down[data-delay="2"] { transition-delay: 1000ms; }

.slide-down[data-delay="3"] { transition-delay: 1500ms; }

.slide-down[data-delay="4"] { transition-delay: 2000ms; }

.slide-down[data-delay="5"] { transition-delay: 2500ms; }

.slide-down[data-delay="6"] { transition-delay: 3000ms; }

.slide-down[data-delay="7"] { transition-delay: 3500ms; }

.slide-down[data-delay="8"] { transition-delay: 4000ms; }

.slide-down[data-delay="9"] { transition-delay: 4500ms; }

.slide-down[data-delay="10"] { transition-delay: 5000ms; }

.slide-down[data-delay="11"] { transition-delay: 5500ms; }

.slide-down[data-delay="12"] { transition-delay: 6000ms; }

.slide-down[data-delay="13"] { transition-delay: 6500ms; }

.slide-down[data-delay="14"] { transition-delay: 7000ms; }

.slide-down[data-delay="15"] { transition-delay: 7500ms; }

.slide-down.animate-in { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.banner-up { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); transition: opacity .5s linear, -webkit-transform .5s ease; transition: opacity .5s linear, transform .5s ease; transition: opacity .5s linear, transform .5s ease, -webkit-transform .5s ease; }

.banner-up .text * { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); transition: opacity .5s linear, -webkit-transform .5s ease; transition: opacity .5s linear, transform .5s ease; transition: opacity .5s linear, transform .5s ease, -webkit-transform .5s ease; }

.banner-up .text *:nth-child(1) { transition-delay: 200ms; }

.banner-up .text *:nth-child(2) { transition-delay: 400ms; }

.banner-up .text *:nth-child(3) { transition-delay: 600ms; }

.banner-up .text *:nth-child(4) { transition-delay: 800ms; }

.banner-up .text *:nth-child(5) { transition-delay: 1000ms; }

.banner-up .text *:nth-child(6) { transition-delay: 1200ms; }

.banner-up .text *:nth-child(7) { transition-delay: 1400ms; }

.banner-up .text *:nth-child(8) { transition-delay: 1600ms; }

.banner-up .text *:nth-child(9) { transition-delay: 1800ms; }

.banner-up .text *:nth-child(10) { transition-delay: 2000ms; }

.banner-up .text *:nth-child(11) { transition-delay: 2200ms; }

.banner-up .text *:nth-child(12) { transition-delay: 2400ms; }

.banner-up .text *:nth-child(13) { transition-delay: 2600ms; }

.banner-up .text *:nth-child(14) { transition-delay: 2800ms; }

.banner-up .text *:nth-child(15) { transition-delay: 3000ms; }

.banner-up.animate-in { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.banner-up.animate-in .text * { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.list-up .item-up, .list-up .col-sm-4, .list-up .panel, .list-up .col-md-3, .list-up > * { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); transition: opacity .5s linear, -webkit-transform .5s ease; transition: opacity .5s linear, transform .5s ease; transition: opacity .5s linear, transform .5s ease, -webkit-transform .5s ease; }

.list-up .item-up:nth-child(1), .list-up .col-sm-4:nth-child(1), .list-up .panel:nth-child(1), .list-up .col-md-3:nth-child(1), .list-up > *:nth-child(1) { transition-delay: 200ms; }

.list-up .item-up:nth-child(2), .list-up .col-sm-4:nth-child(2), .list-up .panel:nth-child(2), .list-up .col-md-3:nth-child(2), .list-up > *:nth-child(2) { transition-delay: 400ms; }

.list-up .item-up:nth-child(3), .list-up .col-sm-4:nth-child(3), .list-up .panel:nth-child(3), .list-up .col-md-3:nth-child(3), .list-up > *:nth-child(3) { transition-delay: 600ms; }

.list-up .item-up:nth-child(4), .list-up .col-sm-4:nth-child(4), .list-up .panel:nth-child(4), .list-up .col-md-3:nth-child(4), .list-up > *:nth-child(4) { transition-delay: 800ms; }

.list-up .item-up:nth-child(5), .list-up .col-sm-4:nth-child(5), .list-up .panel:nth-child(5), .list-up .col-md-3:nth-child(5), .list-up > *:nth-child(5) { transition-delay: 1000ms; }

.list-up .item-up:nth-child(6), .list-up .col-sm-4:nth-child(6), .list-up .panel:nth-child(6), .list-up .col-md-3:nth-child(6), .list-up > *:nth-child(6) { transition-delay: 1200ms; }

.list-up .item-up:nth-child(7), .list-up .col-sm-4:nth-child(7), .list-up .panel:nth-child(7), .list-up .col-md-3:nth-child(7), .list-up > *:nth-child(7) { transition-delay: 1400ms; }

.list-up .item-up:nth-child(8), .list-up .col-sm-4:nth-child(8), .list-up .panel:nth-child(8), .list-up .col-md-3:nth-child(8), .list-up > *:nth-child(8) { transition-delay: 1600ms; }

.list-up .item-up:nth-child(9), .list-up .col-sm-4:nth-child(9), .list-up .panel:nth-child(9), .list-up .col-md-3:nth-child(9), .list-up > *:nth-child(9) { transition-delay: 1800ms; }

.list-up .item-up:nth-child(10), .list-up .col-sm-4:nth-child(10), .list-up .panel:nth-child(10), .list-up .col-md-3:nth-child(10), .list-up > *:nth-child(10) { transition-delay: 2000ms; }

.list-up .item-up:nth-child(11), .list-up .col-sm-4:nth-child(11), .list-up .panel:nth-child(11), .list-up .col-md-3:nth-child(11), .list-up > *:nth-child(11) { transition-delay: 2200ms; }

.list-up .item-up:nth-child(12), .list-up .col-sm-4:nth-child(12), .list-up .panel:nth-child(12), .list-up .col-md-3:nth-child(12), .list-up > *:nth-child(12) { transition-delay: 2400ms; }

.list-up .item-up:nth-child(13), .list-up .col-sm-4:nth-child(13), .list-up .panel:nth-child(13), .list-up .col-md-3:nth-child(13), .list-up > *:nth-child(13) { transition-delay: 2600ms; }

.list-up .item-up:nth-child(14), .list-up .col-sm-4:nth-child(14), .list-up .panel:nth-child(14), .list-up .col-md-3:nth-child(14), .list-up > *:nth-child(14) { transition-delay: 2800ms; }

.list-up .item-up:nth-child(15), .list-up .col-sm-4:nth-child(15), .list-up .panel:nth-child(15), .list-up .col-md-3:nth-child(15), .list-up > *:nth-child(15) { transition-delay: 3000ms; }

.list-up .item-up:nth-child(16), .list-up .col-sm-4:nth-child(16), .list-up .panel:nth-child(16), .list-up .col-md-3:nth-child(16), .list-up > *:nth-child(16) { transition-delay: 3200ms; }

.list-up .item-up:nth-child(17), .list-up .col-sm-4:nth-child(17), .list-up .panel:nth-child(17), .list-up .col-md-3:nth-child(17), .list-up > *:nth-child(17) { transition-delay: 3400ms; }

.list-up .item-up:nth-child(18), .list-up .col-sm-4:nth-child(18), .list-up .panel:nth-child(18), .list-up .col-md-3:nth-child(18), .list-up > *:nth-child(18) { transition-delay: 3600ms; }

.list-up .item-up:nth-child(19), .list-up .col-sm-4:nth-child(19), .list-up .panel:nth-child(19), .list-up .col-md-3:nth-child(19), .list-up > *:nth-child(19) { transition-delay: 3800ms; }

.list-up .item-up:nth-child(20), .list-up .col-sm-4:nth-child(20), .list-up .panel:nth-child(20), .list-up .col-md-3:nth-child(20), .list-up > *:nth-child(20) { transition-delay: 4000ms; }

.list-up.left:not(.animate-in) > * { -webkit-transform: translate(-30px, 0); transform: translate(-30px, 0); }

.list-up.animate-in .item-up, .list-up.animate-in .col-sm-4, .list-up.animate-in .col-md-3, .list-up.animate-in > * { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

@media (min-width: 992px) { .list-each .col-sm-4 { opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px); transition: all .5s; }
  .list-each .col-sm-4:nth-child(1) { left: 33%; transition: opacity 0.5s, left 0.5s 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s, left 0.5s 0.5s; transition: opacity 0.5s, transform 0.5s, left 0.5s 0.5s, -webkit-transform 0.5s; }
  .list-each .col-sm-4:nth-child(3) { left: -33%; transition: opacity 0.5s, left 0.5s 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s, left 0.5s 0.5s; transition: opacity 0.5s, transform 0.5s, left 0.5s 0.5s, -webkit-transform 0.5s; }
  .list-each.animate-in .col-sm-4 { opacity: 1; -webkit-transform: none; transform: none; left: 0 !important; } }

.waypoint-reveal .step-up, .waypoint-reveal.step-up { opacity: 1; -webkit-transform: none; transform: none; }

.anim.boxs .wraper .box { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; transition: all 1s; }

.anim.boxs .wraper .box:after { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; transition: all 1s; transition-delay: .5s; }

.anim.boxs .wraper .box .map, .anim.boxs .wraper .box .img { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; transition: all 1s; transition-delay: 1s; }

.anim.boxs.animate-in .box { -webkit-transform: none; transform: none; }

.anim.boxs.animate-in .box:after, .anim.boxs.animate-in .box .map, .anim.boxs.animate-in .box .img { -webkit-transform: none; transform: none; }

.anim-img:after { background: #232933; content: ' '; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 0); transform: scale(0.05, 0); -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-animation-delay: 1s; animation-delay: 1s; }

.anim-img > * { visibility: hidden; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.anim-img.animate-in:after { -webkit-animation-name: slide-bg-2; animation-name: slide-bg-2; }

.anim-img.animate-in > * { -webkit-animation-name: show-img-1; animation-name: show-img-1; }

@-webkit-keyframes progressBar { 0% { max-width: 0%; }
  100% { max-width: 100%; } }

@keyframes progressBar { 0% { max-width: 0%; }
  100% { max-width: 100%; } }

@-webkit-keyframes d-headline { 0% { max-width: 0%; }
  10% { max-width: 0%; }
  100% { max-width: 100%; } }

@keyframes d-headline { 0% { max-width: 0%; }
  10% { max-width: 0%; }
  100% { max-width: 100%; } }

@-webkit-keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(0, 0, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }

@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(0, 0, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }

@-webkit-keyframes pulseBig { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% { box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

@keyframes pulseBig { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% { box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

@-webkit-keyframes pulseBlue { 0% { box-shadow: 0 0 0 0 rgba(75, 97, 221, 0.4); }
  70% { box-shadow: 0 0 0 30px rgba(75, 97, 221, 0); }
  100% { box-shadow: 0 0 0 0 rgba(75, 97, 221, 0); } }

@keyframes pulseBlue { 0% { box-shadow: 0 0 0 0 rgba(75, 97, 221, 0.4); }
  70% { box-shadow: 0 0 0 30px rgba(75, 97, 221, 0); }
  100% { box-shadow: 0 0 0 0 rgba(75, 97, 221, 0); } }

@-webkit-keyframes pulse2 { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.8); }
  70% { box-shadow: 0 0 0 18px rgba(0, 95, 191, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }

@keyframes pulse2 { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.8); }
  70% { box-shadow: 0 0 0 18px rgba(0, 95, 191, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }

@-webkit-keyframes scroll-x { from { -webkit-transform: translateX(0); transform: translateX(0); }
  to { -webkit-transform: translateX(calc(-100% - 32px)); transform: translateX(calc(-100% - 32px)); } }

@keyframes scroll-x { from { -webkit-transform: translateX(0); transform: translateX(0); }
  to { -webkit-transform: translateX(calc(-100% - 32px)); transform: translateX(calc(-100% - 32px)); } }

@-webkit-keyframes scroll-y { from { -webkit-transform: translateY(0); transform: translateY(0); }
  to { -webkit-transform: translateY(calc(-100% - 32px)); transform: translateY(calc(-100% - 32px)); } }

@keyframes scroll-y { from { -webkit-transform: translateY(0); transform: translateY(0); }
  to { -webkit-transform: translateY(calc(-100% - 32px)); transform: translateY(calc(-100% - 32px)); } }

@-webkit-keyframes bounceRev { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(4px); transform: scale(0.9, 1.1) translateX(4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(-6px); transform: scale(1.05, 0.95) translateX(-6px); }
  57% { -webkit-transform: scale(1, 1) translateX(2px); transform: scale(1, 1) translateX(2px); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }

@keyframes bounceRev { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(4px); transform: scale(0.9, 1.1) translateX(4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(-6px); transform: scale(1.05, 0.95) translateX(-6px); }
  57% { -webkit-transform: scale(1, 1) translateX(2px); transform: scale(1, 1) translateX(2px); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }

@-webkit-keyframes bounceDown { 0% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateY(0); transform: scale(1.1, 0.9) translateY(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateY(-4px); transform: scale(0.9, 1.1) translateY(-4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateY(6px); transform: scale(1.05, 0.95) translateY(6px); }
  57% { -webkit-transform: scale(1, 1) translateY(-2px); transform: scale(1, 1) translateY(-2px); }
  64% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); }
  100% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } }

@keyframes bounceDown { 0% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateY(0); transform: scale(1.1, 0.9) translateY(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateY(-4px); transform: scale(0.9, 1.1) translateY(-4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateY(6px); transform: scale(1.05, 0.95) translateY(6px); }
  57% { -webkit-transform: scale(1, 1) translateY(-2px); transform: scale(1, 1) translateY(-2px); }
  64% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); }
  100% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } }

/* ------------------------------------------------------------------------------------------------ */
/* General */
/* ------------------------------------------------------------------------------------------------ */
main { margin-top: 115px; }

main.no-header { margin-top: 0; }

@media (max-width: 768px) { main { margin-top: 100px; } }

@media (min-width: 1200px) { .container.container-sm { max-width: 770px; } }

.row { margin-left: -12px; margin-right: -12px; }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-left: 12px; padding-right: 12px; }

@media (min-width: 1200px) { .container { max-width: 1248px; } }

a { color: #4B61DD; }

a:hover { text-decoration: none; color: #2740ce; }

.text-danger { color: #C02A34; }

.section__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; margin-bottom: 8px; text-align: center; }

.section__desc { margin-bottom: 24px; text-align: center; }

.section__desc p { margin-bottom: 24px; }

.section__desc p:last-child { margin-bottom: 0; }

.section__action { text-align: center; }

.section__action a, .section__action .btn { margin-right: 14px; }

.section__action a:last-child, .section__action .btn:last-child { margin-right: 0; }

@media (max-width: 991px) { .section__title { font-size: 28px; line-height: 36px; }
  .section__action a, .section__action .btn { margin-right: 0; margin-bottom: 16px; width: 100%; }
  .section__action a:last-child, .section__action .btn:last-child { margin-bottom: 0; } }

.btn { position: relative; font-weight: 500; border: 0; border-radius: 6px; text-align: center; transition: all .3s ease; padding: 7px 16px; font-size: 16px; line-height: 24px; }

.btn:focus, .btn:active:focus, .btn.active:focus { outline: none !important; box-shadow: none !important; }

.btn .icon { display: inline-block; vertical-align: middle; margin: 2px 8px; position: relative; top: -1px; }

.btn.btn-icon-left .icon { margin-left: 0; }

.btn.btn-icon-right .icon { margin-right: 0; }

.btn-blue-border { background: transparent; color: #4B61DD; border: 1px solid #4B61DD; border-radius: 6px; font-weight: 500; box-shadow: none; }

.btn-blue-border.cta-waba::before { background: url("../images/ic-waba-blue.svg") no-repeat center; }

.btn-blue-border span.arrow-button { width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: url("../images/ic-arrow-button.svg") no-repeat center; background-size: contain; margin-left: 4px; }

.btn-blue-border:hover { color: #FFF; background: #4B61DD; border-color: #4B61DD; }

.btn-blue-border:hover.cta-waba::before { background: url("../images/ic-waba-white.svg") no-repeat center; }

.btn-blue-border:hover span.arrow-button { width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: url("../images/ic-arrow-button-white.svg") no-repeat center; background-size: contain; margin-left: 4px; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.btn.btn-primary { background: #4B61DD; color: #FFF; box-shadow: 0 16px 4px 0 rgba(103, 110, 144, 0.05), 0 8px 8px 0 rgba(103, 110, 144, 0.05), 0 4px 4px 0 rgba(103, 110, 144, 0.05), 0 2px 2px 0 rgba(103, 110, 144, 0.05); }

.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary.active { background: #2740ce; }

.btn.btn-primary:not(:disabled):not(.disabled):active:focus, .btn.btn-primary:not(:disabled):not(.disabled).active:focus { background: #2740ce; }

.btn.btn-primary.cta-waba { padding-left: 16px; position: relative; }

.btn.btn-primary.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url("../images/ic-waba-white.svg") no-repeat center; background-size: contain; }

.btn.btn-primary.cta-waba img { display: none !important; }

.btn.btn-primary-border { background: transparent; color: #F58232; border: 1px solid #4B61DD; line-height: 24px; }

.btn.btn-primary-border:hover, .btn.btn-primary-border:active, .btn.btn-primary-border.active { color: #FFF; background: #2740ce; border-color: #2740ce; }

.btn.btn-primary-border:hover.cta-waba, .btn.btn-primary-border:active.cta-waba, .btn.btn-primary-border.active.cta-waba { padding-left: 16px; position: relative; }

.btn.btn-primary-border:hover.cta-waba::before, .btn.btn-primary-border:active.cta-waba::before, .btn.btn-primary-border.active.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url("../images/ic-waba-white.svg") no-repeat center; background-size: contain; }

.btn.btn-primary-border:hover.cta-waba img, .btn.btn-primary-border:active.cta-waba img, .btn.btn-primary-border.active.cta-waba img { display: none !important; }

.btn.btn-primary-border:not(:disabled):not(.disabled):active:focus, .btn.btn-primary-border:not(:disabled):not(.disabled).active:focus { color: #FFF; background: #2740ce; border-color: #2740ce; }

.btn.btn-primary-border.cta-waba { padding-left: 16px; position: relative; }

.btn.btn-primary-border.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url("../images/ic-waba-orange.svg") no-repeat center; background-size: contain; }

.btn.btn-primary-border.cta-waba img { display: none !important; }

.btn.btn-white { background: #FFFFFF; color: #153F7D; }

.btn.btn-white:hover, .btn.btn-white:active, .btn.btn-white.active { background: #F58232; color: #FFFFFF; }

.btn.btn-white:not(:disabled):not(.disabled):active:focus, .btn.btn-white:not(:disabled):not(.disabled).active:focus { background: #F58232; color: #FFFFFF; }

.btn.btn-border-white { border: 1px solid #FFF; border-radius: 6px; background: transparent; color: #FFF; line-height: 24px; }

.btn.btn-border-white:hover { background: #4B61DD; color: #FFF; }

.btn.btn-black { font-size: 16px; line-height: 24px; background: #232933; color: #FFF; }

.btn.btn-black:hover, .btn.btn-black:active, .btn.btn-black.active { background: #232933; color: #FFFFFF; }

.btn.btn-black:not(:disabled):not(.disabled):active:focus, .btn.btn-black:not(:disabled):not(.disabled).active:focus { background: #232933; color: #FFFFFF; }

.btn.btn-link { font-weight: normal; color: #1357FF; text-decoration: none; }

.btn.btn-link:hover { text-decoration: underline; color: #886de3; }

.btn.btn-lg { padding: 12px 20px; min-width: 200px; }

.btn.btn-blue { background: #4B61DD; border: 1px solid #4B61DD; box-shadow: none; border-radius: 6px; font-weight: 500; font-size: 16px; line-height: 24px; color: #FFF; }

.btn.btn-blue.cta-waba { padding-left: 16px; position: relative; }

.btn.btn-blue.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url("../images/ic-waba-white.svg") no-repeat center; background-size: contain; }

.btn.btn-blue.cta-waba img { display: none !important; }

.btn.btn-blue:hover { background: #2740ce; }

.btn.btn-blue.btn-arrow:after { content: ''; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-left: 8px; width: 20px; height: 20px; background: url(../images/ic-arrow-right-w.svg) no-repeat center; background-size: contain; position: relative; top: 5px; margin-top: -3px; }

.btn.btn-blue.btn-arrow:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.btn.btn-border-blue { border: 1px solid #4B61DD; border-radius: 6px; background: transparent; color: #4B61DD; line-height: 24px; }

.btn.btn-border-blue.cta-waba { padding-left: 16px; position: relative; }

.btn.btn-border-blue.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url("../images/ic-waba-blue.svg") no-repeat center; background-size: contain; }

.btn.btn-border-blue.cta-waba img { display: none !important; }

.btn.btn-border-blue:hover { background: #4B61DD; color: #FFF; }

.btn.btn-border-blue:hover.cta-waba { padding-left: 16px; position: relative; }

.btn.btn-border-blue:hover.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url("../images/ic-waba-white.svg") no-repeat center; background-size: contain; }

.btn.btn-border-blue:hover img { display: none !important; }

.btn.btn-mekari { border-radius: 6px; background: #4B61DD; color: #FFF; }

.btn.btn-mekari.cta-waba { padding-left: 16px; position: relative; }

.btn.btn-mekari.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url("../images/ic-waba-white.svg") no-repeat center; background-size: contain; }

.btn.btn-mekari.cta-waba img { display: none !important; }

.btn.btn-mekari:hover { background: #2740ce; }

.btn.btn-mekari-border { border-radius: 6px; background: #FFF; border: 1px solid #4B61DD; color: #4B61DD; }

.btn.btn-mekari-border.cta-waba { padding-left: 16px; position: relative; }

.btn.btn-mekari-border.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url("../images/ic-waba-purple.svg") no-repeat center; background-size: contain; }

.btn.btn-mekari-border.cta-waba img { display: none !important; }

.btn.btn-mekari-border:hover { background: #4B61DD; color: #FFF; }

.btn.btn-mekari-border:hover.cta-waba::before { background: url("../images/ic-waba-white.svg") no-repeat center; }

.btn.btn-blue-play { position: relative; }

.btn.btn-blue-play::before { content: ""; display: inline-block; margin-right: 8px; width: 20px; height: 20px; background-image: url(../images/ic-play-blue.svg); background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: middle; position: relative; top: -1px; }

.btn.btn-blue-play:hover::before { background-image: url(../images/ic-play-white.svg); }

.btn.btn-blue-yt { position: relative; }

.btn.btn-blue-yt::before { content: ""; display: inline-block; margin-right: 8px; width: 20px; height: 20px; background-image: url(../images/ic-btn-youtube.svg); background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: middle; position: relative; top: -1px; }

.btn.btn-blue-yt:hover::before { background-image: url(../images/ic-btn-youtube-white.svg); }

.btn.btn-blue-arrow { padding-left: 16px; padding-right: 16px; }

.btn.btn-blue-arrow:after { content: ""; display: inline-block; width: 20px; height: 20px; background: url(../images/ic-arrow-right-w.svg) no-repeat center; background-size: contain; vertical-align: middle; margin-left: 8px; }

.btn.btn-white-arrow { background: #FFF; color: #005FBF; }

.btn.btn-white-arrow:after { content: ""; display: inline-block; width: 20px; height: 20px; background: url(../images/ic-arrow-right.svg) no-repeat center; background-size: contain; vertical-align: middle; margin-left: 8px; }

.btn.btn-white-arrow:hover::after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.cta-waba { pointer-events: none; }

.cta-waba.show { pointer-events: auto; }

.btn-more { position: relative; }

.btn-more:after { content: ""; display: block; width: 15px; height: 14px; background-image: url(../images/arrow-more.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; left: 90%; top: calc(50% - 7px); opacity: 0; transition: all .5s; }

.btn-more:hover:after { -webkit-transform: translateX(5px); transform: translateX(5px); left: calc(100% + 5px); opacity: 1; }

.link-more { color: #4B61DD; position: relative; display: inline-block; position: relative; }

.link-more:after { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(../images/ic-arrow-right.svg) no-repeat center; background-size: contain; margin-left: 8px; position: relative; top: -1px; }

.link-more:hover { color: #4B61DD; text-decoration: underline; }

.link-more:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.link-more-white { color: #FFF; position: relative; }

.link-more-white:after { content: ""; display: block; width: 24px; height: 8px; background: url(../images/ic-arrow-right-long-white.svg) no-repeat center; background-size: contain; position: absolute; right: -32px; top: calc(50% - 4px); }

.link-more-white:hover { color: #FFF; text-decoration: underline; }

.link-more-white:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.link-external { position: relative; display: inline-block; color: #4B61DD; }

.link-external::after { content: ""; position: relative; top: -1px; display: inline-block; vertical-align: middle; margin-left: 8px; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='newtab'%3E%3Cpath id='Vector' d='M10.8333 9.9668L17.6667 3.13346M18.3333 6.4668V2.4668L14.3333 2.4668M9.16667 2.4668L7.5 2.4668C3.33333 2.4668 1.66666 4.13346 1.66666 8.30013L1.66666 13.3001C1.66666 17.4668 3.33333 19.1335 7.5 19.1335H12.5C16.6667 19.1335 18.3333 17.4668 18.3333 13.3001V11.6335' stroke='%234B61DD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; }

.link-external:hover { color: #4B61DD; text-decoration: underline; }

.link-arrow { color: #4A26C4; line-height: 24px; }

.link-arrow:after { content: ""; display: inline-block; width: 18px; height: 16px; background-image: url(../images/arrow-more.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: calc(50% - 8px); right: 0; margin-left: 10px; transition: all .5s; position: relative; top: 3px; }

.link-arrow:hover { color: #4A26C4; text-decoration: none; }

.link-arrow:hover:after { -webkit-transform: translateX(5px); transform: translateX(5px); }

.btn-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: -8px; margin-right: -8px; }

.btn-wrap .btn, .btn-wrap .link-more { margin-left: 8px !important; margin-right: 8px !important; }

@media (max-width: 768px) { .btn-wrap .btn, .btn-wrap .link-more { display: block; width: 100%; margin-bottom: 16px; text-align: center; }
  .btn-wrap .btn:last-child, .btn-wrap .link-more:last-child { margin-bottom: 0; } }

@media (max-width: 768px) { .text-left-sm { text-align: left !important; }
  .text-right-sm { text-align: right !important; }
  .text-center-sm { text-align: center !important; } }

.block__action { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -6px; margin-right: -6px; margin-bottom: -12px; min-width: 390px; }

.block__action.text-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.block__action .btn, .block__action .link-more { margin-left: 6px; margin-right: 6px; margin-bottom: 12px; }

.block__action .link-more { line-height: 40px; }

@media (max-width: 768px) { .block__action { min-width: 100%; } }

.section-title .title { font-size: 26px; line-height: 36px; margin-bottom: 20px; font-weight: bold; }

.section-title .sub { margin: 0 auto; }

.section-title .sub.sub-sm { max-width: 570px; }

@media (max-width: 991px) { .section-title .title { font-size: 26px; line-height: 1.5em; } }

.owl-carousel { margin: 0; }

.owl-dots { text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 24px; padding: 8px 0; }

.owl-dots .owl-dot { width: 32px; height: 4px; background: #8B95A5; margin: 0 6px; border-radius: 2px; display: block; }

.owl-dots .owl-dot.active { background: #4B61DD; }

@media (max-width: 768px) { .owl-dots .owl-dot { margin: 0 10px; } }

@media (max-width: 768px) { .owl-dots { margin: 24px 0 0; } }

.slider-dots-bar .owl-dots { line-height: 20px; margin: 24px 0 0; }

.slider-dots-bar .owl-dots .owl-dot { vertical-align: middle; width: 32px; height: 4px; border-radius: 2px; margin: 0 6px; background: #8B95A5; border-color: #8B95A5; }

.slider-dots-bar .owl-dots .owl-dot.active { background: #005FBF; border-color: #005FBF; }

.banner-wrap .img-banner { overflow: hidden; border-radius: 6px; min-height: 380px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }

.banner-wrap .img-banner.ads { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.banner-wrap .img-banner .bg { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; }

.banner-wrap .img-banner .content { position: relative; z-index: 2; width: 50%; padding: 30px 30px 30px 0; }

.banner-wrap .img-banner .content .title { font-size: 36px; line-height: 48px; font-weight: bold; }

@media (max-width: 768px) { .banner-wrap .img-banner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 300px; }
  .banner-wrap .img-banner .bg { position: relative; width: 100%; padding-top: 50%; background-position: top left; }
  .banner-wrap .img-banner .content { margin: 0; width: 100%; padding: 20px; text-align: center; background-color: #eef3f4; }
  .banner-wrap .img-banner .content .title { font-size: 21px; line-height: 32px; } }

.rate { text-align: left; margin-bottom: 20px; }

.rate u { display: inline-block; width: 20px; height: 20px; background-image: url(../images/icon-star.svg); background-size: contain; }

.rate u + u { margin-left: 1px; }

.rate u:last-child { margin-right: 0; }

.rate u.rated { background-image: url(../images/icon-star-y.svg); }

*::-webkit-scrollbar { width: 6px; height: 6px; }

*::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

*::-webkit-scrollbar-thumb { background-color: #F58232; outline: 1px solid none; border-radius: 2.5px; }

.page-number, .page-numbers { text-align: center; }

.page-number ul, .page-numbers ul { list-style: none; padding: 0; margin: 0; }

.page-number ul li, .page-numbers ul li { display: inline-block; margin: 0 15px; }

.page-number ul li a, .page-number ul li > span, .page-numbers ul li a, .page-numbers ul li > span { display: block; color: #777; }

.page-number ul li a.current, .page-number ul li > span.current, .page-numbers ul li a.current, .page-numbers ul li > span.current { color: #4A26C4; }

.page-number ul li.active a, .page-number ul li:hover a, .page-numbers ul li.active a, .page-numbers ul li:hover a { color: #4A26C4; }

.page-number ul li.disabled a, .page-number ul li.disabled span, .page-numbers ul li.disabled a, .page-numbers ul li.disabled span { pointer-events: none; opacity: .5; }

.page-number ul li.disabled:hover a, .page-number ul li.disabled:hover span, .page-numbers ul li.disabled:hover a, .page-numbers ul li.disabled:hover span { color: #777; }

@media (max-width: 768px) { .page-number ul li, .page-numbers ul li { margin: 0 5px; } }

.modal-backdrop.show { opacity: .9; }

.modal.fade .modal-dialog { -webkit-transform: scale(0.2); transform: scale(0.2); }

.modal.show .modal-dialog { -webkit-transform: scale(1); transform: scale(1); }

.modal .modal-custom { max-width: 770px; }

.modal .modal-content { border-radius: 10px; border: 0; box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.5); }

.modal .btn-close { position: absolute; right: 10px; top: 10px; cursor: pointer; opacity: 1; transition: opacity .5s ease; text-align: center; font-size: 30px; line-height: 30px; border-radius: 10px; z-index: 5; color: #777; display: block; width: 30px; height: 30px; background-image: url(../images/icon-close.png); background-position: center; background-repeat: no-repeat; background-size: contain; }

.modal .btn-close:hover { opacity: .5; }

.modal .title { font-size: 26px; line-height: 36px; font-weight: 500; }

.modal .title b { font-weight: bold; }

.modal .sub { font-weight: normal; text-align: center; }

.modal .modal-body { padding: 30px; }

.modal .modal-body.modal-body-custom { padding: 60px 100px; }

@media (max-width: 991px) { .modal .modal-custom { max-width: 100%; margin: 1rem; }
  .modal .btn-close { top: -45px; right: 0; color: #FFF; }
  .modal .title { font-size: 21px; line-height: 32px; }
  .modal .modal-body.modal-body-custom { padding: 30px 15px; } }

.page-404 { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; margin-top: -100px; background-color: #EDF6FA; color: #F58232; }

.page-404 h1 { font-size: 25em; line-height: 1.2em; }

.back-to-top { display: none; position: fixed; bottom: 25px; right: 15px; text-align: center; z-index: 100; cursor: pointer; opacity: 1; visibility: visible; background: #F58232; border-radius: 4px; color: #fff !important; text-decoration: none !important; transition: all 0.5s; overflow: hidden; }

.back-to-top.h { bottom: 0; opacity: 0; visibility: hidden; }

.back-to-top .fa { font-size: 30px; line-height: 35px; height: 40px; width: 40px; text-align: center; display: inline-block; position: relative; background: #F58232; color: #fff; }

.m-0 { margin: 0 !important; }

.mb-30 { margin-bottom: 30px !important; }

.link-more-white { color: #FFF; position: relative; font-size: 16px; }

.link-more-white:after { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-arrow-right-w.svg) no-repeat center; background-size: contain; position: absolute; right: -27px; top: calc(50% - 10px); }

.link-more-white:hover { color: #FFF; text-decoration: underline; }

.link-more-white:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

@media (max-width: 768px) { .link-more-white { padding: 8px 0; display: inline-block; } }

.section-head { margin-bottom: 3rem; }

.section-head:last-child { margin-bottom: 0; }

.section-head__subtitle { font-size: 14px; line-height: 23px; }

.section-head__title { font-size: 32px; line-height: 48px; font-family: "Inter", sans-serif; font-weight: 600; margin-bottom: 8px; }

.section-head__desc:not(:last-child) { margin-bottom: 24px; }

.section-head__action a { margin-left: 12px; }

.section-head__action a:first-child { margin-left: 0; }

@media (max-width: 768px) { .section-head__action a { width: 100%; margin-bottom: 12px; margin-left: 0; } }

@media (max-width: 991px) { .section-head__title { font-size: 28px; line-height: 36px; } }

.custom-list-title { display: block; margin: 0 0 8px; }

ul.custom-list { display: block; width: 100%; }

ul.custom-list > li { position: relative; display: block; padding-left: 36px; margin-bottom: 16px; }

ul.custom-list > li:before { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-check.svg) no-repeat center/contain; background-size: contain; position: absolute; left: 0; top: 2px; }

ul.custom-list > li .title { font-weight: 600; display: block; margin: 0 0 4px; }

ul.custom-list > li p { margin-bottom: 0; }

ul.custom-list > li.lock::before { background: url(../images/ic-lock.svg) no-repeat center/contain; }

ul.custom-list > li.cross::before { background: url(../images/ic-cross.svg) no-repeat center/contain; }

ul.custom-list.alt > li:before { background: url(../images/ic-check-green.svg) no-repeat center; background-size: contain; }

ul.custom-list.red > li:before { background: url(../images/ic-check-red.svg) no-repeat center; background-size: contain; }

ul.custom-list.cross > li:before { background: url(../images/ic-cross.svg) no-repeat center; background-size: contain; }

ul.custom-list.dark > li { margin-bottom: 28px; }

ul.custom-list.dark > li h4 { font-size: 1rem; line-height: 1.5rem; margin-bottom: 4px; }

ul.custom-list.dark > li::before { background: url(../images/ic-check-dark.svg) no-repeat center; }

.custom-list-alt .item { position: relative; display: block; padding-left: 36px; margin-bottom: 16px; }

.custom-list-alt .item:before { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-check.svg) no-repeat center; background-size: contain; position: absolute; left: 0; top: 2px; }

.accordion { position: relative; margin-bottom: 32px; }

.accordion .card { position: relative; margin-bottom: 4px; }

.accordion .card__header { position: relative; display: block; padding: 20px 56px 20px 20px; cursor: pointer; border-bottom: 1px solid #E2E2E2; transition: all .3s ease-in-out; }

.accordion .card__header:after { content: ""; display: block; width: 24px; height: 24px; background: url(../images/ic-chevron-down.svg) no-repeat center; background-size: contain; position: absolute; top: 20px; right: 20px; -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all .5s ease-in-out; }

.accordion .card__header.collapsed:after { -webkit-transform: none; transform: none; }

.accordion .card__title { font-size: 16px; line-height: 24px; font-weight: 700; margin: 0; padding: 0; }

.accordion .card__body { background: #FFF; border-radius: 4px; box-shadow: 0px 2px 4px rgba(180, 188, 208, 0.75); padding: 24px 20px; margin-top: 12px; }

.accordion--auto .card { position: relative; background: #FFF; border-radius: 4px; }

.accordion--auto .card .progress { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: #FFF; }

.accordion--auto .card__body { position: relative; box-shadow: none; background: transparent; padding-top: 0; margin-top: 0; }

.accordion--auto .card.open { box-shadow: 0px 2px 4px rgba(180, 188, 208, 0.75); background: #FFF; margin-top: 4px; }

.accordion--auto .card.open .card__header { border-color: transparent; padding-bottom: 12px; }

.accordion--auto .card.open .progress { opacity: 1; }

.accordion--auto .card.open .progress rect { stroke-dasharray: 1500; -webkit-animation: dash2 10s linear; animation: dash2 10s linear; }

.accordion--auto-image { transition: all .5s ease-in-out; }

.accordion--auto-image img { display: block; width: 100%; height: auto; }

.accordion--auto-image.img-out { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0; }

.accordion--auto-image.img-in { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }

.accordion--dots { margin: 0; position: relative; }

.accordion--dots .card { border: 0; position: relative; background: transparent; padding: 20px 0; margin: 0 0 0 40px; transition: all .4s ease; }

.accordion--dots .card:before { content: ""; display: block; position: absolute; top: 24px; left: -32px; height: calc(100% + 24px); width: 1px; background: #DFDFDF; transition: all .4s ease; }

.accordion--dots .card span.dot { display: block; position: absolute; width: 16px; height: 16px; border-radius: 8px; background: #DFDFDF; border: 2px solid #FFFFFF; top: 24px; left: -40px; transition: all .4s ease; }

.accordion--dots .card:last-child { margin-bottom: 0; }

.accordion--dots .card:last-child:before { background: #FFFFFF; }

.accordion--dots .card__header { padding: 0; border: 0; background: transparent; transition: all .4s ease; border-radius: 8px 8px 0 0; }

.accordion--dots .card__header:after { display: none; }

.accordion--dots .card__title { color: #777; transition: all .4s ease; }

.accordion--dots .card__body { border: 0; box-shadow: none; background: transparent; margin: 0; padding: 0 0 24px; transition: all .4s ease; border-radius: 0 0 8px 8px; }

.accordion--dots .card__body p { margin-bottom: 12px; }

.accordion--dots .card__body p:last-of-type { margin: 0; }

.accordion--dots .card__img { display: none; }

.accordion--dots .card.open { border-radius: 16px; }

.accordion--dots .card.open span.dot { background: #005FBF; box-shadow: 0px 0px 8px rgba(19, 87, 255, 0.5); }

.accordion--dots .card.open:before { top: 44px; }

.accordion--dots .card.open span.dot { top: 44px; }

.accordion--dots .card.open .card__header { padding: 20px 24px 8px; background: #F2F4F7; }

.accordion--dots .card.open .card__title { color: #212121; }

.accordion--dots .card.open .card__body { padding: 0 24px 24px; background: #F2F4F7; }

@media (max-width: 991px) { .accordion--dots .card__img { display: block; padding-top: 16px; }
  .accordion--dots .card__img img { display: block; max-width: 90%; height: auto; } }

.accordion--images .img { display: none; }

.accordion--images .img img { display: block; width: 100%; height: auto; }

.accordion--images .img.active { display: block; }

@media (max-width: 991px) { .accordion--images { display: none; } }

.faq-block { padding-top: 64px; padding-bottom: 64px; background: #FFFFFF; }

.faq-block__buttons { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; }

.faq-block .section-head { margin-bottom: 32px; }

.faq-block .accordion { margin-bottom: 0; }

.faq-block.bg-gray { background: #F2F4F7; }

.faq-block--alt .accordion--faq .card { margin-bottom: 8px; }

.faq-block--alt .accordion--faq .card__header { padding: 20px 56px 12px 24px; }

.faq-block--alt .accordion--faq .card__header::after { top: 20px; }

.faq-block--alt .accordion--faq .card__header.collapsed { padding-bottom: 20px; }

.faq-block--alt .accordion--faq .card__body { padding-bottom: 20px; }

.faq-block .accordion { position: relative; }

.faq-block .accordion .card { position: relative; }

.faq-block .accordion .card__header { position: relative; display: block; padding: 20px 56px 20px 20px; cursor: pointer; transition: all .3s ease-in-out; }

.faq-block .accordion .card__header:after, .faq-block .accordion .card__header:before { content: ""; display: block; width: 14px; height: 2px; position: absolute; left: 29px; top: 36px; background: #232933; transition: all .5s ease-in-out; }

.faq-block .accordion .card__header:before { -webkit-transform: rotate(0); transform: rotate(0); }

.faq-block .accordion .card__title { font-size: 16px; line-height: 24px; font-weight: 600; margin: 0; padding: 0; }

.faq-block .accordion .card__title:hover { color: #2B2A35; }

.faq-block .accordion .card__body { background: #FFF; border-radius: 4px; box-shadow: 0px 2px 4px rgba(180, 188, 208, 0.75); padding: 24px 20px; margin-top: 12px; }

.faq-block .accordion--faq .card { position: relative; z-index: 1; margin: 0; background: #FFF; border-radius: 6px; overflow: hidden; border: 1px solid transparent; transition: all .3s ease-in-out; }

.faq-block .accordion--faq .card::after { content: ""; display: block; width: 100%; border-bottom: 1px solid #EDF0F2; position: absolute; bottom: 0; left: 0; opacity: 1; transition: all .3s ease-in-out; }

.faq-block .accordion--faq .card.open { border-radius: 6px; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.1); border: 1px solid #8B95A5; z-index: 2; }

.faq-block .accordion--faq .card.open::after { opacity: 0; }

.faq-block .accordion--faq .card__header { padding: 24px 24px 16px 64px; border: 0; }

.faq-block .accordion--faq .card__header:after, .faq-block .accordion--faq .card__header:before { left: 29px; top: 36px; }

.faq-block .accordion--faq .card__header.collapsed { padding-bottom: 24px; }

.faq-block .accordion--faq .card__header.collapsed::before { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.faq-block .accordion--faq .card__body { border-radius: 0; box-shadow: none; padding: 0 24px 24px 64px; margin: 0; }

@media (max-width: 991px) { .faq-block { padding-top: 32px; padding-bottom: 32px; padding-left: 4px; padding-right: 4px; } }

.pagination-row { display: block; padding: 20px 0 40px; }

.pagination { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.page-item { display: block; min-width: auto; line-height: 24px; text-align: center; margin: 0 5px; padding: 0; color: #545465; }

.page-item.active { font-weight: 400; }

.page-item.active .page-link { color: #FFF; background: #005FBF; }

.page-item.prev { margin-right: 16px; }

.page-item.next { margin-left: 16px; }

.page-link { display: block; font-size: 16px; line-height: 24px; color: #545465; border: 0; padding: 6px 12px; border-radius: 2px; }

.page-link:focus { outline: none; box-shadow: none; }

.page-link .svg { display: block; height: 24px; width: auto; }

.page-link:hover { color: #005FBF; background: transparent; }

.page-link:hover .svg path { stroke: #005FBF; }

.play-btn { width: 75px; height: 75px; background: #2B2A35; border-radius: 50%; position: absolute; display: block; top: calc(50% - 37px); left: calc(50% - 37px); }

@media (max-width: 375px) { .play-btn { width: 50px; height: 50px; top: calc(50% - 25px); left: calc(50% - 25px); } }

.play-btn:hover { background: black; }

.play-btn::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-40%) translateY(-50%); transform: translateX(-40%) translateY(-50%); -webkit-transform-origin: center center; transform-origin: center center; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 25px solid #FFF; z-index: 2; transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }

@media (max-width: 375px) { .play-btn::after { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #FFF; } }

.play-btn:before { content: ""; position: absolute; width: 150%; height: 150%; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation: pulsate1 2s; animation: pulsate1 2s; -webkit-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: steps; animation-timing-function: steps; opacity: 1; border-radius: 50%; border: 0px solid rgba(0, 0, 0, 0.75); top: -26%; left: -26%; background: rgba(0, 0, 0, 0); }

.play-btn span { color: transparent; }

@-webkit-keyframes pulsate1 { 0% { -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
    background: black; }
  100% { -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 1;
    box-shadow: none; } }

@keyframes pulsate1 { 0% { -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
    background: black; }
  100% { -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 1;
    box-shadow: none; } }

ul.list-check { list-style: none; }

ul.list-check .title { display: block; font-weight: 600; margin-bottom: 4px; }

ul.list-check .title:last-child { margin-bottom: 0; }

ul.list-check li { padding-left: 36px; margin-bottom: 24px; position: relative; }

ul.list-check li::before { content: ""; display: block; position: absolute; width: 24px; height: 24px; top: 2px; left: 0; background: url(../images/ic-check-green.svg) no-repeat center; background-size: contain; }

ul.list-check li:last-child { margin-bottom: 0; }

.cta-waba:not(.show) { pointer-events: none !important; }

#masking { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; margin: 0; padding: 0; overflow: hidden; z-index: 999999; }

.hidden { display: none !important; }

.hidden-sm { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }

@media (max-width: 991px) { .hidden-sm { display: none !important; } }

.hidden-sm-b { display: block !important; }

@media (max-width: 991px) { .hidden-sm-b { display: none !important; } }

.hidden-sm-ib { display: inline-block !important; }

@media (max-width: 991px) { .hidden-sm-ib { display: none !important; } }

.show-sm { display: none !important; }

@media (max-width: 991px) { .show-sm { display: block !important; } }

.show-sm-ib { display: none !important; }

@media (max-width: 991px) { .show-sm-ib { display: inline-block !important; } }

.show-sm-f { display: none !important; }

@media (max-width: 991px) { .show-sm-f { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } }

.link-show { color: #1357FF; position: relative; cursor: pointer; }

.link-show span { position: relative; }

.link-show span:after { content: ""; display: block; width: 24px; height: 24px; background: url(../images/ic-chev-down.svg) no-repeat center; background-size: contain; position: absolute; right: -32px; top: calc(50% - 12px); }

.link-show:hover { color: #1357FF; text-decoration: underline; }

.link-close { color: #1357FF; position: relative; cursor: pointer; }

.link-close span { position: relative; }

.link-close span:after { content: ""; display: block; width: 24px; height: 24px; background: url(../images/ic-chev-up.svg) no-repeat center; background-size: contain; position: absolute; right: -32px; top: calc(50% - 12px); }

.link-close:hover { color: #1357FF; text-decoration: underline; }

body.sb .header.fixed .header__wrap { top: 40px; }

body.sb .header.fixed .header__sticky { top: -59px; position: relative; }

body.sb main { margin-top: 245px; }

@media (max-width: 991px) { body.sb .header.fixed .header__wrap { top: 0; }
  body.sb .header.fixed .header__left { top: 86px; }
  body.sb .header.fixed .header__sticky { top: -70px; }
  body.sb main { margin-top: 215px; } }

.btn-play--blue { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

.btn-play--blue .bg { z-index: 2; display: block; width: 100px; height: 100px; border-radius: 50px; background-image: url(../images/ic-play-white.svg); background-size: 22px; background-color: #4B61DD; background-repeat: no-repeat; background-position: 53% 33%; position: absolute; top: calc(50% - 50px); left: calc(50% - 50px); box-shadow: 0 0 0 #4b61dd; -webkit-animation: pulseBlue 2s infinite; animation: pulseBlue 2s infinite; }

.btn-play--blue span { z-index: 4; display: block; width: 100%; font-size: 10px; line-height: 16px; color: #FFF; position: absolute; bottom: 25%; left: 0; text-align: center; }

.media { display: block; position: relative; width: 100%; }

.media--video { position: relative; }

.media--img img { display: block; width: 100%; height: auto; }

.media__cover { display: block; width: auto; margin: 0 auto; }

.media__play { display: block; width: 80px; height: 80px; border-radius: 40px; background: url(../images/ic-play-circle-alt.svg) no-repeat center; background-size: contain; position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); box-shadow: 0 0 0 rgba(0, 0, 0, 0.4); -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; }

.hidden-sm { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }

@media (max-width: 991px) { .hidden-sm { display: none !important; } }

.hidden-sm-b { display: block !important; }

@media (max-width: 991px) { .hidden-sm-b { display: none !important; } }

.hidden-sm-ib { display: inline-block !important; }

@media (max-width: 991px) { .hidden-sm-ib { display: none !important; } }

.show-sm { display: none !important; }

@media (max-width: 991px) { .show-sm { display: block !important; } }

.show-sm-ib { display: none !important; }

@media (max-width: 991px) { .show-sm-ib { display: inline-block !important; } }

.bg-gray, .bg-grey { background: #F2F4F7; }

.badge { display: inline-block; color: #FFF; font-size: 12px; line-height: 20px; padding: 0 8px; background: #C02A34; border-radius: 4px; }

.badge--orange { background: #F96D01; }

.block-cta__icon { margin: 0 0 24px; }

.block-cta__title { margin: 0 0 16px; font-family: "Inter", sans-serif; font-weight: 600; }

.block-cta__desc { margin: 0 0 24px; font-family: "Inter", sans-serif; font-weight: 400; }

.block-cta__wrap { padding-top: 64px; padding-bottom: 64px; text-align: center; max-width: 600px; margin: 0 auto; }

@media (max-width: 991px) { .block-cta__title { font-size: 28px; line-height: 36px; }
  .block-cta__wrap { padding: 32px 20px; } }

.modal-trial { width: 100%; }

.modal-trial__content { padding: 24px; text-align: center; color: #232933; }

.modal-trial__action { padding: 0 24px 24px; }

.modal-trial__action .btn { width: 100%; text-align: center; }

.modal-trial .modal-close { position: absolute; top: 12px; right: 12px; width: 24px; height: 24px; background: url("../images/icons/ic-cancel-blue.svg") no-repeat; background-position: center; background-size: contain; }

.modal-trial .modal-dialog { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 340px; min-height: calc(100vh - 96px); margin-top: 48px; margin-bottom: 48px; margin-left: auto; margin-right: auto; }

.modal-trial .modal-body { padding: 0; }

.modal-trial .modal-content { border-radius: 0; padding: 0; margin-left: 16px; margin-right: 16px; }

.lity-wrap { top: 80px; bottom: auto; }

.lity-iframe .lity-container { max-width: 70%; }

.breadcrumb { padding: 16px 0; margin: 0; background: transparent; border-top: 1px solid #DFDFDF; }

.breadcrumb__wrap { font-size: 12px; line-height: 16px; }

.breadcrumb__wrap a { color: #4B61DD; text-decoration: underline; display: inline-block; }

.breadcrumb__wrap a:hover { color: #1f33a3; }

.breadcrumb__wrap a span.home { display: inline-block; vertical-align: middle; width: 20px; height: 20px; font-size: 0; line-height: 0; background: url(../images/icon-klikpajak.svg) no-repeat center; background-size: contain; }

.modal .modal-inquiry { max-width: 1224px; border-radius: 4px; margin: 32px auto; min-height: calc(100% - 64px); }

.modal .modal-inquiry .btn-close { background: url(../images/ic-cancel.svg) no-repeat center; }

.modal .modal-inquiry .modal-content { border-radius: 4px; background: #F1F5F9; }

.modal .modal-inquiry .modal-body { padding: 64px 92px; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.modal .modal-inquiry .modal-body__left { width: 100%; max-width: 53.8462%; -webkit-flex: 0 0 53.8462%; -ms-flex: 0 0 53.8462%; flex: 0 0 53.8462%; padding-left: 16px; padding-right: 16px; }

.modal .modal-inquiry .modal-body__right { width: 100%; max-width: 46.154%; -webkit-flex: 0 0 46.154%; -ms-flex: 0 0 46.154%; flex: 0 0 46.154%; padding-left: 16px; padding-right: 16px; }

.modal .modal-inquiry .modal-body__img { margin: 0 0 32px; }

.modal .modal-inquiry .modal-body__img img { display: block; width: 100%; height: auto; }

.modal .modal-inquiry .modal-body__testi { padding: 32px; border: 1px solid #D0D6DD; border-radius: 6px; background: #FFF; }

.modal .modal-inquiry .modal-body__testi .title { font-size: 20px; line-height: 28px; font-weight: 600; margin: 0 0 12px; }

.modal .modal-inquiry .modal-body__testi .quote p:last-child { margin: 0; }

.modal .modal-inquiry .modal-body__testi .meta { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 24px; }

.modal .modal-inquiry .modal-body__testi .meta .author { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: calc(100% - 150px); -webkit-flex: 0 0 calc(100% - 150px); -ms-flex: 0 0 calc(100% - 150px); flex: 0 0 calc(100% - 150px); }

.modal .modal-inquiry .modal-body__testi .meta .author .img { display: block; width: 48px; height: 48px; object-fit: cover; object-position: center; border-radius: 24px; }

.modal .modal-inquiry .modal-body__testi .meta .author .info { display: block; width: calc(100% - 48px); padding-left: 16px; }

.modal .modal-inquiry .modal-body__testi .meta .author .info span { display: block; color: #232933; }

.modal .modal-inquiry .modal-body__testi .meta .author .info .name { font-weight: 600; }

.modal .modal-inquiry .modal-body__testi .meta .logo { width: 100%; max-width: 150px; -webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px; }

.modal .modal-inquiry .modal-body__testi .meta .logo img { display: block; height: 48px; width: auto; margin-left: auto; }

.modal .modal-inquiry .modal-body__logo { text-align: center; margin: 0 0 32px; }

.modal .modal-inquiry .modal-body__logo .items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.modal .modal-inquiry .modal-body__logo .items .item { display: block; padding: 0 6px; }

.modal .modal-inquiry .modal-body__logo .items .item img { height: 56px; width: auto; }

.modal .modal-inquiry .modal-body__form h3 { text-align: center; font-size: 20px; line-height: 28px; }

.modal .modal-inquiry .modal-body__form form { background: #FFF; border-radius: 6px; padding: 32px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12); }

@media (max-width: 991px) { .modal .modal-inquiry { margin: 64px 16px; }
  .modal .modal-inquiry .btn-close { top: 6px; right: 6px; }
  .modal .modal-inquiry .modal-body { padding: 44px 16px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .modal .modal-inquiry .modal-body__left { -webkit-order: 2; -ms-flex-order: 2; order: 2; max-width: 100%; padding: 32px 0 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .modal .modal-inquiry .modal-body__right { -webkit-order: 1; -ms-flex-order: 1; order: 1; max-width: 100%; padding: 0; }
  .modal .modal-inquiry .modal-body__form h3 { font-size: 20px; line-height: 28px; }
  .modal .modal-inquiry .modal-body__form form { padding: 16px; }
  .modal .modal-inquiry .modal-body__img { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .modal .modal-inquiry .modal-body__logo { -webkit-order: 3; -ms-flex-order: 3; order: 3; margin: 0; }
  .modal .modal-inquiry .modal-body__logo .items .item img { height: 48px; width: auto; }
  .modal .modal-inquiry .modal-body__testi { -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-bottom: 32px; } }

@media (max-width: 991px) and (max-width: 768px) { .modal .modal-inquiry .modal-body__testi .meta .author { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .modal .modal-inquiry .modal-body__testi .meta .logo { display: none; } }

/* ------------------------------------------------------------------------------------------------ */
/* Header */
/* ------------------------------------------------------------------------------------------------ */
@media (min-width: 1025px) { .header { z-index: 100; position: fixed; display: block; top: 0; left: 0; right: 0; width: 100%; background: #FFF; font-size: 16px; line-height: 24px; color: #2B2A35; border-bottom: 1px solid #FFF; transition: all .4s ease; }
  .header .show-sm { display: none !important; }
  .header .sm-only { display: none; }
  .header__back { display: none; }
  .header .video-thumb { position: relative; }
  .header .video-thumb a.play { display: block; position: absolute !important; z-index: 3 !important; top: calc(50% - 20px); left: calc(50% - 20px); }
  .header .video-thumb a.play img { display: block; width: 40px; height: 40px; }
  .header .video-thumb .cover { position: relative; width: 100%; padding-top: 56%; z-index: 2 !important; }
  .header .video-thumb .cover img { display: block; position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
  .header a:not(.btn):not(.link-more) { color: #2B2A35; text-decoration: none; }
  .header a:not(.btn):not(.link-more):hover { color: #005FBF; text-decoration: none; }
  .header__logo { display: block; width: 100%; padding: 4px 0; }
  .header__logo img { display: block; height: 32px; width: auto; }
  .header .main-menu { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0; }
  .header .main-menu__item { display: block; padding: 8px 20px; }
  .header .main-menu__item.has-child { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .header .main-menu__item.has-child:after { content: ""; display: block; width: 16px; height: 16px; margin-left: 4px; background: url(../images/ic-dropdown-header.svg); }
  .header .main-menu__item.has-child > a { display: block; position: relative; }
  .header .main-menu__item.has-child > a:before, .header .main-menu__item.has-child > a:after { display: none; }
  .header .main-menu__item.has-child:hover > a:before, .header .main-menu__item.has-child:hover > a:after { opacity: 1; top: calc(100% + 13px); }
  .header .main-menu__item.has-child:hover > a:before { top: calc(100% + 14px); }
  .header .main-menu__item.has-child:hover .main-menu__sub { top: calc(100% - 10px); opacity: 1; visibility: visible; display: block; }
  .header .main-menu__item:hover .main-menu__link { border-bottom-color: #F58232; color: #232933; }
  .header .main-menu__item.sm-only { display: none; }
  .header .main-menu__link { display: block; position: relative; border-bottom: 2px solid transparent; }
  .header .main-menu__sub { position: absolute; width: 1240px; background: #FFF; top: calc(100% + 22px); left: calc(50% - 652px); border: 1px solid #DFDFDF; box-shadow: 0px 24px 48px rgba(209, 209, 209, 0.75), 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12); font-size: 14px; line-height: 20px; border-radius: 4px; padding: 32px 24px 0; opacity: 0; visibility: hidden; display: none; }
  .header .main-menu__sub:before { content: ""; display: block; position: absolute; width: 100%; height: 30px; top: -22px; left: 0; background: transparent; }
  .header .main-menu__sub.alt { padding: 24px 40px; }
  .header .main-menu__sub.sol { min-height: 526px; }
  .header .main-menu__sub.lg { max-width: 1088px; left: calc(50% - 544px); }
  .header .main-menu__sub.md { max-width: 995px; left: calc(50% - 498px); height: 450px; }
  .header .main-menu__sub.md .sub-menu__sidebar { height: calc(100% + 116px); }
  .header .main-menu__sub.sm { max-width: 634px; left: calc(50% - 317px); padding-bottom: 32px; }
  .header .main-menu__sub.xs { max-width: 620px; left: calc(50% - 490px); }
  .header .main-menu__sub.xxs { max-width: 350px; left: calc(50% - 300px); }
  .header .main-menu__sub .row { margin-left: -8px; margin-right: -8px; }
  .header .main-menu__sub .row > .col, .header .main-menu__sub .row > [class*="col-"] { padding-left: 8px; padding-right: 8px; }
  .header .main-menu__sub .sub-menu.bg-gray { position: relative; padding-left: 24px; background: transparent; }
  .header .main-menu__sub .sub-menu.bg-gray:before { content: ""; z-index: 1; display: block; position: absolute; width: calc(100% + 9px); height: calc(100% + 32px); background: #F2F4F7; top: -31px; left: 8px; border-radius: 0 4px 4px 0; }
  .header .main-menu__sub .sub-menu.bg-gray * { position: relative; z-index: 2; }
  .header .main-menu__sub .sub-menu.bg-gray.left { padding-left: 0; padding-right: 48px; }
  .header .main-menu__sub .sub-menu.bg-gray.left::before { left: -32px; }
  .header .main-menu__sub .sub-menu.bg-gray.left .link-more { position: absolute; left: 0; bottom: 20px; }
  .header .main-menu__sub .sub-menu.bg-gray .sub-menu__title { margin-bottom: 0; color: #232933; font-family: "Inter", sans-serif; font-weight: 600; }
  .header .main-menu__sub .sub-menu.bg-gray .sub-menu__item p { font-size: 14px; line-height: 20px; margin-bottom: 20px; }
  .header .main-menu__sub .sub-menu__title { display: block; font-size: 12px; line-height: 16px; font-family: "Inter", sans-serif; font-weight: 600; color: #626B79; margin-bottom: 16px; text-transform: uppercase; }
  .header .main-menu__sub .sub-menu__item > a { display: block; position: relative; padding: 8px; border-radius: 6px; transition: all .4s ease; color: #232933; background: #FFF; }
  .header .main-menu__sub .sub-menu__item > a b { display: block; font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 500; margin-bottom: 4px; }
  .header .main-menu__sub .sub-menu__item > a p { display: block; font-size: 14px; line-height: 20px; margin-bottom: 0; color: #626B79; }
  .header .main-menu__sub .sub-menu__item > a:hover { color: #232933; background: #F7FBFF; }
  .header .main-menu__sub .sub-menu__item > a:hover p { color: #626B79; }
  .header .main-menu__sub .sub-menu__item { margin-bottom: 16px; display: inline-block; width: 100%; position: relative; }
  .header .main-menu__sub .sub-menu__item .badge { display: inline-block; vertical-align: middle; color: #FFF; font-size: 12px; line-height: 20px; padding: 0 4px; background: #DA473F; margin-left: 6px; border-radius: 6px; position: relative; top: -1px; }
  .header .main-menu__sub .sub-menu__item.has-icon > a { padding-left: 40px; }
  .header .main-menu__sub .sub-menu__item.has-icon > a .icon { display: block; position: absolute; top: 8px; left: 8px; width: 24px; height: 24px; object-fit: contain; object-position: 50% 50%; -webkit-filter: grayscale(100); filter: grayscale(100); opacity: 0.7; transition: all .3s ease-in-out; }
  .header .main-menu__sub .sub-menu__item.has-icon > a:hover .icon { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }
  .header .main-menu__sub .sub-menu__2-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
  .header .main-menu__sub .sub-menu__3-col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
  .header .main-menu__sub .sub-menu__item-action { padding-top: 24px; padding-left: 16px; padding-right: 16px; }
  .header .main-menu__sub .sub-menu__media { padding-top: 24px; }
  .header .main-menu__sub .sub-menu__media .sub-menu__title { font-size: 16px; line-height: 24px; margin-bottom: 4px; }
  .header .main-menu__sub .sub-menu__media .video-thumb { width: 87.224%; }
  .header .main-menu__sub .sub-menu__media .video-thumb .cover { padding-top: 57.25%; }
  .header .main-menu__sub .sub-menu__banner { position: relative; display: block; border-radius: 4px; width: 100%; padding-top: 0 !important; }
  .header .main-menu__sub .sub-menu__banner img { position: relative !important; display: block; top: 0; left: 0; width: 100%; height: 100%; object-position: center; border-radius: 4px; }
  .header .main-menu__sub .sub-menu__banner label { position: absolute; color: transparent; top: 0; left: 0; }
  .header .main-menu__sub .sub-menu__action { text-align: right; padding: 24px 100px 0 0; }
  .header .main-menu__sub .sub-menu__action.alt { width: 100%; text-align: center; border-top: 1px solid #DFDFDF; }
  .header .main-menu__sub .sub-menu__bot { width: 100%; position: relative; }
  .header .main-menu__sub .sub-menu__bot::before { content: ""; display: block; width: calc(100% + 17px); height: 100%; position: absolute; top: 0; left: -16px; background: #FBFCFC; border-radius: 0 0 4px 4px; }
  .header .main-menu__sub .sub-menu__bot .sub-menu-col__bot { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 32px; padding-bottom: 32px; }
  .header .main-menu__sub .sub-menu__bot .sub-menu-col__bot .sub-menu__item { max-width: 33.333333%; padding: 0; margin-bottom: 0; }
  .header .main-menu__sub .sub-menu__bot .sub-menu-col__bot .sub-menu__item a { background: transparent; }
  .header .main-menu__sub .sub-menu__bot .sub-menu-col__bot .sub-menu__item:hover a { background: #eff3f3; }
  .header .main-menu__sub .sub-menu__sidebar { position: absolute; top: -32px; right: -16px; height: calc(100% + 32px); background: #F2F4F7; padding: 32px 24px; }
  .header .main-menu__sub .sub-menu__sidebar.alt { height: calc(100% + 48px); }
  .header .main-menu__sub .sub-menu__sidebar .sub-menu__title { font-size: 14px; line-height: 20px; color: #232933; margin-bottom: 0; text-transform: none; font-family: "Inter", sans-serif; font-weight: 600; }
  .header .main-menu__sub .sub-menu__sidebar > p { font-size: 14px; line-height: 20px; color: #626B79; margin-bottom: 20px; font-family: "Inter", sans-serif; font-weight: 400; }
  .header .main-menu__sub .sub-menu__sidebar .sub-menu__img { margin-bottom: 24px; }
  .header .main-menu__sub .sub-menu__sidebar .btn { margin-bottom: 24px; }
  .header .main-menu__sub .sub-menu__sidebar .video-thumb { margin-bottom: 20px; }
  .header .main-menu__sub .sub-menu__sidebar .btn-header { margin-bottom: 8px; padding: 8px; border-radius: 4px; display: block; }
  .header .main-menu__sub .sub-menu__sidebar .btn-header b { font-size: 16px; line-height: 24px; color: #232933; display: block; }
  .header .main-menu__sub .sub-menu__sidebar .btn-header img { margin: 8px auto; }
  .header .main-menu__sub .sub-menu__sidebar .btn-header:hover { background: #FFF; }
  .header .right-menu { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: -20px; margin-right: -20px; margin-bottom: 0; }
  .header .right-menu a:not(.btn):not(.link-more) { color: #4B61DD; font-weight: 500; }
  .header .right-menu a:not(.btn):not(.link-more):hover { color: #4B61DD; text-decoration: underline; }
  .header .right-menu__item { display: block; position: relative; padding-left: 20px; padding-right: 20px; }
  .header .right-menu__item:after { content: ""; display: block; position: absolute; width: 1px; height: 20px; top: calc(50% - 10px); left: 0; background: #E2E2E2; }
  .header .right-menu__item:last-child { padding-left: 0; }
  .header .right-menu__item:first-child:after, .header .right-menu__item:last-child:after { display: none; }
  .header .right-menu__link { display: block; }
  .header .right-menu__link.btn { background: #4B61DD; color: #FFF; padding: 7px 23px; }
  .header .right-menu__link.btn:hover { background: #2740ce; color: #FFF; text-decoration: none; }
  .header .right-menu__link.btn-blue-border { background: transparent; color: #005FBF; border: 1px solid #4B61DD; border-radius: 6px; font-size: 16px; line-height: 24px; font-weight: 500; box-shadow: none; }
  .header .right-menu__link.btn-blue-border:hover { color: #FFF; background: #4B61DD; border-color: #4B61DD; text-decoration: none; }
  .header .right-menu__link.btn-mekari { background: #4B61DD; }
  .header .right-menu__link.btn-mekari:hover { background: #2740ce; }
  .header .right-menu-md { display: none; }
  .header__top { padding: 10px 0; background: #1C1D1E; }
  .header__top .container { max-width: 1248px; }
  .header__top .djp-logo { margin-left: auto; color: #FFF; font-size: 14px; line-height: 20px; text-align: right; font-weight: 500; }
  .header__top .djp-logo img { display: inline-block; height: 20px; width: auto; margin-right: 10px; }
  .header__wrap { z-index: 2; position: relative; display: block; padding: 16px 12px; margin: 0 auto; max-width: 1248px; transition: all .4s ease; }
  .header__wrap:after { content: ""; display: block; width: 100%; clear: both; }
  .header__left { display: block; float: left; width: 180px; }
  .header__main { display: inline-block; vertical-align: middle; }
  .header__right { display: block; float: right; }
  .header__sticky { z-index: 1; background: linear-gradient(340deg, #FF7C1F 9.7%, #FF9100 47.12%, #FFC333 84.53%); }
  .header__sticky .container { position: relative; }
  .header__sticky .container .close { position: absolute; width: 20px; height: 20px; background: url("../images/ic-close.png") no-repeat center; background-size: contain; top: calc(50% - 7.5px); right: -50px; }
  .header__sticky .hs { display: -webkit-flex; display: -ms-flexbox; display: flex; color: #FFF !important; position: relative; }
  .header__sticky .hs__wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; }
  .header__sticky .hs__img img { max-height: 140px; width: auto; }
  .header__sticky .hs__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-grow: 3; -ms-flex-positive: 3; flex-grow: 3; padding: 16px; }
  .header__sticky .hs__content > label { font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; display: block; width: 100%; text-align: center; margin: 0 auto 4px; }
  .header__sticky .hs__action { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; }
  .header__sticky .hs .countdown { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .header__sticky .hs .countdown__box { display: block; margin: 0 6px; }
  .header__sticky .hs .countdown__box span { display: block; background: #FFF; color: #232933; font-size: 32px; line-height: 38px; padding: 4px 8px; border-radius: 4px; font-family: "Inter", sans-serif; font-weight: 700; letter-spacing: -2px; border: 1px solid #8B95A5; position: relative; min-width: 60px; text-align: center; }
  .header__sticky .hs .countdown__box label { display: block; margin: 2px auto 0; text-align: center; font-size: 12px; line-height: 16px; font-family: "Inter", sans-serif; font-weight: 400; text-transform: uppercase; }
  .header.fixed { top: 0px; border-bottom: 1px solid #E2E2E2; }
  .header.fixed .header__wrap { padding-top: 8px; padding-bottom: 8px; }
  .header.fixed .main-menu__item.has-child:hover > a:before { top: calc(100% + 5px); }
  .header.fixed .main-menu__item.has-child:hover > a:after { top: calc(100% + 4px); }
  .header.fixed .main-menu__sub:before { top: -15px; }
  .header.fixed .header__sticky { background: #F96D01; }
  .header.fixed .header__sticky .hs__img { display: none; }
  .header.fixed .header__sticky .hs__content { padding: 10px 0; }
  .header.fixed .header__sticky .hs__content > label { max-width: 40%; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; text-align: left; font-size: 14px; line-height: 20px; margin: 0; }
  .header.fixed .header__sticky .hs__action .btn-white-arrow { color: #FFF; background: transparent; padding: 0; }
  .header.fixed .header__sticky .hs__action .btn-white-arrow::after { background: url(../images/ic-arrow-right-w.svg) no-repeat center; }
  .header.fixed .header__sticky .hs .countdown { max-width: 60%; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; }
  .header.fixed .header__sticky .hs .countdown__box { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .header.fixed .header__sticky .hs .countdown__box span { background: transparent; border: 0; color: #FFF; font-size: 14px; line-height: 20px; font-family: "Inter", sans-serif; font-weight: 600; padding: 0 4px 0 0; letter-spacing: 0; min-width: auto; }
  .header.fixed .header__sticky .hs .countdown__box span::after { display: none; }
  .header.fixed .header__sticky .hs .countdown__box label { text-transform: initial; } }

@media (max-width: 1024px) { .header { z-index: 100; position: fixed; width: 100%; top: 0; left: 0; border-bottom: 1px solid transparent; }
  .header .video-thumb { position: relative; }
  .header .video-thumb a.play { display: block; position: absolute !important; z-index: 3 !important; top: calc(50% - 20px); left: calc(50% - 20px); }
  .header .video-thumb a.play img { display: block; width: 40px; height: 40px; }
  .header .video-thumb .cover { position: relative; width: 100%; padding-top: 56%; z-index: 2 !important; }
  .header .video-thumb .cover img { display: block; position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
  .header__back { display: none; }
  .header__back span { font-size: 16px; line-height: 24px; font-weight: 600; color: #4B61DD; position: relative; }
  .header__back span::before { content: ''; width: 24px; height: 24px; display: inline-block; background: url("../images/ic-arrow-back.svg") no-repeat center center; background-size: contain; vertical-align: middle; margin-top: -3px; margin-right: 8px; }
  .header .hide-sm { display: none; }
  .header .show-sm { display: block !important; }
  .header__logo { margin-right: auto; }
  .header__logo img { display: block; height: 32px; width: auto; }
  .header .main-menu { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 20px 0; margin-bottom: 160px; }
  .header .main-menu__item { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; border-bottom: 1px solid #DFDFDF; }
  .header .main-menu__item.has-child { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .header .main-menu__item.has-child:after { content: ""; display: block; position: absolute; top: 19px; right: 16px; width: 20px; height: 20px; margin-left: auto; background: url(../images/ic-chevron-right.svg); background-size: cover; background-position: 50% 50%; -webkit-transform: none; transform: none; transition: all .3s ease; }
  .header .main-menu__item.has-child.expand .main-menu__link { background: #F2F4F7; color: #4B61DD; }
  .header .main-menu__item.has-child.expand .main-menu__sub { display: block; -webkit-transform: translateX(0); transform: translateX(0); transition: all .3s ease-in; }
  .header .main-menu__item.has-child.expand .main-menu__sub-back { display: block; position: fixed; }
  .header .main-menu__item.has-child.expand .main-menu__sub-back span { color: #4B61DD; font-size: 16px; line-height: 24px; position: relative; display: inline-block; vertical-align: middle; }
  .header .main-menu__item.has-child.expand .main-menu__sub-back span::before { content: ''; width: 24px; height: 24px; display: inline-block; background: url("../images/ic-arrow-back.svg") no-repeat center center; background-size: contain; vertical-align: middle; margin-top: -3px; margin-right: 8px; }
  .header .main-menu__item.has-child.expand:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .header .main-menu__link { display: block; width: 100%; padding: 16px 16px 20px; font-size: 20px; line-height: 28px; color: #2B2A35; font-family: "Inter", sans-serif; font-weight: 500; }
  .header .main-menu__link:hover { text-decoration: none; }
  .header .main-menu__sub { display: none; opacity: 1; visibility: visible; position: fixed; padding: 20px; top: 95px; left: 0; width: 100%; height: calc(100vh - 236px); background: #FFF; z-index: 2; overflow-y: auto; overflow-x: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); transition: all .3s ease-out; }
  .header .main-menu__sub .sub-menu__title { display: block; padding: 16px 0; border-bottom: 1px solid #DFDFDF; color: #2B2A35; font-size: 16px; line-height: 24px; margin-bottom: 8px; }
  .header .main-menu__sub .sub-menu__item { position: relative; margin-bottom: 8px; }
  .header .main-menu__sub .sub-menu__item .badge { display: inline-block; vertical-align: middle; color: #FFF; font-size: 12px; line-height: 20px; padding: 0 4px; background: #DA473F; margin-left: 6px; border-radius: 6px; position: relative; top: -1px; }
  .header .main-menu__sub .sub-menu__item a { display: block; padding: 8px 16px; color: #2B2A35; }
  .header .main-menu__sub .sub-menu__item b { display: block; font-size: 16px; line-height: 24px; margin-bottom: 4px; }
  .header .main-menu__sub .sub-menu__item p { display: block; font-size: 14px; line-height: 20px; }
  .header .main-menu__sub .sub-menu__item.has-icon .icon { position: absolute; top: 8px; left: 16px; width: 24px; height: 24px; display: block; object-fit: contain; object-position: 50% 50%; }
  .header .main-menu__sub .sub-menu__item.has-icon a { padding-left: 48px; }
  .header .main-menu__sub .sub-menu__action { padding: 24px 16px 40px; width: 100%; }
  .header .main-menu__sub .sub-menu__item-action { padding: 24px 16px; }
  .header .main-menu__sub .sub-menu__media { padding-bottom: 24px; position: relative; max-width: 80%; }
  .header .main-menu__sub .sub-menu__banner { display: none; }
  .header .main-menu__sub .sub-menu.bg-gray { background: #F2F4F7; padding: 24px 16px; margin-bottom: -8px; }
  .header .main-menu__sub .sub-menu.bg-gray .sub-menu__title { padding: 0; display: block; border: 0; margin: 0 0 4px; }
  .header .main-menu .menu-tab { display: none; }
  .header .main-menu .menu-tab__block { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .header .main-menu .menu-tab__block .bg-gray.left { background: #FFF; display: none; }
  .header .sub-menu__bot .sub-menu-col__bot { padding: 32px 6px; margin: 16px -20px 0; background: #FBFCFC; }
  .header .cta-sm { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 16px 12px; margin: 0 -8px; }
  .header .cta-sm li { display: block; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 8px; }
  .header .cta-sm .btn { font-size: 14px; line-height: 24px; padding: 7px 16px; }
  .header .right-menu { padding: 12px 16px 20px; list-style: none; display: none; }
  .header .right-menu__item { padding: 8px 0; }
  .header .right-menu__link { display: block; width: 100%; padding: 7px 16px; background: #fffc; border: 1px solid #005FBF; border-radius: 4px; color: #005FBF; font-weight: 500; font-size: 16px; line-height: 24px; text-align: center; }
  .header .right-menu__link:hover { text-decoration: none; }
  .header .right-menu__link.btn { background: #4B61DD; color: #FFF; }
  .header .right-menu__link.btn-blue-border { background: transparent; color: #4B61DD; border: 1px solid #4B61DD; border-radius: 6px; font-size: 14px; line-height: 24px; font-weight: 500; box-shadow: none; }
  .header .right-menu__link.btn-blue-border:hover { color: #FFF; background: #4B61DD; border-color: #4B61DD; text-decoration: none; }
  .header .right-menu-md { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: auto; margin-bottom: 0; }
  .header .right-menu-md a:not(.btn):not(.link-more) { color: #4B61DD; font-weight: 500; }
  .header .right-menu-md a:not(.btn):not(.link-more):hover { color: #4B61DD; text-decoration: underline; }
  .header .right-menu-md__item { display: block; position: relative; padding-left: 12px; padding-right: 12px; }
  .header .right-menu-md__item:last-child { padding-right: 0; }
  .header .right-menu-md__item:after { content: ""; display: block; position: absolute; width: 1px; height: 20px; top: calc(50% - 10px); left: 0; background: #E2E2E2; }
  .header .right-menu-md__item:last-child { padding-left: 0; }
  .header .right-menu-md__item:first-child:after, .header .right-menu-md__item:last-child:after { display: none; }
  .header .right-menu-md__link { display: block; }
  .header .right-menu-md__link.btn { background: #4B61DD; color: #FFF; padding-left: 23px; padding-right: 23px; }
  .header .right-menu-md__link.btn:hover { background: #2740ce; color: #FFF; text-decoration: none; }
  .header .right-menu-md__link.btn-blue-border { background: transparent; color: #005FBF; border: 1px solid #005FBF; border-radius: 6px; font-size: 16px; line-height: 24px; font-weight: 500; box-shadow: none; }
  .header .right-menu-md__link.btn-blue-border:hover { color: #FFF; background: #005FBF; border-color: #005FBF; text-decoration: none; }
  .header .btn-sales { display: none; margin-left: auto; }
  .header .btn-sales a { display: inline-block; padding: 3px 12px; text-align: center; background: #fff; border: 1px solid #4B61DD; border-radius: 6px; color: #4B61DD; font-size: 14px; line-height: 20px; }
  .header .btn-sales a:hover { text-decoration: none; }
  .header .burger-menu { display: block; position: relative; margin-left: 14px; width: 20px; height: 14px; }
  .header .burger-menu span { display: block; position: absolute; width: 100%; height: 2px; background: #F58232; left: 0; transition: all .3s ease; }
  .header .burger-menu span:nth-child(1) { top: 0; }
  .header .burger-menu span:nth-child(2) { top: 6px; }
  .header .burger-menu span:nth-child(3) { top: 12px; }
  .header__top { z-index: 2; position: fixed; width: 100%; top: 0; left: 0; padding: 10px 0; background: #1C1D1E; transition: top .3s ease; }
  .header__top .container { max-width: 1248px; }
  .header__top .djp-logo { margin-left: auto; color: #FFF; font-size: 14px; line-height: 20px; font-weight: 500; text-align: center; }
  .header__top .djp-logo img { display: inline-block; height: 20px; width: auto; margin-right: 10px; }
  .header__left { z-index: 2; display: -webkit-flex; display: -ms-flexbox; display: flex; position: fixed; top: 40px; left: 0; width: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 12px 16px; background-color: #fff; transition: top .2s ease; }
  .header__main { z-index: 1; display: block; background-color: #fff; max-height: 0; opacity: 0; visibility: hidden; transition: all .3s ease; overflow: hidden; }
  .header__right { z-index: 2; position: fixed; width: 100%; bottom: 0; left: 0; display: block; background-color: #fff; max-height: 0; opacity: 0; visibility: hidden; transition: all .3s ease; }
  .header.fixed .header__sticky { background: #F96D01; }
  .header.fixed .header__top { top: -100%; }
  .header.fixed .header__left { top: 0; box-shadow: 0px 2px 8px rgba(119, 119, 119, 0.2); }
  .header.fixed .main-menu__sub { top: 58px; height: calc(100vh - 195px); }
  .header__sticky { background: linear-gradient(340deg, #FF7C1F 9.7%, #FF9100 47.12%, #FFC333 84.53%); position: fixed; width: 100%; padding: 12px; transition: all .3s ease; }
  .header__sticky .container { position: relative; }
  .header__sticky .container .close { position: absolute; width: 20px; height: 20px; background: url("../images/ic-close.png") no-repeat center; background-size: contain; top: 5px; right: 3px; }
  .header__sticky .hs { display: -webkit-flex; display: -ms-flexbox; display: flex; color: #FFF !important; }
  .header__sticky .hs__img { display: none; }
  .header__sticky .hs__wrapper { display: block; width: 100%; }
  .header__sticky .hs__content { display: block; text-align: center; }
  .header__sticky .hs__content > label { font-size: 14px; line-height: 20px; font-family: "Inter", sans-serif; font-weight: 600; margin: 0 0 4px; }
  .header__sticky .hs__action { text-align: center; }
  .header__sticky .hs__action .btn-white-arrow { color: #FFF; background: transparent; padding: 0; font-family: "Inter", sans-serif; font-weight: 400; }
  .header__sticky .hs__action .btn-white-arrow::after { background: url(../images/ic-arrow-right-w.svg) no-repeat center; }
  .header__sticky .hs .countdown { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 8px; }
  .header__sticky .hs .countdown__box { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 0; }
  .header__sticky .hs .countdown__box::before { content: ":"; display: inline-block; margin: 0 6px; }
  .header__sticky .hs .countdown__box:first-child::before { display: none; }
  .header__sticky .hs .countdown__box:last-child { display: none; }
  .header__sticky .hs .countdown__box span { font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; }
  .header__sticky .hs .countdown__box label { font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; margin-bottom: 0; padding-left: 4px; }
  body.menu-open { overflow: hidden; }
  body.menu-open .header { height: 100%; background: #FFF; }
  body.menu-open .header.sub-open { overflow-x: hidden; overflow-y: auto; }
  body.menu-open .header.sub-open .header__back { display: inline-block; position: absolute; width: 100%; background: #FFF; padding: 16px; top: 0; left: 0; box-shadow: 0px 2px 8px rgba(119, 119, 119, 0.2); }
  body.menu-open .header .burger-menu span { background: #777777; }
  body.menu-open .header .burger-menu span:nth-child(1) { top: 6px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  body.menu-open .header .burger-menu span:nth-child(2) { top: 6px; opacity: 0; }
  body.menu-open .header .burger-menu span:nth-child(3) { top: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  body.menu-open .header__main, body.menu-open .header__right { opacity: 1; max-height: -webkit-max-content; max-height: -moz-max-content; max-height: max-content; visibility: visible; }
  body.menu-open.sb .header .header__wrap, body.menu-open.sb .header.sticky .header__wrap { position: fixed; width: 100%; z-index: 2; }
  body.menu-open.sb .header .header__wrap .header__left, body.menu-open.sb .header.sticky .header__wrap .header__left { top: 41px; transition: all linear .3s; }
  body.menu-open.sb .header .header__wrap .header__main, body.menu-open.sb .header.sticky .header__wrap .header__main { margin-top: 95px; transition: all linear .3s; }
  body.menu-open.sb .header.fixed .header__wrap { position: fixed; z-index: 2; width: 100%; }
  body.menu-open.sb .header.fixed .header__wrap .header__left { top: 0px; transition: all linear .3s; }
  body.menu-open.sb .header.fixed .header__wrap .header__main { margin-top: 56px; transition: all linear .3s; } }

@media (max-width: 1200px) and (min-width: 1024px) { .header__left { max-width: 180px; } }

@media (max-width: 1024px) { .header__left { max-width: 100%; } }

@media (max-width: 768px) { .header__left { max-width: 100%; }
  .header .right-menu { display: block; }
  .header .right-menu-md { display: none; }
  .header .btn-sales { display: inline-block; } }

/* STICKY BANNER */
.sticky-banner { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #4B61DD; color: #FFF; padding: 0 24px; text-align: center; transition: all .4s ease; font-size: 16px; line-height: 24px; min-height: 48px; }

.sticky-banner:hover { color: #FFF; text-decoration: none; }

.sticky-banner .block-link { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

.sticky-banner .text-sm { display: none; color: #FFF; }

.sticky-banner .text-lg { position: relative; z-index: 2; color: #FFF; }

.sticky-banner .text-lg span { font-family: "Inter", sans-serif; font-weight: 500; }

.sticky-banner .more { color: #FFF; text-decoration: underline; opacity: 1; transition: all .4s ease; }

.sticky-banner .more:hover { opacity: .5; }

.sticky-banner .close { display: block; position: absolute; right: 20px; top: calc(50% - 12px); transition: all .4s ease; cursor: pointer; color: #FFF; font-size: 26px; }

.sticky-banner .more { font-size: 14px; line-height: 24px; margin-left: 16px; }

.sticky-banner.sb-alt { background: #E0EEFF; color: #232933; }

.sticky-banner.sb-alt .img { display: inline-block; vertical-align: bottom; margin-top: -12px; margin-bottom: -12px; transition: all .4s ease; }

.sticky-banner.sb-alt .btn { margin-left: 24px; }

@media (max-width: 991px) { .sticky-banner { display: block; font-size: 14px; line-height: 20px; padding: 8px 24px; background: #4B61DD; text-align: center; color: #FFF; -webkit-transform: none; transform: none; visibility: visible; transition: all .4s ease; opacity: 1; }
  .sticky-banner:hover { color: #FFF; text-decoration: none; }
  .sticky-banner .text-lg { display: none; }
  .sticky-banner .text-sm { display: block; }
  .sticky-banner .text-sm span { display: block; font-family: "Inter", sans-serif; font-weight: 500; }
  .sticky-banner a { color: #FFF; text-decoration: underline; }
  .sticky-banner .more { font-size: 12px; }
  .sticky-banner .close { font-size: 20px; line-height: 20px; display: block; position: absolute; right: 8px; top: 8px; transition: all .4s ease; cursor: pointer; }
  .sticky-banner.sb-alt { background: #E0EEFF; color: #232933; }
  .sticky-banner.sb-alt .img { display: none; }
  .sticky-banner.sb-alt .more { color: #F58232; } }

body.has-sb main { padding-top: 0 !important; }

body.has-sb header .header__top { transition: all .4s ease; opacity: 1; visibility: visible; }

body.has-sb header.fixed { -webkit-transform: translateY(0); transform: translateY(0); top: 0; }

body.has-sb header.fixed .sticky-banner { padding-top: 8px; padding-bottom: 8px; min-height: 48px; }

body.has-sb header.fixed .sticky-banner.sb-alt .img { margin-top: -8px; margin-bottom: -8px; }

body.has-sb header.fixed .header__top { height: 0; opacity: 0; padding: 0; visibility: hidden; }

@media (max-width: 991px) { body.has-sb main { padding-top: 0 !important; }
  body.has-sb .header.fixed .header__sticky { padding: 8px; }
  body.has-sb .header.fixed .header__sticky .hs__content > label { font-size: 12px; line-height: 16px; }
  body.has-sb .header.fixed .header__sticky .hs .countdown { margin-bottom: 4px; }
  body.has-sb .header.fixed .header__sticky .hs .countdown__box span, body.has-sb .header.fixed .header__sticky .hs .countdown__box label, body.has-sb .header.fixed .header__sticky .hs .countdown__box::before { font-size: 12px; line-height: 16px; }
  body.has-sb .header.fixed .header__sticky .hs__action .btn-white-arrow { font-size: 14px; line-height: 20px; }
  body.has-sb.menu-open .sticky-banner { height: 0; padding: 0 24px; opacity: 0; visibility: hidden; }
  body.has-sb.menu-open header .header__left { top: 0; }
  body.has-sb.menu-open header .header__main { margin-top: 0; } }

/* ------------------------------------------------------------------------------------------------ */
/* Form */
/* ------------------------------------------------------------------------------------------------ */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 60px white inset !important; }

.form-group { margin-bottom: 20px; }

.form-group > label { font-size: 15px; line-height: 26px; font-weight: 500; margin-bottom: 5px; display: block; }

.form-group input[type=radio], .form-group input[type=checkbox] { position: relative; top: 2px; margin-right: 4px; }

.form-group.choice input[type=radio], .form-group.choice input[type=checkbox] { display: inline-block; width: 25px; margin-right: 5px; vertical-align: top; width: 15px; height: 15px; }

.form-group.choice > label { display: inline-block; width: calc(100% - 35px); vertical-align: top; line-height: 1.5; }

.form-group-hidden { display: none; }

.form-group-inline { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -8px; margin-right: -8px; }

.form-group-inline .col, .form-group-inline .col-1, .form-group-inline .col-10, .form-group-inline .col-11, .form-group-inline .col-12, .form-group-inline .col-2, .form-group-inline .col-3, .form-group-inline .col-4, .form-group-inline .col-5, .form-group-inline .col-6, .form-group-inline .col-7, .form-group-inline .col-8, .form-group-inline .col-9, .form-group-inline .col-auto, .form-group-inline .col-lg, .form-group-inline .col-lg-1, .form-group-inline .col-lg-10, .form-group-inline .col-lg-11, .form-group-inline .col-lg-12, .form-group-inline .col-lg-2, .form-group-inline .col-lg-3, .form-group-inline .col-lg-4, .form-group-inline .col-lg-5, .form-group-inline .col-lg-6, .form-group-inline .col-lg-7, .form-group-inline .col-lg-8, .form-group-inline .col-lg-9, .form-group-inline .col-lg-auto, .form-group-inline .col-md, .form-group-inline .col-md-1, .form-group-inline .col-md-10, .form-group-inline .col-md-11, .form-group-inline .col-md-12, .form-group-inline .col-md-2, .form-group-inline .col-md-3, .form-group-inline .col-md-4, .form-group-inline .col-md-5, .form-group-inline .col-md-6, .form-group-inline .col-md-7, .form-group-inline .col-md-8, .form-group-inline .col-md-9, .form-group-inline .col-md-auto, .form-group-inline .col-sm, .form-group-inline .col-sm-1, .form-group-inline .col-sm-10, .form-group-inline .col-sm-11, .form-group-inline .col-sm-12, .form-group-inline .col-sm-2, .form-group-inline .col-sm-3, .form-group-inline .col-sm-4, .form-group-inline .col-sm-5, .form-group-inline .col-sm-6, .form-group-inline .col-sm-7, .form-group-inline .col-sm-8, .form-group-inline .col-sm-9, .form-group-inline .col-sm-auto, .form-group-inline .col-xl, .form-group-inline .col-xl-1, .form-group-inline .col-xl-10, .form-group-inline .col-xl-11, .form-group-inline .col-xl-12, .form-group-inline .col-xl-2, .form-group-inline .col-xl-3, .form-group-inline .col-xl-4, .form-group-inline .col-xl-5, .form-group-inline .col-xl-6, .form-group-inline .col-xl-7, .form-group-inline .col-xl-8, .form-group-inline .col-xl-9, .form-group-inline .col-xl-auto { padding-left: 8px; padding-right: 8px; }

.form-action { padding-top: 16px; position: relative; }

.form-control { color: #232933; height: 40px; border: 1px solid #e2e2e2; border-radius: 4px; }

.form-control:hover, .form-control:focus, .form-control:active:focus { box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.1); }

.form-choice { position: relative; margin-bottom: 4px; display: inline-block; margin-right: 10px; }

.form-choice label { font-weight: 400; display: inline-block; }

.form-choice input[type="text"], .form-choice input[type="email"], .form-choice input[type="number"] { width: 50%; margin-left: 16px; }

@media (max-width: 768px) { .form-choice input[type="text"], .form-choice input[type="email"], .form-choice input[type="number"] { width: calc(100% - 16px); } }

.depend { display: block; font-size: 12px; line-height: 16px; color: #777; margin-top: 8px; margin-left: 16px; }

select.select { display: block; height: 38px; width: 100%; border: 1px solid #DFDFDF; border-radius: 4px; opacity: 0.1; }

div.dropdown.bootstrap-select:not(.select-btn) { width: 100%; }

div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle { width: 100%; color: #232933; line-height: 38px; padding: 0 30px 0 12px; border: 1px solid #e2e2e2; background: #FFF; font-weight: 400; }

div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle.bs-placeholder { color: #777; }

div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle:focus { outline: none !important; }

div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle:before { display: none; }

div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle:after { content: "" !important; display: block; width: 16px; height: 16px; position: absolute; top: calc(50% - 8px); right: 12px; border: none; background-image: url(../images/arrow-down.png); background-repeat: no-repeat; background-position: center; background-size: contain; }

div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle .filter-option { position: relative; padding: 0; }

div.dropdown.bootstrap-select:not(.select-btn).transparent .dropdown-toggle { background: transparent; color: #fff; }

.bootstrap-select .dropdown-menu li a span.text { font-size: 15px; }

.dropdown-item.active, .dropdown-item:active { background-color: #dae0e5; color: #2B2A35; }

.form-box { background: #FFFFFF; border-radius: 4px; padding: 40px; box-shadow: 0 16px 4px 0 rgba(103, 110, 144, 0.05), 0 8px 8px 0 rgba(103, 110, 144, 0.05), 0 4px 4px 0 rgba(103, 110, 144, 0.05), 0 2px 2px 0 rgba(103, 110, 144, 0.05); }

.form-box label { font-weight: 500; font-size: 14px; line-height: 20px; color: #212121; }

.form-tax-calendar input[type="text"], .form-tax-calendar input[type="email"] { border: 1px solid #E2E2E2; border-radius: 4px; padding: 5px 12px !important; }

.form-tax-calendar select { border: 1px solid #E2E2E2; border-radius: 4px; padding: 7px !important; }

.form-tax-calendar .gform_footer { text-align: center; }

.form-tax-calendar .gform_footer input[type="submit"] { position: relative; font-size: 15px; line-height: 26px; font-weight: 500; padding: 7px 20px; border: 0; border-radius: 4px; text-align: center; transition: all .3s ease; background: #005FBF; border: 1px solid #005FBF; box-shadow: 0px 4px 16px rgba(180, 188, 208, 0.75); border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 24px; color: #FFF; }

.form-tax-calendar .gform_footer input[type="submit"]:hover { background: #00468c; }

.form-tax-calendar .gform_footer input[type="submit"]:focus, .form-tax-calendar .gform_footer input[type="submit"]:active:focus, .form-tax-calendar .gform_footer input[type="submit"].active:focus { outline: none !important; box-shadow: none !important; }

.custom-control { padding: 0; }

.custom-control .custom-control-label { padding: 9px 0 9px 25px; }

.custom-control .custom-control-label:after, .custom-control .custom-control-label:before { top: 12px; }

.custom-control .custom-control-label:before { background: #FFF; border: 1px solid #e2e2e2; }

.input-group-text { color: #212121; background: #F2F4F7; }

div.dropdown.bootstrap-select:not(.select-btn).gfield_select .dropdown-toggle { color: #495057; border: 1px solid #e2e2e2; border-radius: 4px; padding-left: 12px; padding-right: 42px; line-height: 40px; }

div.dropdown.bootstrap-select:not(.select-btn).gfield_select .dropdown-toggle:after { right: 12px; }

div.dropdown.bootstrap-select:not(.select-btn).gfield_select .dropdown-item.active, div.dropdown.bootstrap-select:not(.select-btn).gfield_select .dropdown-item:active { color: #495057; }

.form-search .input-search { position: relative; }

.form-search .input-search input { padding-left: 44px; }

.form-search .input-search::before { content: ''; width: 44px; height: 100%; display: inline-block; position: absolute; left: 0; top: 0; background: url("../images/ic-search.svg") no-repeat center; background-size: 20px; }

@media (max-width: 991px) { .form-search .btn { display: block; width: 100%; } }

.form-group.error .form-control { border-color: #C0392B; }

.form-group.error .form-control { border-color: #C0392B; }

.form-group.error small.error { color: #C0392B; }

.form-group.error .bootstrap-select .select-control { border-color: #C0392B; }

.form-group.success { position: relative; }

.form-group.success .form-control { border-color: #179E63; }

.form-group.success::after { position: absolute; content: ''; width: 20px; height: 20px; background: url("../images/ic-check.svg") no-repeat center; background-size: contain; display: inline-block; right: 10px; bottom: 11px; }

.form-group.success .dropdown.bootstrap-select button.select-control { border-color: #179E63; }

.form-check { padding: 0; }

.form-check .form-check-input { position: relative; margin: 0; }

.form-check .form-check-tooltip { width: 20px; height: 20px; display: block; }

.captcha-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.captcha-wrap small.error { display: block; width: 100%; }

.captcha-canvas { pointer-events: none; margin-right: 8px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.captcha-canvas .captcha { background: #f6f6f7; border-radius: 6px; height: 40px; }

.captcha-refresh { width: 20px; height: 20px; background: url(../images/ic-refresh.webp) no-repeat center; background-size: contain; display: inline-block; cursor: pointer; opacity: 0.8; margin-right: 24px; }

.captcha-field { padding: 8px 16px; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; max-width: 150px; }

@media screen and (max-width: 480px) { .captcha-field { -webkit-flex: 1; -ms-flex: 1; flex: 1; } }

@media screen and (max-width: 480px) and (max-width: 320px) { .captcha-field { -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } }

/* ------------------------------------------------------------------------------------------------ */
/* Footer */
/* ------------------------------------------------------------------------------------------------ */
footer { background: #F2F4F7; }

footer .left-side { max-width: 220px; min-width: 220px; padding-top: 5px; padding-bottom: 5px; }

footer .right-side { max-width: 110px; }

footer .foottop .container { padding: 60px 15px; }

footer .foottop .logo { position: relative; }

footer .foottop .logo img { height: 40px; }

footer .foottop .djp-qr { max-width: 135px; margin-right: 20px; margin-bottom: 15px; }

footer .foottop .djp a { display: inline-block; vertical-align: top; }

footer .foottop .djp a img { display: block; max-height: 94px; width: auto; }

footer .foottop .djp .mitra { margin-bottom: 15px; }

footer .foottop .djp .mitra .logodjp { display: inline-block; margin-right: 10px; }

footer .foottop .djp .mitra .logodjp img { height: 20px; }

footer .foottop .djp .mitra span { display: inline-block; font-size: 15px; line-height: 24px; color: #1C1D1E; font-weight: 500; margin-bottom: 10px; display: block; }

footer .foottop .djp p { font-size: 12px; line-height: 18px; }

footer .foottop .iso-logo { display: inline-block; vertical-align: middle; max-height: 60px !important; }

footer .foottop .iso { position: relative; text-align: center; width: 100px; margin-left: auto; }

footer .foottop .iso .logoiso img { display: block; width: 100%; }

footer .foottop .iso span { color: #777777; font-size: 12px; line-height: 18px; }

footer .foottop .item .fhead { color: #232933; font-weight: 500; margin-bottom: 10px; display: block; }

footer .foottop .item ul { list-style: none; }

footer .foottop .item ul li { margin-bottom: 5px; }

footer .foottop .item ul li a { display: inline-block; font-size: 15px; line-height: 24px; color: #777777; }

footer .foottop .item ul li a:hover { text-decoration: underline; }

footer .foottop .item ul li a.active { text-decoration: underline; }

footer .foottop .item ul li a + a { margin-left: 10px; }

footer .footmid { position: relative; z-index: 2; }

footer .footmid .container { border-top: 1px solid #DFDFDF; padding: 30px 15px; }

footer .footmid .socmed { font-size: 20px; }

footer .footmid .socmed a img { height: 20px; width: auto; opacity: 1; transition: opacity .3s; }

footer .footmid .socmed a + a { display: inline-block; margin-left: 20px; }

footer .footmid .socmed a i { color: #777; }

footer .footmid .socmed a:hover img { opacity: .5; }

footer .footmid .socmed a:hover i { color: #F58232; }

footer .footmid .text { font-size: 12px; line-height: 18px; color: #777; }

footer .footmid .addr-list li { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 16px; }

footer .footmid .addr-list li span { color: #626B79; }

footer .footmid .addr-list li span.city { display: block; width: 100%; max-width: 110px; -webkit-flex: 0 0 110px; -ms-flex: 0 0 110px; flex: 0 0 110px; color: #2B2A35; font-weight: 500; }

footer .footmid .addr-list li:last-child { margin: 0; }

footer .footmid .lang { text-align: right; }

footer .footmid .lang .icon { display: inline-block; width: 20px; height: 20px; margin-right: 5px; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: center; }

footer .footmid .lang a { font-size: 15px; line-height: 26px; color: #777777; }

footer .footmid .lang .bootstrap-select { display: inline-block; width: 90px !important; }

footer .footmid .lang .bootstrap-select .select-control { border: 0 !important; color: #777777 !important; padding: 0 !important; }

footer .footmid .lang .bootstrap-select.show .select-control:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

footer .footmid .lang .dropdown-menu .active { background: #F58232 !important; }

footer .footmid .lang .dropdown-menu .active a, footer .footmid .lang .dropdown-menu .active span { color: #ffffff !important; }

footer .footmid .lang .dropdown-menu li:hover, footer .footmid .lang .dropdown-menu li.selected { background: #F58232 !important; color: #ffffff !important; }

footer .footbott { background: #FFF; border-top: 1px solid #DFDFDF; line-height: 30px; position: relative; z-index: 1; }

footer .footbott .container { padding: 35px 15px; }

footer .footbott .copyright { font-weight: 400; }

footer .footbott .copyright span { position: relative; top: 3px; }

footer .footbott .mekari-logo { display: inline-block; margin-right: 30px; }

footer .footbott .mekari-logo img { height: 30px; }

footer .footbott .link { text-align: right; }

@media (max-width: 991px) { footer .hidden-md-down { display: none; }
  footer .foottop .left-side { max-width: 220px; min-width: 220px; }
  footer .foottop .djp { min-width: 50%; }
  footer .foottop .item { margin-bottom: 30px; }
  footer .footmid .left-side, footer .footmid .right-side { min-width: 50%; padding-top: 0; padding-bottom: 0; }
  footer .footmid .addr-list { padding-top: 24px; padding-bottom: 12px; }
  footer .footmid .addr-list li { display: block; }
  footer .footmid .left-side { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  footer .footmid .right-side { -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  footer .footmid .left-side + .col { -webkit-order: 3; -ms-flex-order: 3; order: 3; } }

@media (max-width: 768px) { footer .foottop .logo { margin-bottom: 20px; }
  footer .foottop .container { padding: 40px 15px; }
  footer .foottop .col { min-width: 50%; max-width: 50%; }
  footer .foottop .left-side { min-width: 100%; max-width: 100%; margin-bottom: 30px; }
  footer .foottop .djp { min-width: 100%; }
  footer .footmid .container { padding: 20px 15px; }
  footer .footmid .socmed { position: relative; top: 5px; }
  footer .footbott { text-align: center; }
  footer .footbott .container { padding: 20px 15px; }
  footer .footbott .mekari-logo { display: block; margin: 0 0 15px; text-align: center; }
  footer .footbott .link { padding-top: 15px; text-align: center; } }

.footer-small { background: #FFF; border: 1px solid #DFDFDF; padding: 24px 0; text-align: center; }

.footer-small span.copy { font-size: 14px; line-height: 20px; }

/* ------------------------------------------------------------------------------------------------ */
/* Content */
/* ------------------------------------------------------------------------------------------------ */
.masthead { background: #F9FAFB; position: relative; }

.masthead .shape { overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 1; display: block; width: 100%; height: 40px; }

.masthead .shape:after { content: ""; display: block; position: absolute; top: 0; left: -6%; width: 112%; height: 140px; background: #FFF; border-radius: 100% 100% 0 0; }

.masthead .content { text-align: center; padding-left: 15px; padding-right: 15px; position: relative; z-index: 2; }

.masthead .img { max-width: 900px; margin: 0 auto; position: relative; z-index: 2; }

.masthead .img img { width: 100%; height: auto; }

.masthead .sup { text-transform: uppercase; font-size: 15px; line-height: 18px; font-weight: 500; color: #777; display: block; margin-bottom: 10px; }

.masthead .subtitle { display: block; font-size: 15px; line-height: 18px; margin-bottom: 8px; color: #777; }

.masthead .masthead__form { background: #FFF; padding: 32px; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 8px; }

.masthead .masthead__form .title { display: block; font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; margin: 0 0 16px; }

@media (max-width: 991px) { .masthead .masthead__form { margin-top: 32px; } }

.masthead .masthead__success-msg { display: block; padding: 32px; background: #EAECFB; border-radius: 8px; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); text-align: center; margin-left: 48px; }

.masthead .masthead__success-msg .title { margin: 0 0 16px; }

.masthead .masthead__success-msg .img { margin: 0 0 16px; }

.masthead .masthead__success-msg .img img { display: block; width: 237px; height: auto; margin: 0 auto; }

.masthead .masthead__success-msg .desc p { font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 400; }

.masthead .masthead__success-msg .action .btn { display: block; }

@media (max-width: 991px) { .masthead .masthead__success-msg { margin-left: 0; margin-top: 32px; padding: 24px; } }

.masthead h1 { font-size: 48px; line-height: 59px; margin-bottom: 30px; font-weight: bold; }

.masthead p { font-size: 21px; line-height: 36px; margin-bottom: 30px; }

.masthead .box-action { padding: 0 15px; }

.masthead .box-action .btn + .btn { margin-left: 10px; }

.masthead .box-action .btn-link { color: #777777; transition: all .3s; }

.masthead .box-action .btn-link:hover { color: #F58232; }

.masthead--alt { background: #FFF; }

.masthead--alt p { font-size: 15px; line-height: 26px; max-width: 600px; margin: 0 auto 40px; }

.masthead--alt .btn.btn-lg { min-width: 150px; }

.masthead.masthead-dark { background: #1C1D1E; color: #FFF; }

.masthead.masthead-dark .content { padding-left: 15px; padding-right: 15px; }

.masthead.masthead-dark h1, .masthead.masthead-dark p { color: #FFF; }

.masthead.masthead-dark span.category { font-size: 15px; line-height: 24px; }

.masthead.inapp { padding-left: 104px; padding-right: 104px; }

@media (max-width: 991px) { .masthead .img { max-width: 80%; }
  .masthead h1 { font-size: 36px; line-height: 48px; } }

@media (max-width: 768px) { .masthead h1 { font-size: 28px; line-height: 42px; }
  .masthead p { font-size: 16px; line-height: 24px; } }

.masthead-featured { background: #F9FAFB; }

.masthead-featured .item { padding-left: 15px; padding-right: 15px; text-align: center; }

.masthead-featured .item .img { margin-bottom: 20px; }

.masthead-featured .item .img img { height: 70px; margin: 0 auto; }

.masthead-featured .item .title { font-size: 18px; line-height: 26px; font-weight: 500; margin-bottom: 10px; }

.masthead-featured .item .content a { color: #4A26C4; text-decoration: underline; opacity: 1; transition: all .3s; }

.masthead-featured .item .content a:hover { color: #4A26C4; text-decoration: underline; opacity: .5; }

.masthead-featured .item .content p:last-child { margin-bottom: 0; }

@media (max-width: 991px) { .masthead-featured .item { padding-left: 0; padding-right: 0; } }

@media (max-width: 768px) { .masthead-featured .slider-xs:not(.owl-loaded) .col-md-4:not(:first-child) { display: none; }
  .masthead-featured .slider-xs { padding-bottom: 54px; }
  .masthead-featured .owl-dots { position: absolute; bottom: 0; width: 100%; margin: 0; } }

.masthead-footer { text-align: center; padding: 48px 0 64px; }

.featured { padding-top: 64px; padding-bottom: 64px; }

.featured__images { position: relative; max-width: 900px; margin: 0 auto 48px; }

.featured__images .item { position: relative; display: block; position: relative; width: 100%; padding-top: 62%; margin: 0 auto; }

.featured__images .item img, .featured__images .item video { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; object-fit: contain; }

@media (max-width: 991px) { .featured__images { margin-bottom: 12px; }
  .featured__images .item { width: calc(100% - 72px); } }

.featured__thumbs { position: relative; }

.featured__thumbs .owl-nav { display: none; }

.featured__thumbs .nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin-left: -12px; margin-right: -12px; }

.featured__thumbs .nav-tabs { border: 0; }

.featured__thumbs .item { display: block; width: 100%; max-width: 33%; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; padding-left: 12px; padding-right: 12px; }

.featured__thumbs .item__title { font-size: 16px; line-height: 24px; margin-bottom: 8px; color: #2B2A35; }

@media (max-width: 991px) { .featured__thumbs { margin-left: 20px; margin-right: 20px; padding-left: 15px; padding-right: 15px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .featured__thumbs .owl-nav { display: block; }
  .featured__thumbs .item { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .featured__thumbs .item:not(.active) { display: none; } }

.featured__thumbs .nav-link { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; padding: 20px; border: 1px solid #DFDFDF; border-radius: 4px; cursor: pointer; min-height: 144px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition: all .3s ease-in-out; }

.featured__thumbs .nav-link p:last-child { margin-bottom: 0; }

.featured__thumbs .nav-link:hover { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08); }

.featured__thumbs .nav-link:after, .featured__thumbs .nav-link:before { content: ""; display: block; position: absolute; width: 100%; height: 2px; top: 0; left: 0; border-radius: 2px 2px 0 0; background: #F96D01; opacity: 0; transition: all .4s ease; }

.featured__thumbs .nav-link.active { border: 1px solid #DFDFDF; }

.featured__thumbs .nav-link.active:after { opacity: 1; -webkit-animation: progressBar 10s linear; animation: progressBar 10s linear; }

.featured__thumbs .nav-link.active:before { opacity: 0.2; }

.featured__slider { position: relative; max-width: 800px; margin: 0 auto 48px; }

.featured__slider .owl-stage-outer { overflow: visible; }

.featured__slider .owl-stage-outer .owl-item { opacity: 1; -webkit-transform: scale(1); transform: scale(1); transition: all .75s ease-in-out; }

.featured__slider .owl-stage-outer .owl-item:not(.active) { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); }

.featured__slider .item { position: relative; display: block; position: relative; width: 100%; padding-top: 62%; margin: 0 auto; }

.featured__slider .item img, .featured__slider .item video { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; object-fit: contain; }

@media (max-width: 768px) { .featured__slider .item { width: 100%; height: 62%; } }

@media (max-width: 375px) { .featured__slider .item { padding-top: 40%; } }

.featured__tab { position: relative; max-width: 1224px; margin: 0 auto -16px; }

.featured__tab .owl-item { padding: 0 12px; }

.featured__tab .owl-item:first-child { padding-left: 0; }

.featured__tab .owl-item:last-child { padding-right: 0; }

.featured__tab .item { position: relative; padding: 20px; border: 1px solid #DFDFDF; border-radius: 4px; cursor: pointer; min-height: 144px; margin-bottom: 16px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition: all .3s ease-in-out; }

.featured__tab .item:hover { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08); }

.featured__tab .item .progress { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; }

.featured__tab .item__title { display: inline-block; font-weight: 500; font-size: 16px; line-height: 24px; margin-bottom: 8px; color: #2B2A35; }

.featured__tab .current .item { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08); }

.featured__tab .current .item .progress { opacity: 1; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08); }

.featured__tab .current .item .progress path, .featured__tab .current .item .progress rect { stroke-dasharray: 1000; -webkit-animation: dash 9s linear; animation: dash 9s linear; }

.block-slider .item { padding: 0 10px; }

.block-content .container { position: relative; }

.block-content .container .bg-shape { position: absolute; bottom: 0; right: -230px; }

.block-content .container .bg-shape img { position: relative; bottom: -130px; right: 0; }

.block-content .box { background-color: #EDF6FA; border: 1px solid #A0D4EB; padding: 30px; border-radius: 6px; }

@media (max-width: 768px) { .block-content .box { padding: 15px; } }

.block-content .box.p-60 { padding: 60px; }

@media (max-width: 768px) { .block-content .box.p-60 { padding: 30px 15px; } }

.block-content .box > .title { font-size: 21px; line-height: 36px; margin-bottom: 10px; font-weight: bold; }

.block-content .box ol, .block-content .box ul { padding-left: 30px; margin-bottom: 0; }

.block-content .box ol li, .block-content .box ul li { margin-bottom: 20px; }

.block-content .box ol li:last-child, .block-content .box ul li:last-child { margin-bottom: 0; }

.block-content .box ol { counter-reset: ol-counter; list-style: none; }

.block-content .box ol > li { position: relative; }

.block-content .box ol > li:before { counter-increment: ol-counter; content: counter(ol-counter) "."; position: absolute; top: 0; left: -25px; }

.block-content .item.item-card { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.block-content .item .img { margin-bottom: 20px; }

.block-content .item .img .icon { height: 70px; width: auto; display: block; margin: 0 auto; }

.block-content .item .title { font-size: 21px; line-height: 36px; font-weight: normal; }

.block-content .item .content p:last-child { margin-bottom: 0; }

.block-content .item .action { margin-top: auto; }

.block-content .item .action a:not(.btn) { color: #4A26C4; text-decoration: underline; }

.block-content .item .action a:not(.btn):hover { color: #7758df; text-decoration: underline; }

.block-content.featured .item { padding-left: 25px; padding-right: 25px; padding-bottom: 80px; }

.block-content.featured .item .block__action { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 991px) { .block-content.featured .item { padding-bottom: 20px; } }

.block-content.featured .col-md-4:nth-last-child(-n+3) .item { padding-bottom: 0; }

.block-content.bg-dark-blue { background: #143A72; color: #FFF; }

.block-content.bg-dark-blue .title, .block-content.bg-dark-blue p, .block-content.bg-dark-blue span { color: #FFF; }

.block-content.bg-dark-blue .item { padding-right: 40px; padding-left: 40px; border-right: 1px solid rgba(255, 255, 255, 0.1); }

.block-content.bg-dark-blue .item:last-of-type { border-right: 0; }

@media (max-width: 991px) { .block-content.featured .item { padding-left: 0; padding-right: 0; }
  .block-content.bg-dark-blue .item { padding-right: 10px; padding-left: 10px; } }

@media (max-width: 768px) { .block-content .item.item-card { display: block; height: auto; }
  .block-content .item .action { margin-top: 0; } }

.block-quote { font-size: 26px; line-height: 36px; padding: 0; }

@media (max-width: 768px) { .block-quote { font-size: 24px; line-height: 34px; } }

.vertical-slider { max-width: 570px; margin: 0 auto 60px; position: relative; }

.vertical-slider .slick-list { max-height: 375px; position: relative; }

.vertical-slider .slick-sliderd { overflow: hidden; }

.vertical-slider .slick-sliderd:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 9px; box-shadow: 2px 2px 10px 0 rgba(15, 41, 48, 0.1); z-index: -1; -webkit-transform: scale(0.95); transform: scale(0.95); }

.vertical-slider .item { padding: 30px; height: 350px; background: #ffffff; box-shadow: 2px 2px 10px 0 rgba(15, 41, 48, 0.1); position: relative; -webkit-transform: scale(0.95); transform: scale(0.95); transition: all .6s ease; }

.vertical-slider .item:hover, .vertical-slider .item:focus, .vertical-slider .item:active, .vertical-slider .item:focus-within { outline: none !important; }

.vertical-slider .item + .slick-active + .slick-active { -webkit-transform: scale(0.95); transform: scale(0.95); margin-top: -60px; z-index: -1; box-shadow: none; }

.vertical-slider .item.slick-current.slick-active { -webkit-transform: scale(1); transform: scale(1); margin-top: 0; z-index: 5; }

.vertical-slider .item .quote { font-weight: 400; font-size: 18px; line-height: 30px; }

.vertical-slider .item .account { width: 100%; padding: 30px; position: absolute; left: 0; bottom: 0; }

.vertical-slider .item .account .pp-acc { width: 50px; height: 50px; display: inline-block; vertical-align: middle; }

.vertical-slider .item .account .pp-acc .img { padding-top: 100%; }

.vertical-slider .item .account .pp-acc img { max-width: 50px; }

.vertical-slider .item .account .namepos { display: inline-block; vertical-align: middle; margin-left: 20px; }

.vertical-slider .item .account .namepos h4 { margin-bottom: 0; font-weight: 600; }

.vertical-slider .slick-prev { position: absolute; top: -20px; left: calc(50% - 9px); z-index: 2; background: transparent; border: 0; color: transparent; cursor: pointer; width: 18px; padding: 0; margin: 0; }

.vertical-slider .slick-prev:before { content: ""; display: block; width: 18px; height: 18px; background-image: url(../images/arrow-up.png); background-size: contain; background-repeat: no-repeat; background-position: center; }

.vertical-slider .slick-next { position: absolute; top: auto; bottom: -40px; right: calc(50% - 9px); z-index: 2; background: transparent; border: 0; color: transparent; cursor: pointer; width: 18px; padding: 0; margin: 0; }

.vertical-slider .slick-next:before { content: ""; display: block; width: 18px; height: 18px; background-image: url(../images/arrow-down.png); background-size: contain; background-repeat: no-repeat; background-position: center; }

@media (max-width: 768px) { .vertical-slider .slick-list { max-height: 450px; }
  .vertical-slider .item { padding: 15px; height: 430px; }
  .vertical-slider .item.slick-active + .slick-active { margin-top: -410px; z-index: 0; }
  .vertical-slider .item.slick-active + .slick-active + .slick-active { -webkit-transform: scale(0.89); transform: scale(0.89); margin-top: -410px; z-index: -1; }
  .vertical-slider .item .account { padding: 20px; }
  .vertical-slider .item .account .namepos { max-width: calc(100% - 80px); } }

.blog-wrap .item .img-block { position: relative; width: 100%; margin-bottom: 10px; overflow: hidden; }

.blog-wrap .item .img-block .img { display: block; width: 100%; padding-top: 60%; -webkit-transform: none; transform: none; transition: all .3s linear; background-size: cover; background-position: center; background-repeat: no-repeat; }

.blog-wrap .item .img-block:hover .img { -webkit-transform: scale(1.025); transform: scale(1.025); }

.blog-wrap .item .category { display: block; position: relative; margin-left: -10px; margin-right: -10px; margin-bottom: 10px; }

.blog-wrap .item .category span, .blog-wrap .item .category a { display: inline-block; color: #777; padding: 0 10px; transition: all .3s; }

.blog-wrap .item .category a:hover { color: #F58232; }

.blog-wrap .item .title { font-size: 16px; line-height: 24px; color: #444; transition: all .3s; }

.blog-wrap .item .title:last-child { margin-bottom: 0; }

.blog-wrap .item .title:hover { color: #F58232; }

.blog-wrap .featured-post { border-bottom: 1px solid #e2e2e2; }

.blog-wrap .featured-post .item .title { font-size: 16px; line-height: 24px; }

.blog-wrap .featured-post .item .title:not(:hover) { color: #1C1D1E; }

@media (max-width: 768px) { .blog-wrap .featured-post .banner-up { transition-delay: unset; } }

.blog-wrap .recommended-post .item .title { font-size: 26px; line-height: 36px; }

.blog-wrap .recommended-post .item .title:not(:hover) { color: #1C1D1E; }

.blog-wrap .recommended-post .item .info p:last-child { margin-bottom: 0; }

.single-wrap article p { margin-bottom: 30px; }

.single-wrap article .block-img img { width: 100%; }

.single-wrap article .block-img.img-offset { margin-left: -16%; margin-right: -16%; width: 132%; }

@media (max-width: 991px) { .single-wrap article .block-img.img-offset { margin-left: 0; margin-right: 0; width: 100%; } }

.single-wrap article .block-img:first-child { padding-top: 0; }

.single-wrap article .block-img:last-child { padding-bottom: 0; }

.single-wrap .share-block .title { font-size: 21px; line-height: 30px; font-weight: normal; margin-bottom: 10px; }

.single-wrap .share-block ul { padding: 0; margin: 0 -10px 30px; list-style: none; }

.single-wrap .share-block ul > li { display: inline-block; padding: 0 10px; }

.single-wrap .share-block ul > li a { font-size: 30px; line-height: 30px; color: #777; display: block; opacity: 1; transition: all .5s; }

.single-wrap .share-block ul > li:hover a { opacity: .5; }

.single-wrap .related-blog .title { font-size: 36px; line-height: 48px; margin-bottom: 10px; }

.single-wrap .related-blog .item { display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #e2e2e2; padding: 30px 0; background-color: #FFF; transition: all .5s; }

.single-wrap .related-blog .item .date { color: #777; min-width: 150px; }

.single-wrap .related-blog .item:hover { padding: 30px 0; }

.single-wrap .related-blog .item:hover .content { color: #F58232; }

@media (max-width: 768px) { .single-wrap .related-blog .item { padding: 15px 0; } }

.ebook-wrap .item { padding-bottom: 110px; }

.ebook-wrap .item > a { display: block; }

.ebook-wrap .item .img { box-shadow: 0; }

.ebook-wrap .item .img img { display: block; width: 70%; box-shadow: 0px 30px 10px -12px rgba(0, 0, 0, 0.15); margin: 0 auto 30px; transition: all .5s; }

.ebook-wrap .item .title { font-size: 16px; line-height: 24px; font-weight: 500; margin-bottom: 0; text-align: center; }

.ebook-wrap .item .action { text-align: center; position: absolute; padding-top: 30px; width: 100%; left: 0; bottom: 0; opacity: 0; transition: all .5s; }

.ebook-wrap .item .action .btn { min-width: 60%; }

.ebook-wrap .item:hover .img img { box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.5); }

.ebook-wrap .item:hover .action { opacity: 1; bottom: 50px; }

@media (max-width: 991px) { .ebook-wrap .item { padding-bottom: 50px; }
  .ebook-wrap .item .action { position: relative; bottom: 0; opacity: 1; } }

@media (max-width: 768px) { .ebook-wrap .banner-up { transition-delay: unset; }
  .ebook-wrap .item .title { font-size: 14px; line-height: 20px; } }

.ebook img { display: block; height: 350px; width: auto; box-shadow: 0px 30px 10px -12px rgba(0, 0, 0, 0.15); margin: 0 auto 30px; transition: all .5s; }

.tags-block a:hover { text-decoration: underline; }

.small-img { padding: 0 15px; }

.small-img .item { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.small-img .item:nth-child(even) { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.pricing-wrap .pricing_box .item { position: relative; padding: 16%; margin: 0 -10px; border: 1px solid #C9CBCD; border-radius: 4px; background-color: #F8F9FA; }

.pricing-wrap .pricing_box .item .pricing-badge { position: absolute; top: 30px; left: 0; text-transform: uppercase; color: #FFF; background-color: #17A085; font-size: 15px; font-weight: bold; padding: 2px 15px; border-radius: 0 5px 5px 0; }

.pricing-wrap .pricing_box .item .title { font-size: 36px; line-height: 48px; font-weight: bold; }

.pricing-wrap .pricing_box .item .price { font-size: 18px; }

.pricing-wrap .pricing_box .item a.price { color: #F58232; text-decoration: underline; cursor: pointer; margin-bottom: 30px; }

.pricing-wrap .pricing_box .item a.price:hover { color: #d87935; text-decoration: none; }

.pricing-wrap .pricing_box .item ul { margin: 30px 0px; }

.pricing-wrap .pricing_box .item ul li { position: relative; color: #545465; font-size: 15px; line-height: 26px; list-style: none; padding-left: 25px; }

.pricing-wrap .pricing_box .item ul li::before { content: ""; display: block; position: absolute; width: 16px; height: 16px; left: 0; top: 4px; background: transparent url(../images/ic-check.svg) no-repeat center; background-size: contain; }

.pricing-wrap .pricing_box .item ul li.off { opacity: 0.5; }

.pricing-wrap .pricing_box .item ul li.off::before { color: #DADADA; }

.pricing-wrap .pricing_box:nth-child(2) .item { position: relative; z-index: 2; -webkit-transform: scale(1.2); transform: scale(1.2); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); background-color: #FFF; border-top: 5px solid #F58232; padding-top: 80px; }

@media (max-width: 425px) { .pricing-wrap .pricing_box .item .pricing-badge { display: none; } }

.pricing-desc { padding: 60px 0; border-bottom: 1px solid #C9CBCD; }

.pricing-desc:last-child { border-bottom: 0px; }

.form-download input[type="text"], .form-download input[type="email"] { padding: 8px 16px; border-radius: 4px; border: 1px solid #DFDFDF; }

.form-download input[type="text"]:focus, .form-download input[type="email"]:focus { border-color: #F58232; }

.form-download .gform_wrapper.gravity-theme .gfield select { padding: 8px 4px; height: 42px; border-radius: 4px; border: 1px solid #DFDFDF; }

.form-download .gform_footer { text-align: center; }

.form-download .gform_footer input[type="submit"] { position: relative; font-size: 15px; line-height: 26px; font-weight: 500; padding: 7px 20px; border: 0; border-radius: 4px; text-align: center; transition: all .3s ease; background: #F58232; color: #FFF; box-shadow: 0 16px 4px 0 rgba(103, 110, 144, 0.05), 0 8px 8px 0 rgba(103, 110, 144, 0.05), 0 4px 4px 0 rgba(103, 110, 144, 0.05), 0 2px 2px 0 rgba(103, 110, 144, 0.05); }

.form-download .gform_footer input[type="submit"]:hover, .form-download .gform_footer input[type="submit"]:active, .form-download .gform_footer input[type="submit"].active { background: #e9660b; }

.form-download .gform_confirmation_wrapper .gform_confirmation_message { text-align: center; font-size: 18px; line-height: 26px; }

.form-download .gform_confirmation_wrapper .gform_confirmation_message a { color: #F58232; text-decoration: underline; }

.form-download .gform_confirmation_wrapper .gform_confirmation_message a:hover { color: #e9660b; }

.masthead-tax-calculator { margin-top: 80px; padding: 80px 0; }

.masthead-tax-calculator h5 { font-weight: 500; font-size: 15px; line-height: 18px; color: #777777; margin-bottom: 8px; text-transform: uppercase; }

.masthead-tax-calculator h1 { font-weight: bold; font-size: 36px; line-height: 48px; color: #1C1D1E; margin-bottom: 15px; }

.masthead-tax-calculator p { font-weight: normal; font-size: 15px; line-height: 26px; color: #1C1D1E; }

.masthead-tax-calculator img { max-width: none !important; width: 1440px; height: 900px; margin: -130px 0 0 -450px; }

@media (max-width: 991px) { .masthead-tax-calculator img { margin: -90px 0 0 -150px; width: 1000px; height: 650px; } }

@media (max-width: 768px) { .masthead-tax-calculator img { margin: -90px 0 0 -220px; width: 750px; height: 450px; } }

.checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #C8E6C9; fill: none; -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; }

.checkmark { width: 96px; height: 96px; border-radius: 50%; display: block; stroke-width: 4; stroke: #4CAF50; stroke-miterlimit: 10; margin: 25px auto; box-shadow: inset 0px 0px 0px #C8E6C9; -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; }

.checkmark__check { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }

@-webkit-keyframes stroke { 100% { stroke-dashoffset: 0; } }

@keyframes stroke { 100% { stroke-dashoffset: 0; } }

@-webkit-keyframes scale { 0%, 100% { -webkit-transform: none; transform: none; }
  50% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } }

@keyframes scale { 0%, 100% { -webkit-transform: none; transform: none; }
  50% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } }

@-webkit-keyframes fill { 100% { box-shadow: inset 0px 0px 0px 50px #C8E6C9; } }

@keyframes fill { 100% { box-shadow: inset 0px 0px 0px 50px #C8E6C9; } }

.pricing-ao .section-head { padding: 40px 0; text-align: center; }

.pricing-ao .section-head__title { font-size: 24px; line-height: 32px; margin-bottom: 0; }

.pricing-ao .item { background: #FFF; border: 1px solid #e2e2e2; padding: 32px 16px; border-radius: 4px; }

.pricing-ao .item__left { padding: 0 32px; }

.pricing-ao .item__right { padding: 32px 32px 0 0; }

.pricing-ao .item__icon img { display: block; height: 40px; width: auto; margin: 0 0 12px; }

.pricing-ao .item__title { font-size: 20px; line-height: 24px; font-weight: 500; margin-bottom: 24px; }

.pricing-ao .item__desc { color: #000000; }

.pricing-ao .item small { display: block; font-size: 12px; line-height: 18px; color: #777; margin-bottom: 0; }

.pricing-ao .item span.big { display: block; margin-bottom: 16px; color: #000000; font-size: 24px; line-height: 32px; font-weight: 500; }

.pricing-ao .item .pricing-list { color: #1C1D1E; }

.pricing-ao .item .pricing-list__title { font-size: 16px; line-height: 24px; font-weight: 500; text-transform: uppercase; margin-bottom: 12px; }

.pricing-ao .item .pricing-list__item { display: block; position: relative; margin-bottom: 12px; padding-left: 32px; }

.pricing-ao .item .pricing-list__item:last-child { margin-bottom: 0; }

.pricing-ao .item .pricing-list__item:before { content: ""; display: block; position: absolute; width: 16px; height: 16px; left: 0; top: 4px; background: transparent url(../images/ic-check.svg) no-repeat center; background-size: contain; }

.pricing-ao__cta { text-align: right; }

.pricing-ao__cta .btn { min-width: 156px; margin-bottom: 24px; box-shadow: none; }

.pricing-ao__cta .btn .svg { display: inline-block; vertical-align: middle; margin-right: 12px; height: 16px; width: auto; position: relative; top: -1px; }

.pricing-ao__cta .btn .svg path { transition: all .3s ease; }

.pricing-ao__cta .btn:hover .svg path { fill: #FFF; }

.small-img--pricing .item { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.small-img--pricing .item .title { font-size: 26px; line-height: 36px; font-weight: bold; margin-bottom: 16px; }

.block-tc .row { margin-left: -14px; margin-right: -14px; }

.block-tc .row > .col, .block-tc .row > [class*="col-"] { padding-right: 14px; padding-left: 14px; }

.tc-card { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-shadow: none; transition: all .3s ease; }

.tc-card:hover { box-shadow: 0px 4px 16px rgba(180, 188, 208, 0.75); }

.tc-card__img .img { display: block; position: relative; padding: 62% 0 0; overflow: hidden; border-radius: 4px 4px 0 0; }

.tc-card__img .img img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.tc-card__main { padding: 24px; background: #FFF; border: 1px solid #e2e2e2; border-radius: 0 0 4px 4px; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.tc-card__title { font-size: 21px; line-height: 26px; font-weight: 500; margin-bottom: 12px; }

.tc-card__title a { color: #000; transition: all .3s ease; }

.tc-card__title a:hover { color: #F58232; }

.tc-card__content { padding-bottom: 24px; }

.tc-card__content p { font-size: 15px; line-height: 26px; margin-bottom: 18px; }

.tc-card__content p:last-child { margin-bottom: 0; }

.tc-card__action { margin-top: auto; }

.tc-card__action .btn-more { color: #1357FF; }

.tc-1 { background: #F9FAFB; padding: 80px 0 54px; }

.tc-1 .section-title { margin-bottom: 48px; }

.tc-2 { background: #FFF; padding: 80px 0 50px; }

.tc-2 .item { text-align: center; padding: 30px; margin-bottom: 30px; border: 1px solid #e2e2e2; border-radius: 4px; display: block; box-shadow: none; transition: all .3s ease-in-out; }

.tc-2 .item:hover { box-shadow: 0px 4px 16px rgba(180, 188, 208, 0.75); }

.tc-2 .item__icon { margin-bottom: 10px; }

.tc-2 .item__icon img { display: block; width: 70px; height: 70px; margin: 0 auto; }

.tc-2 .item__title { margin-bottom: 0; font-weight: normal; }

.tc-3 { padding: 0; }

.tc-3__wrap { border-top: 1px solid #e2e2e2; }

.tc-3 .section-title { margin-bottom: 0; padding: 80px 0; }

.tc-3__img { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; position: relative; }

.tc-3__img img { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: auto; }

.tc-4 { padding: 0 0 80px; background: #F9FAFB; }

.tc-4 .section-title:last-child { margin-bottom: 0; }

.tc-form { padding: 88px 0 120px; background: #F9FAFB; }

.tc-form__wrap { padding: 64px; background: #FFF; border: 1px solid #e2e2e2; }

@media (max-width: 768px) { .tc-form { padding: 60px 0 80px; }
  .tc-form__wrap { padding: 24px; } }

.tc-result { padding: 88px 0 120px; background: #F9FAFB; }

.tc-result__wrap { background: #FFF; border: 1px solid #e2e2e2; }

.tc-result .section-title { padding: 64px 64px 32px; margin-bottom: 0; border-bottom: 1px solid #e2e2e2; }

.tc-result .section-title p:last-child { margin-bottom: 0; }

.tc-result__main { padding: 0 64px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.tc-result__main label { display: block; font-size: 14px; line-height: 20px; font-weight: 400; color: #777; margin-bottom: 2px; }

.tc-result__main span.text { display: block; font-size: 14px; line-height: 20px; font-weight: 500; color: #212121; }

.tc-result__main span.text-lg { display: block; font-size: 32px; line-height: 40px; font-weight: 700; color: #F58232; }

.tc-result__main h3 { font-size: 16px; line-height: 24px; margin-bottom: 16px; font-weight: 500; }

.tc-result__main .item-group { padding-bottom: 16px; }

.tc-result__main .item-group:last-child { padding-bottom: 0; }

.tc-result__main .block-gaji { padding: 24px 0; border-bottom: 1px solid #e2e2e2; width: 100%; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.tc-result__main .block-tunjangan { padding: 24px 0; width: 100%; max-width: 35%; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; }

.tc-result__main .block-potongan { padding: 24px 0; width: 100%; max-width: 65%; -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; border-left: 1px solid #e2e2e2; padding-left: 60px; }

.tc-result__main .block-pay { padding: 24px 0 40px; border-top: 1px solid #e2e2e2; width: 100%; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.tc-main { background: #F9FAFB; padding-bottom: 120px; }

.tc-main__wrap { background: #FFF; border: 1px solid #e2e2e2; }

.tc-main .field { padding: 40px 64px 16px; border-bottom: 1px solid #e2e2e2; }

.tc-main .field:last-child { border-bottom: 0; }

.tc-main .field h3 { font-size: 20px; line-height: 28px; margin-bottom: 16px; }

.tc-main .field label { font-size: 14px; line-height: 20px; display: block; min-height: 20px; width: 100%; position: relative; }

.tc-main .field label a { color: #1357FF; display: inline-block; margin-left: auto; font-weight: 400; float: right; }

.tc-main .field label a:hover { color: #0039c6; text-decoration: underline; }

.tc-main .field label span.required { color: #ed3626; }

.tc-main .field .form-control { box-shadow: none; }

.tc-main .field .btn-link { text-decoration: underline; color: #1357FF; }

.tc-main .field .btn-link:hover { color: #0039c6; }

.tc-main .field .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; }

.tc-main .field div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle { border: 1px solid #e2e2e2; border-radius: 4px; color: #777; padding-left: 16px; }

.tc-main .field div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle:after { right: 16px; width: 12px; height: 12px; top: calc(50% - 6px); }

.tc-main .field .dropdown-item.active, .tc-main .field .dropdown-item:active { background: #F58232; }

.tc-main .field .form-action { text-align: right; padding-bottom: 16px; }

.tc-main .field .form-action .btn-link { color: #777; text-decoration: none; }

.tc-main .field .form-action .btn-link:hover { color: #1357FF; }

.tc-main .field .form-action .btn-blue { min-width: 120px; }

.form-tax-calculator ul li { border: 0 !important; padding: 0 !important; margin-bottom: 50px; }

.form-tax-calculator ul li label { font-style: 15px; line-height: 26px; font-weight: 500; margin-bottom: 5px; display: block; }

.form-tax-calculator ul li input { width: 100%; padding: 10px 15px; height: 40px; border: 1px solid #e2e2e2; border-radius: 4px; box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.1); }

.form-tax-calculator ul li input:hover { box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.1); border-color: #e2e2e2; }

.form-tax-calculator .gform_footer input[type="submit"] { background: #005FBF; border: 1px solid #005FBF; box-shadow: 0px 4px 16px rgba(180, 188, 208, 0.75); border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 24px; color: #FFF; width: 100%; padding: 10px; }

.form-tax-calculator .gform_footer input[type="submit"]:hover { background: #00468c; }

.list-block__wrap { padding-top: 5rem; padding-bottom: 5rem; }

.list-block .custom-list { margin-left: 1.5rem; }

@media (max-width: 991px) { .list-block [class*="col-"]:first-child { margin-bottom: 2rem; }
  .list-block .custom-list { margin-left: 0; } }

.oppst-block-title { text-align: center; padding-top: 80px; }

.oppst-block-title__title { font-size: 26px; line-height: 36px; margin-bottom: 24px; }

.oppst-block-title p:last-child { margin-bottom: 0; }

.oppst-block .row { padding-top: 64px; padding-bottom: 64px; }

.oppst-block .row:nth-child(even) { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.oppst-block.oppst-reverse .row:nth-child(even) { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

.oppst-block.oppst-reverse .row:nth-child(odd) { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media (max-width: 991px) { .oppst-block [class*="col-"]:first-child { margin-bottom: 2rem; }
  .oppst-block .row:nth-child(even) { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.testimonial-big { padding-top: 80px; margin-bottom: 32px; }

.testimonial-big__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; background: #FFF; box-shadow: 0px 2px 8px rgba(180, 188, 208, 0.4); border-radius: 4px; padding: 60px 60px 48px 80px; }

.testimonial-big__img { position: relative; display: block; width: 100%; max-width: 36.163%; -webkit-flex: 0 0 36.163%; -ms-flex: 0 0 36.163%; flex: 0 0 36.163%; }

.testimonial-big__img .block-img { position: relative; display: block; width: 100%; padding-top: 81.632%; }

.testimonial-big__img .img { position: relative; z-index: 1; display: block; width: 100%; height: auto; position: absolute; left: 0; bottom: 0; }

.testimonial-big__img .play { display: block; position: absolute; right: -10%; bottom: -5%; z-index: 2; width: 28.5%; border-radius: 50%; }

.testimonial-big__img .play .svg, .testimonial-big__img .play img { width: 100%; height: auto; display: block; }

.testimonial-big__content { padding-left: 90px; }

.testimonial-big__category { font-size: 12px; line-height: 20px; font-weight: 500; text-transform: uppercase; position: relative; padding: 2px 0 2px 28px; margin-bottom: 28px; }

.testimonial-big__category .icon { display: inline-block; height: 24px; width: 24px; position: absolute; left: 0; top: 0; }

.testimonial-big__blockquote { display: block; margin: 0 0 24px; font-size: 20px; line-height: 32px; color: #2B2A35; }

.testimonial-big__footer { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 24px; }

.testimonial-big__footer img { display: block; max-height: 56px; width: auto; }

.testimonial-big__author { padding: 16px 24px; font-size: 14px; line-height: 20px; }

.testimonial-big__author:not(:first-child) { border-left: 1px solid #DFDFDF; margin-left: 24px; }

.testimonial-big__author span { display: block; }

.testimonial-big__author span + span { margin-top: 4px; }

.testimonial-big__author .author__name { text-transform: uppercase; color: #2B2A35; font-weight: 500; }

@media (max-width: 768px) { .testimonial-big { padding-top: 60px; }
  .testimonial-big__wrap { padding: 30px 30px 24px 40px; }
  .testimonial-big__content { padding-left: 45px; } }

@media (max-width: 375px) { .testimonial-big__wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 24px; }
  .testimonial-big__img { max-width: 80%; -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; margin-left: auto; margin-right: auto; margin-bottom: 32px; }
  .testimonial-big__content { padding-left: 0; }
  .testimonial-big__blockquote { font-size: 18px; line-height: 26px; }
  .testimonial-big__footer { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .testimonial-big__author { padding: 0; width: 100%; }
  .testimonial-big__author:not(:first-child) { border-left: 0; margin-top: 24px; margin-left: 0; } }

.custom-form { height: 100vh; overflow-x: hidden; overflow-y: auto; }

.custom-form .container-full { height: 100%; }

.custom-form .container-full > .row { height: 100%; }

.custom-form__meta { background: #F2F4F7; padding: 120px 5vw 24px; height: 100%; }

.custom-form__meta-logo { margin-bottom: 64px; display: none; }

@media (max-width: 768px) { .custom-form__meta-logo { display: none; } }

.custom-form__meta-illustration { text-align: center; margin-bottom: 64px; }

.custom-form__meta-illustration img { display: block; max-width: 100%; height: auto; }

.custom-form__meta-desc ul { margin-bottom: 30px; padding-left: 30px; }

.custom-form__meta-desc p a { text-decoration: underline; }

.custom-form__meta-desc p a:hover { text-decoration: underline; color: #F58232; }

.custom-form__meta .testimonial__wrap { background: transparent; border-radius: 0; box-shadow: none; margin-bottom: 80px; }

.custom-form__meta .testimonial__wrap .testimonial-big__content { padding: 0; }

.custom-form__meta .testimonial__wrap .testimonial-big__content .testimonial-big__footer img { width: auto !important; }

.custom-form__meta .testimonial__wrap .owl-dots { padding: 0; text-align: left; }

.custom-form__meta .testimonial__wrap .owl-dots button.owl-dot { background: #E2E2E2; }

.custom-form__meta .testimonial__wrap .owl-dots button.owl-dot.active { background: #F58232; }

.custom-form__meta-footer { position: relative; bottom: 0; }

.custom-form__meta-footer label { font-weight: 500; display: block; font-size: 14px; line-height: 17px; margin-bottom: 15px; }

@media (max-width: 768px) { .custom-form__meta-footer { position: relative; } }

.custom-form__meta-copyright { display: none; }

@media (max-width: 768px) { .custom-form__meta-copyright { display: block; } }

.custom-form__meta-icon { margin-bottom: 48px; }

.custom-form__meta-icon a { margin-right: 25px; }

@media (max-width: 768px) { .custom-form__meta { padding: 60px 16px 30px; } }

.custom-form__form { padding: 48px 5vw 24px 15vw; }

.custom-form__form-logo { display: block; margin-bottom: 50px; }

.custom-form__form-title { font-weight: 700; font-size: 2rem; line-height: 2.5rem; margin-bottom: 1rem; }

.custom-form__form-subtitle { font-size: 1rem; line-height: 1.5rem; margin-bottom: 4px; }

.custom-form__form-desc { margin-bottom: 1.5rem; }

.custom-form__form-desc .custom-list { position: relative; margin-bottom: 32px; }

.custom-form__form-desc .custom-list li { position: relative; display: inline-block; padding-left: 36px; margin-bottom: 16px; margin-right: 16px; }

.custom-form__form-desc .custom-list li:before { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-check.svg) no-repeat center; background-size: contain; position: absolute; top: 0; left: 0; }

.custom-form__form-desc .custom-list li:last-child { margin-bottom: 0; }

.custom-form__form-copyright { margin-top: 30px; display: block; text-align: left; }

.custom-form__form-copyright p { margin-bottom: 0; }

@media (max-width: 768px) { .custom-form__form-copyright { display: none; } }

@media (max-width: 768px) { .custom-form__form { padding: 40px 16px 30px; }
  .custom-form__form-logo { margin-bottom: 40px; }
  .custom-form__form-logo img { height: 32px; width: auto; }
  .custom-form__form-title { font-size: 26px; line-height: 36px; } }

.custom-form__clients .block-clients__wrap { padding-top: 48px; }

.custom-form__clients .block-clients__title { text-align: left; font-size: 15px; line-height: 26px; font-weight: 700; }

.custom-form__clients .block-clients__items { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.custom-form__clients .block-clients__items .item { max-width: 33.333333%; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; }

.sidebar__wrap { position: relative; }

.sidebar__data { padding: 24px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sidebar__data h4, .sidebar__data span { display: block; width: 100%; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; margin: 0; }

.sidebar__data span { margin-left: auto; text-align: right; }

.sidebar__data p { display: block; width: 100%; margin: 8px 0 0; }

.our-customer .marquee-container, .case-studies .marquee-container { height: 90px; }

.our-customer__title, .case-studies__title { max-width: 650px; margin: 0 auto 16px; text-align: center; }

.our-customer__content, .case-studies__content { max-width: 600px; margin: 0 auto 48px; text-align: center; }

.our-customer__slider, .case-studies__slider { white-space: nowrap; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 32px; opacity: 1; transition: all .3s ease-in-out; }

.our-customer__slider .item, .case-studies__slider .item { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 56px; position: relative; padding: 0 20px; }

.our-customer__slider .item img, .case-studies__slider .item img { display: block; width: auto; height: auto; max-height: 56px; }

.our-customer__slider .owl-stage-outer, .case-studies__slider .owl-stage-outer { overflow: visible; }

.our-customer__action, .case-studies__action { text-align: center; margin-bottom: 64px; }

.our-customer__toolbar, .case-studies__toolbar { padding-top: 10px; padding-bottom: 56px; position: relative; z-index: 2; }

.our-customer__toolbar .dropdown.bootstrap-select, .case-studies__toolbar .dropdown.bootstrap-select { width: auto; display: inline-block; }

.our-customer__toolbar .dropdown.bootstrap-select .bttn, .case-studies__toolbar .dropdown.bootstrap-select .bttn { width: auto; min-width: 100px; padding: 0 30px 0 12px; font-size: 14px; line-height: 34px; }

.our-customer__toolbar .dropdown.bootstrap-select .bttn:after, .case-studies__toolbar .dropdown.bootstrap-select .bttn:after { top: 0; line-height: 36px; }

.our-customer__toolbar .dropdown.bootstrap-select .dropdown-menu, .case-studies__toolbar .dropdown.bootstrap-select .dropdown-menu { min-width: 220px !important; }

.our-customer__toolbar .dropdown.bootstrap-select .dropdown-menu .inner, .case-studies__toolbar .dropdown.bootstrap-select .dropdown-menu .inner { overflow-x: hidden; }

.our-customer__toolbar .slider-category, .case-studies__toolbar .slider-category { position: relative; overflow: hidden; }

.our-customer__toolbar .slider-category__nav, .case-studies__toolbar .slider-category__nav { z-index: 2; position: absolute; right: 0; top: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 0; }

.our-customer__toolbar .slider-category__wrap, .case-studies__toolbar .slider-category__wrap { z-index: 1; position: relative; white-space: nowrap; display: -webkit-flex; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.our-customer__toolbar .slider-category .item-nav, .case-studies__toolbar .slider-category .item-nav { width: 60px; height: 36px; background: #FFF; background: linear-gradient(90deg, white 70%, rgba(255, 255, 255, 0) 100%); padding: 3px 0; cursor: pointer; }

.our-customer__toolbar .slider-category .item-nav .svg, .case-studies__toolbar .slider-category .item-nav .svg { display: block; }

.our-customer__toolbar .slider-category .item-nav .svg path, .case-studies__toolbar .slider-category .item-nav .svg path { fill: #232933; transition: all .3s ease-in-out; }

.our-customer__toolbar .slider-category .item-nav.prev, .case-studies__toolbar .slider-category .item-nav.prev { display: none; }

.our-customer__toolbar .slider-category .item-nav.next, .case-studies__toolbar .slider-category .item-nav.next { margin-left: auto; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 40%); }

.our-customer__toolbar .slider-category .item-nav.next .svg, .case-studies__toolbar .slider-category .item-nav.next .svg { margin-left: auto; }

.our-customer__toolbar .slider-category .item-nav:hover .svg path, .case-studies__toolbar .slider-category .item-nav:hover .svg path { fill: #2B2A35; }

.our-customer__toolbar .slider-category .item, .case-studies__toolbar .slider-category .item { display: inline-block; margin: 0 4px; padding: 6px 8px; border-radius: 4px; }

.our-customer__toolbar .slider-category .item__link, .case-studies__toolbar .slider-category .item__link { color: #232933; }

.our-customer__toolbar .slider-category .item__link:hover, .case-studies__toolbar .slider-category .item__link:hover { color: #005FBF; }

.our-customer__toolbar .slider-category .item.active, .case-studies__toolbar .slider-category .item.active { background: #F2F4F7; }

.our-customer__toolbar .slider-category .item.active .item__link, .case-studies__toolbar .slider-category .item.active .item__link { color: #2B2A35; font-weight: 400; }

.our-customer__posts, .case-studies__posts { position: relative; }

.our-customer .slider .owl-item > div, .case-studies .slider .owl-item > div { max-width: 100%; }

.our-customer .post, .case-studies .post { margin-bottom: 40px; }

.our-customer .post__img, .case-studies .post__img { position: relative; cursor: pointer; }

.our-customer .post__img .play, .case-studies .post__img .play { position: absolute; z-index: 2; top: calc(50% - 24px); left: calc(50% - 24px); }

.our-customer .post__img .play .icon, .case-studies .post__img .play .icon { position: relative; width: 48px; height: 48px; display: block; z-index: 2; }

.our-customer .post__img .play:after, .case-studies .post__img .play:after { z-index: 1; content: ""; display: block; width: 64px; height: 64px; border-radius: 32px; background: #F58232; opacity: .2; position: absolute; top: calc(50% - 32px); left: calc(50% - 32px); -webkit-transform: scale(0.5); transform: scale(0.5); transition: all .5s ease-in-out; }

.our-customer .post__img .block-img, .case-studies .post__img .block-img { position: relative; display: block; width: 100%; padding-top: 56.25%; overflow: hidden; border-radius: 4px 4px 0 0; }

.our-customer .post__img .block-img img, .case-studies .post__img .block-img img { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; z-index: 1; }

.our-customer .post__img:hover .play:after, .case-studies .post__img:hover .play:after { -webkit-transform: scale(1); transform: scale(1); }

.our-customer .post__content, .case-studies .post__content { padding: 24px; border: 1px solid #DFDFDF; border-top: 0; border-radius: 0 0 4px 4px; }

.our-customer .post__title, .case-studies .post__title { font-size: 16px; line-height: 24px; margin-bottom: 4px; }

.our-customer .post__title a, .case-studies .post__title a { color: #2B2A35; }

.our-customer .post__title:hover a, .case-studies .post__title:hover a { color: #005FBF; }

.our-customer .post__category, .case-studies .post__category { display: block; margin-bottom: 4px; }

.our-customer .post__category a, .case-studies .post__category a { color: #232933; }

.our-customer .post__category:hover a, .case-studies .post__category:hover a { color: #232933; text-decoration: underline; }

.our-customer .post p, .case-studies .post p { display: block; padding-top: 8px; margin-bottom: 16px; }

.our-customer__cta, .case-studies__cta { text-align: center; }

.our-customer--home, .case-studies--home { position: relative; background: #F2F4F7; padding: 64px 0; }

.our-customer--home .our-customer__title, .case-studies--home .our-customer__title { font-size: 32px; line-height: 48px; max-width: 768px; margin-bottom: 24px; font-family: "Inter", sans-serif; font-weight: 600; }

.our-customer--home .our-customer__action, .case-studies--home .our-customer__action { margin-bottom: 0; }

.our-customer--m-overview, .case-studies--m-overview { padding-top: 80px; padding-bottom: 80px; }

.our-customer--m-overview .our-customer__slider, .case-studies--m-overview .our-customer__slider { margin-bottom: 0; }

.our-customer--pricing, .case-studies--pricing { padding-top: 80px; padding-bottom: 80px; }

.our-customer--pricing .our-customer__slider, .case-studies--pricing .our-customer__slider { margin-top: 48px; margin-bottom: 0; }

.our-customer--solusi, .case-studies--solusi { padding-top: 80px; padding-bottom: 80px; }

.our-customer--solusi .our-customer__title, .case-studies--solusi .our-customer__title { margin-bottom: 32px; }

.our-customer--solusi .our-customer__slider, .case-studies--solusi .our-customer__slider { margin-bottom: 40px; }

@media (max-width: 991px) { .our-customer__title, .case-studies__title { font-size: 20px; line-height: 32px; }
  .our-customer__toolbar .right, .case-studies__toolbar .right { padding-top: 16px; }
  .our-customer--home, .case-studies--home { padding-top: 48px; padding-bottom: 48px; }
  .our-customer--home .our-customer__title, .case-studies--home .our-customer__title { font-size: 28px; line-height: 36px; }
  .our-customer--m-overview, .our-customer--pricing, .case-studies--m-overview, .case-studies--pricing { padding-top: 60px; padding-bottom: 60px; } }

.case-studies { padding-bottom: 80px; }

.case-studies .post { margin-bottom: 48px; }

.case-studies .post.animate { -webkit-transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1); transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1); opacity: 0; transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.case-studies .post.animate-in { -webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1); transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1); opacity: 1; }

.case-studies--related { padding: 80px 0; background: #F8FAFC; }

.case-studies--related .post { margin-bottom: 0; }

.case-studies--related .section-head { position: relative; padding-bottom: 24px; text-align: left; }

.case-studies--related .section-head__title { font-size: 24px; line-height: 32px; margin: 0; padding-right: 220px; }

.case-studies--related .section-head__action { position: absolute; top: 0; right: 30px; }

@media (max-width: 375px) { .case-studies { padding-bottom: 60px; }
  .case-studies .post { margin-bottom: 32px; } }

.post { position: relative; padding-bottom: 48px; padding-left: 16px; padding-right: 16px; }

.post__img { position: relative; z-index: 2; }

.post__img .block-img { position: relative; display: block; width: 100%; padding-top: 66.666667%; overflow: hidden; border-radius: 4px; margin-bottom: 20px; }

.post__img .block-img img { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }

.post__img > img { height: 220px; width: 392px; object-fit: cover; border-radius: 4px 4px 0 0; }

.post__title { position: relative; z-index: 2; font-size: 20px; line-height: 32px; margin-bottom: 12px; font-weight: 600; padding-left: 30px; }

.post__title .icon { display: block; position: absolute; top: 3px; left: 0; }

.post__content { position: relative; z-index: 2; color: #2B2A35; margin-bottom: 20px; }

.post__meta { margin-bottom: 12px; }

.post__meta span { display: inline-block; }

.post__meta .name { font-weight: 600; color: #2B2A35; margin-right: 6px; font-size: 14px; line-height: 20px; }

.post__meta .name:after { content: ","; }

.post__logo img { max-height: 56px; width: auto; display: block; }

.post__footer { position: relative; z-index: 2; }

.post .link-more { position: absolute; z-index: 4; left: 16px; bottom: 20px; opacity: 0; transition: all .3s ease-in-out; }

.post:before { content: ""; z-index: 1; display: block; width: calc(100% + 32px); height: calc(100% + 48px); position: absolute; top: -24px; left: -16px; background: #FFF; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25); border-radius: 4px; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); transition: all .3s ease-in-out; }

.post:hover { z-index: 2; }

.post:hover .link-more { bottom: 0; opacity: 1; }

.post:hover:before { opacity: 1; -webkit-transform: none; transform: none; }

.post.animate { -webkit-transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1); transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1); opacity: 0; transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.post.animate-in { -webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1); transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1); opacity: 1; }

.case-studies { padding: 60px 0; }

.case-studies .post { padding: 0; }

.case-studies .post__title { padding-left: 0; }

.case-studies .post__content { margin-top: -20px; }

.case-studies .post .link-more { position: relative; left: 0; bottom: 0; opacity: 1; z-index: 0; }

.case-studies .post::before { display: none; }

.case-studies .post:hover::before { display: none; }

.wrap.inapp { max-width: 100vw; overflow: hidden; font-family: "Roboto Reguler", sans-serif; font-weight: 400; }

.wrap.inapp h1, .wrap.inapp h2, .wrap.inapp h3, .wrap.inapp h4 { font-family: "Roboto",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 600; }

.wrap.inapp .btn { font-family: "Roboto Medium", sans-serif; font-weight: 500; }

.wrap.inapp .btn-blue { box-shadow: none; }

.wrap.inapp .btn-white { background: #FFF; color: #777; }

.wrap.inapp .btn-white:hover { background: #005FBF; color: #FFF; }

.wrap.inapp .section-head__title { font-size: 24px; line-height: 32px; font-family: "Roboto Medium", sans-serif; font-weight: 500; margin: 0 0 24px; }

.wrap.inapp .section-head__action { margin-left: -8px; margin-right: -8px; }

.wrap.inapp .section-head__action .btn { margin-left: 8px; margin-right: 8px; }

.wrap.inapp .masthead { background: #EDF0F2; }

.wrap.inapp .masthead ul.custom-list:last-child { margin-bottom: 0; }

.wrap.inapp .masthead ul.custom-list > li { margin-bottom: 8px; }

.wrap.inapp .masthead ul.custom-list > li:last-child { margin-bottom: 0; }

.wrap.inapp .masthead__wrap { padding-top: 40px; padding-bottom: 24px; }

.wrap.inapp .masthead__logo img { display: block; height: 40px; width: auto; margin: 0 0 32px; }

.wrap.inapp .masthead__title { font-size: 32px; line-height: 40px; font-family: "Roboto bold", sans-serif; font-weight: 600; max-width: 600px; margin: 0 0 16px; }

.wrap.inapp .masthead__desc { margin: 0 0 32px; }

.wrap.inapp .masthead__action { margin-left: -8px; margin-right: -8px; }

.wrap.inapp .masthead__action .btn { margin-left: 8px; margin-right: 8px; }

.wrap.inapp .masthead__footer { padding-top: 44px; }

.wrap.inapp .masthead__footer .title { display: block; font-size: 12px; line-height: 16px; font-family: "Roboto Reguler", sans-serif; font-weight: 400; margin: 0 0 8px; }

.wrap.inapp .masthead__footer .logos { margin-left: -6px; margin-right: -6px; }

.wrap.inapp .masthead__footer .logo { display: inline-block; vertical-align: top; padding-left: 6px; padding-right: 6px; }

.wrap.inapp .masthead__footer .logo img { display: block; max-height: 56px; width: auto; height: auto; }

.wrap.inapp .masthead__right { margin-top: -40px; margin-bottom: -24px; padding-right: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.wrap.inapp .masthead__right .masthead__media { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.wrap.inapp .masthead__right .masthead__media img { display: block; width: 100%; height: auto; }

@media (max-width: 991px) { .wrap.inapp .masthead .masthead__right { margin-top: 0; } }

.wrap.inapp .block-manfaat { padding: 64px 0; }

.wrap.inapp .block-manfaat__title { font-size: 24px; line-height: 32px; margin-bottom: 20px; }

.wrap.inapp .block-manfaat .accordion--images .img { padding-right: 24px; }

.wrap.inapp .cta-banner { background: #3D465A; color: #FFF; }

.wrap.inapp .cta-banner .btn-link { color: #fff; text-decoration: underline; }

.wrap.inapp .cta-banner .btn-link:hover { color: #FFF; text-decoration: underline; opacity: 0.5; }

.wrap.inapp .cta-banner__wrap { padding-top: 60px; }

.wrap.inapp .cta-banner__img { position: relative; padding-left: 5%; }

.wrap.inapp .cta-banner__img img { display: block; width: 100%; height: auto; }

@media (max-width: 991px) { .wrap.inapp .cta-banner .cta-banner__img { padding: 32px 0 0; } }

.industry-wrap { padding: 64px 0 32px; }

.industry-items .item { margin: 0 0 48px; }

.industry-items .item__wrap { position: relative; }

.industry-items .item__icon { position: absolute; top: 0; left: 0; }

.industry-items .item__img { position: relative; margin-bottom: 16px; width: 100%; padding-top: 56%; background-color: #C4C4C4; overflow: hidden; border-radius: 4px; }

.industry-items .item__img img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center; }

.industry-items .item__title { margin-bottom: 12px; }

.industry-items .item__title a { display: block; color: #000; font-size: 21px; line-height: 26px; font-weight: 500; }

.industry-items .item__desc { margin-bottom: 16px; }

.industry-items .item__desc p:last-child { margin-bottom: 0; }

.industry-items .item__content { padding-left: 32px; position: relative; }

.industry-cta { margin-bottom: 80px; }

.industry-cta__box { background: #EDF6FA; border: 1px solid #A0D4EB; border-radius: 4px; padding: 64px 32px; text-align: center; }

.industry-cta__icon { margin-bottom: 16px; }

.industry-cta__title { color: #1C1D1E; margin-bottom: 12px; font-size: 26px; line-height: 36px; font-weight: bold; }

.industry-cta__desc { max-width: 727px; margin: 0 auto 28px; }

.industry-cta__desc p:last-child { margin: 0; }

@media (max-width: 991px) { .industry-cta { padding-left: 12px; padding-right: 12px; }
  .industry-cta__box { padding: 24px 16px; } }

.clients-block { padding: 80px 0 64px; }

.clients-block__title { text-align: center; color: #1C1D1E; font-size: 26px; line-height: 36px; font-weight: 700; }

.clients-block__title:last-child { margin-bottom: 24px; }

.clients-block__desc { text-align: center; margin: 0 auto 48px; max-width: 600px; }

.clients-block__desc p:last-child { margin-bottom: 0; }

.clients-block__action { padding-top: 48px; text-align: center; }

.clients-block .item__title { font-weight: normal; }

.clients-block .item__title a { display: block; font-size: 21px; line-height: 26px; font-weight: 500; margin-bottom: 4px; }

.clients-block .item__title span { display: block; font-size: 15px; line-height: 26px; font-weight: 400; }

.clients-block .item__desc { margin-bottom: 16px; }

.clients-block .item__desc p:last-child { margin: 0; }

.clients-block .item__content { padding: 24px; background: #FFF; border: 1px solid #E2E2E2; border-radius: 0 0 4px 4px; }

.clients-block .item__img { border-radius: 4px 4px 0 0; overflow: hidden; }

.clients-block__slider { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.clients-block__list { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 768px) { .clients-block__list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .clients-block__list .item { width: 100%; max-width: 33.333333%; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; } }

.list-block--industry .section-head { margin-bottom: 48px; }

.list-block--industry .section-head__desc p:last-child { margin: 0; }

.industry-featured { padding: 80px 0; }

.industry-featured .item__icon { margin-bottom: 24px; }

.industry-featured .item__icon img { display: block; height: 72px; width: auto; }

.industry-featured .item__title { margin-bottom: 12px; font-size: 21px; line-height: 36px; font-weight: 400; color: #1C1D1E; }

.industry-featured .item__desc p:last-child { margin-bottom: 0; }

@media (max-width: 768px) { .industry-featured .item { margin-bottom: 48px; }
  .industry-featured .item:last-child { margin-bottom: 0; }
  .industry-featured .item__wrap { position: relative; padding-left: 64px; }
  .industry-featured .item__icon { position: absolute; top: 8px; left: 0; }
  .industry-featured .item__icon img { width: 48px; height: auto; }
  .industry-featured .item__title { font-size: 18px; line-height: 26px; } }

.faq-block { padding-top: 64px; padding-bottom: 64px; }

.faq-block .section-head { max-width: 416px; }

.faq-block .section-head__subtitle { color: #232933; display: block; margin: 0 0 8px; }

.faq-block .section-head__title { margin: 0 0 24px; }

.faq-block .block__action { margin-bottom: 40px; }

.faq-block ul { padding-left: 20px; list-style: disc; }

.faq-block ul li { margin-bottom: 4px; }

.faq-block ol { padding-left: 20px; list-style: decimal; }

.faq-block ol li { margin-bottom: 4px; }

@media (max-width: 991px) { .faq-block { padding: 32px 0; }
  .faq-block .section-head { margin-bottom: 24px; width: 100%; max-width: 100%; }
  .faq-block .section-head__subtitle { font-size: 16px; line-height: 24px; }
  .faq-block .section-head__title { font-size: 28px; line-height: 36px; } }

.page-contact { padding-top: 80px; padding-bottom: 80px; }

.page-contact .show-sm { display: none; }

.page-contact .hide-sm { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.page-contact__masthead { text-align: center; max-width: 600px; margin: 0 auto; }

.page-contact__masthead .sub { color: #2B2A35; font-size: 18px; line-height: 28px; display: block; margin-bottom: 8px; }

.page-contact__masthead .title { color: #2B2A35; font-size: 48px; line-height: 56px; font-weight: 700; margin-bottom: 24px; }

.page-contact__cards { padding-top: 40px; padding-bottom: 24px; }

.page-contact__cards .item { position: relative; }

.page-contact__cards .item__icon { margin-bottom: 12px; }

.page-contact__cards .item__icon img { display: block; height: 64px; width: auto; margin: 0 auto; }

.page-contact__cards .item__title { color: #2B2A35; font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 16px; }

.page-contact__cards .item__desc p { color: #2B2A35; }

.page-contact__cards .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; background: #F2F4F7; padding: 32px; text-align: center; border-radius: 4px; }

.page-contact__cards .item--sm { margin-bottom: 12px; }

.page-contact__cards .item--sm .item__icon { margin: 0; }

.page-contact__cards .item--sm .item__icon img { height: 40px; width: auto; }

.page-contact__cards .item--sm .item__title { margin: 0; padding-left: 16px; font-size: 16px; line-height: 24px; }

.page-contact__cards .item--sm .item__wrap { padding: 8px 24px; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 768px) { .page-contact { padding-top: 48px; padding-bottom: 40px; }
  .page-contact .show-sm { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .page-contact .hide-sm { display: none; }
  .page-contact__masthead .title { font-size: 26px; line-height: 36px; max-width: 80%; margin: 0 auto 32px; }
  .page-contact__cards { padding-top: 0; padding-bottom: 0; padding-left: 12px; padding-right: 12px; }
  .page-contact__cards .item { margin-bottom: 12px; }
  .page-contact__cards .item__icon img { height: 48px; width: auto; }
  .page-contact__cards .item__title { font-size: 20px; line-height: 30px; margin-bottom: 12px; } }

.form-contact { background: #F8FAFC; padding: 64px 0 0; }

.form-contact__head { position: relative; display: block; }

.form-contact__img { position: relative; }

.form-contact__img img { display: block; max-width: 90%; width: 392px; height: auto; margin: 0 auto 48px; }

.form-contact__content { margin-bottom: 64px; }

.form-contact__content p { font-size: 18px; line-height: 28px; }

.form-contact__content ul { padding-left: 24px; margin-top: -12px; }

.form-contact__wrap { background: #FFF; box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); border-radius: 8px; padding: 40px; margin-bottom: 64px; }

@media (max-width: 991px) { .form-contact__wrap { padding: 24px; } }

.modal-success { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 2000; background: rgba(0, 0, 0, 0.6); display: none; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.modal-success__wrap { position: relative; padding: 64px 32px; }

.modal-success__box { position: relative; text-align: center; padding: 48px; background: #FFF; border-radius: 4px; width: 600px; }

.modal-success__box .close { position: absolute; top: 16px; right: 16px; cursor: pointer; opacity: 1; transition: all .4s ease; }

.modal-success__box .close:hover { opacity: .5; }

.modal-success__box .icon { margin-bottom: 24px; }

.modal-success__box .icon img { display: block; margin: 0 auto; }

.modal-success__box h2 { font-size: 24px; line-height: 1.333em; font-weight: 600; margin-bottom: 24px; }

.modal-success__box p { margin: 0; }

@media (max-width: 768px) { .modal-success__wrap { padding: 0; }
  .modal-success__box { width: 300px; margin: 0; padding: 48px 24px; }
  .modal-success__box h2 { font-size: 20px; line-height: 28px; }
  .modal-success__box .icon img { height: 56px; width: auto; } }

.mastheadrvmp__logo { margin-bottom: 32px; }

.mastheadrvmp__logo img { display: block; height: 40px; width: auto; }

.mastheadrvmp__title { display: block; font-size: 40px; line-height: 48px; font-weight: 600; margin-bottom: 24px; letter-spacing: -1px; }

.mastheadrvmp__sub { display: block; font-size: 16px; line-height: 24px; margin-bottom: 8px; }

.mastheadrvmp__sub.theme { color: #F96D01; font-family: "Inter", sans-serif; font-weight: 600; }

.mastheadrvmp__desc { margin-bottom: 40px; }

.mastheadrvmp__desc p { color: #545465; }

.mastheadrvmp__desc p:last-child { margin-bottom: 0; }

.mastheadrvmp__buttons { margin-left: -8px; margin-right: -8px; }

.mastheadrvmp__buttons .btn { margin-left: 8px; margin-right: 8px; margin-bottom: 8px; }

.mastheadrvmp__img img { display: block; width: 100%; height: auto; border-radius: 4px; }

.mastheadrvmp__wrap { padding-top: 30px; padding-bottom: 30px; }

.mastheadrvmp__form { padding: 32px; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 8px; }

.mastheadrvmp__form .mastheadrvmp__form-title { font-size: 20px; line-height: 28px; margin-bottom: 16px; color: #232933; font-family: "Inter", sans-serif; font-weight: 600; }

@media (max-width: 991px) { .mastheadrvmp__title { font-size: 32px; line-height: 40px; }
  .mastheadrvmp__img { padding: 48px 24px 0; }
  .mastheadrvmp__buttons a, .mastheadrvmp__buttons .btn { display: block; width: 100%; margin-bottom: 14px; margin-left: 0; }
  .mastheadrvmp__buttons a:last-child, .mastheadrvmp__buttons .btn:last-child { margin-bottom: 0; } }

.block-clients__title { font-size: 32px; line-height: 40px; font-family: "Inter", sans-serif; font-weight: 600; text-align: center; margin-bottom: 57px; }

.block-clients__buttons { margin-left: -8px; margin-right: -8px; }

.block-clients__buttons .btn { margin-left: 8px; margin-right: 8px; margin-bottom: 8px; }

.block-clients__items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: -12px; margin-right: -12px; }

.block-clients__items .item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 8px; padding-bottom: 8px; padding-left: 16px; padding-right: 16px; width: 100%; max-width: 16.666666%; -webkit-flex: 0 0 16.666666%; -ms-flex: 0 0 16.666666%; flex: 0 0 16.666666%; }

.block-clients__items .item img { display: block; height: auto; width: auto; max-height: 64px; max-width: 100%; margin: 0 auto; }

.block-clients__wrap { padding-top: 64px; padding-bottom: 64px; }

.block-clients--contact .block-clients__wrap { padding-top: 0; padding-bottom: 80px; }

@media (max-width: 991px) { .block-clients--contact .block-clients__title { font-size: 15px; line-height: 26px; font-weight: 700; } }

@media (max-width: 991px) { .block-clients__title { font-size: 28px; line-height: 36px; margin-bottom: 24px; }
  .block-clients__title br { display: none; }
  .block-clients__items { margin-left: -8px; margin-right: -8px; }
  .block-clients__items .item { max-width: 33.333333%; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; padding-left: 8px; padding-right: 8px; } }

.block-sections__title { font-size: 32px; line-height: 40px; font-weight: 600; text-align: center; margin-bottom: 24px; }

.block-sections__desc { margin-bottom: 24px; text-align: center; }

.block-sections__desc p { color: #545465; }

.block-sections__desc p:last-child { margin-bottom: 0; }

.block-sections__buttons { margin-left: -8px; margin-right: -8px; }

.block-sections__buttons .btn { margin-left: 8px; margin-right: 8px; margin-bottom: 8px; }

.block-sections__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .block-sections__title { font-size: 24px; line-height: 32px; }
  .block-sections .media { margin-bottom: 24px; } }

.block-sections__oppst .block-item__title { font-size: 32px; line-height: 40px; font-weight: 600; margin-bottom: 16px; }

.block-sections__oppst .block-item__desc { margin-bottom: 24px; }

.block-sections__oppst .block-item__desc p { color: #545465; margin-bottom: 24px; }

.block-sections__oppst .block-item__desc p:last-child { margin-bottom: 0; }

.block-sections__oppst .block-item__buttons { margin-left: -8px; margin-right: -8px; }

.block-sections__oppst .block-item__buttons .btn { margin-left: 8px; margin-right: 8px; margin-bottom: 8px; }

.block-sections__oppst .block-item__img img { display: block; width: 100%; height: auto; margin: 0 auto; }

.block-sections__oppst .block-item__wrap { padding-top: 64px; padding-bottom: 64px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.block-sections__oppst .block-item:nth-child(even) .block-item__wrap { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media (max-width: 991px) { .block-sections__oppst .block-item__title { font-size: 24px; line-height: 32px; }
  .block-sections__oppst .block-item__buttons { margin-left: 0; margin-right: 0; }
  .block-sections__oppst .block-item__buttons .btn { width: 100%; margin: 0 0 12px; }
  .block-sections__oppst .block-item__img { margin-bottom: 18px; }
  .block-sections__oppst .block-item__wrap { padding-top: 32px; padding-bottom: 32px; } }

.testimoni-block { position: relative; padding: 64px 0; }

.testimoni-block:before { content: ""; display: block; width: 75vw; height: 100%; background: #F2F4F7; position: absolute; top: 0; right: 0; }

.testimoni-block.reverse:before { right: auto; left: 0; }

.testimoni-block__img { display: block; position: relative; width: 100%; padding-top: 100%; }

.testimoni-block__img img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; object-position: 50% 50%; }

.testimoni-block__title { font-size: 24px; line-height: 32px; font-weight: 500; margin-bottom: 24px; }

.testimoni-block__quote { margin-bottom: 24px; }

.testimoni-block__quote p { font-size: 16px; line-height: 24px; font-weight: 400; }

.testimoni-block__quote p:last-child { margin-bottom: 0; }

.testimoni-block__quote-footer { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.testimoni-block__quote-footer:not(:last-child) { margin-bottom: 42px; }

.testimoni-block__quote-footer .img { display: block; }

.testimoni-block__quote-footer .img img { display: block; max-height: 64px; width: auto; }

.testimoni-block__quote-footer .content { margin-left: 16px; padding-left: 16px; border-left: 1px solid #c4c4c4; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.testimoni-block__quote-footer .content span { display: block; font-size: 15px; line-height: 24px; }

.testimoni-block__quote-footer .content .name { font-weight: 500; }

@media (max-width: 991px) { .testimoni-block { padding: 48px 0; }
  .testimoni-block:before { width: 100%; }
  .testimoni-block__quote p { font-size: 18px; line-height: 28px; }
  .testimoni-block__img { margin: 32px auto; } }

.block-table__title { font-size: 32px; line-height: 40px; font-weight: 600; margin-bottom: 16px; text-align: center; }

.block-table__desc { margin-bottom: 32px; text-align: center; }

.block-table__desc p { color: #545465; }

.block-table__desc p:last-child { margin-bottom: 0; }

.block-table__buttons { padding-top: 48px; text-align: center; margin-left: -8px; margin-right: -8px; }

.block-table__buttons .btn { margin-left: 8px; margin-right: 8px; margin-bottom: 8px; }

.block-table__wrap { padding-top: 80px; padding-bottom: 80px; }

.block-table .items { margin-left: 0; margin-right: 0; box-shadow: 0px 32px 40px rgba(50, 50, 71, 0.1); }

.block-table .item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0; padding-right: 0; }

.block-table .item ul.list-check { font-size: 14px; line-height: 20px; margin-bottom: 26px; }

.block-table .item ul.list-check li { margin-bottom: 12px; }

.block-table .item ul.list-check li::before { width: 20px; height: 20px; top: 0; }

.block-table .item__icon img { display: block; height: 40px; width: auto; margin-bottom: 8px; }

.block-table .item__title { color: #FFF; font-size: 20px; line-height: 28px; margin-bottom: 0; }

.block-table .item__buttons { margin-top: auto; }

.block-table .item__head { background: #F58232; padding: 16px; border-radius: 4px; margin-bottom: 4px; }

.block-table .item__body { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #F2F4F7; padding: 16px; border-radius: 4px; height: 100%; }

.block-table .item__wrap { background: #FFF; padding: 4px; border-radius: 4px; margin-left: -2px; margin-right: -2px; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media (max-width: 991px) { .block-table__title { font-size: 24px; line-height: 32px; }
  .block-table__wrap { padding-top: 64px; padding-bottom: 64px; }
  .block-table .items { box-shadow: none; }
  .block-table .item { margin-bottom: 16px; box-shadow: 0px 32px 40px rgba(50, 50, 71, 0.1); } }

.mastheadrvmp.mastheadrvmp--efrf { background: linear-gradient(180.29deg, #FFF7ED 29.25%, #FFBE78 99.79%); }

.mastheadrvmp.mastheadrvmp--efrf .mastheadrvmp__logo { margin-bottom: 12px; }

.mastheadrvmp.mastheadrvmp--efrf .mastheadrvmp__logo img { display: block; height: 48px; width: auto; }

.mastheadrvmp.mastheadrvmp--efrf .mastheadrvmp__title { font-size: 32px; line-height: 40px; }

.mastheadrvmp.mastheadrvmp--efrf .mastheadrvmp__wrap { padding-top: 32px; padding-bottom: 84px; }

.block-sections.block-sections--efrf .block-sections__wrap { padding-top: 16px; padding-bottom: 16px; }

.form-contact.form-contact--efrf { background: #F2F4F7; }

.form-contact.form-contact--efrf .form-contact__title { text-align: center; font-size: 32px; line-height: 40px; margin-bottom: 40px; }

.block-clients.block-clients--efrf { background: #F2F4F7; }

.block-clients.block-clients--efrf .block-clients__wrap { padding-top: 0; padding-bottom: 80px; }

.block-clients.block-clients--efrf .block-clients__title { font-size: 20px; line-height: 32px; margin-bottom: 32px; }

.footer--blank { padding-top: 24px; padding-bottom: 24px; }

.footer--blank .registered-label { display: inline-block; vertical-align: middle; font-size: 14px; list-style-type: she; margin-right: 4px; }

.footer--blank .logos a { display: inline-block; vertical-align: middle; padding-left: 16px; }

.footer--blank .logos img { display: block; max-height: 72px; max-width: 90px; width: auto; height: auto; }

.form-custom { background: #F8FAFC; padding: 64px 0 0; }

.form-custom__logo { margin-bottom: 40px; }

.form-custom__head { position: relative; display: block; }

.form-custom__title { margin-bottom: 24px; }

.form-custom__img { position: relative; }

.form-custom__img img { display: block; max-width: 90%; width: 392px; height: auto; margin: 0 auto 48px; }

.form-custom__content { margin-bottom: 64px; }

.form-custom__content p { font-size: 18px; line-height: 28px; }

.form-custom__content ul { padding-left: 24px; margin-top: -12px; }

.form-custom__djp { margin-bottom: 64px; }

.form-custom__djp .title { display: block; font-weight: 500; margin-bottom: 24px; }

.form-custom__djp .items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: -16px; margin-right: -16px; }

.form-custom__djp .items .item { display: block; padding-left: 16px; padding-right: 16px; }

.form-custom__djp .items .item img { max-height: 80px; max-width: 120px; width: auto; height: auto; }

.form-custom__wrap { background: #FFF; box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); border-radius: 8px; padding: 40px; margin-bottom: 64px; }

.mastheadrvmp--upjk { background: #FFF1D6; }

.block-info__title { font-size: 18px; list-style: 28px; margin-bottom: 0; }

.block-info__items { display: -ms-grid; display: grid; -ms-grid-columns: auto auto auto; grid-template-columns: auto auto auto; }

.block-info__items .item { display: block; position: relative; }

.block-info__items .item__icon img { display: block; height: 24px; width: auto; }

.block-info__items .item__text { font-weight: 600; margin-left: 8px; }

.block-info__items .item__wrap { padding-left: 40px; padding-right: 40px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.block-info__items .item:before { content: ""; display: block; position: absolute; width: 1px; height: 100%; left: 0; top: 0; background: #E3E3E8; }

.block-info__items .item:first-child::before { display: none; }

.block-info__wrap { padding-top: 60px; padding-bottom: 60px; }

@media (max-width: 991px) { .block-info__title { margin-bottom: 24px; }
  .block-info__items { display: block; }
  .block-info__items .item__wrap { padding: 0 0 12px; }
  .block-info__items .item:before { display: none; }
  .block-info__wrap { padding: 32px 24px; } }

.block-djp__img { display: block; width: 100%; max-width: 35%; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; padding: 24px; text-align: right; }

.block-djp__img img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.block-djp__title { font-size: 32px; line-height: 40px; margin-bottom: 16px; }

.block-djp__desc { margin-bottom: 20px; }

.block-djp__desc p:last-child { margin-bottom: 0; }

.block-djp__content { display: block; width: 100%; max-width: 65%; -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; padding: 24px 24px 24px 8px; }

.block-djp__box { display: -webkit-flex; display: -ms-flexbox; display: flex; background: #F3F3F3; border-radius: 16px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.block-djp__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .block-djp__title { font-size: 24px; line-height: 32px; }
  .block-djp__img { max-width: 100%; padding: 24px; }
  .block-djp__img img { display: block; height: auto; width: auto; }
  .block-djp__buttons { text-align: center; }
  .block-djp__content { padding: 0; max-width: 100%; padding: 8px 24px 24px 24px; }
  .block-djp__box { display: block; }
  .block-djp__wrap { padding-top: 32px; padding-bottom: 32px; } }

.block-webminar__title { font-size: 40px; line-height: 48px; font-weight: 600; margin-bottom: 28px; text-align: center; }

.block-webminar__desc { margin-bottom: 56px; text-align: center; }

.block-webminar__desc p:last-child { margin-bottom: 0; }

.block-webminar__sectitle { font-size: 24px; line-height: 32px; margin-bottom: 24px; }

.block-webminar .item { margin-bottom: 32px; }

.block-webminar .item__img { display: block; position: relative; }

.block-webminar .item__img .img { position: relative; padding-top: 60%; overflow: hidden; border-radius: 4px 4px 0 0; }

.block-webminar .item__img img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; -webkit-transform: none; transform: none; transition: all .4s ease-in-out; }

.block-webminar .item__img .btn-play { display: block; position: absolute; z-index: 2; top: calc(50% - 30px); left: calc(50% - 30px); width: 60px; height: 60px; border-radius: 30px; background: url("../images/ic-play-dark.svg") no-repeat center; background-color: #FFF; }

.block-webminar .item__img:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.block-webminar .item__img:hover .btn-play { box-shadow: 0 0 0 rgba(255, 255, 255, 0.4); -webkit-animation: "pulse-white" 2s infinite; animation: "pulse-white" 2s infinite; }

@-webkit-keyframes pulse-white { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(255, 255, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

@keyframes pulse-white { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(255, 255, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

.block-webminar .item__title { font-size: 18px; line-height: 28px; font-weight: 500; margin-bottom: 8px; }

.block-webminar .item__title:last-child { margin-bottom: 0; }

.block-webminar .item__title a { display: block; transition: all .3s ease; }

.block-webminar .item__title a:hover { color: #F58232; }

.block-webminar .item__meta { font-size: 14px; line-height: 20px; margin-bottom: 16px; }

.block-webminar .item__meta:last-child { margin-bottom: 0; }

.block-webminar .item__desc p:last-child { margin-bottom: 0; }

.block-webminar .item__buttons { padding-top: 40px; }

.block-webminar .item__content { padding: 24px; }

.block-webminar .item__wrap { border-radius: 4px; border: 1px solid #E3E3E8; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; box-shadow: 0 0 0 rgba(119, 119, 119, 0.1), 0 0 0 rgba(119, 119, 119, 0.2); transition: all .4s ease-in-out; }

.block-webminar .item:hover .item__wrap { border: 1px solid #005FBF; box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }

.block-webminar__now { padding-bottom: 32px; }

.block-webminar__now .item__img { display: block; width: 100%; max-width: 48%; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; }

.block-webminar__now .item__img .img { border-radius: 4px 0 0 4px; }

.block-webminar__now .item__title { -webkit-order: 2; -ms-flex-order: 2; order: 2; font-size: 32px; line-height: 40px; margin-bottom: 28px; }

.block-webminar__now .item__meta { -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 8px; }

.block-webminar__now .item__desc { -webkit-order: 3; -ms-flex-order: 3; order: 3; }

.block-webminar__now .item__buttons { -webkit-order: 4; -ms-flex-order: 4; order: 4; display: block; }

.block-webminar__now .item__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 52%; -webkit-flex: 0 0 52%; -ms-flex: 0 0 52%; flex: 0 0 52%; }

.block-webminar__now .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

.block-webminar__next { padding-bottom: 32px; }

.block-webminar__next .row { margin-left: -12px; margin-right: -12px; }

.block-webminar__next .row .col-md-4 { padding-left: 12px; padding-right: 12px; }

.block-webminar__rewatch .item__desc { display: none; }

.block-webminar__rewatch .row { margin-left: -12px; margin-right: -12px; }

.block-webminar__rewatch .row .col-md-4 { padding-left: 12px; padding-right: 12px; }

.block-webminar__wrap { padding-top: 80px; padding-bottom: 48px; }

@media (max-width: 991px) { .block-webminar__title { font-size: 24px; line-height: 32px; margin-bottom: 16px; }
  .block-webminar__desc { margin-bottom: 24px; }
  .block-webminar__now .item__img { max-width: 100%; }
  .block-webminar__now .item__title { font-size: 18px; line-height: 28px; margin-bottom: 8px; }
  .block-webminar__now .item__buttons { padding-top: 24px; }
  .block-webminar__now .item__buttons .btn { width: 100%; }
  .block-webminar__now .item__buttons .btn + .btn { margin-top: 8px; }
  .block-webminar__now .item__content { max-width: 100%; }
  .block-webminar__now .item__wrap { display: block; }
  .block-webminar__wrap { padding: 64px 24px 48px; } }

.block-blogs { background: #F2F4F7; margin-bottom: 80px; }

.block-blogs__title { font-size: 40px; line-height: 48px; margin-bottom: 28px; text-align: center; }

.block-blogs__desc { text-align: center; margin-bottom: 28px; }

.block-blogs__desc p:last-child { margin-bottom: 0; }

.block-blogs__buttons { text-align: center; }

.block-blogs__featured { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #E3E3E8; }

.block-blogs__featured .item__img { position: relative; width: 100%; max-width: 29.125%; -webkit-flex: 0 0 29.125%; -ms-flex: 0 0 29.125%; flex: 0 0 29.125%; }

.block-blogs__featured .item__img .img { display: block; position: relative; width: 100%; padding-top: 60.12%; }

.block-blogs__featured .item__img .img img { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; border-radius: 4px; }

.block-blogs__featured .item__meta { font-size: 14px; line-height: 20px; margin-bottom: 8px; }

.block-blogs__featured .item__title { font-size: 18px; line-height: 28px; margin-bottom: 16px; }

.block-blogs__featured .item__title a { display: block; }

.block-blogs__featured .item__title a:hover { color: #F58232; }

.block-blogs__featured .item__title:last-child { margin-bottom: 0; }

.block-blogs__featured .item__desc { margin-bottom: 16px; }

.block-blogs__featured .item__desc p:last-child { margin-bottom: 0; }

.block-blogs__featured .item__content { padding-left: 16px; }

.block-blogs__featured .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 24px; padding-bottom: 24px; border-bottom: 1px solid #E3E3E8; }

.block-blogs__featured .item:last-child .item__wrap { border-bottom: 0; padding-bottom: 0; }

.block-blogs__featured .item--large .item__img { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 20px; }

.block-blogs__featured .item--large .item__title { font-size: 24px; line-height: 32px; }

.block-blogs__featured .item--large .item__content { padding-left: 0; }

.block-blogs__featured .item--large .item__wrap { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.block-blogs__main { padding-top: 40px; }

.block-blogs__main .item { margin-bottom: 32px; }

.block-blogs__main .item__img { position: relative; }

.block-blogs__main .item__img .img { display: block; position: relative; width: 100%; padding-top: 60.12%; }

.block-blogs__main .item__img .img img { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; border-radius: 4px 4px 0 0; }

.block-blogs__main .item__meta { font-size: 14px; line-height: 20px; margin-bottom: 8px; }

.block-blogs__main .item__title { font-size: 18px; line-height: 28px; margin-bottom: 16px; }

.block-blogs__main .item__title a { display: block; }

.block-blogs__main .item__title a:hover { color: #F58232; }

.block-blogs__main .item__title:last-child { margin-bottom: 0; }

.block-blogs__main .item__desc { margin-bottom: 16px; }

.block-blogs__main .item__desc p:last-child { margin-bottom: 0; }

.block-blogs__main .item__content { padding: 24px; }

.block-blogs__main .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 4px; background: #FFF; border: 1px solid #E3E3E8; height: 100%; }

.block-blogs__wrap { padding-top: 80px; padding-bottom: 48px; }

@media (max-width: 991px) { .block-blogs__title { font-size: 24px; line-height: 32px; margin-bottom: 16px; }
  .block-blogs__desc { margin-bottom: 16px; }
  .block-blogs__featured { padding-top: 24px; padding-bottom: 24px; }
  .block-blogs__featured .item--large { padding-bottom: 32px; }
  .block-blogs__main .item__wrap { height: auto; }
  .block-blogs__wrap { padding: 64px 24px 48px; } }

.block-qna__wrap { padding-top: 24px; padding-bottom: 80px; }

.block-points__title { font-size: 32px; line-height: 40px; font-weight: 600; }

.block-points .items { display: -ms-grid; display: grid; -ms-grid-columns: auto auto; grid-template-columns: auto auto; }

.block-points .item { position: relative; margin-bottom: 32px; }

.block-points .item p { margin-bottom: 0; font-size: 18px; line-height: 28px; }

.block-points .item__icon img { max-width: 100%; height: auto; }

.block-points .item__text { padding-left: 12px; }

.block-points .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 42px; }

.block-points__wrap { padding-top: 80px; padding-bottom: 48px; }

@media (max-width: 991px) { .block-points__title { font-size: 24px; line-height: 32px; margin-bottom: 40px; }
  .block-points__title br { display: none; }
  .block-points .items { display: block; }
  .block-points .item__wrap { padding-left: 0; } }

.block-accor__title { font-size: 32px; line-height: 40px; font-weight: 600; margin-bottom: 40px; }

.block-accor .accordion { margin-bottom: 0; }

.block-accor .accordion .card { border: 0; margin-bottom: 0; overflow: hidden; }

.block-accor .accordion .card__himage { display: none; }

.block-accor .accordion .card__himage img { display: block; width: 90%; height: auto; margin: 0 auto; }

.block-accor .accordion .card::before { content: ""; display: block; width: 100%; height: 2px; background: #F58232; opacity: 0; transition: all .3s ease; }

.block-accor .accordion .card.open { margin-top: 8px; margin-bottom: 8px; }

.block-accor .accordion .card.open::before { opacity: 1; }

.block-accor__wrap { padding-top: 80px; padding-bottom: 80px; }

@media (max-width: 991px) { .block-accor__title { font-size: 24px; line-height: 32px; margin-bottom: 40px; }
  .block-accor__img { display: none; }
  .block-accor .accordion .card__himage { display: block; } }

.block-pricing-alt__sub { display: block; font-size: 14px; line-height: 20px; text-align: center; margin: 0 0 12px; }

.block-pricing-alt__title { font-size: 40px; line-height: 48px; text-align: center; margin: 0 0 48px; }

.block-pricing-alt .item { margin-bottom: 24px; }

.block-pricing-alt .item__title { font-size: 24px; line-height: 32px; font-weight: 600; display: block; margin-bottom: 16px; }

.block-pricing-alt .item__desc { margin-bottom: 20px; }

.block-pricing-alt .item__desc p:last-child { margin-bottom: 0; }

.block-pricing-alt .item__price { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #005FBF; }

.block-pricing-alt .item__price small { display: block; font-size: 16px; line-height: 24px; font-weight: 600; margin-right: 8px; }

.block-pricing-alt .item__price span { display: block; font-size: 56px; line-height: 64px; font-weight: 600; }

.block-pricing-alt .item__head { padding-bottom: 20px; }

.block-pricing-alt .item__main { padding-bottom: 20px; }

.block-pricing-alt .item__main ul.list-check > li { margin-bottom: 8px; }

.block-pricing-alt .item__wrap { border: 1px solid #E3E3E8; border-radius: 4px; padding: 24px; box-shadow: 0 0 0 rgba(119, 119, 119, 0.1); transition: all .3s ease; }

.block-pricing-alt .item:hover .item__wrap { box-shadow: 0px 12px 20px rgba(119, 119, 119, 0.2); }

.block-pricing-alt__wrap { padding-top: 80px; padding-bottom: 0; }

@media (max-width: 991px) { .block-pricing-alt__title { font-size: 24px; line-height: 32px; margin-bottom: 40px; }
  .block-pricing-alt__title br { display: none; }
  .block-pricing-alt .item__title { font-size: 20px; line-height: 28px; }
  .block-pricing-alt__wrap { padding-top: 64px; padding-bottom: 40px; } }

.mastheadrvmp--pricing .mastheadrvmp__wrap { padding-top: 80px; padding-bottom: 48px; }

.mastheadrvmp--pricing .mastheadrvmp__title { text-align: center; }

.mastheadrvmp--pricing .mastheadrvmp__title:last-child { margin-bottom: 0; }

@media (max-width: 991px) { .mastheadrvmp--pricing .mastheadrvmp__title br { display: none; } }

.pricing-main { padding-bottom: 72px; }

.pricing-main .pricing-items { margin-left: -8px; margin-right: -8px; }

.pricing-main .pricing-items .row { margin-left: -8px; margin-right: -8px; }

.pricing-main .pricing-items [class^="col-"] { padding-left: 8px; padding-right: 8px; }

.pricing-main .tnc { position: absolute; top: 100%; right: 12px; display: block; padding-top: 16px; text-align: right; }

.pricing-main .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; border-radius: 8px; }

.pricing-main .item__head { display: block; padding: 16px; border: 1px solid #DFDFDF; background: #F2F4F7; border-radius: 8px 8px 0 0; }

.pricing-main .item__head h3 { font-size: 24px; line-height: 32px; margin-bottom: 12px; }

.pricing-main .item__head h3 .mp { display: inline-block; vertical-align: middle; margin-left: 12px; font-size: 12px; line-height: 16px; padding: 4px 8px; border-radius: 4px; background: #19A184; font-weight: 500; color: #FFF; }

.pricing-main .item__head p { font-size: 16px; line-height: 24px; margin-bottom: 24px; }

.pricing-main .item__head .price { display: block; }

.pricing-main .item__head .price:not(:last-child) { margin-bottom: 20px; }

.pricing-main .item__head .price .sf { display: block; min-height: 20px; margin-bottom: 4px; font-size: 16px; line-height: 20px; }

.pricing-main .item__head .price .pr { display: block; color: #2B2A35; font-size: 28px; line-height: 32px; font-weight: 500; }

.pricing-main .item__head .price .pr small { display: inline-block; font-size: 14px; line-height: 20px; font-weight: 400; margin-left: 6px; color: #545465; }

.pricing-main .item__head .price .pr.sm { font-size: 24px; line-height: 32px; }

.pricing-main .item__toggle { position: relative; padding: 16px 48px 16px 16px; color: #F58232; cursor: pointer; font-weight: 500; }

.pricing-main .item__toggle:hover { color: #e9660b; }

.pricing-main .item__toggle::after { content: ""; display: block; width: 24px; height: 24px; background: url("../images/ic-chevron-up-orange.svg") no-repeat center; background-size: contain; position: absolute; top: calc(50% - 12px); right: 16px; -webkit-transform: rotate(0); transform: rotate(0); transition: all .3s ease; }

.pricing-main .item__toggle.collapsed::after { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.pricing-main .item__collapse-wrap { padding: 8px 16px 16px; }

.pricing-main .item__main { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 0; border: 1px solid #DFDFDF; border-top: 0; background: #FFF; border-radius: 0 0 8px 8px; color: #545465; }

.pricing-main .item__main span.cat { display: block; font-size: 14px; line-height: 20px; color: #2B2A35; margin-bottom: 4px; font-weight: 600; }

.pricing-main .item--highlight .item__wrap { box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }

.pricing-main .item--highlight .item__head { border-color: #F96D01; background: #FBF3DD; }

.pricing-main .item--highlight .item__main { border-color: #F96D01; }

.pricing-main .pricing-main__buttons { text-align: center; padding-top: 48px; }

@media (max-width: 991px) { .pricing-main { padding-bottom: 48px; }
  .pricing-main .item { margin-bottom: 32px; } }

@media (max-width: 768px) { .pricing-main__wrap > .row { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .pricing-main__buttons { display: none; } }

.recom-bundle { padding-top: 80px; padding-bottom: 80px; }

.recom-bundle__sub { text-align: center; font-size: 14px; line-height: 20px; display: block; margin-bottom: 12px; color: #545465; }

.recom-bundle__title { text-align: center; font-size: 40px; line-height: 48px; margin: 0 auto 40px; font-weight: 600; max-width: 808px; }

.recom-bundle__nav .item { position: relative; padding: 20px 60px 20px 32px; background: #FFF; border: 1px solid #DFDFDF; border-radius: 4px; margin-bottom: 12px; transition: all .3s ease; }

.recom-bundle__nav .item[data-toggle] { cursor: pointer; }

.recom-bundle__nav .item:after { content: ""; display: block; width: 24px; height: 24px; background: url("../images/ic-chevron-right-round.svg") no-repeat center; background-size: contain; position: absolute; top: calc(50% - 12px); right: 30px; opacity: 0; transition: all .3s ease; }

.recom-bundle__nav .item__logo { position: relative; margin-bottom: 12px; }

.recom-bundle__nav .item__logo img { display: block; height: 26px; width: auto; }

.recom-bundle__nav .item.active { border-color: #F58232; background: #F9E2DE80; }

.recom-bundle__nav .item.active:after { opacity: 1; right: 24px; }

.recom-bundle__nav .item:not(.active):hover { background: #F2F4F7; }

.recom-bundle .tab-pane { padding: 32px; border: 1px solid #DFDFDF; border-radius: 4px; }

.recom-bundle .tab-pane__sm { display: none; }

.recom-bundle .tab-pane h3 { margin-bottom: 16px; }

.recom-bundle .tab-pane span.cat { color: #2B2A35; font-size: 16px; line-height: 24px; font-weight: 500; display: block; margin-bottom: 8px; }

.recom-bundle .tab-pane ul.custom-list > li { margin-bottom: 8px; }

.recom-bundle .tab-pane ul.custom-list > li:last-child { margin-bottom: 0; }

.recom-bundle .tab-pane .price:not(:last-child) { margin-bottom: 24px; }

.recom-bundle .tab-pane .price .ps { font-size: 14px; line-height: 20px; color: #777; }

.recom-bundle .tab-pane .price .pn { font-size: 28px; line-height: 48px; font-weight: 500; color: #2B2A35; }

.recom-bundle .tab-pane .price .pt { font-size: 16px; line-height: 24px; font-weight: 500; color: #2B2A35; }

.recom-bundle .tab-pane .tab-action { padding-top: 32px; }

.recom-bundle .tnc { display: block; padding-top: 16px; font-size: 12px; line-height: 16px; color: #545465; text-align: right; }

.recom-bundle .bundle { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.recom-bundle .bundle__logo img { display: block; height: 48px; width: auto; }

.recom-bundle .bundle__price { margin-top: auto; margin-bottom: 12px; }

.recom-bundle .bundle__price .sf { display: block; -webkit-margin-after: 8px; margin-block-end: 8px; }

.recom-bundle .bundle__price .pr { display: block; font-size: 40px; line-height: 48px; letter-spacing: -0.5px; font-weight: 600; }

.recom-bundle .bundle__price .pr small { display: inline-block; font-size: 18px; line-height: 28px; margin-left: 4px; color: #545465; }

.recom-bundle .bundle__action .btn { width: 100%; }

.recom-bundle .bundle__action .btn-link { color: #1357FF; line-height: 24px; padding: 0; }

.recom-bundle .bundle__action .btn + .btn { margin-top: 16px; }

.recom-bundle .bundle span.cat { display: block; font-size: 18px; line-height: 28px; color: #2B2A35; margin-bottom: 12px; font-weight: 500; }

.recom-bundle .bundle__head { padding: 32px; background: #F9FAFB; border: 1px solid #009BDE; border-radius: 4px 0 0 4px; width: 100%; max-width: 38%; -webkit-flex: 0 0 38%; -ms-flex: 0 0 38%; flex: 0 0 38%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.recom-bundle .bundle__main { padding: 32px; background: #FFF; border: 1px solid #DFDFDF; border-left: 0; border-radius: 0 4px 4px 0; width: 100%; max-width: 62%; -webkit-flex: 0 0 62%; -ms-flex: 0 0 62%; flex: 0 0 62%; }

@media (max-width: 991px) { .recom-bundle .bundle { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .recom-bundle .bundle__logo img { height: 32px; width: auto; }
  .recom-bundle .bundle__price { padding-top: 32px; }
  .recom-bundle .bundle__price .sf { margin-bottom: 4px; }
  .recom-bundle .bundle__price .pr { font-size: 28px; line-height: 36px; }
  .recom-bundle .bundle__price .pr small { font-size: 16px; line-height: 24px; }
  .recom-bundle .bundle__head { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 24px 24px 16px; border-radius: 4px 4px 0 0; }
  .recom-bundle .bundle__main { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 24px; border-radius: 0 0 4px 4px; border-left: 1px solid #DFDFDF; border-top: 0; } }

@media (max-width: 991px) { .recom-bundle { padding-top: 64px; padding-bottom: 64px; }
  .recom-bundle__title { font-size: 24px; line-height: 32px; }
  .recom-bundle__nav { display: none; }
  .recom-bundle .tab-pane { margin-bottom: 24px; display: block; }
  .recom-bundle .tab-pane__sm { display: block; }
  .recom-bundle .tab-pane__sm .item__logo { margin-bottom: 12px; }
  .recom-bundle .tab-pane__sm .item__desc { margin-bottom: 24px; }
  .recom-bundle .tab-pane .hide-sm { display: none; }
  .recom-bundle .tab-pane:last-child { margin-bottom: 0; } }

@media (max-width: 768px) { .recom-bundle { padding-left: 12px; padding-right: 12px; } }

.testimoni-big { width: 100%; overflow: hidden; margin-bottom: 24px; }

.testimoni-big .link-more { color: #F9A564; }

.testimoni-big .link-more:after { background-image: url("../images/ic-arrow-right-long-orange.svg"); }

.testimoni-big__img { position: relative; width: 100%; padding-top: 100%; }

.testimoni-big__img img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; border-radius: 8px; object-fit: cover; object-position: center; }

.testimoni-big__title { font-size: 32px; line-height: 40px; margin-bottom: 32px; }

.testimoni-big__quote { margin-bottom: 24px; }

.testimoni-big__author { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.testimoni-big__author .author-logo { padding-right: 16px; border-right: 1px solid #FFF; }

.testimoni-big__author .author-logo img { display: block; width: auto; height: 60px; }

.testimoni-big__author .author-content { padding-left: 16px; }

.testimoni-big__author .author-content span { display: block; }

.testimoni-big__author .author-content .name { font-weight: 600; }

.testimoni-big__buttons { padding-top: 40px; }

.testimoni-big__wrap { position: relative; padding-top: 48px; padding-bottom: 48px; color: #FFF; }

.testimoni-big__wrap::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 16.666%; background: #011C40; border-radius: 8px; }

@media (max-width: 991px) { .testimoni-big { padding-left: 24px; padding-right: 24px; }
  .testimoni-big__img { max-width: 85%; padding-top: 85%; margin: 0 auto 40px; }
  .testimoni-big__content { padding-left: 16px; padding-right: 16px; }
  .testimoni-big__title { font-size: 24px; line-height: 32px; }
  .testimoni-big__author { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .testimoni-big__author .author-logo { padding-right: 0; margin-bottom: 16px; border: 0; }
  .testimoni-big__author .author-logo img { height: 48px; }
  .testimoni-big__author .author-content { padding-left: 0; }
  .testimoni-big__wrap:before { left: 0; top: auto; bottom: 0; height: 82%; } }

.modal--pricing span.yes { display: inline-block; width: 20px; height: 20px; line-height: 20px; margin: 0 auto; background: url("../images/ic-check.svg") no-repeat center; background-size: contain; }

.modal--pricing .btn-collapse { position: relative; display: inline-block; color: #1357FF; padding-left: 26px; cursor: pointer; }

.modal--pricing .btn-collapse::before { content: ""; position: absolute; display: block; left: 0; top: 2px; width: 20px; height: 20px; background: url("../images/ic-minus.svg") no-repeat center; background-size: contain; }

.modal--pricing .btn-collapse.collapsed::before { background-image: url("../images/ic-plus.svg"); }

.modal--pricing .group-title { display: block; position: relative; width: 100%; padding: 16px 24px 16px 56px; font-size: 18px; line-height: 28px; font-weight: 600; color: #2B2A35; border: 1px solid #E3E3E8; border-width: 0 1px 1px 0; }

.modal--pricing .group-title::before { content: ""; position: absolute; display: block; left: 24px; top: 20px; width: 20px; height: 20px; background: url("../images/ic-minus.svg") no-repeat center; background-size: contain; -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.modal--pricing .group-title.collapsed::before { background-image: url("../images/ic-plus.svg"); }

.modal--pricing .pricing-detail .group-row { display: -ms-grid; display: grid; -ms-grid-columns: 26% 18.5% 18.5% 18.5% 18.5%; grid-template-columns: 26% 18.5% 18.5% 18.5% 18.5%; }

.modal--pricing .pricing-detail .cell { padding: 16px 24px; color: #545465; border: 1px solid #E3E3E8; border-width: 0 1px 1px 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.modal--pricing .pricing-detail__action { padding: 16px 24px; }

.modal--pricing .pricing-detail__heading { border: 1px solid #E3E3E8; border-width: 1px 0 0 1px; text-align: center; }

.modal--pricing .pricing-detail__heading .title { display: block; width: 100%; font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 12px; color: #2B2A35; }

.modal--pricing .pricing-detail__heading p { font-size: 14px; line-height: 20px; margin-bottom: 0; }

.modal--pricing .pricing-detail__heading .cell { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 32px 24px; }

.modal--pricing .pricing-detail__heading .cell:first-child .title, .modal--pricing .pricing-detail__heading .cell:first-child p { text-align: left; }

.modal--pricing .pricing-detail__group { border: 1px solid #E3E3E8; border-width: 1px 0 0 1px; margin-top: -1px; }

.modal--pricing .pricing-detail__group .cell { background: #F2F4F7; }

.modal--pricing .modal-title { display: block; width: 100%; font-size: 40px; line-height: 48px; margin-bottom: 24px; }

.modal--pricing .modal-header { padding: 24px 24px 0; text-align: center; border: 0; }

.modal--pricing .modal-body { padding: 28px; }

.modal--pricing .modal-content { padding-top: 56px; border-radius: 4px; }

.modal--pricing .modal-dialog { max-width: 1280px; }

.testimonial-small__wrap { padding: 80px 0; }

.testimonial-small .item__quote { font-size: 24px; line-height: 32px; margin-bottom: 16px; font-family: "Roboto Medium", sans-serif; font-weight: 500; }

.testimonial-small .item__author .author-logo { display: inline-block; vertical-align: middle; padding-right: 24px; }

.testimonial-small .item__author .author-logo img { height: 32px; width: auto; display: block; }

.testimonial-small .item__author .auhtor-content { display: inline-block; vertical-align: middle; padding: 12px 24px; border-left: 1px solid #DFDFDF; }

.testimonial-small .item__author .auhtor-content span { display: block; }

.testimonial-small .item__author .auhtor-content .name { font-family: "Roboto Medium", sans-serif; font-weight: 500; }

.testimonial-small .item__img { position: absolute; top: 0; left: 12px; width: 20%; padding: 36px 0; }

.testimonial-small .item__img .img { display: block; width: 100%; padding-top: 100%; position: relative; }

.testimonial-small .item__img .img img { display: block; width: 100%; height: 100%; border-radius: 8px; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; }

.testimonial-small .item__box { margin-left: 10%; background: #10253E; color: #FFF; padding: 48px 40px 48px 14%; box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); border-radius: 6px; }

@media (max-width: 991px) { .testimonial-small { padding-left: 12px; padding-right: 12px; }
  .testimonial-small .item__box { margin-left: 0; padding: 24px; }
  .testimonial-small .item__img { position: relative; left: 0; padding: 0; width: 100%; margin-bottom: 32px; }
  .testimonial-small .item__quote { font-size: 20px; line-height: 30px; margin-bottom: 32px; }
  .testimonial-small .item__author .author-logo { display: block; margin-bottom: 16px; }
  .testimonial-small .item__author .auhtor-content { display: block; padding: 0; border-left: 0; } }

.page-tabs { position: relative; }

.page-tabs__header { padding-top: 4rem; }

.page-tabs__title { display: block; width: 100%; text-align: center; color: #212121; max-width: 600px; margin: 0 auto 28px; font-size: 40px; line-height: 48px; }

@media (max-width: 991px) { .page-tabs__title { font-size: 28px; line-height: 36px; } }

.page-tabs__desc { max-width: 600px; margin: 0 auto 64px; }

@media (max-width: 991px) { .page-tabs__desc { margin: 0 auto 40px; } }

.page-tabs .nav-tabs .nav-link { display: block; border: 1px solid #DFDFDF; border-radius: 0.25rem; padding: 1.5rem; text-align: center; color: #212121; background: #FFFFFF; transition: all .3s ease; height: 100%; }

.page-tabs .nav-tabs .nav-link .icon { display: block; height: 48px; width: 48px; margin: 0 auto 12px; }

.page-tabs .nav-tabs .nav-link span { display: block; font-size: 0.875rem; line-height: 1.5em; color: #212121; }

.page-tabs .nav-tabs .nav-link h3 { display: block; font-size: 1.5rem; line-height: 1.333em; margin: 0; color: #212121; }

.page-tabs .nav-tabs .nav-link:hover { text-decoration: none; background: #F2F4F7; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08); }

.page-tabs .nav-tabs .nav-link.active { text-decoration: none; background: #F2F4F7; border-color: #005FBF; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08); }

.page-tabs .nav-tabs .nav-link.active .icon path { fill: #005FBF; }

@media (min-width: 1600px) { .page-tabs .container.container--nav-tabs { max-width: 1600px; } }

.page-tabs--alt { padding-top: 80px; }

@media (max-width: 991px) { .page-tabs--alt { padding-top: 46px; } }

@media (max-width: 768px) { .page-tabs--alt .page-tabs__header { padding: 4rem 0 6rem 0; } }

@media (max-width: 991px) { .page-tabs--alt .page-tabs__title { padding-top: 30px; } }

.page-tabs--alt .page-tabs__body .mobile-section { display: none; }

@media (max-width: 768px) { .page-tabs--alt .page-tabs__body .mobile-section { display: block; }
  .page-tabs--alt .page-tabs__body .mobile-section .img { margin-bottom: 16px; max-height: 48px; width: auto; }
  .page-tabs--alt .page-tabs__body .mobile-section h3 { margin-bottom: 12px; }
  .page-tabs--alt .page-tabs__body .mobile-section h4 { margin-bottom: 12px; } }

.page-tabs--alt .page-tabs__dropdown { position: relative; }

@media (max-width: 768px) { .page-tabs--alt .page-tabs__dropdown { margin-top: -10px; } }

.page-tabs--alt .page-tabs__dropdown .selected { display: none; width: 100%; height: 48px; position: absolute; left: 0; top: 0; padding: 10px 35px 10px 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #2B2A35; font-size: 16px; line-height: 1.85rem; font-family: "Roboto Medium", sans-serif; font-weight: 500; }

.page-tabs--alt .page-tabs__dropdown .selected::after { content: ''; background: url(../images/arrow-down.svg) no-repeat center; width: 24px; height: 24px; display: inline-block; position: absolute; bottom: 12px; right: 10px; }

@media (max-width: 768px) { .page-tabs--alt .page-tabs__dropdown .selected { height: 48px; width: 100%; background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 4px; display: block; } }

.page-tabs--alt .page-tabs__dropdown.active .nav-tabs { height: auto; }

.page-tabs--alt .nav-tabs .nav-item__title { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: left; margin-bottom: 0.75rem; }

@media (max-width: 991px) { .page-tabs--alt .nav-tabs .nav-item__title { margin-bottom: 0; } }

.page-tabs--alt .nav-tabs .nav-item__title h3 { font-size: 16px; line-height: 24px; }

@media (max-width: 768px) { .page-tabs--alt .nav-tabs .nav-item__title h3 { font-size: 1rem; line-height: 1.5rem; } }

.page-tabs--alt .nav-tabs .nav-item__title .ic { max-width: 40px; min-width: 40px; margin-right: 1rem; }

.page-tabs--alt .nav-tabs .nav-item .nav-link { background: #FFF; border: 0; position: relative; padding: 2rem; text-align: left; }

.page-tabs--alt .nav-tabs .nav-item .nav-link:hover, .page-tabs--alt .nav-tabs .nav-item .nav-link.active { box-shadow: none; background: #F2F4F7; border-radius: 8px 8px 0 0; }

.page-tabs--alt .nav-tabs .nav-item .nav-link:hover::after, .page-tabs--alt .nav-tabs .nav-item .nav-link.active::after { content: ''; background: url(../images/arrow-down.svg) no-repeat center; width: 24px; height: 24px; display: inline-block; position: absolute; bottom: 0.75rem; left: calc(50% - 12px); }

@media (max-width: 768px) { .page-tabs--alt .nav-tabs .nav-item .nav-link:hover::after, .page-tabs--alt .nav-tabs .nav-item .nav-link.active::after { display: none; } }

@media (max-width: 768px) { .page-tabs--alt .nav-tabs .nav-item .nav-link { border-radius: 0 !important; border: 1px solid #E2E2E2; padding: 12px; height: auto; }
  .page-tabs--alt .nav-tabs .nav-item .nav-link .ic { display: none; } }

.page-tabs--alt .nav-tabs.slider-tabs .owl-stage-outer { overflow: visible; }

.page-tabs--alt .nav-tabs.slider-tabs .owl-stage { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.page-tabs--alt .nav-tabs.slider-tabs .owl-stage::after { display: none; }

.page-tabs--alt .nav-tabs.slider-tabs .owl-item { position: relative; width: 100% !important; padding: 0 12px; }

.page-tabs--alt .nav-tabs.slider-tabs .nav-item { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; }

@media (max-width: 991px) { .page-tabs--alt .nav-tabs.slider-tabs { width: 100%; }
  .page-tabs--alt .nav-tabs.slider-tabs .nav-item { width: 100%; display: block; } }

.page-tabs--alt .page-tabs__section-head { padding-top: 80px; padding-bottom: 48px; }

.page-tabs--alt .page-tabs__title { margin-bottom: 16px; text-align: center; }

.page-tabs--alt .page-tabs__desc { text-align: center; }

.page-tabs--alt .page-tabs__body { background: #F2F4F7; }

.page-tabs--alt .page-tabs__wrap.sticky-me { z-index: 20; }

.page-tabs--alt .page-tabs__wrap.sticky-me .page-tabs__header { transition: all .4s ease; padding-top: 0; }

.page-tabs--alt .page-tabs__wrap.sticky-me .nav-tabs .nav-item__title { transition: all .4s ease; }

.page-tabs--alt .page-tabs__wrap.sticky-me .nav-tabs .nav-item__title .ic { transition: all .4s ease; }

.page-tabs--alt .page-tabs__wrap.sticky-me .nav-tabs .nav-item .nav-link { transition: all .4s ease; }

.page-tabs--alt .page-tabs__wrap.sticky-me.stick { background: #FFF; bottom: auto !important; border-bottom: 1px solid #DFDFDF; }

.page-tabs--alt .page-tabs__wrap.sticky-me.stick .page-tabs__header { padding-top: 56px; }

.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item__title { margin: 0; }

.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item__title .ic { height: 30px; width: 30px; min-width: 30px; margin-right: 12px; }

.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item__title h3 { font-size: 16px; line-height: 24px; }

.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item .nav-link { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 0; padding-top: 12px; padding-bottom: 12px; }

.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item .nav-link p { display: none; }

.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item .nav-link::after { display: none; }

.page-tabs--alt .page-tabs__wrap.sticky-me.show-top.stick .page-tabs__header { padding-top: 97px; }

@media (max-width: 991px) { .page-tabs--alt { background: #F2F4F7; }
  .page-tabs--alt .nav-tabs { position: absolute; z-index: 2; height: 0; overflow: hidden; top: 49px; left: 0; }
  .page-tabs--alt .nav-tabs .nav-link .nav-item__title h3 { margin-bottom: 0; }
  .page-tabs--alt .nav-tabs .nav-link p { display: none; } }

.top-banner { background: linear-gradient(90deg, #3A00A9 1.56%, #7B3CEF 44.12%, #3A00A9 68.21%, #7B3CEF 92.31%); margin-top: 120px; display: block; }

.top-banner a.container { display: block; }

.top-banner__img img { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: auto; height: auto; max-height: 64px; }

.top-banner__meta { color: #FFF; font-size: 18px; line-height: 1.5em; font-family: "Inter", sans-serif; font-weight: 500; }

.top-banner__title { color: #FFF; font-size: 28px; line-height: 1.5em; font-family: "Inter", sans-serif; font-weight: 600; }

.top-banner__desc { color: #FFF; }

.top-banner__desc p { font-size: 14px; line-height: 20px; }

.top-banner__desc span.link { font-size: 15px; line-height: 22px; font-weight: 500; text-decoration: underline; }

.top-banner__desc span.link:hover { color: #e6e5e5; }

.top-banner__content { padding-top: 14px; padding-bottom: 14px; text-align: center; }

.top-banner__buttons { padding-top: 20px; padding-bottom: 20px; }

.top-banner__buttons .btn { padding: 11px 24px; font-size: 16px; line-height: 24px; }

.top-banner__buttons .btn-white { border-color: #FFF; }

@media (max-width: 991px) { .top-banner { margin-top: 0; }
  .top-banner__img { display: none; }
  .top-banner__meta { font-size: 16px; line-height: 24px; margin-bottom: 8px; }
  .top-banner__title { font-size: 28px; line-height: 36px; margin-bottom: 12px; }
  .top-banner__content { padding-top: 28px; }
  .top-banner__buttons { text-align: center; padding-top: 0; padding-bottom: 28px; }
  .top-banner__buttons .btn { display: inline-block; width: auto; margin-bottom: 0; } }

.tbs { z-index: 20; display: block; background: linear-gradient(90deg, #3A00A9 1.56%, #7B3CEF 44.12%, #3A00A9 68.21%, #7B3CEF 92.31%); color: #FFF; position: fixed; width: 100%; top: 0; left: 0; transition: all .4s ease; opacity: 0; }

.tbs-bot { display: block; background: url(../images/sticky-speakers.svg) no-repeat; background-position: center right; background-size: contain; }

.tbs-bot .row { min-height: 120px; }

.tbs:hover { color: #e6e5e5; }

.tbs.is-ready { opacity: 1; }

.tbs__wrap { padding: 4px 0; min-height: 36px; margin: 0 auto; text-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; }

.tbs__img { display: inline-block; text-align: left; }

.tbs__img img { width: 100%; height: auto; margin-top: -5px; }

.tbs__content { display: block; text-align: center; color: #FFF; }

.tbs__content span { display: inline-block; vertical-align: middle; }

.tbs__content span.large { font-size: 18px; line-height: 1.5em; font-family: "Inter", sans-serif; font-weight: 600; }

.tbs__content br { display: none; }

.tbs__cta { display: block; margin-left: auto; }

.tbs__cta .link { text-decoration: underline; font-size: 13px; line-height: 1.5em; }

.tbs__cta .link:hover { color: #e6e5e5; }

.tbs__cta .btn-dummy { color: #fff; position: relative; }

.tbs__cta .btn-dummy:after { content: ""; display: block; width: 24px; height: 20px; background: url(../images/ic-arrow-right-long-white.svg) no-repeat center; background-size: contain; position: absolute; right: -32px; top: calc(50% - 10px); }

.tbs__cta .btn-dummy:hover { color: #fff; text-decoration: underline; }

.tbs__cta .btn-dummy:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.tbs__close { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 64px; height: 30px; top: 0; right: 0; }

.tbs__close span { display: inline-block; height: 16px; width: 16px; border-radius: 8px; text-align: center; vertical-align: middle; background: #FFF; color: #2B2A35; font-size: 14px; line-height: 1; }

.tbs.fixed { top: 57px; opacity: 1; }

.tbs.fixed.show-top { top: 97px; }

@media (max-width: 991px) { .tbs { top: 0; opacity: 1; }
  .tbs-bot { display: none; }
  .tbs > .container > .row { min-height: 50px; }
  .tbs__wrap { padding-left: 0; padding-right: 0; }
  .tbs__content span { display: block; }
  .tbs__content span.meta { font-size: 12px; line-height: 16px; display: block; }
  .tbs__content span.large { margin-left: 0; font-size: 14px; line-height: 1.25rem; }
  .tbs__cta { min-width: 200px; }
  .tbs__close { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; width: 40px; height: 40px; padding: 12px; }
  .tbs__close span { height: 14px; width: 14px; font-size: 13px; }
  .tbs.fixed { top: 56px; }
  .tbs.fixed.show-top { top: 56px; } }

@media (max-width: 768px) { .tbs__wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .tbs__content { text-align: center; width: 100%; }
  .tbs__cta { text-align: center; max-width: 100%; width: 100%; } }

.cta-footer { text-align: center; background: #FFF; padding-top: 64px; padding-bottom: 64px; }

.cta-footer__logomark { margin-bottom: 16px; }

.cta-footer__title { margin-bottom: 20px; }

.cta-footer__desc { margin: 0 auto 32px; max-width: 600px; }

.cta-footer__buttons .btn { margin-left: 6px; margin-right: 6px; }

@media (max-width: 991px) { .cta-footer { padding: 42px 8px; }
  .cta-footer__buttons a, .cta-footer__buttons .btn { width: 100%; display: block; margin-bottom: 14px; margin-left: 0; margin-right: 0; }
  .cta-footer__buttons a:last-child, .cta-footer__buttons .btn:last-child { margin-bottom: 0; } }

.thanks-single { width: 100%; }

.thanks-single__wrap { height: 100vh; width: 100vh; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 16px; }

.thanks-single__icon { width: auto; height: 153px; object-fit: contain; display: block; margin: 0 auto 16px auto; }

/* ------------------------------------------------------------------------------------------------ */
/* Pages style */
/* ------------------------------------------------------------------------------------------------ */
.blog__header { font-size: 14px; line-height: 20px; margin-top: 111px; }

.blog__header .container { position: relative; padding-top: 64px; padding-bottom: 40px; }

.blog__header .container::after { content: ''; width: calc(100% - 24px); height: 1px; left: 12px; bottom: 0; background: #D0D6DE; position: absolute; }

.blog__header .blog__meta { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 4px; }

.blog__header .blog__meta .expert-mark-sm { display: none; }

.blog__header .blog__meta .blog__cat a { font-family: "Inter", sans-serif; font-weight: 600; color: #232933; text-decoration: none; transition: all linear .3s; }

.blog__header .blog__meta .blog__cat a:hover { color: black; text-decoration: underline; transition: all linear .3s; }

.blog__header .blog__meta .blog__read { position: relative; margin-left: 20px; }

.blog__header .blog__meta .blog__read::before { content: '\2022'; color: #232933; height: 4px; width: 4px; position: absolute; left: -13px; top: 0; }

.blog__header .blog__meta .blog__author a { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Inter", sans-serif; font-weight: 600; color: #4B61DD; text-decoration: none; transition: all linear .3s; position: relative; }

.blog__header .blog__meta .blog__author a::before { content: ''; display: inline-block; width: 20px; height: 20px; background: url(../images/ic-employee.svg) no-repeat center; background-size: contain; position: relative; margin-right: 4px; }

.blog__header .blog__meta .blog__author a:hover { color: #2339b9; text-decoration: underline; transition: all linear .3s; }

.blog__header .blog__meta .blog__date { display: inline-block; position: relative; margin-left: 20px; }

.blog__header .blog__meta .blog__date::before { content: '\2022'; color: #232933; height: 4px; width: 4px; position: absolute; left: -13px; top: 0; }

.blog__header .blog__shares { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.blog__header .blog__shares > span { font-family: "Inter", sans-serif; font-weight: 600; color: #232933; margin-right: 18px; }

.blog__header .blog__shares a { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-right: 18px; position: relative; width: 40px; height: 40px; border-radius: 50%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.blog__header .blog__shares a img { width: 24px; height: 24px; object-fit: contain; -webkit-filter: grayscale(0.8); filter: grayscale(0.8); transition: all linear .3s; }

.blog__header .blog__shares a span { position: absolute; color: transparent; font-size: 0; line-height: 0; }

.blog__header .blog__shares a:last-child { margin-right: 0; }

.blog__header .blog__shares a:hover { background: #F7FBFF; }

.blog__header .blog__shares a:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); transition: all linear .3s; }

.blog__header .blog__title { font-family: "Inter", sans-serif; font-weight: 700; font-size: 40px; line-height: 56px; margin-bottom: 18px; }

@media (max-width: 991px) { .blog__header { margin-top: 145px; }
  .blog__header .container { padding-top: 34px; padding-bottom: 32px; }
  .blog__header .blog__title { font-size: 32px; line-height: 40px; }
  .blog__header .blog__meta { display: block; }
  .blog__header .blog__meta .expert-mark { display: none; }
  .blog__header .blog__meta .expert-mark-sm { display: inline-block; margin-left: 6px; vertical-align: middle; }
  .blog__header .blog__meta .blog__cat { display: inline-block; }
  .blog__header .blog__meta .blog__read { display: inline-block; }
  .blog__header .blog__meta .blog__read::before { left: -15px; }
  .blog__header .blog__meta .blog__author { display: block; width: 100%; margin-bottom: 8px; }
  .blog__header .blog__meta .blog__author + svg { display: none; }
  .blog__header .blog__meta .blog__date { display: block; width: 100%; margin-left: 0; margin-bottom: 22px; }
  .blog__header .blog__meta .blog__date::before { display: none; }
  .blog__header .blog__shares { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
  .blog__header .blog__shares > span { margin-right: 17px; } }

.blog__content { padding: 64px 0 40px 0; position: relative; }

.blog__content .blog__wrap .col-lg-3 { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.blog__content .blog__sidebar { position: relative; height: auto; max-width: 100%; overflow: hidden; }

.blog__content .blog__sidebar.left { padding-right: 16px; }

.blog__content .blog__sidebar.right { padding: 0 12px 0 16px; }

.blog__content .blog__sidebar.stick-it { position: fixed; top: 105px; overflow-x: hidden; overflow-y: auto; transition: all linear .3s; height: auto; }

.blog__content .blog__sidebar.stick-it.show-top { top: 120px !important; transition: all linear .3s; }

.blog__content .blog__sidebar.stick-it .blog__box img { height: 0; opacity: 0; position: absolute; transition: all linear .3s; }

.blog__content .blog__sidebar.stick-bottom { position: absolute; bottom: 0; top: unset; height: auto; }

.blog__content .blog__sidebar.stick-bottom .blog__box img { height: auto; opacity: 1; position: relative; transition: all linear .3s; }

.blog__content .blog__sidebar .blog__search { position: relative; margin-bottom: 24px; }

.blog__content .blog__sidebar .blog__search form { position: relative; }

.blog__content .blog__sidebar .blog__search form input[type="text"] { height: 40px; padding: 10px 62px 10px 12px; font-size: 14px; line-height: 20px; border-radius: 6px; }

.blog__content .blog__sidebar .blog__search form button { background: #4B61DD; border-color: #4B61DD; font-size: 16px; line-height: 24px; padding: 5px 8px; font-family: "Inter", sans-serif; font-weight: 600; position: absolute; right: 2px; top: 2px; border-radius: 6px; transition: all linear .3s; }

.blog__content .blog__sidebar .blog__search form button:hover { background: #2740ce; border-color: #2740ce; transition: all linear .3s; }

.blog__content .blog__sidebar .blog__toc { padding-bottom: 30px; }

.blog__content .blog__sidebar .blog__toc b { font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 600; color: #232933; margin-bottom: 24px; display: block; }

.blog__content .blog__sidebar .blog__toc ul { list-style: none; }

.blog__content .blog__sidebar .blog__toc ul li a { display: block; padding: 4px 8px 4px 0; border-right: 1px solid #D0D6DE; font-size: 14px; line-height: 20px; color: #626B79; text-decoration: none; transition: all linear .3s; }

.blog__content .blog__sidebar .blog__toc ul li a:hover { text-decoration: underline; transition: all linear .3s; }

.blog__content .blog__sidebar .blog__toc ul li a.active { color: #0031BE; border-right-color: #0031BE; }

.blog__content .blog__sidebar .blog__box { padding: 16px; border-radius: 4px; margin-bottom: 24px; position: relative; }

.blog__content .blog__sidebar .blog__box img { transition: all linear .3s; }

.blog__content .blog__sidebar strong, .blog__content .blog__sidebar b { font-size: 14px; line-height: 20px; font-family: "Inter", sans-serif; font-weight: 600; margin-bottom: 20px; display: inline-block; }

.blog__content .blog__sidebar .blog__subscribe { padding: 16px; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; }

.blog__content .blog__sidebar .blog__subscribe .btn { display: block; width: 100%; }

.blog__content .blog__sidebar .blog__sosmed { padding: 34px 16px 28px 16px; }

.blog__content .blog__sidebar .blog__sosmed ul { list-style: none; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }

.blog__content .blog__sidebar .blog__sosmed ul li { width: 24px; margin-right: 16px; margin-bottom: 8px; }

.blog__content .blog__sidebar .blog__sosmed ul li a { display: inline-block; position: relative; }

.blog__content .blog__sidebar .blog__sosmed ul li a img { width: 24px; height: 24px; max-width: 24px; max-height: 24px; object-fit: contain; -webkit-filter: grayscale(0.8); filter: grayscale(0.8); }

.blog__content .blog__sidebar .blog__sosmed ul li a span { position: absolute; font-size: 0; line-height: 0; color: transparent; }

.blog__content .blog__sidebar .blog__sosmed ul li a:last-child { margin-right: 0; }

.blog__content .blog__sidebar .blog__sosmed ul li a:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); }

@media (max-width: 991px) { .blog__content { padding: 32px 0 0 0; }
  .blog__content .blog__box img { width: 100%; height: auto; }
  .blog__content .blog__sidebar { height: auto; }
  .blog__content .blog__sosmed strong { display: block; } }

.blog__content .blog__article { font-size: 18px; line-height: 28px; letter-spacing: 0.008em; }

.blog__content .blog__article h2 { font-size: 32px; line-height: 48px; margin-bottom: 24px; font-family: "Inter", sans-serif; font-weight: 600; }

.blog__content .blog__article h3 { font-size: 20px; line-height: 28px; margin-bottom: 16px; font-family: "Inter", sans-serif; font-weight: 600; }

.blog__content .blog__article h4 { font-size: 18px; line-height: 28px; margin-bottom: 16px; font-family: "Inter", sans-serif; font-weight: 600; }

.blog__content .blog__article b, .blog__content .blog__article strong { font-family: "Inter", sans-serif; font-weight: 600; }

.blog__content .blog__article p { margin-bottom: 24px; }

.blog__content .blog__article ul { list-style: disc; }

.blog__content .blog__article ul:last-child { margin-bottom: 24px; }

.blog__content .blog__article ol { list-style: decimal; }

.blog__content .blog__article ol:last-child { margin-bottom: 24px; }

.blog__content .blog__article a { color: #4B61DD; text-decoration: underline; transition: .3s linear all; }

.blog__content .blog__article a:hover { color: #2339b9; text-decoration: none; transition: .3s linear all; }

.blog__content .blog__article a.btn-primary, .blog__content .blog__article a.btn-blue { color: #FFF; }

.blog__content .blog__article a.btn-primary:hover, .blog__content .blog__article a.btn-blue:hover { color: #FFF; }

.blog__content .blog__article a.btn { text-decoration: none; }

.blog__content .blog__article img { width: 100%; height: auto; object-fit: contain; margin-bottom: 24px; }

.blog__content .blog__article figure { margin-bottom: 24px; width: 100% !important; height: auto; }

.blog__content .blog__article figure img { margin-bottom: 0; border-radius: 16px; }

.blog__content .blog__article figcaption { margin: 10px 0; text-align: center; font-size: 12px; line-height: 16px; color: #232933; }

.blog__content .blog__article .media--video { margin-bottom: 24px; }

.blog__content .blog__article .media--video img { margin-bottom: 0; }

.blog__content .blog__article blockquote { padding: 24px 24px 24px 60px; background: #F1F5F9; border-left: 1px solid #8B95A5; border-radius: 0; display: block; width: 100%; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 24px; position: relative; font-style: normal; font-size: 16px; line-height: 24px; }

.blog__content .blog__article blockquote cite { font-size: 12px; line-height: 16px; font-style: normal; }

.blog__content .blog__article blockquote::before { content: ''; width: 16px; height: 24px; background: url("../images/ic-left-quote.webp") no-repeat center; background-size: contain; position: absolute; left: 20px; top: 25px; }

.blog__content .blog__article blockquote b { margin-bottom: 8px; display: block; font-family: "Inter", sans-serif; font-weight: 600; }

.blog__content .blog__article blockquote p:last-child { margin-bottom: 0; }

.blog__content .blog__article code { font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 600; padding: 0 0 0 16px; border-left: 4px solid #4B61DD; margin-bottom: 24px; display: block; width: 100%; color: #2B2A35; }

.blog__content .blog__article code a { text-decoration: none; }

.blog__content .blog__article code a:hover { text-decoration: underline; }

.blog__content .blog__article .table-responsive { overflow-x: auto; margin-bottom: 24px; }

.blog__content .blog__article .table-responsive .table { border-collapse: collapse; width: 100%; font-size: 16px; line-height: 24px; white-space: nowrap; }

.blog__content .blog__article .table-responsive .table thead { background-color: #D0D6DD; color: #232933; }

.blog__content .blog__article .table-responsive .table thead th { padding: 8px 16px; border: 1px solid #EED8DA; font-family: "Inter", sans-serif; font-weight: 600; }

.blog__content .blog__article .table-responsive .table thead th:first-child { border-left-color: transparent; }

.blog__content .blog__article .table-responsive .table thead th:last-child { border-right-color: transparent; }

.blog__content .blog__article .table-responsive .table tbody td { padding: 8px 16px; vertical-align: top; border: 1px solid #EED8DA; font-family: "Inter", sans-serif; font-weight: 400; }

.blog__content .blog__article .table-responsive .table tbody td:first-child { border-left-color: transparent; }

.blog__content .blog__article .table-responsive .table tbody td:last-child { border-right-color: transparent; }

.blog__content .blog__article iframe { width: 100%; min-height: auto; }

.blog__content .blog__article mark { display: block; background: #EDF6FB; border: 2px solid #4B61DD; border-radius: 4px; margin-bottom: 24px; position: relative; padding: 12px; }

.blog__content .blog__article mark a { color: #4B61DD; text-decoration: none; }

.blog__content .blog__article mark a:hover { text-decoration: underline; }

@media (max-width: 991px) { .blog__content .blog__article h2 { font-size: 28px; line-height: 36px; } }

.blog__content .blog__cats { margin-bottom: 24px; }

.blog__content .blog__cats b { color: #626B79; font-family: "Inter", sans-serif; font-weight: 600; font-size: 14px; line-height: 20px; display: inline-block; margin-right: 8px; margin-bottom: 8px; }

.blog__content .blog__cats a { display: inline-block; font-size: 14px; line-height: 20px; padding: 4px 8px; background: #EDF0F2; border-radius: 4px; color: #626B79; margin-right: 8px; margin-bottom: 8px; }

.blog__content .blog__cats a:last-child { margin-right: 0; }

.blog__content .blog__cats a:hover { background: #cfd7dd; color: #4b525d; }

@media (max-width: 991px) { .blog__content .blog__cats b { display: block; width: 100%; margin-bottom: 8px; } }

.blog__content .blog__navs a { font-size: 16px; line-height: 24px; color: #4B61DD; text-decoration: none; }

.blog__content .blog__navs a:hover { text-decoration: underline; }

.blog__content .blog__navs a.link-btn { display: inline-block; position: relative; }

.blog__content .blog__navs a.link-btn.with-arrow::after { background: url(../images/ic-arrow-r.svg) no-repeat center; background-size: contain; content: ''; width: 20px; height: 20px; display: inline-block; top: 5px; left: 8px; position: relative; }

.blog__content .blog__navs a.link-btn.with-arrow:hover::after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounceRev; animation-name: bounceRev; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.blog__content .blog__navs a.link-btn.with-arrow-invert::before { background: url(../images/ic-arrow-l.svg) no-repeat center; background-size: contain; content: ''; width: 20px; height: 20px; display: inline-block; top: 5px; right: 8px; position: relative; }

.blog__content .blog__navs a.link-btn.with-arrow-invert:hover::before { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

@media (max-width: 991px) { .blog__content .blog__navs { margin-bottom: 32px; padding-left: 7px; padding-right: 7px; } }

.blog__footer .blog__author-detail { margin: 16px 0; border-radius: 16px; background: #f1f5f9; padding: 24px; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 100%; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 24px; }

.blog__footer .blog__author-detail .img { width: 80px; height: 80px; object-fit: cover; object-position: center; border-radius: 50%; -webkit-flex: 0 0 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; }

.blog__footer .blog__author-detail .meta { -webkit-flex: 0 0 calc(100% - 104px); -ms-flex: 0 0 calc(100% - 104px); flex: 0 0 calc(100% - 104px); }

.blog__footer .blog__author-detail .meta .name { margin-bottom: 12px; display: inline-block; font-size: 16px; line-height: 24px; color: #4B61DD; }

.blog__footer .blog__author-detail .meta .name a { font-size: 16px; line-height: 24px; display: inline-block; color: #4B61DD; font-family: "Inter", sans-serif; font-weight: 600; }

.blog__footer .blog__author-detail .meta .name a:hover { text-decoration: underline; }

.blog__footer .blog__author-detail .meta .name .badge { display: inline-block; vertical-align: middle; margin-left: 6px; font-size: 12px; border-radius: 10px; background: rgba(35, 41, 51, 0.8); font-weight: 400; }

.blog__footer .blog__author-detail .meta .name .expert-mark { display: inline-block; vertical-align: middle; }

.blog__footer .blog__author-detail .meta p { font-size: 16px; line-height: 24px; }

.blog__footer .blog__author-detail .meta p:last-child { margin-bottom: 0; }

.blog__footer .blog__related { margin-top: 24px; }

.blog__footer .blog__related h2, .blog__footer .blog__related h3 { font-size: 24px; line-height: 32px; margin-bottom: 24px; font-family: "Inter", sans-serif; font-weight: 600; }

.blog__footer .blog__related .blog__item { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 24px; margin-bottom: 32px; border-bottom: 1px solid #E2E2E2; height: calc(100% - 32px); }

.blog__footer .blog__related .blog__item > a { display: inline-block; margin-right: 16px; width: 120px; -webkit-flex: 0 0 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; }

.blog__footer .blog__related .blog__item > a .img { width: 120px; height: 120px; object-fit: cover; border-radius: 6px; }

.blog__footer .blog__related .blog__item .meta { display: -ms-grid; display: grid; }

.blog__footer .blog__related .blog__item .meta .cat a { display: inline-block; font-size: 14px; line-height: 20px; color: #4B61DD; margin-bottom: 4px; }

.blog__footer .blog__related .blog__item .meta .cat a:last-child { margin-right: 0; }

.blog__footer .blog__related .blog__item .meta .cat a:hover { text-decoration: underline; }

.blog__footer .blog__related .blog__item .meta .title a { font-size: 16px; line-height: 24px; color: #232933; font-family: "Inter", sans-serif; font-weight: 600; margin-bottom: 16px; display: inline-block; }

.blog__footer .blog__related .blog__item .meta .title a:hover { text-decoration: underline; }

.blog__footer .blog__related .blog__item .meta .author { font-size: 14px; line-height: 20px; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; }

.blog__footer .blog__related .blog__item .meta .author a, .blog__footer .blog__related .blog__item .meta .author b, .blog__footer .blog__related .blog__item .meta .author span { color: #626B79; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }

.blog__footer .blog__related .blog__item .meta .author a::before, .blog__footer .blog__related .blog__item .meta .author b::before, .blog__footer .blog__related .blog__item .meta .author span::before { content: ''; display: inline-block; width: 20px; height: 20px; background: url(../images/ic-employee.svg) no-repeat center; background-size: contain; position: relative; margin-right: 8px; }

.blog__footer .blog__related .blog__item .meta .author a:hover, .blog__footer .blog__related .blog__item .meta .author b:hover, .blog__footer .blog__related .blog__item .meta .author span:hover { text-decoration: none; }

@media (max-width: 991px) { .blog__footer .blog__author-detail { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 24px; }
  .blog__footer .blog__related { padding: 32px 0 0 0; }
  .blog__footer .blog__related .col-lg-6.col-12:last-child .blog__item { margin-bottom: 0; border-bottom: 0; } }

@media (max-width: 991px) { .blog__sticky { position: fixed; width: 100%; top: 96px; left: 0; background: #F1F5F9; padding: 0; z-index: 101; transition: all linear .3s; }
  .blog__sticky .blog__toc { cursor: pointer; }
  .blog__sticky b { display: block; padding: 12px 0; font-size: 16px; line-height: 24px; color: #4B61DD; border-bottom: 0; font-family: "Inter", sans-serif; font-weight: 600; position: relative; cursor: pointer; }
  .blog__sticky b::after { content: ''; width: 24px; height: 24px; background: url(../images/ic-caret-down.svg) no-repeat center; display: inline-block; position: absolute; top: 12px; right: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all linear .3s; }
  .blog__sticky ul { background: #FFF; overflow-x: hidden; overflow-y: auto; max-height: 0; margin-bottom: 0; transition: all linear .3s; }
  .blog__sticky ul li a { color: #626B79; font-size: 14px; line-height: 20px; padding: 8px 34px 24px 8px; display: block; }
  .blog__sticky ul li a.active { color: #4B61DD; }
  .blog__sticky ul li ul { padding: 0; margin: 0; max-height: 100%; }
  .blog__sticky.active b { border-bottom: 1px solid #D0D6DD; }
  .blog__sticky.active b::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all linear .3s; }
  .blog__sticky.active ul { max-height: calc(50vh - 50px); margin-bottom: 32px; transition: all linear .3s; }
  .blog__sticky.active ul li ul { margin-bottom: 0; max-height: 100%; }
  .blog__sticky-footer { position: fixed; bottom: 0; left: 0; background: #F8F9FB; padding: 24px 4px; display: block; width: 100%; z-index: 8; }
  .blog__sticky-footer span.close { position: absolute; width: 20px; height: 20px; background: url(../images/ic-close.svg) no-repeat center; background-size: contain; top: -15px; right: 0; }
  .blog__sticky-footer strong, .blog__sticky-footer b { font-family: "Inter", sans-serif; font-weight: 600; font-size: 14px; line-height: 20px; margin-bottom: 16px; display: block; }
  .blog__sticky-footer a:last-child { margin-bottom: 0; }
  .menu-open .blog__sticky { z-index: 7; } }

.modal-subs .modal-dialog { margin: 50px auto; max-width: 371px; border-radius: 4px; }

.modal-subs .modal-dialog .modal-content { padding: 32px 20px; background: #F2F4F7; position: relative; }

.modal-subs .modal-dialog .modal-content .modal-body { padding: 0; }

.modal-subs .modal-dialog .modal-content .close { position: absolute; top: 10px; right: 10px; }

.modal-subs .modal-dialog .modal-content .close img { width: 20px; }

.modal-subs .modal-dialog .modal-content strong, .modal-subs .modal-dialog .modal-content b { font-family: "Inter", sans-serif; font-weight: 600; font-size: 16px; line-height: 24px; display: block; margin-bottom: 32px; text-align: center; }

.modal-subs .modal-dialog .modal-content .form-group { margin-bottom: 20px; }

.modal-subs .modal-dialog .modal-content .form-group label { font-size: 14px; line-height: 20px; margin-bottom: 4px; }

.modal-subs .modal-dialog .modal-content .form-group .form-control { font-size: 14px; line-height: 20px; }

.modal-subs .modal-dialog .modal-content .form-group .custom-checkbox label { font-size: 12px; line-height: 16px; }

.modal-subs-success .modal-dialog { margin: 50px auto; max-width: 371px; border-radius: 4px; }

.modal-subs-success .modal-dialog .modal-content { padding: 32px 20px; background: #F2F4F7; position: relative; }

.modal-subs-success .modal-dialog .modal-content .modal-body { padding: 0; }

.modal-subs-success .modal-dialog .modal-content .close { position: absolute; top: 10px; right: 10px; }

.modal-subs-success .modal-dialog .modal-content .close img { width: 20px; }

.modal-subs-success .modal-dialog .modal-content .icon { margin-bottom: 16px; text-align: center; }

.modal-subs-success .modal-dialog .modal-content .icon img { height: 240px; width: auto; margin: 0 auto; }

.modal-subs-success .modal-dialog .modal-content strong, .modal-subs-success .modal-dialog .modal-content b { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; display: block; margin-bottom: 16px; text-align: center; }

.modal-subs-success .modal-dialog .modal-content p { font-size: 16px; line-height: 24px; text-align: center; }

.highlight-blocks { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 32px; }

.highlight-blocks .heading { color: #FFF; font-family: 'Inter', sans-serif; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; border-radius: 8px 8px 0px 0px; border-bottom: 2px solid #F96D01; background: #F96D01; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 16px 24px; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 8px; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; }

.highlight-blocks .content { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 24px; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 8px; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 0px 0px 8px 8px; background: #F1F5F9; font-size: 16px; font-family: 'Inter', sans-serif; color: #343A40; }

.highlight-blocks .content ul { margin-left: 0px; gap: 0px; }

.highlight-blocks .content ul:last-child { margin-bottom: 0px; }

form #captcha .preview { color: #555; width: 100%; text-align: center; height: 36px; line-height: 36px; letter-spacing: 8px; border: 1px solid #e2e2e2; background: #F2F2F3; border-radius: 4px 4px 0 0; margin-bottom: 0; border-bottom: 0; }

form #captcha .alert-error { color: #DA473F; font-size: 14px; line-height: 20px; padding-top: 4px; display: none; }

form #captcha .preview span { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

form .captcha_form { position: relative; }

form .captcha_form .field { padding-right: 40px; border-radius: 0 0 4px 4px; }

form .captcha_form .captcha_refersh { position: absolute; top: 0; right: 16px; line-height: 36px; border: 0; background: transparent; color: #2B2A35; padding: 0; box-shadow: none; }

.blog__progress { z-index: 7; display: none; height: 4px; background: #4B61DD; position: fixed; top: 56px; left: 0; transition: all .4s ease; transition: all linear .3s; }

.blog__progress.fixed { display: block; }

@media (max-width: 991px) { .blog__progress { top: 104px; transition: all linear .3s; } }

@media (max-width: 991px) { body.header-fixed .blog__sticky { top: 56px; transition: all linear .3s; } }

@media (max-width: 991px) { body.header-sticky:not(.header-fixed) .blog__sticky { top: 96px; transition: all linear .3s; } }

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