diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..13566b8 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,8 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ +# Datasource local storage ignored files +/dataSources/ +/dataSources.local.xml diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml new file mode 100644 index 0000000..db2d637 --- /dev/null +++ b/.idea/inspectionProfiles/Project_Default.xml @@ -0,0 +1,10 @@ + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..3c287ae --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/php.xml b/.idea/php.xml new file mode 100644 index 0000000..f324872 --- /dev/null +++ b/.idea/php.xml @@ -0,0 +1,19 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/.idea/rossi-validator.ch.iml b/.idea/rossi-validator.ch.iml new file mode 100644 index 0000000..c956989 --- /dev/null +++ b/.idea/rossi-validator.ch.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..35eb1dd --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/_config.yml b/_config.yml deleted file mode 100644 index 69738e7..0000000 --- a/_config.yml +++ /dev/null @@ -1,2 +0,0 @@ -theme: jekyll-theme-cayman -title: Rossi, The Solana Validator diff --git a/assets/.DS_Store b/assets/.DS_Store new file mode 100644 index 0000000..01a1ea9 Binary files /dev/null and b/assets/.DS_Store differ diff --git a/assets/css/rtl.css b/assets/css/rtl.css new file mode 100644 index 0000000..d67019b --- /dev/null +++ b/assets/css/rtl.css @@ -0,0 +1,592 @@ +/*! Theme Name: ICOCrypto + * Author: Softnio + * Author URI: http://themeforest.net/user/softnio + * Version : 1.9.3 + * Updated : 05/05/2021 + * RTL Support + */ +.banner-screen { left: auto; right: 50%; transform: translateX(50%); } + +.banner-rounded-bg { right: auto; left: 390px; border-radius: 0 0 0 250px; transform: rotate(8deg) skew(-10deg); transform-origin: top left; padding: 0 0 110px 120px; } + +.banner-shade-1 { border-radius: 0 0 0 160px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%); padding: 0 0 90px 100px; } + +.banner-shade-2 { border-radius: 0 0 0 110px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%); padding: 0 0 80px 90px; } + +.banner-shade-3 { border-radius: 0 0 0 80px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%); } + +.menu-item a .badge { margin-left: 0; margin-right: 5px; } + +.has-sub > a:after { right: auto; left: 0; } + +.header-navbar-overlay { right: 100%; } + +.header-navbar { right: -280px; left: auto; } + +.header-navbar.menu-shown { right: 0 !important; } + +@media (min-width: 375px) { .header-navbar:not(.header-navbar-classic) { right: -310px; } } + +@media (min-width: 576px) { .header-navbar:not(.header-navbar-classic) { right: -360px; } } + +@media (min-width: 992px) { .header-navbar:not(.header-navbar-classic) { right: 0; } } + +.title-s6:before { right: -15px; left: auto; } + +.link-icon { margin-right: 0; margin-left: 5px; } + +.link span + .link-icon { margin-left: 0; margin-right: 5px; } + +.link .icon-circle { margin-right: 0; margin-left: 10px; } + +.feature-s1:not(.boxed) { padding-right: 0; } + +.feature-icon { margin-right: 0; margin-left: 20px; } + +.feature-middle .feature-icon { margin-right: 0; } + +.feature-slider-dot:after { left: auto; right: 100%; } + +.feature-document-img { padding-right: 0; padding-left: 25px; } + +.feature-document-img:before { left: 0; right: auto; } + +.feature-s3-alt:not(:last-child):before { right: 30px; left: auto; } + +.feature-s11 .list { padding-left: 0; padding-right: 20px; } + +@media (min-width: 480px) { .feature-s10 { padding: 40px 35px 50px 90px; } } + +@media (min-width: 576px) { .feature-s12 .feature-icon { margin-bottom: 0; } } + +@media (min-width: 768px) { .feature-s10 { padding: 40px 35px 50px 45px; } + .feature-s10-right { margin-left: 0; margin-right: -22.5px; } + .feature-s10-left { margin-right: 0; margin-left: -22.5px; margin-top: 60px; } + .feature-md-reverse { text-align: left; } + .feature-md-reverse .feature-icon-s7 { margin-right: 30px; margin-left: 0; } } + +@media (max-width: 991px) { .feature-icon-s1 { margin: 0 auto 40px; } } + +@media (min-width: 992px) { .feature-s10 { padding: 40px 50px 50px 240px; } + .feature-s10-right { margin-left: 0; margin-right: -95px; } + .feature-s10-left { margin-right: 0; margin-left: -95px; margin-top: 80px; } + .feature-text-s2 { padding: 0 45px 0 0; } } + +@media (min-width: 576px) { .roadmap-wrap-ovl-right .owl-nav { margin-right: 0; margin-left: 190px; } } + +@media (min-width: 768px) { .feature-carousel-s1 .owl-nav { right: auto; left: 15px; } } + +.doc-s2 { margin-left: 0; margin-right: 20px; text-align: right; } + +.doc-s2 .doc-photo { margin-left: 15px; margin-right: -20px; } + +.partner-list-left .partner-logo-s2 { text-align: right; } + +.bonus-info:not(:last-child) { border-right: none; border-left: 1px solid rgba(22, 163, 254, 0.2); } + +.progress-point { transform: translateX(50%); } + +.progress-point-1 { left: auto; right: 25%; } + +.progress-point-2 { left: auto; right: 85%; } + +.progress-percent { left: auto; right: 0; } + +.progress-percent-s2:after { right: auto; left: 0; transform: translate(-50%, -50%); } + +.chart-c { margin-right: 0; margin-left: 12px; } + +.chart-p { margin-left: 0; margin-right: auto; } + +.token-info-s1 { text-align: right; } + +.token-info-item { padding-left: 0; padding-right: 25px; } + +.token-info-item:before { position: absolute; left: auto; right: 0; } + +.token-bar-item:before { right: -20px; left: auto; } + +.toktmln-item div { text-align: left; padding: 0 0 0 30px; } + +.toktmln-item div:last-child { text-align: right; padding: 0 30px 0 0; } + +@media (min-width: 576px) { .token-action-box > div:last-child { padding-right: 0; padding-left: 25px; } + .token-action-title { border-radius: 0 6px 6px 0; } } + +@media (min-width: 992px) { .tokdis-item { padding-right: 25px; padding-left: 0; } + .tokdis-item:before { left: auto; right: 0; } + .toktmln-item:before { left: auto; right: 0; } + .toktmln-item div { padding: 0 !important; text-align: right !important; } + .chart-data-s1 li:nth-child(even) .chart-l { order: 2; } + .chart-data-s1 li:nth-child(odd) .chart-p { order: 1; } + .token-status-s2 { margin: 65px 0 0 140px; } } + +@media (max-width: 767px) { .token-bar-txt { left: auto; right: 100%; transform: translateX(-45px) translateY(-50%); } + .token-bar-txt:after { left: auto; right: 0; margin-left: 0; margin-right: -35px; } } + +@media (max-width: 991px) { .chart-data-s1 .chart-l { text-align: right; } } + +.table-token-s1 tr:first-child td:first-child { border-top-left-radius: 0; border-top-right-radius: 6px; } + +.table-token-s1 tr:first-child td:last-child { border-top-left-radius: 6px; border-top-right-radius: 0; } + +.table-token-s1 tr:last-child td:first-child { border-bottom-left-radius: 0; border-bottom-right-radius: 6px; } + +.table-token-s1 tr:last-child td:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 0; } + +.split { border-radius: 6px; } + +.split-left { border-radius: 6px 6px 0 0; } + +.split-right { border-radius: 0 0 6px 6px; } + +.list-check li { padding-left: 0; padding-right: 24px; } + +.list-check li:before { left: auto; right: 0; } + +.list-check-s3 li { padding-right: 60px; } + +.list-dot li { padding-left: 0; padding-right: 16px; } + +.list-dot li:before { left: auto; right: 0; } + +.list-number li { padding-left: 0; padding-right: 65px; } + +.list-number li:before { right: 25px; left: auto; } + +.roadmap-innr:before { left: auto; right: 0; } + +.roadmap-title-s2:before { right: -39px; left: auto; } + +.roadmap-done .roadmap-title-s2:before { right: -43px; } + +.roadmap-s1.roadmap-current:before, .roadmap-s1.roadmap-current:after, .roadmap-s1:before, .roadmap-s1:after { right: 0; left: auto; } + +.flex-row-reverse .roadmap-s1.roadmap-current:before, .flex-row-reverse .roadmap-s1.roadmap-current:after, .flex-row-reverse .roadmap-s1:before, .flex-row-reverse .roadmap-s1:after { left: auto; right: 0; } + +.roadmap-s1-alt:before, .roadmap-s1-alt:after, .roadmap-s1-alt.roadmap-current:after { left: auto; right: 0; } + +.flex-row-reverse .roadmap-s1-alt:before, .flex-row-reverse .roadmap-s1-alt:after, .flex-row-reverse .roadmap-s1-alt.roadmap-current:after { left: auto; right: 0; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after, .roadmap-s1-alt.roadmap-current:before { left: auto; right: -1px; } + +.flex-row-reverse .roadmap-s1-alt.roadmap-done:before, .flex-row-reverse .roadmap-s1-alt.roadmap-done:after, .flex-row-reverse .roadmap-s1-alt.roadmap-current:before { left: auto; right: -1px; } + +.roadmap-line { left: auto; right: 19px; } + +.roadmap-line:after, .roadmap-line:before { left: auto; right: -4px; } + +.roadmap-year { left: auto; right: -5px; } + +.roadmap-time-s1:before, .roadmap-time-s1:after { right: -24px; left: auto; margin-left: 0; } + +.roadmap-time-s1:before { margin-right: -13.5px; } + +.roadmap-time-s1:after { margin-right: -5.5px; } + +.roadmap-time-s5:after { right: -29px; left: auto; } + +.roadmap-step { margin-left: 0; margin-right: 50px; } + +.roadmap-step:before { left: auto; right: -41px; } + +.roadmap-step:after { left: auto; right: -22px; } + +.roadmap-step-s1 { margin-right: 0; } + +.roadmap-step-s1:after { right: 0; } + +.roadmap-step-s3 { margin-right: 0; } + +.roadmap-step-s3:after { right: 50%; } + +.roadmap-step-s5 { margin: 0; } + +.roadmap-step-list-s1 li:after { right: -10px; } + +.roadmap-head { padding-right: 0; padding-left: 35px; } + +.roadmap-finished .roadmap-head:after { right: auto; left: 0; } + +.roadmap-head-s3 { padding-left: 0; } + +.roadmap-s2:before { left: auto; right: 0; } + +.roadmap-wrap-s5:before { right: 0; left: auto; } + +.roadmap-wrap-ovl-right:after { left: 0; right: auto; transform: rotate(180deg); } + +@media (min-width: 576px) { .roadmap-wrap-ovl-right { margin-right: 0; margin-left: -200px; } + .roadmap-wrap-ovl-right .slick-prev { right: calc(50% - 100px); } + .roadmap-wrap-ovl-right .slick-next { left: calc(50% + 100px); } } + +.social-icon + span { margin-right: 8px; margin-left: 0; } + +.social-bar li:not(:last-child) { border-right: none; border-left: 1px solid #f0f5fc; } + +.team-photo .team-social { right: auto; left: 17px; } + +.team-featured-info { left: auto; right: 0; } + +.team-s2, .team-s5, .team-s6 { text-align: right; } + +.team-s2 .team-photo { margin-left: auto; margin-right: 0; } + +.team-s5:before { left: 0; right: 20px; } + +.team-s5 .team-photo { margin-left: auto; margin-right: 0; } + +.team-s5 .team-photo:before { right: auto; left: -33px; } + +.team-s5 .team-social { right: auto; left: 20px; } + +.team-s5 .team-name, .team-s5 .team-position { padding-left: 40px; padding-right: 45px; } + +.team-s6 .team-photo { margin-left: 25px; margin-right: 0; } + +.team-s6 .team-position:before { left: auto; right: 0; } + +.tab-nav li a .fas, .tab-nav li a .far { margin-right: 0; margin-left: 10px; } + +.accordion-title { padding: 22px 0 14px 54px; } + +.accordion-item-s2 .accordion-title, .accordion-item-s3 .accordion-title { padding: 20px 30px 12px 54px; } + +.accordion-item-s4 .accordion-title { padding: 16px 30px 8px 54px; } + +.accordion-icon { right: auto; left: 0; } + +.accordion-item-s2 .accordion-icon { right: auto; left: 12px; } + +.accordion-item-s3 .accordion-icon { right: auto; left: 18px; } + +.accordion-item-s4 .accordion-icon { right: auto; left: 12px; } + +.accordion-content { padding-right: 0; padding-left: 46px; } + +.accordion-item-s2 .accordion-content, .accordion-item-s3 .accordion-content, .accordion-item-s4 .accordion-content { padding-left: 30px; padding-right: 30px; } + +.contact-icon { margin-right: 0; margin-left: 15px; } + +@media (min-width: 768px) { .contact-list-s1 .contact-icon { margin-right: 0; margin-left: 15px; } + .field-inline-s2 input { text-align: right; } } + +.breadcumb li:not(:last-child):after { right: auto; left: -3px; } + +.toggle-drop-left { right: 0; left: auto; } + +.toggle-drop-right { left: 0; right: auto; } + +.nk-ovm { transform: scaleX(-1); } + +.field-inline input { border-radius: 0 6px 6px 0; border-left: none; } + +.field-inline input:not(.input-solid) { border-right: 1px solid #dbe4f7; } + +.field-inline.field-split .btn:not(.btn-round) { border-radius: 5px 0 0 5px; } + +.field-inline-s2 .btn { border-radius: 6px; } + +.field-inline-s2 input { border-right: none; } + +.field-inline-s3 .input-bordered { border-right-width: 2px !important; } + +.field-inline-s4 .field-wrap { margin-right: 0; margin-left: -50px; } + +.alert-dismissible { padding-right: 1.25rem; padding-left: 4rem; } + +.alert .close { right: auto; left: 10px; } + +.btn span + .icon { margin-left: 0; margin-right: 10px; } + +.btn .icon + span { margin-left: 0; margin-right: 10px; } + +.btn .badge { right: auto; left: 0; transform: translate(-50%, -50%); } + +.btn-with-icon.btn-alt .icon { margin-right: 0; margin-left: 30px; } + +.btn-play-text { margin-right: 20px; margin-left: 0; } + +.modal-close, .mfp-close-btn-in .mfp-close { right: auto; left: -15px; } + +.image-popup .mfp-close { right: auto; left: -18px; } + +input ~ .error, textarea ~ .error, select ~ .error { right: auto; left: -10px; } + +input ~ .error:after, textarea ~ .error:after, select ~ .error:after { left: auto; right: 3px; border-right: 5px solid transparent; border-left: 5px solid #e6604a; } + +.field-label-line { transform-origin: right; } + +.input-switch ~ label:not(.error) { padding-left: 0; padding-right: 48px; } + +.input-switch ~ label:not(.error).no-text { padding-left: 0; padding-right: 56px; } + +.input-switch ~ label:not(.error):before { left: auto; right: 0; } + +.input-switch ~ label:not(.error):after { left: auto; right: 2px; } + +.input-switch ~ label:not(.error) span.over { left: auto; right: 48px; } + +.input-switch:checked ~ label:after { left: auto; right: 22px; } + +.input-switch ~ .error { left: auto; right: -4px; } + +.input-checkbox ~ label:not(.error), .input-radio ~ label:not(.error) { padding-left: 0; padding-right: 28px; } + +.input-checkbox ~ label:not(.error):before, .input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { left: auto; right: 0; } + +.input-checkbox ~ .error, .input-radio ~ .error { left: auto; right: -4px; } + +.select2-container.select-bordered .select2-selection { padding: 10px 0 10px 40px; } + +.select2-container.select-line .select2-selection { padding: 16px 0 8px 40px; } + +.select2-container .select2-selection .select2-selection__arrow { right: auto; left: 0; } + +.toast { padding: 15px 15px 15px 51px; } + +.toast-close-button { text-align: right; right: auto; left: 15px; } + +.toast-close-button:after { right: auto; left: -1px; } + +.toast-message { padding-left: 0; padding-right: 10px; } + +.toast-message-icon { margin-left: 15px; margin-right: -10px; } + +.countdown-s3 .countdown-time:after { right: auto; left: -6px; transform: translate(-50%, -50%); } + +.pagination li:last-child a { border-radius: 6px 0 0 6px; } + +.pagination li:first-child a { border-radius: 0 6px 6px 0; } + +.blog-meta li:not(:last-child):after { right: auto; left: -3px; } + +.wgs-links-category li { padding-left: 0; padding-right: 20px; } + +.wgs-links-category li:before { left: auto; right: 0; } + +@media (min-width: 992px) { .wgs-subscribe-form-s1 { margin-left: 0; margin-right: -50px; padding-right: 0; padding-left: 30px; } } + +.comment-photo { margin-right: 0; margin-left: 20px; } + +@media (min-width: 420px) { .bonus-badge { right: auto; left: 0; transform: translateY(-50%) rotate(-90deg); } } + +@media (min-width: 576px) { .split-sm { border-radius: 6px; } + .split-sm-right { border-radius: 6px 0 0 6px; } + .split-sm-left { border-radius: 0 6px 6px 0; } } + +@media (min-width: 768px) { .banner-gfx-re-s2 { margin: -50px 0 0; } + .split-md { border-radius: 6px; } + .split-md-right { border-radius: 6px 0 0 6px; } + .split-md-left { border-radius: 0 6px 6px 0; } + .roadmap-s5.roadmap-left { justify-content: flex-end; } + .roadmap-s5.roadmap-right { justify-content: flex-start; } + .roadmap-head-s5 { padding-left: 0; } + .roadmap-right .roadmap-time-s5:after { left: -39px; right: auto; } + .roadmap-wrap-s5:before { right: 50%; left: auto; margin-left: 0; margin-right: -1px; } } + +@media (min-width: 992px) { .menu { margin-right: 20px; } + .menu-sub { left: auto; right: 0; } + .menu-sub .menu-sub { left: auto; right: calc(100% - 25px); } + .menu-mega { left: 50%; right: auto; } + .has-sub > a { padding-right: 8px !important; padding-left: 24px !important; } + .has-sub > a:after { right: auto; left: 8px; } + .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a { padding-right: 35px !important; padding-left: 20px !important; } + .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a:after { right: 15px; left: auto; } + .has-sub.menu-item:last-child .menu-mega { left: 0; right: auto; text-align: right; } + .menu-sub .has-sub > a { padding-right: 20px; padding-left: 35px; } + .menu-sub .has-sub > a:after { right: auto; left: 15px; } + .header-navbar { padding: 0; } + .banner-gfx-re-s1 { margin: 0 -180px 0 -80px; } + .banner-gfx-re-s2 { margin: -50px -110px 0 -280px; } + .banner-gfx-re-s3 { margin: 0 -35px 0 -150px; } + .banner-gfx-re-s5 { margin: 0 0 0 -305px; } + .split-lg { border-radius: 6px; } + .split-lg-right { border-radius: 6px 0 0 6px; } + .split-lg-left { border-radius: 0 6px 6px 0; } + .menu-btns { margin-left: -10px; margin-right: 10px; } + .nk-block-img-s1 { margin-right: 0; margin-left: -71px; border-radius: 60px 60px 200px 60px; } + .nk-block-img.edge-r1 { margin-right: 0; margin-left: -160px; } + .nk-block-img.edge-l1 { margin-left: 0; margin-right: -160px; } + .nk-block-img.edge-r2 { margin-right: 0; margin-left: -360px; } + .nk-block-img.edge-l2 { margin-left: 0; margin-right: -360px; } + .nk-block-img.edge-r3 { margin-right: 0; margin-left: -500px; } + .nk-block-img.edge-l3 { margin-left: 0; margin-right: -500px; } + .roadmap-s1:before, .roadmap-s1.roadmap-current:before { left: auto; right: 0; } + .flex-row-reverse .roadmap-s1:before, .flex-row-reverse .roadmap-s1.roadmap-current:before { left: 0; right: auto; } + .roadmap-s1:after { left: 0; right: auto; } + .flex-row-reverse .roadmap-s1:after { left: auto; right: 0; } + .roadmap-s1-alt.roadmap-done:after { left: 0; right: auto; } + .roadmap-wrap-s1:nth-child(odd):after { left: -15px; right: auto; border-right-width: 0; border-left-width: 3px; border-radius: 20px 0 0 20px; } + .roadmap-wrap-s1:nth-child(even):after { right: -15px; left: auto; border-right-width: 3px; border-left-width: 0; border-radius: 0 20px 20px 0; } + .roadmap-wrap-s1-alt:not(.roadmap-wrap-done):nth-child(odd):after { border-left-width: 1px; } + .roadmap-wrap-s1-alt:not(.roadmap-wrap-done):nth-child(even):after { border-right-width: 1px; } + .roadmap-line { left: auto; right: 50%; margin-left: 0; margin-right: -1px; } + .roadmap-left .roadmap-step { margin-right: 0; margin-left: 80px; } + .roadmap-left .roadmap-step:before { right: auto; left: -91px; } + .roadmap-left .roadmap-step:after { right: auto; left: -78px; } + .roadmap-left .roadmap-step-s5 { margin-left: 0; } + .roadmap-right .roadmap-step { margin-right: 80px; margin-left: 0; } + .roadmap-right .roadmap-step-s5 { margin-right: 0; } + .roadmap-head-s1, .roadmap-head-s5 { padding-left: 0; } + .roadmap-time-s1:before, .roadmap-time-s1:after { right: 50%; } + .roadmap-step:before { left: auto; right: -91px; } + .roadmap-step:after { left: auto; right: -78px; } + .roadmap-step-list-s1 li:after { right: auto; } + .roadmap-step-s1:after, .roadmap-step-s3:after { right: 50%; } + .team-featured-cont { padding-left: 0; padding-right: 20px; } } + +@media (min-width: 1200px) { .menu-item.has-sub > a { padding-right: 15px !important; padding-left: 31px !important; } + .menu-item.has-sub > a:after { left: 15px; right: auto; } + .banner-gfx-re-s1 { margin: 0 -180px 0 -380px; } + .banner-gfx-re-s2 { margin: 0 -110px 0 -330px; } + .banner-gfx-re-s5 { margin: 0 0 0 -515px; } + .split-xl { border-radius: 6px; } + .split-xl-right { border-radius: 6px 0 0 6px; } + .split-xl-left { border-radius: 0 6px 6px 0; } + .roadmap-left .roadmap-step:before { right: auto; left: -91px; } + .roadmap-left .roadmap-step:after { right: auto; left: -73px; } + .roadmap-head-s1 { padding-left: 0; } + .roadmap-step:before { left: auto; right: -91px; } + .roadmap-step:after { left: auto; right: -73px; } + .roadmap-step-s1 { margin-right: 0; } + .roadmap-step-s1:after, .roadmap-step-s3:after { right: 50%; } } + +@media (min-width: 1600px) { .banner-gfx-re-s2 { margin: -100px -110px 0 -480px; } } + +@media (max-width: 1400px) { .banner-rounded-bg { left: 330px; } } + +.section-bg-angle { transform: skewY(-10deg); } + +@media (min-width: 992px) { .section-bg-angle { transform: skewY(-17deg); } } + +.language-switcher .toggle-tigger:not(.btn) { padding: 8px 10px 8px 15px; } + +.language-switcher .toggle-tigger:not(.btn):after { right: auto; left: 0; } + +.language-switcher-s2 .toggle-tigger:after { right: auto; left: 14px; } + +.language-switcher-s2 .toggle-tigger:not(.btn) { padding: 3px 16px 3px 26px; } + +.language-switcher-s3 { border-left: none; border-right: 1px solid rgba(255, 255, 255, 0.15); margin-left: 0; margin-right: 15px; } + +.language-switcher-s3 .toggle-tigger:not(.btn) { padding: 2px 15px 2px 20px; } + +@media (min-width: 992px) { .language-switcher-s4:after { left: auto; right: 0; } } + +.language-flag { padding: 3px 0 3px 8px; } + +.nk-block-note { padding: 20px 75px 20px 65px; } + +.nk-block-note .icon { left: auto; right: 20px; } + +.nk-block-shade { left: auto; right: -120px; border-radius: 0 0 45px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); transform: skew(-7deg); } + +.nk-block-shade:after { left: auto; right: 50px; border-radius: 0 0 45px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.nk-block-shape-s1 { position: relative; z-index: 2; padding-right: 0; padding-left: 40px; } + +.nk-block-shape-s1:before { left: auto; right: -190px; width: 320px; transform: skew(-7deg); border-radius: 0 100px 100px 0; } + +.nk-block-shape-s1:after { right: auto; left: -280px; width: 370px; transform: skew(9deg); border-radius: 100px 0 0 100px; } + +.offset-0 { margin-right: 0; } + +.offset-1 { margin-right: 8.33333%; margin-left: 0; } + +.offset-2 { margin-right: 16.66667%; margin-left: 0; } + +.offset-3 { margin-right: 25.0%; margin-left: 0; } + +.offset-4 { margin-right: 33.33333%; margin-left: 0; } + +.offset-5 { margin-right: 41.66666%; margin-left: 0; } + +.offset-6 { margin-right: 50.0%; margin-left: 0; } + +.offset-7 { margin-right: 58.33333%; margin-left: 0; } + +.offset-8 { margin-right: 66.66666%; margin-left: 0; } + +.offset-9 { margin-right: 75.0%; margin-left: 0; } + +.offset-10 { margin-right: 83.33333%; margin-left: 0; } + +.offset-11 { margin-right: 91.66666%; margin-left: 0; } + +@media (min-width: 576px) { .offset-sm-0 { margin-right: 0; } + .offset-sm-1 { margin-right: 8.33333%; margin-left: 0; } + .offset-sm-2 { margin-right: 16.66667%; margin-left: 0; } + .offset-sm-3 { margin-right: 25.0%; margin-left: 0; } + .offset-sm-4 { margin-right: 33.33333%; margin-left: 0; } + .offset-sm-5 { margin-right: 41.66666%; margin-left: 0; } + .offset-sm-6 { margin-right: 50.0%; margin-left: 0; } + .offset-sm-7 { margin-right: 58.33333%; margin-left: 0; } + .offset-sm-8 { margin-right: 66.66666%; margin-left: 0; } + .offset-sm-9 { margin-right: 75.0%; margin-left: 0; } + .offset-sm-10 { margin-right: 83.33333%; margin-left: 0; } + .offset-sm-11 { margin-right: 91.66666%; margin-left: 0; } } + +@media (min-width: 768px) { .offset-md-0 { margin-right: 0; } + .offset-md-1 { margin-right: 8.33333%; margin-left: 0; } + .offset-md-2 { margin-right: 16.66667%; margin-left: 0; } + .offset-md-3 { margin-right: 25.0%; margin-left: 0; } + .offset-md-4 { margin-right: 33.33333%; margin-left: 0; } + .offset-md-5 { margin-right: 41.66666%; margin-left: 0; } + .offset-md-6 { margin-right: 50.0%; margin-left: 0; } + .offset-md-7 { margin-right: 58.33333%; margin-left: 0; } + .offset-md-8 { margin-right: 66.66666%; margin-left: 0; } + .offset-md-9 { margin-right: 75.0%; margin-left: 0; } + .offset-md-10 { margin-right: 83.33333%; margin-left: 0; } + .offset-md-11 { margin-right: 91.66666%; margin-left: 0; } } + +@media (min-width: 992px) { .offset-lg-0 { margin-right: 0; } + .offset-lg-1 { margin-right: 8.33333%; margin-left: 0; } + .offset-lg-2 { margin-right: 16.66667%; margin-left: 0; } + .offset-lg-3 { margin-right: 25.0%; margin-left: 0; } + .offset-lg-4 { margin-right: 33.33333%; margin-left: 0; } + .offset-lg-5 { margin-right: 41.66666%; margin-left: 0; } + .offset-lg-6 { margin-right: 50.0%; margin-left: 0; } + .offset-lg-7 { margin-right: 58.33333%; margin-left: 0; } + .offset-lg-8 { margin-right: 66.66666%; margin-left: 0; } + .offset-lg-9 { margin-right: 75.0%; margin-left: 0; } + .offset-lg-10 { margin-right: 83.33333%; margin-left: 0; } + .offset-lg-11 { margin-right: 91.66666%; margin-left: 0; } } + +@media (min-width: 1200px) { .offset-xl-0 { margin-right: 0; } + .offset-xl-1 { margin-right: 8.33333%; margin-left: 0; } + .offset-xl-2 { margin-right: 16.66667%; margin-left: 0; } + .offset-xl-3 { margin-right: 25.0%; margin-left: 0; } + .offset-xl-4 { margin-right: 33.33333%; margin-left: 0; } + .offset-xl-5 { margin-right: 41.66666%; margin-left: 0; } + .offset-xl-6 { margin-right: 50.0%; margin-left: 0; } + .offset-xl-7 { margin-right: 58.33333%; margin-left: 0; } + .offset-xl-8 { margin-right: 66.66666%; margin-left: 0; } + .offset-xl-9 { margin-right: 75.0%; margin-left: 0; } + .offset-xl-10 { margin-right: 83.33333%; margin-left: 0; } + .offset-xl-11 { margin-right: 91.66666%; margin-left: 0; } } + +.pl-2, .px-2 { padding-right: 0.5rem !important; padding-left: 0rem !important; } + +.pr-3, .px-3 { padding-left: 1rem !important; padding-right: 0rem !important; } + +.gfx-screen .flex-control-nav { left: -40px; right: auto; } + +@media (min-width: 400px) { .gfx-screen .flex-control-nav { left: -46px; right: auto; } } + +@media (min-width: 576px) { .gfx-screen .flex-control-nav { left: -53px; right: auto; } } + +@media (min-width: 768px) { .gfx-screen .flex-control-nav { left: -65px; right: auto; } } + +@media (min-width: 1200px) { .gfx-screen .flex-control-nav { left: -100px; right: auto; } } + +@media (min-width: 1600px) { .gfx-screen .flex-control-nav { left: -128px; right: auto; } + .gfx-re-lgl { margin-right: -188px; margin-left: 0; } + .gfx-re-lg { margin: 0 42px 0 -168px; } } + +@media (min-width: 1900px) { .gfx-re-lgl { margin-right: -315px; margin-left: 0; } + .gfx-re-lg { margin: 0 42px 0 -200px; } + .gfx-re-mdl { margin-right: -230px; margin-left: 0; } + .gfx-re-lgr { margin-left: -315px; margin-right: 0; } } + +/* END @iO */ diff --git a/assets/css/style-azalea.css b/assets/css/style-azalea.css new file mode 100644 index 0000000..b6380f0 --- /dev/null +++ b/assets/css/style-azalea.css @@ -0,0 +1,6922 @@ +/*! Theme Name: ICOCrypto + * Author: Softnio + * Author URI: http://themeforest.net/user/softnio + * Version : 1.9.3 + * Updated : 05/05/2021 +*/ +/** +---------------------- +## TABLE CONTNETS ## +01. Fonts +02. Utilities +-- 02.01 Reset +-- 02.02 Spacing +-- 02.03 Colors +-- 02.04 Misc +03. Elements +-- 03.01 Alert +-- 03.02 Buttons +-- 03.03 Title +-- 03.04 List +-- 03.05 Form +-- 03.06 Table +-- 03.07 Progress +-- 03.08 CountDown +-- 03.09 Toastr +-- 03.10 Misc +04. Components +-- 04.01 Tab +-- 04.02 Accordion +-- 04.03 Blocks +-- 04.04 Box +-- 04.05 Banner +-- 04.06 Head +-- 04.07 Features +-- 04.08 Roadmap +-- 04.09 Token +-- 04.10 Team +-- 04.11 Partners +-- 04.12 Contact +-- 04.13 WGS +-- 04.14 Others +05. Layouts +-- 05.01 Header +-- 05.02 Menu +-- 05.03 Sections +-- 05.04 Footer +06. Override +07. Preview Purpose +---------------------- **/ +/** IMPORTANT NOTE: DO NOT Edit this file. Best to write own code in css/theme.css file. It will helps you to easy update of the template. */ +/** 01. Fonts */ +@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-Light.eot"); src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } + +@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-Regular.eot"); src: local("Roboto"), local("Roboto-Regular"), url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } + +@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-Medium.eot"); src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } + +@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-Bold.eot"); src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } + +@font-face { font-family: 'Quicksand'; src: url("../fonts/Quicksand-Light.eot"); src: local("Quicksand Light"), local("Quicksand-Light"), url("../fonts/Quicksand-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Quicksand-Light.woff2") format("woff2"), url("../fonts/Quicksand-Light.woff") format("woff"), url("../fonts/Quicksand-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } + +@font-face { font-family: 'Quicksand'; src: url("../fonts/Quicksand-Medium.eot"); src: local("Quicksand Medium"), local("Quicksand-Medium"), url("../fonts/Quicksand-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Quicksand-Medium.woff2") format("woff2"), url("../fonts/Quicksand-Medium.woff") format("woff"), url("../fonts/Quicksand-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } + +@font-face { font-family: 'Quicksand'; src: url("../fonts/Quicksand-Bold.eot"); src: local("Quicksand Bold"), local("Quicksand-Bold"), url("../fonts/Quicksand-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Quicksand-Bold.woff2") format("woff2"), url("../fonts/Quicksand-Bold.woff") format("woff"), url("../fonts/Quicksand-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } + +/** 02. Utilities */ +/** 02.01 Reset */ +html, body { font-family: "Roboto", sans-serif; color: #305082; font-size: 14px; line-height: 1.6; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; } + +@media (min-width: 576px) { html, body { font-size: 16px; line-height: 1.6; font-weight: 400; } } + +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } + +*[hidden] { display: none; } + +ol, ul { list-style: none; } + +blockquote, q { quotes: none; } + +blockquote::after, blockquote::before, q::after, q::before { content: none; } + +table { border-collapse: collapse; border-spacing: 0; } + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #202b47; font-weight: 700; font-family: "Quicksand", sans-serif; line-height: 1.45; margin-bottom: 0.5rem; } + +h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 0; } + +.tc-light h1, .tc-light h2, .tc-light h3, .tc-light h4, .tc-light h5, .tc-light h6, .tc-light .h1, .tc-light .h2, .tc-light .h3, .tc-light .h4, .tc-light .h5, .tc-light .h6 { color: #fff; } + +p { font-size: 14px; margin-bottom: 1rem; color: #305082; } + +p:last-child { margin-bottom: 0; } + +p + [class*=btn] { margin-top: 15px; } + +@media (min-width: 576px) { p { font-size: 16px; } } + +ul, ol, table { margin: 0; padding: 0; } + +strong, b { font-weight: 500; } + +a { outline: 0 none; transition: all 0.5s; color: #f42f54; } + +a:link, a:visited { text-decoration: none; } + +a:hover, a:focus, a:active { outline: 0; color: #f8aa38; } + +img { max-width: 100%; height: auto; } + +h1, .h1, .fz-1 { font-size: 1.75rem; } + +h2, .h2, .fz-2 { font-size: 1.35rem; } + +h3, .h3, .fz-3 { font-size: 1.25rem; } + +h4, .h4, .fz-4 { font-size: 1.2rem; } + +h5, .h5, .fz-5 { font-size: 1.2rem; } + +h6, .h6, .fz-6 { font-size: 0.94rem; } + +.fz-7 { font-size: 0.88rem; } + +.fz-8 { font-size: 0.75rem; } + +.lead, .lead-light { font-size: 1.25rem; font-weight: 400; color: #2d3f5f; } + +.lead-s2 { font-size: 1.1rem; color: #2d3f5f; } + +.lead-regular { font-weight: 400; } + +@media (min-width: 576px) { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.3; } + h1, .h1, .fz-1 { font-size: 2.75rem; } + h2, .h2, .fz-2 { font-size: 2.25rem; } + h3, .h3, .fz-3 { font-size: 1.87rem; } + h4, .h4, .fz-4 { font-size: 1.6rem; } + .lead, .lead-light { font-size: 1.1rem; } + .lead-s2 { font-size: 1.2rem; } } + +.nk-df-content, .nk-ovm:before, .nk-ovm:after { content: ""; } + +.nk-df-rel, .has-ovm, .has-bg, [class*='bg-'], .has-bg-image, .has-bg-video { position: relative; } + +.nk-df-over-up, .has-ovm > [class*=container], .has-ovm > *:not(.nk-ovm):not(.header-main):not(.nk-header):not([class*=ui-mask]), .has-bg-image > [class*=container], .has-bg-video > [class*=container] { position: relative; z-index: 5; } + +.nk-df-t, .nk-df-y { top: 0; } + +.nk-df-b, .nk-df-y { bottom: 0; } + +.nk-df-l, .nk-df-x { left: 0; } + +.nk-df-r, .nk-df-x { right: 0; } + +.nk-df-around, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .bg-image, .bg-video, .bg-video-cover, .overlay:after, .nk-ovm .nk-svgs, .accordion-icon:before, .accordion-icon:after { position: absolute; bottom: 0; top: 0; left: 0; right: 0; } + +.nk-df-center, .abs-center, .nk-block-video-play { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.nk-df-bg, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .has-bg, [class*='bg-'], .bg-image, .bg-video, .bg-video-cover { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } + +.nk-df-bg-100, .img-block-dot, .app-slide-wrap:after, .rank-item { background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; } + +.text-regular-sm { font-weight: 400; font-size: 0.9rem; } + +.block-row:not(:last-child) { margin-bottom: 40px !important; } + +@media (min-width: 992px) { .block-row:not(:last-child) { margin-bottom: 50px !important; } } + +/** 02.02 Spacing */ +.gap { height: 30px; } + +.gap-s { height: 10px; } + +.gap-m { height: 20px; } + +.gap-l { height: 40px; } + +.gap-x { height: 60px; } + +.gap-1x { height: 10px; } + +.gap-2x { height: 20px; } + +.gap-3x { height: 30px; } + +.gap-4x { height: 40px; } + +.gap-5x { height: 50px; } + +.gap-6x { height: 60px; } + +.gap-7x { height: 70px; } + +.gap-8x { height: 80px; } + +.gap-9x { height: 90px; } + +.gap-10x { height: 100px; } + +.pdt, .pd, .pdy { padding-top: 30px; } + +.pdb, .pd, .pdy { padding-bottom: 30px; } + +.pdl, .pd, .pdx { padding-left: 30px; } + +.pdr, .pd, .pdx { padding-right: 30px; } + +.pdt-s, .pd-s, .pdy-s { padding-top: 10px !important; } + +.pdt-m, .pd-m, .pdy-m { padding-top: 20px !important; } + +.pdt-r, .pd-r, .pdy-r { padding-top: 30px !important; } + +.pdt-l, .pd-l, .pdy-l { padding-top: 40px !important; } + +.pdt-x, .pd-x, .pdy-x { padding-top: 60px !important; } + +.pdb-s, .pd-s, .pdy-s { padding-bottom: 10px !important; } + +.pdb-m, .pd-m, .pdy-m { padding-bottom: 20px !important; } + +.pdb-r, .pd-r, .pdy-r { padding-bottom: 30px !important; } + +.pdb-l, .pd-l, .pdy-l { padding-bottom: 40px !important; } + +.pdb-x, .pd-x, .pdy-x { padding-bottom: 60px !important; } + +.pdl-s, .pd-s, .pdx-s { padding-left: 10px !important; } + +.pdl-m, .pd-m, .pdx-m { padding-left: 20px !important; } + +.pdl-r, .pd-r, .pdx-r { padding-left: 30px !important; } + +.pdl-l, .pd-l, .pdx-l { padding-left: 40px !important; } + +.pdl-x, .pd-x, .pdx-x { padding-left: 60px !important; } + +.pdr-s, .pd-s, .pdx-s { padding-right: 10px !important; } + +.pdr-m, .pd-m, .pdx-m { padding-right: 20px !important; } + +.pdr-r, .pd-r, .pdx-r { padding-right: 30px !important; } + +.pdr-l, .pd-l, .pdx-l { padding-right: 40px !important; } + +.pdr-x, .pd-x, .pdx-x { padding-right: 60px !important; } + +.mgt, .mg, .mgy { margin-top: 30px !important; } + +.mgb, .mg, .mgy { margin-bottom: 30px !important; } + +.mgl, .mg, .mgx { margin-left: 30px !important; } + +.mgr, .mg, .mgx { margin-right: 30px !important; } + +.mg-fix { margin-bottom: -20px; } + +.mg-fix-lg { margin-bottom: -45px; } + +.mg-fix-md { margin-bottom: -30px; } + +.mg-fix-sm { margin-bottom: -15px; } + +.mg-fix-xs { margin-bottom: -10px; } + +.mgt-s, .mg-s, .mgy-s { margin-top: 10px !important; } + +.mgt-m, .mg-m, .mgy-m { margin-top: 20px !important; } + +.mgt-r, .mg-r, .mgy-r { margin-top: 30px !important; } + +.mgt-l, .mg-l, .mgy-l { margin-top: 40px !important; } + +.mgt-x, .mg-x, .mgy-x { margin-top: 60px !important; } + +.mgb-s, .mg-s, .mgy-s { margin-bottom: 10px !important; } + +.mgb-m, .mg-m, .mgy-m { margin-bottom: 20px !important; } + +.mgb-r, .mg-r, .mgy-r { margin-bottom: 30px !important; } + +.mgb-l, .mg-l, .mgy-l { margin-bottom: 40px !important; } + +.mgb-x, .mg-x, .mgy-x { margin-bottom: 60px !important; } + +.mgl-s, .mg-s, .mgx-s { margin-left: 10px !important; } + +.mgl-m, .mg-m, .mgx-m { margin-left: 20px !important; } + +.mgl-r, .mg-r, .mgx-r { margin-left: 30px !important; } + +.mgl-l, .mg-l, .mgx-l { margin-left: 40px !important; } + +.mgl-x, .mg-x, .mgx-x { margin-left: 60px !important; } + +.mgr-s, .mg-s, .mgx-s { margin-right: 10px !important; } + +.mgr-m, .mg-m, .mgx-m { margin-right: 20px !important; } + +.mgr-r, .mg-r, .mgx-r { margin-right: 30px !important; } + +.mgr-l, .mg-l, .mgx-l { margin-right: 40px !important; } + +.mgr-x, .mg-x, .mgx-x { margin-right: 60px !important; } + +@media (min-width: 576px) { .pdt-l, .pd-l, .pdy-l { padding-top: 60px !important; } + .pdt-x, .pd-x, .pdy-x { padding-top: 90px !important; } + .pdb-l, .pd-l, .pdy-l { padding-bottom: 60px !important; } + .pdb-x, .pd-x, .pdy-x { padding-bottom: 90px !important; } + .pdl-l, .pd-l, .pdx-l { padding-left: 60px !important; } + .pdl-x, .pd-x, .pdx-x { padding-left: 90px !important; } + .pdr-l, .pd-l, .pdx-l { padding-right: 60px !important; } + .pdr-x, .pd-x, .pdx-x { padding-right: 90px !important; } + .mgt-l, .mg-l, .mgy-l { margin-top: 60px !important; } + .mgt-x, .mg-x, .mgy-x { margin-top: 90px !important; } + .mgb-l, .mg-l, .mgy-l { margin-bottom: 60px !important; } + .mgb-x, .mg-x, .mgy-x { margin-bottom: 90px !important; } + .mgl-l, .mg-l, .mgx-l { margin-left: 60px !important; } + .mgl-x, .mg-x, .mgx-x { margin-left: 90px !important; } + .mgr-l, .mg-l, .mgx-l { margin-right: 60px !important; } + .mgr-x, .mg-x, .mgx-x { margin-right: 90px !important; } } + +.mgb-m10 { margin-bottom: -10px !important; } + +.mgb-m20 { margin-bottom: -20px !important; } + +.mgb-m30 { margin-bottom: -30px !important; } + +.mgb-m40 { margin-bottom: -40px !important; } + +.mgb-m50 { margin-bottom: -50px !important; } + +.mgt-m10 { margin-top: -10px !important; } + +.mgt-m20 { margin-top: -20px !important; } + +.mgt-m30 { margin-top: -30px !important; } + +.mgt-m40 { margin-top: -40px !important; } + +.mgt-m50 { margin-top: -50px !important; } + +.mgt-m70 { margin-top: -70px !important; } + +.gutter-5px { margin-left: -2.5px !important; margin-right: -2.5px !important; } + +.gutter-5px > li, .gutter-5px > div { padding-left: 2.5px !important; padding-right: 2.5px !important; } + +.gutter-15px { margin-left: -7.5px !important; margin-right: -7.5px !important; } + +.gutter-15px > li, .gutter-15px > div { padding-left: 7.5px !important; padding-right: 7.5px !important; } + +.gutter-25px { margin-left: -12.5px !important; margin-right: -12.5px !important; } + +.gutter-25px > li, .gutter-25px > div { padding-left: 12.5px !important; padding-right: 12.5px !important; } + +.gutter-10px { margin-left: -5px !important; margin-right: -5px !important; } + +.gutter-10px > li, .gutter-10px > div { padding-left: 5px !important; padding-right: 5px !important; } + +.gutter-20px { margin-left: -10px !important; margin-right: -10px !important; } + +.gutter-20px > li, .gutter-20px > div { padding-left: 10px !important; padding-right: 10px !important; } + +.gutter-30px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-30px > li, .gutter-30px > div { padding-left: 15px !important; padding-right: 15px !important; } + +.gutter-40px { margin-left: -20px !important; margin-right: -20px !important; } + +.gutter-40px > li, .gutter-40px > div { padding-left: 20px !important; padding-right: 20px !important; } + +.gutter-50px { margin-left: -25px !important; margin-right: -25px !important; } + +.gutter-50px > li, .gutter-50px > div { padding-left: 25px !important; padding-right: 25px !important; } + +.gutter-60px { margin-left: -30px !important; margin-right: -30px !important; } + +.gutter-60px > li, .gutter-60px > div { padding-left: 30px !important; padding-right: 30px !important; } + +.gutter-70px { margin-left: -35px !important; margin-right: -35px !important; } + +.gutter-70px > li, .gutter-70px > div { padding-left: 35px !important; padding-right: 35px !important; } + +.gutter-80px { margin-left: -40px !important; margin-right: -40px !important; } + +.gutter-80px > li, .gutter-80px > div { padding-left: 40px !important; padding-right: 40px !important; } + +.gutter-90px { margin-left: -45px !important; margin-right: -45px !important; } + +.gutter-90px > li, .gutter-90px > div { padding-left: 45px !important; padding-right: 45px !important; } + +.gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } + +.gutter-vr-5px { margin-top: -2.5px !important; margin-bottom: -2.5px !important; } + +.gutter-vr-5px > li, .gutter-vr-5px > div { padding-top: 2.5px !important; padding-bottom: 2.5px !important; } + +.gutter-vr-15px { margin-top: -7.5px !important; margin-bottom: -7.5px !important; } + +.gutter-vr-15px > li, .gutter-vr-15px > div { padding-top: 7.5px !important; padding-bottom: 7.5px !important; } + +.gutter-vr-25px { margin-top: -12.5px !important; margin-bottom: -12.5px !important; } + +.gutter-vr-25px > li, .gutter-vr-25px > div { padding-top: 12.5px !important; padding-bottom: 12.5px !important; } + +.gutter-vr-10px { margin-top: -5px !important; margin-bottom: -5px !important; } + +.gutter-vr-10px > li, .gutter-vr-10px > div { padding-top: 5px !important; padding-bottom: 5px !important; } + +.gutter-vr-20px { margin-top: -10px !important; margin-bottom: -10px !important; } + +.gutter-vr-20px > li, .gutter-vr-20px > div { padding-top: 10px !important; padding-bottom: 10px !important; } + +.gutter-vr-30px { margin-top: -15px !important; margin-bottom: -15px !important; } + +.gutter-vr-30px > li, .gutter-vr-30px > div { padding-top: 15px !important; padding-bottom: 15px !important; } + +.gutter-vr-40px { margin-top: -20px !important; margin-bottom: -20px !important; } + +.gutter-vr-40px > li, .gutter-vr-40px > div { padding-top: 20px !important; padding-bottom: 20px !important; } + +.gutter-vr-50px { margin-top: -25px !important; margin-bottom: -25px !important; } + +.gutter-vr-50px > li, .gutter-vr-50px > div { padding-top: 25px !important; padding-bottom: 25px !important; } + +.gutter-vr-60px { margin-top: -30px !important; margin-bottom: -30px !important; } + +.gutter-vr-60px > li, .gutter-vr-60px > div { padding-top: 30px !important; padding-bottom: 30px !important; } + +.gutter-vr-70px { margin-top: -35px !important; margin-bottom: -35px !important; } + +.gutter-vr-70px > li, .gutter-vr-70px > div { padding-top: 35px !important; padding-bottom: 35px !important; } + +.gutter-vr-80px { margin-top: -40px !important; margin-bottom: -40px !important; } + +.gutter-vr-80px > li, .gutter-vr-80px > div { padding-top: 40px !important; padding-bottom: 40px !important; } + +.gutter-vr-90px { margin-top: -45px !important; margin-bottom: -45px !important; } + +.gutter-vr-90px > li, .gutter-vr-90px > div { padding-top: 45px !important; padding-bottom: 45px !important; } + +.gutter-vr-100px { margin-top: -50px !important; margin-bottom: -50px !important; } + +.gutter-vr-100px > li, .gutter-vr-100px > div { padding-top: 50px !important; padding-bottom: 50px !important; } + +.gutter-100px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 15px !important; padding-right: 15px !important; } + +@media (min-width: 992px) { .gutter-100px { margin-left: -25px !important; margin-right: -25px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 25px !important; padding-right: 25px !important; } } + +@media (min-width: 1200px) { .gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } } + +/** 02.03 Colors */ +.tc-base-white, .tc-light, .tc-light a:not(.btn):not([class*="link-"]) { color: #97afd5; } + +.tc-base-white-hover, .tc-light a:not(.btn):not([class*="link-"]):hover { color: #f42f54; } + +.tc-default, .tc-default a { color: #97afd5 !important; } + +.tc-alternet, .tc-alternet a { color: #305082 !important; } + +.tc-primary, .tc-primary a { color: #f42f54 !important; } + +.tc-primary a:hover { color: #f8aa38 !important; } + +.tc-secondary, .tc-secondary a { color: #f8aa38 !important; } + +.tc-secondary a:hover { color: #f42f54 !important; } + +.tc-info, .tc-info a { color: #026bfb !important; } + +.tc-warning, .tc-warning a { color: #f6be26 !important; } + +.tc-success, .tc-success a { color: #39d884 !important; } + +.tc-danger, .tc-danger a { color: #e6604a !important; } + +.tc-light p, .tc-light .list { color: #97afd5; } + +.tc-light .lead, .tc-light .lead-light, .tc-light .lead-s2 { color: #97afd5; } + +.tc-light-alt a:not(.btn):not([class*="link-"]) { color: #97afd5 !important; } + +.tc-light-alt a:not(.btn):not([class*="link-"]):hover { color: #f42f54 !important; } + +.tc-light-alt li { color: #97afd5; } + +.tc-lighter { color: rgba(255, 255, 255, 0.6) !important; } + +.tc-dark, .tc-dark a { color: #0b0c10 !important; } + +.tc-theme, .tc-theme a { color: #f42f54 !important; } + +.tc-theme-alt, .tc-theme-alt a { color: #0f1932 !important; } + +.tc-white { color: #fff !important; } + +.bg-default { background-color: #305082 !important; } + +.bg-alternet { background-color: #0f1932 !important; } + +.bg-primary { background-color: #0a1227 !important; } + +.bg-secondary { background-color: #f8aa38 !important; } + +.bg-light { background-color: #f0f7fc !important; } + +.bg-light.current { background-color: rgba(240, 247, 252, 0.7) !important; } + +.bg-light-alt { background-color: #dfeaf5 !important; } + +.bg-light-alt.current { background-color: rgba(223, 234, 245, 0.7) !important; } + +.bg-light-grad { background-image: linear-gradient(to bottom, #fff 0%, #f0f7fc 100%); } + +.bg-dark { background-color: #0a1227 !important; } + +.bg-dark.current { background-color: rgba(10, 18, 39, 0.7) !important; } + +.bg-dark-alt { background-color: rgba(10, 18, 39, 0.7) !important; } + +.bg-dark-alt.current { background-color: rgba(32, 47, 83, 0.7) !important; } + +.bg-dark-opacity { background: rgba(0, 0, 0, 0.15) !important; } + +.bg-trans { background-color: transparent !important; } + +.bg-grad { background-image: linear-gradient(90deg, #f42f54 0%, #f8aa38 100%) !important; } + +.bg-grad-alt { background-image: linear-gradient(90deg, #f8aa38 0%, #f42f54 100%) !important; } + +.bg-grad-special { background-image: linear-gradient(140deg, #d31e40 0%, #d31e40 20%, transparent 50%, transparent 100%) !important; } + +.bg-grad-special-alt { background-image: linear-gradient(to top, #202b47 0%, #202b47 5%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.bg-grad-vr-theme-to-alt { background-image: linear-gradient(to bottom, #0f1932 0%, #202b47 100%) !important; } + +.bg-grad-vr-theme-dark-to-dark-alt { background-image: linear-gradient(to bottom, #0a1227 0%, #202f53 100%) !important; } + +.bg-grad-vr-alt-to-theme { background-image: linear-gradient(to top, #0f1932 0%, #202b47 100%) !important; } + +.bg-grad-vr-dark-alt-to-theme-dark-to-theme { background-image: linear-gradient(to top, #0a1227 0%, #202f53 100%) !important; } + +.bg-info { background-color: #026bfb !important; } + +.bg-warning { background-color: #f6be26 !important; } + +.bg-success { background-color: #39d884 !important; } + +.bg-danger { background-color: #e6604a !important; } + +.bg-black { background-color: #000; } + +.bg-black-2, .bonus-info { background-color: rgba(0, 0, 0, 0.02); } + +.bg-black-5 { background-color: rgba(0, 0, 0, 0.05); } + +.bg-black-7 { background-color: rgba(0, 0, 0, 0.07); } + +.bg-black-10 { background-color: rgba(0, 0, 0, 0.1); } + +.bg-black-14 { background-color: rgba(0, 0, 0, 0.14); } + +.bg-black-22 { background-color: rgba(0, 0, 0, 0.22); } + +.bg-white { background-color: #fff; } + +.bg-white-2 { background-color: rgba(255, 255, 255, 0.02); } + +.bg-white-5 { background-color: rgba(255, 255, 255, 0.05); } + +.bg-white-7 { background-color: rgba(255, 255, 255, 0.07); } + +.bg-white-10 { background-color: rgba(255, 255, 255, 0.1); } + +.bg-white-14 { background-color: rgba(255, 255, 255, 0.14); } + +.bg-white-22 { background-color: rgba(255, 255, 255, 0.22); } + +.bg-theme { background-color: #0f1932 !important; } + +.bg-theme.current { background-color: rgba(15, 25, 50, 0.7) !important; } + +.bg-theme-alt { background-color: #202b47 !important; } + +.bg-theme-alt.current { background-color: rgba(32, 43, 71, 0.7) !important; } + +.bg-theme-grad { background-image: linear-gradient(to right, #0f1932 0%, #202b47 100%) !important; } + +.bg-theme-grad-alt { background-image: linear-gradient(to right, #202b47 0%, #0f1932 100%) !important; } + +.bg-theme-grad-s2 { background-image: linear-gradient(135deg, #0f1932 0%, #202b47 100%) !important; } + +.bg-theme-grad-s2-alt { background-image: linear-gradient(135deg, #202b47 0%, #0f1932 100%) !important; } + +.bg-theme-grad-alternet { background-image: linear-gradient(to right, #0f1932 0%, #d31e40 100%) !important; } + +.bg-theme-dark { background-color: #0a1227 !important; } + +.bg-theme-dark.current { background-color: rgba(10, 18, 39, 0.7) !important; } + +.bg-theme-dark-alt { background-color: #202f53 !important; } + +.bg-theme-dark-alt.current { background-color: rgba(32, 47, 83, 0.7) !important; } + +.bg-theme-light { background-color: #f0f7fc !important; } + +.bg-theme-light.current { background-color: rgba(240, 247, 252, 0.7) !important; } + +.bg-theme-light-alt { background-color: #dfeaf5 !important; } + +.bg-theme-light-alt.current { background-color: rgba(223, 234, 245, 0.7) !important; } + +.bg-theme-accent { background-color: #f42f54 !important; } + +.bg-theme-accent.current { background-color: rgba(244, 47, 84, 0.7) !important; } + +.bg-theme-accent-alt { background-color: #f8aa38 !important; } + +.bg-theme-accent-alt.current { background-color: rgba(248, 170, 56, 0.7) !important; } + +.bg-blend:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #0f1932); } + +.bg-blend-alt:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #202b47); } + +.bg-blend-light { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #f0f7fc); } + +.bg-blend-light-alt { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #dfeaf5); } + +.bg-rblend-light { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #f0f7fc); } + +.bg-rblend-light-alt { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #dfeaf5); } + +.theme-dark { background: #0a1227 !important; } + +.text-primary { color: #0f1932 !important; } + +.text-primary-alt { color: #202b47 !important; } + +.text-theme-alt { color: #d31e40; } + +.text-base { color: #2d3f5f; } + +/** 02.04 Misc */ +.ttc { text-transform: capitalize !important; } + +.ttu { text-transform: uppercase !important; } + +.ttl { text-transform: lowercase !important; } + +.ttn { text-transform: none !important; } + +.fw-7 { font-weight: 700 !important; } + +.fw-6 { font-weight: 600 !important; } + +.fw-5 { font-weight: 500 !important; } + +.fw-4 { font-weight: 400 !important; } + +.fw-3 { font-weight: 300 !important; } + +.fw-rg { font-weight: 400 !important; } + +.fw-bold { font-weight: 700 !important; } + +.fw-md { font-weight: 500 !important; } + +.fw-lt { font-weight: 300 !important; } + +.lh { line-height: 1; } + +.lh-11 { line-height: 1.1; } + +.lh-12 { line-height: 1.2; } + +.lh-13 { line-height: 1.3; } + +.lh-14 { line-height: 1.4; } + +.lh-15 { line-height: 1.5; } + +.lh-16 { line-height: 1.6; } + +.lh-17 { line-height: 1.7; } + +.lh-18 { line-height: 1.8; } + +.lh-19 { line-height: 1.9; } + +.lh-2 { line-height: 2; } + +.ov-h, .nk-block-video, .nk-banner, .banner-wrap, .feature-group, .feature-img { overflow: hidden; } + +.ov-xh { overflow-x: hidden; } + +.ov-yh { overflow-y: hidden; } + +.ov-s { overflow: scroll; } + +.ov-xs { overflow-x: scroll; } + +.ov-ys { overflow-y: scroll; } + +.ov-v { overflow: visible !important; } + +.ov-xv { overflow-x: visible !important; } + +.ov-yv { overflow-y: visible !important; } + +.bd { border: 1px solid #d1e0f6; } + +.bd-2 { border-width: 2px; } + +.bd-3 { border-width: 3px; } + +.bdt { border-top: 1px solid #d1e0f6; } + +.bdt-2 { border-top-width: 2px; } + +.bdt-3 { border-top-width: 3px; } + +.bdb { border-bottom: 1px solid #d1e0f6; } + +.bdb-2 { border-bottom-width: 2px; } + +.bdb-3 { border-bottom-width: 3px; } + +.bdl { border-left: 1px solid #d1e0f6; } + +.bdl-2 { border-left-width: 2px; } + +.bdl-3 { border-left-width: 3px; } + +.bdr { border-right: 1px solid #d1e0f6; } + +.bdr-2 { border-right-width: 2px; } + +.bdr-3 { border-right-width: 3px; } + +.bd-dashed { border-style: dashed; } + +.bd-dotted { border-style: dotted; } + +.bd-double { border-style: double; } + +.bd-light { border-color: #dbe4f7; } + +.bd-lighter { border-color: #dbe4f7; } + +.bd-lightest { border-color: #f4f7fd; } + +.bd-dark { border-color: #394995; } + +.bd-darker { border-color: #394995; } + +.bd-darkest { border-color: #394995; } + +.bd-primary { border-color: #f42f54; } + +.bd-alternet { border-color: #a2b3cd; } + +.bd-secondary { border-color: #0f1932; } + +.bd-info { border-color: #9ac4fd; } + +.bd-warning { border-color: #fbe5a8; } + +.bd-success { border-color: #b0efce; } + +.bd-danger { border-color: #f5bfb7; } + +.round, .token-stage { border-radius: 6px !important; } + +.round-sm { border-radius: 4px !important; } + +.round-md { border-radius: 10px !important; } + +.round-lg { border-radius: 15px !important; } + +.round-xl { border-radius: 44px !important; } + +.round-full, .circle { border-radius: 50% !important; } + +.round-full:before, .circle:before, .round-full:after, .circle:after { border-radius: 50% !important; } + +.bdrs-1 { border-radius: 1px; } + +.bdrs-2 { border-radius: 2px; } + +.bdrs-3 { border-radius: 3px; } + +.bdrs-4 { border-radius: 4px; } + +.bdrs-5 { border-radius: 5px; } + +.bdrs-6 { border-radius: 6px; } + +.bdrs-7 { border-radius: 7px; } + +.bdrs-8 { border-radius: 8px; } + +.bdrs-9 { border-radius: 9px; } + +.bdrs-1x { border-radius: 10px; } + +.bdrs-2x { border-radius: 20px; } + +.bdrs-3x { border-radius: 30px; } + +.bdrs-4x { border-radius: 40px; } + +.bdrs-5x { border-radius: 50px; } + +.bdrs-15x { border-radius: 15px; } + +.bdrs-25x { border-radius: 25px; } + +.bdrs-35x { border-radius: 35px; } + +.bdrs-45x { border-radius: 45px; } + +.shadow { box-shadow: 0 3px 12px 0 rgba(45, 63, 95, 0.08) !important; } + +.shadow-alt { box-shadow: 0 8px 16px 0 rgba(45, 63, 95, 0.15); } + +.shadow-soft { box-shadow: 0 5px 45px 0 rgba(45, 63, 95, 0.08); } + +.shadow-soft-sm { box-shadow: 0 2px 12px 0 rgba(45, 63, 95, 0.08); } + +.shadow-dark { box-shadow: 0 5px 40px rgba(45, 63, 95, 0.15); } + +.shadow-dark-sm { box-shadow: 0 3px 12px 0 rgba(45, 63, 95, 0.15); } + +.shadow-heavy { box-shadow: 0 5px 50px rgba(45, 63, 95, 0.25); } + +.shadow-heavy-sm { box-shadow: 0 3px 12px 0 rgba(45, 63, 95, 0.25); } + +.nk-df-mask-a, .mask-a:before, .mask-a-bg { background-image: url(../images/mask-a.svg); } + +.ie .nk-df-mask-a, .ie .mask-a:before, .ie .mask-a-bg { background-image: url(../images/mask-a.png); } + +.nk-df-mask-a-md, .mask-a-md:before, .mask-a-md-bg { background-image: url(../images/mask-a-md.svg); } + +.ie .nk-df-mask-a-md, .ie .mask-a-md:before, .ie .mask-a-md-bg { background-image: url(../images/mask-a-md.png); } + +.nk-df-mask-a-dark, .mask-a-dark:before, .mask-a-dark-bg { background-image: url(../images/mask-a-dark.svg); } + +.ie .nk-df-mask-a-dark, .ie .mask-a-dark:before, .ie .mask-a-dark-bg { background-image: url(../images/mask-a-dark.png); } + +.nk-df-mask-line, .mask-line:before, .mask-line-bg { background-image: url(../images/mask-line.svg); } + +.ie .nk-df-mask-line, .ie .mask-line:before, .ie .mask-line-bg { background-image: url(../images/mask-line.png); } + +.nk-df-mask-b, .mask-b:before, .mask-b-bg { background-image: url(../images/mask-b.svg); } + +.ie .nk-df-mask-b, .ie .mask-b:before, .ie .mask-b-bg { background-image: url(../images/mask-b.png); } + +.nk-df-mask-c, .mask-c:before, .mask-c-bg { background-image: url(../images/mask-c.svg); } + +.ie .nk-df-mask-c, .ie .mask-c:before, .ie .mask-c-bg { background-image: url(../images/mask-c.png); } + +.nk-df-mask-c-light, .mask-c-light:before, .mask-c-light-bg { background-image: url(../images/mask-c-light.svg); } + +.ie .nk-df-mask-c-light, .ie .mask-c-light:before, .ie .mask-c-light-bg { background-image: url(../images/mask-c-light.png); } + +.nk-df-mask-c-dark, .mask-c-dark:before, .mask-c-dark-bg { background-image: url(../images/mask-c-dark.svg); } + +.ie .nk-df-mask-c-dark, .ie .mask-c-dark:before, .ie .mask-c-dark-bg { background-image: url(../images/mask-c-dark.png); } + +.nk-df-mask-d, .mask-d:before, .mask-d-bg { background-image: url(../images/mask-d.svg); } + +.ie .nk-df-mask-d, .ie .mask-d:before, .ie .mask-d-bg { background-image: url(../images/mask-d.png); } + +.nk-df-mask-d2, .mask-d2:before, .mask-d2-bg { background-image: url(../images/mask-d2.svg); } + +.ie .nk-df-mask-d2, .ie .mask-d2:before, .ie .mask-d2-bg { background-image: url(../images/mask-d2.png); } + +.nk-df-mask-e, .mask-e:before, .mask-e-bg { background-image: url(../images/mask-e.svg); } + +.ie .nk-df-mask-e, .ie .mask-e:before, .ie .mask-e-bg { background-image: url(../images/mask-e.png); } + +.nk-df-mask-f, .mask-f:before, .mask-f-bg { background-image: url(../images/mask-f.svg); } + +.ie .nk-df-mask-f, .ie .mask-f:before, .ie .mask-f-bg { background-image: url(../images/mask-f.png); } + +.nk-df-mask-f-footer, .mask-f-footer:before, .mask-f-footer-bg { background-image: url(../images/mask-f-footer.svg); } + +.ie .nk-df-mask-f-footer, .ie .mask-f-footer:before, .ie .mask-f-footer-bg { background-image: url(../images/mask-f-footer.png); } + +.mask-a:before, .mask-a-md:before, .mask-a-dark:before { background-position: bottom center !important; } + +.mask-contain-bottom:before { background-size: contain; background-position: 50% 100%; } + +.mask-c-blend { background-image: linear-gradient(180deg, #0d1b61 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-dark { background-image: linear-gradient(180deg, #0C0E24 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-light { background-image: linear-gradient(180deg, #f0f6ff 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-f:before { left: 0 !important; } + +.mask-f-footer:before { background-position: 50% -1px; } + +.before-bottom:before { top: auto; } + +.before-h10:before { height: 10%; } + +.before-h20:before { height: 20%; } + +.before-h30:before { height: 30%; } + +.before-h40:before { height: 40%; } + +.before-h50:before { height: 50%; } + +.before-h60:before { height: 60%; } + +.before-h70:before { height: 70%; } + +.before-h80:before { height: 80%; } + +.before-h90:before { height: 90%; } + +.nk-df-shape-a, .shape-a:after, .shape-a-bg, .bg-shape-a { background-image: url(../images/shape-a.png); } + +.nk-df-shape-a-sm, .shape-a-sm:after, .shape-a-sm-bg { background-image: url(../images/shape-a-sm.png); } + +.nk-df-shape-b, .shape-b:after, .shape-b-bg, .bg-shape-b { background-image: url(../images/shape-b.png); } + +.nk-df-shape-b-sm, .shape-b-sm:after, .shape-b-sm-bg { background-image: url(../images/shape-b-sm.png); } + +.nk-df-shape-c, .shape-c:after, .shape-c-bg { background-image: url(../images/shape-c.png); } + +.nk-df-shape-c-sm, .shape-c-sm:after, .shape-c-sm-bg { background-image: url(../images/shape-c-sm.png); } + +.nk-df-shape-d, .shape-d:after, .shape-d-bg { background-image: url(../images/shape-d.png); } + +.nk-df-shape-d-sm, .shape-d-sm:after, .shape-d-sm-bg { background-image: url(../images/shape-d-sm.png); } + +.nk-df-shape-e, .shape-e:after, .shape-e-bg { background-image: url(../images/shape-e.png); } + +.nk-df-shape-e-sm, .shape-e-sm:after, .shape-e-sm-bg { background-image: url(../images/shape-e-sm.png); } + +.nk-df-shape-f, .shape-f:after, .shape-f-bg { background-image: url(../images/shape-f.png); } + +.nk-df-shape-f-sm, .shape-f-sm:after, .shape-f-sm-bg { background-image: url(../images/shape-f-sm.png); } + +.nk-df-shape-g, .shape-g:after, .shape-g-bg { background-image: url(../images/shape-g.png); } + +.nk-df-shape-g-sm, .shape-g-sm:after, .shape-g-sm-bg { background-image: url(../images/shape-g-sm.png); } + +.nk-df-shape-h, .shape-h:after, .shape-h-bg { background-image: url(../images/shape-h.png); } + +.nk-df-shape-h-sm, .shape-h-sm:after, .shape-h-sm-bg { background-image: url(../images/shape-h-sm.png); } + +.nk-df-shape-i, .shape-i:after, .shape-i-bg { background-image: url(../images/shape-i.png); } + +.nk-df-shape-i-sm, .shape-i-sm:after, .shape-i-sm-bg { background-image: url(../images/shape-i-sm.png); } + +.nk-df-shape-m, .shape-m:after, .shape-m-bg { background-image: url(../images/shape-m.png); } + +.nk-df-shape-n, .shape-n:after, .shape-n-bg { background-image: url(../images/shape-n.png); } + +.nk-df-shape-o, .shape-o:after, .shape-o-bg { background-image: url(../images/shape-o.png); } + +.nk-df-shape-p, .shape-p:after, .shape-p-bg { background-image: url(../images/shape-p.png); } + +.nk-df-shape-q, .shape-q:after, .shape-q-bg { background-image: url(../images/shape-q.png); } + +.nk-df-shape-r, .shape-r:after, .shape-r-bg { background-image: url(../images/shape-r.png); } + +.nk-df-shape-s, .shape-s:after, .shape-s-bg { background-image: url(../images/shape-s.png); } + +.nk-df-shape-s-sm, .shape-s-sm:after, .shape-s-sm-bg { background-image: url(../images/shape-s-sm.png); } + +.nk-df-shape-t, .shape-t:after, .shape-t-bg { background-image: url(../images/shape-t.png); } + +.nk-df-shape-u, .shape-u:after, .shape-u-bg { background-image: url(../images/shape-u.png); } + +.nk-df-shape-v, .shape-v:after, .shape-v-bg { background-image: url(../images/shape-v.png); } + +.nk-df-shape-w, .shape-w:after, .shape-w-bg { background-image: url(../images/shape-w.png); } + +.nk-df-shape-x, .shape-x:after, .shape-x-bg { background-image: url(../images/shape-x.png); } + +.nk-df-shape-x-2, .shape-x-2:after, .shape-x-2-bg { background-image: url(../images/shape-x-2.png); } + +.nk-df-shape-x-3, .shape-x-3:after, .shape-x-3-bg { background-image: url(../images/shape-x-3.png); } + +.nk-df-shape-y, .shape-y:after, .shape-y-bg { background-image: url(../images/shape-y.png); } + +.nk-df-shape-z, .shape-z:after, .shape-z-bg { background-image: url(../images/shape-z.png); } + +.nk-df-shape-z2, .shape-z2:after, .shape-z2-bg { background-image: url(../images/shape-z2.png); } + +.nk-df-shape-a2, .shape-a2:after, .shape-a2-bg { background-image: url(../images/shape-a2.png); } + +.nk-df-shape-z3, .shape-z3:after, .shape-z3-bg { background-image: url(../images/shape-z3.png); } + +.nk-df-shape-z4, .shape-z4:after, .shape-z4-bg { background-image: url(../images/shape-z4.png); } + +.nk-df-shape-z6, .shape-z6:after, .shape-z6-bg { background-image: url(../images/shape-z6.png); } + +.nk-df-shape-z6-sm, .shape-z6-sm:after, .shape-z6-sm-bg { background-image: url(../images/shape-z6-sm.png); } + +.nk-df-shape-z7, .shape-z7:after, .shape-z7-bg { background-image: url(../images/shape-z7.png); } + +.shape-contain:after { background-size: contain; } + +.shape-center-top:after { background-position: 50% 0; } + +.shape-center-bottom:after { background-position: 50% 100%; } + +.shape-left-top:after { background-position: 0 0; } + +.shape-q:after { background-size: contain; background-repeat: repeat; background-position: 0 50%; } + +.shape-lg-60:after { background-size: 60%; } + +.shape-z3:after { background-size: 100%; background-position: bottom center; } + +.shape-x.nk-ovm:after, .shape-x.nk-ovm:before { left: 0 !important; } + +.shape-a2:before { background-size: 100%; } + +.nk-ovm { z-index: 1; } + +.nk-ovm:before, .nk-ovm:after { bottom: -1px; left: -1px; } + +.nk-ovm:before { z-index: 1; } + +.nk-ovm-repeat:after { background-repeat: repeat; background-size: contain; } + +.nk-ovm-fixed:after { background-attachment: fixed; } + +.ovm-top { bottom: auto; } + +.ovm-bottom { top: auto; } + +.ovm-left { right: auto; } + +.ovm-right { left: auto; } + +.ovm-h-10 { height: 10%; } + +.ovm-h-20 { height: 20%; } + +.ovm-h-30 { height: 30%; } + +.ovm-h-40 { height: 40%; } + +.ovm-h-50 { height: 50%; } + +.ovm-h-60 { height: 60%; } + +.ovm-h-70 { height: 70%; } + +.ovm-h-80 { height: 80%; } + +.ovm-h-90 { height: 90%; } + +.ovm-w-10 { width: 10%; } + +.ovm-w-20 { width: 20%; } + +.ovm-w-30 { width: 30%; } + +.ovm-w-40 { width: 40%; } + +.ovm-w-50 { width: 50%; } + +.ovm-w-60 { width: 60%; } + +.ovm-w-70 { width: 70%; } + +.ovm-w-80 { width: 80%; } + +.ovm-w-90 { width: 90%; } + +.has-bg-image > div, .has-bg-video > div { position: relative; z-index: 1; } + +.bg-fixed { background-attachment: fixed; } + +.bg-image { position: absolute !important; z-index: 0 !important; opacity: 0; transition: opacity .4s; } + +.bg-image.bg-image-loaded { opacity: 1; } + +.bg-image img { display: none !important; } + +.bg-pattern-dots-color { background-image: url(../images/dot-a.png); background-size: contain; } + +.bg-pattern-dots { background-image: url(../images/dot-b.png); background-size: contain; background-repeat: repeat-y; } + +.bg-contain { background-size: contain; } + +.bg-bottom-center { background-position: 50% 100%; } + +.bg-shape-b { background-position: 50% 100%; } + +.bg-video { position: absolute !important; z-index: 0 !important; overflow: hidden; } + +.bg-video-cover { opacity: 0; } + +.cover-enabled .bg-video-cover { opacity: 1; } + +.bg-video .ytplayer-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.bg-video .ytplayer-container.cover-enabled .bg-video .ytplayer-container { display: none; } + +.cover-enabled .ytplayer-container { display: none; } + +.bg-image.bp-l0, .has-bg.bp-l0 { background-position: 0%; } + +.bg-image.bp-r0, .has-bg.bp-r0 { background-position: 0%; } + +.bg-image.bp-l10, .has-bg.bp-l10 { background-position: 10%; } + +.bg-image.bp-r10, .has-bg.bp-r10 { background-position: 40%; } + +.bg-image.bp-l20, .has-bg.bp-l20 { background-position: 20%; } + +.bg-image.bp-r20, .has-bg.bp-r20 { background-position: 30%; } + +.bg-image.bp-l25, .has-bg.bp-l25 { background-position: 25%; } + +.bg-image.bp-r25, .has-bg.bp-r25 { background-position: 25%; } + +.bg-image.bp-l30, .has-bg.bp-l30 { background-position: 30%; } + +.bg-image.bp-r30, .has-bg.bp-r30 { background-position: 20%; } + +.bg-image.bp-l40, .has-bg.bp-l40 { background-position: 40%; } + +.bg-image.bp-r40, .has-bg.bp-r40 { background-position: 10%; } + +.overlay:after { content: ''; } + +.overlay-light:after { background: #fff; } + +.overlay-dark:after { background: #000; } + +.overlay-theme:after { background: #0f1932; } + +.overlay-theme-dark:after { background: #0a1227; } + +.overlay-opacity-10:after { opacity: 0.1; } + +.overlay-opacity-15:after { opacity: 0.15; } + +.overlay-opacity-20:after { opacity: 0.2; } + +.overlay-opacity-25:after { opacity: 0.25; } + +.overlay-opacity-30:after { opacity: 0.3; } + +.overlay-opacity-35:after { opacity: 0.35; } + +.overlay-opacity-40:after { opacity: 0.4; } + +.overlay-opacity-45:after { opacity: 0.45; } + +.overlay-opacity-50:after { opacity: 0.5; } + +.overlay-opacity-55:after { opacity: 0.55; } + +.overlay-opacity-60:after { opacity: 0.6; } + +.overlay-opacity-65:after { opacity: 0.65; } + +.overlay-opacity-70:after { opacity: 0.7; } + +.overlay-opacity-75:after { opacity: 0.75; } + +.overlay-opacity-80:after { opacity: 0.8; } + +.overlay-opacity-85:after { opacity: 0.85; } + +.overlay-opacity-90:after { opacity: 0.9; } + +.overlay-opacity-95:after { opacity: 0.95; } + +.overlay-opacity-100:after { opacity: 1; } + +.op-10 { opacity: 0.1; } + +.op-20 { opacity: 0.2; } + +.op-30 { opacity: 0.3; } + +.op-40 { opacity: 0.4; } + +.op-50 { opacity: 0.5; } + +.op-60 { opacity: 0.6; } + +.op-70 { opacity: 0.7; } + +.op-80 { opacity: 0.8; } + +.op-90 { opacity: 0.9; } + +.op-100 { opacity: 1; } + +.op-15 { opacity: 0.15; } + +.op-25 { opacity: 0.25; } + +.op-35 { opacity: 0.35; } + +.op-45 { opacity: 0.45; } + +.op-55 { opacity: 0.55; } + +.op-65 { opacity: 0.65; } + +.op-75 { opacity: 0.75; } + +.op-85 { opacity: 0.85; } + +.op-95 { opacity: 0.95; } + +.alignright, .alignleft, .aligncenter, .alignnone { display: block; padding: 0; margin: 15px auto; } + +@media (min-width: 576px) { .alignright, .alignleft, .aligncenter, .alignnone { margin: 0 0 15px; display: inline; } + .alignright { margin-left: 20px; float: right; } + .alignleft { margin-right: 20px; float: left; } + .alignnone { margin-right: 20px; } + .aligncenter { display: block; margin: 15px auto; } } + +.wide, .wide-rg, .wide-auto, .wide-auto-rg { max-width: 750px; } + +.wide-auto, .wide-auto-rg, .wide-auto-xl, .wide-auto-lg, .wide-auto-md, .wide-auto-sm, .wide-auto-xs { margin: 0 auto; } + +.wide-xl, .wide-auto-xl { max-width: 1560px; } + +.wide-lg, .wide-auto-lg { max-width: 1140px; } + +.wide-md, .wide-auto-md { max-width: 945px; } + +.wide-sm, .wide-auto-sm { max-width: 555px; } + +.wide-xs, .wide-auto-xs { max-width: 360px; } + +.wide-none, .wide-auto-none { max-width: inherit; } + +.text-center [class*="wide"], .text-center[class*="wide"] { margin-left: auto; margin-right: auto; } + +.over-up, [class*="over-up-"] { z-index: 9; } + +.over-up { margin-top: -175px; } + +.over-up-sm { margin-top: -45px; } + +.over-up-md { margin-top: -75px; } + +.over-up-lg { margin-top: -165px; } + +.over-up-xl { margin-top: -275px; } + +.over-up-s2 { margin-top: -70px; } + +.over-lg-up { margin-top: 0; } + +.over-up-xl-s2 { margin-top: 0; } + +@media (min-width: 768px) { .over-up { margin-top: -190px; } + .over-up-sm { margin-top: -75px; } + .over-up-md { margin-top: -125px; } + .over-up-lg { margin-top: -275px; } + .over-up-xl { margin-top: -350px; } + .over-up-s2 { margin-top: -50px; } } + +@media (min-width: 992px) { .over-lg-up { margin-top: -80px !important; } + .over-up-xl-s2 { margin-top: -230px; } + .nk-ovm-inner { position: absolute; right: 0; top: 0; width: 30%; background: #f0f7fc; height: 100%; z-index: 1; } } + +@media (min-width: 1200px) { .over-lg-up { margin-top: -100px !important; } + .over-up-xl-s2 { margin-top: -230px; } } + +@media (min-width: 1600px) { .over-lg-up { margin-top: -160px !important; } + .over-up-xl-s2 { margin-top: -295px; } } + +.nk-ovm .nk-svgs { z-index: 3; } + +.nk-svgs svg { height: 100%; width: auto; } + +.nk-svgs.svg-loaded svg { display: none; } + +hr { position: relative; z-index: 5; } + +.hr { border-top: 1px solid #dbe4f7; } + +.hr-white { border-top-color: #fff; } + +.hr-white-5 { border-top-color: rgba(255, 255, 255, 0.05); } + +.hr-white-10 { border-top-color: rgba(255, 255, 255, 0.1); } + +.hr-white-15 { border-top-color: rgba(255, 255, 255, 0.15); } + +.hr-black { border-top-color: #000; } + +.hr-black-5 { border-top-color: rgba(0, 0, 0, 0.05); } + +.hr-black-10 { border-top-color: rgba(0, 0, 0, 0.1); } + +.hr-black-15 { border-top-color: rgba(0, 0, 0, 0.15); } + +.h-110 { height: 110% !important; } + +.h-115 { height: 115% !important; } + +.h-120 { height: 120% !important; } + +.h-125 { height: 125% !important; } + +.h-130 { height: 130% !important; } + +.ui-shape { position: absolute; top: 0; left: 0; height: 100%; width: 100%; left: 50%; overflow: hidden; transform: translateX(-50%); z-index: -1; } + +.ui-shape:after, .ui-shape:before { position: absolute; content: ''; height: 210px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; transition: all .4s; } + +.ui-shape:before { top: 15%; left: -4%; width: 100px; background-image: url(../images/ui-shape-a.svg); } + +.ui-shape:after { bottom: 10%; right: -4%; width: 90px; background-image: url(../images/ui-shape-b.svg); } + +.ui-shape-light:before { background-image: url(../images/ui-shape-light-a.svg); } + +.ui-shape-light:after { background-image: url(../images/ui-shape-light-b.svg); } + +.ui-shape-s1:after { transform: rotate(60deg); } + +.ui-shape-s3:before { top: auto; bottom: 20%; } + +.ui-shape-s3:after { top: 10%; bottom: auto; } + +@media (min-width: 576px) { .ui-shape:before { width: 140px; } + .ui-shape:after { width: 120px; } } + +@media (min-width: 768px) { .ui-shape-s7:after { bottom: 15%; right: 16%; } + .ui-shape-s7:before { top: 6%; left: 22%; } + .ui-shape-s6:after { bottom: 9%; right: 0%; } + .ui-shape-s6:before { top: 9%; left: 13.3%; } + .ui-shape-s5:after { right: 4%; bottom: 15%; } + .ui-shape-s4:before { left: 20%; top: 23.5%; } + .ui-shape-s3:after { right: 4%; } + .ui-shape-s2:before { top: 8%; left: 21%; } + .ui-shape-s1:after { right: 0; } + .ui-shape-header:before { top: 22%; left: 9%; } + .ui-shape-header:after { right: 15%; bottom: 32%; } + .ui-shape-footer:before { top: 2%; } + .ui-shape-footer:after { bottom: -11%; } } + +@media (min-width: 992px) { .ui-shape { width: 960px; overflow: visible; } + .ui-shape:after { width: 166px; } + .ui-shape:before { width: 190px; } + .ui-shape-s5:after { right: -2.5%; } + .ui-shape-s3:before { top: auto; bottom: 20%; } + .ui-shape-header:before { left: 5%; } + .ui-shape-header:after { right: 3%; bottom: 22%; } } + +@media (min-width: 1200px) { .ui-shape { width: 1170px; } + .ui-shape-header:before { left: 2%; } + .ui-shape-header:after { right: -2.5%; bottom: 33%; } } + +.overlay-bars { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; } + +.overlay-bars div { position: absolute; background: rgba(255, 255, 255, 0.03); transform: rotate(-15deg); } + +.overlay-bars.reverse { transform: scaleX(-1); } + +.overlay-bar-1 { height: 140%; width: 300px; left: calc(50% - 210px); top: -20%; } + +.overlay-bar-2 { height: 100%; width: 160px; left: calc(50% - 170px); bottom: calc(50% + 155px); } + +.overlay-bar-3 { height: 100%; width: 230px; left: calc(50% - 90px); top: calc(50% + 280px); } + +.overlay-bar-4 { height: 140%; width: 300px; left: calc(50% - 860px); top: -20%; transform: rotate(-15deg); } + +.overlay-bar-5 { height: 140%; width: 160px; left: calc(50% - 910px); top: -20%; } + +.overlay-bar-6 { height: 140%; width: 300px; left: calc(50% + 530px); top: -20%; } + +.overlay-bar-7 { height: 140%; width: 300px; left: calc(50% + 670px); top: -20%; } + +.overlay-x { position: relative; } + +.overlay-x:before, .overlay-x:after { position: absolute; bottom: 0; content: ''; width: 300px; z-index: 1; } + +.overlay-x:before { left: 50%; margin-left: -125px; height: 800px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(-60deg); transform-origin: bottom right; } + +.overlay-x:after { right: 50%; margin-right: -125px; height: 3600px; background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(60deg); transform-origin: bottom right; } + +.background-shape { background: rgba(0, 52, 86, 0.03); position: absolute; height: 100%; width: 100%; content: ''; top: 0; left: 50%; transform: skewX(33deg); transform-origin: left bottom; } + +.tc-light .background-shape { background: rgba(0, 0, 0, 0.03); } + +.background-shape:before, .background-shape:after { background: rgba(255, 255, 255, 0.2); position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.tc-light .background-shape:before, .tc-light .background-shape:after { background: rgba(0, 0, 0, 0.05); } + +.background-shape:before { left: 280px; } + +.background-shape:after { left: 560px; } + +.background-shape.bs-right { left: 70%; } + +.background-shape.bs-reverse { right: 70%; left: auto; transform: skewX(-33deg); transform-origin: right bottom; } + +.background-shape.bs-reverse:before { left: auto; right: 280px; } + +.background-shape.bs-reverse:after { left: auto; right: 560px; } + +.background-shade { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } + +.background-shade .container { height: 100vh; position: relative; } + +.background-shade-left, .background-shade-right { position: absolute; top: 160px; width: 50%; height: calc(100% - 130px); opacity: .15; } + +.background-shade-left:after, .background-shade-right:after { position: absolute; top: 40px; width: 100%; height: 100%; content: ''; } + +.background-shade-left { left: -80px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(-12deg); } + +.tc-light .background-shade-left { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-left:after { left: 40px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-left:after { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right { right: -80px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(12deg); } + +.tc-light .background-shade-right { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right:after { right: 40px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-right:after { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.header-bubbles { position: absolute; left: 0; top: -100%; height: 200%; width: 100%; content: ''; z-index: 1; overflow: hidden; } + +.header-bubbles-single { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } + +.header-bubbles-single div { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.05); } + +.header-bubbles-single-1 { height: 735px; width: 735px; right: calc(50% - 65px); top: calc(50% + 10px); } + +.header-bubbles-single-2 { height: 680px; width: 680px; right: calc(50% + 360px); top: calc(50% - 145px); } + +.header-bubbles-single-3 { height: 350px; width: 350px; right: calc(50% - 95px); top: calc(50% + 540px); } + +.header-bubbles-single-4 { height: 650px; width: 650px; left: calc(50% + 435px); top: calc(50% - 240px); } + +.header-bubbles-single-5 { height: 350px; width: 350px; left: calc(50% + 490px); top: calc(50% + 240px); } + +.header-bubbles-single-6 { height: 440px; width: 440px; left: calc(50% + 685px); top: calc(50% + 240px); } + +.banner-rounded-bg { position: absolute; right: 390px; top: -750px; width: 120%; height: 1350px; z-index: 5; border-radius: 0 0 250px 0; transform: rotate(-8deg) skew(10deg); transform-origin: top right; padding: 0 120px 110px 0; overflow: hidden; } + +.banner-rounded-bg .particles-container { transform: rotate(8deg) skew(-10deg); transform-origin: top right; } + +.banner-shade-1, .banner-shade-2, .banner-shade-3 { display: block; height: 100%; width: 100%; } + +.banner-shade-1 { border-radius: 0 0 160px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%); opacity: .15; padding: 0 100px 90px 0; } + +.banner-shade-2 { border-radius: 0 0 110px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%); padding: 0 90px 80px 0; } + +.banner-shade-3 { border-radius: 0 0 80px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%); } + +@media (max-width: 1400px) { .banner-rounded-bg { right: 330px; } } + +.nk-pages-angled .section { z-index: inherit; } + +.section-bg-angle { position: absolute !important; left: 0; top: 0; height: 100%; width: 100%; content: ''; transform: skewY(10deg); z-index: 1; } + +.section-bg-angle ~ .container, .section-bg-angle ~ .nk-block { position: relative; z-index: 5; } + +.section-angle-top:before { position: absolute; left: 0; top: 0; height: 450px; width: 100%; content: ''; background: #dfeaf5; z-index: 1; } + +.section-angle-top:after { position: absolute; left: 0; bottom: -450px; height: 450px; width: 100%; content: ''; background: #dfeaf5; z-index: 1; } + +.section-angle-bottom:before { position: absolute; left: 0; top: -450px; height: 450px; width: 100%; content: ''; background: #fff; z-index: 2; } + +@media (min-width: 992px) { .section-bg-angle { transform: skewY(17deg); } + .section-bg-angle-s2 { transform: skewY(-4deg); } } + +.ui-mask, [class*=ui-mask] { position: absolute !important; left: 0; top: 0; width: 400px; height: 600px; z-index: 1; overflow: hidden; } + +.ui-mask:after, [class*=ui-mask]:after { position: absolute; right: 30%; top: 25%; content: ""; display: block; background-image: linear-gradient(135deg, rgba(32, 43, 71, 0) 15%, #1c62d8 50%, rgba(32, 43, 71, 0) 80%); border-radius: 50%; height: 400px; width: 400px; -webkit-filter: blur(80px); filter: blur(80px); z-index: 1; } + +.ui-mask:before, [class*=ui-mask]:before { display: none; content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 50%; z-index: 3; } + +.bg-white .ui-mask:after, .bg-theme-light .ui-mask:after, .bg-theme-light-alt .ui-mask:after, .bg-white [class*=ui-mask]:after, .bg-theme-light [class*=ui-mask]:after, .bg-theme-light-alt [class*=ui-mask]:after { display: none; } + +.ui-mask-right { left: auto; right: 0; } + +.ui-mask-right:after { right: auto; left: 30%; } + +.ui-mask-right:before { background-position: 100% 50%; } + +.ui-mask-s2 { width: 420px; height: 900px; transform: translateY(-30%); } + +.ui-mask-s2:after { background-image: linear-gradient(135deg, rgba(32, 43, 71, 0) 15%, #28298a 50%, rgba(32, 43, 71, 0) 80%); } + +.ui-mask-s2:before { display: block; background-image: url(../images/mask-line-a.png); } + +.ui-mask-s2.ui-mask-left:before { transform: rotate(-180deg); } + +.ui-mask-s3 { width: 600px; height: 1400px; transform: translateY(0); } + +.ui-mask-s3:after { height: 650px; width: 400px; right: 45%; background-image: linear-gradient(135deg, rgba(32, 43, 71, 0) 15%, #102486 50%, rgba(32, 43, 71, 0) 80%); } + +.ui-mask-s3:before { display: block; background-image: url(../images/mask-line-b.png); } + +.ui-mask-s3.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s4 { width: 420px; height: 820px; transform: translateY(-20%); } + +.ui-mask-s4:after { height: 510px; background-image: linear-gradient(135deg, rgba(32, 43, 71, 0) 15%, #1d5ecf 50%, rgba(32, 43, 71, 0) 80%); } + +.ui-mask-s5 { width: 440px; height: 1000px; transform: translateY(12%); } + +.ui-mask-s5:after { height: 600px; width: 350px; right: 45%; background-image: linear-gradient(135deg, rgba(32, 43, 71, 0) 15%, #1b5ed1 50%, rgba(32, 43, 71, 0) 80%); } + +.ui-mask-s5:before { display: block; background-image: url(../images/mask-line-c.png); } + +.ui-mask-s5.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s6 { width: 440px; height: 1000px; transform: translateY(2%); } + +.ui-mask-s6:after { height: 410px; width: 500px; left: 30%; background-image: linear-gradient(135deg, rgba(32, 43, 71, 0) 15%, #142692 50%, rgba(32, 43, 71, 0) 80%); } + +.ui-mask-s6:before { display: block; background-image: url(../images/mask-line-d.png); } + +.ui-mask-s6.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s7 { width: 870px; height: 800px; bottom: -20%; left: 50%; margin-left: -150px; top: auto; transform: translateY(0); } + +.ui-mask-s7:after { height: 710px; width: 600px; right: 0; top: 15%; transform: translateX(-25%); background-image: linear-gradient(135deg, rgba(32, 43, 71, 0) 15%, #3762d3 50%, rgba(32, 43, 71, 0) 80%); } + +.ui-mask-s7.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s8 { width: 350px; height: 392px; } + +.ui-mask-s8:before { display: block; background-image: url(../images/polygon-line-a.png); } + +.ui-mask-s8:after { display: none; } + +.ui-mask-s9 { width: 417px; height: 733px; } + +.ui-mask-s9:before { display: block; top: -31px; background-image: url(../images/polygon-line-b.png); } + +.ui-mask-s9:after { display: none; } + +.ui-mask-s10 { width: 417px; height: 733px; } + +.ui-mask-s10:before { display: block; top: -31px; background-image: url(../images/polygon-line-a-fill.png); } + +.ui-mask-s10:after { display: none; } + +.ui-mask-s11 { width: 384px; height: 733px; } + +.ui-mask-s11:before { display: block; top: -31px; background-image: url(../images/polygon-line-c.png); } + +.ui-mask-s11:after { display: none; } + +.ui-mask-s11.ui-mask-right:before { transform: rotateY(180deg); } + +.ui-mask-s12 { width: 80px; height: 270px; } + +.ui-mask-s12:before { display: block; top: 50px; background-image: url(../images/polygon-fill.png); } + +.ui-mask-s12:after { display: none; } + +@media only screen and (min-width: 767px) and (max-width: 1024px) { .ui-mask:before, [class*=ui-mask]:before { background-size: 50%; } } + +@media only screen and (max-width: 767px) { .ui-mask, [class*=ui-mask] { transform: scale(0.5); transform-origin: right; } + .ui-mask-left { transform-origin: left; } } + +/** 03. Elements */ +/** 03.01 Alert */ +.alert { position: relative; font-weight: 400; color: #fff; border: none; } + +.alert:last-child { margin-bottom: 0; } + +.alert a, .alert .alert-link { color: inherit; font-weight: inherit; box-shadow: 0 1px 0 currentColor; transition: box-shadow .3s; } + +.alert a:hover, .alert .alert-link:hover { box-shadow: 0 0 0; } + +.alert .close { color: inherit; transition: all .4s; height: 30px; width: 30px; padding: 0; background: none; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); right: 10px; text-shadow: none; opacity: .7; } + +.alert .close:not(:disabled):not(.disabled):focus, .alert .close:not(:disabled):not(.disabled):hover, .alert .close:hover, .alert .close:focus { color: currentColor; box-shadow: none; outline: none; opacity: 1; } + +.alert .close:after { position: absolute; font-family: 'themify'; content: '\e646'; top: 0; left: 0; color: currentColor; font-size: 12px; line-height: 30px; text-align: center; width: 100%; } + +.alert .close span { display: none; } + +.alert-primary { color: #b40929; background: #fccad3; } + +.alert-primary .close { background: #f990a4; } + +.alert-primary-alt { background: #f42f54; } + +.alert-primary-alt .close { background: #cc0b2f; } + +.alert-secondary { color: #c37707; background: #feedd6; } + +.alert-secondary .close { background: #fef4e4; } + +.alert-secondary-alt { background: #f8aa38; } + +.alert-secondary-alt .close { background: #dc8608; } + +.alert-success { color: #29cf77; background: #cef5e1; } + +.alert-success .close { background: #64e09e; } + +.alert-success-alt { background: #39d884; } + +.alert-success-alt .close { background: #25b96b; } + +.alert-danger { color: #e6604a; background: #f9d6d0; } + +.alert-danger .close { background: #f2afa4; } + +.alert-danger-alt { background: #e6604a; } + +.alert-danger-alt .close { background: #9b2815; } + +.alert-info { color: #026bfb; background: #cae0ff; } + +.alert-info .close { background: #65a6fe; } + +.alert-info-alt { background: #026bfb; } + +.alert-info-alt .close { background: #014096; } + +.alert-warning { color: #e0a609; background: #fef4db; } + +.alert-warning .close { background: #f9d46f; } + +.alert-warning-alt { background: #f6be26; } + +.alert-warning-alt .close { background: #e0a609; } + +/** 03.02 Buttons */ +.btn { position: relative; font-size: 12px; line-height: 24px; font-weight: 500; padding: 8px 15px; text-align: center; text-transform: uppercase; color: #fff; min-width: 120px; max-width: 100%; border: 2px solid #f42f54; box-sizing: border-box; transition: all 0.5s; position: relative; border-radius: 5px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; cursor: pointer; } + +.btn .icon { color: inherit; } + +.btn:hover { color: #fff !important; } + +.btn-grad { border: none; background-image: linear-gradient(to right, #f42f54 0%, #f8aa38 100%); } + +.btn-grad:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; z-index: -2; border-radius: 5px; opacity: 0; transition: all .5s; background-image: linear-gradient(to right, #f8aa38 0%, #f42f54 100%); } + +.btn-grad:hover:before { opacity: 1; } + +.btn-grad:hover, .btn-grad:focus { color: #fff !important; } + +.btn-grad-alt { background-image: linear-gradient(to right, #f8aa38 0%, #f42f54 100%); } + +.btn-grad-alt:before { background-image: linear-gradient(to right, #f42f54 0%, #f8aa38 100%); } + +.btn-grad-alternet { background-image: linear-gradient(to right, #d31e40 0%, #f42f54 100%); } + +.btn-grad-alternet:before { background-image: linear-gradient(to right, #f42f54 0%, #d31e40 100%); } + +.btn-grad-alternet-alt { background-image: linear-gradient(to right, #f42f54 0%, #d31e40 100%); } + +.btn-grad-alternet-alt:before { background-image: linear-gradient(to right, #d31e40 0%, #f42f54 100%); } + +.btn-grad-theme { background-image: linear-gradient(to right, #0f1932 0%, #202b47 100%); } + +.btn-grad-theme:before { background-image: linear-gradient(to right, #202b47 0%, #0f1932 100%); } + +.btn-grad-theme-alt { background-image: linear-gradient(to right, #f8aa38 0%, #f42f54 100%); } + +.btn-grad-theme-alt:before { background-image: linear-gradient(to right, #f42f54 0%, #f8aa38 100%); } + +.btn:hover, .btn:focus { outline: none !important; box-shadow: none !important; } + +.btn span { position: relative; z-index: 999999; display: block; } + +.btn span + .icon { margin-left: 10px; } + +.btn .icon + span { margin-left: 10px; } + +.btn .badge { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); } + +.btn-md { font-size: 12px; line-height: 24px; padding: 10px 26px; } + +.btn-rg { line-height: 24px; padding: 8px 20px; } + +.btn-sm { font-size: 11px; line-height: 23px; padding: 8px 20px; } + +.btn-xxs { font-size: 12px; line-height: 21px; padding: 0 10px; border-width: 1px; border-radius: 3px; } + +.btn-auto { min-width: 44px !important; } + +.btn-auto-lg { min-width: 80px !important; height: 100%; } + +.btn-grp { display: inline-flex; flex-wrap: wrap; align-items: center; margin: -7px; } + +.btn-grp > div, .btn-grp > li { padding: 7px; } + +.btn-grp-break > div, .btn-grp-break > li { width: 100%; text-align: center; } + +.text-center .btn-grp { justify-content: center; } + +.btn-download { display: inline-block; height: 40px; } + +.btn-grp-s2 .btn-download { width: 100px; height: 35px; } + +.btn-download img { height: 100%; } + +.btn-outline:not(:hover) { color: #305082; background-color: transparent !important; } + +.btn-outline:before { background-image: none; background-color: #fff; opacity: 1; margin: 2px; width: calc(100% - 4px); height: calc(100% - 4px); } + +.btn-outline.on-bg-light:before { background-color: #f0f7fc; } + +.btn-outline.on-bg-light-alt:before { background-color: #dfeaf5; } + +.btn-outline.on-bg-theme, .btn-outline.on-bg-theme-alt, .btn-outline.on-bg-theme-dark, .btn-outline.on-bg-theme-dark-alt { color: #fff; } + +.btn-outline.on-bg-theme:before { background-color: #0f1932; } + +.btn-outline.on-bg-theme-alt:before { background-color: #202b47; } + +.btn-outline.on-bg-theme-dark:before { background-color: #0a1227; } + +.btn-outline.on-bg-theme-dark-alt:before { background-color: #202f53; } + +.btn-outline:hover { color: #fff !important; } + +.btn-outline:hover:before { opacity: 0; } + +.btn-outline.btn-grad { border: none; } + +.btn-outline.btn-grad:hover { color: #fff !important; } + +.btn-icon { min-width: 44px; padding-left: 6px; padding-right: 6px; } + +.btn-primary { background-color: #f42f54; border-color: #f42f54; } + +.btn-primary:hover, .btn-primary:focus { background-color: #f8aa38; border-color: #f8aa38; } + +.btn-primary:hover:focus, .btn-primary:focus:focus { color: #fff !important; } + +.tc-light .btn-primary:hover, .tc-light .btn-primary:focus { background-color: #fff; border-color: #fff; color: #f42f54 !important; } + +.btn-primary.btn-outline:hover { background-color: #f42f54; border-color: #f42f54; color: #fff !important; } + +.btn-secondary { background-color: #f8aa38; border-color: #f8aa38; } + +.btn-secondary:hover, .btn-secondary:focus { background-color: #f42f54; border-color: #f42f54; } + +.btn-secondary.focus:focus { color: #fff !important; } + +.btn-secondary.btn-outline:hover, .btn-secondary.btn-outline:focus { background-color: #f8aa38; border-color: #f8aa38; } + +.btn-info { background-color: #026bfb; border-color: #026bfb; } + +.btn-info:hover { background-color: #014baf; border-color: #014baf; } + +.btn-info.btn-outline:hover { background-color: #026bfb; border-color: #026bfb; } + +.btn-warning { background-color: #f6be26; border-color: #f6be26; } + +.btn-warning:hover { background-color: #c79408; border-color: #c79408; } + +.btn-warning.btn-outline:hover { background-color: #f6be26; border-color: #f6be26; } + +.btn-success { background-color: #39d884; border-color: #39d884; } + +.btn-success:hover { background-color: #20a45f; border-color: #20a45f; } + +.btn-success.btn-outline:hover { background-color: #39d884; border-color: #39d884; } + +.btn-danger { background-color: #e6604a; border-color: #e6604a; } + +.btn-danger:hover { background-color: #c8341c; border-color: #c8341c; } + +.btn-danger.btn-outline:hover { background-color: #e6604a; border-color: #e6604a; } + +.btn-dark { background-color: #305082; border-color: #305082; } + +.btn-dark:hover { background-color: #142238; border-color: #142238; } + +.btn-dark.btn-outline:hover { background-color: #305082; border-color: #305082; } + +.btn-theme-dark { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0); } + +.btn-theme-dark:hover { background-color: #0a1227; border-color: #0a1227; } + +.btn-light { background-color: #97afd5; border-color: #97afd5; color: #305082 !important; } + +.btn-light:hover { background-color: #7393c6; border-color: #7393c6; color: #305082 !important; } + +.btn-light.btn-outline { background-color: #97afd5; border-color: #97afd5; } + +.btn-light.btn-outline:hover { background-color: #97afd5; border-color: #97afd5; } + +.tc-light .btn-light.btn-outline { color: #fff !important; } + +.tc-light .btn-light.btn-outline:hover { color: #305082 !important; } + +.btn-light.tc-light:not(:hover) { color: #fff !important; } + +.btn-facebook { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook:hover { background-color: #2d4373; border-color: #2d4373; } + +.btn-facebook.btn-outline .icon { color: #3b5998; } + +.btn-facebook.btn-outline:hover { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook.btn-outline:hover .icon { color: #fff; } + +.btn-google { background-color: #d85040; border-color: #d85040; } + +.btn-google:hover { background-color: #be3727; border-color: #be3727; } + +.btn-google.btn-outline .icon { color: #d85040; } + +.btn-google.btn-outline:hover { background-color: #d85040; border-color: #d85040; } + +.btn-google.btn-outline:hover .icon { color: #fff; } + +.btn-play { position: relative; color: #fff; height: 60px; width: 60px; font-size: 18px; text-align: center; line-height: 58px; border-radius: 50%; display: inline-block; border: 1px solid currentColor; } + +.btn-play-sm { height: 40px; width: 40px; line-height: 38px; } + +.btn-play:after { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(48, 80, 130, 0.35); animation: 1s ease 0s normal none infinite running playbutton; } + +.tc-light .btn-play:after { border-color: rgba(255, 255, 255, 0.35); } + +.btn-play:hover { color: #f8aa38 !important; } + +.btn-play-s2 { background-image: linear-gradient(to right, #f42f54 0%, #f8aa38 100%); border: none; } + +.btn-play-s2:before { position: absolute; height: calc(100% - 4px); width: calc(100% - 4px); top: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .btn-play-s2:before { background: #f0f7fc; } + +.bg-light-alt .btn-play-s2:before { background: #dfeaf5; } + +.bg-theme .btn-play-s2:before { background: #0f1932; } + +.bg-theme-alt .btn-play-s2:before { background: #202b47; } + +.bg-theme-dark .btn-play-s2:before { background: #0a1227; } + +.bg-theme-dark-alt .btn-play-s2:before { background: #202f53; } + +.bg-white .btn-play-s2:before { background: #fff; } + +.btn-play-s3 { background-color: #fff; border: none; } + +.btn-play-icon { height: 20px; width: 14px; background: linear-gradient(to right, #f42f54 0%, #f8aa38 100%); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); } + +.btn-play-icon:before, .btn-play-icon:after { position: absolute; content: ''; height: 0; width: 0; right: -1px; border-right: 14px solid #fff; } + +.bg-light .btn-play-icon:before, .bg-light .btn-play-icon:after { border-right-color: #f0f7fc; } + +.bg-light-alt .btn-play-icon:before, .bg-light-alt .btn-play-icon:after { border-right-color: #dfeaf5; } + +.bg-theme .btn-play-icon:before, .bg-theme .btn-play-icon:after { border-right-color: #0f1932; } + +.bg-theme-alt .btn-play-icon:before, .bg-theme-alt .btn-play-icon:after { border-right-color: #202b47; } + +.bg-theme-dark .btn-play-icon:before, .bg-theme-dark .btn-play-icon:after { border-right-color: #0a1227; } + +.bg-theme-dark-alt .btn-play-icon:before, .bg-theme-dark-alt .btn-play-icon:after { border-right-color: #202f53; } + +.bg-white .btn-play-icon:before, .bg-white .btn-play-icon:after { border-right-color: #fff; } + +.btn-play-icon:before { top: 0; border-bottom: 10px solid transparent; } + +.btn-play-icon:after { bottom: 0; border-top: 10px solid transparent; } + +.btn-play-icon-s2 { height: 34px; width: 24px; } + +.btn-play-icon-s2 path { fill: #f42f54; } + +.btn-play-dark { color: #fff; } + +.btn-play-dark:hover { color: #f8aa38; } + +.btn-play-wrap { display: inline-flex; align-items: center; } + +.btn-play-wrap-s2 { flex-direction: column; } + +.btn-play-wrap-s1:hover { transform: translateX(15px); } + +.btn-play-text { margin-left: 20px; } + +.btn-play-text span { display: block; color: #305082; } + +.tc-light .btn-play-text span { color: #fff; } + +.btn-play-text .text-sm { font-size: 21px; } + +.btn-play-text .text-xs { font-size: 12px; color: #f42f54 !important; } + +.btn-play-wrap-s2 .btn-play-text { margin-left: 0; margin-top: 15px; } + +.btn-link { color: #f42f54; text-decoration: none; } + +.btn-link:hover, .btn-link:focus { color: #f42f54; text-decoration: none; box-shadow: 0 1px 0 currentColor; } + +.btn-underline { padding-left: 0 !important; padding-right: 0 !important; color: #f42f54; background: none !important; border-color: transparent !important; text-decoration: none; } + +.btn-underline:hover, .btn-underline:focus { color: #fff; text-decoration: none; } + +.btn-round { border-radius: 40px; } + +.btn-round:before { border-radius: 40px; } + +.btn-round.btn-lg { border-radius: 54px; } + +.btn-round.btn-lg:before { border-radius: 54px; } + +.btn-round.btn-md { border-radius: 44px; } + +.btn-round.btn-md:before { border-radius: 44px; } + +.btn-round.btn-sm { border-radius: 39px; } + +.btn-round.btn-sm:before { border-radius: 39px; } + +.btn-round.btn-xxs { border-radius: 21px; } + +.btn-round.btn-xxs:before { border-radius: 21px; } + +.btn-with-icon { padding: 1px; background-color: #f42f54; } + +.btn-with-icon span { display: inline-block; padding: 0 18px 0 28px; flex-grow: 1; } + +.btn-with-icon .icon { height: 47px; width: 47px; line-height: 47px; border-radius: 5px; background: #fff; color: #f42f54; transition: all 0.3s; } + +.btn-with-icon.btn-md { padding: 1px; } + +.btn-with-icon.btn-md .icon { height: 38px; width: 38px; line-height: 38px; } + +.btn-with-icon.btn-sm { padding: 1px; } + +.btn-with-icon.btn-sm span { padding: 0 13px 0 23px; } + +.btn-with-icon.btn-sm .icon { height: 28px; width: 28px; line-height: 28px; } + +.btn-with-icon.btn-round .icon { border-radius: 24px; } + +.btn-with-icon.btn-round.btn-md .icon { border-radius: 19px; } + +.btn-with-icon.btn-round.btn-sm .icon { border-radius: 14px; } + +.btn-with-icon.btn-light { color: #0f1932 !important; border-color: #fff; background: #fff; } + +.btn-with-icon.btn-light .icon { color: #fff; background: #202b47; } + +.btn-with-icon.btn-light:hover { color: #202b47 !important; } + +.btn-with-icon.btn-light:hover .icon { background: #0f1932; } + +.btn-with-icon.btn-light:not(:disabled):not(.disabled).active { border-color: #fff !important; background: #fff !important; color: #305082 !important; } + +.btn-with-icon.btn-alt .icon { color: currentColor; background: transparent !important; font-size: 20px; width: auto; margin-right: 30px; transition: none; } + +.btn-grp-after li { font-size: 20px; position: relative; } + +.btn-grp-after li a { color: rgba(238, 243, 252, 0.8) !important; } + +.btn-grp-after li:not(:last-child):after { content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 14px; width: 1px; background: rgba(238, 243, 252, 0.3); } + +.btn-transparent { background: transparent !important; border: transparent; color: #fff !important; font-size: 0.9rem !important; padding: 12px 0; } + +.as-mobile .btn-transparent, .has-fixed .btn-transparent { color: #305082 !important; } + +@keyframes playbutton { 0% { transform: scale(0.75); + opacity: 1; } + 100% { transform: scale(1.3); + opacity: 0; } } + +@media (min-width: 576px) { .btn { font-size: 13px; line-height: 25px; padding: 12px 30px; letter-spacing: 0.1em; min-width: 120px; } + .btn.btn-grad { padding: 14px 30px; } + .btn-lg { font-size: 14px; font-weight: 700; line-height: 24px; padding: 15px 40px; min-width: 190px; } + .btn-md { font-size: 12px; line-height: 24px; padding: 8px 20px; min-width: 160px; } + .btn-md.btn-grad { padding: 10px 30px; } + .btn-rg { font-size: 12px; line-height: 24px; padding: 6px 20px; } + .btn-rg.btn-grad { padding: 10px 25px; } + .btn-sm { font-size: 12px; line-height: 23px; padding: 3px 20px; } + .btn-sm.btn-grad { padding: 5px 30px; } + .btn-xxs { font-size: 13px; line-height: 21px; padding: 0 10px; } + .btn-play { height: 80px; width: 80px; font-size: 18px; line-height: 78px; } + .btn-play-sm { height: 60px; width: 60px; line-height: 58px; } + .btn-icon { padding-left: 6px; padding-right: 6px; } + .btn-grp { margin: -15px; } + .btn-grp > div, .btn-grp > li { padding: 15px; } + .text-sm-left .btn-grp { justify-content: center; } + .btn-grp-s2 { margin: -10px; position: relative; } + .btn-grp-s2 > div, .btn-grp-s2 > li { padding: 10px; } + .btn-grp-s2 .btn-download { width: auto; height: 40px; } + .btn-transparent { padding: 12px 6px; } } + +@media (min-width: 768px) { .text-md-left .btn-grp { justify-content: flex-start; } } + +@media (min-width: 992px) { .text-lg-left .btn-grp { justify-content: flex-start; } + .btn-grp .btn-lg { padding: 15px 35px; } } + +@media (min-width: 1200px) { .text-xl-left .btn-grp { justify-content: flex-start; } } + +.badge { color: #fff; background-color: #f42f54; display: inline-block; font-weight: 600; text-transform: uppercase; border-radius: 34px; padding: 5px 16px; font-size: 13px; line-height: 24px; border: 1px solid #f42f54; } + +.badge:not(.badge-outline) { color: #fff; } + +.badge-primary { background-color: #f42f54; border-color: #f42f54; color: #f42f54; } + +.badge-secondary { background-color: #f8aa38; border-color: #f8aa38; color: #f8aa38; } + +.badge-info { background-color: #026bfb; border-color: #026bfb; color: #026bfb; } + +.badge-warning, .badge-hot { background-color: #f6be26; border-color: #f6be26; color: #f6be26; } + +.badge-success, .badge-new { background-color: #39d884; border-color: #39d884; color: #39d884; } + +.badge-danger { background-color: #e6604a; border-color: #e6604a; color: #e6604a; } + +.badge-dark { background-color: #0b0c10; border-color: #0b0c10; color: #0b0c10; } + +.badge-light { background-color: #7393c6; border-color: #7393c6; color: #305082 !important; } + +.badge-light.badge-outline { color: #7393c6; } + +.badge-outline { background-color: transparent; } + +.badge-lg { font-size: 16px; } + +.badge-md { border-radius: 34px; padding: 5px 16px; font-size: 12px; line-height: 18px; } + +.badge-sm { border-radius: 34px; padding: 2px 12px; font-size: 12px; line-height: 18px; } + +.badge-xs { border-radius: 34px; padding: 0 8px; font-size: 9px; line-height: 16px; letter-spacing: 0.05em; } + +.badge-cap { text-transform: capitalize; } + +.badge-regular { font-weight: 400; } + +.badge-dot { width: 5px; height: 5px; border-radius: 50%; background: #f42f54; border-color: #f42f54; display: inline-block !important; vertical-align: middle; padding: 0; } + +.link { display: inline-flex; align-items: center; font-size: 12px; color: #202b47; font-weight: 500; letter-spacing: 0.005rem; white-space: nowrap; } + +.link:hover { color: #f42f54; } + +.link-uc { text-transform: uppercase; letter-spacing: 0.2em; } + +.link-icon { margin-right: 5px; font-size: 14px; transition: transform .3s; } + +.link-icon:only-child { margin-right: 0 !important; } + +.link-icon-sm { font-size: 12px; } + +.link-xs .link-icon { font-size: 12px; margin-right: 12px; } + +.link-animate:hover .link-icon { transform: translate(-5px, 0); } + +.link span + .link-icon { margin-left: 5px; margin-right: 0; } + +.link-animate:hover span + .link-icon { transform: translate(5px, 0); } + +.link .icon-circle { font-size: inherit; margin-right: 12px; } + +.link .icon-circle.link-icon { transition: all .4s; } + +.link-break { flex-direction: column; } + +.link-break .icon-circle { margin-left: 10px; margin-bottom: 10px; } + +.link-primary { color: #f42f54 !important; } + +.link-primary .link-icon.icon-circle { background: #f42f54; color: #fff !important; } + +.link-primary:hover { color: #f8aa38 !important; } + +.link-primary:hover .link-icon.icon-circle { background: #f8aa38; } + +.link-light { color: #305082 !important; } + +.tc-light .link-light { color: #97afd5 !important; } + +.link-light .link-icon { color: #f42f54; } + +.link-light .link-icon.icon-circle { background: #305082; color: #fff !important; } + +.link-light:hover { color: #fff !important; } + +.link-light:hover .link-icon.icon-circle { background: #f42f54; } + +.link-thin { font-weight: 300; } + +.link-underline { text-decoration: underline !important; } + +@media (min-width: 420px) { .btn-grp-break > div, .btn-grp-break > li { width: auto; text-align: left; } + .link { font-size: 14px; } + .link-xs { font-size: 12px; } + .link-break { flex-direction: row; } + .link-break .icon-circle { margin-left: 0; margin-bottom: 0; } } + +/** 03.03 Title */ +.title { position: relative; font-size: 1.75rem; } + +.title:not(:last-child) { margin-bottom: 1.25rem; } + +.title small { font-size: 50%; margin-top: 0.75rem; } + +.title-thin { font-weight: 300; } + +.title-regular { font-weight: 400; } + +.title-xxs { font-size: 12px; letter-spacing: 0.1em; } + +.title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + +.title-xs { text-transform: uppercase; font-size: 0.88rem; letter-spacing: 0.2em; } + +.title-xs-alt { font-size: 0.94rem; } + +.title-xs-s1 { font-size: 1.1rem; letter-spacing: 0.4em; } + +.title-xs-s2 { font-size: 1.1rem; letter-spacing: 0; } + +.title-xs small { font-size: 70%; } + +.title-sm { font-size: 1.125rem; } + +.title-sm:not(:last-child) { margin-bottom: 0.85rem; } + +.title-sm small { font-size: 70%; } + +.title-md { font-size: 1.375rem; } + +.feature-text-wd .title-md { font-size: 1.125rem; } + +.title-md:not(:last-child) { margin-bottom: 1rem; } + +.title-lg { font-size: 1.75rem; } + +.title-xl { font-size: 1.75rem; } + +.title-xl-s2 { font-size: 1.75rem; line-height: 1.3; } + +.title-light { color: rgba(32, 43, 71, 0.6); } + +.title-dark { color: #2d3f5f; } + +.title-base { color: #305082; } + +.title a { color: #202b47; } + +.title a:hover { color: #f42f54; } + +a:hover .title { color: #f42f54; } + +a .title { transition: all .4s; } + +.title-mid { font-weight: 500; } + +.title-semibold { font-weight: 600; } + +.title-bold { font-weight: 700; } + +.title-s1 { padding-left: 75px; display: inline-block; font-weight: 600; } + +.title-s1:before { position: absolute; left: 0 !important; top: 50%; margin-top: -1px; height: 2px; width: 60px; content: ''; transform: translate(0, -50%) !important; opacity: 1 !important; background: #202b47; } + +.tc-light .title-s1:before { background: #fff; } + +.title-s1.tc-primary:before, .tc-primary a.title-s1:before { background: #f42f54; } + +.title-s2 { padding-bottom: 26px; } + +.title-s2:after { position: absolute; left: 50%; bottom: 0; content: ''; margin-left: -40px; width: 80px; height: 6px; border-radius: 3px; background: #f42f54; } + +.tc-light .title-s2:after { background: #f42f54; } + +.title-s2-alt { padding-bottom: 0; padding-top: 26px; } + +.title-s2-alt:after { top: 0; bottom: auto; } + +.title-s3 { font-size: 2.2rem !important; line-height: 1.3 !important; } + +.title-s4 { font-size: 2.3rem; opacity: 0.3; padding-bottom: 10px; text-transform: uppercase; } + +.title-s5 { padding-bottom: 24px; margin-bottom: 20px; } + +.title-s5.title-sm { font-size: 0.9rem; } + +.title-s5.title-sm span:first-child { font-size: 1.25rem; } + +.title-s5 span:first-child { display: block; padding-bottom: 13px; color: #f42f54; font-weight: 500; } + +.tc-light .title-s5 span:first-child { color: #fff; } + +.title-s5 span:last-child { opacity: .7; } + +.title-s5:after { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); content: ''; width: 50px; height: 3px; border-radius: 2px; background: #f42f54; } + +.title-s6 { position: relative; } + +.title-s6:before { position: absolute; top: 8px; left: -15px; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #f42f54; } + +.title-s7 span:first-child { display: block; padding-bottom: 13px; color: #202b47; font-size: 1.35rem; } + +.tc-light .title-s7 span:first-child { color: #fff; } + +.title-s7 span:last-child { font-size: 0.9rem; color: #305082; } + +.title-xxl-grad { font-size: 70px; line-height: 1; font-weight: 700; margin-bottom: 0; background: -webkit-linear-gradient(#e40c35, #f49509); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: .4; } + +.title-ele-head { background: linear-gradient(180deg, #305082 0%, #eef3fc 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.title-sub { color: #d87032; } + +@media (min-width: 576px) { .title { font-size: 2.15rem; } + .title:not(:last-child) { margin-bottom: 1.25rem; } + .title small { font-size: 50%; margin-top: 0.75rem; } + .title-xxs { font-size: 12px; letter-spacing: 0.1em; } + .title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + .title-xs { font-size: 0.88rem; } + .title-xs-alt { font-size: 0.94rem; } + .title-xs-s1 { font-size: 1.1rem; } + .title-xs-s2 { font-size: 1.1rem; } + .title-xs small { font-size: 70%; } + .title-sm { font-size: 1.125rem; } + .title-sm:not(:last-child) { margin-bottom: 0.85rem; } + .title-md { font-size: 1.375rem; } + .title-md:not(:last-child) { margin-bottom: 1rem; } + .title-md-s2 { font-size: 1.675rem; line-height: 1.6; } + .title-lg { font-size: 1.75rem; } + .title-xl { font-size: 3rem; } + .title-xl-s2 { font-size: 2.2rem; } + .title-s3 { font-size: 2.2rem !important; } + .title-s4 { font-size: 2.3rem; } + .title-s5.title-sm { font-size: 0.9rem; } + .title-s5.title-sm span:first-child { font-size: 1.25rem; } + .title-xl-2 { font-size: 1.8rem !important; } + .title-xxl-grad { font-size: 140px; } } + +@media (min-width: 768px) { .title-xl-2 { font-size: 2.2rem !important; } + .title-xxl-grad { font-size: 200px; } } + +@media (min-width: 992px) { .title-xxl-grad { font-size: 250px; } + .feature-text-wd .title-md { font-size: 1.375rem; } } + +@media (min-width: 1200px) { .title-xl-s2 { font-size: 2.8rem !important; } } + +@media (min-width: 1600px) { .title-xl-2 { font-size: 3rem !important; line-height: 1.3 !important; } + .banner-s1 .title-xl-2 { font-size: 2.3rem !important; } + .title-xl-s3 { font-size: 2.75rem !important; } } + +/** 03.04 List */ +.list li { line-height: 1.44; padding: 5px 0; position: relative; color: #305082; font-size: 14px; } + +.tc-light .list li { color: #97afd5; } + +.list-check li { padding-left: 24px; } + +.list-check li:before { position: absolute; top: 0; left: 0; height: 22px; width: 26px; line-height: 26px; padding: 3px 0; color: #f42f54; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; content: '\f00c'; transition: all .4s; } + +.tc-light .list-check li:before { color: #f42f54; } + +.list-check-s3 li { padding: 0px 0px 0px 55px; margin-bottom: 18px; line-height: 1.8; } + +.list-check-s3 li:before { width: 35px; height: 35px; background: #f42f54; border-radius: 50%; color: #fff; text-align: center; line-height: 29px; font-size: 16px; left: 0; top: 5px; } + +.tc-light .list-check-s3 li:before { background: #f42f54; color: #fff; } + +.list-check-s3-sm li { padding: 0px 0px 0px 40px; margin-bottom: 30px; } + +.list-check-s3-sm li .title-md { margin-bottom: 0.5rem; } + +.list-check-s3-sm li:before { width: 25px; height: 25px; line-height: 20px; font-size: 11px; top: 2px; } + +.list-check-s4 li { margin: 0; padding-left: 35px; position: relative; } + +.list-check-s4 li:before { left: 15px; top: 14px; } + +.list-number { counter-reset: item; } + +.list-number li { line-height: 1.86; margin-bottom: 10px; padding-left: 65px; } + +.list-number li:before { position: absolute; top: 10px; left: 25px; counter-increment: item; content: counter(item) "."; font-size: 30px; font-weight: 700; line-height: 1; color: #f42f54; font-family: 'Poppins', sans-serif !important; } + +.tc-light .list-number li:before { color: #f42f54; } + +.list-number-s2 li { padding-left: 60px; } + +.has-rtl .list-number-s2 li { padding-right: 60px; padding-left: 0; } + +.list-number-s2 li:not(:last-child) { margin-bottom: 16px; } + +.list-number-s2 li span { width: 30px; height: 30px; position: absolute; left: 0; top: 5px; line-height: 30px; text-align: center; background: rgba(244, 47, 84, 0.2); border-radius: 50%; color: #d31e40; font-weight: 400; } + +.has-rtl .list-number-s2 li span { left: auto; right: 0; } + +.list-dot li { position: relative; padding-left: 22px; line-height: 1.62; } + +.list-dot li:before { position: absolute; top: 14px; left: 0; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #202b47; } + +.tc-light .list-dot li:before { background: #f8aa38; } + +.list-dot.list-sm { margin-top: -5px; margin-bottom: -5px; } + +.list-dot.list-sm li { padding-left: 16px; font-size: 0.9rem; padding-top: 10px; padding-bottom: 10px; } + +.list-dot.list-sm li:before { top: 19px; } + +.list-dot-bar { padding: 20px 0 65px 38px; } + +.list-dot-bar li { margin-bottom: 10px; } + +.list-dot-bar li span { width: 20px; height: 20px; content: ""; background: transparent; position: absolute; border-radius: 50%; border: 2px solid #f8aa38; left: -38px; top: 7px; } + +.list-dot-bar li span:after, .list-dot-bar li span:before { position: absolute; content: ""; top: 50%; left: 50%; background: #f8aa38; } + +.list-dot-bar li span:after { width: 7px; height: 7px; border-radius: 50%; transform: translate(-50%, -50%); } + +.list-dot-bar li span:before { width: 18px; height: 2px; transform: translateY(-50%); } + +.list-btn li { display: inline-block; padding-right: 15px; } + +.list-btn li:not(:first-child) a { padding-right: 10px; } + +.list-btn-dropdown { margin: -22px -30px; } + +.list-btn-dropdown > li { display: inline-block; margin: 18px 30px; } + +.list-btn-dropdown > li a { min-width: 200px; } + +.list-btn-dropdown > li a i { position: absolute; font-size: 20px; top: 0; right: 30px; line-height: 42px; } + +.list-inline { display: inline-flex; } + +@media (min-width: 576px) { .list li { font-size: 16px; } } + +/** 03.05 Form */ +input ~ .error, textarea ~ .error, select ~ .error { position: absolute; right: -10px; top: -15px; background: #e6604a; color: #fff; font-size: 11px; line-height: 18px; padding: 2px 10px; border-radius: 2px; z-index: 9; white-space: nowrap; } + +input ~ .error:after, textarea ~ .error:after, select ~ .error:after { position: absolute; content: ''; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid #e6604a; border-bottom: 5px solid transparent; bottom: -5px; left: 3px; } + +.tc-light input ~ .error, .tc-light textarea ~ .error, .tc-light select ~ .error { background: #e6604a; color: #fff; box-shadow: none; } + +.tc-light input ~ .error:after, .tc-light textarea ~ .error:after, .tc-light select ~ .error:after { border-right-color: #e6604a; } + +input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(48, 80, 130, 0.6); } + +.tc-light .bg-light input::-webkit-input-placeholder, .tc-light .bg-light-alt input::-webkit-input-placeholder, .tc-light .bg-white input::-webkit-input-placeholder, .tc-light .bg-light textarea::-webkit-input-placeholder, .tc-light .bg-light-alt textarea::-webkit-input-placeholder, .tc-light .bg-white textarea::-webkit-input-placeholder { color: rgba(48, 80, 130, 0.6); } + +.tc-light input::-webkit-input-placeholder, .tc-light textarea::-webkit-input-placeholder { color: rgba(151, 175, 213, 0.7); } + +input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(48, 80, 130, 0.6); } + +.tc-light .bg-light input::-moz-placeholder, .tc-light .bg-light-alt input::-moz-placeholder, .tc-light .bg-white input::-moz-placeholder, .tc-light .bg-light textarea::-moz-placeholder, .tc-light .bg-light-alt textarea::-moz-placeholder, .tc-light .bg-white textarea::-moz-placeholder { color: rgba(48, 80, 130, 0.6); } + +.tc-light input::-moz-placeholder, .tc-light textarea::-moz-placeholder { color: rgba(151, 175, 213, 0.7); } + +input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(48, 80, 130, 0.6); } + +.tc-light .bg-light input:-ms-input-placeholder, .tc-light .bg-light-alt input:-ms-input-placeholder, .tc-light .bg-white input:-ms-input-placeholder, .tc-light .bg-light textarea:-ms-input-placeholder, .tc-light .bg-light-alt textarea:-ms-input-placeholder, .tc-light .bg-white textarea:-ms-input-placeholder { color: rgba(48, 80, 130, 0.6); } + +.tc-light input:-ms-input-placeholder, .tc-light textarea:-ms-input-placeholder { color: rgba(151, 175, 213, 0.7); } + +input:-moz-placeholder, textarea:-moz-placeholder { color: rgba(48, 80, 130, 0.6); } + +.tc-light .bg-light input:-moz-placeholder, .tc-light .bg-light-alt input:-moz-placeholder, .tc-light .bg-white input:-moz-placeholder, .tc-light .bg-light textarea:-moz-placeholder, .tc-light .bg-light-alt textarea:-moz-placeholder, .tc-light .bg-white textarea:-moz-placeholder { color: rgba(48, 80, 130, 0.6); } + +.tc-light input:-moz-placeholder, .tc-light textarea:-moz-placeholder { color: rgba(151, 175, 213, 0.7); } + +.field-item { position: relative; padding-bottom: 15px; } + +.field-wrap { position: relative; } + +.field-wrap + p { margin-top: .75rem; } + +.field-wrap .btn + .form-results:not(:empty) { margin-top: 30px; } + +.field-wrap .label-inline { padding-left: 25px; line-height: normal; } + +.has-rtl .field-wrap .label-inline { padding-left: 0; padding-right: 25px; } + +.field-wrap .label-inline .icon { font-size: 20px; color: #adb2be; } + +.field-label { font-size: 12px; font-weight: 700; letter-spacing: 0.2em; } + +.field-label-line { position: absolute; width: 100%; top: 10px; font-size: 0.94rem; font-weight: 400; letter-spacing: normal; left: 0; color: rgba(48, 80, 130, 0.6); z-index: 1; transition: all .5s ease; transform-origin: left; } + +.tc-light .field-label-line { color: #fff; } + +.field-item-center .field-label-line { transform-origin: center; } + +.field-inline { border-radius: 6px; display: flex; } + +.field-inline input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } + +.field-inline.field-split .btn:not(.btn-round) { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; } + +.wgs-search .field-inline.field-split .btn:not(.btn-round) { height: auto; } + +.field-inline .field-wrap { flex-grow: 1; } + +.field-inline .submit-wrap .btn { width: 100%; } + +.field-inline + .form-results.alert { width: 100%; margin-top: 15px; } + +.field-inline-s2 { padding: 10px; display: block; } + +.field-inline-s2 .btn { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + +.field-inline-s2-sm { padding: 5px; } + +.field-inline-s2 input { text-align: center; } + +@media (max-width: 575px) { .field-inline-s2 input { margin-bottom: 5px; } } + +.field-inline-s3 .btn-light { color: #f42f54 !important; } + +.field-inline-s4 { align-items: center; } + +.field-inline-s4 .input-solid { background: rgba(255, 255, 255, 0.2); } + +.field-inline-s4 .field-wrap { margin-right: -50px; } + +.field-inline-round { border-radius: 50px; } + +.field-inline-round .input-solid { padding-left: 30px; } + +.input-solid { background: none; border: none; width: 100%; padding: 15px 20px; line-height: 23px; } + +.tc-light .input-solid { color: #fff; } + +.tc-light .bg-light .input-solid, .tc-light .bg-light-alt .input-solid, .tc-light .bg-white .input-solid { color: #305082; } + +.input-solid-md { padding: 12px 20px; line-height: 22px; } + +.input-solid-lg { padding: 20px 20px; } + +.input-solid:focus { outline: none; } + +.input-line { position: relative; z-index: 2; background: transparent; border: none; width: 100%; font-size: 15px; line-height: 19px; padding: 16px 0 8px; color: #305082; border-bottom: 1px solid #dbe4f7; outline: none; transition: all .4s; } + +.tc-light .input-line { color: #fff; border-bottom-color: rgba(219, 228, 247, 0.3); } + +.input-line:focus { border-bottom-color: #f42f54; } + +.field-item-center .input-line { text-align: center; } + +.input-textarea { height: 105px; resize: none; outline: none; } + +.input-textarea ~ .field-label-line { top: 73px; } + +.input-focused .field-label-line { left: 0; top: -10px; transform: scale(0.7); } + +.input-bordered { border-radius: 6px; border: 1px solid #dbe4f7; width: 100%; padding: 10px 15px; line-height: 21px; font-size: .9em; color: #305082; transition: all .4s; background-color: transparent; } + +.input-bordered-lg { padding: 13px 20px; } + +.input-bordered-lg-s1 { padding: 17px 20px; } + +.tc-light .field-inline-s3 .input-bordered { border-color: rgba(255, 255, 255, 0.5); } + +.field-inline-s3 .input-bordered { border-width: 2px; border-right-width: 0 !important; } + +.field-item-s2 .input-bordered { border: 2px solid #d1e0f6; background: transparent; } + +.tc-light .input-bordered { color: #eef3fc; background: rgba(15, 25, 50, 0.3); border-color: rgba(219, 228, 247, 0.25); } + +.tc-light .input-bordered:focus { border-color: rgba(219, 228, 247, 0.45); } + +.input-bordered:focus { box-shadow: none; outline: none; border-color: #b7bee3; } + +.input-bordered:disabled { background: rgba(219, 228, 247, 0.2); } + +.input-switch { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-switch ~ label:not(.error) { line-height: 20px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; padding-left: 48px; min-height: 30px; min-width: 48px; border-radius: 12px; margin-bottom: 0; display: flex; align-items: center; position: relative; font-size: 14px; color: #305082; } + +.input-switch ~ label:not(.error).no-text { padding-left: 56px; } + +.input-switch ~ label:not(.error):before, .input-switch ~ label:not(.error):after { position: absolute; content: ''; transition: all .4s; } + +.input-switch ~ label:not(.error):before { left: 0; top: 50%; transform: translateY(-50%); height: 20px; width: 40px; border-radius: 15px; background: #d3e0f3; } + +.input-switch ~ label:not(.error):after { left: 2px; top: 50%; transform: translateY(-50%); height: 16px; width: 16px; border-radius: 50%; background: #fff; } + +.input-switch ~ label:not(.error) span { transition: all .4s; opacity: 1; } + +.input-switch ~ label:not(.error) span.over { position: absolute; left: 48px; } + +.input-switch ~ label:not(.error) span:last-child { opacity: 0; } + +.input-switch:disabled ~ label { opacity: .5; } + +.input-switch:checked ~ label:before { background: #f42f54; } + +.input-switch:checked ~ label:after { left: 22px; } + +.input-switch:checked ~ label span { opacity: 0; } + +.input-switch:checked ~ label span:last-child { opacity: 1; } + +.input-switch ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-checkbox, .input-radio { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-checkbox ~ label:not(.error), .input-radio ~ label:not(.error) { position: relative; padding-left: 28px; line-height: 20px; font-size: 14px; cursor: pointer; margin-bottom: 0; } + +.input-checkbox ~ label:not(.error):before, .input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { position: absolute; left: 0; top: 0; height: 20px; width: 20px; line-height: 20px; text-align: center; content: ''; background-color: transparent; border-radius: 3px; } + +.input-checkbox ~ label:not(.error):before, .input-radio ~ label:not(.error):before { border: 2px solid #dbe4f7; } + +.input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; background-color: #f42f54; color: #fff; opacity: 0; transition: all .4s; } + +.input-checkbox:checked ~ label:not(.error):after, .input-radio:checked ~ label:not(.error):after { opacity: 1; } + +.input-checkbox ~ .error, .input-radio ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { border-radius: 50%; } + +@media (min-width: 576px) { .field-item { padding-bottom: 30px; } + .field-inline .btn-md { line-height: 23px; } } + +@media (min-width: 768px) { .field-inline .submit-wrap .btn { width: auto; height: 100%; } + .field-inline-s2 { display: flex; } + .field-inline-s2 input { text-align: left; } } + +.select2-container.select2 { width: 100% !important; } + +.select2-container .select2-selection { position: relative; } + +.select2-container .select2-selection:focus { outline: none; } + +.select2-container .select2-selection .select2-selection__rendered { color: rgba(48, 80, 130, 0.6); font-size: 0.94rem; } + +.select2-container .select2-selection .select2-selection__arrow { position: absolute; top: 0; right: 0; height: 100%; width: 40px; } + +.select2-container .select2-selection .select2-selection__arrow:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; font-family: "themify"; content: '\e64b'; text-align: center; line-height: 20px; padding: 10px 0; font-size: .88rem; } + +.select2-container .select2-dropdown { border-color: #dbe4f7 !important; } + +.select2-container.select-line .select2-selection { height: 44px; line-height: 20px; padding: 16px 40px 8px 0; border-bottom: 1px solid #dbe4f7; } + +.select2-container.select-line .select2-selection .select2-selection__rendered { padding-left: 0; } + +.select2-container.select-line .select2-selection .select2-selection__arrow:after { padding: 16px 0 8px; } + +.select2-container.select-bordered .select2-selection { height: 42px; line-height: 20px; padding: 10px 40px 10px 0; border: 1px solid #dbe4f7; border-radius: 6px; } + +.select2-container.select-bordered .select2-selection .select2-selection__rendered { padding-left: 15px; } + +.select2-container.select-bordered.select-lg .select2-selection { height: 50px; border: 2px solid #dbe4f7; padding: 13px 40px 13px 10px; min-width: 146px; } + +.select2-container--below.select2-container--open.select-bordered .select2-selection--single { border-radius: 6px 6px 0 0; } + +.select2-container--above.select2-container--open.select-bordered .select2-selection--single { border-radius: 0 0 6px 6px; } + +.select2-container.select-lg .select2-selection .select2-selection__arrow:after { padding: 13px 0; } + +.select2-container.select-lg .select2-selection .select2-selection__rendered { color: #2d3f5f; font-size: 1rem; } + +.select2-search { display: none; } + +.select2-results { padding: 5px 0; } + +.select2-results__option { padding: 6px 15px; font-size: .88rem; transition: all .4s; max-height: 180px; } + +.select2-results__option[aria-selected="true"], .select2-results__option:hover { background: #dbe4f7; } + +.select-line.select2-container--open .select2-dropdown--above { border-bottom: 1px solid #dbe4f7 !important; } + +.submit-wrap { margin-left: -3px; } + +.submit-wrap-s2 { margin: -4px 0; } + +.submit-wrap-s2 .btn { border-radius: 5px !important; } + +.btn-auto-lg { font-size: 20px; } + +@media (min-width: 992px) { .select2-container.select-bordered.select-lg .select2-selection { min-width: 255px; } } + +@media (max-width: 400px) { .field-inline-wrap { flex-wrap: wrap; } + .field-inline-wrap .submit-wrap { margin-left: auto; margin-right: auto; margin-top: 10px; } } + +/**/ +/** 03.06 Table */ +.table { color: inherit; } + +.table td { border-top: none; padding: 18px 0; font-size: 1rem; line-height: 1.5rem; } + +.table tr { border-bottom: 1px solid rgba(244, 47, 84, 0.2); } + +.table tr:last-child { border-bottom: none; } + +.table-head { font-weight: 500; color: #f42f54; } + +.table-token { margin-bottom: 5px; } + +.table-token .table-head { padding-bottom: 2px; } + +.table-token .table-des { padding-top: 2px; } + +.table-token-s1 { border: 1px solid rgba(209, 224, 246, 0.7); border-collapse: separate; border-radius: 6px; margin-bottom: 0; } + +.tc-light .table-token-s1 { border-color: rgba(255, 255, 255, 0.1); } + +.table-token-s1 tr:nth-child(odd) td:first-child { background: #eff8ff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:first-child { background: #0f1932; } + +.table-token-s1 tr:nth-child(odd) td:last-child { background: #fff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:last-child { background: #0d152a; } + +.table-token-s1 tr:nth-child(even) td:first-child { background: #e7f3ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:first-child { background: #152346; } + +.table-token-s1 tr:nth-child(even) td:last-child { background: #f7f9ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:last-child { background: #111d3a; } + +.table-token-s1 tr:first-child td:first-child { border-top-left-radius: 6px; } + +.table-token-s1 tr:first-child td:last-child { border-top-right-radius: 6px; } + +.table-token-s1 tr:last-child td:first-child { border-bottom-left-radius: 6px; } + +.table-token-s1 tr:last-child td:last-child { border-bottom-right-radius: 6px; } + +.table-token-s1 tr td { width: 48%; font-weight: 500; font-size: 0.93rem; line-height: 24px; padding: 12px !important; padding-left: 18px !important; color: #305082; } + +.tc-light .table-token-s1 tr td { color: #fff; } + +.table-token-s1 tr td:last-child { color: #f42f54; font-weight: 400; font-size: 0.88rem; } + +.tc-light .table-token-s1 tr td:last-child { color: rgba(255, 255, 255, 0.6); } + +.table-bordered td { padding-left: 20px; padding-right: 20px; border: 1px solid rgba(244, 47, 84, 0.2); } + +@media (min-width: 576px) { .table-token { margin-bottom: 1rem; display: table; } + .table-token tbody { display: table-row-group; } + .table-token tr { display: table-row; } + .table-token td { display: table-cell; } + .table-token .table-head, .table-token .table-des { padding: 18px 0; } } + +/** 03.07 Progress */ +.progress-list { margin-top: .8rem; } + +.progress-wrap { margin-bottom: 1rem; } + +.progress-wrap:last-child:not(:only-child) { margin-bottom: 0; } + +.progress-wrap-point { margin-bottom: 55px; } + +.progress-wrap-point-s1 { margin-bottom: 30px; margin-top: 50px; } + +.progress-title { text-transform: uppercase; font-size: 0.75rem; font-weight: 500; display: flex; justify-content: space-between; padding-bottom: .4rem; } + +.progress-amount { font-weight: 400; } + +.progress-bar { position: relative; width: 100%; height: 20px; border-radius: 4px; background: rgba(151, 175, 213, 0.3); } + +.progress-bar .progress-percent { border-radius: 4px; } + +.progress-bar-xs { height: 6px; border-radius: 2px; } + +.progress-bar-xs .progress-percent { border-radius: 2px; border: none; } + +.progress-bar-sm { height: 15px; border-radius: 2px; } + +.progress-bar-md { height: 24px; border-radius: 3px; } + +.progress-bar-md .progress-percent { padding: 3px 0; } + +.progress-bar-s1 { padding: 6px; width: 100%; background: #fff; border-radius: 16px; height: auto; } + +.progress-bar-s2.bar-round { border-radius: 30px; } + +.progress-bar-s2.bar-round .progress-percent { border-radius: 30px; } + +.progress-bar-s2 .progress-percent { top: 3px; left: 3px; bottom: 3px; right: 3px; border: none; } + +.progress-bar-s2 .progress-percent:after { display: none; } + +.progress-percent { position: absolute; top: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 12px; background: #f42f54; } + +.progress-percent-s2 { z-index: 2; } + +.progress-percent-s2:after { position: absolute; content: ''; top: 50%; right: 0; height: 18px; width: 18px; border-radius: 50%; border: 2px solid #fff; background: #f42f54; transform: translate(50%, -50%); } + +.progress-percent-s1 { position: relative; max-height: 20px; border: none; min-height: 20px; border-radius: 20px !important; } + +.progress-percent-s3 { border: none; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } + +.progress-info { display: block; font-size: 16px; color: #97afd5; padding: 12px 0 22px; } + +.progress-info span { font-weight: 500; font-size: 18px; color: #f8aa38; } + +.progress-info-s2 { font-size: 12px; text-transform: uppercase; padding: 0 0 17px; } + +.progress-info-s2 span { font-size: 14px; text-transform: capitalize; color: #fff; } + +.progress-point { color: #97afd5; font-size: 11px; line-height: 14px; font-weight: 500; text-transform: uppercase; position: absolute; top: 30px; transform: translateX(-50%); padding: 3px 0; } + +.progress-point:after { position: absolute; bottom: 100%; left: 50%; margin-left: -1px; content: ''; width: 2px; height: 40px; background: rgba(193, 206, 241, 0.5); } + +.progress-bar-md .progress-point { top: 40px; font-size: 14px; font-weight: 400; text-transform: capitalize; } + +.progress-bar-md .progress-point:after { bottom: calc(100% + 10px); height: 30px; } + +.progress-point span { display: block; font-size: 12px; color: #f42f54; } + +.progress-point-s1 { top: -35px; } + +.progress-point-s1:after { bottom: auto; top: 100%; height: 30px; } + +.progress-point-1 { left: 25%; } + +.progress-point-2 { left: 85%; } + +.progress-points { padding-top: 10px; display: flex; justify-content: space-between; } + +ul.progress-info { display: flex; justify-content: space-between; } + +@media (min-width: 576px) { .progress-bar-md { height: 36px; } + .progress-percent { font-size: 14px; } + .progress-wrap-point { margin-bottom: 78px; } + .progress-wrap-point-s1 { margin-bottom: 30px; } + .progress-bar-md .progress-point { top: 60px; } + .progress-bar-md .progress-point:after { height: 50px; } } + +/** 03.08 CountDown */ +.countdown { display: flex; justify-content: space-around; margin: 0 -5px; } + +.countdown-small { justify-content: flex-start; margin: 0 -20px; } + +.countdown-s2 { margin: 0; justify-content: space-between; } + +.countdown-s3 { margin: 0 -16px 0 -25px; } + +.countdown-s4 { margin: 0; } + +.countdown-md { padding-bottom: 35px; } + +.countdown-item { padding: 0 5px; } + +.countdown-s2 .countdown-item { padding: 0; } + +.countdown-s3 .countdown-item { flex-grow: 1; } + +.countdown-s3.countdown-small .countdown-item, .countdown-s3-alt .countdown-item { flex-grow: 0; width: auto; } + +.countdown-s4 .countdown-item, .countdown-s5 .countdown-item { width: 100%; } + +.countdown-wd .countdown-item { flex-grow: 0; width: 100%; } + +.countdown-md .countdown-item { width: 80px; } + +.countdown-wd { text-align: center; } + +.countdown-time { position: relative; height: 54px; width: 54px; border-radius: 50%; border: 2px solid #f42f54; text-align: center; line-height: 50px; display: block; } + +.countdown-s2 .countdown-time { border-radius: 6px; background-color: #0f1932; border-color: transparent; font-size: 1.4rem; font-weight: 500; color: #fff; } + +.countdown-s3 .countdown-time { border-radius: 0; border: none; font-size: 2.8125rem; line-height: 50px; font-weight: 700; height: 50px; width: 100%; color: #202b47; } + +.tc-light .countdown-s3 .countdown-time { color: #fff; } + +.countdown-s3 .countdown-time:after { position: absolute; top: calc(50% - 3px); right: -6px; transform: translate(50%, -50%); content: ':'; } + +.countdown-s3 .countdown-time-last:after { display: none; } + +.countdown-s3-alt .countdown-time { font-size: 1.875rem; padding: 0 20px; font-weight: 300; height: 38px; line-height: 38px; margin-bottom: 0.5rem; } + +.countdown-s3.countdown-small .countdown-time { font-size: 1rem; line-height: 24px; height: 24px; text-align: left; padding: 0 20px; } + +.countdown-s4 .countdown-time { font-size: 2rem; } + +.countdown-s4 .countdown-time, .countdown-thin .countdown-time { font-weight: 300; } + +.tc-light .countdown-s5 .countdown-time { color: #f42f54; } + +.countdown-md .countdown-time { font-size: 2rem; line-height: normal; font-weight: 400; height: auto; } + +.countdown-text { display: block; font-weight: 500; font-size: 12px; letter-spacing: 0.01em; padding-top: 8px; text-align: center; } + +.tc-light .countdown-text { color: #eef3fc; } + +.countdown-s2 .countdown-text { text-transform: uppercase; font-weight: 400; } + +.tc-light .countdown-s2 .countdown-text { color: #f42f54; } + +.countdown-s3 .countdown-text { text-transform: uppercase; } + +.tc-light .countdown-s3 .countdown-text { color: #97afd5; } + +.countdown-s3-alt .countdown-text { text-transform: capitalize; padding-top: 0; font-weight: 400; } + +.countdown-s3.countdown-small .countdown-text { text-align: left; padding: 0 22px; } + +.countdown-s4 .countdown-text { text-transform: capitalize; padding-top: 0; } + +.tc-light .countdown-s5 .countdown-text { color: #f42f54; } + +.countdown-md .countdown-text { font-weight: 400; padding-top: 2px; } + +.status-countdown { overflow: hidden; } + +@media (min-width: 420px) { .countdown-time { height: 64px; width: 64px; line-height: 60px; } } + +@media (min-width: 576px) { .status-countdown { min-width: 290px; } + .countdown-large .countdown-time { font-size: 3.5rem; } + .countdown-large .countdown-time:after { font-size: 2.5rem; } } + +@media (min-width: 768px) { .countdown-wd .countdown .item { width: 100%; } + .countdown-xxl .countdown-time { font-size: 5.5rem; } + .countdown-xl .countdown-time { font-size: 4rem; } + .countdown-xl.countdown-s2 .countdown-time { width: 123px; height: 123px; line-height: 123px; border-radius: 4px; } + .countdown-xxl .countdown-text { padding-top: 30px; } + .countdown-s3-lg { margin: 0 -38px; } } + +@media (min-width: 992px) { .countdown-s4 .countdown-time { font-size: 2rem; } + .countdown-large .countdown-time { font-size: 3.5rem; } } + +@media (min-width: 1200px) { .countdown-s4 .countdown-time { font-size: 2.9rem; } + .countdown-large .countdown-time { font-size: 3.6rem; } } + +/** 03.09 Toastr */ +/* Toastr */ +#toast-container { position: fixed; z-index: 999999; margin-top: 22px; margin-bottom: 16px; } + +#toast-container .toast { opacity: 1; } + +.toast-top-center { top: 0; right: 0; width: 100%; } + +.toast-bottom-center { bottom: 0; right: 0; width: 100%; } + +.toast-top-full-width { top: 0; right: 0; width: 100%; } + +.toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } + +.toast-top-left { top: 0; left: 16px; } + +.toast-top-right { top: 0; right: 16px; } + +.toast-bottom-right { right: 16px; bottom: 0; } + +.toast-bottom-left { bottom: 0; left: 16px; } + +.toast-top-center > div, .toast-bottom-center > div { width: 650px; max-width: 90%; margin-left: auto; margin-right: auto; } + +.toast-top-full-width > div, .toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } + +.toast { background: #fff; color: #fff; overflow: hidden; margin: 0 0 8px; padding: 15px 51px 15px 15px; width: 300px; border-radius: 5px; border: none; display: flex; align-items: center; box-shadow: 0px 2px 18px 2px rgba(45, 63, 95, 0.25); background: #0a1227; position: relative; } + +.toast-close-button { cursor: pointer; position: absolute; text-align: left; right: 15px; text-indent: -9999em; overflow: hidden; background: none; border-radius: 50%; border: none; height: 36px; width: 36px; transition: all .3s; } + +.toast-close-button:after { position: absolute; content: '\e646'; font-family: 'themify'; top: 0; right: -1px; text-indent: 0; display: block; font-size: 13px; line-height: 38px; height: 36px; width: 36px; text-align: center; color: #fff; transition: all .3s; } + +.toast-close-button:hover, .toast-close-button:focus { background: rgba(240, 247, 252, 0.15); box-shadow: none; outline: none; } + +.toast-message { position: relative; flex-grow: 1; font-size: 13px; line-height: 17px; display: flex; align-items: center; padding-left: 10px; min-height: 30px; } + +.toast-message-icon { display: inline-block; font-size: 14px; margin-right: 15px; margin-left: -10px; text-align: center; height: 30px; width: 30px; line-height: 30px; border-radius: 50%; } + +.toast-message-icon.ti-alert:before { position: relative; top: -2px; } + +.toast-info .toast-message-icon { background: #026bfb; } + +.toast-warning .toast-message-icon { background: #f6be26; } + +.toast-success .toast-message-icon { background: #39d884; } + +.toast-error .toast-message-icon { background: #e6604a; } + +@media (min-width: 576px) { .toast-message { font-size: 14px; line-height: 18px; } } + +/** 03.10 Misc */ +.img-xs { height: 40px; width: 40px; } + +.text-thumb { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; font-weight: 500; letter-spacing: 0.1em; border: 2px solid #fff; background: #f42f54; } + +.text-thumb-xs { height: 40px; width: 40px; } + +.icon { display: inline-block; } + +.icon-lg { font-size: 50px; } + +.icon-round { display: inline-block; text-align: center; border-radius: 50%; background: rgba(244, 47, 84, 0.1); } + +.icon-round.icon-lg { height: 90px; width: 90px; line-height: 90px; } + +.icon-circle { display: inline-flex; align-items: center; justify-content: center; height: 38px; width: 38px; border-radius: 50%; } + +.icon-circle-md { height: 50px; width: 50px; } + +.icon-border { border: 1px solid #eef3fc; } + +.icon-animation { position: relative; } + +.icon-animation:after { position: absolute; content: ""; top: -8px; right: -8px; bottom: -8px; left: -8px; border-radius: 50%; border: 1px solid #eef3fc; animation: 1s ease 0s normal none infinite running playbutton; } + +.icon-list li { display: inline-block; margin: 0 5px; } + +.icon-currency-list { display: flex; justify-content: center; align-items: center; } + +.icon-bg { min-width: 40px; min-height: 40px; background: #8c8c8c; color: #fff; text-align: center; line-height: 40px; font-size: 1.7rem; border-radius: 50%; margin-right: 8px; } + +.has-rtl .icon-bg { margin-right: 0; margin-left: 8px; } + +.icon-bg-md { min-height: 32px; min-width: 32px; line-height: 32px; font-size: 1.5rem; } + +.icon-bg-lg { min-width: 60px; min-height: 60px; line-height: 60px; font-size: 2rem; } + +.icon-bg-xl { min-width: 92px; min-height: 92px; line-height: 92px; font-size: 4rem; } + +.icon-bg-eth { background: #61688f; } + +.icon-bg-btc { background: #f9931a; } + +.icon-bg-ltc { background: #838383; } + +.icon-bg-dash { background: #3573c0; } + +.icon-bg-xrp { background: #1c1c1c; } + +.icon-bg-xmr { background: #ff9f17; } + +.toggle-wrap { position: relative; } + +.toggle-tigger { display: inline-block; } + +.toggle-tigger.btn { display: inline-flex; } + +.toggle-class { visibility: hidden; opacity: 0; transition: all .4s; } + +.toggle-class.active { visibility: visible; opacity: 1; } + +.toggle-drop { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: -10px; z-index: 9; } + +.toggle-drop-left { left: 0; transform: translateX(0); } + +.toggle-drop-right { left: auto; right: 0; transform: translateX(0); } + +.toggle-drop-top { bottom: 100%; top: auto; margin-bottom: 10px; } + +.toggle-drop.active { margin-top: 0; margin-bottom: 0; } + +@media (max-width: 991px) { .toggle-class-lg { position: static; margin-top: 0; display: block; visibility: visible; opacity: 1; } + .toggle-wrap-nav { width: 100%; display: flex; } + .toggle-wrap-nav .toggle-class-lg { margin-left: 20px; flex-grow: 1; } + .toggle-wrap-nav .toggle-class-lg .drop-list { max-width: 100%; } } + +.drop-wrap { position: relative; } + +.drop-list { min-width: 160px; max-width: 160px; background: #fff; padding: 10px 0; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(45, 63, 95, 0.08); } + +.drop-list a { font-size: 13px; line-height: 18px; color: #305082; padding: 7px 20px; display: block; position: relative; } + +.drop-list a .badge { margin-left: 5px; position: relative; top: -1px; } + +.tc-light:not(.btn) .drop-list a { color: #305082; } + +.drop-list a:hover { color: #f42f54; } + +.drop-list-xs { min-width: 60px; max-width: 60px; } + +.drop-list-xs a { padding: 7px 8px; } + +.drop-list-mb { min-width: 80px; max-width: 80px; } + +.drop-list-mb a { padding: 7px 14px; } + +.drop-list-sm { min-width: 110px; max-width: 110px; } + +.drop-list-full { min-width: 100%; max-width: 100%; } + +.drop-list-center { text-align: center; } + +.breadcumb { margin: 0 -13px; } + +.breadcumb li { display: inline-block; padding: 0 15px; font-size: .75rem; line-height: 18px; position: relative; color: #305082; } + +.breadcumb li:not(:last-child):after { position: absolute; top: 0; right: -3px; content: '-'; line-height: 18px; color: #f42f54 !important; } + +.breadcumb li a { color: #f42f54 !important; } + +.breadcumb li a:hover:not([class]) { color: #f8aa38 !important; } + +.preloader { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; } + +.preloader:before, .preloader:after { position: absolute; left: 0; height: 51%; width: 100%; transition: all .6s ease; background: #fff; content: ''; } + +.preloader:before { top: 0; } + +.page-loaded .preloader:before { transform: translate(0, -100%); } + +.preloader:after { bottom: 0; } + +.page-loaded .preloader:after { transform: translate(0, 100%); } + +.preloader.no-default { background-color: #0f1932; } + +.page-loaded .preloader.no-default:before, .page-loaded .preloader.no-default:after { transform: translate(0, 0); } + +.preloader.no-default:before, .preloader.no-default:after { position: absolute; top: 0; left: 0; height: 100%; transition: all .6s; background-color: #0f1932; } + +.preloader-alt:after, .preloader-alt:before { background: #202b47; } + +.page-loaded .preloader.no-split:before, .page-loaded .preloader.no-split:after { transform: translate(0, 0); } + +.spinner { display: block; position: relative; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; z-index: 1001; } + +.spinner-round { border-radius: 50%; border: 2px solid transparent; border-top-color: #f42f54; animation: spin 2s linear infinite; } + +.spinner-round:before, .spinner-round:after { content: ""; position: absolute; border-radius: 50%; border: 3px solid transparent; } + +.spinner-round:before { top: 5px; left: 5px; right: 5px; bottom: 5px; border-top-color: #f8aa38; animation: spin 3s linear infinite; } + +.spinner-round:after { top: 15px; left: 15px; right: 15px; bottom: 15px; border-top-color: #0f1932; animation: spin 1.5s linear infinite; } + +.spinner-alt { border-radius: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; } + +.spinner-alt:after, .spinner-alt:before { content: ""; position: absolute; border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; } + +.spinner-alt:before { border: 1px solid rgba(255, 255, 255, 0.1); } + +.spinner-alt:after { border: 1px solid; border-top-color: #fff; border-right-color: transparent; border-left-width: 0; border-bottom-width: 0; animation: spin 1.5s linear infinite; } + +.spinner-alt.load-done { transition: all .4s; transform: scale(3); opacity: 0; border-color: transparent; } + +.spinner-alt.load-done:after, .spinner-alt.load-done:before { opacity: 0; } + +.spinner-alt.spinner-light { border: 1px solid rgba(10, 16, 21, 0.1); } + +.spinner-alt.spinner-light:after { border-top-color: #0a1015; } + +.spinner-brand { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100px; } + +@keyframes spin { 0% { -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); } } + +.text-zoom { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; text-transform: uppercase; font-weight: 700; height: 100px; width: 100px; } + +.text-item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } + +.text-item:nth-child(2) > * { animation-delay: 1s; } + +.text-item:nth-child(3) > * { animation-delay: 2s; } + +.text-item:nth-child(4) > * { animation-delay: 3s; } + +.text-item:nth-child(5) > * { animation-delay: 4s; } + +.text-item:nth-child(6) > * { animation-delay: 5s; } + +.text-item:nth-child(7) > * { animation-delay: 6s; } + +.text-item:nth-child(8) > * { animation-delay: 7s; } + +.text-item:nth-child(9) > * { animation-delay: 8s; } + +.text-small, .text-large { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; opacity: 0; } + +.text-small { color: #97afd5; z-index: 2; font-size: 60px; animation: textzoom9 9s linear infinite; } + +.text-large { color: #19243e; z-index: 0; font-size: 120px; animation: textzoom9l 9s linear infinite; } + +@keyframes textzoom9 { 0% { transform: translate(-50%, -50%) scale(0); + opacity: 0; } + 6% { transform: translate(-50%, -50%) scale(1); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.3); + opacity: 0; } } + +@keyframes textzoom9l { 0% { transform: translate(-50%, -50%) scale(0.2); + opacity: 0; } + 8% { transform: translate(-50%, -50%) scale(1.2); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.7); + opacity: 0; } } + +.modal-dialog-bottom { display: flex; align-items: flex-end; min-height: calc(100% - (.5rem * 2)); } + +.modal.fade .modal-dialog-bottom { -webkit-transform: translate(0, 25%); transform: translate(0, 25%); } + +.modal.show .modal-dialog-bottom { -webkit-transform: translate(0, -30px); transform: translate(0, -30px); } + +.modal-content { background: none; border: none; margin-left: auto; margin-right: auto; width: auto; max-width: 100%; } + +.modal-body { background: #fff; border-radius: 6px; } + +.modal-close { position: absolute; cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 39px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #305082; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(48, 80, 130, 0.2); } + +.mfp-close-btn-in .mfp-close { cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 37px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #305082 !important; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(48, 80, 130, 0.2); transition: all .4s; } + +.mfp-close-btn-in .mfp-close:hover { text-decoration: none; color: #f42f54 !important; } + +.tc-light .mfp-close-btn-in .mfp-close:hover { color: #f42f54 !important; } + +.image-popup .mfp-close { cursor: pointer; top: 22px; right: -18px; } + +.owl-nav { margin: 0 -10px 0; padding-top: 40px; } + +.carousel-nav-s1 .owl-nav { padding-top: 0px; } + +.carousel-nav-center .owl-nav { display: flex; justify-content: center; } + +.owl-nav button { border: 1px solid #97afd5 !important; border-radius: 50% !important; height: 40px; width: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 0 10px; transition: all .4s; } + +.carousel-nav-s1 .owl-nav button { border-width: 0 !important; margin: 0; } + +.owl-nav button:focus { box-shadow: none; outline: none; } + +.owl-nav button.disabled { opacity: 0.4; } + +.owl-nav button:after { font-family: "themify"; font-size: 1rem; } + +.carousel-nav-s1 .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.carousel-nav-light .owl-nav { color: #fff; } + +.owl-prev:after { content: '\e64a'; } + +.owl-rtl .owl-prev:after { content: '\e649'; } + +.carousel-nav-s1 .owl-prev:after { content: '\f060'; } + +.carousel-nav-s1.owl-rtl .owl-prev:after { content: '\f061'; } + +.owl-next:after { content: '\e649'; } + +.owl-rtl .owl-next:after { content: '\e64a'; } + +.carousel-nav-s1 .owl-next:after { content: '\f061'; } + +.carousel-nav-s1.owl-rtl .owl-next:after { content: '\f060'; } + +.owl-dot { height: 6px; width: 12px; border-radius: 3px; display: inline-block; margin: 0 4px; transition: all .4s ease; background: rgba(244, 47, 84, 0.3) !important; } + +.owl-dot.active { background: rgba(244, 47, 84, 0.8) !important; width: 20px; } + +.owl-dot:focus { outline: none; } + +.owl-dots { text-align: center; } + +.carousel-shadow-fix .owl-stage-outer { margin: 0 -30px; margin-top: -20px; padding-left: 40px; } + +.carousel-shadow-fix.feature-carousel-center .owl-stage-outer { padding-left: 30px; } + +.carousel-shadow-fix.owl-rtl .owl-stage-outer { padding-left: 0; padding-right: 30px; } + +.carousel-shadow-fix .owl-item { padding: 20px 0 40px; } + +.carousel-shadow-fix .owl-item > div { transition: all .4s; opacity: 0; } + +.carousel-shadow-fix .owl-item.active > div { opacity: 1; } + +.carousel-shadow-fix .owl-item:not(.active) [class*='shadow'] { box-shadow: none !important; } + +.carousel-shadow-fix .owl-item .feature { margin-bottom: 0; } + +.ovm-line { position: relative; width: 64%; max-width: 1280px; height: 100%; margin-left: auto; margin-right: auto; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } + +.ovm-line:before, .ovm-line:after { position: absolute; content: ''; height: 100%; top: 0; left: 50%; transform: translateX(-50%); } + +.ovm-line:before { width: 1px; background: rgba(255, 255, 255, 0.05); } + +@media (min-width: 992px) { .ovm-line:after { width: 50%; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.nk-circle-animation { height: 300px; width: 300px; z-index: 1; } + +.nk-circle-animation + * { position: relative; z-index: 1; } + +.nk-circle-animation:before, .nk-circle-animation:after { position: absolute; content: ''; border: 4px solid rgba(151, 175, 213, 0.3); border-radius: 50%; } + +.nk-circle-animation:before { top: 0; left: 0; bottom: 0; right: 0; border-top-color: #f42f54; border-right-color: #f42f54; animation: rotatecw 30s linear infinite 0s; } + +.nk-circle-animation:after { top: 25px; left: 25px; bottom: 25px; right: 25px; border-top-color: #f42f54; border-bottom-color: #f42f54; animation: rotateacw 24s linear infinite 0s; } + +.nk-circle-animation.small:before, .nk-circle-animation.small:after { border-width: 2px; } + +.nk-circle-animation.fast:before { animation: rotatecw 15s linear infinite 0s; } + +.nk-circle-animation.fast:after { animation: rotateacw 10s linear infinite 0s; } + +.nk-circle-animation.white:before { border-top-color: #fff; border-right-color: #fff; } + +.nk-circle-animation.white:after { border-top-color: #fff; border-bottom-color: #fff; } + +.nk-circle-animation.accent-alt:before { border-top-color: #f8aa38; border-right-color: #f8aa38; } + +.nk-circle-animation.accent-alt:after { border-top-color: #f8aa38; border-bottom-color: #f8aa38; } + +.nk-circle-pk { position: relative; height: 565px; width: 640px; } + +.nk-circle-pk [class*="line"] { position: absolute; top: 0; border-radius: 50%; border: 1px solid rgba(244, 47, 84, 0.2); height: 100%; width: calc(100% - 80px); } + +.nk-circle-pk .line-1 { left: 0; } + +.nk-circle-pk .line-2 { left: 20px; } + +.nk-circle-pk .line-3 { left: 45px; } + +.nk-circle-pk .line-4 { left: 65px; } + +.token-status .nk-circle-pk { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } + +@media (min-width: 576px) { .nk-circle-animation { height: 500px; width: 500px; overflow: hidden; } + .nk-circle-animation:after { top: 45px; left: 45px; bottom: 45px; right: 45px; } + .nk-circle-animation.small { height: 400px; width: 400px; } + .nk-circle-animation.small:after { top: 35px; left: 35px; bottom: 35px; right: 35px; } } + +@media (min-width: 992px) { .token-status .nk-circle-pk { display: block; } + .icon-bg { margin-right: 20px; } + .has-rtl .icon-bg { margin-right: 0px; margin-left: 20px; } } + +.circle-animation { position: absolute; height: 700px; width: 700px; top: -75px; left: 50%; transform: translateX(-50%); } + +.circle-animation .ca { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid rgba(48, 80, 130, 0.15); } + +.tc-light .circle-animation .ca { border-color: rgba(255, 255, 255, 0.1); } + +.circle-animation .ca-dot { position: absolute; height: 12px; width: 12px; border-radius: 50%; } + +.circle-animation .ca-color-1 { background: #86cfff; } + +.circle-animation .ca-color-2 { background: #859fff; } + +.circle-animation .ca-color-3 { background: #93a6ba; } + +.circle-animation-l1 { height: 100%; width: 100%; animation: rotatecw_alt 78s linear infinite 0s; } + +.circle-animation-l1-d1 { left: 23%; top: 6.35%; } + +.circle-animation-l1-d2 { right: 23%; top: 6.35%; } + +.circle-animation-l1-d3 { right: -7px; top: 50%; } + +.circle-animation-l1-d4 { right: 23%; bottom: 6.35%; } + +.circle-animation-l1-d5 { left: 23%; bottom: 6.35%; } + +.circle-animation-l1-d6 { left: -7px; top: 50%; } + +.circle-animation-l2 { height: 84.6%; width: 84.6%; border-radius: 50%; animation: rotateacw_alt 66s linear infinite 0s; } + +.circle-animation-l2-d1 { right: 4.9%; top: 25%; } + +.circle-animation-l2-d2 { left: 42%; top: -.6%; } + +.circle-animation-l2-d3 { left: -2px; top: 40%; } + +.circle-animation-l2-d4 { left: 24%; bottom: 5.5%; } + +.circle-animation-l2-d5 { right: 11.2%; bottom: 16%; } + +.circle-animation-l3 { height: 69.2%; width: 69.2%; animation: rotatecw_alt 54s linear infinite 0s; } + +.circle-animation-l3-d1 { left: 7.6%; top: 20%; } + +.circle-animation-l3-d2 { right: 24%; top: 5.2%; } + +.circle-animation-l3-d3 { right: -3px; bottom: 39%; } + +.circle-animation-l3-d4 { right: 37%; bottom: 0; } + +.circle-animation-l3-d5 { left: 8.4%; bottom: 19%; } + +@keyframes rotatecw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(360deg); } } + +@keyframes rotateacw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(-360deg); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.social li { text-align: center; display: inline-block; padding: 0 3px; } + +.social li:first-child { padding-left: 0; } + +.social li a { display: inline-flex; align-items: center; transition: all 0.3s; width: auto; } + +.social li a:hover { opacity: 1; transform: translateX(0); } + +.social li a:hover .social-icon { background: #f8aa38; color: #fff; } + +.tc-light .social li a:hover .social-icon { background: #f42f54; } + +.social li a:hover .social-icon + span { color: #fff; } + +.social-icon { width: 32px; height: 32px; line-height: 32px; border-radius: 50%; transition: 0.3s; color: #305082; background: #fff; } + +.tc-light .social-icon { color: #fff; background: rgba(255, 255, 255, 0.15); } + +.social-icon-transparent { background: transparent; } + +.tc-light .social-icon-transparent { background: transparent; } + +.social-icon + span { display: none; margin-left: 8px; font-weight: 600; text-transform: uppercase; font-size: 12px; color: #f42f54; transition: all 0.3s; } + +.social-bar { display: flex; flex-wrap: wrap; } + +.social-bar li { flex-grow: 1; text-align: center; line-height: 30px; } + +.social-bar li:not(:last-child) { border-right: 1px solid #f0f5fc; } + +.social-bar li span { font-size: 14px; text-transform: uppercase; } + +.social-bar li a, .social-bar li span { display: block; padding: 7px 10px; } + +.social-bar-title { width: 100%; border-bottom: 1px solid #f0f5fc; } + +@media (min-width: 576px) { .social-icon + span { display: inline-block; } + .social-bar li a, .social-bar li span { padding: 20px; } + .social-bar-title { width: auto; border-bottom: none; } } + +@media (min-width: 992px) { .social-bar li a { font-size: 20px; } + .social-bar li a, .social-bar li span { padding: 40px 20px; } } + +.language-switcher .toggle-tigger { color: #305082; position: relative; } + +.is-transparent:not(.has-fixed) .header-logo .language-switcher .toggle-tigger { color: #fff; } + +.language-switcher .toggle-tigger:not(.btn) { padding: 8px 15px 8px 10px; } + +.language-switcher .toggle-tigger:not(.btn):after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.language-switcher-s1 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s2 .toggle-tigger:after { right: 14px; } + +.language-switcher-s2 .toggle-tigger:not(.btn) { padding: 3px 26px 3px 16px; } + +.language-switcher-s3 { border-left: 1px solid rgba(255, 255, 255, 0.15); text-transform: uppercase; font-size: .88rem; margin-left: 15px; } + +.language-switcher-s3 .toggle-tigger:not(.btn) { padding: 2px 20px 2px 15px; } + +.language-switcher-s4 { position: relative; } + +@media (min-width: 992px) { .language-switcher-s4:after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; content: ''; background: rgba(255, 255, 255, 0.15); } } + +.language-switcher-s4 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s5 .toggle-tigger { font-size: 12px; font-weight: 500; text-transform: uppercase; } + +.language-flag { width: 24px; margin: 3px 8px 3px 0; } + +.language-flag-lg { width: 36px; } + +.gfx { max-width: 400px; } + +.gfx-auto { margin-left: auto; margin-right: auto; } + +.gfx-inherit { max-width: 420px; } + +.gfx-md { max-width: 380px; } + +@media (min-width: 768px) { .gfx { max-width: 500px; } + .gfx-inherit { max-width: 420px; } + .gfx-md { max-width: 380px; } } + +@media (min-width: 992px) { .gfx-re-s1 { margin: 0 -230px 0 0; } } + +@media (min-width: 1600px) { .gfx-re-lgl { margin-left: -188px; } + .gfx-re-lg { margin: 0 -168px 0 42px; } } + +@media (min-width: 1900px) { .gfx-re-lgl { margin-left: -315px; } + .gfx-re-lgr { margin-right: -315px; } + .gfx-re-mdl { margin-left: -230px; } + .gfx-re-lg { margin: 0 -200px 0 42px; } } + +.piller-one, .piller-two { position: absolute; z-index: -1; } + +.piller-one { width: 250px; top: 20%; right: 100%; margin-right: 65px; } + +.piller-two { width: 200px; left: 100%; top: 50%; margin-left: 40px; } + +.gfx-round-bg { min-width: 300px; min-height: 300px; background: #f0f7fc; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } + +.gfx-round-bg.after:after { position: absolute; content: ""; left: 44px; top: 0; width: 100%; height: 100%; border: 1px solid #f8aa38; border-radius: 50%; } + +@media (min-width: 768px) { .gfx-round-bg { min-width: 400px; min-height: 400px; } } + +@media (min-width: 1200px) { .gfx-round-bg { min-width: 480px; min-height: 480px; } } + +@media (min-width: 1600px) { .gfx-round-bg { min-width: 600px; min-height: 600px; } } + +@media (min-width: 1900px) { .gfx-round-bg { min-width: 660px; min-height: 660px; } + .gfx-round-bg-md { min-width: 557px; min-height: 557px; } } + +/** 04. Components */ +/** 04.01 Tab */ +.tab-nav li a { display: block; padding: 12px 12px; line-height: 19px; font-weight: 400; color: rgba(32, 43, 71, 0.6); border-bottom: 1px solid rgba(219, 228, 247, 0.5); transition: all .4s; } + +.tab-nav li a:hover, .tab-nav li a.active { color: #202b47; } + +.tab-nav li a .fas, .tab-nav li a .far { margin-right: 10px; } + +.tab-nav-sap { flex-grow: 1; height: 2px; background: rgba(151, 175, 213, 0.3); align-self: center; margin: 0 -7px; } + +.tc-light .tab-nav-sap { background: rgba(151, 175, 213, 0.3); } + +.tab-nav-vr { display: block; } + +.tab-nav-vr li:not(:last-child) a { border-bottom: 1px solid rgba(219, 228, 247, 0.5); } + +.tab-nav-vr li:last-child a { border: none; } + +.tab-nav-vr li a { padding: 18px 20px; } + +.tc-light .tab-nav-vr li:not(:last-child) a { border-color: rgba(255, 255, 255, 0.07); } + +.tab-nav-s2 { margin: 0 -15px 15px; } + +.tab-nav-s2 li { padding: 0 15px; } + +.tab-nav-s2 li a { font-size: 18px; letter-spacing: 0.01em; text-transform: uppercase; padding: 12px 5px; border-bottom-color: transparent; } + +.tc-light .tab-nav-s2 li a { color: rgba(255, 255, 255, 0.5) !important; } + +.tab-nav-s2 li a:hover, .tab-nav-s2 li a.active { color: #f42f54; border-bottom-color: #f42f54; } + +.tab-nav-s2 li a .fas, .tab-nav-s2 li a .far { margin-right: 10px; } + +.tab-nav-s3 li a { border: none !important; border-radius: 3px; cursor: pointer; padding: 28px 30px; } + +.tab-nav-s3 li a [class*=title] { color: #2d3f5f; transition: all .4s; } + +.tc-light .tab-nav-s3 li a [class*=title] { color: #fff; } + +.tab-nav-s3 li a p { color: #305082; line-height: 1.6; } + +.tc-light .tab-nav-s3 li a p { color: #97afd5; } + +.tab-nav-s3 li a.active { box-shadow: 0 3px 12px 0 rgba(45, 63, 95, 0.08); background: #fff; cursor: default; } + +.tab-nav-s3 li a.active [class*=title] { color: #f42f54; } + +.tc-light .tab-nav-s3 li a.active { background: #202b47; } + +.bg-theme-alt .tab-nav-s3 li a.active { background: #0f1932; } + +.tab-nav-s4 { border: none; padding: 5px; border-radius: 30px; display: inline-block; } + +.tab-nav-s4 li { display: inline-block; } + +.tab-nav-s4 li a { border: none; line-height: 24px; background: transparent; font-weight: 600; color: #fff; font-size: 11px; padding: 10px 22px; border-radius: 25px; font-weight: 600; display: inline-block; } + +.tab-nav-s4 li a.active { color: #0f1932 !important; background: #fff; } + +.tc-light .tab-nav-s4 li a.active:hover { color: tab_nav_s4_active_color !important; } + +.tc-light .tab-nav-s4 li a:hover { color: #fff !important; } + +.tab-nav-center { justify-content: center; } + +.tab-nav-bdr { border: 1px solid #dbe4f7; border-radius: 5px; } + +.tc-light .tab-nav-bdr { border-color: rgba(255, 255, 255, 0.07); background: rgba(255, 255, 255, 0.02); } + +.tab-nav-line { margin-bottom: 20px; border-bottom: 2px solid rgba(219, 228, 247, 0.5); text-align: center; justify-content: center; } + +.tab-nav-line li a { border-bottom: none; position: relative; } + +.tab-nav-line li a:after { position: absolute; width: 100%; height: 2px; left: 0; bottom: -2px; content: ''; background: #f42f54; opacity: 0; transition: all .4s; } + +.tab-nav-line li a:hover, .tab-nav-line li a.active { color: #f42f54; } + +.tab-nav-line li a.active:after { opacity: 1; } + +.tc-light .tab-nav-line { border-bottom-color: rgba(219, 228, 247, 0.5); } + +.tc-light .tab-nav li a:after { background: #f42f54; } + +.tc-light .tab-nav li a:hover, .tc-light .tab-nav li a.active { color: #f42f54 !important; } + +.tab-nav-btn { margin: -7px -7px 8px; } + +.tab-nav-btn li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn li a { border-radius: 3px; color: #305082; background: rgba(15, 25, 50, 0.1); border-color: transparent; padding: 10px 18px; } + +.tc-light .tab-nav-btn li a { color: #305082; background: rgba(255, 255, 255, 0.1); border-color: transparent; } + +.tab-nav-btn li a:hover, .tab-nav-btn li a.active { color: #f42f54 !important; background: rgba(15, 25, 50, 0.1); } + +.tc-light .tab-nav-btn li a:hover, .tc-light .tab-nav-btn li a.active { color: #f42f54 !important; background: rgba(244, 47, 84, 0.1); } + +.tab-nav-btn-s2 li a:hover, .tab-nav-btn-s2 li a.active { color: #fff !important; background: #f42f54; } + +.tc-light .tab-nav-btn-s2 li a:hover, .tc-light .tab-nav-btn-s2 li a.active { color: #f42f54 !important; background: rgba(15, 25, 50, 0.1); } + +.tab-nav-btn-bdr { margin: -7px; } + +.tab-nav-btn-bdr li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr li a { border-radius: 3px; color: #305082 !important; background: transparent; border: 1px solid !important; border-color: #305082 !important; } + +.tc-light .tab-nav-btn-bdr li a { color: #fff !important; background: transparent; border-color: rgba(151, 175, 213, 0.4) !important; } + +.tab-nav-btn-bdr li a:hover, .tab-nav-btn-bdr li a.active { color: #f42f54 !important; background: transparent; border-color: #f42f54 !important; } + +.tc-light .tab-nav-btn-bdr li a:hover, .tc-light .tab-nav-btn-bdr li a.active { color: #fff !important; background: #f42f54; border-color: #f42f54 !important; } + +.tab-nav-btn-bdr-s2 { margin: -7px; } + +.tab-nav-btn-bdr-s2 li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr-s2 li a { text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; font-size: .88rem; padding: 14px 22px; border-radius: 6px; color: #305082 !important; background: transparent; border: 2px solid !important; border-color: rgba(151, 175, 213, 0.3) !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a { color: #fff !important; background: transparent; border-color: rgba(151, 175, 213, 0.3) !important; } + +.tab-nav-btn-bdr-s2 li a:hover, .tab-nav-btn-bdr-s2 li a.active { color: #f42f54 !important; background: transparent; border-color: #f42f54 !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a:hover, .tc-light .tab-nav-btn-bdr-s2 li a.active { color: #f42f54 !important; background: transparent; border-color: #f42f54 !important; } + +.tab-nav-grad li a { position: relative; } + +.tc-light .tab-nav-grad li a { background: rgba(255, 255, 255, 0.1); } + +.tab-nav-grad li a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: -1; border-radius: 3px; background: linear-gradient(-45deg, #0f1932 0%, #202b47 100%); opacity: 0; transition: all .4s; } + +.tc-light .tab-nav-grad li a:before { background: linear-gradient(-45deg, #f42f54 0%, #f8aa38 100%) !important; } + +.tab-nav-grad li a:hover, .tab-nav-grad li a.active { color: #fff !important; background: transparent; } + +.tab-nav-grad li a:hover:before, .tab-nav-grad li a.active:before { opacity: 1; } + +.tc-light .tab-nav-grad li a:hover, .tc-light .tab-nav-grad li a.active { color: #fff !important; } + +.tab-pane { padding: 10px 0 0; } + +@media (min-width: 576px) { .tab-nav-line > li { flex-grow: 1; } + .tab-nav-s4 li a { font-size: 14px; padding: 13px 25px; } } + +/** 04.02 Accordion */ +.accordion-item { transition: all .4s; padding-bottom: 8px; } + +.accordion-item:not(:last-child) { border-bottom: 1px solid #dbe4f7; } + +.tc-light .accordion-item:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item:not(:last-child) { border-color: rgba(244, 47, 84, 0.3); } + +.accordion-item-s2 { border-width: 2px !important; border: 2px solid #dbe4f7; border-radius: 6px; } + +.tc-light .accordion-item-s2 { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2 { border-color: rgba(244, 47, 84, 0.3); } + +.accordion-item-s2.current { border-color: rgba(15, 25, 50, 0.5) !important; } + +.tc-light .accordion-item-s2.current { border-color: #f42f54 !important; } + +.accordion-item-s2:not(:last-child) { margin-bottom: 15px; } + +.tc-light .accordion-item-s2:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2:not(:last-child) { border-color: rgba(244, 47, 84, 0.3); } + +.accordion-item-s3 { border: none !important; border-radius: 6px; background: #fff; box-shadow: 0px 4px 6px 0px rgba(15, 25, 50, 0.07); } + +.bg-theme .accordion-item-s3, .tc-light .accordion-item-s3 { background: rgba(255, 255, 255, 0.05); box-shadow: none; } + +.has-bg-image .accordion-item-s3 { background: rgba(10, 18, 39, 0.7); box-shadow: none; } + +.accordion-item-s3:not(:last-child) { margin-bottom: 30px; } + +.accordion-item-s4 { background: rgba(15, 25, 50, 0.09); } + +.accordion-item-s4.current { background: rgba(15, 25, 50, 0.05); } + +.accordion-title { position: relative; color: #202b47; font-weight: 400; cursor: pointer; padding: 22px 54px 14px 0; margin-bottom: 0; } + +.accordion-item-s2 .accordion-title { padding: 25px 54px 17px 30px; } + +.accordion-item-s3 .accordion-title { padding: 20px 54px 12px 30px; } + +.accordion-item-s4 .accordion-title { padding: 16px 54px 8px 30px; } + +.tc-light .accordion-title { color: #f42f54; } + +.accordion-title-sm { font-size: 16px; } + +.accordion-title.collapsed { color: #97afd5; transition: all .4s; } + +.tc-light .accordion-title.collapsed { color: #fff; } + +.tc-light .accordion-title.collapsed:hover { color: #f42f54; } + +.accordion-title.collapsed:hover { color: #202b47; } + +.accordion-title.collapsed .accordion-icon:before { opacity: 0; } + +.accordion-title.collapsed .accordion-icon:after { opacity: 1; } + +.accordion-title.collapsed .accordion-icon-s2:after { transform: rotate(-180deg); } + +.accordion-icon { position: absolute; top: calc(50% + 4px); transform: translateY(-50%); right: 0; height: 36px; width: 36px; border-radius: 50%; background: #f0f7fc; } + +.current .accordion-icon { background: #f0f7fc; } + +.accordion-icon:before, .accordion-icon:after { line-height: 36px; color: #202b47; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; text-align: center; transition: all .4s; } + +.current .accordion-icon:before, .current .accordion-icon:after { color: #202b47; } + +.accordion-icon:before { content: '\f068'; opacity: 1; } + +.accordion-icon:after { content: '\f067'; opacity: 0; } + +.accordion-icon-s2 { background: #f0f7fc; } + +.accordion-icon-s2:after { font-family: "themify"; content: '\e648'; opacity: 1 !important; } + +.accordion-icon-s2:before { display: none; } + +.accordion-item-s2 .accordion-icon { right: 12px; } + +.accordion-item-s3 .accordion-icon { right: 18px; } + +.accordion-item-s4 .accordion-icon { right: 12px; } + +.tc-light .accordion-icon { background: rgba(151, 175, 213, 0.05); } + +.tc-light .accordion-icon:after, .tc-light .accordion-icon:before { color: #97afd5; } + +.accordion-content { padding-bottom: 12px; padding-right: 46px; } + +.accordion-content p:last-child { margin-bottom: 0; } + +.accordion-item-s2 .accordion-content, .accordion-item-s3 .accordion-content, .accordion-item-s4 .accordion-content { padding-left: 30px; } + +.accordion-item-s4 .accordion-content { padding-bottom: 6px; } + +.accordion-faq { margin-top: -15px; } + +.accordion-header { padding: 20px; } + +.accordion-header p { margin-bottom: 0; } + +.accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: none; } + +.accordion-body { padding: 0 20px 30px; } + +.accordion-box:not(:last-child) { margin-bottom: 40px; } + +.border-b-none { border-bottom: 0px !important; } + +@media (min-width: 576px) { .accordion-title-sm { font-size: 18px; } + .accordion-header { padding: 20px 40px; } + .accordion-header p { margin-bottom: 0; } + .accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: block; } + .accordion-body { padding: 0 40px 40px; } } + +/** 04.03 Blocks */ +.nk-block { display: block; width: 100%; position: relative; z-index: 1; } + +.nk-block ~ .nk-block { padding-top: 40px; } + +.nk-block ~ .nk-block-team-list { padding-top: 60px; } + +.nk-block + .hr { margin-top: 40px; margin-bottom: 40px; } + +.section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + +.nk-block-lg + .nk-block { padding-top: 60px; } + +.nk-block-zero + .nk-block { padding-top: 0 !important; } + +.nk-block-text-head { padding-bottom: 35px; } + +.nk-block-img { position: relative; } + +.nk-block-img-plx { position: absolute; } + +.nk-block-img-s1 { position: relative; z-index: 99; margin-top: -71px; padding: 30px 50px; background: #fff; border-radius: 60px 60px 60px 200px; box-shadow: 0 15px 30px rgba(15, 25, 50, 0.1); } + +.nk-block-img-s2 img { max-width: 400px; width: 100%; } + +.nk-block-img-s3 img { max-width: 300px; width: 100%; } + +.nk-block-screen { padding: 70px 50px 100px 0; } + +.nk-block-screen img { border-radius: 3px; border: 1px solid #dfeaf8; } + +.nk-block-screen-small { position: absolute; right: 0; bottom: 0; max-width: 210px; } + +.nk-block-video { position: relative; border-radius: 4px; } + +.nk-block-ca { padding: 70px 20px; } + +.nk-block-plx { width: 300px; padding: 30px 10px; margin-left: auto; margin-right: auto; } + +.nk-block-contact-s1 { padding: 110px 0; position: relative; display: flex; align-items: center; justify-content: center; background: url(../images/dot-c-azalea.png) no-repeat; background-size: contain; background-position: 50% 50%; } + +.nk-block-m30, .nk-block-team-list, .nk-block-features { margin-bottom: -30px; } + +.nk-block-m40 { margin-bottom: -40px; } + +.nk-block-m50 { margin-bottom: -50px; } + +.nk-block .pagination { margin-top: 10px; } + +.nk-block-status + .nk-block-actions { padding-top: 80px; padding-bottom: 40px; } + +.nk-block-note { position: relative; background: rgba(0, 0, 0, 0.2); border-radius: 6px; margin-top: 40px; padding: 20px 25px 20px 65px; } + +.nk-block-note-s2 { background: rgba(151, 175, 213, 0.25); } + +.nk-block-note .icon { position: absolute; left: 15px; top: 50%; font-size: 30px; color: #f42f54; transform: translateY(-50%); } + +.nk-block-shade { position: absolute; left: -120px; bottom: 65px; width: 100%; height: calc(100% - 130px); border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); opacity: .10; transform: skew(9deg); } + +.nk-block-shade:after { position: absolute; left: 50px; bottom: 50px; width: 100%; height: 100%; content: ''; border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.nk-block-shape-s1 { position: relative; z-index: 2; padding-top: 80px; padding-bottom: 100px; background: #0f1932; } + +.nk-block-shape-s1:before, .nk-block-shape-s1:after { position: absolute; top: 0; height: 100%; content: ''; z-index: -1; background: #0f1932; } + +.nk-block-shape-s1:before { left: -190px; width: 320px; border-radius: 100px 0 0 100px; transform: skew(9deg); } + +.nk-block-shape-s1:after { right: -280px; width: 370px; border-radius: 0 100px 100px 0; transform: skew(-7deg); } + +.nk-block-shape-s1.bg-theme-alt { background: #202b47; } + +.nk-block-shape-s1.bg-theme-alt:before, .nk-block-shape-s1.bg-theme-alt:after { background: #202b47; } + +.nk-block-shape-s1.bg-theme-dark { background: #0a1227; } + +.nk-block-shape-s1.bg-theme-dark:before, .nk-block-shape-s1.bg-theme-dark:after { background: #0a1227; } + +.nk-block-shape-s1.bg-theme-dark-alt { background: #202f53; } + +.nk-block-shape-s1.bg-theme-dark-alt:before, .nk-block-shape-s1.bg-theme-dark-alt:after { background: #202f53; } + +.nk-block-header { padding-top: 30px; padding-bottom: 30px; } + +.plx-screen { width: 80px; bottom: 0; left: 0; } + +.plx-circle-s1 { width: 80px; top: 10px; left: -5px; z-index: -1; animation: ani_cicle 4s infinite linear; } + +.plx-polygon-s1 { width: 70px; bottom: 15px; left: 40px; transform-origin: center; animation: ani_round 20s infinite linear; } + +.plx-triangle-s1 { width: 80px; bottom: 0; right: 0; animation: ani_round 30s infinite reverse linear; } + +@keyframes ani_round { 0% { transform: translate(0, 0) rotate(0deg); } + 25% { transform: translate(10px, 15px) rotate(90deg); } + 50% { transform: translate(0, 0) rotate(180deg); } + 75% { transform: translate(-10px, -15px) rotate(270deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +@keyframes ani_cicle { 0% { transform: translate(0, 0) rotate(0deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +.img-block-dot { background-image: url(../images/dot-a.png); background-position: top center; padding: 50px 0; margin-top: -40px; } + +@media (min-width: 576px) { .nk-block-screen { padding: 0 50px 100px 0; } + .nk-block-team-list { margin-bottom: -50px; } } + +@media (min-width: 576px) { .nk-block ~ .nk-block { padding-top: 60px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-lg + .nk-block { padding-top: 80px; } + .nk-block-ca { padding: 90px 20px; } + .nk-block-plx { padding: 60px; width: 100%; } + .nk-block-contact-s1 { padding: 180px 0; } + .nk-block-img-s1 { padding: 40px 70px; } + .nk-block-note { margin-top: 40px; padding: 20px 65px 20px 75px; } + .nk-block-note .icon { left: 20px; } + .nk-block-shape-s1 { padding-top: 150px; padding-right: 40px; padding-bottom: 150px; } + .plx-screen { width: 130px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 140px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 95px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 768px) { .nk-block-img-s2 img { max-width: 100%; } + .nk-block-ca { padding: 60px; } + .nk-block-plx { padding: 60px; } + .plx-screen { width: 160px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 160px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 125px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 992px) { .nk-block ~ .nk-block { padding-top: 100px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-status + .nk-block-actions { padding-top: 70px; padding-bottom: 40px; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-sm + .nk-block { padding-top: 70px; } + .nk-block-lg + .nk-block { padding-top: 100px; } + .nk-block-img-s1 { margin-right: -71px; } + .nk-block-img.edge-r1 { margin-right: -160px; } + .nk-block-img.edge-l1 { margin-left: -160px; } + .nk-block-img.edge-r2 { margin-right: -360px; } + .nk-block-img.edge-l2 { margin-left: -360px; } + .nk-block-img.edge-r3 { margin-right: -500px; } + .nk-block-img.edge-l3 { margin-left: -500px; } + .nk-block .pagination { margin-top: 30px; } } + +@media (min-width: 1200px) { .nk-block-lg + .nk-block { padding-top: 130px; } } + +.app-slide-wrap { position: relative; width: 230px; margin: 15px auto; } + +.app-slide-wrap:after { position: absolute; height: calc(100% + 80px); width: calc(100% + 96px); top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; background-image: url(../images/light-ix.png); } + +.app-slide img { border-radius: 4px; } + +/** 04.04 Box */ +.card { padding: 20px; background: #fff; border: none; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.02); } + +.card.card-s3 { padding: 30px 20px; } + +.card-full { height: calc(100% - 30px); } + +.card-full-lg { height: calc(100% - 80px); } + +.card.feature-s8 { padding: 35px 25px; } + +.card-s2 { padding: 55px 30px 110px; box-shadow: 0px 5px 46px rgba(32, 43, 71, 0.14); } + +.card-lg-y { box-shadow: 0px 20px 60px rgba(45, 63, 95, 0.1); } + +.card-s3 { box-shadow: 0px 5px 18px rgba(48, 80, 130, 0.2); } + +@media (min-width: 576px) { .card { padding: 30px; } + .card.card-s3 { padding: 30px; } + .card-md { padding: 40px 30px; } + .card-lg { padding: 45px 40px; } + .card.feature-s8 { padding: 45px 30px; } + .card-s2 { padding: 55px 30px 110px; } + .card-lg-y { padding: 70px 30px; } + .card-lg-xy { padding: 70px 55px; } } + +/** 04.05 Banner */ +.nk-banner { display: block; width: 100%; z-index: 5; position: relative; } + +.banner { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } + +.is-transparent .banner { padding-top: 60px; } + +.has-mask .banner { padding-bottom: 75px; } + +.has-mask .banner-page { padding-bottom: 40px; } + +.has-mask .banner-mask-fix { padding-bottom: 40px !important; } + +.has-mask .banner-inner { padding-bottom: 125px; } + +.header-banner-angled .banner { padding-bottom: 540px; } + +.header-banner-angled-s2 .banner { padding-bottom: 498px; } + +.banner-screen { position: absolute !important; z-index: 0 !important; left: 50%; right: 0; bottom: -8px; width: 320px; transform: translateX(-50%); } + +.banner-wrap { width: 100%; } + +.banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } + +.banner-gfx { position: relative; margin: -15px 0; } + +.banner-gfx-auto { margin: 0 auto !important; } + +.banner-gfx-re-s4 { margin: 0 -95px; } + +.banner-gfx-icon { position: absolute; width: 4.2%; top: 32%; } + +.banner-gfx-icon-1 { left: 43.75%; animation: jumping 1s linear 0s infinite alternate; } + +.banner-gfx-icon-2 { right: 40.25%; animation: jumping 1s linear .5s infinite alternate; } + +.banner-gfx-s2 { max-width: 280px; margin: 0 auto; } + +.banner-fs { min-height: calc(100vh - 90px); } + +.is-transparent .banner-fs { min-height: 100vh; } + +.banner-gap-b1 { padding-bottom: 50px; } + +.has-mask .banner-gap-b1 { padding-bottom: 75px; } + +.banner-gap-b2 { padding-bottom: 75px; } + +.has-mask .banner-gap-b2 { padding-bottom: 125px; } + +.banner-gap-b3 { padding-bottom: 75px; } + +.has-mask .banner-gap-b3 { padding-bottom: 120px; } + +.banner-gap-b4 { padding-bottom: 340px; } + +.has-mask .banner-gap-b4 { padding-bottom: 360px; } + +.banner-page .banner-wrap { padding: 40px 0; } + +.is-transparent .banner-page .banner-wrap { padding-top: 20px; } + +.banner-page .breadcumb { padding-top: 10px; } + +.banner-page-md { min-height: 340px; } + +.banner-page-lg { min-height: 460px; } + +.banner-caption:not([class*=wide]) { max-width: 720px; margin-left: auto; margin-right: auto; } + +.banner > .nk-block { position: relative; z-index: 2; } + +.banner-social { background: rgba(255, 255, 255, 0.2); border-radius: 25px; padding: 0px 20px; display: inline-block; } + +.banner-social-wrap { margin-top: 30px; } + +.banner-social li { padding: 13px 8px; display: inline-block; } + +.banner-social li a { color: #fff; text-align: center; line-height: 24px; width: 24px; display: block; } + +.banner-social li a:hover { opacity: .5; outline: none; transform: translateY(-3px); } + +.banner-with-token-box-s1 .banner-wrap { padding-bottom: 175px; } + +.banner-s1-overlay { position: relative; overflow: hidden; } + +.banner-s1-overlay:before, .banner-s1-overlay:after { position: absolute; content: ''; width: 875px; height: 300%; bottom: -100%; transform: rotate(-45deg); background: rgba(255, 255, 255, 0.02); z-index: -1; } + +.banner-s1-overlay:before { left: 50%; margin-left: -130px; } + +.banner-s1-overlay:after { right: 50%; margin-right: -110px; } + +.banner-s1 .title-xs { margin-bottom: 1.14rem; } + +.banner-inner { min-height: 500px; } + +@keyframes jumping { 0% { transform: translateY(5px); } + 100% { transform: translateY(-25px); } } + +.cpn { padding-top: 30px; padding-bottom: 30px; } + +.cpn-head, .cpn-action, .cpn-text { margin-top: 20px; } + +.cpn > *:first-child { margin-top: 0; } + +.cpn-head .title { font-size: 1.75rem; line-height: 1.5; } + +.cpn-head .title-lg { line-height: 1.3; font-weight: 700; } + +.cpn-text { font-weight: 300; font-size: 1.1rem; line-height: 1.8; margin-bottom: 25px; color: #305082; } + +.tc-light .cpn-text { color: #97afd5; } + +.cpn-text p { color: inherit !important; font-size: inherit !important; } + +.cpn-text-center { margin-left: auto; margin-right: auto; } + +.cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } + +.cpn-text .lead, .cpn-text .lead-light { font-size: 1.25rem; font-weight: 400; line-height: 1.7; } + +.cpn-text .lead-s2 { font-size: 1.3rem; font-weight: 400; line-height: 1.7; } + +.cpn-text .lead-s3 { font-size: 1.3rem !important; font-weight: 300; line-height: 1.7; } + +.cpn-text-light .lead, .cpn-text-light .lead-light { font-weight: 300; } + +.cpn-links { padding-top: 20px; margin-top: -10px; margin-bottom: -10px; margin-left: -15px; margin-right: -15px; } + +.cpn-action .cpn-links { padding-top: 0; } + +.cpn-links li { display: inline-block; padding: 10px 15px; font-weight: 500; } + +.cpn-links-s1 { display: flex; justify-content: space-around; align-items: center; padding: 0 50px; } + +.cpn-btns + .cpn-links { padding-top: 20px; } + +.cpn-links + .cpn-btns { padding-top: 20px; } + +.cpn-boxed { padding: 20px; background: rgba(10, 18, 39, 0.6); } + +.cpn-boxed:not([class*='radius']) { border-radius: 6px; } + +.cpn-social { margin-top: 30px; } + +@media (max-width: 575px) { .cpn-title .title { font-size: 1.75rem; line-height: 1.5; } } + +@media (min-width: 576px) { .banner-gap-b3 { padding-bottom: 120px; } + .has-mask .banner-gap-b3 { padding-bottom: 160px; } + .banner-screen { bottom: -40px; width: 100%; } + .banner-screen-right { bottom: -70px; width: 360px; } + .banner-fs .banner-wrap { padding-top: 70px; padding-bottom: 70px; } } + +@media (min-width: 768px) { .banner-gfx-re-s2 { margin: -50px 0 0; } + .has-mask .banner { padding-bottom: 160px; } + .has-mask .banner-page { padding-bottom: 80px; } + .banner-gap-b1 { padding-bottom: 75px; } + .has-mask .banner-gap-b1 { padding-bottom: 125px; } + .banner-gap-b2 { padding-bottom: 125px; } + .has-mask .banner-gap-b2 { padding-bottom: 200px; } + .banner-gap-b4 { padding-bottom: 340px; } + .has-mask .banner-gap-b4 { padding-bottom: 360px; } + .banner-page .banner-wrap { padding: 80px 0; } + .is-transparent .banner-page .banner-wrap { padding-top: 60px; } + .banner-page-md { min-height: 400px; } + .banner-page-lg { min-height: 580px; } + .banner-social-wrap { margin-top: 0; } + .banner-social-vertical { right: 60px; top: 50%; transform: translateY(-50%); position: absolute; z-index: 3; padding: 20px 0; margin-top: -30px; } + .banner-social-vertical li { display: block; padding: 8px 13px; } + .banner-with-token-box-s1.banner-fs { min-height: 92vh; } + .banner-with-token-box-s1 .banner-wrap { padding-bottom: 40px; } + .cpn-text, .cpn-action { margin-top: 20px; } + .cpn-text { margin-bottom: 15px; } + .cpn-btns { padding-top: 10px; } + .cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } } + +@media (min-width: 992px) { .is-transparent .banner { padding-top: 75px; } + .banner-gfx-re-s1 { margin: 0 -80px 0 -180px; } + .banner-gfx-re-s2 { margin: -50px -280px 0 -110px; } + .banner-gfx-re-s3 { margin: 0 -150px 0 -35px; } + .banner-gfx-re-s5 { margin: 0 -305px 0 0; } + .has-mask .banner { padding-bottom: 180px; } + .has-mask .banner-page { padding-bottom: 100px; } + .banner-gap-b3 { padding-bottom: 200px; } + .has-mask .banner-gap-b3 { padding-bottom: 220px; } + .banner-gap-b4 { padding-bottom: 60px; } + .has-mask .banner-gap-b4 { padding-bottom: 80px; } + .banner-screen-right { bottom: -45px; width: 100%; } + .has-mask .banner-pd-lg { padding-bottom: 225px; padding-top: 65px; } + .banner-inner { min-height: 600px; } + .cpn { max-width: 90%; } + .banner-page .cpn { max-width: 100%; } + .cpn-head, .cpn-action, .cpn-text { margin-top: 30px; } + .banner-s1 .cpn-head { margin-top: 0; } + .cpn-text { margin-bottom: 25px; max-width: 90%; } + .banner-s1 .cpn-text { margin-top: 20px; margin-bottom: 6px; } + .banner-s2 .cpn-text { margin-top: 20px; } + .cpn-text-s1 { margin-top: 20px; margin-bottom: 12px; } + .cpn-text-s2 { max-width: 100% !important; } + .cpn-text-s3 { margin-top: 10px; } + .cpn-btns, .cpn-links { padding-top: 20px; } + .cpn-action .cpn-btns, .cpn-action .cpn-links { padding-top: 0; } + .cpn-btns + .cpn-links { padding-top: 20px; } + .cpn-links + .cpn-btns { padding-top: 20px; } + .cpn-head .title { font-size: 2.125rem; } + .cpn-head .title-sm { font-size: 1.85rem; } + .cpn-head .title-md { font-size: 2.6rem; } + .cpn-head .title-lg { font-size: 4rem; } + .cpn-head .title-lg-s2 { font-size: 3rem; } + .cpn-head .title-lg-s3 { font-size: 2rem; } + .cpn-boxed { padding: 35px; } + .cpn-social { margin-top: 50px; } + .cpn-s2 { margin-top: -122px !important; padding-top: 0; } } + +@media (min-width: 1200px) { .banner-gfx-re-s1 { margin: 0 -380px 0 -180px; } + .banner-gfx-re-s2 { margin: 0 -330px 0 -110px; } + .banner-gfx-re-s5 { margin: 0 -515px 0 0; } + .banner-gfx-re-s7 { margin: 140px -505px -183px -290px; } + .banner-gfx-re-s7 + .abs-center { right: 15px; transform: translateY(-50%); left: auto; } + .banner-gap-b3 { padding-bottom: 290px; } + .has-mask .banner-gap-b3 { padding-bottom: 320px; } + .banner-screen-right { bottom: -90px; } + .banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } } + +@media (min-width: 1600px) { .banner-caption:not([class*=wide]) { max-width: 1080px; } + .banner-gfx-re-s2 { margin: -100px -480px 0 -110px; } + .banner-fs-lg { min-height: calc(100vh - 100px); } + .has-mask .banner-pd-lg { padding-bottom: 295px; padding-top: 65px; } + .cpn-head .title-lg-s3 { font-size: 3rem; } } + +@media (max-width: 991px) and (orientation: landscape) { .banner-gfx { margin-left: auto; margin-right: auto; max-width: 390px; } } + +@media (max-width: 767px) and (orientation: landscape) { .banner-gfx { max-width: 320px; } } + +@media (min-width: 992px) and (max-width: 1200px) and (orientation: portrait) { .banner-fs { min-height: calc(65vh - 90px); } + .is-transparent .banner-fs { min-height: 60vh; } } + +@media (max-width: 420px) { .cpn-btns .btn:not(.btn-with-icon) { font-size: 11px; padding: 8px 16px; } } + +.banner-y-pd { padding-top: 100px !important; padding-bottom: 124px !important; } + +.gfx-screen { position: absolute; top: 5px; left: 44px; width: calc(100% - 91px); height: calc(100% - 25px); } + +.gfx-screen .owl-stage-outer, .gfx-screen .owl-stage, .gfx-screen .owl-item, .gfx-screen .slides { height: 100%; width: 100%; border-radius: 6px; } + +.gfx-screen .flex-control-nav { position: absolute; right: -45px; top: 50%; transform: translateY(-50%); width: auto; height: fit-content; } + +.gfx-screen .flex-control-nav li { display: block; } + +.gfx-screen .flex-control-nav li a { width: 8px; height: 8px; border-radius: 50%; margin: 10px; box-shadow: none; border-radius: 50%; background: #c4d8ed !important; } + +.gfx-screen .flex-control-nav li a.flex-active { background: #f8aa38 !important; } + +.gfx-slide, .gfx-slide-item { height: 100%; } + +.gfx-slide img { border-top-right-radius: 10px; border-top-left-radius: 10px; } + +.gfx-slide-item { width: 100%; } + +@media (min-width: 400px) { .gfx-screen { top: 8px; left: 57px; width: calc(100% - 117px); height: calc(100% - 35px); } + .gfx-screen .flex-control-nav { right: -46px; } + .banner-gfx-s2 { max-width: 350px; } } + +@media (min-width: 576px) { .gfx-screen { left: 63px; width: calc(100% - 130px); } + .gfx-screen .flex-control-nav { right: -53px; } + .banner-gfx-s2 { max-width: 100%; } } + +@media (min-width: 768px) { .gfx-screen { top: 9px; left: 73px; width: calc(100% - 150px); height: calc(100% - 44px); } + .gfx-screen .flex-control-nav { right: -65px; } } + +@media (min-width: 1200px) { .gfx-screen { top: 18px; left: 106px; width: calc(100% - 220px); height: calc(100% - 66px); } + .gfx-screen .flex-control-nav { right: -100px; } } + +@media (min-width: 1600px) { .gfx-screen { left: 135px; width: calc(100% - 279px); height: calc(100% - 81px); } + .gfx-screen .flex-control-nav { right: -128px; } } + +/** 04.06 Head */ +.section-head { position: relative; } + +.section-head:not([class*=pdb]) { padding-bottom: 40px; } + +.section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + +.section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + +.section-head p { color: #305082; } + +.tc-light .section-head p { color: #97afd5; } + +.section-head.tc-light p { color: #97afd5; } + +.section-head .title { font-weight: 700; } + +.section-head .title-thin { font-weight: 300; } + +.section-head .title:not(:last-child) { margin-bottom: .75rem; } + +.section-head .title-xs:not(:last-child) { margin-bottom: .5rem; } + +.section-head .title:before { position: absolute; left: 50%; top: 50%; content: attr(title); font-family: "Roboto", sans-serif; line-height: .9; text-transform: uppercase; white-space: nowrap; color: #202b47; transform: translate(-50%, -50%); opacity: 0.06; } + +.tc-light .section-head .title:before { opacity: 0.06; } + +.section-head .title-s4 { text-transform: uppercase; padding: 30px 0; margin-bottom: 0; opacity: 1; position: relative; } + +.section-head .title-s4.title:before { font-size: 120px !important; font-weight: 700; } + +.section-head-s2 .title:before { font-size: 48px; background-image: linear-gradient(180deg, #305082 0%, #eef3fc 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.firefox .section-head-s2 .title:before { -webkit-text-fill-color: #000; } + +.firefox .tc-light .section-head-s2 .title:before { -webkit-text-fill-color: #fff; } + +.section-head-s3 { position: relative; } + +.section-head-s3:after, .section-head-s3:before { position: absolute; left: 50%; height: 1px; width: 110px; content: ""; transform: rotate(-45deg); z-index: -1; opacity: .4; } + +.section-head-s3:before { top: 60px; margin-left: -80px; background: #f8aa38; } + +.tc-light .section-head-s3:before { background: #f8aa38; } + +.section-head-s3:after { top: 5px; margin-left: -50px; background: #f42f54; } + +.tc-light .section-head-s3:after { background: #f42f54; } + +.section-head-line { position: absolute; height: 60px; width: 60px; left: 50%; top: 10px; opacity: .2; border-radius: 50%; background: transparent; transform: rotate(45deg) translate(-50%, 0); } + +.section-head-line .line-1, .section-head-line .line-2, .section-head-line .line-3, .section-head-line .line-4, .section-head-line .line-5, .section-head-line .line-6, .section-head-line .line-7, .section-head-line .line-8 { position: absolute; content: ""; border-radius: 50%; background: transparent; border-top: 1px solid #f42f54; border-left: 1px solid #f42f54; } + +.section-head-line .line-1 { top: -15px; left: -15px; height: 90px; width: 90px; } + +.section-head-line .line-2 { top: -30px; left: -30px; height: 120px; width: 120px; } + +.section-head-line .line-3 { top: -45px; left: -45px; height: 150px; width: 150px; } + +.section-head-line .line-4 { top: -60px; left: -60px; height: 180px; width: 180px; } + +.section-head-line .line-5 { top: -75px; left: -75px; height: 210px; width: 210px; } + +.section-head-line .line-6 { top: -90px; left: -90px; height: 240px; width: 240px; } + +.section-head-line .line-7 { top: -105px; left: -105px; height: 270px; width: 270px; } + +.section-head-line .line-8 { top: -120px; left: -120px; height: 300px; width: 300px; } + +@media (min-width: 576px) { .section-head:not([class*=pdb]) { padding-bottom: 50px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + .section-head .title:not(:last-child) { margin-bottom: 1.25rem; } + .section-head .title-xs:not(:last-child) { margin-bottom: .75rem; } + .section-head-s2 .title:before { font-size: 64px; } } + +@media (min-width: 992px) { .section-head:not([class*=pdb]) { padding-bottom: 60px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 40px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-s2 .title:before { font-size: 90px; } + .section-head-s2 .title-xl:before { font-size: 124px; } } + +.t-cap { text-transform: capitalize !important; } + +/** 04.07 Features */ +.feature { margin-bottom: 30px; display: block; } + +.feature-download { margin-bottom: 0; } + +.feature.card { height: calc(100% - 30px); } + +.feature-group .feature { margin-bottom: 0; } + +.feature-group { border-radius: 6px; } + +.feature-icon { position: relative; width: 60px; margin-bottom: 15px; flex-shrink: 0; margin-right: 12px; } + +.feature-icon-md { width: 40px; } + +.feature-icon-md-s2 { width: 80px; } + +.feature-icon-xl { width: 120px; } + +.feature-icon.dot:before { position: absolute; bottom: 0; right: 0; content: ''; height: 30px; width: 30px; border-radius: 50%; background: rgba(244, 47, 84, 0.5); z-index: 4; } + +.tc-light .feature-icon .icon { color: rgba(151, 175, 213, 0.6); } + +.feature-icon .icon { position: relative; font-size: 3.75rem; color: #202b47; z-index: 5; margin-left: -5px; } + +.feature-icon .icon.icon-circle { margin-left: 0; } + +.feature-icon .icon-xs { font-size: 1rem; } + +.feature-icon .icon-md { font-size: 2.75rem; } + +.feature-icon .icon-rg { font-size: 4.35rem; } + +.feature-icon .icon-lg { font-size: 5.75rem; } + +.feature-icon .icon-lg-s2 { font-size: 5rem; padding-top: 15px; } + +.feature-icon .icon-xl { font-size: 9rem; } + +.feature-icon .icon-grd { background-image: linear-gradient(-45deg, #f42f54 0%, #1b2d59 80%, #1b2d59 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.feature-icon .icon-circle { position: relative; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #f8aa38; border-radius: 50%; background-image: linear-gradient(-45deg, #f42f54 0%, #1b2d59 80%, #1b2d59 100%); } + +.feature-icon .icon-circle:after { position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; content: ''; border-radius: 50%; background: #fff; z-index: -1; } + +.bg-theme .feature-icon .icon-circle:after { background: #0f1932; } + +.bg-theme-alt .feature-icon .icon-circle:after { background: #202b47; } + +.bg-theme-dark .feature-icon .icon-circle:after { background: #0a1227; } + +.bg-theme-dark-alt .feature-icon .icon-circle:after { background: #202f53; } + +.feature-icon-s1 { text-align: center; margin-left: 10px; margin-bottom: 40px; } + +.feature-icon-s1:after { position: absolute; content: ""; left: 50%; top: 50%; width: 62px; height: 62px; border: 2px solid rgba(32, 43, 71, 0.2); transform: translate(-50%, -50%) rotate(45deg); border-radius: 8px; } + +.tc-light .feature-icon-s1:after { border: 2px solid rgba(32, 43, 71, 0.8); } + +.feature-icon-s1 .icon { margin-left: 0; line-height: 48px; } + +.feature-icon-s5 { width: 60px; height: 60px; text-align: center; line-height: 63px; border-radius: 50%; margin-bottom: 0; } + +.feature-icon-s5 .icon { font-size: 1rem; width: 40px; height: 40px; background: #fff; line-height: 40px; border-radius: 50%; text-align: center; border: 1px solid; border-color: currentColor; margin-left: 0; } + +.tc-light .feature-icon-s5 .icon { border-width: 0; } + +.feature-icon-s5-1 { background: rgba(32, 43, 71, 0.2); } + +.tc-light .feature-icon-s5-1 { background: rgba(32, 43, 71, 0.6); } + +.feature-icon-s5-1 .icon { color: #202b47; background: linear-gradient(-90deg, #fff 0%, #617ab8 100%); } + +.tc-light .feature-icon-s5-1 .icon { color: #202b47; } + +.feature-icon-s5-2 { background: rgba(248, 170, 56, 0.2); } + +.tc-light .feature-icon-s5-2 { background: rgba(248, 170, 56, 0.4); } + +.feature-icon-s5-2 .icon { color: #f8aa38; background: linear-gradient(-90deg, #fff 0%, #fef4e4 100%); } + +.tc-light .feature-icon-s5-2 .icon { color: #f8aa38; } + +.feature-icon-s5-3 { background: rgba(244, 47, 84, 0.2); } + +.tc-light .feature-icon-s5-3 { background: rgba(244, 47, 84, 0.4); } + +.feature-icon-s5-3 .icon { color: #f42f54; background: linear-gradient(-90deg, #fff 0%, #fdd9df 100%); } + +.tc-light .feature-icon-s5-3 .icon { color: #f42f54; } + +.feature-icon-s5-4 { background: rgba(230, 96, 74, 0.2); } + +.tc-light .feature-icon-s5-4 { background: rgba(230, 96, 74, 0.4); } + +.feature-icon-s5-4 .icon { color: #e97460; background: linear-gradient(-90deg, #fff 0%, #fceae7 100%); } + +.tc-light .feature-icon-s5-4 .icon { color: #e97460; } + +.feature-icon-s6 { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(to right, #f42f54 0%, #f8aa38 100%); text-align: center; line-height: 60px; } + +.feature-icon-s6 .icon { font-size: 40px; color: #fff; opacity: 0.8; line-height: 60px; margin-left: 0; } + +.tc-light .feature-icon-s6 .icon { color: #fff; } + +.feature-icon-s6-bg { width: 60px; height: 60px; border-radius: 50%; background: rgba(244, 47, 84, 0.2); text-align: center; line-height: 60px; } + +.feature-icon-s6-bg .icon { font-size: 40px; color: #f42f54; line-height: 60px; margin: 0 auto; } + +.feature-icon-s7 { width: 65px; height: 65px; border-radius: 50%; text-align: center; line-height: 65px; background: #f42f54; } + +.feature-icon-s7 .icon { font-size: 30px; margin-left: 0; line-height: inherit; color: #fff; } + +.tc-light .feature-icon-s7 .icon { color: #fff; } + +.feature-icon-s8 { width: 90%; } + +.text-center .feature-icon-s8 { margin-left: auto; margin-right: auto; } + +.feature-icon-auto { width: auto; } + +.feature-icon-lg { width: 160px; margin-top: -15px; margin-bottom: 5px !important; } + +.feature-icon-lg-s1 { width: 110px; margin-top: -10px; margin-bottom: 5px !important; } + +.feature-icon-lg-s2 { width: 130px; margin-top: -12px; margin-bottom: 5px !important; } + +.feature-icon-lg-s3 { width: 95px; margin-top: -8px; margin-bottom: 20px !important; } + +.feature-icon-lg + .feature-text-s8 { padding-top: 25px; } + +.feature-icon-sm { width: 60px; } + +.feature-icon-bg { margin: 0; position: absolute; right: -15px; bottom: -15px; width: 121px; height: 121px; margin: 0; background: rgba(244, 47, 84, 0.15); border-radius: 50%; box-shadow: 0px 0px 0px 10px rgba(244, 47, 84, 0.06); text-align: center; line-height: 104px; } + +.feature-icon-bg img { max-width: 60px; } + +.feature-icon-bg-grd { background-position: center center; background-size: contain; min-height: 135px; min-width: 230px; text-align: center; display: flex; align-items: center; justify-content: center; } + +.feature-icon-bg-grd-s1 { background-image: url(../../images/icons/icon-bg-a.png); } + +.feature-icon-bg-grd-s1 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s2 { background-image: url(../../images/icons/icon-bg-a2.png); } + +.feature-icon-bg-grd-s2 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s3 { background-image: url(../../images/icons/icon-bg-a3.png); } + +.feature-icon-bg-grd-s3 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-inline { display: flex; } + +.feature-inline.card { flex-direction: row; } + +.feature-middle { align-items: center; } + +.feature-middle .feature-icon { margin-bottom: 0; margin-right: 15px; display: inline-flex; align-items: center; } + +.feature-img { border-radius: 4px; } + +.feature-image { padding-bottom: 15px; } + +.feature-image img { height: 55px; width: auto !important; } + +.feature-center .feature-image img { margin-left: auto; margin-right: auto; } + +.feature-text p:last-child { margin-bottom: 0; } + +.feature-text-s8 .title-s5 { margin-bottom: 20px; } + +.feature-text-s1 .title-xs-alt { color: #202b47; line-height: 1.4; display: inline-block; } + +.feature-center { text-align: center; } + +.feature-center .feature-icon { margin-left: auto; margin-right: auto; } + +.feature-center .feature-icon .icon { margin-left: 0; } + +.feature-s1 { display: flex; margin-bottom: 0; align-items: center; padding-right: 20px; } + +.feature-s1.boxed { height: 100%; border-radius: 4px; } + +.feature-s1.bordered { border: 2px solid rgba(32, 43, 71, 0.2); } + +.feature-s1-1.bordered { border-color: rgba(32, 43, 71, 0.2); } + +.feature-s1-2.bordered { border-color: rgba(248, 170, 56, 0.2); } + +.feature-s1-3.bordered { border-color: rgba(244, 47, 84, 0.2); } + +.feature-s1-4.bordered { border-color: rgba(230, 96, 74, 0.2); } + +.feature-s3 { margin-bottom: 0; } + +.feature-s3.card { padding: 30px 30px 40px; margin-bottom: 0; height: 100%; } + +.feature-s3-alt { position: relative; padding: 0; padding-bottom: 25px !important; } + +.feature-s3-alt .title-md { margin-bottom: 0.6rem; } + +.feature-s3-alt:not(:last-child):before { position: absolute; content: ""; left: 30px; top: 20px; width: 1px; background: #f42f54; height: 100%; } + +.feature-s4 .title { padding-top: 15px; } + +.feature-s6 { margin-bottom: 0; } + +.feature-s7 { margin-bottom: 50px; } + +.feature-s8.card { height: calc(100% - 40px); } + +.feature-s8-alt { padding-top: 50px; margin-top: 50px; } + +.feature-s8-alt .feature-icon { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); } + +.feature-s8-alt.card { height: calc(100% - 90px); } + +.feature-s10 { padding: 30px 30px 30px 25px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); } + +.feature-s10-left { margin-right: 20px; padding-bottom: 60px; } + +.feature-s10-right { margin-left: 20px; margin-top: -35px; } + +.feature-s10 .title-sm { margin-bottom: 1.2rem; } + +.feature-s11 { flex-wrap: wrap; align-items: flex-start; margin-bottom: 0; } + +.feature-s11 .list { margin-left: 20px; } + +.feature-s12 { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; } + +.feature-slider-dots { display: flex; justify-content: center; margin-bottom: 40px; } + +.feature-slider-dot { position: relative; height: 46px; width: 46px; flex-grow: 0; flex-shrink: 0; border-radius: 4px; padding: 5px; text-align: center; background: #a992ea; cursor: pointer; color: #6a55ea; box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15); transition: all .4s ease; margin: 0 8px; border: none; } + +.tc-light .feature-slider-dot { background: #9e90f1; } + +.feature-slider-dot:focus, .feature-slider-dot:active { outline: none; } + +.feature-slider-dot.active { background: #6a55ea; } + +.feature-slider-dot:after { position: absolute; top: 50%; left: 100%; height: 2px; content: ''; width: 100%; background: url(../images/line.png) repeat 0 0; z-index: -1; animation: slide 1s linear infinite; } + +.feature-slider-dot:last-child:after { display: none; } + +.feature-slider-dot:nth-child(2) { color: #2bc9b4; background: #def7f3; } + +.tc-light .feature-slider-dot:nth-child(2) { background: #8de7db; } + +.feature-slider-dot:nth-child(2).active { background: #2bc9b4; } + +.feature-slider-dot:nth-child(3) { color: #49adf3; background: #dbeffd; } + +.tc-light .feature-slider-dot:nth-child(3) { background: #9fd4f9; } + +.feature-slider-dot:nth-child(3).active { background: #49adf3; } + +.feature-slider-dot:nth-child(4) { color: #f2801c; background: #fce6d2; } + +.tc-light .feature-slider-dot:nth-child(4) { background: #f9c395; } + +.feature-slider-dot:nth-child(4).active { background: #f2801c; } + +.feature-slider-dot:nth-child(5) { color: #ea64c6; background: #fbe0f4; } + +.tc-light .feature-slider-dot:nth-child(5) { background: #f29edb; } + +.feature-slider-dot:nth-child(5).active { background: #ea64c6; } + +.feature-slider-dot .ikon { font-size: 28px; line-height: 35px; width: 35px; border-radius: 50%; background: #fff; display: block; } + +.feature-slider-dot-s1 { border-radius: 50%; padding: 0; } + +.feature-slider-dot-s1.active:before { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(132, 132, 164, 0.35); animation: 1.5s linear 0s normal none infinite focuse; } + +.feature-slider-dot-s1.active .ikon { background: transparent; color: #fff; } + +.feature-slider-dot-s1 .ikon { line-height: 46px; width: 46px; } + +.feature-document { padding: 0 27px; max-width: 280px; margin-left: auto; margin-right: auto; } + +.feature-document-s2 { margin: 0 0 20px 20px; position: relative; border-radius: 6px; min-height: 140px; padding: 25px 20px 20px 95px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); } + +.tc-light .feature-document-s2 { background: #202b47; } + +.feature-document-img { padding-right: 25px; position: relative; z-index: 1; } + +.feature-document-img-s2 { position: absolute; top: 20px; left: -20px; width: 100px; } + +.feature-document-img-s2 img { border-radius: 4px; } + +.feature-document-img img { border: 2px solid #fff; box-shadow: 0px 0px 12px 0px rgba(244, 47, 84, 0.15); position: relative; z-index: 2; border-radius: 5px; } + +.tc-light .feature-document-img img { border-width: 0; box-shadow: 0px 0px 12px 0px rgba(10, 18, 39, 0.25); } + +.feature-document-img:before { position: absolute; right: 0; content: ''; top: 40px; width: 40px; height: calc(100% - 70px); z-index: 1; background: #fff; box-shadow: 0px 5px 20px 0px rgba(244, 47, 84, 0.07); z-index: -1; } + +.tc-light .feature-document-img:before { background: rgba(244, 47, 84, 0.75); box-shadow: 0px 5px 20px 0px rgba(10, 18, 39, 0.15); } + +.feature-document-text { justify-content: space-between; display: flex; padding-top: 18px; align-items: center; } + +.feature-document-text-s2 { color: #305082; margin-bottom: 14px; font-weight: 600; } + +.tc-light .feature-document-text-s2 { color: #fff; } + +.feature-document-text .drop-wrap { padding-bottom: 5px; } + +.feature-document-info span { display: block; line-height: 1; font-size: 13px; font-weight: 400; opacity: .5; } + +.feature-document-link { display: block; margin-top: 6px; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; color: #fff; background: #f8aa38; } + +.feature-document-link:hover, .feature-document-link:active, .feature-document-link:focus { background: #f42f54; color: #fff; } + +.tc-light .feature-document-link:hover, .tc-light .feature-document-link:active, .tc-light .feature-document-link:focus { background: #f42f54; color: #fff; } + +.feature-document-link-s2 li { display: inline-block; margin: 0 2px 5px; } + +.feature-document-link-s2 li a { padding: 0 10px; display: inline-block; line-height: 21px; border: 2px solid #eef3fc; border-radius: 4px; font-size: .86em; font-weight: 500; color: #f42f54; } + +.tc-light .feature-document-link-s2 li a { color: #eef3fc !important; border: 2px solid #fff; } + +.feature-reverse { flex-direction: row-reverse; text-align: right; } + +.feature-serial { font-size: 100px; font-weight: 700; line-height: normal; color: rgba(45, 63, 95, 0.2); } + +@keyframes focuse { 0% { transform: scale(0.8); + opacity: 1; } + 75% { transform: scale(1.2); + opacity: 0; } + 100% { transform: scale(1.2); + opacity: 0; } } + +@keyframes slide { from { background-position: 0 0; } + to { background-position: 40px 0; } } + +.boxed { padding: 15px 20px; } + +.boxed-xs { padding: 18px; } + +.boxed-sm { padding: 30px 25px; } + +.boxed-lg { padding: 30px 25px; } + +.boxed-xl { padding: 30px 25px; } + +@media (max-width: 575px) { .boxed.contact-form { padding: 20px; } + .feature-icon-s8 img { max-width: 220px; } } + +@media (min-width: 480px) { .feature-s10 { padding: 40px 90px 50px 35px; } + .feature-s10-left { margin-right: 45px; padding-bottom: 90px; } + .feature-s10-right { margin-left: 45px; margin-top: -45px; } + .feature-s11 { flex-wrap: nowrap; } } + +@media (min-width: 576px) { .feature.card { height: calc(100% - 30px); } + .feature-icon { margin-bottom: 20px; margin-right: 20px; } + .card-s3 .feature-icon { margin-right: 30px; } + .feature-sm-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-icon-s1 { margin-bottom: 40px; } + .feature-icon-s5 { margin-bottom: 0; } + .feature-icon-s7 { margin-right: 30px; } + .feature-sm-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-icon-bg { right: -40px; bottom: -40px; } + .has-rtl .feature-icon-bg { right: auto; left: -40px; } + .feature-icon-bg-grd { margin-bottom: 35px; } + .feature-s2 { display: flex; align-items: flex-start; } + .feature-s3 { margin-bottom: 0; padding: 0 30px; } + .feature-s3.card { margin-bottom: 0; height: 100%; } + .feature-s3-alt { padding: 0; } + .feature-s6 { padding-bottom: 145px; } + .feature-s6:before, .feature-s6:after { position: absolute; left: 50%; content: ''; transform: translateX(-50%); } + .feature-s6:before { bottom: 0; width: 2px; height: 95px; background: #dbe4f7; border-radius: 2px; } + .tc-light .feature-s6:before { background: rgba(255, 255, 255, 0.8); } + .feature-s6:after { bottom: 94px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #dbe4f7; background: #f42f54; } + .tc-light .feature-s6:after { border-color: #fff; } + .feature-s8.card { height: calc(100% - 40px); } + .feature-s8-alt.card { height: calc(100% - 80px); } + .feature-s12 { flex-wrap: nowrap; } + .feature-slider-dot { height: 76px; width: 76px; padding: 10px; margin: 0 20px; } + .feature-slider-dot .ikon { font-size: 38px; line-height: 56px; width: 56px; } + .feature-slider-dot-s1 { padding: 0; } + .feature-slider-dot-s1 .ikon { font-size: 48px; line-height: 76px; width: 76px; } + .feature-sm-reverse { flex-direction: row-reverse; text-align: right; } + .boxed { padding: 40px 50px; } + .boxed-xs { padding: 18px; } + .boxed-sm { padding: 35px 25px; } + .boxed-md { padding: 40px 30px; } + .boxed-lg { padding: 45px 40px; } + .feature-icon-lg-s3 { margin-bottom: 5px !important; } } + +.link-feature-s1 { position: absolute; bottom: -40px; left: 50%; opacity: 0; transform: translate(-50%, 0); } + +.feature:hover .link-feature-s1 { bottom: -25px; opacity: 1; } + +@media (min-width: 768px) { .feature-s10 { padding: 40px 45px 50px 35px; } + .feature-s10-left { margin-right: -22.5px; margin-top: 60px; padding-bottom: 50px; } + .feature-s10-right { margin-left: -22.5px; margin-bottom: 60px; margin-top: 0; } + .feature-carousel-s1 .owl-nav { position: absolute; bottom: 35px; right: 15px; } + .feature-md-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-md-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-md-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (min-width: 992px) { .feature-s6-1 { padding-top: 197px; } + .feature-s6-2 { padding-top: 73px; } + .feature-s6-3 { padding-top: 0; } + .feature-s6-4 { padding-top: 184px; } + .feature-s10 { padding: 40px 240px 50px 50px; } + .feature-s10-left { margin-right: -95px; margin-top: 80px; } + .feature-s10-right { margin-left: -95px; } + .feature-text-s2 { padding: 0 0 0 45px; } + .feature-text-wd p { width: 72%; } + .feature-s11 { margin-top: 15px; margin-bottom: 15px; } + .feature-s12 { align-items: flex-start; } + .feature-lg-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-lg-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-lg-reverse { flex-direction: row-reverse; text-align: right; } + .boxed-xs { padding: 18px; } + .boxed-md { padding: 45px 40px; } + .boxed-lg { padding: 55px 60px; } + .boxed-xl { padding: 65px 60px; } } + +@media (min-width: 1200px) { .feature-text-s2 { padding: 0 65px 0 45px; } + .feature-text-wd p { width: 60%; } + .feature-xl-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-xl-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-xl-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (max-width: 991px) { .feature-icon-s1 { margin: 0 auto 40px; } } + +.feature-icon-btc .icon { color: #ffba00; } + +.feature-icon-eth .icon { color: #6a7aa2; } + +.feature-icon-ltc .icon { color: #adadad; } + +.feature-icon-xrp .icon { color: #2f3135; } + +.feature-icon-dash .icon { color: #1174bc; } + +.feature-icon-monero .icon { color: #ff6600; } + +.feature-currency .title { color: #305082 !important; } + +.feature-pd-lg { padding: 50px 30px; } + +.owl-item.active .feature { opacity: 0.8 !important; } + +.owl-item.active.center .feature { transition: 0.3s; opacity: 1 !important; } + +.feature-img-xl { max-width: 176px; margin: 0 auto; } + +@media (min-width: 992px) { .feature.center-lg { transform: scale(1.2); } } + +/** 04.08 Roadmap */ +.roadmap { position: relative; z-index: 10; padding-bottom: 30px; } + +.roadmap-carousel .roadmap { padding-bottom: 0; } + +.roadmap-s1:before, .roadmap-s1:after { position: absolute; content: ""; left: -1px; height: 50%; border-left-width: 3px; border-left-style: solid; border-color: #dbe4f7; } + +.tc-light .roadmap-s1:before, .tc-light .roadmap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + +.roadmap-s1:before { height: 45px; top: 0; } + +.flex-row-reverse .roadmap-s1:before { right: auto; } + +.roadmap-s1:after { height: calc(100% - 45px); right: auto; top: 45px; } + +.roadmap-s1-alt:before, .roadmap-s1-alt:after { left: 1px; border-left-width: 1px; border-left-style: dashed; } + +.tc-light .roadmap-s1-alt:before, .tc-light .roadmap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + +.flex-row-reverse .roadmap-s1-alt:before, .flex-row-reverse .roadmap-s1-alt:after { right: auto; left: 1px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-current:before { top: 0; } + +.roadmap-s1-alt.roadmap-done:after, .roadmap-s1-alt.roadmap-current:after { top: 45px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1-alt.roadmap-current:before { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1.roadmap-done:before, .roadmap-s1.roadmap-done:after { border-color: #f42f54; } + +.roadmap-s1.roadmap-current:before { border-color: #f42f54; } + +.roadmap-s2 { text-align: center; } + +.roadmap-s2:before, .roadmap-s2:after { position: absolute; content: ''; transition: width .3s; } + +.roadmap-s2:before { width: 0; height: 4px; background: #f42f54; left: 0; top: 55px; } + +.tc-light .roadmap-s2:before { background: #f42f54; } + +.roadmap-s2:after { left: 50%; top: 49px; transform: translateX(-50%); height: 16px; width: 16px; border-radius: 50%; border: 3px solid #dbe4f7; background: #fff; } + +.tc-light .roadmap-s2:after { border-color: #5b77a3; background: #0f1932; } + +.roadmap-s2.roadmap-finished:after, .roadmap-s2.roadmap-running:after { background: #f42f54; border: 2px solid #fff; } + +.tc-light .roadmap-s2.roadmap-finished:after, .tc-light .roadmap-s2.roadmap-running:after { background: #f42f54; border-color: #fff; } + +.roadmap-s2.roadmap-finished:before { width: 100%; } + +.roadmap-s2.roadmap-running:before { width: 50%; } + +.roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(248, 170, 56, 0.1); } + +.tc-light .roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1); } + +.roadmap-s5 { width: 100%; } + +.roadmap-s5:last-child { padding-bottom: 30px; } + +.roadmap-s6 { padding-top: 65px; margin-top: 15px; } + +.roadmap-s6:before { position: absolute; content: ""; top: 0; left: -6px; width: calc(100% + 30px); height: 1px; z-index: 2; background: #fff; } + +.roadmap-s6:after { position: absolute; content: ""; top: 0; right: 50%; width: 19px; height: 19px; z-index: 3; border: 1px solid #fff; border-radius: 50%; transform: translate(50%, -50%); background: #fff; } + +.tc-light .roadmap-s6:after { background: #0f1932; } + +.roadmap-s6.roadmap-done:after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; line-height: 17px; text-align: center; color: #fff; background: #39d884; } + +.roadmap-s6-1-2:before { background: linear-gradient(90deg, #f42f54 0%, #f8aa38 100%); } + +.roadmap-s6-1-2:after { border-color: #f8aa38; } + +.roadmap-s6-1-2 .roadmap-head-s6:after { background: #f8aa38; } + +.roadmap-s6-2-1:before { background: linear-gradient(90deg, #f8aa38 0%, #f42f54 100%); } + +.roadmap-s6-2-1:after { border-color: #f42f54; } + +.roadmap-s6-2-1 .roadmap-head-s6:after { background: #f42f54; } + +.roadmap-s6-2-3:before { background: linear-gradient(90deg, #f8aa38 0%, #202b47 100%); } + +.roadmap-s6-2-3:after { border-color: #202b47; } + +.roadmap-s6-2-3 .roadmap-head-s6:after { background: #202b47; } + +.roadmap-s6-3-2:before { background: linear-gradient(90deg, #202b47 0%, #f8aa38 100%); } + +.roadmap-s6-3-2:after { border-color: #f8aa38; } + +.roadmap-s6-3-2 .roadmap-head-s6:after { background: #f8aa38; } + +.roadmap-s6-3-1:before { background: linear-gradient(90deg, #202b47 0%, #f42f54 100%); } + +.roadmap-s6-3-1:after { border-color: #f42f54; } + +.roadmap-s6-3-1 .roadmap-head-s6:after { background: #f42f54; } + +.roadmap-s6-1-3:before { background: linear-gradient(90deg, #f42f54 0%, #202b47 100%); } + +.roadmap-s6-1-3:after { border-color: #202b47; } + +.roadmap-s6-1-3 .roadmap-head-s6:after { background: #202b47; } + +.roadmap-slider { position: relative; } + +.roadmap-text { max-width: 265px; margin-left: auto; margin-right: auto; } + +.roadmap-wrap { position: relative; padding: 40px 0 10px; margin-bottom: 40px; max-width: 430px; margin-left: auto; margin-right: auto; } + +.nk-block-left .roadmap-wrap { margin-left: 0; margin-right: 0; } + +.roadmap-wrap:before, .roadmap-wrap:after { position: absolute; content: ''; top: 0; bottom: 0; z-index: 7; } + +.roadmap-wrap-ovl-right:after { right: 0; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-light .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(240, 247, 252, 0.8) 25%, #f0f7fc 60%, #f0f7fc 100%); } + +.bg-light-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(223, 234, 245, 0.8) 25%, #dfeaf5 60%, #dfeaf5 100%); } + +.bg-white .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-theme .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(15, 25, 50, 0.8) 25%, #0f1932 60%, #0f1932 100%); } + +.bg-theme_alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(32, 43, 71, 0.8) 25%, #202b47 60%, #202b47 100%); } + +.bg-theme-dark .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(10, 18, 39, 0.8) 25%, #0a1227 60%, #0a1227 100%); } + +.bg-theme-dark-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(32, 47, 83, 0.8) 25%, #202f53 60%, #202f53 100%); } + +.roadmap-wrap-s1 { padding-bottom: 0; padding-top: 0; max-width: 90%; } + +.roadmap-wrap-s5 { display: flex; flex-wrap: wrap; padding: 40px 0 0; } + +.roadmap-wrap-s5:before { position: absolute; content: ""; left: 0; width: 1px; height: calc(100% + 30px); background: #f42f54; } + +.roadmap-line { position: absolute; left: 19px; top: 0; background: #c1cef1; height: 100%; width: 2px; content: ''; z-index: 9; } + +.roadmap-line:after, .roadmap-line:before { position: absolute; background: #c1cef1; height: 10px; width: 10px; border-radius: 50%; content: ''; left: -4px; } + +.roadmap-line:before { top: 0; } + +.roadmap-line:after { bottom: 0; } + +.tc-light .roadmap-line { background: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-line:after, .tc-light .roadmap-line:before { background: #f42f54; } + +.bg-theme-dark .roadmap-line { background: #202b47; } + +.bg-theme-dark .roadmap-line:after, .bg-theme-dark .roadmap-line:before { background: #f42f54; } + +.bg-theme .roadmap-line { background: #202b47; } + +.bg-theme .roadmap-line:after, .bg-theme .roadmap-line:before { background: #f42f54; } + +.roadmap-line-s2 { position: absolute; width: 100%; height: 4px; background: #dbe4f7; content: ''; top: 95px; border-radius: 2px; left: 0; } + +.tc-light .roadmap-line-s2 { background: #5b77a3; } + +.roadmap-line-s3:before, .roadmap-line-s3:after { display: none; } + +.roadmap-year { border-radius: 50%; color: #fff; background: #0f1932; height: 50px; width: 50px; text-align: center; line-height: 50px; font-weight: 700; font-size: 12px; position: relative; left: -5px; } + +.tc-light .roadmap-year { background: #0a1227; } + +.bg-theme .roadmap-year, .bg-theme-dark .roadmap-year { background: #0a1227; } + +.roadmap-year-s2 { padding-bottom: 65px; } + +.roadmap-step { border: 2px solid #dbe4f7; border-radius: 5px; position: relative; margin-left: 50px; padding: 20px 20px 15px; position: relative; max-width: 380px; } + +.bg-light .roadmap-step { background: #fff; } + +.roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + +.roadmap-step:before { height: 18px; width: 18px; border-radius: 50%; border: 5px solid #fff; background: #0f1932; left: -41px; top: 34px; z-index: 1; } + +.roadmap-step:after { height: 2px; width: 22px; background: #dbe4f7; left: -22px; top: 42px; } + +.roadmap-step p:last-child { margin-bottom: 0; } + +.roadmap-step-list li:before { background: #305082; } + +.tc-light .roadmap-step-list li:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-step-list-s1 li { list-style: none; padding: 8px 0; position: relative; } + +.roadmap-step-list-s1 li:after { position: absolute; content: ""; left: 10px; bottom: 0; width: 20px; height: 1px; transform: translateX(-50%); background: currentColor; } + +.roadmap-step-list-s1 li:last-child:after { display: none; } + +.tc-light .roadmap-step { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-step:before { background: #f42f54; } + +.tc-light .roadmap-step:after { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); } + +.bg-theme .roadmap-step, .bg-theme-dark .roadmap-step { background: #202f53; border-color: #202b47; } + +.bg-theme .roadmap-step:before, .bg-theme-dark .roadmap-step:before { background: #f42f54; border-color: #0f1932; } + +.bg-theme .roadmap-step:after, .bg-theme-dark .roadmap-step:after { background: #202b47; border-color: #202b47; } + +.bg-theme-dark .roadmap-step:before { border-color: #0a1227; } + +.bg-theme-alt .roadmap-step:before { border-color: #202b47; } + +.bg-light .roadmap-step:before { border-color: #f0f7fc; } + +.has-bg-image .roadmap-step:before { border-color: transparent; } + +.roadmap-step-s1 { margin-left: 0; border: none; padding-top: 0; padding-right: 25px; padding-left: 25px; z-index: 1; max-width: 100%; } + +.bg-light .roadmap-step-s1 { background: transparent; } + +.bg-theme .roadmap-step-s1, .bg-theme-dark .roadmap-step-s1, .tc-light .roadmap-step-s1 { background: transparent; } + +.roadmap-step-s1:before { display: none; } + +.roadmap-step-s1:after { width: 38px !important; left: 0 !important; height: 0; top: 49px; z-index: -1; background: none !important; border-top: 1px solid; border-color: #dbe4f7; } + +.roadmap-s1-alt .roadmap-step-s1:after { border-top-style: dashed; } + +.roadmap-step-s3 { margin-left: 0; border: none; padding: 0px 23px 30px; } + +.tc-light .roadmap-step-s3 { background: transparent; } + +.roadmap-step-s3:before { display: none; } + +.roadmap-step-s3:after { height: 60px; left: 50%; width: 2px; top: 75px; } + +.roadmap-step-s5 { margin: 0; background-color: transparent !important; border: none; padding-top: 0; padding-bottom: 0; } + +.roadmap-step-s5:before, .roadmap-step-s5:after { display: none; } + +.roadmap-head { margin-bottom: 10px; padding-right: 35px; position: relative; } + +.roadmap-finished .roadmap-head:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; line-height: 32px; border-radius: 50%; text-align: center; color: #fff; background: #f8aa38; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: .88rem; content: '\f00c'; } + +.roadmap-head-s1 { padding-right: 0; margin-bottom: 0; line-height: 1.6; } + +.roadmap-head-s3 { padding-bottom: 120px; margin-bottom: 0; padding-right: 0; } + +.roadmap-head-s5 { padding: 0; } + +.roadmap-head-s5:after { display: none; } + +.roadmap-head-s6 { padding-left: 0; padding-right: 0; } + +.roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: 50%; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + +.roadmap-time { display: block; color: #0f1932; font-size: 13px; text-transform: uppercase; } + +.tc-light .roadmap-time { color: rgba(255, 255, 255, 0.8); } + +.roadmap-time-s1 { padding-bottom: 27px; line-height: 26px; width: 100%; display: inline-block; font-weight: 700; font-size: 0.81rem; position: relative; color: #8ca2e5; line-height: 25px; } + +.roadmap-time-s1:after, .roadmap-time-s1:before { position: absolute; content: ""; left: -24px; border-radius: 50%; } + +.roadmap-time-s1:after { bottom: -2px; width: 11px; height: 11px; margin-left: -5.5px; margin-top: -5.5px; background: #f42f54; } + +.tc-light .roadmap-time-s1:after { background: #fff; } + +.roadmap-time-s1:before { bottom: -10px; width: 27px; height: 27px; margin-left: -13.5px; margin-top: -13.5px; } + +.roadmap-done .roadmap-time-s1:before, .roadmap-current .roadmap-time-s1:before { background: rgba(244, 47, 84, 0.23); } + +.tc-light .roadmap-done .roadmap-time-s1:before, .tc-light .roadmap-current .roadmap-time-s1:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-time-s3 { color: #8ca2e5; } + +.roadmap-time-s3:before { position: absolute; left: 50%; transform: translateX(-50%); content: '\f1da'; border-radius: 50%; font-family: "Font Awesome 5 Free"; font-weight: 600; box-shadow: 0px 2px 7px 0px rgba(244, 47, 84, 0.1); top: 32px; background: linear-gradient(-90deg, #fff 0%, #fef1f3 100%); border: 1px solid rgba(244, 47, 84, 0.2); height: 32px; line-height: 32px; width: 32px; color: #8ca2e5; z-index: 1; font-size: 13px; } + +.tc-light .roadmap-time-s3:before { color: rgba(255, 255, 255, 0.8); background: linear-gradient(-90deg, #0f1932 0%, #1b2d59 100%); border-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 2px 7px 0px rgba(255, 255, 255, 0.1); } + +.roadmap-done .roadmap-time-s3:before { content: '\f00c'; } + +.roadmap-running .roadmap-time-s3:before { content: '\f021'; } + +.roadmap-s3-1 .roadmap-time-s3:before { content: ''; background: rgba(244, 47, 84, 0.5); border: none; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:before { background: rgba(233, 12, 54, 0.5); } + +.roadmap-s3-1 .roadmap-time-s3:after { position: absolute; left: 50%; top: 40px; transform: translateX(-50%); border-radius: 50%; content: ''; background: #f42f54; height: 16px; width: 16px; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:after { background: #e90c36; } + +.roadmap-time-s5 { font-weight: 600; text-transform: capitalize; font-size: 1rem; color: #f42f54; } + +.roadmap-time-s5:not(:last-child) { padding-bottom: 10px; } + +.roadmap-time-s5:after { position: absolute; height: 19px; width: 19px; border: 1px solid #f42f54; background: #f42f54; top: 2px; left: -29px; border-radius: 50%; content: ''; } + +.roadmap-finished .roadmap-time-s5:after { background: #f0f7fc; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 10px; text-align: center; line-height: 18px; color: #f8aa38; } + +.tc-light .roadmap-finished .roadmap-time-s5:after { color: #f8aa38; background: #0f1932; } + +.roadmap-time-s6 { text-transform: none; } + +.roadmap-title { color: #8ca2e5; font-weight: 700; font-size: 16px; } + +.tc-light .roadmap-title { color: #fff; } + +.roadmap-title-s1 { padding-top: 25px; display: inline-block; font-size: 1rem; font-weight: 500; line-height: 1.6; color: #305082; } + +.roadmap-title-s2 { position: relative; font-size: 1rem; font-weight: 500; color: #f42f54; top: -10px; } + +.tc-light .roadmap-title-s2 { color: rgba(255, 255, 255, 0.8); } + +.roadmap-title-s2:before { position: absolute; content: ''; left: -25px; top: 1px; transform: translate(-50%, 0); height: 15px; width: 15px; border-radius: 50%; background: #f42f54; border: 1px solid #f42f54; } + +.roadmap-done .roadmap-title-s2:before { height: 19px; width: 19px; font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900; font-size: 9px; line-height: 18px; text-align: center; color: #39d884; background: #fff; } + +.tc-light .roadmap-done .roadmap-title-s2:before { color: #fff; background: #0f1932; } + +.bg-theme .roadmap-done .roadmap-title-s2:before { background: #0f1932; } + +.bg-theme-alt .roadmap-done .roadmap-title-s2:before { background: #202b47; } + +.bg-theme-dark .roadmap-done .roadmap-title-s2:before { background: #0a1227; } + +.bg-theme-dark-alt .roadmap-done .roadmap-title-s2:before { background: #202f53; } + +.roadmap-carousel { padding: 0 40px; } + +.roadmap-carousel:after, .roadmap-carousel:before { position: absolute; height: 12px; width: 12px; border-radius: 50%; content: ''; top: 42px; background: #dbe4f7; } + +.tc-light .roadmap-carousel:after, .tc-light .roadmap-carousel:before { background: #202b47; } + +.roadmap-carousel .owl-nav { position: absolute; left: -30px; top: 23px; font-size: 36px; font-weight: 400; width: calc(100% + 60px); opacity: 0.3; } + +.roadmap-carousel .owl-nav .owl-next { right: -30px; } + +.roadmap-carousel .owl-nav .owl-prev { left: -30px; } + +.roadmap-carousel .owl-nav .owl-next, .roadmap-carousel .owl-nav .owl-prev { top: -30px; position: absolute; z-index: 2; height: 52px; width: 52px; font-size: 36px; line-height: 52px; text-align: center; color: #f42f54; transform: translateY(50%); } + +.roadmap-carousel:after { right: 0; } + +.roadmap-carousel:before { left: 0; } + +.roadmap-carousel-s2:after, .roadmap-carousel-s2:before { height: 1px; width: 85px; border-radius: 0; top: 15px; z-index: 4; } + +.roadmap-carousel-s2:before { background: linear-gradient(90deg, #dfeaf5 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme .roadmap-carousel-s2:before { background: linear-gradient(90deg, #0f1932 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #202b47 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark .roadmap-carousel-s2:before { background: linear-gradient(90deg, #0a1227 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #202f53 0%, rgba(0, 0, 0, 0) 100%); } + +.roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #dfeaf5 100%); } + +.bg-theme .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #0f1932 100%); } + +.bg-theme-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #202b47 100%); } + +.bg-theme-dark .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #0a1227 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #202f53 100%); } + +.roadmap-carousel-s2:after { right: 40px; } + +.roadmap-carousel-s2:before { left: 40px; } + +.roadmap-carousel-container { position: relative; } + +.roadmap-carousel-container:before { position: absolute; content: ""; left: 0; top: 47px; width: 100%; height: 2px; background: #dbe4f7; } + +.tc-light .roadmap-carousel-container:before { background: #202b47; } + +.roadmap-carousel-nav-s2 .owl-nav { width: calc(100% + 80px); top: 26px; opacity: 1; } + +.roadmap-carousel-nav-s2 .owl-nav button { border: none !important; } + +.roadmap-carousel-nav-s2 .owl-nav button:after { font-size: 36px; line-height: 52px; color: #dbe4f7; } + +.roadmap-carousel-nav-s2.roadmap-carousel-s2 .owl-nav { top: -7px; left: 0; width: calc(100% + 20px); } + +.roadmap-carousel:not([data-dots="true"]) { margin-bottom: -30px; } + +.roadmap-list { position: relative; padding-top: 15px; } + +.roadmap-list:after { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100vw; height: 1px; content: ''; background: #f8aa38; } + +.roadmap-innr { padding: 0 25px 30px; } + +.roadmap-innr:before { position: absolute; left: 0; height: 100%; width: 1px; content: ''; transform: translateX(-50%); background-image: linear-gradient(to bottom, #f42f54 0%, #f8aa38 100%); } + +.roadmap-item { position: relative; } + +.roadmap-item:nth-child(even) .roadmap-innr:before { background-image: linear-gradient(to top, #f42f54 0%, #f8aa38 100%); } + +@media (min-width: 576px) { .roadmap-wrap-ovl-right { max-width: none; margin-right: -200px; } + .roadmap-wrap-ovl-right:after { width: 280px; } + .roadmap-wrap-ovl-right .owl-nav { margin-right: 190px; } } + +@media (min-width: 768px) { .roadmap-s5 { display: flex; text-align: right; } + .roadmap-s5.roadmap-right { justify-content: flex-end; text-align: left; } + .roadmap-s5:not(:last-child) { padding-bottom: 15px; } + .roadmap-wrap-s5 { max-width: 100%; } + .roadmap-wrap-s5:before { top: -30px; left: 50%; margin-left: -0.5px; } + .roadmap-step-s5 { max-width: 50%; padding-left: 30px; padding-right: 30px; } + .roadmap-time-s5:after { left: -39px; } + .roadmap-left .roadmap-time-s5:after { right: -40px; left: auto; } } + +@media (min-width: 992px) { .roadmap { display: flex; } + .roadmap-s1:before, .roadmap-s1:after { top: 41px; height: 0; width: 50%; border-top-width: 3px; border-top-style: solid; border-left-width: 0; } + .roadmap-s1:before { left: 0; } + .flex-row-reverse .roadmap-s1:before { right: 0; left: auto; } + .roadmap-s1:after { left: auto; right: 0; z-index: -1; } + .flex-row-reverse .roadmap-s1:after { right: auto; left: 0; } + .roadmap-s1-alt:before, .roadmap-s1-alt:after { top: 42px; border-top-width: 1px; border-top-style: dashed; } + .roadmap-s1-alt:after { right: 0; } + .roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-done:after { right: 0; left: auto; } + .roadmap-s1-alt.roadmap-current:before { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-current:after { top: 42px; } + .roadmap-s2 { display: block; } + .roadmap-s6 { display: block; } + .roadmap-s6:after { right: -14px; } + .roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: -14px; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + .roadmap-wrap { padding: 40px 0 10px; margin-bottom: 60px; max-width: 100%; } + .roadmap-wrap-ovl-left, .roadmap-wrap-ovl-right { max-width: none; } + .roadmap-wrap-s1 { padding-top: 0; } + .roadmap-wrap-s1:after { position: absolute; width: 15px; height: calc(100% + 3px); border-width: 3px; border-style: solid; border-color: #dbe4f7; top: 41px; } + .tc-light .roadmap-wrap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + .roadmap-wrap-s1-alt:after { height: calc(100% + 1px); border-width: 1px; border-style: dashed; top: 42px; } + .tc-light .roadmap-wrap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + .roadmap-wrap-s1-alt.roadmap-wrap-done:after { height: calc(100% + 3px); border-width: 3px; border-style: solid; top: 41px; } + .roadmap-wrap-s1.roadmap-wrap-done:after { border-color: #f42f54; } + .roadmap-wrap-s1:nth-child(odd):after { right: -15px; border-radius: 0 20px 20px 0; border-left-width: 0; } + .roadmap-wrap-s1:nth-child(even):after { left: -15px; border-radius: 20px 0px 0px 20px; border-right-width: 0; } + .roadmap-wrap-s1:last-child:after { display: none; } + .roadmap-line { left: 50%; margin-left: -1px; } + .roadmap-left { justify-content: flex-start; margin-top: -80px; } + .roadmap-left .roadmap-step { margin-left: 0; margin-right: 80px; } + .roadmap-left .roadmap-step:before { left: auto; right: -91px; } + .roadmap-left .roadmap-step:after { left: auto; right: -78px; } + .roadmap-left.roadmap-s5 { margin-top: 0; } + .roadmap-right { justify-content: flex-end; } + .roadmap-right .roadmap-step { margin-left: 80px; } + .roadmap-year { height: 60px; width: 60px; line-height: 60px; font-size: 16px; position: static; margin-left: auto; margin-right: auto; } + .roadmap-step { width: 100%; padding: 40px 30px 35px; } + .roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + .roadmap-step:before { left: -91px; } + .roadmap-step:after { width: 78px; left: -78px; } + .roadmap-step-list li:before { top: 12px; } + .roadmap-step-list-s1 li:after { left: 50%; } + .roadmap-step-s1 { padding-top: 0; padding-left: 15px; padding-right: 15px; } + .roadmap-step-s1:after { width: 0 !important; left: 50% !important; margin-left: -0.5px; height: 40px !important; top: 48px; border-top: 0; border-left: 1px solid; border-color: #dbe4f7; } + .roadmap-s1-alt .roadmap-step-s1:after { border-left-style: dashed; } + .roadmap-step-s3 { padding-top: 0; background: transparent !important; } + .roadmap-step-s3:after { left: 50%; width: 2px; } + .roadmap-step-s5 { padding-top: 0; padding-bottom: 0; } + .roadmap-head { margin-bottom: 15px; } + .roadmap-time { font-size: 14px; } + .roadmap-time-s1:after { left: 50%; bottom: 5px; } + .roadmap-time-s1:before { bottom: -2px; left: 50%; } + .roadmap-time-s3 { font-size: .87rem; font-weight: 600; } + .roadmap-time-s6 { font-size: 18px; } + .roadmap-title { font-size: 18px; } + .roadmap-title-s1 { padding-top: 48px; } + .roadmap-title-s2 { font-size: 1rem; } + .roadmap-list { display: flex; align-items: flex-end; margin-bottom: 200px; } + .roadmap-item { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .roadmap-item:nth-child(even) { flex-grow: 0; width: 0; } + .roadmap-item:nth-child(even) .roadmap-innr { position: absolute; top: 0; left: 0; padding-top: 90px; min-width: 190px; transform: translateX(calc(-50% + 5px)); } + .roadmap-item:nth-child(even) .roadmap-innr:before { top: 0; height: 90px; } + .roadmap-item-sm { min-height: 170px; } + .roadmap-item-lg { min-height: 300px; } } + +@media (min-width: 1200px) { .roadmap-left .roadmap-step:before { right: -86px; } + .roadmap-left .roadmap-step:after { right: -73px; } + .roadmap-step:before { left: -86px; } + .roadmap-step:after { width: 73px; left: -73px; } + .roadmap-step-s1:before { left: 50%; } + .roadmap-step-s3:after { left: 50%; width: 2px; } } + +/** 04.091 Token */ +.token-info { border: 1px solid rgba(244, 47, 84, 0.2); border-radius: 8px; padding: 18px 20px 0; margin-bottom: 30px; } + +.token-info-s1 { padding: 0 30px; border: none; text-align: left; } + +.token-info-item { position: relative; padding-left: 25px; } + +.token-info-item:before { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; content: ''; border-radius: 2px; background: #a963ff; } + +.token-info-item.color-2:before { background: #f42f54; } + +.token-info-item.color-3:before { background: #f5a946; } + +.token-info-item.color-4:before { background: #63a5ff; } + +.token-info-item.color-5:before { background: #ff8d87; } + +.token-info-item-s1 { padding-left: 0; display: flex; align-items: center; justify-content: space-between; margin: 25px 0; } + +.token-info-item-s1:first-child { margin-top: 16px; } + +.token-info-item-s1:before { display: none; } + +.token-info-item-s1 span { font-size: 12px; font-weight: 400; color: #f42f54; text-transform: uppercase; } + +.token-info-item-s1 h4 { font-size: 1.5rem; line-height: 1; font-weight: 300; } + +.token-info-title { font-size: 0.7rem; text-transform: uppercase; font-weight: 700; letter-spacing: 0.04em; margin-bottom: 4px; } + +.token-info-des { font-size: 1.1rem; } + +.token-status { border-radius: 8px 8px 0 0; border: 1px solid rgba(244, 47, 84, 0.2); padding: 18px 20px 10px; text-align: center; } + +.token-status .countdown-s2 { padding: 0; } + +.token-status-s1 { padding: 30px; box-shadow: 0px 15px 20px 0px rgba(15, 25, 50, 0.1); margin-left: 0; } + +.token-status-s2 { position: relative; border: none; padding: 0; max-width: 360px; margin: 50px auto 0; } + +.token-status-s2 .icon-list { margin-top: 10px; } + +.token-status-s3 { padding: 29px 0 0; border: none; } + +.token-status-s3 .countdown-s2 { padding-left: 30px; padding-right: 30px; } + +.token-status-s4 { border: none; padding: 65px 0 50px; } + +.token-status-s4 .icon-list { margin-top: 10px; } + +.token-status-s5 { background: #0f1932; padding-bottom: 25px; } + +.token-status-s6 { border: none; padding: 20px 20px 25px; } + +.token-countdown { padding: 16px 0 20px; } + +.token-min { font-size: 13px; color: #eef3fc; display: block; padding: 12px 0; } + +.token-min-s2 { padding: 15px 0 0; text-align: left; } + +.token-min-s2 span { display: block; } + +.token-min-s2 span:first-child { color: #f42f54; font-size: 12px; line-height: 1; text-transform: uppercase; font-weight: 300; } + +.token-min-s2 span:last-child { line-height: normal; padding-top: 4px; } + +.token-alocate-item { position: relative; padding: 0 20px 15px; margin-bottom: 30px; margin-left: auto; margin-right: auto; background: #fff; height: calc(100% - 30px); border-radius: 4px; } + +.token-alocate-item:not([class*='shadow']) { box-shadow: 0 5px 45px 0 rgba(45, 63, 95, 0.08); } + +.token-alocate-item-s1 { padding-left: 0; padding-right: 0; background-color: transparent; } + +.token-alocate-graph { padding: 20px 0 15px; position: relative; } + +.token-alocate-graph span, .token-alocate-graph img { position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; } + +.token-alocate-graph span { color: #305082; font-size: 2em; font-weight: 400; line-height: 1.3; } + +.token-alocate-graph img { width: 150px; } + +.token-alocate-graph canvas { position: relative; z-index: 5; } + +.token-alocate-graph-s1 canvas { min-height: 230px; } + +.token-alocate-list li { color: #305082; display: flex; align-items: center; font-weight: 400; padding: 13px 0; } + +.token-alocate-list li .token-alocate-percent { font-weight: 600; color: #0f1932; } + +.token-box-s1 { position: absolute !important; left: 0; bottom: -157px; width: 100%; z-index: 9 !important; } + +.token-box-s2 { background: rgba(15, 25, 50, 0.3); padding: 30px 20px 52px; } + +.token-box-s2 .title { margin-bottom: 1.2rem; } + +.token-box-s3 { padding-bottom: 20px; } + +.token-countdown-wrapper { padding: 30px; background: #fff; box-shadow: 0px 15px 20px 0px rgba(15, 25, 50, 0.1); } + +.token-countdown-wrapper h6 { color: currentColor; } + +.token-action-s1 { margin-top: -22px; } + +.token-action-s2 { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action + .icon-list { margin-top: 15px; } + +.token-sale-box { background: #f0f7fc; border-radius: 4px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; padding: 20px 15px 33px; transition: all .4s; } + +.tc-light .token-sale-box { background: rgba(244, 47, 84, 0.08); } + +.token-sale-info { display: block; font-size: 2.4rem; font-weight: 300; color: #f42f54; } + +.token-sale-title { font-size: 14px; text-transform: uppercase; font-weight: 400; } + +.token-bonus-item { padding: 50px 25px 46px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; border-radius: 4px; margin-bottom: 30px; transition: all .4s; height: calc(100% - 30px); background: #334571; } + +.token-bonus-item span { display: block; } + +.token-bonus-item.two { background: #283659; } + +.token-bonus-item.three { background: #30406a; } + +.token-bonus-title { display: inline-block !important; line-height: 18px; font-size: 13px; color: #fff; text-transform: uppercase; padding: 6px 20px; background: #0a1227; border-radius: 15px; font-weight: 400; } + +.token-bonus-percent { font-size: 4em; line-height: 1; padding: 22px 0 7px; font-weight: 300; color: #fff; } + +.token-bonus-txt { font-size: 14px; line-height: 18px; font-weight: 400; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); } + +.tc-light .token-bonus-txt { color: rgba(255, 255, 255, 0.6); } + +.token-stage { margin-bottom: 33px; } + +.token-stage-title { color: #fff; background: #c70b2e; text-transform: uppercase; font-weight: 700; line-height: 26px; padding: 10px; border-radius: 6px 6px 0 0; } + +.token-stage-pre { background: #ee0d37; } + +.token-stage-one { background: #da0c32; } + +.token-stage-date { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; padding: 12px 0 10px; } + +.tc-light .token-stage-date { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-date h6 { font-weight: 700; font-size: 1rem; margin-bottom: 0; } + +.token-stage-date span { font-size: 15px; } + +.token-stage-info { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; border-radius: 0 0 6px 6px; padding: 14px 0 16px; } + +.tc-light .token-stage-info { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-info span { display: block; font-size: 15px; line-height: 1.86; } + +.token-stage-bonus { color: #f42f54; } + +.token-action-s2 { padding: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action-box { display: flex; align-items: center; flex-wrap: wrap; border-radius: 6px; background: rgba(244, 47, 84, 0.1); } + +.token-action-box > div { padding: 20px 25px; width: 100%; } + +.token-action-box > div:last-child { padding-top: 0; } + +.tc-light .token-action-box { background: rgba(244, 47, 84, 0.1); } + +.token-action-title { width: 30%; background: #f42f54; border-radius: 6px 6px 0 0; font-weight: 500; font-size: 1.2em; line-height: 1.44; flex-grow: 1; width: 100%; } + +.tc-light .token-action-title { background: #f42f54; } + +.token-action-box .token-action-title { padding: 25px; } + +.token-action-date { width: 40%; } + +.token-action-date strong { display: block; } + +.token-action-btn { width: 34%; } + +.token-action-btn .btn-grad { padding: 14px 0px; width: 100%; } + +.token-bar-chart { position: relative; z-index: 9; } + +.token-bar-item { position: relative; height: 40px; border-radius: 20px; margin: 10px 0; } + +.token-bar-item.tbic1 { background: #002674; } + +.token-bar-item.tbic1:before { background: #002674; } + +.token-bar-item.tbic2 { background: #004ae2; } + +.token-bar-item.tbic2:before { background: #004ae2; } + +.token-bar-item.tbic3 { background: #3b7bff; } + +.token-bar-item.tbic3:before { background: #3b7bff; } + +.token-bar-item.tbic4 { background: #3bb8ff; } + +.token-bar-item.tbic4:before { background: #3bb8ff; } + +.token-bar-item.tbic5 { background: #5378fb; } + +.token-bar-item.tbic5:before { background: #5378fb; } + +.token-bar-txt { position: absolute; font-size: 13px; padding-bottom: 0; top: 50%; left: 100%; min-width: 300%; transform: translateX(45px) translateY(-50%); } + +.token-bar-txt:after { position: absolute; content: ''; left: 0; top: 50%; height: 1px; width: 25px; margin-left: -35px; background: rgba(22, 161, 255, 0.5); } + +.token-bar-txt span { display: block; line-height: 1.5; white-space: nowrap; } + +.token-bar-txt span:first-of-type { font-weight: 600; } + +.token-bar-item.tbic1 .token-bar-txt span:first-of-type { color: #002674; } + +.token-bar-item.tbic2 .token-bar-txt span:first-of-type { color: #004ae2; } + +.token-bar-item.tbic3 .token-bar-txt span:first-of-type { color: #3b7bff; } + +.token-bar-item.tbic4 .token-bar-txt span:first-of-type { color: #3bb8ff; } + +.token-bar-item.tbic5 .token-bar-txt span:first-of-type { color: #5378fb; } + +@media (min-width: 768px) { .token-bar-chart { display: flex; overflow: visible; margin-top: 135px; } + .token-bar-item { margin: 0; } + .token-bar-item:before { position: absolute; left: -20px; top: 0; height: 40px; width: 40px; content: ''; z-index: -1; } + .token-bar-item:first-child:before { display: none; } + .token-bar-txt { padding-bottom: 10px; top: -110px; left: 50%; min-width: 100%; transform: translateX(-50%); text-align: center; } + .token-bar-txt:after { left: 50%; top: 100%; height: 65px; width: 1px; margin-left: 0; } } + +@media (max-width: 420px) { .token-status-s6 .countdown-time { font-size: 1.8rem; } + .token-status-s6 .cpn-links, .token-status-s6 .cpn-links li { padding-left: 10px; padding-right: 10px; } } + +@media (min-width: 480px) { .token-status .countdown-s2 { padding: 0 30px 20px; } + .token-info-s1 { padding: 0 30px; } + .token-min-s2 { padding: 0; } } + +@media (min-width: 576px) { .token-info { padding: 24px 40px 0; } + .token-info .text-block-title { text-align: center; } + .token-info-list li { display: flex; } + .token-info-list li > span { width: 50%; } + .token-info-title { font-size: 0.88rem; letter-spacing: 0.2em; } + .token-info-des { font-size: 1.375rem; } + .token-info-s1 { padding: 0 30px; } + .token-status { padding: 24px 28px 20px; } + .token-status-md { padding: 36px; } + .token-status-s2 { padding: 0; } + .token-status-s3 { padding: 29px 0 0; border: none; } + .token-status-s4 { padding: 65px 0 50px; } + .token-status-s5 { padding: 40px 30px 40px; } + .token-status-s6 { border: none; padding: 35px 50px 45px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; } + .token-alocate-graph { padding: 30px 40px 30px; } + .token-action-box { flex-wrap: nowrap; } + .token-action-box > div:last-child { padding-top: 20px; padding-left: 0; } + .token-action-title { width: auto; border-radius: 6px 0 0 6px; } + .token-action-s2 { padding: 30px; } } + +@media (min-width: 768px) { .token-alocate-item { padding: 20px 30px 40px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; margin-bottom: 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-box-s1 { position: absolute !important; left: 0; bottom: -45px; width: 100%; z-index: 9 !important; } } + +@media (min-width: 992px) { .token-countdown-wrapper { padding: 30px 60px 30px 66px; } + .token-status-s1 { padding: 30px 60px 30px 66px; margin-left: 0; } + .token-status-s2 { margin: 65px 140px 0 0; } + .token-status-s3 { margin-left: 25px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding: 30px 65px 0px; } + .token-alocate-item-s1:before { position: absolute; height: 610px; width: 610px; top: 0; left: 50%; content: ''; border-radius: 20px; background: rgba(15, 25, 50, 0.04); transform: rotate(45deg); transform-origin: 0 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-alocate-graph-s1 { margin-top: 80px; } + .token-action-box { margin-top: 25px; } } + +.tokdis-item { position: relative; padding-left: 0; padding-bottom: 15px; margin-bottom: 15px; padding-top: 8px; display: inline-block; } + +.tokdis-item:before { position: absolute; width: 40px; height: 3px; border-radius: 1.5px; content: ''; background: #f42f54; top: 0; left: 50%; transform: translateX(-50%); } + +.tokdis-item h5 { font-size: 1.125em; } + +.tokdis-list { padding-bottom: 40px; } + +@media (min-width: 992px) { .tokdis-item { padding-left: 25px; padding-bottom: 4px; padding-top: 0; } + .tokdis-item:before { width: 3px; height: 100%; top: 0; left: 0; transform: translateX(0); } + .tokdis-list { padding-bottom: 80px; } } + +.toktmln-item { position: relative; padding: 0 0 20px; display: flex; justify-content: center; } + +.toktmln-item:before { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); content: ''; height: 30px; width: 30px; border-radius: 50%; border: 6px solid #dbe4f7; background: #f42f54; } + +.tc-light .toktmln-item:before { border-color: #fff; } + +.toktmln-item div { padding: 0 30px 5px 0; text-align: right; width: 50%; flex-grow: 1; } + +.toktmln-item div:last-child { padding: 0 0 0 30px; text-align: left; } + +.toktmln-item div span { display: block; font-weight: 600; } + +.toktmln-item div span:last-child { font-size: .775em; padding-bottom: 8px; font-weight: 400; color: #305082; } + +.tc-light .toktmln-item div span:last-child { color: #eef3fc; } + +.toktmln-list { position: relative; } + +.toktmln-list:before { position: absolute; left: 50%; top: -24px; width: 2px; margin-left: -1px; height: 100%; background: #dbe4f7; content: ''; } + +.tc-light .toktmln-list:before { background: #fff; } + +@media (min-width: 992px) { .toktmln-list { position: relative; } + .toktmln-list:before { left: 0; top: 14px; width: 100%; height: 2px; } + .toktmln-item { padding: 64px 0 0; display: block; } + .toktmln-item:before { top: 0; left: 0; transform: translateX(0); } + .toktmln-item div { padding-bottom: 5px; text-align: left; width: 100%; padding-left: 0; padding-right: 0; } + .toktmln-item div:last-child { padding: 0 0 0 0; } + .toktmln-item div span:last-child { font-size: .875em; } } + +.stage-info { padding-left: 15px; } + +.stage-info .title { margin-bottom: .5rem; } + +/** 04.10 Team */ +.team { position: relative; margin-bottom: 30px; max-width: 255px; margin-left: auto; margin-right: auto; text-align: center; } + +.nk-block-left .team { max-width: 100%; } + +.team:hover .team-show { opacity: 1; } + +.team-s2 { max-width: 240px; text-align: center; } + +.team-s2 .word-split { justify-content: center; } + +.team-s2:hover .team-show { opacity: .25; } + +.team-s4 { padding: 30px 30px; } + +.team-s5 { text-align: left; max-width: 228px; padding-bottom: 25px; } + +.team-s5:before { position: absolute; content: ""; left: 20px; top: 50px; right: 0; bottom: 0; background: #dfeaf5; z-index: -1; } + +.bg-theme .team-s5:before { background: #202b47; } + +.has-bg-image .team-s5:before { background: #202b47; } + +.tc-light .team-s5:before { background: #202f53; } + +.team-s6 { text-align: left; display: flex; max-width: 100%; } + +.team-s6 .team-left { width: 135px; flex-shrink: 0; } + +.team-s6 .team-photo { max-width: 170px; margin-right: 25px; margin-left: 0; } + +.team-sm-s2 { text-align: left; max-width: 145px; } + +.team-photo { display: block; position: relative; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 2; } + +.team-photo + .list { padding-top: 15px; } + +.team-photo-s1 { max-width: 160px; } + +.team-photo img { border-radius: 6px; width: 100%; transition: all .4s; } + +.team-photo-sm { max-width: 180px; } + +.team-photo-s2 { max-width: 90%; } + +.team-photo-s2:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(244, 47, 84, 0.4); border-radius: 6px; z-index: 1; } + +.team-photo-s3:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: linear-gradient(to top left, #f42f54 0%, #f8aa38 100%); border-radius: 6px; z-index: 1; opacity: .2; } + +.team-photo-circle { border-radius: 50%; } + +.team-sm-s2 .team-photo { margin-left: 0; max-width: 90%; } + +.team-sm-s2:hover .team-photo { transform: translateY(-8px); } + +.team-s3 .team-photo { max-width: 160px; } + +.team-s5 .team-photo { margin-left: 0; } + +.team-s5 .team-photo:before, .team-s5 .team-photo:after { position: absolute; content: ''; } + +.team-s5 .team-photo:before { top: 24px; right: -33px; height: 3px; width: 65px; background: linear-gradient(to top left, #f42f54 0%, #f8aa38 100%); z-index: 1; } + +.team-s5 .team-photo:after { top: 0; bottom: 0; right: 0; left: 0; background: rgba(244, 47, 84, 0.4); transition: all .4s; } + +.team-s5 .team-photo:hover { transform: translateY(-8px); } + +.team-s5 .team-photo:hover:after { opacity: .5; } + +.team-s5 .team-photo:hover .team-show { opacity: 0; } + +.team-photo-bg:before { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; transform: scale(1); z-index: -1; opacity: 1; transition: all .5s ease; background-image: linear-gradient(90deg, #f8aa38 0%, #f42f54 100%); } + +.team-s3-alt .team-photo-bg:before { opacity: 0; transform: scale(0.8); } + +.team-photo-bg a { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; z-index: 1; } + +.team-photo-bg:hover a + img { transform: scale(0.85); } + +.team-s3-alt .team-photo-bg:hover a + img { transform: scale(1); } + +.team-s3-alt .team-photo-bg:hover:before { opacity: 1; transform: scale(1); } + +.team-show { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(244, 47, 84, 0.4); border-radius: 6px; transition: all .4s; z-index: 20; opacity: 0; } + +.team-s2 .team-show { opacity: 0; } + +.team-s3 .team-photo-bg .team-show { opacity: 0 !important; top: 0; right: 0; bottom: 0; left: 0; } + +.team-s5 .team-show { border-radius: 0; } + +.team-s5:hover .team-show { opacity: 0; } + +.team-social { margin: 0 -5px; } + +.team-photo .team-social { position: absolute; bottom: -17px; right: 17px; z-index: 21; text-align: right; } + +.team-social li { padding: 0 4px; display: inline-block; } + +.team-social li a { font-size: 13px; text-align: center; display: inline-block; line-height: 34px; height: 34px; width: 34px; border-radius: 50%; color: #fff !important; background: #f8aa38; box-shadow: 0px 2px 15px 0px rgba(248, 170, 56, 0.5); } + +.team-social li a:hover { color: #fff !important; background: #f42f54; box-shadow: 0px 2px 15px 0px rgba(244, 47, 84, 0.5); } + +.team-social-s2 { margin: 0 -10px; } + +.team-social-s2 li { padding: 0 10px; } + +.team-social-s2 li a { width: auto; background-color: transparent; box-shadow: none; color: #305082 !important; } + +.tc-light .team-social-s2 li a { color: #fff !important; } + +.team-social-s2 li a:hover { color: #f42f54 !important; background-color: transparent; box-shadow: none; } + +.team-s2 .team-social-s2 { padding-top: 15px; } + +.team-s3 .team-social-s2 { padding-top: 10px; } + +.team-social-vr li { display: block; text-align: center; } + +.team-social-vr li a { width: 30px !important; } + +.team-s5 .team-social { position: absolute; top: 64px; right: 20px; } + +.team-s5 .team-social li a { color: #f42f54; } + +.team-name { color: #305082; padding-top: 28px; font-weight: 600; } + +.team-name.title { margin-bottom: .5rem !important; } + +.team-s2 .team-name.title-sm { font-size: .95em !important; } + +.team-s2 .team-name { padding-top: 18px; } + +.team-s3 .team-name { color: #f42f54; font-size: 1.125rem !important; font-weight: 400; margin-bottom: 1px !important; } + +.team-s3-alt .team-name { color: #202b47; } + +.tc-light .team-s3-alt .team-name { color: #fff; } + +.team-s4 .team-name { font-weight: 400; padding-top: 21px; font-size: 1.33rem; margin-bottom: 0 !important; } + +.team-s5 .team-name { padding-left: 45px; padding-right: 40px; } + +.team-s6 .team-name { text-transform: uppercase; font-weight: 400; } + +.team-position { font-size: 12px; font-weight: 400; display: inline-block; } + +.team-s3 .team-position { font-weight: 300; color: #3e67a7; } + +.team-s3-alt .team-position { color: #f42f54; } + +.tc-light .team-s3-alt .team-position { color: #f42f54; } + +.team-s4 .team-position { padding-bottom: 10px; } + +.team-s5 .team-position { padding-left: 45px; padding-right: 40px; color: #202b47; } + +.team-s6 .team-position { position: relative; color: #f42f54; padding-bottom: 13px; margin-bottom: 5px; line-height: 1.4; } + +.team-s6 .team-position:before { position: absolute; height: 3px; width: 190px; left: 0; bottom: 0; content: ''; background: linear-gradient(to right, #f42f54 0%, #f8aa38 100%); z-index: 5; } + +.tc-light .team-position { color: #97afd5; } + +.team-featured-photo { position: relative; border-radius: 5px; overflow: hidden; } + +.team-featured-info { position: absolute; left: 0; bottom: 0; font-size: 18px; padding: 15px 20px; } + +.team-featured-info span { font-size: 16px; font-weight: 300; display: block; padding-top: 5px; } + +.team-featured-cont p:last-child { margin-bottom: 0; } + +.team-featured-sub { text-transform: uppercase; color: #eef3fc; font-size: 14px; letter-spacing: 0.15em; } + +.team-popup { position: relative; max-width: 100%; margin: 10px; padding: 15px; background: #fff; border-radius: 6px; } + +.team-popup-info p:last-child { margin-bottom: 0; } + +.team-list { margin-bottom: -30px; } + +.team-s4 .team-desc { font-size: .87rem; margin-bottom: 8px; } + +.team-s4 .team-desc p { font-size: inherit; } + +@media (min-width: 576px) { .team { margin-bottom: 50px; } + .team-s2 { margin-bottom: 30px; text-align: left; } + .team-s2 .word-split { justify-content: flex-start; } + .team-s4 { padding: 30px 15px; } + .team-s2 .team-photo { margin-left: 0; } + .team-s2 .team-name { padding-top: 25px; } + .team-featured-info { padding: 25px 30px; } + .team-popup { padding: 40px; } + .team-list { margin-bottom: -50px; } } + +@media (min-width: 768px) { .team-even { margin-top: 60px; } + .team-s4 { margin-bottom: 50px; } } + +@media (min-width: 992px) { .team-featured-cont { padding-left: 20px; } + .team-featured-title { padding: 8px 0 15px; } + .team-name { padding-top: 34px; margin-bottom: 8px !important; } + .team-s2 .team-name, .team-s3-alt .team-name { padding-top: 20px; } + .team-s5 .team-name { padding-top: 24px; } + .team-position { font-size: 0.88rem; } + .team-position-sm { font-size: 13px; } + .team-social { bottom: -20px; right: 20px; margin: 0 -5px; } + .team-social li { padding: 0 4px; } + .team-social li a { font-size: 16px; line-height: 40px; height: 40px; width: 40px; } + .team-social-s2 { margin: 0 -8px; } + .team-social-s2 li { padding: 0 8px; } + .team-social-s2 li a { font-size: 14px; height: auto; width: auto; } + .team-popup { margin: 10px auto; width: 950px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .team-s5 .team-social { right: 9px; } } + +@media (min-width: 1600px) { .team-photo-s2 { max-width: 100%; } } + +/** 04.11 Partners */ +.partner-list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: -15px; } + +.partner-list-left { justify-content: left; } + +.partner-list-lg { margin-bottom: -20px; } + +.partner-logo { padding: 15px 10px; } + +[class*="col-"] > .partner-logo { padding: 0; } + +.partner-logo img { max-height: 30px; max-width: 100%; width: auto !important; margin-left: auto; margin-right: 0; } + +.has-carousel .partner-logo img { margin-right: auto; } + +.partner-list-lg .partner-logo { padding: 20px 25px; } + +.partner-list-lg .partner-logo img { max-height: 50px; } + +.partner-logo-s2, .partner-logo-s3 { width: 50%; max-width: 50%; text-align: center; padding: 0 10px; } + +.partner-logo-s2 img, .partner-logo-s3 img { max-height: 50px; } + +.partner-list-left .partner-logo-s2, .partner-list-left .partner-logo-s3 { text-align: left; } + +.partner-logo-s3 img { max-height: 60px; } + +.partner-logo-lg { width: 50%; margin-bottom: 30px; } + +.partner-box { padding: 15px 0px; margin-bottom: 30px; } + +@media (min-width: 576px) { .partner-logo-s2, .partner-logo-s3 { margin-bottom: 30px; max-width: 16.6%; width: 16.6%; } + .partner-logo-lg { width: 33%; } + .partner-box { padding: 15px 66px; box-shadow: 0px 5px 25px rgba(32, 43, 71, 0.1); } } + +@media (min-width: 992px) { .partner-box .partner-list { justify-content: space-between; } + .partner-list-lg { margin-bottom: -20px; } + .partner-list-lg .partner-logo { padding: 20px 25px; } + .partner-list-lg .partner-logo img { max-height: 50px; } + [class*="col-"] > .partner-logo { padding: 15px 0; } } + +/** 04.12 Contact */ +.contact-wrap { padding: 20px; } + +.contact-list { margin-top: -7.5px; margin-bottom: -7.5px; position: relative; z-index: 2; } + +.contact-list li { display: flex; padding-top: 7.5px; padding-bottom: 7.5px; font-size: 0.94rem; } + +.contact-list-s1 { display: flex; justify-content: center; } + +.contact-list-s1 li { width: 100%; flex-wrap: wrap; justify-content: center; } + +.contact-icon { height: 38px; width: 38px; font-size: 16px; line-height: 38px; text-align: center; color: #fff; background: #f8aa38; box-shadow: 0px 2px 15px 0px rgba(248, 170, 56, 0.5); border-radius: 50%; margin-right: 15px; flex-shrink: 0; } + +.tc-light .contact-icon { color: #97afd5; background: rgba(151, 175, 213, 0.15); box-shadow: none; } + +.bg-secondary .contact-icon { color: #f8aa38; } + +.contact-list-s1 .contact-icon { margin-right: 0; color: #fff; box-shadow: 0px 2px 15px 0px rgba(15, 25, 50, 0.5); background: linear-gradient(-45deg, #0f1932 0%, #202b47 100%); } + +.tc-light .contact-list-s1 .contact-icon { color: #0f1932; background: #fff; } + +.contact-icon-s2 { color: #f8aa38; background: transparent; box-shadow: inset 0 0 0 2px #f8aa38; } + +.tc-light .contact-icon-s2 { color: #fff; background-color: transparent; box-shadow: inset 0 0 0 2px #fff; } + +.contact-icon-s3 { position: relative; color: #f42f54; background: linear-gradient(to right, #f42f54 0%, #f8aa38 100%); box-shadow: none; } + +.tc-light .contact-icon-s3 { color: #fff; background: linear-gradient(to right, #f42f54 0%, #f8aa38 100%); } + +.contact-icon-s3:after { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .contact-icon-s3:after { background: #f0f7fc; } + +.bg-light-alt .contact-icon-s3:after { background: #dfeaf5; } + +.bg-theme .contact-icon-s3:after { background: #0f1932; } + +.bg-theme-alt .contact-icon-s3:after { background: #202b47; } + +.bg-theme-dark .contact-icon-s3:after { background: #0a1227; } + +.bg-theme-dark-alt .contact-icon-s3:after { background: #202f53; } + +.bg-theme-accent .contact-icon-s3:after { background: #f42f54; } + +.bg-theme-accent-alt .contact-icon-s3:after { background: #f8aa38; } + +.contact-icon-s3:before { position: relative; z-index: 1; } + +.contact-text { padding-top: 7px; } + +.contact-list-s1 .contact-text { width: 100%; } + +.contact-social { margin-top: auto; padding-top: 20px; } + +.contact-social h6 { margin-bottom: 1rem; } + +.subscribe-wrap { padding: 20px; } + +@media (min-width: 576px) { .contact-wrap { padding: 50px; } + .subscribe-wrap { padding: 65px; } } + +@media (min-width: 768px) { .contact-list-s1 li { width: 33.33%; flex-wrap: wrap; } + .contact-list-s1 .contact-text { width: auto; } + .contact-list-s1 .contact-icon { margin-right: 15px; } } + +@media (max-width: 480px) { .contact-list-s2 { flex-wrap: wrap; } } + +@media (max-width: 767px) { .contact-list-s2 li { flex-wrap: wrap; text-align: center; } + .contact-list-s2 li .contact-icon { margin-right: 0; } + .contact-list-s2 li .contact-text { width: 100%; } } + +@media (max-width: 991px) { .contact-list-s2 { display: flex; justify-content: center; } + .contact-list-s2 li { width: 100%; justify-content: center; } } + +@media (min-width: 992px) and (max-width: 1199px) { .contact-wrap, .subscribe-wrap { padding: 35px; } } + +.social-links { display: flex; margin: -3px; } + +.social-links li { padding: 3px; } + +.social-links li a { display: inline-block; border-radius: 50%; border: 1px solid #fff; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #305082; } + +.social-links li a:hover { color: #f42f54; background: #fff; } + +.tc-light .social-links li a { color: #fff; } + +.tc-light .social-links li a:hover { color: #f42f54; } + +.bg-secondary .social-links li a:hover { color: #f8aa38 !important; } + +.social-links-s2 li a { border: none; } + +.social-links-s2 li a:hover { background-color: #fff; color: #f42f54 !important; } + +.tc-light .social-links-s2 li a:hover { color: #f42f54 !important; } + +@media (min-width: 992px) { .section-contact .ovm-h-60 { height: 50%; } } + +/** 04.13 WGS */ +.wgs { margin-bottom: 30px; } + +.wgs-title { text-transform: uppercase; color: #202b47; font-size: 1rem; font-weight: 600; letter-spacing: 0.075em; } + +.wgs-title-s2, .wgs-title-s3 { font-size: 1.125rem; letter-spacing: normal; } + +.wgs-title-s2 { margin-bottom: 18px; font-weight: 600; } + +.wgs-title-s3 { font-weight: 700; margin-bottom: 22px; padding-top: 10px; } + +.tc-light .wgs-title { color: #f8aa38; } + +.wgs-logo { padding-bottom: 22px; display: inline-block; } + +.wgs-body p { font-size: 0.93em; line-height: 1.71; margin-bottom: 0.75rem; } + +.wgs-body p:last-child { margin-bottom: 0; } + +.wgs-list li { font-size: .9em; padding-bottom: 14px; letter-spacing: 0.01em; } + +.wgs-list li:last-child { padding-bottom: 0; } + +.wgs-links li { position: relative; padding: 5px 0; line-height: 1; } + +.wgs-links li:last-child { padding-bottom: 0px; } + +.wgs-links li a { font-size: 0.9em; line-height: 20px; display: block; color: #2d3f5f; } + +.wgs-links li a:hover { color: #f42f54; } + +.tc-light .wgs-links li a { color: #fff !important; } + +.tc-light .wgs-links li a:hover { color: #f42f54 !important; } + +.wgs-links-s2 li { padding: 7px 0; } + +.wgs-links-s2 li a { font-size: 1em; } + +.wgs-links-s3 li { padding: 9px 0; } + +.wgs-links-s4 li { padding: 7px 0; } + +.wgs-links-s5 li { margin-bottom: 17px; } + +.wgs-links-s5 li:first-child { margin-top: -5px; } + +.wgs-links-s5 li a { font-size: 1rem; font-weight: 400; } + +.wgs-links-uline li a { display: inline-block; } + +.wgs-links-uline li a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.wgs-links-category li { padding-left: 20px; } + +.wgs-links-category li a { padding: 10px 0; } + +.wgs-links-category li:before { position: absolute; left: 0; top: 50%; margin-top: -1px; height: 2px; width: 8px; content: ''; background: #0a1227; } + +.wgs-links-tags { padding: 12px 0; margin: -7px -5px; } + +.wgs-links-tags li { display: inline-block; padding: 7px 5px; } + +.wgs-links-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; } + +.wgs-links-tags li a:hover { color: #fff; border-color: #f42f54; background: #f42f54; } + +.wgs-links-3clumn li { width: 32%; display: inline-block; } + +.wgs-archive .wgs-body { padding: 12px 0; } + +.wgs-cta .wgs-body { padding: 30px 30px 35px; } + +.wgs-address { font-size: .9rem; line-height: 2; } + +.wgs-address li:not(:last-child) { margin-bottom: 10px; } + +.wgs-regular { font-weight: 400; } + +@media (min-width: 992px) { .wgs-subscribe-form-s1 { margin-left: -50px; padding-right: 50px; } } + +.copyright-text { color: #305082; } + +.tc-light .copyright-text { color: #97afd5; } + +.copyright-text p { color: inherit; } + +.copyright-text a { color: #305082; } + +.copyright-text a:hover { color: #f42f54; } + +.tc-light .copyright-text a { color: #97afd5; } + +.tc-light .copyright-text a:hover { color: #f42f54; } + +.copyright-text-s1 { font-size: 14px; } + +.copyright-text-s1 p { font-size: inherit; } + +.copyright-text-s2 { text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; } + +.copyright-text-s3 { font-size: 13px; color: #2d3f5f; } + +.tc-light .copyright-text-s3 { color: #97afd5; } + +.copyright-text-s3 p { font-size: 13px; color: inherit; } + +.copyright-text-s3 p a { color: inherit !important; } + +.copyright-text-s3 p a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.copyright-text-s3 a { font-weight: 500; } + +.copyright-text-s3 span { color: #305082; padding-bottom: 3px; } + +.tc-light .copyright-text-s3 span { color: #fff; } + +.copyright-text-s4 p { font-size: 0.9rem !important; } + +.copyright-text li a, .copyright-text p { font-size: 13px; color: #fff; } + +.copyright-text li { width: 100%; } + +.footer-nav { margin: 0 -15px; } + +.footer-nav li { display: inline-block; padding: 0 15px; } + +.footer-nav li a { color: #305082; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; } + +.footer-nav li a:hover { color: #f42f54 !important; } + +.tc-light .footer-nav li a { color: #97afd5 !important; } + +.tc-light .footer-nav li a:hover { color: #f42f54 !important; } + +@media (min-width: 576px) { .copyright-text-s2 { font-size: 12px; } + .copyright-text li { width: auto; } } + +.wgs-nl-title { margin-bottom: 32px; } + +/** 04.14 Others */ +.rank-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.rank-item { background-image: url(../images/hexagon.png); height: 88px; width: 94px; padding: 16px 20px 0; } + +.rank-item img { max-height: 16px; } + +.rank-count { font-size: 1rem; color: #202b47; font-weight: 700; padding-top: 4px; line-height: 1.3; } + +.rank-count span { font-size: .7rem; color: #eef3fc; } + +@media (min-width: 400px) { .rank-item { height: 104px; width: 108px; padding-top: 24px; } } + +@media (min-width: 768px) { .rank-item { height: 136px; width: 146px; padding: 32px 30px 0; } + .rank-item img { max-height: 24px; } + .rank-count { padding-top: 10px; font-size: 1.4rem; } + .rank-count span { font-size: .9rem; } } + +@media (min-width: 992px) { .rank-item { height: 160px; width: 164px; padding-top: 38px; } } + +.rating-info { font-size: 2.23em; line-height: 1; padding: 16px 0; font-weight: 700; background: #dfeaf5; border-radius: 6px 6px 0 0; color: #305082; } + +.rating-info span { font-size: .5em; font-weight: 400; color: #eef3fc; margin-left: 6px; } + +.tc-light .rating-info span { color: #dfeaf5; } + +.rating-info span:before { content: '/'; } + +.tc-light .rating-info { color: #fff; background: #334571; } + +.rating-title { background: #f42f54; color: #fff; padding: 5px 0; font-size: .93em; line-height: 20px; border-radius: 0 0 6px 6px; } + +.tc-light .rating-title { background: #0a1227; } + +.bonus { border-radius: 0 0 8px 8px; border: 1px solid rgba(244, 47, 84, 0.2); border-top: none; display: flex; } + +.bonus-info { position: relative; width: 50%; padding: 12px 16px 16px; } + +.bonus-info:not(:last-child) { border-right: 1px solid rgba(244, 47, 84, 0.2); } + +.bonus-percent { font-size: 20px; } + +.bonus-percent small { font-size: 14px; } + +.bonus-date { font-size: 12px; color: #eef3fc; } + +.bonus-badge { position: absolute; top: 5px; right: 5px; text-transform: uppercase; border-radius: 11px; line-height: 15px; font-size: 8px; font-weight: 500; padding: 0 8px; color: #fff; background: #f8aa38; } + +@media (min-width: 420px) { .bonus-info { padding: 12px 30px 16px; } + .bonus-percent { font-size: 28px; } + .bonus-percent small { font-size: 14px; } + .bonus-date { font-size: 12px; color: #eef3fc; } + .bonus-badge { top: 50%; right: 0; transform: translateY(-50%) rotate(-90deg); line-height: 22px; font-size: 11px; padding: 0 10px; } } + +.chart-data li { display: flex; font-size: 1rem; line-height: 1.4; font-weight: 400; padding: 7px 0; } + +.chart-data li span { display: block; } + +.chart-data-s1 { display: flex; flex-wrap: wrap; } + +.chart-data-s1 li { display: flex; align-items: center; width: auto; transition-delay: .8s; width: 100%; } + +.chart-data-s1 .chart-p { min-width: 55px; height: 55px; line-height: 50px; padding: 0; color: #fff; transform: rotate(45deg); border-radius: 10px; margin: 30px; order: -1; font-size: 16px; font-weight: 600; line-height: 55px; } + +.chart-data-s1 .chart-p span { transform: rotate(-45deg); display: block; } + +.chart-data-s1 .chart-l { text-align: left; } + +.chart-data-s2 { display: flex; flex-wrap: wrap; margin: -10px; } + +.chart-data-s2 li { padding: 10px; } + +.chart-data-item { position: relative; padding: 15px 25px; } + +.chart-data-item:before, .chart-data-item:after { position: absolute; content: ''; top: 0; height: 100%; width: 45px; border: 2px solid #97afd5; transition: all .4s; } + +.tc-light .chart-data-item:before, .tc-light .chart-data-item:after { border-color: rgba(151, 175, 213, 0.5); } + +.active > .chart-data-item:before, .active > .chart-data-item:after { border-color: #f42f54; } + +.chart-data-item:before { left: 0; border-radius: 6px 0 0 6px; border-right: none; } + +.chart-data-item:after { right: 0; border-radius: 0 6px 6px 0; border-left: none; } + +.chart-label { font-size: 14px; font-weight: 700; color: #202b47; transition: all .4s; } + +.tc-light .chart-label { color: #fff; } + +.active > div > .chart-label { color: #f42f54; } + +.chart-info { display: block; } + +.chart-percent { font-size: 22px; font-weight: 400; color: #202b47; } + +.tc-light .chart-percent { color: #fff; } + +.chart-sublabel { font-size: 13px; color: #305082; margin-left: 8px; } + +.tc-light .chart-sublabel { color: #eef3fc; } + +.chart-p { margin-left: auto; font-size: 1.125rem; font-weight: 500; color: #202b47; } + +.chart-c { position: relative; top: 3px; height: 14px; width: 14px; border-radius: 3px; margin-right: 12px; flex-shrink: 0; display: block; } + +.chart-canvas { min-height: 300px; max-width: 100%; margin-left: auto; margin-right: auto; } + +.chart-canvas-s1 { min-height: 215px; } + +@media (min-width: 480px) { .chart-data-s1 li { width: 50%; } } + +@media (min-width: 576px) { .chart-label, .chart-percent { font-size: 18px; } + .chart-c { top: 6px; } + .chart-canvas { min-height: 360px; } + .chart-canvas-s1 { min-height: 215px; } } + +@media (min-width: 768px) { .chart-data-s1 li { width: 33.33%; } } + +@media (min-width: 992px) { .chart-data-s1 li { position: absolute; width: auto; transition: all .4s; opacity: 0; } + .chart-data-s1 li:nth-child(1) { top: -60px; left: 50%; transform: translateX(-50%) translateY(-30px) !important; flex-wrap: wrap; transition-delay: .6s; } + .chart-data-s1 li:nth-child(1) .chart-l { order: -1 !important; width: 100%; } + .chart-data-s1 li:nth-child(1) .chart-p { margin: 20px auto; transform: rotate(0); } + .chart-data-s1 li:nth-child(1) .chart-p span { transform: rotate(0); } + .animate.show .chart-data-s1 li:nth-child(1) { transform: translateX(-50%) translateY(0) !important; } + .chart-data-s1 li:nth-child(odd) { left: 50%; transform: translateX(30px) translateY(0); } + .chart-data-s1 li:nth-child(odd) .chart-l { order: 1; } + .chart-data-s1 li:nth-child(even) { right: 50%; transform: translateX(-30px) translateY(0); } + .chart-data-s1 li:nth-child(even) .chart-l { order: -1; text-align: right; } + .chart-data-s1 li:nth-child(even) .chart-p { left: auto; right: 29px; top: 33px; } + .chart-data-s1 li:nth-child(2) { top: 65px; margin-right: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(3) { top: 65px; margin-left: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(4) { top: 173px; margin-right: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(5) { top: 173px; margin-left: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(6) { top: 281px; margin-right: 278px; transition-delay: 1.2s; } + .chart-data-s1 li:nth-child(7) { top: 281px; margin-left: 278px; transition-delay: 1.2s; } + .animate.show .chart-data-s1 li { opacity: 1; transform: translateX(0) translateY(0); } + .chart-data-s1 .chart-p { order: 0; } + .chart-data-s1 .chart-l { text-align: center; font-weight: 400; } + .chart-canvas { min-height: 300px; } + .chart-canvas-s1 { min-height: 215px; } } + +.ath-container { width: 440px; max-width: 100%; margin: 30px auto; } + +.ath-header { padding: 0 0 30px; } + +.ath-heading { text-align: center; font-weight: 300; } + +.ath-heading small { display: block; padding-bottom: 10px; } + +.ath-body { background: #fff; border-radius: 6px; padding: 18px 25px 25px; } + +.ath-note { padding: 25px 0 0; } + +@media (min-width: 576px) { .ath-body { padding: 32px 40px 40px; } } + +.sap-text { position: relative; text-align: center; padding: 20px 0; } + +.sap-text:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; content: ''; background: #dbe4f7; z-index: 3; } + +.sap-text span { position: relative; background: #fff; display: inline-block; padding: 0 15px; z-index: 5; font-size: .9rem; text-transform: uppercase; } + +.bg-theme > .sap-text span { background: #0f1932; } + +.bg-theme-alt > .sap-text span { background: #202b47; } + +.blog { background: #fff; border-radius: 6px; box-shadow: 0 5px 45px 0 rgba(45, 63, 95, 0.08); margin-bottom: 30px; } + +.tc-light .blog { background: #202b47; } + +.blog-photo { padding: 30px 30px 0; } + +.blog-photo > img { border-radius: 6px 6px 0 0; } + +.blog-s2 .blog-photo { padding: 0; } + +.blog-text { padding: 25px 30px 30px; } + +.blog-text p { font-size: 0.88rem; } + +.blog-s2 .blog-title { margin-bottom: 8px; } + +.blog-content-inline { padding: 18px 30px 14px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } + +.blog-content .blog-text { padding: 9px 0; } + +.blog-meta { margin-bottom: .25rem; margin: 0 -7px 4px; } + +.blog-meta li { position: relative; display: inline-block; font-size: .88rem; padding: 0 7px; } + +.blog-meta li:not(:last-child):after { content: '|'; position: absolute; right: -3px; top: -1px; color: #305082; } + +.tc-light .blog-meta li:not(:last-child):after { color: #eef3fc; } + +.blog-meta li a { color: #5780c1; } + +.blog-meta li a:hover { color: #f42f54; } + +.blog-tags { padding: 12px 0; margin: -7px -5px; } + +.blog-tags li { display: inline-block; padding: 7px 5px; } + +.blog-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; color: #2d3f5f; font-size: .88rem; } + +.blog-tags li a:hover { color: #fff; border-color: #f42f54; background: #f42f54; } + +.blog-featured { margin-bottom: 30px; } + +.blog-comment { padding-top: 25px; } + +.blog-action { padding: 9px 0; } + +.comment-wrap { background: #f0f7fc; border-radius: 6px; overflow: hidden; margin-bottom: 30px; } + +.comment-item { padding: 20px; } + +.comment-item:not(:last-child) { border-bottom: 1px solid #fff; } + +.comment-item + .comment-item { padding-left: 40px; } + +.comment-item + .comment-item + .comment-item { padding-left: 60px; } + +.comment-photo { width: 50px; flex-shrink: 0; margin-bottom: 10px; margin-right: 20px; } + +.comment-content { padding-top: 6px; } + +.comment-info .title { margin-bottom: 0; } + +.comment-time { font-size: .75rem; } + +.comment-text { margin-top: 8px; } + +.comment-text p { font-size: .88rem; } + +@media (min-width: 576px) { .comment-wrap { margin-bottom: 30px; } + .comment-item { display: flex; padding: 30px; } + .comment-item + .comment-item { padding-left: 60px; } + .comment-item + .comment-item + .comment-item { padding-left: 90px; } + .comment-photo { margin-bottom: 0; } } + +.pagination { margin-left: auto; margin-right: auto; display: inline-flex; justify-content: center; box-shadow: 0 5px 45px 0 rgba(45, 63, 95, 0.08); } + +.pagination li a { display: inline-block; height: 50px; min-width: 56px; text-align: center; line-height: 20px; padding: 15px 5px; background: #fff; color: rgba(48, 80, 130, 0.7); } + +.pagination li a .icon { line-height: 20px; padding: 0 5px; } + +.pagination li a.active, .pagination li a:hover { background: #f42f54; color: #fff; } + +.pagination li a.active .icon, .pagination li a:hover .icon { color: #fff; } + +.pagination li:first-child a { border-radius: 6px 0 0 6px; } + +.pagination li:last-child a { border-radius: 0 6px 6px 0; } + +.download-option { text-align: center; position: relative; padding: 10px; margin: 15px 0; } + +.download-option .icon { display: block; padding-bottom: 35px; font-size: 44px; color: #305082; } + +@media (min-width: 992px) { .download-option:not(:last-child):after { position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 1px; background: rgba(162, 179, 205, 0.3); } } + +.doc { text-align: center; position: relative; } + +.doc:hover { z-index: 9; } + +.doc-s2 { display: flex; margin-left: 20px; margin-bottom: 20px; border-radius: 6px; text-align: left; } + +.doc-photo { max-width: 125px; margin-left: auto; margin-right: auto; transition: all .2s linear; } + +.doc-photo img { border-radius: 4px; } + +.doc:hover .doc-photo { transform: translateY(-10px); } + +.doc:hover .doc-photo.no-hover { transform: translateY(0); } + +.doc-s2 .doc-photo { max-width: 100px; margin-top: 20px; margin-left: -20px; margin-bottom: -20px; margin-right: 15px; } + +.doc-shape { padding-top: 60px; position: relative; } + +.doc-shape:before { position: absolute; top: 0; left: 50%; margin-left: -5px; transform: translateX(-50%); transform-origin: 50% 50%; content: ''; background: url(../images/polygon-a-dark.png) 50% 0/contain no-repeat; width: 215px; height: 205px; z-index: -1; transition: all .2s linear; } + +.tc-light .doc-shape:before { background-image: url(../images/polygon-a-light.png); } + +.doc-shape-a:before { transform: translateX(-50%) rotate(0deg); } + +.doc:hover .doc-shape-a:before { transform: translateX(-50%) translateY(10px) rotate(0deg) scale(1.1); } + +.doc-shape-b:before { transform: translateX(-50%) rotate(90deg); } + +.doc:hover .doc-shape-b:before { transform: translateX(-50%) translateY(10px) rotate(90deg) scale(1.1); } + +.doc-shape-c:before { transform: translateX(-50%) rotate(-90deg); } + +.doc:hover .doc-shape-c:before { transform: translateX(-50%) translateY(10px) rotate(-90deg) scale(1.1); } + +.doc-shape-d:before { transform: translateX(-50%) rotate(135deg); } + +.doc:hover .doc-shape-d:before { transform: translateX(-50%) translateY(10px) rotate(135deg) scale(1.1); } + +.doc-title { margin-top: 15px; padding-bottom: 8px; } + +.doc-title small { display: block; } + +.tc-light .doc-title small { color: #eef3fc; } + +.doc-s2 .doc-title { margin-top: 25px; font-weight: 600; } + +.doc-download { font-size: 18px; line-height: 19px; padding: 8px 15px; min-width: 60px; border-radius: 4px; color: #fff; background: #f42f54; display: inline-block; } + +.doc-download:hover { color: #fff !important; background: #f8aa38; } + +.doc-lang { text-transform: uppercase; font-size: 11px; margin-top: 5px; } + +.tc-light a.doc-download { color: #fff !important; } + +.tc-light a.doc-download:hover { color: #f42f54 !important; background: #fff; } + +@media (min-width: 1200px) { .doc-shape:before { width: 255px; height: 245px; } + .doc-photo { max-width: 175px; } } + +.particles-container { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 0 !important; } + +.particles-container.is-fixed { position: fixed !important; z-index: -1 !important; } + +.product-box { position: relative; display: block; background: #0f1932; border-radius: 4px; padding: 25px 35px 0; max-width: 360px; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 6; } + +.tc-light .product-box { background: #fff; } + +.product-box:hover { transform: translateY(-8px); } + +.product-name { color: #fff; font-weight: 500; text-align: center; padding-bottom: 5px; margin-bottom: 18px; } + +.tc-light .product-name { color: #f8aa38; } + +.product-image { border: 2px solid #f42f54; border-bottom: 0; border-radius: 4px 4px 0 0; } + +.tc-light .product-image { border-color: #f8aa38; } + +.qr-code { background: #fff; border-radius: 4px; width: 40px; height: 40px; text-align: center; box-shadow: 0px 5px 15px rgba(32, 43, 71, 0.14); padding: 0px !important; cursor: pointer; position: relative; margin: 0px 10px; display: none; line-height: 38.5px; } + +.qr-code > img { width: 22px; } + +@media (min-width: 576px) { .qr-code { display: block; } + .qr-code:hover .qr-list { opacity: 1; visibility: visible; } + .qr-list { position: absolute; width: 264px; display: flex; background: #fff; padding: 18px; justify-content: space-between; bottom: calc(100% + 15px); right: 0; box-shadow: 0px 5px 30px rgba(32, 43, 71, 0.3); border-radius: 5px; opacity: 0; transition: 0.3s; visibility: hidden; } + .has-rtl .qr-list { right: auto; left: 0; } + .qr-list:after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 2px; height: 30px; background: #d31e40; } + .qr-list:before { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; right: 10px; z-index: 1; bottom: -13px; } + .has-rtl .qr-list:before { right: auto; left: 10px; } + .qr-list img { padding: 0 6px; } } + +.bg-dark-opacity.card { height: auto; } + +.testimonial { display: block; box-shadow: 0px 5px 40px rgba(32, 43, 71, 0.08); } + +.tesm-image { min-width: 210px; max-width: 210px; margin: 0 auto; box-shadow: 0px 5px 10px rgba(32, 43, 71, 0.08); } + +.tesm-image img { border-radius: 5px; } + +.tesm-content { padding-left: 0; padding-right: 0; text-align: center; padding-top: 30px; position: relative; } + +.tesm-content:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10e"; font-size: 46px; color: rgba(32, 43, 71, 0.07); position: absolute; bottom: 0; right: 0; line-height: normal; } + +.has-rtl .tesm-content:after { right: auto; left: 0; transform: rotateY(-180deg); } + +.tesm-content .title-sm { font-size: 1.1rem; font-weight: 500; color: #305082; opacity: 0.6; line-height: 30px; } + +.tesm-content span { display: block; font-size: 0.9rem; font-style: italic; font-weight: 300; line-height: normal; } + +.testimonial-carousel .owl-nav { top: 50%; opacity: 1; position: absolute; transform: translateY(-50%); padding-top: 0; margin: 0; width: calc(100% + 60px); left: -30px; } + +.testimonial-carousel .owl-nav button { border-width: 0 !important; margin: 0; color: #305082; opacity: 0.5; transition: 0.3s; } + +.has-rtl .testimonial-carousel .owl-nav button:after { transform: rotateY(-180deg); } + +.testimonial-carousel .owl-nav button:hover { opacity: 1; } + +.testimonial-carousel .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.testimonial-carousel .owl-prev:after { content: '\f060'; } + +.testimonial-carousel .owl-next { position: absolute; right: 0; } + +.has-rtl .testimonial-carousel .owl-next { right: auto; left: 0; } + +.testimonial-carousel .owl-next:after { content: '\f061'; } + +@media (min-width: 576px) { .testimonial { display: flex; flex-direction: row; align-items: center; } + .tesm-content { padding-left: 40px; padding-right: 15px; text-align: left; padding-top: 0; } + .has-rtl .tesm-content { text-align: right; padding-left: 15px; padding-right: 40px; } + .tesm-image { margin: -45px 0; } + .testimonial-carousel .owl-stage-outer { padding: 30px 0; } } + +@media (min-width: 768px) { .testimonial-carousel .owl-nav { width: calc(100% + 80px); left: -40px; } } + +@media (min-width: 992px) { .mlm-30 { margin-left: -30px; } + .testimonial-carousel .owl-nav { width: calc(100% + 160px); left: -80px; } } + +/** 04.14 Others */ +.payment-holder { position: relative; } + +.payment-holder-list { max-width: 1200px; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between; } + +.payment-holder-thumb { width: 58px; height: 58px; box-shadow: 0px 0px 0px 3px #d31e40; position: relative; border-radius: 50%; margin-bottom: 20px; } + +.payment-holder-thumb-s2 { box-shadow: none; border-radius: 0; height: auto; width: auto; } + +.payment-holder-thumb img { width: 100%; border-radius: 50%; } + +.payment-holder-info p { font-size: 11px; font-weight: 500; } + +.payment-holder-single { display: flex; margin-bottom: 30px; align-items: center; width: 100%; align-items: center; flex-wrap: wrap; flex-direction: column-reverse; } + +.payment-info-card { padding: 14px 20px; background: #fff; box-shadow: 0px 5px 20px rgba(211, 30, 64, 0.25); border-radius: 4px; width: 100%; text-align: center; } + +.title-pcard { font-size: 1rem; margin-bottom: 0 !important; font-weight: 400; } + +@media (min-width: 576px) { .payment-holder-single { width: 48%; } } + +@media (min-width: 992px) { .payment-holder-info { margin-bottom: 14px; position: relative; } + .payment-holder-info:after { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; top: 99%; z-index: 1; } + .payment-holder-thumb { border-radius: 50%; } + .payment-holder-thumb img { border-radius: 50%; } + .payment-holder-single { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; flex-direction: column; } + .payment-holder-single:nth-child(1) { margin-left: -23%; margin-top: -10%; } + .payment-holder-single:nth-child(2) { margin-left: -14%; margin-top: 3%; } + .payment-holder-single:nth-child(3) { margin-left: 10%; margin-top: 0; } + .payment-holder-single:nth-child(4) { margin-left: 31%; margin-top: -9%; } + .payment-holder-thumb:after, .payment-holder-thumb:before { position: absolute; content: ""; left: 50%; transform: translateX(-50%); } + .payment-holder-thumb:after { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 40px solid #fff; bottom: -30px; z-index: -1; filter: drop-shadow(0px 6px 0px #d31e40); } + .payment-holder-thumb:before { width: 30px; height: 15px; border-radius: 50%; background: rgba(211, 30, 64, 0.4); bottom: -41px; z-index: -1; } + .payment-holder-thumb-s2 { border-radius: 0px; } + .payment-holder-thumb-s2:before, .payment-holder-thumb-s2:after { display: none; } + .payment-holder-thumb-s2 img { border-radius: 0; } + .payment-info-card { width: auto; text-align: left; } + .has-rtl .payment-info-card { text-align: right; } } + +/** 04.14 datatable */ +.table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } + +.dataTables_filter label { width: 100%; height: 50px; border: 2px solid #d1e0f6; background: transparent; border-radius: 5px; padding: 13px 20px 10px; display: flex; align-items: center; margin-bottom: 30px; } + +.dataTables_filter input { border: none; width: 97% !important; } + +.dataTables_filter input:focus { outline: none; } + +.dataTable { width: 100%; } + +.data-table-area { position: relative; } + +.data-item { box-shadow: 0px 3px 15px rgba(32, 47, 83, 0.06); background: #fff; } + +.data-col { padding: 10px 20px; font-size: 14px; font-weight: 400; color: #fff; } + +.data-col-three { border-left: 1px solid; border-bottom: 1px solid; border-right: 1px solid; } + +.data-col-four { border-bottom: 1px solid; } + +.data-col-five { border-left: 1px solid; } + +.data-col-six { border-right: 1px solid; } + +.data-col:before, .data-col:after { display: none !important; } + +.data-col-inner { padding: 20px; } + +.data-item:not(:last-child) .data-col-inner { border-bottom: 5px solid #dfeaf5; } + +.data-col-inner.alphabetical { min-width: 186px; } + +.dt-short { position: absolute; right: 0; top: 0; z-index: 9; } + +.dt-short label { width: 86px; margin-bottom: 0; } + +.has-rtl .dt-short { right: auto; left: 0; } + +@media (max-width: 409px) { .dt-short { position: static !important; margin-bottom: 20px; } + .dataTables_filter label { margin-bottom: 0; } } + +/** 05. Layouts */ +/** 05.01 Header */ +.header-main { padding: 12px 0; transition: all .4s; } + +.is-transparent .header-main, .has-fixed .header-main { width: 100%; z-index: 49; } + +.is-transparent .header-main { position: absolute !important; } + +.has-fixed .header-main { position: fixed !important; box-shadow: 0 0 20px 0 rgba(45, 63, 95, 0.08); } + +.has-fixed:not(.is-dark) .header-main { background: #fff; } + +.has-fixed.is-dark .header-main { background: #0a1227; } + +.has-fixed.is-shrink .header-main { padding: 8px 0; } + +.header-container:not(.container) { width: 100%; padding: 0 15px; } + +.header-wrap { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } + +.header-logo { margin: 6px 0; flex-shrink: 0; } + +.header-logo-ls { display: flex; align-items: center; } + +.header-navbar { position: fixed; left: -280px; top: 0; width: 260px; height: 100vh; } + +.header-navbar.menu-mobile { transition: all 0.4s; } + +.header-navbar::before, .header-navbar-overlay { position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.header-navbar::before { background: #fff; left: 50%; transform: translateX(-50%); transition: all .4s; } + +.is-dark .header-navbar::before { background: #0a1227; } + +.header-navbar-overlay { background: rgba(10, 18, 39, 0.5); left: 100%; width: 0; z-index: -1; opacity: 0; visibility: hidden; transition: opacity .3s; transition-delay: .2s; } + +.header-navbar.menu-shown { left: 0 !important; z-index: 10; } + +.header-navbar.menu-shown .header-navbar-overlay { width: 100vw; opacity: 1; visibility: visible; } + +.header-navbar-classic { position: absolute; top: 99%; right: 0; left: 0; width: 100%; height: auto; background: transparent; margin-top: 12px; z-index: auto; flex-grow: 1; transition: all 0.4s; padding: 0 20px; } + +.has-fixed .header-navbar-classic { margin-top: -6px; padding: 0; } + +.header-navbar-classic:before { border-radius: 4px; } + +.has-fixed .header-navbar-classic:before { width: 100vw; border-radius: 0; } + +.header-navbar-s1 { flex-grow: 1; } + +.header-menu { justify-content: flex-end; padding: 30px 25px; } + +.header-navbar-classic .header-menu { padding: 0; } + +.header-banner { min-height: 72px; } + +.overlay-menu-shown { overflow: hidden; } + +.overlay-menu-shown .has-fixed > .header-main { z-index: 6; } + +@media (min-width: 375px) { .header-navbar:not(.header-navbar-classic) { left: -310px; width: 290px; } } + +@media (min-width: 576px) { .header-navbar:not(.header-navbar-classic) { left: -360px; width: 340px; } } + +.logo-dark, .is-transparent:not(.has-fixed) .logo-light, .is-dark .logo-light { display: block; } + +.logo-light, .is-transparent:not(.has-fixed) .logo-dark, .is-dark .logo-dark { display: none; } + +.logo img { height: 36px; transition: all .4s; } + +.logo-md img { height: 44px; } + +.logo-lg img { height: 52px; } + +@media (min-width: 992px) { .header-navbar:not(.header-navbar-classic) { height: auto; width: auto; left: 0; } + .header-main { padding: 20px 0; } + .header-nav-toggle { display: none; } + .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 25px; } + .header-banner { min-height: 98px; } + .logo img { height: 40px; } + .logo-md img { height: 50px; } + .logo-lg img { height: 60px; } } + +@media (min-width: 1200px) { .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 35px; } } + +.header-menu { max-height: 100vh; overflow: hidden; overflow-y: auto; height: 100%; } + +.header-navbar-classic .header-menu { display: none; max-height: 65vh; } + +.header-navbar-classic .header-menu.menu-shown { display: block; } + +.header-nav-toggle { height: 44px; } + +.language-switcher .toggle-tigger, .header-menu .btn-outline:not(:hover) { color: #305082; } + +.is-light .language-switcher .toggle-tigger, .language-switcher .toggle-tigger .is-transparent:not(.is-dark), .is-light .header-menu .btn-outline:not(:hover), .header-menu .btn-outline:not(:hover) .is-transparent:not(.is-dark) { color: #305082; } + +.tc-light .language-switcher .toggle-tigger, .tc-light .btn-outline:not(:hover), .is-dark .language-switcher .toggle-tigger, .is-dark .btn-outline:not(:hover) { color: #fff; } + +@media (min-width: 992px) { .tc-light .header-menu .language-switcher .toggle-tigger, .tc-light .header-menu .btn-outline:not(:hover), .is-transparent .header-menu .language-switcher .toggle-tigger, .is-transparent .header-menu .btn-outline:not(:hover), .is-transparent:not(.has-fixed):not(.is-light) .header-menu .language-switcher .toggle-tigger, .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover), .is-dark .header-menu .language-switcher .toggle-tigger, .is-dark .header-menu .btn-outline:not(:hover) { color: #fff; } + .is-split:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover) { color: #305082; } + .has-fixed:not(.is-dark) .header-menu .language-switcher .toggle-tigger:not(.btn), .has-fixed:not(.is-dark) .header-menu .btn-outline:not(:hover), .is-light .header-menu .language-switcher .toggle-tigger:not(.btn), .is-light .header-menu .btn-outline:not(:hover) { color: #305082; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover):not(.no-change) { border-color: rgba(255, 255, 255, 0.4); } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn:not(:hover):not(.no-change):not(.btn-outline) { border-color: #fff; background: #fff; color: #305082; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not([class*="btn-grad"]):not(.no-change):hover { color: #f42f54 !important; border-color: #fff; background-color: #fff; } } + +@media (max-width: 991px) { .header-menu .language-switcher-s1, .header-menu .language-switcher-s4 { width: 100%; } + .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 0; } + .has-rtl .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 15px; padding-right: 0; } + .header-menu .btn { line-height: 24px; padding: 6px 14px; min-width: 100px; } + .header-menu .btn-transparent { padding: 6px 0; } } + +/** 05.02 Menu */ +.menu { padding: 12px 0; } + +.menu-btns { margin-bottom: 26px; margin-left: -10px; margin-right: -10px; margin-top: -10px; display: flex; flex-wrap: wrap; } + +.menu-btns > li { padding: 10px; padding: 10px; } + +.menu-item { position: relative; border-bottom: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-item { border-color: rgba(219, 228, 247, 0.1); } + +.menu-item:last-child { border-bottom: 0; } + +.menu-item > ul, .menu-item .menu-sub { display: none; } + +.menu-item a { font-family: "Roboto", sans-serif; font-size: 15px; line-height: 18px; color: #305082; padding: 12px 0; display: block; position: relative; } + +.header-menu-s2 .menu-item a { font-size: 16px; } + +.menu-item a .badge { margin-left: 5px; position: relative; top: -1px; } + +.menu-item a .badge-dot { top: 0; } + +.menu-item a .active, .menu-item a:hover { color: #f42f54; } + +.is-dark .menu-item a .active, .is-dark .menu-item a:hover { color: #f42f54; } + +.menu-s2 > .menu-item > a { font-size: 13px; text-transform: uppercase; font-weight: 500; } + +.menu-sub { padding-left: 12px; } + +.menu-sub .menu-item:first-child { border-top: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-sub .menu-item:first-child { border-color: rgba(219, 228, 247, 0.1); } + +.menu-sub .menu-sub { margin-top: 0; margin-bottom: 15px; } + +.menu-sub .menu-sub .menu-item { border-bottom: none; } + +.menu-sub .menu-sub .menu-item:first-child { border-top: none; } + +.menu-sub .menu-sub .menu-item a { padding-top: 6px; padding-bottom: 6px; } + +.menu-sub a { font-family: "Roboto", sans-serif; font-size: 14px; color: #305082; } + +.menu-mega a { font-family: "Roboto", sans-serif; font-size: 14px; color: #305082; } + +.is-dark .menu-item a { color: #fff; } + +.menu-item > a.active { color: #f42f54; } + +.has-sub > a { position: relative; } + +.has-sub > a:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.has-sub.open-nav > a:after { transform: translateY(-50%) rotate(-180deg); } + +.navbar-toggle { width: 44px; height: 44px; text-align: center; display: inline-block; border-radius: 50%; padding: 5px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s; } + +.navbar-toggle.navbar-active { color: #f42f54; position: relative; z-index: 49; } + +.navbar-toggle:hover, .navbar-toggle.navbar-active { background: rgba(240, 247, 252, 0.2); } + +.is-transparent:not(.has-fixed) .navbar-toggle { color: #fff; } + +.is-transparent:not(.has-fixed) .navbar-toggle:hover, .is-transparent:not(.has-fixed) .navbar-toggle.navbar-active { background: rgba(240, 247, 252, 0.2); } + +.toggle-line { position: relative; width: 32px; height: 32px; display: block; color: #305082; } + +.toggle-line:hover { color: #305082; } + +.is-transparent:not(.has-fixed):not(.is-light) .toggle-line { color: #fff; } + +.is-dark.has-fixed .toggle-line { color: #fff; } + +.toggle-line::after, .toggle-line::before, .toggle-line > span { content: ""; position: absolute; background: currentColor; transition: all 0.2s; width: 24px; height: 2px; left: 4px; border-radius: 3px; } + +.toggle-line::before { top: 8px; } + +.toggle-line::after { bottom: 8px; } + +.toggle-line > span { top: 50%; margin-top: -1px; width: 20px; } + +.navbar-active .toggle-line { color: #fff; } + +.navbar-active .toggle-line::before, .navbar-active .toggle-line::after { width: 28px; left: 2px; } + +.navbar-active .toggle-line::before { transform: rotate(45deg); top: 15px; } + +.navbar-active .toggle-line::after { transform: rotate(-45deg); bottom: 15px; } + +.navbar-active .toggle-line > span { opacity: 0; visibility: hidden; } + +.secondary-navbar { box-shadow: 0px 5px 40px rgba(48, 80, 130, 0.1); padding: 15px 0; } + +.secondary-menu-list { display: flex; align-items: center; justify-content: center; padding: 0; flex-wrap: wrap; } + +.secondary-menu-item { width: 50%; } + +.secondary-menu-link { padding: 5px 16px; display: inline-block; color: #305082; font-weight: 400; position: relative; } + +.secondary-menu-link:after { position: absolute; content: ""; left: 50%; bottom: 0; width: 0; height: 3px; background: #f8aa38; transform: translateX(-50%); transition: 0.3s; transform-origin: left; border-radius: 50%; } + +.secondary-menu-link:hover { color: currentColor; } + +.secondary-menu-link:hover:after { width: 3px; } + +.secondary-menu-item.active .secondary-menu-link { color: currentColor; } + +.secondary-menu-item.active .secondary-menu-link:after { width: 3px; } + +@media (min-width: 425px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 16px; width: auto; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-list { flex-wrap: nowrap; } + .secondary-menu-link:after { border-radius: 0; } + .secondary-menu-link:hover { color: currentColor; } + .secondary-menu-link:hover:after { width: 25px; } + .secondary-menu-item.active .secondary-menu-link { color: currentColor; } + .secondary-menu-item.active .secondary-menu-link:after { width: 25px; } } + +@media (min-width: 576px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 28px; width: auto; } } + +@media (min-width: 992px) { .header-menu { display: flex !important; width: auto; align-items: center; position: static; background: transparent; padding: 0; margin: 0; border-radius: 0; overflow: visible; } + .header-navbar { padding: 0 0 0 15px; margin-top: 0; position: relative; } + .header-navbar:before { display: none; } + .has-fixed .header-navbar { margin-top: 0; } + .menu { display: flex; align-items: center; padding: 0; } + .menu-item { border-bottom: none; } + .menu-item > a { font-weight: 400; padding: 20px 10px; } + .menu-drop .menu-item > a { font-weight: 300; } + .menu-item:hover { z-index: 9999; } + .menu-sub { position: absolute; min-width: 215px; max-width: 215px; background: #fff; padding: 15px 10px; top: 100%; left: 0; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; transform: translateX(0) translateY(-8px); box-shadow: 0 3px 12px 0 rgba(45, 63, 95, 0.08); } + .menu-sub a { width: 100%; display: block; padding: 10px 10px; } + .menu-sub .menu-item:first-child { border-top: none; } + .menu-sub .menu-item:hover > a { color: #f42f54; } + .menu-item:hover > .menu-sub { opacity: 1; visibility: visible; transform: translateX(0) translateY(0); } + .menu-sub .menu-sub { left: calc(100% - 25px); top: 15px; margin: 0; } + .menu-sub .menu-sub .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .is-dark .menu-sub { background-color: #0b1326; } + .menu-mega { position: absolute; left: 50%; background: #fff; padding: 15px 10px; top: 100%; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(45, 63, 95, 0.08); transform: translateX(-50%) translateY(-8px); } + .menu-item:hover > .menu-mega { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } + .menu-mega .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .menu-mega-innr { display: flex; } + .menu-mega-innr > div, .menu-mega-innr ul { flex-grow: 1; } + .menu-mega-2clmn .menu-mega-innr > div, .menu-mega-2clmn .menu-mega-innr ul { width: 50%; } + .menu-mega-3clmn .menu-mega-innr > div, .menu-mega-3clmn .menu-mega-innr ul { width: auto; } + .menu-mega-2clmn { min-width: 370px; max-width: 370px; } + .menu-mega-3clmn { min-width: 520px; max-width: 520px; } + .is-dark .menu-mega { background-color: #0b1326; } + .menu-btns { display: flex; margin-bottom: -10px; margin-left: 10px; } + .menu-btns-s3 { margin-left: 0; } + .has-sub > a { padding-right: 24px !important; position: relative; } + .has-sub > a:after { right: 8px; } + .menu-sub .has-sub > a { padding-right: 35px; } + .menu-sub .has-sub > a:after { transform: translateY(-50%) rotate(-90deg); right: 15px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a { padding-right: 20px !important; padding-left: 35px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a:after { transform: translateY(-50%) rotate(90deg); left: 15px; right: auto; } + > .has-sub.menu-item:last-child .menu-mega { left: auto; right: 0; transform: translateX(0) translateY(-8px); } + > .has-sub.menu-item:last-child:hover .menu-mega { transform: translateX(0) translateY(0); } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item > a { color: #fff; } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item:hover > a { color: #f42f54; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-link { padding: 20px 38px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .logo img { height: 32px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 4px; font-size: 12px; font-weight: 500; } + .menu-btns > li { padding: 6px; } + .menu-btns .btn { font-size: 13px; line-height: 20px; padding: 10px 15px; min-width: 0; } + .menu-btns .btn.btn-grad { padding: 12px 15px; } + .menu-btns .btn-md { font-size: 11px; line-height: 19px; padding: 8px 16px; } + .menu-btns .btn-md.btn-grad { padding: 10px 16px; } } + +@media (min-width: 1200px) { .menu > .menu-item > a { padding: 20px 15px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 8.5px; font-size: 12px; font-weight: 500; } + .menu-s2 > .menu-item > a { padding-left: 7.5px; padding-right: 7.5px; } + .menu-item.has-sub > a { padding-right: 23px !important; } + .menu-item.has-sub > a:after { right: 8px; } + .menu-sub a { padding: 10px 15px; } + .secondary-menu-link { padding: 20px 45px; } } + +@media (min-width: 1600px) { .header-navbar-s1 .menu > .menu-item > a { font-size: 14px; } + .header-menu-s2 .menu > .menu-item > a { padding: 20px 30px; } } + +/** 05.03 Sections */ +.nk-body { min-width: 320px; } + +.nk-pages-centered { display: flex; flex-direction: column; justify-content: center; min-height: 100vh; padding: 0 15px; } + +@media (min-width: 1600px) { .body-boxed .nk-wrap { max-width: 1400px; } } + +.container-md { max-width: 960px; } + +.container-sm { max-width: 720px; } + +.container-xs { max-width: 520px; } + +.container-z { z-index: 5; position: relative; } + +.section { position: relative; overflow-x: hidden; width: 100%; z-index: 2; } + +.section-sm { padding-top: 40px !important; padding-bottom: 40px !important; } + +.section-connect { overflow: visible; } + +.section-connect:before { position: absolute; top: 0; left: 50%; content: ""; height: 80px; width: 2px; transform: translate(-50%, -50%); background: linear-gradient(to bottom, #f42f54 0%, #f8aa38 100%); z-index: 2; } + +.ov-v + .section { z-index: inherit; } + +.section-t-s-fixed, .section-s-fixed { padding-top: 68px !important; } + +.section-b-s-fixed, .section-s-fixed { padding-bottom: 68px !important; } + +.section-t-m-fixed, .section-m-fixed { padding-top: 80px !important; } + +.section-b-m-fixed, .section-m-fixed { padding-bottom: 80px !important; } + +.section-t-l-fixed, .section-l-fixed { padding-top: 120px !important; } + +.section-b-l-fixed, .section-l-fixed { padding-bottom: 120px !important; } + +.section-t-x-fixed, .section-x-fixed { padding-top: 150px !important; } + +.section-b-x-fixed, .section-x-fixed { padding-bottom: 150px !important; } + +.section-t, .section { padding-top: 60px; } + +.section-b, .section { padding-bottom: 60px; } + +.section-t-xl { padding-top: 150px !important; } + +@media (min-width: 576px) { .section-connect:before { height: 100px; } + .section-t, .section { padding-top: 68px; } + .section-b, .section { padding-bottom: 68px; } + .section-t-s, .section-s { padding-top: 68px !important; } + .section-b-s, .section-s { padding-bottom: 68px !important; } } + +@media (min-width: 768px) { .section-connect:before { height: 120px; } + .section-t, .section { padding-top: 80px; } + .section-b, .section { padding-bottom: 80px; } + .section-t-m, .section-m { padding-top: 80px !important; } + .section-b-m, .section-m { padding-bottom: 80px !important; } } + +@media (min-width: 992px) { .section-connect:before { height: 160px; } + .section-t, .section { padding-top: 120px; } + .section-b, .section { padding-bottom: 120px; } + .section-t-l, .section-l { padding-top: 120px !important; } + .section-b-l, .section-l { padding-bottom: 120px !important; } + .section-t-xl { padding-top: 180px !important; } } + +@media (min-width: 1600px) { .section-t, .section { padding-top: 150px; } + .section-b, .section { padding-bottom: 150px; } + .section-t-x, .section-x { padding-top: 150px !important; } + .section-b-x, .section-x { padding-bottom: 150px !important; } } + +@media (max-width: 575px) { .section-mxw-t-0 { padding-top: 0; } + .section-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 767px) { .section-sm-mxw-t-0 { padding-top: 0; } + .section-sm-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 991px) { .section-md-mxw-t-0 { padding-top: 0; } + .section-md-mxw-b-0 { padding-bottom: 0 !important; } } + +@media (max-width: 1199px) { .section-lg-mxw-t-0 { padding-top: 0; } + .section-lg-mxw-b-0 { padding-bottom: 0; } } + +[class*="section"].pt-0, [class*="section"].pdt-0 { padding-top: 0 !important; } + +[class*="section"].pb-0, [class*="section"].pdb-0 { padding-bottom: 0 !important; } + +.split { height: 100%; } + +.split-left { border-radius: 6px 6px 0 0; } + +.split-right { border-radius: 0 0 6px 6px; } + +@media (min-width: 576px) { .split-sm-left { border-radius: 6px 0 0 6px; } + .split-sm-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 768px) { .split-md-left { border-radius: 6px 0 0 6px; } + .split-md-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 992px) { .split-lg { border-radius: 6px; } + .split-lg-left { border-radius: 6px 0 0 6px; } + .split-lg-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 1200px) { .split-xl-left { border-radius: 6px 0 0 6px; } + .split-xl-right { border-radius: 0 6px 6px 0; } } + +.nk-pages-angled { margin-top: -450px; } + +@media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } + +/** 05.04 Footer */ +.nk-footer-angled { margin-top: -450px; } + +.footer-links { margin: 0 -12px; } + +.footer-links > li { display: inline-block; padding: 0 12px; } + +.footer-links > li > a { font-size: 13px; color: #305082; } + +.footer-links > li > a:hover { color: #f42f54; } + +.tc-light .footer-links > li > a { color: #eef3fc !important; } + +.tc-light .footer-links > li > a:hover { color: #f42f54 !important; } + +/** 06. Override */ +.mfp-bg, .mfp-wrap, .mfp-wrap[class*="bg-"], .mfp-bg[class*="bg-"] { position: fixed !important; z-index: 99999999 !important; top: 0 !important; } + +.mfp-wrap, .mfp-wrap[class*="bg-"] { background: transparent !important; } + +/** 07. Preview Purpose */ +.icon-preview { text-align: center; padding: 30px; border-radius: 4px; border: 1px solid #dfeaf8; height: 100%; } + +.icon-wrap [class*="ikon-"] { font-size: 40px; } + +.icon-class { padding-top: 15px; } + +.nk-preview { position: relative; padding-bottom: 60px; } + +.nk-preview:first-child { padding-top: 60px; } + +.nk-preview-content { padding-top: 10px; } + +.nk-preview-content > .tab-pane { padding-top: 0; box-shadow: 0 5px 35px -5px rgba(45, 63, 95, 0.12); } + +.nk-preview .nk-block-head .nav { margin-bottom: 25px; margin-left: 0; margin-right: 0; } + +.nk-preview .nk-block-head .nav a { font-size: .8rem; padding: 10px 5px 5px; } + +.nk-preview .nk-block-head .title { color: #415076; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.nk-preview .nk-block-head .title .badge { margin-left: 5px; } + +.has-rtl .nk-preview .nk-block-head .title .badge { margin-left: 0; margin-right: 5px; } + +.nk-preview .nk-block-head .title small { font-size: 12px; text-transform: none; letter-spacing: 0; margin-top: 0.45rem; color: #828998; display: block; } + +@media (min-width: 576px) { .nk-preview { padding-bottom: 68px; } + .nk-preview:first-child { padding-top: 68px; } } + +@media (min-width: 768px) { .nk-preview { padding-bottom: 80px; } + .nk-preview:first-child { padding-top: 80px; } } + +@media (min-width: 992px) { .nk-preview { padding-bottom: 120px; } + .nk-preview:first-child { padding-top: 120px; } } + +@media (min-width: 1600px) { .nk-preview { padding-bottom: 150px; } + .nk-preview:first-child { padding-top: 150px; } } + +@media (min-width: 1280px) { .nk-preview { padding-left: 48px; padding-right: 48px; } + .nk-preview-content > .tab-pane { box-shadow: 0 5px 35px -5px rgba(45, 63, 95, 0.12); } } + +@media (min-width: 1200px) and (min-height: 900px) { .nk-preview .banner-fs, .nk-preview .nk-pages-centered { min-height: calc(100vh - 200px); } } + +/* END @iO */ +/* END @iO */ diff --git a/assets/css/style-azure.css b/assets/css/style-azure.css new file mode 100644 index 0000000..e5550a4 --- /dev/null +++ b/assets/css/style-azure.css @@ -0,0 +1,6918 @@ +/*! Theme Name: ICOCrypto + * Author: Softnio + * Author URI: http://themeforest.net/user/softnio + * Version : 1.9.3 + * Updated : 05/05/2021 +*/ +/** +---------------------- +## TABLE CONTNETS ## +01. Fonts +02. Utilities +-- 02.01 Reset +-- 02.02 Spacing +-- 02.03 Colors +-- 02.04 Misc +03. Elements +-- 03.01 Alert +-- 03.02 Buttons +-- 03.03 Title +-- 03.04 List +-- 03.05 Form +-- 03.06 Table +-- 03.07 Progress +-- 03.08 CountDown +-- 03.09 Toastr +-- 03.10 Misc +04. Components +-- 04.01 Tab +-- 04.02 Accordion +-- 04.03 Blocks +-- 04.04 Box +-- 04.05 Banner +-- 04.06 Head +-- 04.07 Features +-- 04.08 Roadmap +-- 04.09 Token +-- 04.10 Team +-- 04.11 Partners +-- 04.12 Contact +-- 04.13 WGS +-- 04.14 Others +05. Layouts +-- 05.01 Header +-- 05.02 Menu +-- 05.03 Sections +-- 05.04 Footer +06. Override +07. Preview Purpose +---------------------- **/ +/** IMPORTANT NOTE: DO NOT Edit this file. Best to write own code in css/theme.css file. It will helps you to easy update of the template. */ +/** 01. Fonts */ +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Bold.eot"); src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Light.eot"); src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins-Light.woff") format("woff"), url("../fonts/Poppins-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-SemiBold.eot"); src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Medium.eot"); src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Regular.eot"); src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } + +/** 02. Utilities */ +/** 02.01 Reset */ +html, body { font-family: "Poppins", sans-serif; color: #637097; font-size: 14px; line-height: 1.86; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; } + +@media (min-width: 576px) { html, body { font-size: 16px; line-height: 1.86; font-weight: 300; } } + +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } + +*[hidden] { display: none; } + +ol, ul { list-style: none; } + +blockquote, q { quotes: none; } + +blockquote::after, blockquote::before, q::after, q::before { content: none; } + +table { border-collapse: collapse; border-spacing: 0; } + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #1b30a4; font-weight: 600; font-family: "Poppins", sans-serif; line-height: 1.45; margin-bottom: 0.5rem; } + +h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 0; } + +.tc-light h1, .tc-light h2, .tc-light h3, .tc-light h4, .tc-light h5, .tc-light h6, .tc-light .h1, .tc-light .h2, .tc-light .h3, .tc-light .h4, .tc-light .h5, .tc-light .h6 { color: #fff; } + +p { font-size: 14px; margin-bottom: 1rem; color: #637097; } + +p:last-child { margin-bottom: 0; } + +p + [class*=btn] { margin-top: 15px; } + +@media (min-width: 576px) { p { font-size: 15px; } } + +ul, ol, table { margin: 0; padding: 0; } + +strong, b { font-weight: 500; } + +a { outline: 0 none; transition: all 0.5s; color: #16a4fd; } + +a:link, a:visited { text-decoration: none; } + +a:hover, a:focus, a:active { outline: 0; color: #41faa4; } + +img { max-width: 100%; height: auto; } + +h1, .h1, .fz-1 { font-size: 1.75rem; } + +h2, .h2, .fz-2 { font-size: 1.35rem; } + +h3, .h3, .fz-3 { font-size: 1.25rem; } + +h4, .h4, .fz-4 { font-size: 1.2rem; } + +h5, .h5, .fz-5 { font-size: 1.2rem; } + +h6, .h6, .fz-6 { font-size: 0.94rem; } + +.fz-7 { font-size: 0.88rem; } + +.fz-8 { font-size: 0.75rem; } + +.lead, .lead-light { font-size: 1.1rem; font-weight: 300; color: #637097; } + +.lead-s2 { font-size: 1.1rem; color: #637097; } + +.lead-regular { font-weight: 400; } + +@media (min-width: 576px) { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.3; } + h1, .h1, .fz-1 { font-size: 2.75rem; } + h2, .h2, .fz-2 { font-size: 2.25rem; } + h3, .h3, .fz-3 { font-size: 1.87rem; } + h4, .h4, .fz-4 { font-size: 1.6rem; } + .lead, .lead-light { font-size: 1.1rem; } + .lead-s2 { font-size: 1.2rem; } } + +.nk-df-content, .nk-ovm:before, .nk-ovm:after { content: ""; } + +.nk-df-rel, .has-ovm, .has-bg, [class*='bg-'], .has-bg-image, .has-bg-video { position: relative; } + +.nk-df-over-up, .has-ovm > [class*=container], .has-ovm > *:not(.nk-ovm):not(.header-main):not(.nk-header):not([class*=ui-mask]), .has-bg-image > [class*=container], .has-bg-video > [class*=container] { position: relative; z-index: 5; } + +.nk-df-t, .nk-df-y { top: 0; } + +.nk-df-b, .nk-df-y { bottom: 0; } + +.nk-df-l, .nk-df-x { left: 0; } + +.nk-df-r, .nk-df-x { right: 0; } + +.nk-df-around, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .bg-image, .bg-video, .bg-video-cover, .overlay:after, .nk-ovm .nk-svgs, .accordion-icon:before, .accordion-icon:after { position: absolute; bottom: 0; top: 0; left: 0; right: 0; } + +.nk-df-center, .abs-center, .nk-block-video-play { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.nk-df-bg, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .has-bg, [class*='bg-'], .bg-image, .bg-video, .bg-video-cover { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } + +.nk-df-bg-100, .img-block-dot, .app-slide-wrap:after, .rank-item { background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; } + +.text-regular-sm { font-weight: 400; font-size: 0.9rem; } + +.block-row:not(:last-child) { margin-bottom: 40px !important; } + +@media (min-width: 992px) { .block-row:not(:last-child) { margin-bottom: 50px !important; } } + +/** 02.02 Spacing */ +.gap { height: 30px; } + +.gap-s { height: 10px; } + +.gap-m { height: 20px; } + +.gap-l { height: 40px; } + +.gap-x { height: 60px; } + +.gap-1x { height: 10px; } + +.gap-2x { height: 20px; } + +.gap-3x { height: 30px; } + +.gap-4x { height: 40px; } + +.gap-5x { height: 50px; } + +.gap-6x { height: 60px; } + +.gap-7x { height: 70px; } + +.gap-8x { height: 80px; } + +.gap-9x { height: 90px; } + +.gap-10x { height: 100px; } + +.pdt, .pd, .pdy { padding-top: 30px; } + +.pdb, .pd, .pdy { padding-bottom: 30px; } + +.pdl, .pd, .pdx { padding-left: 30px; } + +.pdr, .pd, .pdx { padding-right: 30px; } + +.pdt-s, .pd-s, .pdy-s { padding-top: 10px !important; } + +.pdt-m, .pd-m, .pdy-m { padding-top: 20px !important; } + +.pdt-r, .pd-r, .pdy-r { padding-top: 30px !important; } + +.pdt-l, .pd-l, .pdy-l { padding-top: 40px !important; } + +.pdt-x, .pd-x, .pdy-x { padding-top: 60px !important; } + +.pdb-s, .pd-s, .pdy-s { padding-bottom: 10px !important; } + +.pdb-m, .pd-m, .pdy-m { padding-bottom: 20px !important; } + +.pdb-r, .pd-r, .pdy-r { padding-bottom: 30px !important; } + +.pdb-l, .pd-l, .pdy-l { padding-bottom: 40px !important; } + +.pdb-x, .pd-x, .pdy-x { padding-bottom: 60px !important; } + +.pdl-s, .pd-s, .pdx-s { padding-left: 10px !important; } + +.pdl-m, .pd-m, .pdx-m { padding-left: 20px !important; } + +.pdl-r, .pd-r, .pdx-r { padding-left: 30px !important; } + +.pdl-l, .pd-l, .pdx-l { padding-left: 40px !important; } + +.pdl-x, .pd-x, .pdx-x { padding-left: 60px !important; } + +.pdr-s, .pd-s, .pdx-s { padding-right: 10px !important; } + +.pdr-m, .pd-m, .pdx-m { padding-right: 20px !important; } + +.pdr-r, .pd-r, .pdx-r { padding-right: 30px !important; } + +.pdr-l, .pd-l, .pdx-l { padding-right: 40px !important; } + +.pdr-x, .pd-x, .pdx-x { padding-right: 60px !important; } + +.mgt, .mg, .mgy { margin-top: 30px !important; } + +.mgb, .mg, .mgy { margin-bottom: 30px !important; } + +.mgl, .mg, .mgx { margin-left: 30px !important; } + +.mgr, .mg, .mgx { margin-right: 30px !important; } + +.mg-fix { margin-bottom: -20px; } + +.mg-fix-lg { margin-bottom: -45px; } + +.mg-fix-md { margin-bottom: -30px; } + +.mg-fix-sm { margin-bottom: -15px; } + +.mg-fix-xs { margin-bottom: -10px; } + +.mgt-s, .mg-s, .mgy-s { margin-top: 10px !important; } + +.mgt-m, .mg-m, .mgy-m { margin-top: 20px !important; } + +.mgt-r, .mg-r, .mgy-r { margin-top: 30px !important; } + +.mgt-l, .mg-l, .mgy-l { margin-top: 40px !important; } + +.mgt-x, .mg-x, .mgy-x { margin-top: 60px !important; } + +.mgb-s, .mg-s, .mgy-s { margin-bottom: 10px !important; } + +.mgb-m, .mg-m, .mgy-m { margin-bottom: 20px !important; } + +.mgb-r, .mg-r, .mgy-r { margin-bottom: 30px !important; } + +.mgb-l, .mg-l, .mgy-l { margin-bottom: 40px !important; } + +.mgb-x, .mg-x, .mgy-x { margin-bottom: 60px !important; } + +.mgl-s, .mg-s, .mgx-s { margin-left: 10px !important; } + +.mgl-m, .mg-m, .mgx-m { margin-left: 20px !important; } + +.mgl-r, .mg-r, .mgx-r { margin-left: 30px !important; } + +.mgl-l, .mg-l, .mgx-l { margin-left: 40px !important; } + +.mgl-x, .mg-x, .mgx-x { margin-left: 60px !important; } + +.mgr-s, .mg-s, .mgx-s { margin-right: 10px !important; } + +.mgr-m, .mg-m, .mgx-m { margin-right: 20px !important; } + +.mgr-r, .mg-r, .mgx-r { margin-right: 30px !important; } + +.mgr-l, .mg-l, .mgx-l { margin-right: 40px !important; } + +.mgr-x, .mg-x, .mgx-x { margin-right: 60px !important; } + +@media (min-width: 576px) { .pdt-l, .pd-l, .pdy-l { padding-top: 60px !important; } + .pdt-x, .pd-x, .pdy-x { padding-top: 90px !important; } + .pdb-l, .pd-l, .pdy-l { padding-bottom: 60px !important; } + .pdb-x, .pd-x, .pdy-x { padding-bottom: 90px !important; } + .pdl-l, .pd-l, .pdx-l { padding-left: 60px !important; } + .pdl-x, .pd-x, .pdx-x { padding-left: 90px !important; } + .pdr-l, .pd-l, .pdx-l { padding-right: 60px !important; } + .pdr-x, .pd-x, .pdx-x { padding-right: 90px !important; } + .mgt-l, .mg-l, .mgy-l { margin-top: 60px !important; } + .mgt-x, .mg-x, .mgy-x { margin-top: 90px !important; } + .mgb-l, .mg-l, .mgy-l { margin-bottom: 60px !important; } + .mgb-x, .mg-x, .mgy-x { margin-bottom: 90px !important; } + .mgl-l, .mg-l, .mgx-l { margin-left: 60px !important; } + .mgl-x, .mg-x, .mgx-x { margin-left: 90px !important; } + .mgr-l, .mg-l, .mgx-l { margin-right: 60px !important; } + .mgr-x, .mg-x, .mgx-x { margin-right: 90px !important; } } + +.mgb-m10 { margin-bottom: -10px !important; } + +.mgb-m20 { margin-bottom: -20px !important; } + +.mgb-m30 { margin-bottom: -30px !important; } + +.mgb-m40 { margin-bottom: -40px !important; } + +.mgb-m50 { margin-bottom: -50px !important; } + +.mgt-m10 { margin-top: -10px !important; } + +.mgt-m20 { margin-top: -20px !important; } + +.mgt-m30 { margin-top: -30px !important; } + +.mgt-m40 { margin-top: -40px !important; } + +.mgt-m50 { margin-top: -50px !important; } + +.mgt-m70 { margin-top: -70px !important; } + +.gutter-5px { margin-left: -2.5px !important; margin-right: -2.5px !important; } + +.gutter-5px > li, .gutter-5px > div { padding-left: 2.5px !important; padding-right: 2.5px !important; } + +.gutter-15px { margin-left: -7.5px !important; margin-right: -7.5px !important; } + +.gutter-15px > li, .gutter-15px > div { padding-left: 7.5px !important; padding-right: 7.5px !important; } + +.gutter-25px { margin-left: -12.5px !important; margin-right: -12.5px !important; } + +.gutter-25px > li, .gutter-25px > div { padding-left: 12.5px !important; padding-right: 12.5px !important; } + +.gutter-10px { margin-left: -5px !important; margin-right: -5px !important; } + +.gutter-10px > li, .gutter-10px > div { padding-left: 5px !important; padding-right: 5px !important; } + +.gutter-20px { margin-left: -10px !important; margin-right: -10px !important; } + +.gutter-20px > li, .gutter-20px > div { padding-left: 10px !important; padding-right: 10px !important; } + +.gutter-30px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-30px > li, .gutter-30px > div { padding-left: 15px !important; padding-right: 15px !important; } + +.gutter-40px { margin-left: -20px !important; margin-right: -20px !important; } + +.gutter-40px > li, .gutter-40px > div { padding-left: 20px !important; padding-right: 20px !important; } + +.gutter-50px { margin-left: -25px !important; margin-right: -25px !important; } + +.gutter-50px > li, .gutter-50px > div { padding-left: 25px !important; padding-right: 25px !important; } + +.gutter-60px { margin-left: -30px !important; margin-right: -30px !important; } + +.gutter-60px > li, .gutter-60px > div { padding-left: 30px !important; padding-right: 30px !important; } + +.gutter-70px { margin-left: -35px !important; margin-right: -35px !important; } + +.gutter-70px > li, .gutter-70px > div { padding-left: 35px !important; padding-right: 35px !important; } + +.gutter-80px { margin-left: -40px !important; margin-right: -40px !important; } + +.gutter-80px > li, .gutter-80px > div { padding-left: 40px !important; padding-right: 40px !important; } + +.gutter-90px { margin-left: -45px !important; margin-right: -45px !important; } + +.gutter-90px > li, .gutter-90px > div { padding-left: 45px !important; padding-right: 45px !important; } + +.gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } + +.gutter-vr-5px { margin-top: -2.5px !important; margin-bottom: -2.5px !important; } + +.gutter-vr-5px > li, .gutter-vr-5px > div { padding-top: 2.5px !important; padding-bottom: 2.5px !important; } + +.gutter-vr-15px { margin-top: -7.5px !important; margin-bottom: -7.5px !important; } + +.gutter-vr-15px > li, .gutter-vr-15px > div { padding-top: 7.5px !important; padding-bottom: 7.5px !important; } + +.gutter-vr-25px { margin-top: -12.5px !important; margin-bottom: -12.5px !important; } + +.gutter-vr-25px > li, .gutter-vr-25px > div { padding-top: 12.5px !important; padding-bottom: 12.5px !important; } + +.gutter-vr-10px { margin-top: -5px !important; margin-bottom: -5px !important; } + +.gutter-vr-10px > li, .gutter-vr-10px > div { padding-top: 5px !important; padding-bottom: 5px !important; } + +.gutter-vr-20px { margin-top: -10px !important; margin-bottom: -10px !important; } + +.gutter-vr-20px > li, .gutter-vr-20px > div { padding-top: 10px !important; padding-bottom: 10px !important; } + +.gutter-vr-30px { margin-top: -15px !important; margin-bottom: -15px !important; } + +.gutter-vr-30px > li, .gutter-vr-30px > div { padding-top: 15px !important; padding-bottom: 15px !important; } + +.gutter-vr-40px { margin-top: -20px !important; margin-bottom: -20px !important; } + +.gutter-vr-40px > li, .gutter-vr-40px > div { padding-top: 20px !important; padding-bottom: 20px !important; } + +.gutter-vr-50px { margin-top: -25px !important; margin-bottom: -25px !important; } + +.gutter-vr-50px > li, .gutter-vr-50px > div { padding-top: 25px !important; padding-bottom: 25px !important; } + +.gutter-vr-60px { margin-top: -30px !important; margin-bottom: -30px !important; } + +.gutter-vr-60px > li, .gutter-vr-60px > div { padding-top: 30px !important; padding-bottom: 30px !important; } + +.gutter-vr-70px { margin-top: -35px !important; margin-bottom: -35px !important; } + +.gutter-vr-70px > li, .gutter-vr-70px > div { padding-top: 35px !important; padding-bottom: 35px !important; } + +.gutter-vr-80px { margin-top: -40px !important; margin-bottom: -40px !important; } + +.gutter-vr-80px > li, .gutter-vr-80px > div { padding-top: 40px !important; padding-bottom: 40px !important; } + +.gutter-vr-90px { margin-top: -45px !important; margin-bottom: -45px !important; } + +.gutter-vr-90px > li, .gutter-vr-90px > div { padding-top: 45px !important; padding-bottom: 45px !important; } + +.gutter-vr-100px { margin-top: -50px !important; margin-bottom: -50px !important; } + +.gutter-vr-100px > li, .gutter-vr-100px > div { padding-top: 50px !important; padding-bottom: 50px !important; } + +.gutter-100px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 15px !important; padding-right: 15px !important; } + +@media (min-width: 992px) { .gutter-100px { margin-left: -25px !important; margin-right: -25px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 25px !important; padding-right: 25px !important; } } + +@media (min-width: 1200px) { .gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } } + +/** 02.03 Colors */ +.tc-base-white, .tc-light, .tc-light a:not(.btn):not([class*="link-"]) { color: #f0f4fd; } + +.tc-base-white-hover, .tc-light a:not(.btn):not([class*="link-"]):hover { color: #16a4fd; } + +.tc-default, .tc-default a { color: #637097 !important; } + +.tc-alternet, .tc-alternet a { color: #637097 !important; } + +.tc-primary, .tc-primary a { color: #16a4fd !important; } + +.tc-primary a:hover { color: #41faa4 !important; } + +.tc-secondary, .tc-secondary a { color: #41faa4 !important; } + +.tc-secondary a:hover { color: #16a4fd !important; } + +.tc-info, .tc-info a { color: #026bfb !important; } + +.tc-warning, .tc-warning a { color: #f6be26 !important; } + +.tc-success, .tc-success a { color: #39d884 !important; } + +.tc-danger, .tc-danger a { color: #e6604a !important; } + +.tc-light p, .tc-light .list { color: #7ab9ff; } + +.tc-light .lead, .tc-light .lead-light, .tc-light .lead-s2 { color: #fff; } + +.tc-light-alt a:not(.btn):not([class*="link-"]) { color: #7ab9ff !important; } + +.tc-light-alt a:not(.btn):not([class*="link-"]):hover { color: #16a4fd !important; } + +.tc-light-alt li { color: #7ab9ff; } + +.tc-lighter { color: rgba(255, 255, 255, 0.6) !important; } + +.tc-dark, .tc-dark a { color: #0b0c10 !important; } + +.tc-theme, .tc-theme a { color: #16a4fd !important; } + +.tc-theme-alt, .tc-theme-alt a { color: #1b30a4 !important; } + +.tc-white { color: #fff !important; } + +.bg-default { background-color: #637097 !important; } + +.bg-alternet { background-color: #1b30a4 !important; } + +.bg-primary { background-color: #16a4fd !important; } + +.bg-secondary { background-color: #41faa4 !important; } + +.bg-light { background-color: #f0f4fd !important; } + +.bg-light.current { background-color: rgba(240, 244, 253, 0.7) !important; } + +.bg-light-alt { background-color: #dde6fa !important; } + +.bg-light-alt.current { background-color: rgba(221, 230, 250, 0.7) !important; } + +.bg-light-grad { background-image: linear-gradient(to bottom, #fff 0%, #f0f4fd 100%); } + +.bg-dark { background-color: #15257b !important; } + +.bg-dark.current { background-color: rgba(21, 37, 123, 0.7) !important; } + +.bg-dark-alt { background-color: rgba(21, 37, 123, 0.7) !important; } + +.bg-dark-alt.current { background-color: rgba(27, 48, 164, 0.7) !important; } + +.bg-dark-opacity { background: rgba(0, 0, 0, 0.15) !important; } + +.bg-trans { background-color: transparent !important; } + +.bg-grad { background-image: linear-gradient(90deg, #16a4fd 0%, #41faa4 100%) !important; } + +.bg-grad-alt { background-image: linear-gradient(90deg, #41faa4 0%, #16a4fd 100%) !important; } + +.bg-grad-special { background-image: linear-gradient(140deg, #2e007a 0%, #2e007a 20%, transparent 50%, transparent 100%) !important; } + +.bg-grad-special-alt { background-image: linear-gradient(to top, #0d42b2 0%, #0d42b2 5%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.bg-grad-vr-theme-to-alt { background-image: linear-gradient(to bottom, #1b30a4 0%, #0d42b2 100%) !important; } + +.bg-grad-vr-theme-dark-to-dark-alt { background-image: linear-gradient(to bottom, #15257b 0%, #1b30a4 100%) !important; } + +.bg-grad-vr-alt-to-theme { background-image: linear-gradient(to top, #1b30a4 0%, #0d42b2 100%) !important; } + +.bg-grad-vr-dark-alt-to-theme-dark-to-theme { background-image: linear-gradient(to top, #15257b 0%, #1b30a4 100%) !important; } + +.bg-info { background-color: #026bfb !important; } + +.bg-warning { background-color: #f6be26 !important; } + +.bg-success { background-color: #39d884 !important; } + +.bg-danger { background-color: #e6604a !important; } + +.bg-black { background-color: #000; } + +.bg-black-2, .bonus-info { background-color: rgba(0, 0, 0, 0.02); } + +.bg-black-5 { background-color: rgba(0, 0, 0, 0.05); } + +.bg-black-7 { background-color: rgba(0, 0, 0, 0.07); } + +.bg-black-10 { background-color: rgba(0, 0, 0, 0.1); } + +.bg-black-14 { background-color: rgba(0, 0, 0, 0.14); } + +.bg-black-22 { background-color: rgba(0, 0, 0, 0.22); } + +.bg-white { background-color: #fff; } + +.bg-white-2 { background-color: rgba(255, 255, 255, 0.02); } + +.bg-white-5 { background-color: rgba(255, 255, 255, 0.05); } + +.bg-white-7 { background-color: rgba(255, 255, 255, 0.07); } + +.bg-white-10 { background-color: rgba(255, 255, 255, 0.1); } + +.bg-white-14 { background-color: rgba(255, 255, 255, 0.14); } + +.bg-white-22 { background-color: rgba(255, 255, 255, 0.22); } + +.bg-theme { background-color: #1b30a4 !important; } + +.bg-theme.current { background-color: rgba(27, 48, 164, 0.7) !important; } + +.bg-theme-alt { background-color: #0d42b2 !important; } + +.bg-theme-alt.current { background-color: rgba(13, 66, 178, 0.7) !important; } + +.bg-theme-grad { background-image: linear-gradient(to right, #1b30a4 0%, #0d42b2 100%) !important; } + +.bg-theme-grad-alt { background-image: linear-gradient(to right, #0d42b2 0%, #1b30a4 100%) !important; } + +.bg-theme-grad-s2 { background-image: linear-gradient(135deg, #1b30a4 0%, #0d42b2 100%) !important; } + +.bg-theme-grad-s2-alt { background-image: linear-gradient(135deg, #0d42b2 0%, #1b30a4 100%) !important; } + +.bg-theme-grad-alternet { background-image: linear-gradient(to right, #1b30a4 0%, #2e007a 100%) !important; } + +.bg-theme-dark { background-color: #15257b !important; } + +.bg-theme-dark.current { background-color: rgba(21, 37, 123, 0.7) !important; } + +.bg-theme-dark-alt { background-color: #1b30a4 !important; } + +.bg-theme-dark-alt.current { background-color: rgba(27, 48, 164, 0.7) !important; } + +.bg-theme-light { background-color: #f0f4fd !important; } + +.bg-theme-light.current { background-color: rgba(240, 244, 253, 0.7) !important; } + +.bg-theme-light-alt { background-color: #dde6fa !important; } + +.bg-theme-light-alt.current { background-color: rgba(221, 230, 250, 0.7) !important; } + +.bg-theme-accent { background-color: #16a4fd !important; } + +.bg-theme-accent.current { background-color: rgba(22, 164, 253, 0.7) !important; } + +.bg-theme-accent-alt { background-color: #41faa4 !important; } + +.bg-theme-accent-alt.current { background-color: rgba(65, 250, 164, 0.7) !important; } + +.bg-blend:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #1b30a4); } + +.bg-blend-alt:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #0d42b2); } + +.bg-blend-light { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #f0f4fd); } + +.bg-blend-light-alt { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #dde6fa); } + +.bg-rblend-light { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #f0f4fd); } + +.bg-rblend-light-alt { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #dde6fa); } + +.theme-dark { background: #15257b !important; } + +.text-primary { color: #1b30a4 !important; } + +.text-primary-alt { color: #0d42b2 !important; } + +.text-theme-alt { color: #2e007a; } + +.text-base { color: #313c56; } + +/** 02.04 Misc */ +.ttc { text-transform: capitalize !important; } + +.ttu { text-transform: uppercase !important; } + +.ttl { text-transform: lowercase !important; } + +.ttn { text-transform: none !important; } + +.fw-7 { font-weight: 700 !important; } + +.fw-6 { font-weight: 600 !important; } + +.fw-5 { font-weight: 500 !important; } + +.fw-4 { font-weight: 400 !important; } + +.fw-3 { font-weight: 300 !important; } + +.fw-rg { font-weight: 400 !important; } + +.fw-bold { font-weight: 700 !important; } + +.fw-md { font-weight: 500 !important; } + +.fw-lt { font-weight: 300 !important; } + +.lh { line-height: 1; } + +.lh-11 { line-height: 1.1; } + +.lh-12 { line-height: 1.2; } + +.lh-13 { line-height: 1.3; } + +.lh-14 { line-height: 1.4; } + +.lh-15 { line-height: 1.5; } + +.lh-16 { line-height: 1.6; } + +.lh-17 { line-height: 1.7; } + +.lh-18 { line-height: 1.8; } + +.lh-19 { line-height: 1.9; } + +.lh-2 { line-height: 2; } + +.ov-h, .nk-block-video, .nk-banner, .banner-wrap, .feature-group, .feature-img { overflow: hidden; } + +.ov-xh { overflow-x: hidden; } + +.ov-yh { overflow-y: hidden; } + +.ov-s { overflow: scroll; } + +.ov-xs { overflow-x: scroll; } + +.ov-ys { overflow-y: scroll; } + +.ov-v { overflow: visible !important; } + +.ov-xv { overflow-x: visible !important; } + +.ov-yv { overflow-y: visible !important; } + +.bd { border: 1px solid #d1e0f6; } + +.bd-2 { border-width: 2px; } + +.bd-3 { border-width: 3px; } + +.bdt { border-top: 1px solid #d1e0f6; } + +.bdt-2 { border-top-width: 2px; } + +.bdt-3 { border-top-width: 3px; } + +.bdb { border-bottom: 1px solid #d1e0f6; } + +.bdb-2 { border-bottom-width: 2px; } + +.bdb-3 { border-bottom-width: 3px; } + +.bdl { border-left: 1px solid #d1e0f6; } + +.bdl-2 { border-left-width: 2px; } + +.bdl-3 { border-left-width: 3px; } + +.bdr { border-right: 1px solid #d1e0f6; } + +.bdr-2 { border-right-width: 2px; } + +.bdr-3 { border-right-width: 3px; } + +.bd-dashed { border-style: dashed; } + +.bd-dotted { border-style: dotted; } + +.bd-double { border-style: double; } + +.bd-light { border-color: #dbe4f7; } + +.bd-lighter { border-color: #dbe4f7; } + +.bd-lightest { border-color: #f4f7fd; } + +.bd-dark { border-color: #394995; } + +.bd-darker { border-color: #394995; } + +.bd-darkest { border-color: #394995; } + +.bd-primary { border-color: #16a4fd; } + +.bd-alternet { border-color: #a2b3cd; } + +.bd-secondary { border-color: #1b30a4; } + +.bd-info { border-color: #9ac4fd; } + +.bd-warning { border-color: #fbe5a8; } + +.bd-success { border-color: #b0efce; } + +.bd-danger { border-color: #f5bfb7; } + +.round, .token-stage { border-radius: 6px !important; } + +.round-sm { border-radius: 4px !important; } + +.round-md { border-radius: 10px !important; } + +.round-lg { border-radius: 15px !important; } + +.round-xl { border-radius: 44px !important; } + +.round-full, .circle { border-radius: 50% !important; } + +.round-full:before, .circle:before, .round-full:after, .circle:after { border-radius: 50% !important; } + +.bdrs-1 { border-radius: 1px; } + +.bdrs-2 { border-radius: 2px; } + +.bdrs-3 { border-radius: 3px; } + +.bdrs-4 { border-radius: 4px; } + +.bdrs-5 { border-radius: 5px; } + +.bdrs-6 { border-radius: 6px; } + +.bdrs-7 { border-radius: 7px; } + +.bdrs-8 { border-radius: 8px; } + +.bdrs-9 { border-radius: 9px; } + +.bdrs-1x { border-radius: 10px; } + +.bdrs-2x { border-radius: 20px; } + +.bdrs-3x { border-radius: 30px; } + +.bdrs-4x { border-radius: 40px; } + +.bdrs-5x { border-radius: 50px; } + +.bdrs-15x { border-radius: 15px; } + +.bdrs-25x { border-radius: 25px; } + +.bdrs-35x { border-radius: 35px; } + +.bdrs-45x { border-radius: 45px; } + +.shadow { box-shadow: 0 3px 12px 0 rgba(49, 60, 86, 0.08) !important; } + +.shadow-alt { box-shadow: 0 8px 16px 0 rgba(49, 60, 86, 0.15); } + +.shadow-soft { box-shadow: 0 5px 45px 0 rgba(49, 60, 86, 0.08); } + +.shadow-soft-sm { box-shadow: 0 2px 12px 0 rgba(49, 60, 86, 0.08); } + +.shadow-dark { box-shadow: 0 5px 40px rgba(49, 60, 86, 0.15); } + +.shadow-dark-sm { box-shadow: 0 3px 12px 0 rgba(49, 60, 86, 0.15); } + +.shadow-heavy { box-shadow: 0 5px 50px rgba(49, 60, 86, 0.25); } + +.shadow-heavy-sm { box-shadow: 0 3px 12px 0 rgba(49, 60, 86, 0.25); } + +.nk-df-mask-a, .mask-a:before, .mask-a-bg { background-image: url(../images/mask-a.svg); } + +.ie .nk-df-mask-a, .ie .mask-a:before, .ie .mask-a-bg { background-image: url(../images/mask-a.png); } + +.nk-df-mask-a-md, .mask-a-md:before, .mask-a-md-bg { background-image: url(../images/mask-a-md.svg); } + +.ie .nk-df-mask-a-md, .ie .mask-a-md:before, .ie .mask-a-md-bg { background-image: url(../images/mask-a-md.png); } + +.nk-df-mask-a-dark, .mask-a-dark:before, .mask-a-dark-bg { background-image: url(../images/mask-a-dark.svg); } + +.ie .nk-df-mask-a-dark, .ie .mask-a-dark:before, .ie .mask-a-dark-bg { background-image: url(../images/mask-a-dark.png); } + +.nk-df-mask-line, .mask-line:before, .mask-line-bg { background-image: url(../images/mask-line.svg); } + +.ie .nk-df-mask-line, .ie .mask-line:before, .ie .mask-line-bg { background-image: url(../images/mask-line.png); } + +.nk-df-mask-b, .mask-b:before, .mask-b-bg { background-image: url(../images/mask-b.svg); } + +.ie .nk-df-mask-b, .ie .mask-b:before, .ie .mask-b-bg { background-image: url(../images/mask-b.png); } + +.nk-df-mask-c, .mask-c:before, .mask-c-bg { background-image: url(../images/mask-c.svg); } + +.ie .nk-df-mask-c, .ie .mask-c:before, .ie .mask-c-bg { background-image: url(../images/mask-c.png); } + +.nk-df-mask-c-light, .mask-c-light:before, .mask-c-light-bg { background-image: url(../images/mask-c-light.svg); } + +.ie .nk-df-mask-c-light, .ie .mask-c-light:before, .ie .mask-c-light-bg { background-image: url(../images/mask-c-light.png); } + +.nk-df-mask-c-dark, .mask-c-dark:before, .mask-c-dark-bg { background-image: url(../images/mask-c-dark.svg); } + +.ie .nk-df-mask-c-dark, .ie .mask-c-dark:before, .ie .mask-c-dark-bg { background-image: url(../images/mask-c-dark.png); } + +.nk-df-mask-d, .mask-d:before, .mask-d-bg { background-image: url(../images/mask-d.svg); } + +.ie .nk-df-mask-d, .ie .mask-d:before, .ie .mask-d-bg { background-image: url(../images/mask-d.png); } + +.nk-df-mask-d2, .mask-d2:before, .mask-d2-bg { background-image: url(../images/mask-d2.svg); } + +.ie .nk-df-mask-d2, .ie .mask-d2:before, .ie .mask-d2-bg { background-image: url(../images/mask-d2.png); } + +.nk-df-mask-e, .mask-e:before, .mask-e-bg { background-image: url(../images/mask-e.svg); } + +.ie .nk-df-mask-e, .ie .mask-e:before, .ie .mask-e-bg { background-image: url(../images/mask-e.png); } + +.nk-df-mask-f, .mask-f:before, .mask-f-bg { background-image: url(../images/mask-f.svg); } + +.ie .nk-df-mask-f, .ie .mask-f:before, .ie .mask-f-bg { background-image: url(../images/mask-f.png); } + +.nk-df-mask-f-footer, .mask-f-footer:before, .mask-f-footer-bg { background-image: url(../images/mask-f-footer.svg); } + +.ie .nk-df-mask-f-footer, .ie .mask-f-footer:before, .ie .mask-f-footer-bg { background-image: url(../images/mask-f-footer.png); } + +.mask-a:before, .mask-a-md:before, .mask-a-dark:before { background-position: bottom center !important; } + +.mask-contain-bottom:before { background-size: contain; background-position: 50% 100%; } + +.mask-c-blend { background-image: linear-gradient(180deg, #0d1b61 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-dark { background-image: linear-gradient(180deg, #0C0E24 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-light { background-image: linear-gradient(180deg, #f0f6ff 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-f:before { left: 0 !important; } + +.mask-f-footer:before { background-position: 50% -1px; } + +.before-bottom:before { top: auto; } + +.before-h10:before { height: 10%; } + +.before-h20:before { height: 20%; } + +.before-h30:before { height: 30%; } + +.before-h40:before { height: 40%; } + +.before-h50:before { height: 50%; } + +.before-h60:before { height: 60%; } + +.before-h70:before { height: 70%; } + +.before-h80:before { height: 80%; } + +.before-h90:before { height: 90%; } + +.nk-df-shape-a, .shape-a:after, .shape-a-bg, .bg-shape-a { background-image: url(../images/shape-a.png); } + +.nk-df-shape-a-sm, .shape-a-sm:after, .shape-a-sm-bg { background-image: url(../images/shape-a-sm.png); } + +.nk-df-shape-b, .shape-b:after, .shape-b-bg, .bg-shape-b { background-image: url(../images/shape-b.png); } + +.nk-df-shape-b-sm, .shape-b-sm:after, .shape-b-sm-bg { background-image: url(../images/shape-b-sm.png); } + +.nk-df-shape-c, .shape-c:after, .shape-c-bg { background-image: url(../images/shape-c.png); } + +.nk-df-shape-c-sm, .shape-c-sm:after, .shape-c-sm-bg { background-image: url(../images/shape-c-sm.png); } + +.nk-df-shape-d, .shape-d:after, .shape-d-bg { background-image: url(../images/shape-d.png); } + +.nk-df-shape-d-sm, .shape-d-sm:after, .shape-d-sm-bg { background-image: url(../images/shape-d-sm.png); } + +.nk-df-shape-e, .shape-e:after, .shape-e-bg { background-image: url(../images/shape-e.png); } + +.nk-df-shape-e-sm, .shape-e-sm:after, .shape-e-sm-bg { background-image: url(../images/shape-e-sm.png); } + +.nk-df-shape-f, .shape-f:after, .shape-f-bg { background-image: url(../images/shape-f.png); } + +.nk-df-shape-f-sm, .shape-f-sm:after, .shape-f-sm-bg { background-image: url(../images/shape-f-sm.png); } + +.nk-df-shape-g, .shape-g:after, .shape-g-bg { background-image: url(../images/shape-g.png); } + +.nk-df-shape-g-sm, .shape-g-sm:after, .shape-g-sm-bg { background-image: url(../images/shape-g-sm.png); } + +.nk-df-shape-h, .shape-h:after, .shape-h-bg { background-image: url(../images/shape-h.png); } + +.nk-df-shape-h-sm, .shape-h-sm:after, .shape-h-sm-bg { background-image: url(../images/shape-h-sm.png); } + +.nk-df-shape-i, .shape-i:after, .shape-i-bg { background-image: url(../images/shape-i.png); } + +.nk-df-shape-i-sm, .shape-i-sm:after, .shape-i-sm-bg { background-image: url(../images/shape-i-sm.png); } + +.nk-df-shape-m, .shape-m:after, .shape-m-bg { background-image: url(../images/shape-m.png); } + +.nk-df-shape-n, .shape-n:after, .shape-n-bg { background-image: url(../images/shape-n.png); } + +.nk-df-shape-o, .shape-o:after, .shape-o-bg { background-image: url(../images/shape-o.png); } + +.nk-df-shape-p, .shape-p:after, .shape-p-bg { background-image: url(../images/shape-p.png); } + +.nk-df-shape-q, .shape-q:after, .shape-q-bg { background-image: url(../images/shape-q.png); } + +.nk-df-shape-r, .shape-r:after, .shape-r-bg { background-image: url(../images/shape-r.png); } + +.nk-df-shape-s, .shape-s:after, .shape-s-bg { background-image: url(../images/shape-s.png); } + +.nk-df-shape-s-sm, .shape-s-sm:after, .shape-s-sm-bg { background-image: url(../images/shape-s-sm.png); } + +.nk-df-shape-t, .shape-t:after, .shape-t-bg { background-image: url(../images/shape-t.png); } + +.nk-df-shape-u, .shape-u:after, .shape-u-bg { background-image: url(../images/shape-u.png); } + +.nk-df-shape-v, .shape-v:after, .shape-v-bg { background-image: url(../images/shape-v.png); } + +.nk-df-shape-w, .shape-w:after, .shape-w-bg { background-image: url(../images/shape-w.png); } + +.nk-df-shape-x, .shape-x:after, .shape-x-bg { background-image: url(../images/shape-x.png); } + +.nk-df-shape-x-2, .shape-x-2:after, .shape-x-2-bg { background-image: url(../images/shape-x-2.png); } + +.nk-df-shape-x-3, .shape-x-3:after, .shape-x-3-bg { background-image: url(../images/shape-x-3.png); } + +.nk-df-shape-y, .shape-y:after, .shape-y-bg { background-image: url(../images/shape-y.png); } + +.nk-df-shape-z, .shape-z:after, .shape-z-bg { background-image: url(../images/shape-z.png); } + +.nk-df-shape-z2, .shape-z2:after, .shape-z2-bg { background-image: url(../images/shape-z2.png); } + +.nk-df-shape-a2, .shape-a2:after, .shape-a2-bg { background-image: url(../images/shape-a2.png); } + +.nk-df-shape-z3, .shape-z3:after, .shape-z3-bg { background-image: url(../images/shape-z3.png); } + +.nk-df-shape-z4, .shape-z4:after, .shape-z4-bg { background-image: url(../images/shape-z4.png); } + +.nk-df-shape-z6, .shape-z6:after, .shape-z6-bg { background-image: url(../images/shape-z6.png); } + +.nk-df-shape-z6-sm, .shape-z6-sm:after, .shape-z6-sm-bg { background-image: url(../images/shape-z6-sm.png); } + +.nk-df-shape-z7, .shape-z7:after, .shape-z7-bg { background-image: url(../images/shape-z7.png); } + +.shape-contain:after { background-size: contain; } + +.shape-center-top:after { background-position: 50% 0; } + +.shape-center-bottom:after { background-position: 50% 100%; } + +.shape-left-top:after { background-position: 0 0; } + +.shape-q:after { background-size: contain; background-repeat: repeat; background-position: 0 50%; } + +.shape-lg-60:after { background-size: 60%; } + +.shape-z3:after { background-size: 100%; background-position: bottom center; } + +.shape-x.nk-ovm:after, .shape-x.nk-ovm:before { left: 0 !important; } + +.shape-a2:before { background-size: 100%; } + +.nk-ovm { z-index: 1; } + +.nk-ovm:before, .nk-ovm:after { bottom: -1px; left: -1px; } + +.nk-ovm:before { z-index: 1; } + +.nk-ovm-repeat:after { background-repeat: repeat; background-size: contain; } + +.nk-ovm-fixed:after { background-attachment: fixed; } + +.ovm-top { bottom: auto; } + +.ovm-bottom { top: auto; } + +.ovm-left { right: auto; } + +.ovm-right { left: auto; } + +.ovm-h-10 { height: 10%; } + +.ovm-h-20 { height: 20%; } + +.ovm-h-30 { height: 30%; } + +.ovm-h-40 { height: 40%; } + +.ovm-h-50 { height: 50%; } + +.ovm-h-60 { height: 60%; } + +.ovm-h-70 { height: 70%; } + +.ovm-h-80 { height: 80%; } + +.ovm-h-90 { height: 90%; } + +.ovm-w-10 { width: 10%; } + +.ovm-w-20 { width: 20%; } + +.ovm-w-30 { width: 30%; } + +.ovm-w-40 { width: 40%; } + +.ovm-w-50 { width: 50%; } + +.ovm-w-60 { width: 60%; } + +.ovm-w-70 { width: 70%; } + +.ovm-w-80 { width: 80%; } + +.ovm-w-90 { width: 90%; } + +.has-bg-image > div, .has-bg-video > div { position: relative; z-index: 1; } + +.bg-fixed { background-attachment: fixed; } + +.bg-image { position: absolute !important; z-index: 0 !important; opacity: 0; transition: opacity .4s; } + +.bg-image.bg-image-loaded { opacity: 1; } + +.bg-image img { display: none !important; } + +.bg-pattern-dots-color { background-image: url(../images/dot-a.png); background-size: contain; } + +.bg-pattern-dots { background-image: url(../images/dot-b.png); background-size: contain; background-repeat: repeat-y; } + +.bg-contain { background-size: contain; } + +.bg-bottom-center { background-position: 50% 100%; } + +.bg-shape-b { background-position: 50% 100%; } + +.bg-video { position: absolute !important; z-index: 0 !important; overflow: hidden; } + +.bg-video-cover { opacity: 0; } + +.cover-enabled .bg-video-cover { opacity: 1; } + +.bg-video .ytplayer-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.bg-video .ytplayer-container.cover-enabled .bg-video .ytplayer-container { display: none; } + +.cover-enabled .ytplayer-container { display: none; } + +.bg-image.bp-l0, .has-bg.bp-l0 { background-position: 0%; } + +.bg-image.bp-r0, .has-bg.bp-r0 { background-position: 0%; } + +.bg-image.bp-l10, .has-bg.bp-l10 { background-position: 10%; } + +.bg-image.bp-r10, .has-bg.bp-r10 { background-position: 40%; } + +.bg-image.bp-l20, .has-bg.bp-l20 { background-position: 20%; } + +.bg-image.bp-r20, .has-bg.bp-r20 { background-position: 30%; } + +.bg-image.bp-l25, .has-bg.bp-l25 { background-position: 25%; } + +.bg-image.bp-r25, .has-bg.bp-r25 { background-position: 25%; } + +.bg-image.bp-l30, .has-bg.bp-l30 { background-position: 30%; } + +.bg-image.bp-r30, .has-bg.bp-r30 { background-position: 20%; } + +.bg-image.bp-l40, .has-bg.bp-l40 { background-position: 40%; } + +.bg-image.bp-r40, .has-bg.bp-r40 { background-position: 10%; } + +.overlay:after { content: ''; } + +.overlay-light:after { background: #fff; } + +.overlay-dark:after { background: #000; } + +.overlay-theme:after { background: #1b30a4; } + +.overlay-theme-dark:after { background: #15257b; } + +.overlay-opacity-10:after { opacity: 0.1; } + +.overlay-opacity-15:after { opacity: 0.15; } + +.overlay-opacity-20:after { opacity: 0.2; } + +.overlay-opacity-25:after { opacity: 0.25; } + +.overlay-opacity-30:after { opacity: 0.3; } + +.overlay-opacity-35:after { opacity: 0.35; } + +.overlay-opacity-40:after { opacity: 0.4; } + +.overlay-opacity-45:after { opacity: 0.45; } + +.overlay-opacity-50:after { opacity: 0.5; } + +.overlay-opacity-55:after { opacity: 0.55; } + +.overlay-opacity-60:after { opacity: 0.6; } + +.overlay-opacity-65:after { opacity: 0.65; } + +.overlay-opacity-70:after { opacity: 0.7; } + +.overlay-opacity-75:after { opacity: 0.75; } + +.overlay-opacity-80:after { opacity: 0.8; } + +.overlay-opacity-85:after { opacity: 0.85; } + +.overlay-opacity-90:after { opacity: 0.9; } + +.overlay-opacity-95:after { opacity: 0.95; } + +.overlay-opacity-100:after { opacity: 1; } + +.op-10 { opacity: 0.1; } + +.op-20 { opacity: 0.2; } + +.op-30 { opacity: 0.3; } + +.op-40 { opacity: 0.4; } + +.op-50 { opacity: 0.5; } + +.op-60 { opacity: 0.6; } + +.op-70 { opacity: 0.7; } + +.op-80 { opacity: 0.8; } + +.op-90 { opacity: 0.9; } + +.op-100 { opacity: 1; } + +.op-15 { opacity: 0.15; } + +.op-25 { opacity: 0.25; } + +.op-35 { opacity: 0.35; } + +.op-45 { opacity: 0.45; } + +.op-55 { opacity: 0.55; } + +.op-65 { opacity: 0.65; } + +.op-75 { opacity: 0.75; } + +.op-85 { opacity: 0.85; } + +.op-95 { opacity: 0.95; } + +.alignright, .alignleft, .aligncenter, .alignnone { display: block; padding: 0; margin: 15px auto; } + +@media (min-width: 576px) { .alignright, .alignleft, .aligncenter, .alignnone { margin: 0 0 15px; display: inline; } + .alignright { margin-left: 20px; float: right; } + .alignleft { margin-right: 20px; float: left; } + .alignnone { margin-right: 20px; } + .aligncenter { display: block; margin: 15px auto; } } + +.wide, .wide-rg, .wide-auto, .wide-auto-rg { max-width: 750px; } + +.wide-auto, .wide-auto-rg, .wide-auto-xl, .wide-auto-lg, .wide-auto-md, .wide-auto-sm, .wide-auto-xs { margin: 0 auto; } + +.wide-xl, .wide-auto-xl { max-width: 1560px; } + +.wide-lg, .wide-auto-lg { max-width: 1140px; } + +.wide-md, .wide-auto-md { max-width: 945px; } + +.wide-sm, .wide-auto-sm { max-width: 555px; } + +.wide-xs, .wide-auto-xs { max-width: 360px; } + +.wide-none, .wide-auto-none { max-width: inherit; } + +.text-center [class*="wide"], .text-center[class*="wide"] { margin-left: auto; margin-right: auto; } + +.over-up, [class*="over-up-"] { z-index: 9; } + +.over-up { margin-top: -175px; } + +.over-up-sm { margin-top: -45px; } + +.over-up-md { margin-top: -75px; } + +.over-up-lg { margin-top: -165px; } + +.over-up-xl { margin-top: -275px; } + +.over-up-s2 { margin-top: -70px; } + +.over-lg-up { margin-top: 0; } + +.over-up-xl-s2 { margin-top: 0; } + +@media (min-width: 768px) { .over-up { margin-top: -190px; } + .over-up-sm { margin-top: -75px; } + .over-up-md { margin-top: -125px; } + .over-up-lg { margin-top: -275px; } + .over-up-xl { margin-top: -350px; } + .over-up-s2 { margin-top: -50px; } } + +@media (min-width: 992px) { .over-lg-up { margin-top: -80px !important; } + .over-up-xl-s2 { margin-top: -230px; } + .nk-ovm-inner { position: absolute; right: 0; top: 0; width: 30%; background: #f0f4fd; height: 100%; z-index: 1; } } + +@media (min-width: 1200px) { .over-lg-up { margin-top: -100px !important; } + .over-up-xl-s2 { margin-top: -230px; } } + +@media (min-width: 1600px) { .over-lg-up { margin-top: -160px !important; } + .over-up-xl-s2 { margin-top: -295px; } } + +.nk-ovm .nk-svgs { z-index: 3; } + +.nk-svgs svg { height: 100%; width: auto; } + +.nk-svgs.svg-loaded svg { display: none; } + +hr { position: relative; z-index: 5; } + +.hr { border-top: 1px solid #dbe4f7; } + +.hr-white { border-top-color: #fff; } + +.hr-white-5 { border-top-color: rgba(255, 255, 255, 0.05); } + +.hr-white-10 { border-top-color: rgba(255, 255, 255, 0.1); } + +.hr-white-15 { border-top-color: rgba(255, 255, 255, 0.15); } + +.hr-black { border-top-color: #000; } + +.hr-black-5 { border-top-color: rgba(0, 0, 0, 0.05); } + +.hr-black-10 { border-top-color: rgba(0, 0, 0, 0.1); } + +.hr-black-15 { border-top-color: rgba(0, 0, 0, 0.15); } + +.h-110 { height: 110% !important; } + +.h-115 { height: 115% !important; } + +.h-120 { height: 120% !important; } + +.h-125 { height: 125% !important; } + +.h-130 { height: 130% !important; } + +.ui-shape { position: absolute; top: 0; left: 0; height: 100%; width: 100%; left: 50%; overflow: hidden; transform: translateX(-50%); z-index: -1; } + +.ui-shape:after, .ui-shape:before { position: absolute; content: ''; height: 210px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; transition: all .4s; } + +.ui-shape:before { top: 15%; left: -4%; width: 100px; background-image: url(../images/ui-shape-a.svg); } + +.ui-shape:after { bottom: 10%; right: -4%; width: 90px; background-image: url(../images/ui-shape-b.svg); } + +.ui-shape-light:before { background-image: url(../images/ui-shape-light-a.svg); } + +.ui-shape-light:after { background-image: url(../images/ui-shape-light-b.svg); } + +.ui-shape-s1:after { transform: rotate(60deg); } + +.ui-shape-s3:before { top: auto; bottom: 20%; } + +.ui-shape-s3:after { top: 10%; bottom: auto; } + +@media (min-width: 576px) { .ui-shape:before { width: 140px; } + .ui-shape:after { width: 120px; } } + +@media (min-width: 768px) { .ui-shape-s7:after { bottom: 15%; right: 16%; } + .ui-shape-s7:before { top: 6%; left: 22%; } + .ui-shape-s6:after { bottom: 9%; right: 0%; } + .ui-shape-s6:before { top: 9%; left: 13.3%; } + .ui-shape-s5:after { right: 4%; bottom: 15%; } + .ui-shape-s4:before { left: 20%; top: 23.5%; } + .ui-shape-s3:after { right: 4%; } + .ui-shape-s2:before { top: 8%; left: 21%; } + .ui-shape-s1:after { right: 0; } + .ui-shape-header:before { top: 22%; left: 9%; } + .ui-shape-header:after { right: 15%; bottom: 32%; } + .ui-shape-footer:before { top: 2%; } + .ui-shape-footer:after { bottom: -11%; } } + +@media (min-width: 992px) { .ui-shape { width: 960px; overflow: visible; } + .ui-shape:after { width: 166px; } + .ui-shape:before { width: 190px; } + .ui-shape-s5:after { right: -2.5%; } + .ui-shape-s3:before { top: auto; bottom: 20%; } + .ui-shape-header:before { left: 5%; } + .ui-shape-header:after { right: 3%; bottom: 22%; } } + +@media (min-width: 1200px) { .ui-shape { width: 1170px; } + .ui-shape-header:before { left: 2%; } + .ui-shape-header:after { right: -2.5%; bottom: 33%; } } + +.overlay-bars { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; } + +.overlay-bars div { position: absolute; background: rgba(255, 255, 255, 0.03); transform: rotate(-15deg); } + +.overlay-bars.reverse { transform: scaleX(-1); } + +.overlay-bar-1 { height: 140%; width: 300px; left: calc(50% - 210px); top: -20%; } + +.overlay-bar-2 { height: 100%; width: 160px; left: calc(50% - 170px); bottom: calc(50% + 155px); } + +.overlay-bar-3 { height: 100%; width: 230px; left: calc(50% - 90px); top: calc(50% + 280px); } + +.overlay-bar-4 { height: 140%; width: 300px; left: calc(50% - 860px); top: -20%; transform: rotate(-15deg); } + +.overlay-bar-5 { height: 140%; width: 160px; left: calc(50% - 910px); top: -20%; } + +.overlay-bar-6 { height: 140%; width: 300px; left: calc(50% + 530px); top: -20%; } + +.overlay-bar-7 { height: 140%; width: 300px; left: calc(50% + 670px); top: -20%; } + +.overlay-x { position: relative; } + +.overlay-x:before, .overlay-x:after { position: absolute; bottom: 0; content: ''; width: 300px; z-index: 1; } + +.overlay-x:before { left: 50%; margin-left: -125px; height: 800px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(-60deg); transform-origin: bottom right; } + +.overlay-x:after { right: 50%; margin-right: -125px; height: 3600px; background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(60deg); transform-origin: bottom right; } + +.background-shape { background: rgba(0, 52, 86, 0.03); position: absolute; height: 100%; width: 100%; content: ''; top: 0; left: 50%; transform: skewX(33deg); transform-origin: left bottom; } + +.tc-light .background-shape { background: rgba(0, 0, 0, 0.03); } + +.background-shape:before, .background-shape:after { background: rgba(255, 255, 255, 0.2); position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.tc-light .background-shape:before, .tc-light .background-shape:after { background: rgba(0, 0, 0, 0.05); } + +.background-shape:before { left: 280px; } + +.background-shape:after { left: 560px; } + +.background-shape.bs-right { left: 70%; } + +.background-shape.bs-reverse { right: 70%; left: auto; transform: skewX(-33deg); transform-origin: right bottom; } + +.background-shape.bs-reverse:before { left: auto; right: 280px; } + +.background-shape.bs-reverse:after { left: auto; right: 560px; } + +.background-shade { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } + +.background-shade .container { height: 100vh; position: relative; } + +.background-shade-left, .background-shade-right { position: absolute; top: 160px; width: 50%; height: calc(100% - 130px); opacity: .15; } + +.background-shade-left:after, .background-shade-right:after { position: absolute; top: 40px; width: 100%; height: 100%; content: ''; } + +.background-shade-left { left: -80px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(-12deg); } + +.tc-light .background-shade-left { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-left:after { left: 40px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-left:after { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right { right: -80px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(12deg); } + +.tc-light .background-shade-right { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right:after { right: 40px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-right:after { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.header-bubbles { position: absolute; left: 0; top: -100%; height: 200%; width: 100%; content: ''; z-index: 1; overflow: hidden; } + +.header-bubbles-single { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } + +.header-bubbles-single div { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.05); } + +.header-bubbles-single-1 { height: 735px; width: 735px; right: calc(50% - 65px); top: calc(50% + 10px); } + +.header-bubbles-single-2 { height: 680px; width: 680px; right: calc(50% + 360px); top: calc(50% - 145px); } + +.header-bubbles-single-3 { height: 350px; width: 350px; right: calc(50% - 95px); top: calc(50% + 540px); } + +.header-bubbles-single-4 { height: 650px; width: 650px; left: calc(50% + 435px); top: calc(50% - 240px); } + +.header-bubbles-single-5 { height: 350px; width: 350px; left: calc(50% + 490px); top: calc(50% + 240px); } + +.header-bubbles-single-6 { height: 440px; width: 440px; left: calc(50% + 685px); top: calc(50% + 240px); } + +.banner-rounded-bg { position: absolute; right: 390px; top: -750px; width: 120%; height: 1350px; z-index: 5; border-radius: 0 0 250px 0; transform: rotate(-8deg) skew(10deg); transform-origin: top right; padding: 0 120px 110px 0; overflow: hidden; } + +.banner-rounded-bg .particles-container { transform: rotate(8deg) skew(-10deg); transform-origin: top right; } + +.banner-shade-1, .banner-shade-2, .banner-shade-3 { display: block; height: 100%; width: 100%; } + +.banner-shade-1 { border-radius: 0 0 160px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%); opacity: .15; padding: 0 100px 90px 0; } + +.banner-shade-2 { border-radius: 0 0 110px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%); padding: 0 90px 80px 0; } + +.banner-shade-3 { border-radius: 0 0 80px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%); } + +@media (max-width: 1400px) { .banner-rounded-bg { right: 330px; } } + +.nk-pages-angled .section { z-index: inherit; } + +.section-bg-angle { position: absolute !important; left: 0; top: 0; height: 100%; width: 100%; content: ''; transform: skewY(10deg); z-index: 1; } + +.section-bg-angle ~ .container, .section-bg-angle ~ .nk-block { position: relative; z-index: 5; } + +.section-angle-top:before { position: absolute; left: 0; top: 0; height: 450px; width: 100%; content: ''; background: #dde6fa; z-index: 1; } + +.section-angle-top:after { position: absolute; left: 0; bottom: -450px; height: 450px; width: 100%; content: ''; background: #dde6fa; z-index: 1; } + +.section-angle-bottom:before { position: absolute; left: 0; top: -450px; height: 450px; width: 100%; content: ''; background: #fff; z-index: 2; } + +@media (min-width: 992px) { .section-bg-angle { transform: skewY(17deg); } + .section-bg-angle-s2 { transform: skewY(-4deg); } } + +.ui-mask, [class*=ui-mask] { position: absolute !important; left: 0; top: 0; width: 400px; height: 600px; z-index: 1; overflow: hidden; } + +.ui-mask:after, [class*=ui-mask]:after { position: absolute; right: 30%; top: 25%; content: ""; display: block; background-image: linear-gradient(135deg, rgba(13, 66, 178, 0) 15%, #1c62d8 50%, rgba(13, 66, 178, 0) 80%); border-radius: 50%; height: 400px; width: 400px; -webkit-filter: blur(80px); filter: blur(80px); z-index: 1; } + +.ui-mask:before, [class*=ui-mask]:before { display: none; content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 50%; z-index: 3; } + +.bg-white .ui-mask:after, .bg-theme-light .ui-mask:after, .bg-theme-light-alt .ui-mask:after, .bg-white [class*=ui-mask]:after, .bg-theme-light [class*=ui-mask]:after, .bg-theme-light-alt [class*=ui-mask]:after { display: none; } + +.ui-mask-right { left: auto; right: 0; } + +.ui-mask-right:after { right: auto; left: 30%; } + +.ui-mask-right:before { background-position: 100% 50%; } + +.ui-mask-s2 { width: 420px; height: 900px; transform: translateY(-30%); } + +.ui-mask-s2:after { background-image: linear-gradient(135deg, rgba(13, 66, 178, 0) 15%, #28298a 50%, rgba(13, 66, 178, 0) 80%); } + +.ui-mask-s2:before { display: block; background-image: url(../images/mask-line-a.png); } + +.ui-mask-s2.ui-mask-left:before { transform: rotate(-180deg); } + +.ui-mask-s3 { width: 600px; height: 1400px; transform: translateY(0); } + +.ui-mask-s3:after { height: 650px; width: 400px; right: 45%; background-image: linear-gradient(135deg, rgba(13, 66, 178, 0) 15%, #102486 50%, rgba(13, 66, 178, 0) 80%); } + +.ui-mask-s3:before { display: block; background-image: url(../images/mask-line-b.png); } + +.ui-mask-s3.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s4 { width: 420px; height: 820px; transform: translateY(-20%); } + +.ui-mask-s4:after { height: 510px; background-image: linear-gradient(135deg, rgba(13, 66, 178, 0) 15%, #1d5ecf 50%, rgba(13, 66, 178, 0) 80%); } + +.ui-mask-s5 { width: 440px; height: 1000px; transform: translateY(12%); } + +.ui-mask-s5:after { height: 600px; width: 350px; right: 45%; background-image: linear-gradient(135deg, rgba(13, 66, 178, 0) 15%, #1b5ed1 50%, rgba(13, 66, 178, 0) 80%); } + +.ui-mask-s5:before { display: block; background-image: url(../images/mask-line-c.png); } + +.ui-mask-s5.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s6 { width: 440px; height: 1000px; transform: translateY(2%); } + +.ui-mask-s6:after { height: 410px; width: 500px; left: 30%; background-image: linear-gradient(135deg, rgba(13, 66, 178, 0) 15%, #142692 50%, rgba(13, 66, 178, 0) 80%); } + +.ui-mask-s6:before { display: block; background-image: url(../images/mask-line-d.png); } + +.ui-mask-s6.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s7 { width: 870px; height: 800px; bottom: -20%; left: 50%; margin-left: -150px; top: auto; transform: translateY(0); } + +.ui-mask-s7:after { height: 710px; width: 600px; right: 0; top: 15%; transform: translateX(-25%); background-image: linear-gradient(135deg, rgba(13, 66, 178, 0) 15%, #3762d3 50%, rgba(13, 66, 178, 0) 80%); } + +.ui-mask-s7.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s8 { width: 350px; height: 392px; } + +.ui-mask-s8:before { display: block; background-image: url(../images/polygon-line-a.png); } + +.ui-mask-s8:after { display: none; } + +.ui-mask-s9 { width: 417px; height: 733px; } + +.ui-mask-s9:before { display: block; top: -31px; background-image: url(../images/polygon-line-b.png); } + +.ui-mask-s9:after { display: none; } + +.ui-mask-s10 { width: 417px; height: 733px; } + +.ui-mask-s10:before { display: block; top: -31px; background-image: url(../images/polygon-line-a-fill.png); } + +.ui-mask-s10:after { display: none; } + +.ui-mask-s11 { width: 384px; height: 733px; } + +.ui-mask-s11:before { display: block; top: -31px; background-image: url(../images/polygon-line-c.png); } + +.ui-mask-s11:after { display: none; } + +.ui-mask-s11.ui-mask-right:before { transform: rotateY(180deg); } + +.ui-mask-s12 { width: 80px; height: 270px; } + +.ui-mask-s12:before { display: block; top: 50px; background-image: url(../images/polygon-fill.png); } + +.ui-mask-s12:after { display: none; } + +@media only screen and (min-width: 767px) and (max-width: 1024px) { .ui-mask:before, [class*=ui-mask]:before { background-size: 50%; } } + +@media only screen and (max-width: 767px) { .ui-mask, [class*=ui-mask] { transform: scale(0.5); transform-origin: right; } + .ui-mask-left { transform-origin: left; } } + +/** 03. Elements */ +/** 03.01 Alert */ +.alert { position: relative; font-weight: 400; color: #fff; border: none; } + +.alert:last-child { margin-bottom: 0; } + +.alert a, .alert .alert-link { color: inherit; font-weight: inherit; box-shadow: 0 1px 0 currentColor; transition: box-shadow .3s; } + +.alert a:hover, .alert .alert-link:hover { box-shadow: 0 0 0; } + +.alert .close { color: inherit; transition: all .4s; height: 30px; width: 30px; padding: 0; background: none; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); right: 10px; text-shadow: none; opacity: .7; } + +.alert .close:not(:disabled):not(.disabled):focus, .alert .close:not(:disabled):not(.disabled):hover, .alert .close:hover, .alert .close:focus { color: currentColor; box-shadow: none; outline: none; opacity: 1; } + +.alert .close:after { position: absolute; font-family: 'themify'; content: '\e646'; top: 0; left: 0; color: currentColor; font-size: 12px; line-height: 30px; text-align: center; width: 100%; } + +.alert .close span { display: none; } + +.alert-primary { color: #016aac; background: #b8e3fe; } + +.alert-primary .close { background: #7bcbfe; } + +.alert-primary-alt { background: #16a4fd; } + +.alert-primary-alt .close { background: #027ac5; } + +.alert-secondary { color: #05d072; background: #e0fef0; } + +.alert-secondary .close { background: #effff7; } + +.alert-secondary-alt { background: #41faa4; } + +.alert-secondary-alt .close { background: #06e87f; } + +.alert-success { color: #29cf77; background: #cef5e1; } + +.alert-success .close { background: #64e09e; } + +.alert-success-alt { background: #39d884; } + +.alert-success-alt .close { background: #25b96b; } + +.alert-danger { color: #e6604a; background: #f9d6d0; } + +.alert-danger .close { background: #f2afa4; } + +.alert-danger-alt { background: #e6604a; } + +.alert-danger-alt .close { background: #9b2815; } + +.alert-info { color: #026bfb; background: #cae0ff; } + +.alert-info .close { background: #65a6fe; } + +.alert-info-alt { background: #026bfb; } + +.alert-info-alt .close { background: #014096; } + +.alert-warning { color: #e0a609; background: #fef4db; } + +.alert-warning .close { background: #f9d46f; } + +.alert-warning-alt { background: #f6be26; } + +.alert-warning-alt .close { background: #e0a609; } + +/** 03.02 Buttons */ +.btn { position: relative; font-size: 12px; line-height: 24px; font-weight: 500; padding: 8px 15px; text-align: center; text-transform: uppercase; color: #fff; min-width: 120px; max-width: 100%; border: 2px solid #16a4fd; box-sizing: border-box; transition: all 0.5s; position: relative; border-radius: 5px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; cursor: pointer; } + +.btn .icon { color: inherit; } + +.btn:hover { color: #fff !important; } + +.btn-grad { border: none; background-image: linear-gradient(to right, #16a4fd 0%, #41faa4 100%); } + +.btn-grad:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; z-index: -2; border-radius: 5px; opacity: 0; transition: all .5s; background-image: linear-gradient(to right, #41faa4 0%, #16a4fd 100%); } + +.btn-grad:hover:before { opacity: 1; } + +.btn-grad:hover, .btn-grad:focus { color: #fff !important; } + +.btn-grad-alt { background-image: linear-gradient(to right, #41faa4 0%, #16a4fd 100%); } + +.btn-grad-alt:before { background-image: linear-gradient(to right, #16a4fd 0%, #41faa4 100%); } + +.btn-grad-alternet { background-image: linear-gradient(to right, #2e007a 0%, #16a4fd 100%); } + +.btn-grad-alternet:before { background-image: linear-gradient(to right, #16a4fd 0%, #2e007a 100%); } + +.btn-grad-alternet-alt { background-image: linear-gradient(to right, #16a4fd 0%, #2e007a 100%); } + +.btn-grad-alternet-alt:before { background-image: linear-gradient(to right, #2e007a 0%, #16a4fd 100%); } + +.btn-grad-theme { background-image: linear-gradient(to right, #1b30a4 0%, #0d42b2 100%); } + +.btn-grad-theme:before { background-image: linear-gradient(to right, #0d42b2 0%, #1b30a4 100%); } + +.btn-grad-theme-alt { background-image: linear-gradient(to right, #41faa4 0%, #16a4fd 100%); } + +.btn-grad-theme-alt:before { background-image: linear-gradient(to right, #16a4fd 0%, #41faa4 100%); } + +.btn:hover, .btn:focus { outline: none !important; box-shadow: none !important; } + +.btn span { position: relative; z-index: 999999; display: block; } + +.btn span + .icon { margin-left: 10px; } + +.btn .icon + span { margin-left: 10px; } + +.btn .badge { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); } + +.btn-md { font-size: 12px; line-height: 24px; padding: 10px 26px; } + +.btn-rg { line-height: 24px; padding: 8px 20px; } + +.btn-sm { font-size: 11px; line-height: 23px; padding: 8px 20px; } + +.btn-xxs { font-size: 12px; line-height: 21px; padding: 0 10px; border-width: 1px; border-radius: 3px; } + +.btn-auto { min-width: 44px !important; } + +.btn-auto-lg { min-width: 80px !important; height: 100%; } + +.btn-grp { display: inline-flex; flex-wrap: wrap; align-items: center; margin: -7px; } + +.btn-grp > div, .btn-grp > li { padding: 7px; } + +.btn-grp-break > div, .btn-grp-break > li { width: 100%; text-align: center; } + +.text-center .btn-grp { justify-content: center; } + +.btn-download { display: inline-block; height: 40px; } + +.btn-grp-s2 .btn-download { width: 100px; height: 35px; } + +.btn-download img { height: 100%; } + +.btn-outline:not(:hover) { color: #637097; background-color: transparent !important; } + +.btn-outline:before { background-image: none; background-color: #fff; opacity: 1; margin: 2px; width: calc(100% - 4px); height: calc(100% - 4px); } + +.btn-outline.on-bg-light:before { background-color: #f0f4fd; } + +.btn-outline.on-bg-light-alt:before { background-color: #dde6fa; } + +.btn-outline.on-bg-theme, .btn-outline.on-bg-theme-alt, .btn-outline.on-bg-theme-dark, .btn-outline.on-bg-theme-dark-alt { color: #fff; } + +.btn-outline.on-bg-theme:before { background-color: #1b30a4; } + +.btn-outline.on-bg-theme-alt:before { background-color: #0d42b2; } + +.btn-outline.on-bg-theme-dark:before { background-color: #15257b; } + +.btn-outline.on-bg-theme-dark-alt:before { background-color: #1b30a4; } + +.btn-outline:hover { color: #fff !important; } + +.btn-outline:hover:before { opacity: 0; } + +.btn-outline.btn-grad { border: none; } + +.btn-outline.btn-grad:hover { color: #fff !important; } + +.btn-icon { min-width: 44px; padding-left: 6px; padding-right: 6px; } + +.btn-primary { background-color: #16a4fd; border-color: #16a4fd; } + +.btn-primary:hover, .btn-primary:focus { background-color: #41faa4; border-color: #41faa4; } + +.btn-primary:hover:focus, .btn-primary:focus:focus { color: #fff !important; } + +.tc-light .btn-primary:hover, .tc-light .btn-primary:focus { background-color: #41faa4; border-color: #41faa4; color: #fff !important; } + +.btn-primary.btn-outline:hover { background-color: #16a4fd; border-color: #16a4fd; color: #fff !important; } + +.btn-secondary { background-color: #41faa4; border-color: #41faa4; } + +.btn-secondary:hover, .btn-secondary:focus { background-color: #16a4fd; border-color: #16a4fd; } + +.btn-secondary.focus:focus { color: #fff !important; } + +.btn-secondary.btn-outline:hover, .btn-secondary.btn-outline:focus { background-color: #41faa4; border-color: #41faa4; } + +.btn-info { background-color: #026bfb; border-color: #026bfb; } + +.btn-info:hover { background-color: #014baf; border-color: #014baf; } + +.btn-info.btn-outline:hover { background-color: #026bfb; border-color: #026bfb; } + +.btn-warning { background-color: #f6be26; border-color: #f6be26; } + +.btn-warning:hover { background-color: #c79408; border-color: #c79408; } + +.btn-warning.btn-outline:hover { background-color: #f6be26; border-color: #f6be26; } + +.btn-success { background-color: #39d884; border-color: #39d884; } + +.btn-success:hover { background-color: #20a45f; border-color: #20a45f; } + +.btn-success.btn-outline:hover { background-color: #39d884; border-color: #39d884; } + +.btn-danger { background-color: #e6604a; border-color: #e6604a; } + +.btn-danger:hover { background-color: #c8341c; border-color: #c8341c; } + +.btn-danger.btn-outline:hover { background-color: #e6604a; border-color: #e6604a; } + +.btn-dark { background-color: #637097; border-color: #637097; } + +.btn-dark:hover { background-color: #3b4259; border-color: #3b4259; } + +.btn-dark.btn-outline:hover { background-color: #637097; border-color: #637097; } + +.btn-theme-dark { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0); } + +.btn-theme-dark:hover { background-color: #15257b; border-color: #15257b; } + +.btn-light { background-color: #f0f4fd; border-color: #f0f4fd; color: #637097 !important; } + +.btn-light:hover { background-color: #c3d3f7; border-color: #c3d3f7; color: #637097 !important; } + +.btn-light.btn-outline { background-color: #f0f4fd; border-color: #f0f4fd; } + +.btn-light.btn-outline:hover { background-color: #f0f4fd; border-color: #f0f4fd; } + +.tc-light .btn-light.btn-outline { color: #fff !important; } + +.tc-light .btn-light.btn-outline:hover { color: #637097 !important; } + +.btn-light.tc-light:not(:hover) { color: #fff !important; } + +.btn-facebook { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook:hover { background-color: #2d4373; border-color: #2d4373; } + +.btn-facebook.btn-outline .icon { color: #3b5998; } + +.btn-facebook.btn-outline:hover { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook.btn-outline:hover .icon { color: #fff; } + +.btn-google { background-color: #d85040; border-color: #d85040; } + +.btn-google:hover { background-color: #be3727; border-color: #be3727; } + +.btn-google.btn-outline .icon { color: #d85040; } + +.btn-google.btn-outline:hover { background-color: #d85040; border-color: #d85040; } + +.btn-google.btn-outline:hover .icon { color: #fff; } + +.btn-play { position: relative; color: #fff; height: 60px; width: 60px; font-size: 18px; text-align: center; line-height: 58px; border-radius: 50%; display: inline-block; border: 1px solid currentColor; } + +.btn-play-sm { height: 40px; width: 40px; line-height: 38px; } + +.btn-play:after { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(99, 112, 151, 0.35); animation: 1s ease 0s normal none infinite running playbutton; } + +.tc-light .btn-play:after { border-color: rgba(255, 255, 255, 0.35); } + +.btn-play:hover { color: #41faa4 !important; } + +.btn-play-s2 { background-image: linear-gradient(to right, #16a4fd 0%, #41faa4 100%); border: none; } + +.btn-play-s2:before { position: absolute; height: calc(100% - 4px); width: calc(100% - 4px); top: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .btn-play-s2:before { background: #f0f4fd; } + +.bg-light-alt .btn-play-s2:before { background: #dde6fa; } + +.bg-theme .btn-play-s2:before { background: #1b30a4; } + +.bg-theme-alt .btn-play-s2:before { background: #0d42b2; } + +.bg-theme-dark .btn-play-s2:before { background: #15257b; } + +.bg-theme-dark-alt .btn-play-s2:before { background: #1b30a4; } + +.bg-white .btn-play-s2:before { background: #fff; } + +.btn-play-s3 { background-color: #fff; border: none; } + +.btn-play-icon { height: 20px; width: 14px; background: linear-gradient(to right, #16a4fd 0%, #41faa4 100%); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); } + +.btn-play-icon:before, .btn-play-icon:after { position: absolute; content: ''; height: 0; width: 0; right: -1px; border-right: 14px solid #fff; } + +.bg-light .btn-play-icon:before, .bg-light .btn-play-icon:after { border-right-color: #f0f4fd; } + +.bg-light-alt .btn-play-icon:before, .bg-light-alt .btn-play-icon:after { border-right-color: #dde6fa; } + +.bg-theme .btn-play-icon:before, .bg-theme .btn-play-icon:after { border-right-color: #1b30a4; } + +.bg-theme-alt .btn-play-icon:before, .bg-theme-alt .btn-play-icon:after { border-right-color: #0d42b2; } + +.bg-theme-dark .btn-play-icon:before, .bg-theme-dark .btn-play-icon:after { border-right-color: #15257b; } + +.bg-theme-dark-alt .btn-play-icon:before, .bg-theme-dark-alt .btn-play-icon:after { border-right-color: #1b30a4; } + +.bg-white .btn-play-icon:before, .bg-white .btn-play-icon:after { border-right-color: #fff; } + +.btn-play-icon:before { top: 0; border-bottom: 10px solid transparent; } + +.btn-play-icon:after { bottom: 0; border-top: 10px solid transparent; } + +.btn-play-icon-s2 { height: 34px; width: 24px; } + +.btn-play-icon-s2 path { fill: #16a4fd; } + +.btn-play-dark { color: #fff; } + +.btn-play-dark:hover { color: #41faa4; } + +.btn-play-wrap { display: inline-flex; align-items: center; } + +.btn-play-wrap-s2 { flex-direction: column; } + +.btn-play-wrap-s1:hover { transform: translateX(15px); } + +.btn-play-text { margin-left: 20px; } + +.btn-play-text span { display: block; color: #637097; } + +.tc-light .btn-play-text span { color: #fff; } + +.btn-play-text .text-sm { font-size: 21px; } + +.btn-play-text .text-xs { font-size: 12px; color: #16a4fd !important; } + +.btn-play-wrap-s2 .btn-play-text { margin-left: 0; margin-top: 15px; } + +.btn-link { color: #16a4fd; text-decoration: none; } + +.btn-link:hover, .btn-link:focus { color: #16a4fd; text-decoration: none; box-shadow: 0 1px 0 currentColor; } + +.btn-underline { padding-left: 0 !important; padding-right: 0 !important; color: #16a4fd; background: none !important; border-color: transparent !important; text-decoration: none; } + +.btn-underline:hover, .btn-underline:focus { color: #fff; text-decoration: none; } + +.btn-round { border-radius: 40px; } + +.btn-round:before { border-radius: 40px; } + +.btn-round.btn-lg { border-radius: 54px; } + +.btn-round.btn-lg:before { border-radius: 54px; } + +.btn-round.btn-md { border-radius: 44px; } + +.btn-round.btn-md:before { border-radius: 44px; } + +.btn-round.btn-sm { border-radius: 39px; } + +.btn-round.btn-sm:before { border-radius: 39px; } + +.btn-round.btn-xxs { border-radius: 21px; } + +.btn-round.btn-xxs:before { border-radius: 21px; } + +.btn-with-icon { padding: 1px; background-color: #16a4fd; } + +.btn-with-icon span { display: inline-block; padding: 0 18px 0 28px; flex-grow: 1; } + +.btn-with-icon .icon { height: 47px; width: 47px; line-height: 47px; border-radius: 5px; background: #fff; color: #16a4fd; transition: all 0.3s; } + +.btn-with-icon.btn-md { padding: 1px; } + +.btn-with-icon.btn-md .icon { height: 38px; width: 38px; line-height: 38px; } + +.btn-with-icon.btn-sm { padding: 1px; } + +.btn-with-icon.btn-sm span { padding: 0 13px 0 23px; } + +.btn-with-icon.btn-sm .icon { height: 28px; width: 28px; line-height: 28px; } + +.btn-with-icon.btn-round .icon { border-radius: 24px; } + +.btn-with-icon.btn-round.btn-md .icon { border-radius: 19px; } + +.btn-with-icon.btn-round.btn-sm .icon { border-radius: 14px; } + +.btn-with-icon.btn-light { color: #1b30a4 !important; border-color: #fff; background: #fff; } + +.btn-with-icon.btn-light .icon { color: #fff; background: #0d42b2; } + +.btn-with-icon.btn-light:hover { color: #0d42b2 !important; } + +.btn-with-icon.btn-light:hover .icon { background: #1b30a4; } + +.btn-with-icon.btn-light:not(:disabled):not(.disabled).active { border-color: #fff !important; background: #fff !important; color: #637097 !important; } + +.btn-with-icon.btn-alt .icon { color: currentColor; background: transparent !important; font-size: 20px; width: auto; margin-right: 30px; transition: none; } + +.btn-grp-after li { font-size: 20px; position: relative; } + +.btn-grp-after li a { color: rgba(255, 255, 255, 0.8) !important; } + +.btn-grp-after li:not(:last-child):after { content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 14px; width: 1px; background: rgba(255, 255, 255, 0.3); } + +.btn-transparent { background: transparent !important; border: transparent; color: #fff !important; font-size: 0.9rem !important; padding: 12px 0; } + +.as-mobile .btn-transparent, .has-fixed .btn-transparent { color: #637097 !important; } + +@keyframes playbutton { 0% { transform: scale(0.75); + opacity: 1; } + 100% { transform: scale(1.3); + opacity: 0; } } + +@media (min-width: 576px) { .btn { font-size: 13px; line-height: 25px; padding: 12px 30px; letter-spacing: 0.1em; min-width: 120px; } + .btn.btn-grad { padding: 14px 30px; } + .btn-lg { font-size: 14px; font-weight: 700; line-height: 24px; padding: 15px 40px; min-width: 190px; } + .btn-md { font-size: 12px; line-height: 24px; padding: 8px 20px; min-width: 160px; } + .btn-md.btn-grad { padding: 10px 30px; } + .btn-rg { font-size: 12px; line-height: 24px; padding: 6px 20px; } + .btn-rg.btn-grad { padding: 8px 25px; } + .btn-sm { font-size: 12px; line-height: 23px; padding: 3px 20px; } + .btn-sm.btn-grad { padding: 5px 30px; } + .btn-xxs { font-size: 13px; line-height: 21px; padding: 0 10px; } + .btn-play { height: 80px; width: 80px; font-size: 18px; line-height: 78px; } + .btn-play-sm { height: 60px; width: 60px; line-height: 58px; } + .btn-icon { padding-left: 6px; padding-right: 6px; } + .btn-grp { margin: -15px; } + .btn-grp > div, .btn-grp > li { padding: 15px; } + .text-sm-left .btn-grp { justify-content: center; } + .btn-grp-s2 { margin: -10px; position: relative; } + .btn-grp-s2 > div, .btn-grp-s2 > li { padding: 10px; } + .btn-grp-s2 .btn-download { width: auto; height: 40px; } + .btn-transparent { padding: 12px 6px; } } + +@media (min-width: 768px) { .text-md-left .btn-grp { justify-content: flex-start; } } + +@media (min-width: 992px) { .text-lg-left .btn-grp { justify-content: flex-start; } + .btn-grp .btn-lg { padding: 15px 35px; } } + +@media (min-width: 1200px) { .text-xl-left .btn-grp { justify-content: flex-start; } } + +.badge { color: #fff; background-color: #16a4fd; display: inline-block; font-weight: 600; text-transform: uppercase; border-radius: 34px; padding: 5px 16px; font-size: 13px; line-height: 24px; border: 1px solid #16a4fd; } + +.badge:not(.badge-outline) { color: #fff; } + +.badge-primary { background-color: #16a4fd; border-color: #16a4fd; color: #16a4fd; } + +.badge-secondary { background-color: #41faa4; border-color: #41faa4; color: #41faa4; } + +.badge-info { background-color: #026bfb; border-color: #026bfb; color: #026bfb; } + +.badge-warning, .badge-hot { background-color: #f6be26; border-color: #f6be26; color: #f6be26; } + +.badge-success, .badge-new { background-color: #39d884; border-color: #39d884; color: #39d884; } + +.badge-danger { background-color: #e6604a; border-color: #e6604a; color: #e6604a; } + +.badge-dark { background-color: #0b0c10; border-color: #0b0c10; color: #0b0c10; } + +.badge-light { background-color: #c3d3f7; border-color: #c3d3f7; color: #637097 !important; } + +.badge-light.badge-outline { color: #c3d3f7; } + +.badge-outline { background-color: transparent; } + +.badge-lg { font-size: 16px; } + +.badge-md { border-radius: 34px; padding: 5px 16px; font-size: 12px; line-height: 18px; } + +.badge-sm { border-radius: 34px; padding: 2px 12px; font-size: 12px; line-height: 18px; } + +.badge-xs { border-radius: 34px; padding: 0 8px; font-size: 9px; line-height: 16px; letter-spacing: 0.05em; } + +.badge-cap { text-transform: capitalize; } + +.badge-regular { font-weight: 400; } + +.badge-dot { width: 5px; height: 5px; border-radius: 50%; background: #16a4fd; border-color: #16a4fd; display: inline-block !important; vertical-align: middle; padding: 0; } + +.link { display: inline-flex; align-items: center; font-size: 12px; color: #0d42b2; font-weight: 500; letter-spacing: 0.005rem; white-space: nowrap; } + +.link:hover { color: #16a4fd; } + +.link-uc { text-transform: uppercase; letter-spacing: 0.2em; } + +.link-icon { margin-right: 5px; font-size: 14px; transition: transform .3s; } + +.link-icon:only-child { margin-right: 0 !important; } + +.link-icon-sm { font-size: 12px; } + +.link-xs .link-icon { font-size: 12px; margin-right: 12px; } + +.link-animate:hover .link-icon { transform: translate(-5px, 0); } + +.link span + .link-icon { margin-left: 5px; margin-right: 0; } + +.link-animate:hover span + .link-icon { transform: translate(5px, 0); } + +.link .icon-circle { font-size: inherit; margin-right: 12px; } + +.link .icon-circle.link-icon { transition: all .4s; } + +.link-break { flex-direction: column; } + +.link-break .icon-circle { margin-left: 10px; margin-bottom: 10px; } + +.link-primary { color: #16a4fd !important; } + +.link-primary .link-icon.icon-circle { background: #16a4fd; color: #fff !important; } + +.link-primary:hover { color: #41faa4 !important; } + +.link-primary:hover .link-icon.icon-circle { background: #41faa4; } + +.link-light { color: #637097 !important; } + +.tc-light .link-light { color: #fff !important; } + +.link-light .link-icon { color: #16a4fd; } + +.link-light .link-icon.icon-circle { background: #637097; color: #fff !important; } + +.link-light:hover { color: #16a4fd !important; } + +.link-light:hover .link-icon.icon-circle { background: #16a4fd; } + +.link-thin { font-weight: 300; } + +.link-underline { text-decoration: underline !important; } + +@media (min-width: 420px) { .btn-grp-break > div, .btn-grp-break > li { width: auto; text-align: left; } + .link { font-size: 14px; } + .link-xs { font-size: 12px; } + .link-break { flex-direction: row; } + .link-break .icon-circle { margin-left: 0; margin-bottom: 0; } } + +/** 03.03 Title */ +.title { position: relative; font-size: 1.75rem; } + +.title:not(:last-child) { margin-bottom: 1.25rem; } + +.title small { font-size: 50%; margin-top: 0.75rem; } + +.title-thin { font-weight: 300; } + +.title-regular { font-weight: 400; } + +.title-xxs { font-size: 12px; letter-spacing: 0.1em; } + +.title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + +.title-xs { text-transform: uppercase; font-size: 0.88rem; letter-spacing: 0.2em; } + +.title-xs-alt { font-size: 0.94rem; } + +.title-xs-s1 { font-size: 1.1rem; letter-spacing: 0.4em; } + +.title-xs-s2 { font-size: 1.1rem; letter-spacing: 0; } + +.title-xs small { font-size: 70%; } + +.title-sm { font-size: 1.125rem; } + +.title-sm:not(:last-child) { margin-bottom: 0.85rem; } + +.title-sm small { font-size: 70%; } + +.title-md { font-size: 1.375rem; } + +.feature-text-wd .title-md { font-size: 1.125rem; } + +.title-md:not(:last-child) { margin-bottom: 1rem; } + +.title-lg { font-size: 1.75rem; } + +.title-xl { font-size: 1.75rem; } + +.title-xl-s2 { font-size: 1.75rem; line-height: 1.3; } + +.title-light { color: rgba(27, 48, 164, 0.6); } + +.title-dark { color: #313c56; } + +.title-base { color: #637097; } + +.title a { color: #1b30a4; } + +.title a:hover { color: #16a4fd; } + +a:hover .title { color: #16a4fd; } + +a .title { transition: all .4s; } + +.title-mid { font-weight: 500; } + +.title-semibold { font-weight: 600; } + +.title-bold { font-weight: 700; } + +.title-s1 { padding-left: 75px; display: inline-block; font-weight: 600; } + +.title-s1:before { position: absolute; left: 0 !important; top: 50%; margin-top: -1px; height: 2px; width: 60px; content: ''; transform: translate(0, -50%) !important; opacity: 1 !important; background: #1b30a4; } + +.tc-light .title-s1:before { background: #fff; } + +.title-s1.tc-primary:before, .tc-primary a.title-s1:before { background: #16a4fd; } + +.title-s2 { padding-bottom: 26px; } + +.title-s2:after { position: absolute; left: 50%; bottom: 0; content: ''; margin-left: -40px; width: 80px; height: 6px; border-radius: 3px; background: #16a4fd; } + +.tc-light .title-s2:after { background: #16a4fd; } + +.title-s2-alt { padding-bottom: 0; padding-top: 26px; } + +.title-s2-alt:after { top: 0; bottom: auto; } + +.title-s3 { font-size: 2.2rem !important; line-height: 1.3 !important; } + +.title-s4 { font-size: 2.3rem; opacity: 0.3; padding-bottom: 10px; text-transform: uppercase; } + +.title-s5 { padding-bottom: 24px; margin-bottom: 20px; } + +.title-s5.title-sm { font-size: 0.9rem; } + +.title-s5.title-sm span:first-child { font-size: 1.25rem; } + +.title-s5 span:first-child { display: block; padding-bottom: 13px; color: #16a4fd; font-weight: 500; } + +.tc-light .title-s5 span:first-child { color: #fff; } + +.title-s5 span:last-child { opacity: .7; } + +.title-s5:after { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); content: ''; width: 50px; height: 3px; border-radius: 2px; background: #16a4fd; } + +.title-s6 { position: relative; } + +.title-s6:before { position: absolute; top: 8px; left: -15px; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #16a4fd; } + +.title-s7 span:first-child { display: block; padding-bottom: 13px; color: #0d42b2; font-size: 1.35rem; } + +.tc-light .title-s7 span:first-child { color: #fff; } + +.title-s7 span:last-child { font-size: 0.9rem; color: #637097; } + +.title-xxl-grad { font-size: 70px; line-height: 1; font-weight: 700; margin-bottom: 0; background: -webkit-linear-gradient(#0289de, #0ff98c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: .4; } + +.title-ele-head { background: linear-gradient(180deg, #637097 0%, #fff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.title-sub { color: #d87032; } + +@media (min-width: 576px) { .title { font-size: 2.25rem; } + .title:not(:last-child) { margin-bottom: 1.25rem; } + .title small { font-size: 50%; margin-top: 0.75rem; } + .title-xxs { font-size: 12px; letter-spacing: 0.1em; } + .title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + .title-xs { font-size: 0.88rem; } + .title-xs-alt { font-size: 0.94rem; } + .title-xs-s1 { font-size: 1.1rem; } + .title-xs-s2 { font-size: 1.1rem; } + .title-xs small { font-size: 70%; } + .title-sm { font-size: 1.125rem; } + .title-sm:not(:last-child) { margin-bottom: 0.85rem; } + .title-md { font-size: 1.375rem; } + .title-md:not(:last-child) { margin-bottom: 1rem; } + .title-md-s2 { font-size: 1.675rem; line-height: 1.6; } + .title-lg { font-size: 1.75rem; } + .title-xl { font-size: 3.5rem; } + .title-xl-s2 { font-size: 2.2rem; } + .title-s3 { font-size: 2.2rem !important; } + .title-s4 { font-size: 2.3rem; } + .title-s5.title-sm { font-size: 0.9rem; } + .title-s5.title-sm span:first-child { font-size: 1.25rem; } + .title-xl-2 { font-size: 1.8rem !important; } + .title-xxl-grad { font-size: 140px; } } + +@media (min-width: 768px) { .title-xl-2 { font-size: 2.2rem !important; } + .title-xxl-grad { font-size: 200px; } } + +@media (min-width: 992px) { .title-xxl-grad { font-size: 250px; } + .feature-text-wd .title-md { font-size: 1.375rem; } } + +@media (min-width: 1200px) { .title-xl-s2 { font-size: 2.8rem !important; } } + +@media (min-width: 1600px) { .title-xl-2 { font-size: 2.8rem !important; line-height: 1.3 !important; } + .banner-s1 .title-xl-2 { font-size: 2.3rem !important; } + .title-xl-s3 { font-size: 2.75rem !important; } } + +/** 03.04 List */ +.list li { line-height: 1.674; padding: 5px 0; position: relative; color: #637097; font-size: 14px; } + +.tc-light .list li { color: #7ab9ff; } + +.list-check li { padding-left: 24px; } + +.list-check li:before { position: absolute; top: 0; left: 0; height: 22px; width: 26px; line-height: 26px; padding: 3px 0; color: #16a4fd; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; content: '\f00c'; transition: all .4s; } + +.tc-light .list-check li:before { color: #16a4fd; } + +.list-check-s3 li { padding: 0px 0px 0px 55px; margin-bottom: 18px; line-height: 1.8; } + +.list-check-s3 li:before { width: 35px; height: 35px; background: #16a4fd; border-radius: 50%; color: #fff; text-align: center; line-height: 29px; font-size: 16px; left: 0; top: 5px; } + +.tc-light .list-check-s3 li:before { background: #16a4fd; color: #fff; } + +.list-check-s3-sm li { padding: 0px 0px 0px 40px; margin-bottom: 30px; } + +.list-check-s3-sm li .title-md { margin-bottom: 0.5rem; } + +.list-check-s3-sm li:before { width: 25px; height: 25px; line-height: 20px; font-size: 11px; top: 2px; } + +.list-check-s4 li { margin: 0; padding-left: 35px; position: relative; } + +.list-check-s4 li:before { left: 15px; top: 14px; } + +.list-number { counter-reset: item; } + +.list-number li { line-height: 1.86; margin-bottom: 10px; padding-left: 65px; } + +.list-number li:before { position: absolute; top: 10px; left: 25px; counter-increment: item; content: counter(item) "."; font-size: 30px; font-weight: 700; line-height: 1; color: #16a4fd; font-family: 'Poppins', sans-serif !important; } + +.tc-light .list-number li:before { color: #16a4fd; } + +.list-number-s2 li { padding-left: 60px; } + +.has-rtl .list-number-s2 li { padding-right: 60px; padding-left: 0; } + +.list-number-s2 li:not(:last-child) { margin-bottom: 16px; } + +.list-number-s2 li span { width: 30px; height: 30px; position: absolute; left: 0; top: 5px; line-height: 30px; text-align: center; background: rgba(22, 164, 253, 0.2); border-radius: 50%; color: #2e007a; font-weight: 400; } + +.has-rtl .list-number-s2 li span { left: auto; right: 0; } + +.list-dot li { position: relative; padding-left: 22px; line-height: 1.62; } + +.list-dot li:before { position: absolute; top: 14px; left: 0; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #41faa4; } + +.tc-light .list-dot li:before { background: #41faa4; } + +.list-dot.list-sm { margin-top: -5px; margin-bottom: -5px; } + +.list-dot.list-sm li { padding-left: 16px; font-size: 0.9rem; padding-top: 10px; padding-bottom: 10px; } + +.list-dot.list-sm li:before { top: 19px; } + +.list-dot-bar { padding: 20px 0 65px 38px; } + +.list-dot-bar li { margin-bottom: 10px; } + +.list-dot-bar li span { width: 20px; height: 20px; content: ""; background: transparent; position: absolute; border-radius: 50%; border: 2px solid #41faa4; left: -38px; top: 7px; } + +.list-dot-bar li span:after, .list-dot-bar li span:before { position: absolute; content: ""; top: 50%; left: 50%; background: #41faa4; } + +.list-dot-bar li span:after { width: 7px; height: 7px; border-radius: 50%; transform: translate(-50%, -50%); } + +.list-dot-bar li span:before { width: 18px; height: 2px; transform: translateY(-50%); } + +.list-btn li { display: inline-block; padding-right: 15px; } + +.list-btn li:not(:first-child) a { padding-right: 10px; } + +.list-btn-dropdown { margin: -22px -30px; } + +.list-btn-dropdown > li { display: inline-block; margin: 18px 30px; } + +.list-btn-dropdown > li a { min-width: 200px; } + +.list-btn-dropdown > li a i { position: absolute; font-size: 20px; top: 0; right: 30px; line-height: 42px; } + +.list-inline { display: inline-flex; } + +@media (min-width: 576px) { .list li { font-size: 15px; } } + +/** 03.05 Form */ +input ~ .error, textarea ~ .error, select ~ .error { position: absolute; right: -10px; top: -15px; background: #e6604a; color: #fff; font-size: 11px; line-height: 18px; padding: 2px 10px; border-radius: 2px; z-index: 9; white-space: nowrap; } + +input ~ .error:after, textarea ~ .error:after, select ~ .error:after { position: absolute; content: ''; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid #e6604a; border-bottom: 5px solid transparent; bottom: -5px; left: 3px; } + +.tc-light input ~ .error, .tc-light textarea ~ .error, .tc-light select ~ .error { background: #e6604a; color: #fff; box-shadow: none; } + +.tc-light input ~ .error:after, .tc-light textarea ~ .error:after, .tc-light select ~ .error:after { border-right-color: #e6604a; } + +input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(99, 112, 151, 0.6); } + +.tc-light .bg-light input::-webkit-input-placeholder, .tc-light .bg-light-alt input::-webkit-input-placeholder, .tc-light .bg-white input::-webkit-input-placeholder, .tc-light .bg-light textarea::-webkit-input-placeholder, .tc-light .bg-light-alt textarea::-webkit-input-placeholder, .tc-light .bg-white textarea::-webkit-input-placeholder { color: rgba(99, 112, 151, 0.6); } + +.tc-light input::-webkit-input-placeholder, .tc-light textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(99, 112, 151, 0.6); } + +.tc-light .bg-light input::-moz-placeholder, .tc-light .bg-light-alt input::-moz-placeholder, .tc-light .bg-white input::-moz-placeholder, .tc-light .bg-light textarea::-moz-placeholder, .tc-light .bg-light-alt textarea::-moz-placeholder, .tc-light .bg-white textarea::-moz-placeholder { color: rgba(99, 112, 151, 0.6); } + +.tc-light input::-moz-placeholder, .tc-light textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(99, 112, 151, 0.6); } + +.tc-light .bg-light input:-ms-input-placeholder, .tc-light .bg-light-alt input:-ms-input-placeholder, .tc-light .bg-white input:-ms-input-placeholder, .tc-light .bg-light textarea:-ms-input-placeholder, .tc-light .bg-light-alt textarea:-ms-input-placeholder, .tc-light .bg-white textarea:-ms-input-placeholder { color: rgba(99, 112, 151, 0.6); } + +.tc-light input:-ms-input-placeholder, .tc-light textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-moz-placeholder, textarea:-moz-placeholder { color: rgba(99, 112, 151, 0.6); } + +.tc-light .bg-light input:-moz-placeholder, .tc-light .bg-light-alt input:-moz-placeholder, .tc-light .bg-white input:-moz-placeholder, .tc-light .bg-light textarea:-moz-placeholder, .tc-light .bg-light-alt textarea:-moz-placeholder, .tc-light .bg-white textarea:-moz-placeholder { color: rgba(99, 112, 151, 0.6); } + +.tc-light input:-moz-placeholder, .tc-light textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +.field-item { position: relative; padding-bottom: 15px; } + +.field-wrap { position: relative; } + +.field-wrap + p { margin-top: .75rem; } + +.field-wrap .btn + .form-results:not(:empty) { margin-top: 30px; } + +.field-wrap .label-inline { padding-left: 25px; line-height: normal; } + +.has-rtl .field-wrap .label-inline { padding-left: 0; padding-right: 25px; } + +.field-wrap .label-inline .icon { font-size: 20px; color: #adb2be; } + +.field-label { font-size: 12px; font-weight: 700; letter-spacing: 0.2em; } + +.field-label-line { position: absolute; width: 100%; top: 10px; font-size: 0.94rem; font-weight: 400; letter-spacing: normal; left: 0; color: rgba(99, 112, 151, 0.6); z-index: 1; transition: all .5s ease; transform-origin: left; } + +.tc-light .field-label-line { color: #fff; } + +.field-item-center .field-label-line { transform-origin: center; } + +.field-inline { border-radius: 6px; display: flex; } + +.field-inline input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } + +.field-inline.field-split .btn:not(.btn-round) { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; } + +.wgs-search .field-inline.field-split .btn:not(.btn-round) { height: auto; } + +.field-inline .field-wrap { flex-grow: 1; } + +.field-inline .submit-wrap .btn { width: 100%; } + +.field-inline + .form-results.alert { width: 100%; margin-top: 15px; } + +.field-inline-s2 { padding: 10px; display: block; } + +.field-inline-s2 .btn { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + +.field-inline-s2-sm { padding: 5px; } + +.field-inline-s2 input { text-align: center; } + +@media (max-width: 575px) { .field-inline-s2 input { margin-bottom: 5px; } } + +.field-inline-s3 .btn-light { color: #16a4fd !important; } + +.field-inline-s4 { align-items: center; } + +.field-inline-s4 .input-solid { background: rgba(255, 255, 255, 0.2); } + +.field-inline-s4 .field-wrap { margin-right: -50px; } + +.field-inline-round { border-radius: 50px; } + +.field-inline-round .input-solid { padding-left: 30px; } + +.input-solid { background: none; border: none; width: 100%; padding: 15px 20px; line-height: 23px; } + +.tc-light .input-solid { color: #fff; } + +.tc-light .bg-light .input-solid, .tc-light .bg-light-alt .input-solid, .tc-light .bg-white .input-solid { color: #637097; } + +.input-solid-md { padding: 12px 20px; line-height: 22px; } + +.input-solid-lg { padding: 20px 20px; } + +.input-solid:focus { outline: none; } + +.input-line { position: relative; z-index: 2; background: transparent; border: none; width: 100%; font-size: 15px; line-height: 19px; padding: 16px 0 8px; color: #637097; border-bottom: 1px solid #dbe4f7; outline: none; transition: all .4s; } + +.tc-light .input-line { color: #fff; border-bottom-color: rgba(219, 228, 247, 0.3); } + +.input-line:focus { border-bottom-color: #16a4fd; } + +.field-item-center .input-line { text-align: center; } + +.input-textarea { height: 105px; resize: none; outline: none; } + +.input-textarea ~ .field-label-line { top: 73px; } + +.input-focused .field-label-line { left: 0; top: -10px; transform: scale(0.7); } + +.input-bordered { border-radius: 6px; border: 1px solid #dbe4f7; width: 100%; padding: 10px 15px; line-height: 21px; font-size: .9em; color: #637097; transition: all .4s; background-color: transparent; } + +.input-bordered-lg { padding: 13px 20px; } + +.input-bordered-lg-s1 { padding: 17px 20px; } + +.tc-light .field-inline-s3 .input-bordered { border-color: rgba(255, 255, 255, 0.5); } + +.field-inline-s3 .input-bordered { border-width: 2px; border-right-width: 0 !important; } + +.field-item-s2 .input-bordered { border: 2px solid #d1e0f6; background: transparent; } + +.tc-light .input-bordered { color: #fff; background: #2039c3; border-color: rgba(255, 255, 255, 0.25); } + +.tc-light .input-bordered:focus { border-color: rgba(255, 255, 255, 0.45); } + +.input-bordered:focus { box-shadow: none; outline: none; border-color: #b7bee3; } + +.input-bordered:disabled { background: rgba(219, 228, 247, 0.2); } + +.input-switch { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-switch ~ label:not(.error) { line-height: 20px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; padding-left: 48px; min-height: 30px; min-width: 48px; border-radius: 12px; margin-bottom: 0; display: flex; align-items: center; position: relative; font-size: 14px; color: #637097; } + +.input-switch ~ label:not(.error).no-text { padding-left: 56px; } + +.input-switch ~ label:not(.error):before, .input-switch ~ label:not(.error):after { position: absolute; content: ''; transition: all .4s; } + +.input-switch ~ label:not(.error):before { left: 0; top: 50%; transform: translateY(-50%); height: 20px; width: 40px; border-radius: 15px; background: #d3e0f3; } + +.input-switch ~ label:not(.error):after { left: 2px; top: 50%; transform: translateY(-50%); height: 16px; width: 16px; border-radius: 50%; background: #fff; } + +.input-switch ~ label:not(.error) span { transition: all .4s; opacity: 1; } + +.input-switch ~ label:not(.error) span.over { position: absolute; left: 48px; } + +.input-switch ~ label:not(.error) span:last-child { opacity: 0; } + +.input-switch:disabled ~ label { opacity: .5; } + +.input-switch:checked ~ label:before { background: #16a4fd; } + +.input-switch:checked ~ label:after { left: 22px; } + +.input-switch:checked ~ label span { opacity: 0; } + +.input-switch:checked ~ label span:last-child { opacity: 1; } + +.input-switch ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-checkbox, .input-radio { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-checkbox ~ label:not(.error), .input-radio ~ label:not(.error) { position: relative; padding-left: 28px; line-height: 20px; font-size: 14px; cursor: pointer; margin-bottom: 0; } + +.input-checkbox ~ label:not(.error):before, .input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { position: absolute; left: 0; top: 0; height: 20px; width: 20px; line-height: 20px; text-align: center; content: ''; background-color: transparent; border-radius: 3px; } + +.input-checkbox ~ label:not(.error):before, .input-radio ~ label:not(.error):before { border: 2px solid #dbe4f7; } + +.input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; background-color: #16a4fd; color: #fff; opacity: 0; transition: all .4s; } + +.input-checkbox:checked ~ label:not(.error):after, .input-radio:checked ~ label:not(.error):after { opacity: 1; } + +.input-checkbox ~ .error, .input-radio ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { border-radius: 50%; } + +@media (min-width: 576px) { .field-item { padding-bottom: 30px; } + .field-inline .btn-md { line-height: 23px; } } + +@media (min-width: 768px) { .field-inline .submit-wrap .btn { width: auto; height: 100%; } + .field-inline-s2 { display: flex; } + .field-inline-s2 input { text-align: left; } } + +.select2-container.select2 { width: 100% !important; } + +.select2-container .select2-selection { position: relative; } + +.select2-container .select2-selection:focus { outline: none; } + +.select2-container .select2-selection .select2-selection__rendered { color: rgba(99, 112, 151, 0.6); font-size: 0.94rem; } + +.select2-container .select2-selection .select2-selection__arrow { position: absolute; top: 0; right: 0; height: 100%; width: 40px; } + +.select2-container .select2-selection .select2-selection__arrow:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; font-family: "themify"; content: '\e64b'; text-align: center; line-height: 20px; padding: 10px 0; font-size: .88rem; } + +.select2-container .select2-dropdown { border-color: #dbe4f7 !important; } + +.select2-container.select-line .select2-selection { height: 44px; line-height: 20px; padding: 16px 40px 8px 0; border-bottom: 1px solid #dbe4f7; } + +.select2-container.select-line .select2-selection .select2-selection__rendered { padding-left: 0; } + +.select2-container.select-line .select2-selection .select2-selection__arrow:after { padding: 16px 0 8px; } + +.select2-container.select-bordered .select2-selection { height: 42px; line-height: 20px; padding: 10px 40px 10px 0; border: 1px solid #dbe4f7; border-radius: 6px; } + +.select2-container.select-bordered .select2-selection .select2-selection__rendered { padding-left: 15px; } + +.select2-container.select-bordered.select-lg .select2-selection { height: 50px; border: 2px solid #dbe4f7; padding: 13px 40px 13px 10px; min-width: 146px; } + +.select2-container--below.select2-container--open.select-bordered .select2-selection--single { border-radius: 6px 6px 0 0; } + +.select2-container--above.select2-container--open.select-bordered .select2-selection--single { border-radius: 0 0 6px 6px; } + +.select2-container.select-lg .select2-selection .select2-selection__arrow:after { padding: 13px 0; } + +.select2-container.select-lg .select2-selection .select2-selection__rendered { color: #313c56; font-size: 1rem; } + +.select2-search { display: none; } + +.select2-results { padding: 5px 0; } + +.select2-results__option { padding: 6px 15px; font-size: .88rem; transition: all .4s; max-height: 180px; } + +.select2-results__option[aria-selected="true"], .select2-results__option:hover { background: #dbe4f7; } + +.select-line.select2-container--open .select2-dropdown--above { border-bottom: 1px solid #dbe4f7 !important; } + +.submit-wrap { margin-left: -3px; } + +.submit-wrap-s2 { margin: -4px 0; } + +.submit-wrap-s2 .btn { border-radius: 5px !important; } + +.btn-auto-lg { font-size: 20px; } + +@media (min-width: 992px) { .select2-container.select-bordered.select-lg .select2-selection { min-width: 255px; } } + +@media (max-width: 400px) { .field-inline-wrap { flex-wrap: wrap; } + .field-inline-wrap .submit-wrap { margin-left: auto; margin-right: auto; margin-top: 10px; } } + +/**/ +/** 03.06 Table */ +.table { color: inherit; } + +.table td { border-top: none; padding: 18px 0; font-size: 1rem; line-height: 1.5rem; } + +.table tr { border-bottom: 1px solid rgba(22, 164, 253, 0.2); } + +.table tr:last-child { border-bottom: none; } + +.table-head { font-weight: 500; color: #16a4fd; } + +.table-token { margin-bottom: 5px; } + +.table-token .table-head { padding-bottom: 2px; } + +.table-token .table-des { padding-top: 2px; } + +.table-token-s1 { border: 1px solid rgba(209, 224, 246, 0.7); border-collapse: separate; border-radius: 6px; margin-bottom: 0; } + +.tc-light .table-token-s1 { border-color: rgba(255, 255, 255, 0.1); } + +.table-token-s1 tr:nth-child(odd) td:first-child { background: #eff8ff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:first-child { background: #1b30a4; } + +.table-token-s1 tr:nth-child(odd) td:last-child { background: #fff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:last-child { background: #1a2d9b; } + +.table-token-s1 tr:nth-child(even) td:first-child { background: #e7f3ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:first-child { background: #1f36ba; } + +.table-token-s1 tr:nth-child(even) td:last-child { background: #f7f9ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:last-child { background: #1c33ad; } + +.table-token-s1 tr:first-child td:first-child { border-top-left-radius: 6px; } + +.table-token-s1 tr:first-child td:last-child { border-top-right-radius: 6px; } + +.table-token-s1 tr:last-child td:first-child { border-bottom-left-radius: 6px; } + +.table-token-s1 tr:last-child td:last-child { border-bottom-right-radius: 6px; } + +.table-token-s1 tr td { width: 48%; font-weight: 500; font-size: 0.93rem; line-height: 24px; padding: 12px !important; padding-left: 18px !important; color: #637097; } + +.tc-light .table-token-s1 tr td { color: #fff; } + +.table-token-s1 tr td:last-child { color: #16a4fd; font-weight: 400; font-size: 0.88rem; } + +.tc-light .table-token-s1 tr td:last-child { color: rgba(255, 255, 255, 0.6); } + +.table-bordered td { padding-left: 20px; padding-right: 20px; border: 1px solid rgba(22, 164, 253, 0.2); } + +@media (min-width: 576px) { .table-token { margin-bottom: 1rem; display: table; } + .table-token tbody { display: table-row-group; } + .table-token tr { display: table-row; } + .table-token td { display: table-cell; } + .table-token .table-head, .table-token .table-des { padding: 18px 0; } } + +/** 03.07 Progress */ +.progress-list { margin-top: .8rem; } + +.progress-wrap { margin-bottom: 1rem; } + +.progress-wrap:last-child:not(:only-child) { margin-bottom: 0; } + +.progress-wrap-point { margin-bottom: 55px; } + +.progress-wrap-point-s1 { margin-bottom: 30px; margin-top: 50px; } + +.progress-title { text-transform: uppercase; font-size: 0.75rem; font-weight: 500; display: flex; justify-content: space-between; padding-bottom: .4rem; } + +.progress-amount { font-weight: 400; } + +.progress-bar { position: relative; width: 100%; height: 20px; border-radius: 4px; background: rgba(22, 164, 253, 0.2); } + +.progress-bar .progress-percent { border-radius: 4px; } + +.progress-bar-xs { height: 6px; border-radius: 2px; } + +.progress-bar-xs .progress-percent { border-radius: 2px; border: none; } + +.progress-bar-sm { height: 15px; border-radius: 2px; } + +.progress-bar-md { height: 24px; border-radius: 3px; } + +.progress-bar-md .progress-percent { padding: 3px 0; } + +.progress-bar-s1 { padding: 6px; width: 100%; background: #fff; border-radius: 16px; height: auto; } + +.progress-bar-s2.bar-round { border-radius: 30px; } + +.progress-bar-s2.bar-round .progress-percent { border-radius: 30px; } + +.progress-bar-s2 .progress-percent { top: 3px; left: 3px; bottom: 3px; right: 3px; border: none; } + +.progress-bar-s2 .progress-percent:after { display: none; } + +.progress-percent { position: absolute; top: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 12px; background: #16a4fd; } + +.progress-percent-s2 { z-index: 2; } + +.progress-percent-s2:after { position: absolute; content: ''; top: 50%; right: 0; height: 18px; width: 18px; border-radius: 50%; border: 2px solid #fff; background: #16a4fd; transform: translate(50%, -50%); } + +.progress-percent-s1 { position: relative; max-height: 20px; border: none; min-height: 20px; border-radius: 20px !important; } + +.progress-percent-s3 { border: none; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } + +.progress-info { display: block; font-size: 16px; color: #fff; padding: 12px 0 22px; } + +.progress-info span { font-weight: 500; font-size: 18px; color: #41faa4; } + +.progress-info-s2 { font-size: 12px; text-transform: uppercase; padding: 0 0 17px; } + +.progress-info-s2 span { font-size: 14px; text-transform: capitalize; color: #fff; } + +.progress-point { color: #fff; font-size: 11px; line-height: 14px; font-weight: 500; text-transform: uppercase; position: absolute; top: 30px; transform: translateX(-50%); padding: 3px 0; } + +.progress-point:after { position: absolute; bottom: 100%; left: 50%; margin-left: -1px; content: ''; width: 2px; height: 40px; background: rgba(193, 206, 241, 0.5); } + +.progress-bar-md .progress-point { top: 40px; font-size: 14px; font-weight: 400; text-transform: capitalize; } + +.progress-bar-md .progress-point:after { bottom: calc(100% + 10px); height: 30px; } + +.progress-point span { display: block; font-size: 12px; color: #16a4fd; } + +.progress-point-s1 { top: -35px; } + +.progress-point-s1:after { bottom: auto; top: 100%; height: 30px; } + +.progress-point-1 { left: 25%; } + +.progress-point-2 { left: 85%; } + +.progress-points { padding-top: 10px; display: flex; justify-content: space-between; } + +ul.progress-info { display: flex; justify-content: space-between; } + +@media (min-width: 576px) { .progress-bar-md { height: 36px; } + .progress-percent { font-size: 14px; } + .progress-wrap-point { margin-bottom: 78px; } + .progress-wrap-point-s1 { margin-bottom: 30px; } + .progress-bar-md .progress-point { top: 60px; } + .progress-bar-md .progress-point:after { height: 50px; } } + +/** 03.08 CountDown */ +.countdown { display: flex; justify-content: space-around; margin: 0 -5px; } + +.countdown-small { justify-content: flex-start; margin: 0 -20px; } + +.countdown-s2 { margin: 0; justify-content: space-between; } + +.countdown-s3 { margin: 0 -16px 0 -25px; } + +.countdown-s4 { margin: 0; } + +.countdown-md { padding-bottom: 35px; } + +.countdown-item { padding: 0 5px; } + +.countdown-s2 .countdown-item { padding: 0; } + +.countdown-s3 .countdown-item { flex-grow: 1; } + +.countdown-s3.countdown-small .countdown-item, .countdown-s3-alt .countdown-item { flex-grow: 0; width: auto; } + +.countdown-s4 .countdown-item, .countdown-s5 .countdown-item { width: 100%; } + +.countdown-wd .countdown-item { flex-grow: 0; width: 100%; } + +.countdown-md .countdown-item { width: 80px; } + +.countdown-wd { text-align: center; } + +.countdown-time { position: relative; height: 54px; width: 54px; border-radius: 50%; border: 2px solid #16a4fd; text-align: center; line-height: 50px; display: block; } + +.countdown-s2 .countdown-time { border-radius: 6px; background-color: #1b30a4; border-color: transparent; font-size: 1.4rem; font-weight: 500; color: #fff; } + +.countdown-s3 .countdown-time { border-radius: 0; border: none; font-size: 2.8125rem; line-height: 50px; font-weight: 700; height: 50px; width: 100%; color: #0d42b2; } + +.tc-light .countdown-s3 .countdown-time { color: #fff; } + +.countdown-s3 .countdown-time:after { position: absolute; top: calc(50% - 3px); right: -6px; transform: translate(50%, -50%); content: ':'; } + +.countdown-s3 .countdown-time-last:after { display: none; } + +.countdown-s3-alt .countdown-time { font-size: 1.875rem; padding: 0 20px; font-weight: 300; height: 38px; line-height: 38px; margin-bottom: 0.5rem; } + +.countdown-s3.countdown-small .countdown-time { font-size: 1rem; line-height: 24px; height: 24px; text-align: left; padding: 0 20px; } + +.countdown-s4 .countdown-time { font-size: 2rem; } + +.countdown-s4 .countdown-time, .countdown-thin .countdown-time { font-weight: 300; } + +.tc-light .countdown-s5 .countdown-time { color: #16a4fd; } + +.countdown-md .countdown-time { font-size: 2rem; line-height: normal; font-weight: 400; height: auto; } + +.countdown-text { display: block; font-weight: 500; font-size: 12px; letter-spacing: 0.01em; padding-top: 8px; text-align: center; } + +.tc-light .countdown-text { color: #fff; } + +.countdown-s2 .countdown-text { text-transform: uppercase; font-weight: 400; } + +.tc-light .countdown-s2 .countdown-text { color: #16a4fd; } + +.countdown-s3 .countdown-text { text-transform: uppercase; } + +.tc-light .countdown-s3 .countdown-text { color: #fff; } + +.countdown-s3-alt .countdown-text { text-transform: capitalize; padding-top: 0; font-weight: 400; } + +.countdown-s3.countdown-small .countdown-text { text-align: left; padding: 0 22px; } + +.countdown-s4 .countdown-text { text-transform: capitalize; padding-top: 0; } + +.tc-light .countdown-s5 .countdown-text { color: #16a4fd; } + +.countdown-md .countdown-text { font-weight: 400; padding-top: 2px; } + +.status-countdown { overflow: hidden; } + +@media (min-width: 420px) { .countdown-time { height: 64px; width: 64px; line-height: 60px; } } + +@media (min-width: 576px) { .status-countdown { min-width: 290px; } + .countdown-large .countdown-time { font-size: 3.5rem; } + .countdown-large .countdown-time:after { font-size: 2.5rem; } } + +@media (min-width: 768px) { .countdown-wd .countdown .item { width: 100%; } + .countdown-xxl .countdown-time { font-size: 5.5rem; } + .countdown-xl .countdown-time { font-size: 4rem; } + .countdown-xl.countdown-s2 .countdown-time { width: 123px; height: 123px; line-height: 123px; border-radius: 4px; } + .countdown-xxl .countdown-text { padding-top: 30px; } + .countdown-s3-lg { margin: 0 -38px; } } + +@media (min-width: 992px) { .countdown-s4 .countdown-time { font-size: 2rem; } + .countdown-large .countdown-time { font-size: 3.5rem; } } + +@media (min-width: 1200px) { .countdown-s4 .countdown-time { font-size: 2.9rem; } + .countdown-large .countdown-time { font-size: 3.6rem; } } + +/** 03.09 Toastr */ +/* Toastr */ +#toast-container { position: fixed; z-index: 999999; margin-top: 22px; margin-bottom: 16px; } + +#toast-container .toast { opacity: 1; } + +.toast-top-center { top: 0; right: 0; width: 100%; } + +.toast-bottom-center { bottom: 0; right: 0; width: 100%; } + +.toast-top-full-width { top: 0; right: 0; width: 100%; } + +.toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } + +.toast-top-left { top: 0; left: 16px; } + +.toast-top-right { top: 0; right: 16px; } + +.toast-bottom-right { right: 16px; bottom: 0; } + +.toast-bottom-left { bottom: 0; left: 16px; } + +.toast-top-center > div, .toast-bottom-center > div { width: 650px; max-width: 90%; margin-left: auto; margin-right: auto; } + +.toast-top-full-width > div, .toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } + +.toast { background: #fff; color: #fff; overflow: hidden; margin: 0 0 8px; padding: 15px 51px 15px 15px; width: 300px; border-radius: 5px; border: none; display: flex; align-items: center; box-shadow: 0px 2px 18px 2px rgba(49, 60, 86, 0.25); background: #15257b; position: relative; } + +.toast-close-button { cursor: pointer; position: absolute; text-align: left; right: 15px; text-indent: -9999em; overflow: hidden; background: none; border-radius: 50%; border: none; height: 36px; width: 36px; transition: all .3s; } + +.toast-close-button:after { position: absolute; content: '\e646'; font-family: 'themify'; top: 0; right: -1px; text-indent: 0; display: block; font-size: 13px; line-height: 38px; height: 36px; width: 36px; text-align: center; color: #fff; transition: all .3s; } + +.toast-close-button:hover, .toast-close-button:focus { background: rgba(240, 244, 253, 0.15); box-shadow: none; outline: none; } + +.toast-message { position: relative; flex-grow: 1; font-size: 13px; line-height: 17px; display: flex; align-items: center; padding-left: 10px; min-height: 30px; } + +.toast-message-icon { display: inline-block; font-size: 14px; margin-right: 15px; margin-left: -10px; text-align: center; height: 30px; width: 30px; line-height: 30px; border-radius: 50%; } + +.toast-message-icon.ti-alert:before { position: relative; top: -2px; } + +.toast-info .toast-message-icon { background: #026bfb; } + +.toast-warning .toast-message-icon { background: #f6be26; } + +.toast-success .toast-message-icon { background: #39d884; } + +.toast-error .toast-message-icon { background: #e6604a; } + +@media (min-width: 576px) { .toast-message { font-size: 14px; line-height: 18px; } } + +/** 03.10 Misc */ +.img-xs { height: 40px; width: 40px; } + +.text-thumb { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; font-weight: 500; letter-spacing: 0.1em; border: 2px solid #fff; background: #16a4fd; } + +.text-thumb-xs { height: 40px; width: 40px; } + +.icon { display: inline-block; } + +.icon-lg { font-size: 50px; } + +.icon-round { display: inline-block; text-align: center; border-radius: 50%; background: rgba(22, 164, 253, 0.1); } + +.icon-round.icon-lg { height: 90px; width: 90px; line-height: 90px; } + +.icon-circle { display: inline-flex; align-items: center; justify-content: center; height: 38px; width: 38px; border-radius: 50%; } + +.icon-circle-md { height: 50px; width: 50px; } + +.icon-border { border: 1px solid #fff; } + +.icon-animation { position: relative; } + +.icon-animation:after { position: absolute; content: ""; top: -8px; right: -8px; bottom: -8px; left: -8px; border-radius: 50%; border: 1px solid #fff; animation: 1s ease 0s normal none infinite running playbutton; } + +.icon-list li { display: inline-block; margin: 0 5px; } + +.icon-currency-list { display: flex; justify-content: center; align-items: center; } + +.icon-bg { min-width: 40px; min-height: 40px; background: #8c8c8c; color: #fff; text-align: center; line-height: 40px; font-size: 1.7rem; border-radius: 50%; margin-right: 8px; } + +.has-rtl .icon-bg { margin-right: 0; margin-left: 8px; } + +.icon-bg-md { min-height: 32px; min-width: 32px; line-height: 32px; font-size: 1.5rem; } + +.icon-bg-lg { min-width: 60px; min-height: 60px; line-height: 60px; font-size: 2rem; } + +.icon-bg-xl { min-width: 92px; min-height: 92px; line-height: 92px; font-size: 4rem; } + +.icon-bg-eth { background: #61688f; } + +.icon-bg-btc { background: #f9931a; } + +.icon-bg-ltc { background: #838383; } + +.icon-bg-dash { background: #3573c0; } + +.icon-bg-xrp { background: #1c1c1c; } + +.icon-bg-xmr { background: #ff9f17; } + +.toggle-wrap { position: relative; } + +.toggle-tigger { display: inline-block; } + +.toggle-tigger.btn { display: inline-flex; } + +.toggle-class { visibility: hidden; opacity: 0; transition: all .4s; } + +.toggle-class.active { visibility: visible; opacity: 1; } + +.toggle-drop { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: -10px; z-index: 9; } + +.toggle-drop-left { left: 0; transform: translateX(0); } + +.toggle-drop-right { left: auto; right: 0; transform: translateX(0); } + +.toggle-drop-top { bottom: 100%; top: auto; margin-bottom: 10px; } + +.toggle-drop.active { margin-top: 0; margin-bottom: 0; } + +@media (max-width: 991px) { .toggle-class-lg { position: static; margin-top: 0; display: block; visibility: visible; opacity: 1; } + .toggle-wrap-nav { width: 100%; display: flex; } + .toggle-wrap-nav .toggle-class-lg { margin-left: 20px; flex-grow: 1; } + .toggle-wrap-nav .toggle-class-lg .drop-list { max-width: 100%; } } + +.drop-wrap { position: relative; } + +.drop-list { min-width: 160px; max-width: 160px; background: #fff; padding: 10px 0; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(49, 60, 86, 0.08); } + +.drop-list a { font-size: 13px; line-height: 18px; color: #637097; padding: 7px 20px; display: block; position: relative; } + +.drop-list a .badge { margin-left: 5px; position: relative; top: -1px; } + +.tc-light:not(.btn) .drop-list a { color: #637097; } + +.drop-list a:hover { color: #16a4fd; } + +.drop-list-xs { min-width: 60px; max-width: 60px; } + +.drop-list-xs a { padding: 7px 8px; } + +.drop-list-mb { min-width: 80px; max-width: 80px; } + +.drop-list-mb a { padding: 7px 14px; } + +.drop-list-sm { min-width: 110px; max-width: 110px; } + +.drop-list-full { min-width: 100%; max-width: 100%; } + +.drop-list-center { text-align: center; } + +.breadcumb { margin: 0 -13px; } + +.breadcumb li { display: inline-block; padding: 0 15px; font-size: .75rem; line-height: 18px; position: relative; color: #637097; } + +.breadcumb li:not(:last-child):after { position: absolute; top: 0; right: -3px; content: '-'; line-height: 18px; color: #16a4fd !important; } + +.breadcumb li a { color: #16a4fd !important; } + +.breadcumb li a:hover:not([class]) { color: #41faa4 !important; } + +.preloader { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; } + +.preloader:before, .preloader:after { position: absolute; left: 0; height: 51%; width: 100%; transition: all .6s ease; background: #fff; content: ''; } + +.preloader:before { top: 0; } + +.page-loaded .preloader:before { transform: translate(0, -100%); } + +.preloader:after { bottom: 0; } + +.page-loaded .preloader:after { transform: translate(0, 100%); } + +.preloader.no-default { background-color: #1b30a4; } + +.page-loaded .preloader.no-default:before, .page-loaded .preloader.no-default:after { transform: translate(0, 0); } + +.preloader.no-default:before, .preloader.no-default:after { position: absolute; top: 0; left: 0; height: 100%; transition: all .6s; background-color: #1b30a4; } + +.preloader-alt:after, .preloader-alt:before { background: #0d42b2; } + +.page-loaded .preloader.no-split:before, .page-loaded .preloader.no-split:after { transform: translate(0, 0); } + +.spinner { display: block; position: relative; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; z-index: 1001; } + +.spinner-round { border-radius: 50%; border: 2px solid transparent; border-top-color: #16a4fd; animation: spin 2s linear infinite; } + +.spinner-round:before, .spinner-round:after { content: ""; position: absolute; border-radius: 50%; border: 3px solid transparent; } + +.spinner-round:before { top: 5px; left: 5px; right: 5px; bottom: 5px; border-top-color: #41faa4; animation: spin 3s linear infinite; } + +.spinner-round:after { top: 15px; left: 15px; right: 15px; bottom: 15px; border-top-color: #1b30a4; animation: spin 1.5s linear infinite; } + +.spinner-alt { border-radius: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; } + +.spinner-alt:after, .spinner-alt:before { content: ""; position: absolute; border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; } + +.spinner-alt:before { border: 1px solid rgba(255, 255, 255, 0.1); } + +.spinner-alt:after { border: 1px solid; border-top-color: #fff; border-right-color: transparent; border-left-width: 0; border-bottom-width: 0; animation: spin 1.5s linear infinite; } + +.spinner-alt.load-done { transition: all .4s; transform: scale(3); opacity: 0; border-color: transparent; } + +.spinner-alt.load-done:after, .spinner-alt.load-done:before { opacity: 0; } + +.spinner-alt.spinner-light { border: 1px solid rgba(10, 16, 21, 0.1); } + +.spinner-alt.spinner-light:after { border-top-color: #0a1015; } + +.spinner-brand { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100px; } + +@keyframes spin { 0% { -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); } } + +.text-zoom { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; text-transform: uppercase; font-weight: 700; height: 100px; width: 100px; } + +.text-item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } + +.text-item:nth-child(2) > * { animation-delay: 1s; } + +.text-item:nth-child(3) > * { animation-delay: 2s; } + +.text-item:nth-child(4) > * { animation-delay: 3s; } + +.text-item:nth-child(5) > * { animation-delay: 4s; } + +.text-item:nth-child(6) > * { animation-delay: 5s; } + +.text-item:nth-child(7) > * { animation-delay: 6s; } + +.text-item:nth-child(8) > * { animation-delay: 7s; } + +.text-item:nth-child(9) > * { animation-delay: 8s; } + +.text-small, .text-large { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; opacity: 0; } + +.text-small { color: #97afd5; z-index: 2; font-size: 60px; animation: textzoom9 9s linear infinite; } + +.text-large { color: #19243e; z-index: 0; font-size: 120px; animation: textzoom9l 9s linear infinite; } + +@keyframes textzoom9 { 0% { transform: translate(-50%, -50%) scale(0); + opacity: 0; } + 6% { transform: translate(-50%, -50%) scale(1); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.3); + opacity: 0; } } + +@keyframes textzoom9l { 0% { transform: translate(-50%, -50%) scale(0.2); + opacity: 0; } + 8% { transform: translate(-50%, -50%) scale(1.2); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.7); + opacity: 0; } } + +.modal-dialog-bottom { display: flex; align-items: flex-end; min-height: calc(100% - (.5rem * 2)); } + +.modal.fade .modal-dialog-bottom { -webkit-transform: translate(0, 25%); transform: translate(0, 25%); } + +.modal.show .modal-dialog-bottom { -webkit-transform: translate(0, -30px); transform: translate(0, -30px); } + +.modal-content { background: none; border: none; margin-left: auto; margin-right: auto; width: auto; max-width: 100%; } + +.modal-body { background: #fff; border-radius: 6px; } + +.modal-close { position: absolute; cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 39px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #637097; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(99, 112, 151, 0.2); } + +.mfp-close-btn-in .mfp-close { cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 37px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #637097 !important; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(99, 112, 151, 0.2); transition: all .4s; } + +.mfp-close-btn-in .mfp-close:hover { text-decoration: none; color: #16a4fd !important; } + +.tc-light .mfp-close-btn-in .mfp-close:hover { color: #16a4fd !important; } + +.image-popup .mfp-close { cursor: pointer; top: 22px; right: -18px; } + +.owl-nav { margin: 0 -10px 0; padding-top: 40px; } + +.carousel-nav-s1 .owl-nav { padding-top: 0px; } + +.carousel-nav-center .owl-nav { display: flex; justify-content: center; } + +.owl-nav button { border: 1px solid #7ab9ff !important; border-radius: 50% !important; height: 40px; width: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 0 10px; transition: all .4s; } + +.carousel-nav-s1 .owl-nav button { border-width: 0 !important; margin: 0; } + +.owl-nav button:focus { box-shadow: none; outline: none; } + +.owl-nav button.disabled { opacity: 0.4; } + +.owl-nav button:after { font-family: "themify"; font-size: 1rem; } + +.carousel-nav-s1 .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.carousel-nav-light .owl-nav { color: #fff; } + +.owl-prev:after { content: '\e64a'; } + +.owl-rtl .owl-prev:after { content: '\e649'; } + +.carousel-nav-s1 .owl-prev:after { content: '\f060'; } + +.carousel-nav-s1.owl-rtl .owl-prev:after { content: '\f061'; } + +.owl-next:after { content: '\e649'; } + +.owl-rtl .owl-next:after { content: '\e64a'; } + +.carousel-nav-s1 .owl-next:after { content: '\f061'; } + +.carousel-nav-s1.owl-rtl .owl-next:after { content: '\f060'; } + +.owl-dot { height: 6px; width: 12px; border-radius: 3px; display: inline-block; margin: 0 4px; transition: all .4s ease; background: rgba(22, 164, 253, 0.3) !important; } + +.owl-dot.active { background: rgba(22, 164, 253, 0.8) !important; width: 20px; } + +.owl-dot:focus { outline: none; } + +.owl-dots { text-align: center; } + +.carousel-shadow-fix .owl-stage-outer { margin: 0 -30px; margin-top: -20px; padding-left: 40px; } + +.carousel-shadow-fix.feature-carousel-center .owl-stage-outer { padding-left: 30px; } + +.carousel-shadow-fix.owl-rtl .owl-stage-outer { padding-left: 0; padding-right: 30px; } + +.carousel-shadow-fix .owl-item { padding: 20px 0 40px; } + +.carousel-shadow-fix .owl-item > div { transition: all .4s; opacity: 0; } + +.carousel-shadow-fix .owl-item.active > div { opacity: 1; } + +.carousel-shadow-fix .owl-item:not(.active) [class*='shadow'] { box-shadow: none !important; } + +.carousel-shadow-fix .owl-item .feature { margin-bottom: 0; } + +.ovm-line { position: relative; width: 64%; max-width: 1280px; height: 100%; margin-left: auto; margin-right: auto; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } + +.ovm-line:before, .ovm-line:after { position: absolute; content: ''; height: 100%; top: 0; left: 50%; transform: translateX(-50%); } + +.ovm-line:before { width: 1px; background: rgba(255, 255, 255, 0.05); } + +@media (min-width: 992px) { .ovm-line:after { width: 50%; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.nk-circle-animation { height: 300px; width: 300px; z-index: 1; } + +.nk-circle-animation + * { position: relative; z-index: 1; } + +.nk-circle-animation:before, .nk-circle-animation:after { position: absolute; content: ''; border: 4px solid rgba(122, 185, 255, 0.3); border-radius: 50%; } + +.nk-circle-animation:before { top: 0; left: 0; bottom: 0; right: 0; border-top-color: #16a4fd; border-right-color: #16a4fd; animation: rotatecw 30s linear infinite 0s; } + +.nk-circle-animation:after { top: 25px; left: 25px; bottom: 25px; right: 25px; border-top-color: #16a4fd; border-bottom-color: #16a4fd; animation: rotateacw 24s linear infinite 0s; } + +.nk-circle-animation.small:before, .nk-circle-animation.small:after { border-width: 2px; } + +.nk-circle-animation.fast:before { animation: rotatecw 15s linear infinite 0s; } + +.nk-circle-animation.fast:after { animation: rotateacw 10s linear infinite 0s; } + +.nk-circle-animation.white:before { border-top-color: #fff; border-right-color: #fff; } + +.nk-circle-animation.white:after { border-top-color: #fff; border-bottom-color: #fff; } + +.nk-circle-animation.accent-alt:before { border-top-color: #41faa4; border-right-color: #41faa4; } + +.nk-circle-animation.accent-alt:after { border-top-color: #41faa4; border-bottom-color: #41faa4; } + +.nk-circle-pk { position: relative; height: 565px; width: 640px; } + +.nk-circle-pk [class*="line"] { position: absolute; top: 0; border-radius: 50%; border: 1px solid rgba(22, 164, 253, 0.2); height: 100%; width: calc(100% - 80px); } + +.nk-circle-pk .line-1 { left: 0; } + +.nk-circle-pk .line-2 { left: 20px; } + +.nk-circle-pk .line-3 { left: 45px; } + +.nk-circle-pk .line-4 { left: 65px; } + +.token-status .nk-circle-pk { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } + +@media (min-width: 576px) { .nk-circle-animation { height: 500px; width: 500px; overflow: hidden; } + .nk-circle-animation:after { top: 45px; left: 45px; bottom: 45px; right: 45px; } + .nk-circle-animation.small { height: 400px; width: 400px; } + .nk-circle-animation.small:after { top: 35px; left: 35px; bottom: 35px; right: 35px; } } + +@media (min-width: 992px) { .token-status .nk-circle-pk { display: block; } + .icon-bg { margin-right: 20px; } + .has-rtl .icon-bg { margin-right: 0px; margin-left: 20px; } } + +.circle-animation { position: absolute; height: 700px; width: 700px; top: -75px; left: 50%; transform: translateX(-50%); } + +.circle-animation .ca { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid rgba(99, 112, 151, 0.15); } + +.tc-light .circle-animation .ca { border-color: rgba(255, 255, 255, 0.1); } + +.circle-animation .ca-dot { position: absolute; height: 12px; width: 12px; border-radius: 50%; } + +.circle-animation .ca-color-1 { background: #86cfff; } + +.circle-animation .ca-color-2 { background: #859fff; } + +.circle-animation .ca-color-3 { background: #93a6ba; } + +.circle-animation-l1 { height: 100%; width: 100%; animation: rotatecw_alt 78s linear infinite 0s; } + +.circle-animation-l1-d1 { left: 23%; top: 6.35%; } + +.circle-animation-l1-d2 { right: 23%; top: 6.35%; } + +.circle-animation-l1-d3 { right: -7px; top: 50%; } + +.circle-animation-l1-d4 { right: 23%; bottom: 6.35%; } + +.circle-animation-l1-d5 { left: 23%; bottom: 6.35%; } + +.circle-animation-l1-d6 { left: -7px; top: 50%; } + +.circle-animation-l2 { height: 84.6%; width: 84.6%; border-radius: 50%; animation: rotateacw_alt 66s linear infinite 0s; } + +.circle-animation-l2-d1 { right: 4.9%; top: 25%; } + +.circle-animation-l2-d2 { left: 42%; top: -.6%; } + +.circle-animation-l2-d3 { left: -2px; top: 40%; } + +.circle-animation-l2-d4 { left: 24%; bottom: 5.5%; } + +.circle-animation-l2-d5 { right: 11.2%; bottom: 16%; } + +.circle-animation-l3 { height: 69.2%; width: 69.2%; animation: rotatecw_alt 54s linear infinite 0s; } + +.circle-animation-l3-d1 { left: 7.6%; top: 20%; } + +.circle-animation-l3-d2 { right: 24%; top: 5.2%; } + +.circle-animation-l3-d3 { right: -3px; bottom: 39%; } + +.circle-animation-l3-d4 { right: 37%; bottom: 0; } + +.circle-animation-l3-d5 { left: 8.4%; bottom: 19%; } + +@keyframes rotatecw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(360deg); } } + +@keyframes rotateacw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(-360deg); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.social li { text-align: center; display: inline-block; padding: 0 3px; } + +.social li:first-child { padding-left: 0; } + +.social li a { display: inline-flex; align-items: center; transition: all 0.3s; width: auto; } + +.social li a:hover { opacity: 1; transform: translateX(0); } + +.social li a:hover .social-icon { background: #41faa4; color: #fff; } + +.tc-light .social li a:hover .social-icon { background: #16a4fd; } + +.social li a:hover .social-icon + span { color: #fff; } + +.social-icon { width: 32px; height: 32px; line-height: 32px; border-radius: 50%; transition: 0.3s; color: #637097; background: #fff; } + +.tc-light .social-icon { color: #fff; background: rgba(255, 255, 255, 0.15); } + +.social-icon-transparent { background: transparent; } + +.tc-light .social-icon-transparent { background: transparent; } + +.social-icon + span { display: none; margin-left: 8px; font-weight: 600; text-transform: uppercase; font-size: 12px; color: #16a4fd; transition: all 0.3s; } + +.social-bar { display: flex; flex-wrap: wrap; } + +.social-bar li { flex-grow: 1; text-align: center; line-height: 30px; } + +.social-bar li:not(:last-child) { border-right: 1px solid #f0f5fc; } + +.social-bar li span { font-size: 14px; text-transform: uppercase; } + +.social-bar li a, .social-bar li span { display: block; padding: 7px 10px; } + +.social-bar-title { width: 100%; border-bottom: 1px solid #f0f5fc; } + +@media (min-width: 576px) { .social-icon + span { display: inline-block; } + .social-bar li a, .social-bar li span { padding: 20px; } + .social-bar-title { width: auto; border-bottom: none; } } + +@media (min-width: 992px) { .social-bar li a { font-size: 20px; } + .social-bar li a, .social-bar li span { padding: 40px 20px; } } + +.language-switcher .toggle-tigger { color: #637097; position: relative; } + +.is-transparent:not(.has-fixed) .header-logo .language-switcher .toggle-tigger { color: #fff; } + +.language-switcher .toggle-tigger:not(.btn) { padding: 8px 15px 8px 10px; } + +.language-switcher .toggle-tigger:not(.btn):after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.language-switcher-s1 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s2 .toggle-tigger:after { right: 14px; } + +.language-switcher-s2 .toggle-tigger:not(.btn) { padding: 3px 26px 3px 16px; } + +.language-switcher-s3 { border-left: 1px solid rgba(255, 255, 255, 0.15); text-transform: uppercase; font-size: .88rem; margin-left: 15px; } + +.language-switcher-s3 .toggle-tigger:not(.btn) { padding: 2px 20px 2px 15px; } + +.language-switcher-s4 { position: relative; } + +@media (min-width: 992px) { .language-switcher-s4:after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; content: ''; background: rgba(255, 255, 255, 0.15); } } + +.language-switcher-s4 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s5 .toggle-tigger { font-size: 12px; font-weight: 500; text-transform: uppercase; } + +.language-flag { width: 24px; margin: 3px 8px 3px 0; } + +.language-flag-lg { width: 36px; } + +.gfx { max-width: 400px; } + +.gfx-auto { margin-left: auto; margin-right: auto; } + +.gfx-inherit { max-width: 420px; } + +.gfx-md { max-width: 380px; } + +@media (min-width: 768px) { .gfx { max-width: 500px; } + .gfx-inherit { max-width: 420px; } + .gfx-md { max-width: 380px; } } + +@media (min-width: 992px) { .gfx-re-s1 { margin: 0 -230px 0 0; } } + +@media (min-width: 1600px) { .gfx-re-lgl { margin-left: -188px; } + .gfx-re-lg { margin: 0 -168px 0 42px; } } + +@media (min-width: 1900px) { .gfx-re-lgl { margin-left: -315px; } + .gfx-re-lgr { margin-right: -315px; } + .gfx-re-mdl { margin-left: -230px; } + .gfx-re-lg { margin: 0 -200px 0 42px; } } + +.piller-one, .piller-two { position: absolute; z-index: -1; } + +.piller-one { width: 250px; top: 20%; right: 100%; margin-right: 65px; } + +.piller-two { width: 200px; left: 100%; top: 50%; margin-left: 40px; } + +.gfx-round-bg { min-width: 300px; min-height: 300px; background: #f0f4fd; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } + +.gfx-round-bg.after:after { position: absolute; content: ""; left: 44px; top: 0; width: 100%; height: 100%; border: 1px solid #41faa4; border-radius: 50%; } + +@media (min-width: 768px) { .gfx-round-bg { min-width: 400px; min-height: 400px; } } + +@media (min-width: 1200px) { .gfx-round-bg { min-width: 480px; min-height: 480px; } } + +@media (min-width: 1600px) { .gfx-round-bg { min-width: 600px; min-height: 600px; } } + +@media (min-width: 1900px) { .gfx-round-bg { min-width: 660px; min-height: 660px; } + .gfx-round-bg-md { min-width: 557px; min-height: 557px; } } + +/** 04. Components */ +/** 04.01 Tab */ +.tab-nav li a { display: block; padding: 12px 12px; line-height: 19px; font-weight: 400; color: rgba(27, 48, 164, 0.6); border-bottom: 1px solid rgba(219, 228, 247, 0.5); transition: all .4s; } + +.tab-nav li a:hover, .tab-nav li a.active { color: #0d42b2; } + +.tab-nav li a .fas, .tab-nav li a .far { margin-right: 10px; } + +.tab-nav-sap { flex-grow: 1; height: 2px; background: rgba(46, 0, 122, 0.4); align-self: center; margin: 0 -7px; } + +.tc-light .tab-nav-sap { background: rgba(46, 0, 122, 0.4); } + +.tab-nav-vr { display: block; } + +.tab-nav-vr li:not(:last-child) a { border-bottom: 1px solid rgba(219, 228, 247, 0.5); } + +.tab-nav-vr li:last-child a { border: none; } + +.tab-nav-vr li a { padding: 18px 20px; } + +.tc-light .tab-nav-vr li:not(:last-child) a { border-color: rgba(255, 255, 255, 0.07); } + +.tab-nav-s2 { margin: 0 -15px 15px; } + +.tab-nav-s2 li { padding: 0 15px; } + +.tab-nav-s2 li a { font-size: 18px; letter-spacing: 0.01em; text-transform: uppercase; padding: 12px 5px; border-bottom-color: transparent; } + +.tc-light .tab-nav-s2 li a { color: rgba(255, 255, 255, 0.5) !important; } + +.tab-nav-s2 li a:hover, .tab-nav-s2 li a.active { color: #16a4fd; border-bottom-color: #16a4fd; } + +.tab-nav-s2 li a .fas, .tab-nav-s2 li a .far { margin-right: 10px; } + +.tab-nav-s3 li a { border: none !important; border-radius: 3px; cursor: pointer; padding: 28px 30px; } + +.tab-nav-s3 li a [class*=title] { color: #313c56; transition: all .4s; } + +.tc-light .tab-nav-s3 li a [class*=title] { color: #fff; } + +.tab-nav-s3 li a p { color: #637097; line-height: 1.6; } + +.tc-light .tab-nav-s3 li a p { color: #7ab9ff; } + +.tab-nav-s3 li a.active { box-shadow: 0 3px 12px 0 rgba(49, 60, 86, 0.08); background: #fff; cursor: default; } + +.tab-nav-s3 li a.active [class*=title] { color: #16a4fd; } + +.tc-light .tab-nav-s3 li a.active { background: #0d42b2; } + +.bg-theme-alt .tab-nav-s3 li a.active { background: #1b30a4; } + +.tab-nav-s4 { border: none; padding: 5px; border-radius: 30px; display: inline-block; } + +.tab-nav-s4 li { display: inline-block; } + +.tab-nav-s4 li a { border: none; line-height: 24px; background: transparent; font-weight: 600; color: #fff; font-size: 11px; padding: 10px 22px; border-radius: 25px; font-weight: 600; display: inline-block; } + +.tab-nav-s4 li a.active { color: #1b30a4 !important; background: #fff; } + +.tc-light .tab-nav-s4 li a.active:hover { color: tab_nav_s4_active_color !important; } + +.tc-light .tab-nav-s4 li a:hover { color: #fff !important; } + +.tab-nav-center { justify-content: center; } + +.tab-nav-bdr { border: 1px solid #dbe4f7; border-radius: 5px; } + +.tc-light .tab-nav-bdr { border-color: rgba(255, 255, 255, 0.07); background: rgba(255, 255, 255, 0.02); } + +.tab-nav-line { margin-bottom: 20px; border-bottom: 2px solid rgba(219, 228, 247, 0.5); text-align: center; justify-content: center; } + +.tab-nav-line li a { border-bottom: none; position: relative; } + +.tab-nav-line li a:after { position: absolute; width: 100%; height: 2px; left: 0; bottom: -2px; content: ''; background: #16a4fd; opacity: 0; transition: all .4s; } + +.tab-nav-line li a:hover, .tab-nav-line li a.active { color: #16a4fd; } + +.tab-nav-line li a.active:after { opacity: 1; } + +.tc-light .tab-nav-line { border-bottom-color: rgba(219, 228, 247, 0.5); } + +.tc-light .tab-nav li a:after { background: #fff; } + +.tc-light .tab-nav li a:hover, .tc-light .tab-nav li a.active { color: #fff !important; } + +.tab-nav-btn { margin: -7px -7px 8px; } + +.tab-nav-btn li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn li a { border-radius: 3px; color: #637097; background: rgba(27, 48, 164, 0.1); border-color: transparent; padding: 10px 18px; } + +.tc-light .tab-nav-btn li a { color: #637097; background: rgba(255, 255, 255, 0.1); border-color: transparent; } + +.tab-nav-btn li a:hover, .tab-nav-btn li a.active { color: #16a4fd !important; background: rgba(27, 48, 164, 0.1); } + +.tc-light .tab-nav-btn li a:hover, .tc-light .tab-nav-btn li a.active { color: #16a4fd !important; background: rgba(22, 164, 253, 0.1); } + +.tab-nav-btn-s2 li a:hover, .tab-nav-btn-s2 li a.active { color: #fff !important; background: #16a4fd; } + +.tc-light .tab-nav-btn-s2 li a:hover, .tc-light .tab-nav-btn-s2 li a.active { color: #16a4fd !important; background: rgba(27, 48, 164, 0.1); } + +.tab-nav-btn-bdr { margin: -7px; } + +.tab-nav-btn-bdr li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr li a { border-radius: 3px; color: #637097 !important; background: transparent; border: 1px solid !important; border-color: #637097 !important; } + +.tc-light .tab-nav-btn-bdr li a { color: #fff !important; background: transparent; border-color: rgba(46, 0, 122, 0.4) !important; } + +.tab-nav-btn-bdr li a:hover, .tab-nav-btn-bdr li a.active { color: #16a4fd !important; background: transparent; border-color: #16a4fd !important; } + +.tc-light .tab-nav-btn-bdr li a:hover, .tc-light .tab-nav-btn-bdr li a.active { color: #16a4fd !important; background: transparent; border-color: #16a4fd !important; } + +.tab-nav-btn-bdr-s2 { margin: -7px; } + +.tab-nav-btn-bdr-s2 li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr-s2 li a { text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; font-size: .88rem; padding: 14px 22px; border-radius: 6px; color: #637097 !important; background: transparent; border: 2px solid !important; border-color: rgba(46, 0, 122, 0.4) !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a { color: #fff !important; background: transparent; border-color: rgba(46, 0, 122, 0.4) !important; } + +.tab-nav-btn-bdr-s2 li a:hover, .tab-nav-btn-bdr-s2 li a.active { color: #16a4fd !important; background: transparent; border-color: #16a4fd !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a:hover, .tc-light .tab-nav-btn-bdr-s2 li a.active { color: #16a4fd !important; background: transparent; border-color: #16a4fd !important; } + +.tab-nav-grad li a { position: relative; } + +.tc-light .tab-nav-grad li a { background: rgba(255, 255, 255, 0.1); } + +.tab-nav-grad li a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: -1; border-radius: 3px; background: linear-gradient(-45deg, #1b30a4 0%, #0d42b2 100%); opacity: 0; transition: all .4s; } + +.tc-light .tab-nav-grad li a:before { background: linear-gradient(-45deg, #16a4fd 0%, #41faa4 100%) !important; } + +.tab-nav-grad li a:hover, .tab-nav-grad li a.active { color: #fff !important; background: transparent; } + +.tab-nav-grad li a:hover:before, .tab-nav-grad li a.active:before { opacity: 1; } + +.tc-light .tab-nav-grad li a:hover, .tc-light .tab-nav-grad li a.active { color: #fff !important; } + +.tab-pane { padding: 10px 0 0; } + +@media (min-width: 576px) { .tab-nav-line > li { flex-grow: 1; } + .tab-nav-s4 li a { font-size: 14px; padding: 13px 25px; } } + +/** 04.02 Accordion */ +.accordion-item { transition: all .4s; padding-bottom: 8px; } + +.accordion-item:not(:last-child) { border-bottom: 1px solid #dbe4f7; } + +.tc-light .accordion-item:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item:not(:last-child) { border-color: rgba(22, 164, 253, 0.3); } + +.accordion-item-s2 { border-width: 2px !important; border: 2px solid #dbe4f7; border-radius: 6px; } + +.tc-light .accordion-item-s2 { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2 { border-color: rgba(22, 164, 253, 0.3); } + +.accordion-item-s2.current { border-color: rgba(27, 48, 164, 0.5) !important; } + +.tc-light .accordion-item-s2.current { border-color: #16a4fd !important; } + +.accordion-item-s2:not(:last-child) { margin-bottom: 15px; } + +.tc-light .accordion-item-s2:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2:not(:last-child) { border-color: rgba(22, 164, 253, 0.3); } + +.accordion-item-s3 { border: none !important; border-radius: 6px; background: #fff; box-shadow: 0px 4px 6px 0px rgba(27, 48, 164, 0.07); } + +.bg-theme .accordion-item-s3, .tc-light .accordion-item-s3 { background: rgba(255, 255, 255, 0.05); box-shadow: none; } + +.has-bg-image .accordion-item-s3 { background: rgba(21, 37, 123, 0.7); box-shadow: none; } + +.accordion-item-s3:not(:last-child) { margin-bottom: 30px; } + +.accordion-item-s4 { background: rgba(27, 48, 164, 0.09); } + +.accordion-item-s4.current { background: rgba(27, 48, 164, 0.05); } + +.accordion-title { position: relative; color: #1b30a4; font-weight: 400; cursor: pointer; padding: 22px 54px 14px 0; margin-bottom: 0; } + +.accordion-item-s2 .accordion-title { padding: 25px 54px 17px 30px; } + +.accordion-item-s3 .accordion-title { padding: 20px 54px 12px 30px; } + +.accordion-item-s4 .accordion-title { padding: 16px 54px 8px 30px; } + +.tc-light .accordion-title { color: #16a4fd; } + +.accordion-title-sm { font-size: 16px; } + +.accordion-title.collapsed { color: #637097; transition: all .4s; } + +.tc-light .accordion-title.collapsed { color: #fff; } + +.tc-light .accordion-title.collapsed:hover { color: #16a4fd; } + +.accordion-title.collapsed:hover { color: #1b30a4; } + +.accordion-title.collapsed .accordion-icon:before { opacity: 0; } + +.accordion-title.collapsed .accordion-icon:after { opacity: 1; } + +.accordion-title.collapsed .accordion-icon-s2:after { transform: rotate(-180deg); } + +.accordion-icon { position: absolute; top: calc(50% + 4px); transform: translateY(-50%); right: 0; height: 36px; width: 36px; border-radius: 50%; background: #f0f4fd; } + +.current .accordion-icon { background: #f0f4fd; } + +.accordion-icon:before, .accordion-icon:after { line-height: 36px; color: #0d42b2; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; text-align: center; transition: all .4s; } + +.current .accordion-icon:before, .current .accordion-icon:after { color: #0d42b2; } + +.accordion-icon:before { content: '\f068'; opacity: 1; } + +.accordion-icon:after { content: '\f067'; opacity: 0; } + +.accordion-icon-s2 { background: #f0f4fd; } + +.accordion-icon-s2:after { font-family: "themify"; content: '\e648'; opacity: 1 !important; } + +.accordion-icon-s2:before { display: none; } + +.accordion-item-s2 .accordion-icon { right: 12px; } + +.accordion-item-s3 .accordion-icon { right: 18px; } + +.accordion-item-s4 .accordion-icon { right: 12px; } + +.tc-light .accordion-icon { background: rgba(22, 164, 253, 0.1); } + +.tc-light .accordion-icon:after, .tc-light .accordion-icon:before { color: #16a4fd; } + +.accordion-content { padding-bottom: 12px; padding-right: 46px; } + +.accordion-content p:last-child { margin-bottom: 0; } + +.accordion-item-s2 .accordion-content, .accordion-item-s3 .accordion-content, .accordion-item-s4 .accordion-content { padding-left: 30px; } + +.accordion-item-s4 .accordion-content { padding-bottom: 6px; } + +.accordion-faq { margin-top: -15px; } + +.accordion-header { padding: 20px; } + +.accordion-header p { margin-bottom: 0; } + +.accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: none; } + +.accordion-body { padding: 0 20px 30px; } + +.accordion-box:not(:last-child) { margin-bottom: 40px; } + +.border-b-none { border-bottom: 0px !important; } + +@media (min-width: 576px) { .accordion-title-sm { font-size: 18px; } + .accordion-header { padding: 20px 40px; } + .accordion-header p { margin-bottom: 0; } + .accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: block; } + .accordion-body { padding: 0 40px 40px; } } + +/** 04.03 Blocks */ +.nk-block { display: block; width: 100%; position: relative; z-index: 1; } + +.nk-block ~ .nk-block { padding-top: 40px; } + +.nk-block ~ .nk-block-team-list { padding-top: 60px; } + +.nk-block + .hr { margin-top: 40px; margin-bottom: 40px; } + +.section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + +.nk-block-lg + .nk-block { padding-top: 60px; } + +.nk-block-zero + .nk-block { padding-top: 0 !important; } + +.nk-block-text-head { padding-bottom: 35px; } + +.nk-block-img { position: relative; } + +.nk-block-img-plx { position: absolute; } + +.nk-block-img-s1 { position: relative; z-index: 99; margin-top: -71px; padding: 30px 50px; background: #fff; border-radius: 60px 60px 60px 200px; box-shadow: 0 15px 30px rgba(27, 48, 164, 0.1); } + +.nk-block-img-s2 img { max-width: 400px; width: 100%; } + +.nk-block-img-s3 img { max-width: 300px; width: 100%; } + +.nk-block-screen { padding: 70px 50px 100px 0; } + +.nk-block-screen img { border-radius: 3px; border: 1px solid #dfeaf8; } + +.nk-block-screen-small { position: absolute; right: 0; bottom: 0; max-width: 210px; } + +.nk-block-video { position: relative; border-radius: 4px; } + +.nk-block-ca { padding: 70px 20px; } + +.nk-block-plx { width: 300px; padding: 30px 10px; margin-left: auto; margin-right: auto; } + +.nk-block-contact-s1 { padding: 110px 0; position: relative; display: flex; align-items: center; justify-content: center; background: url(../images/dot-c.png) no-repeat; background-size: contain; background-position: 50% 50%; } + +.nk-block-m30, .nk-block-team-list, .nk-block-features { margin-bottom: -30px; } + +.nk-block-m40 { margin-bottom: -40px; } + +.nk-block-m50 { margin-bottom: -50px; } + +.nk-block .pagination { margin-top: 10px; } + +.nk-block-status + .nk-block-actions { padding-top: 80px; padding-bottom: 40px; } + +.nk-block-note { position: relative; background: rgba(0, 0, 0, 0.2); border-radius: 6px; margin-top: 40px; padding: 20px 25px 20px 65px; } + +.nk-block-note-s2 { background: rgba(122, 185, 255, 0.25); } + +.nk-block-note .icon { position: absolute; left: 15px; top: 50%; font-size: 30px; color: #16a4fd; transform: translateY(-50%); } + +.nk-block-shade { position: absolute; left: -120px; bottom: 65px; width: 100%; height: calc(100% - 130px); border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); opacity: .10; transform: skew(9deg); } + +.nk-block-shade:after { position: absolute; left: 50px; bottom: 50px; width: 100%; height: 100%; content: ''; border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.nk-block-shape-s1 { position: relative; z-index: 2; padding-top: 80px; padding-bottom: 100px; background: #1b30a4; } + +.nk-block-shape-s1:before, .nk-block-shape-s1:after { position: absolute; top: 0; height: 100%; content: ''; z-index: -1; background: #1b30a4; } + +.nk-block-shape-s1:before { left: -190px; width: 320px; border-radius: 100px 0 0 100px; transform: skew(9deg); } + +.nk-block-shape-s1:after { right: -280px; width: 370px; border-radius: 0 100px 100px 0; transform: skew(-7deg); } + +.nk-block-shape-s1.bg-theme-alt { background: #0d42b2; } + +.nk-block-shape-s1.bg-theme-alt:before, .nk-block-shape-s1.bg-theme-alt:after { background: #0d42b2; } + +.nk-block-shape-s1.bg-theme-dark { background: #15257b; } + +.nk-block-shape-s1.bg-theme-dark:before, .nk-block-shape-s1.bg-theme-dark:after { background: #15257b; } + +.nk-block-shape-s1.bg-theme-dark-alt { background: #1b30a4; } + +.nk-block-shape-s1.bg-theme-dark-alt:before, .nk-block-shape-s1.bg-theme-dark-alt:after { background: #1b30a4; } + +.nk-block-header { padding-top: 30px; padding-bottom: 30px; } + +.plx-screen { width: 80px; bottom: 0; left: 0; } + +.plx-circle-s1 { width: 80px; top: 10px; left: -5px; z-index: -1; animation: ani_cicle 4s infinite linear; } + +.plx-polygon-s1 { width: 70px; bottom: 15px; left: 40px; transform-origin: center; animation: ani_round 20s infinite linear; } + +.plx-triangle-s1 { width: 80px; bottom: 0; right: 0; animation: ani_round 30s infinite reverse linear; } + +@keyframes ani_round { 0% { transform: translate(0, 0) rotate(0deg); } + 25% { transform: translate(10px, 15px) rotate(90deg); } + 50% { transform: translate(0, 0) rotate(180deg); } + 75% { transform: translate(-10px, -15px) rotate(270deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +@keyframes ani_cicle { 0% { transform: translate(0, 0) rotate(0deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +.img-block-dot { background-image: url(../images/dot-a.png); background-position: top center; padding: 50px 0; margin-top: -40px; } + +@media (min-width: 576px) { .nk-block-screen { padding: 0 50px 100px 0; } + .nk-block-team-list { margin-bottom: -50px; } } + +@media (min-width: 576px) { .nk-block ~ .nk-block { padding-top: 60px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-lg + .nk-block { padding-top: 80px; } + .nk-block-ca { padding: 90px 20px; } + .nk-block-plx { padding: 60px; width: 100%; } + .nk-block-contact-s1 { padding: 180px 0; } + .nk-block-img-s1 { padding: 40px 70px; } + .nk-block-note { margin-top: 40px; padding: 20px 65px 20px 75px; } + .nk-block-note .icon { left: 20px; } + .nk-block-shape-s1 { padding-top: 150px; padding-right: 40px; padding-bottom: 150px; } + .plx-screen { width: 130px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 140px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 95px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 768px) { .nk-block-img-s2 img { max-width: 100%; } + .nk-block-ca { padding: 60px; } + .nk-block-plx { padding: 60px; } + .plx-screen { width: 160px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 160px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 125px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 992px) { .nk-block ~ .nk-block { padding-top: 100px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-status + .nk-block-actions { padding-top: 70px; padding-bottom: 40px; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-sm + .nk-block { padding-top: 70px; } + .nk-block-lg + .nk-block { padding-top: 100px; } + .nk-block-img-s1 { margin-right: -71px; } + .nk-block-img.edge-r1 { margin-right: -160px; } + .nk-block-img.edge-l1 { margin-left: -160px; } + .nk-block-img.edge-r2 { margin-right: -360px; } + .nk-block-img.edge-l2 { margin-left: -360px; } + .nk-block-img.edge-r3 { margin-right: -500px; } + .nk-block-img.edge-l3 { margin-left: -500px; } + .nk-block .pagination { margin-top: 30px; } } + +@media (min-width: 1200px) { .nk-block-lg + .nk-block { padding-top: 130px; } } + +.app-slide-wrap { position: relative; width: 230px; margin: 15px auto; } + +.app-slide-wrap:after { position: absolute; height: calc(100% + 80px); width: calc(100% + 96px); top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; background-image: url(../images/light-ix.png); } + +.app-slide img { border-radius: 4px; } + +/** 04.04 Box */ +.card { padding: 20px; background: #fff; border: none; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.02); } + +.card.card-s3 { padding: 30px 20px; } + +.card-full { height: calc(100% - 30px); } + +.card-full-lg { height: calc(100% - 80px); } + +.card.feature-s8 { padding: 35px 25px; } + +.card-s2 { padding: 55px 30px 110px; box-shadow: 0px 5px 46px rgba(13, 66, 178, 0.14); } + +.card-lg-y { box-shadow: 0px 20px 60px rgba(49, 60, 86, 0.1); } + +.card-s3 { box-shadow: 0px 5px 18px rgba(99, 112, 151, 0.2); } + +@media (min-width: 576px) { .card { padding: 30px; } + .card.card-s3 { padding: 30px; } + .card-md { padding: 40px 30px; } + .card-lg { padding: 45px 40px; } + .card.feature-s8 { padding: 45px 30px; } + .card-s2 { padding: 55px 30px 110px; } + .card-lg-y { padding: 70px 30px; } + .card-lg-xy { padding: 70px 55px; } } + +/** 04.05 Banner */ +.nk-banner { display: block; width: 100%; z-index: 5; position: relative; } + +.banner { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } + +.is-transparent .banner { padding-top: 60px; } + +.has-mask .banner { padding-bottom: 75px; } + +.has-mask .banner-page { padding-bottom: 40px; } + +.has-mask .banner-mask-fix { padding-bottom: 40px !important; } + +.has-mask .banner-inner { padding-bottom: 125px; } + +.header-banner-angled .banner { padding-bottom: 540px; } + +.header-banner-angled-s2 .banner { padding-bottom: 498px; } + +.banner-screen { position: absolute !important; z-index: 0 !important; left: 50%; right: 0; bottom: -8px; width: 320px; transform: translateX(-50%); } + +.banner-wrap { width: 100%; } + +.banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } + +.banner-gfx { position: relative; margin: -15px 0; } + +.banner-gfx-auto { margin: 0 auto !important; } + +.banner-gfx-re-s4 { margin: 0 -95px; } + +.banner-gfx-icon { position: absolute; width: 4.2%; top: 32%; } + +.banner-gfx-icon-1 { left: 43.75%; animation: jumping 1s linear 0s infinite alternate; } + +.banner-gfx-icon-2 { right: 40.25%; animation: jumping 1s linear .5s infinite alternate; } + +.banner-gfx-s2 { max-width: 280px; margin: 0 auto; } + +.banner-fs { min-height: calc(100vh - 90px); } + +.is-transparent .banner-fs { min-height: 100vh; } + +.banner-gap-b1 { padding-bottom: 50px; } + +.has-mask .banner-gap-b1 { padding-bottom: 75px; } + +.banner-gap-b2 { padding-bottom: 75px; } + +.has-mask .banner-gap-b2 { padding-bottom: 125px; } + +.banner-gap-b3 { padding-bottom: 75px; } + +.has-mask .banner-gap-b3 { padding-bottom: 120px; } + +.banner-gap-b4 { padding-bottom: 340px; } + +.has-mask .banner-gap-b4 { padding-bottom: 360px; } + +.banner-page .banner-wrap { padding: 40px 0; } + +.is-transparent .banner-page .banner-wrap { padding-top: 20px; } + +.banner-page .breadcumb { padding-top: 10px; } + +.banner-page-md { min-height: 340px; } + +.banner-page-lg { min-height: 460px; } + +.banner-caption:not([class*=wide]) { max-width: 720px; margin-left: auto; margin-right: auto; } + +.banner > .nk-block { position: relative; z-index: 2; } + +.banner-social { background: rgba(255, 255, 255, 0.2); border-radius: 25px; padding: 0px 20px; display: inline-block; } + +.banner-social-wrap { margin-top: 30px; } + +.banner-social li { padding: 13px 8px; display: inline-block; } + +.banner-social li a { color: #fff; text-align: center; line-height: 24px; width: 24px; display: block; } + +.banner-social li a:hover { opacity: .5; outline: none; transform: translateY(-3px); } + +.banner-with-token-box-s1 .banner-wrap { padding-bottom: 175px; } + +.banner-s1-overlay { position: relative; overflow: hidden; } + +.banner-s1-overlay:before, .banner-s1-overlay:after { position: absolute; content: ''; width: 875px; height: 300%; bottom: -100%; transform: rotate(-45deg); background: rgba(255, 255, 255, 0.02); z-index: -1; } + +.banner-s1-overlay:before { left: 50%; margin-left: -130px; } + +.banner-s1-overlay:after { right: 50%; margin-right: -110px; } + +.banner-s1 .title-xs { margin-bottom: 1.14rem; } + +.banner-inner { min-height: 500px; } + +@keyframes jumping { 0% { transform: translateY(5px); } + 100% { transform: translateY(-25px); } } + +.cpn { padding-top: 30px; padding-bottom: 30px; } + +.cpn-head, .cpn-action, .cpn-text { margin-top: 20px; } + +.cpn > *:first-child { margin-top: 0; } + +.cpn-head .title { font-size: 1.75rem; line-height: 1.5; } + +.cpn-head .title-lg { line-height: 1.3; font-weight: 700; } + +.cpn-text { font-weight: 300; font-size: 1.1rem; line-height: 1.8; margin-bottom: 25px; color: #637097; } + +.tc-light .cpn-text { color: #fff; } + +.cpn-text p { color: inherit !important; font-size: inherit !important; } + +.cpn-text-center { margin-left: auto; margin-right: auto; } + +.cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } + +.cpn-text .lead, .cpn-text .lead-light { font-size: 1.25rem; font-weight: 400; line-height: 1.7; } + +.cpn-text .lead-s2 { font-size: 1.3rem; font-weight: 300; line-height: 1.7; } + +.cpn-text .lead-s3 { font-size: 1.3rem !important; font-weight: 300; line-height: 1.7; } + +.cpn-text-light .lead, .cpn-text-light .lead-light { font-weight: 300; } + +.cpn-links { padding-top: 20px; margin-top: -10px; margin-bottom: -10px; margin-left: -15px; margin-right: -15px; } + +.cpn-action .cpn-links { padding-top: 0; } + +.cpn-links li { display: inline-block; padding: 10px 15px; font-weight: 500; } + +.cpn-links-s1 { display: flex; justify-content: space-around; align-items: center; padding: 0 50px; } + +.cpn-btns + .cpn-links { padding-top: 20px; } + +.cpn-links + .cpn-btns { padding-top: 20px; } + +.cpn-boxed { padding: 20px; background: rgba(21, 37, 123, 0.6); } + +.cpn-boxed:not([class*='radius']) { border-radius: 6px; } + +.cpn-social { margin-top: 30px; } + +@media (max-width: 575px) { .cpn-title .title { font-size: 1.75rem; line-height: 1.5; } } + +@media (min-width: 576px) { .banner-gap-b3 { padding-bottom: 120px; } + .has-mask .banner-gap-b3 { padding-bottom: 160px; } + .banner-screen { bottom: -40px; width: 100%; } + .banner-screen-right { bottom: -70px; width: 360px; } + .banner-fs .banner-wrap { padding-top: 70px; padding-bottom: 70px; } } + +@media (min-width: 768px) { .banner-gfx-re-s2 { margin: -50px 0 0; } + .has-mask .banner { padding-bottom: 160px; } + .has-mask .banner-page { padding-bottom: 80px; } + .banner-gap-b1 { padding-bottom: 75px; } + .has-mask .banner-gap-b1 { padding-bottom: 125px; } + .banner-gap-b2 { padding-bottom: 125px; } + .has-mask .banner-gap-b2 { padding-bottom: 200px; } + .banner-gap-b4 { padding-bottom: 340px; } + .has-mask .banner-gap-b4 { padding-bottom: 360px; } + .banner-page .banner-wrap { padding: 80px 0; } + .is-transparent .banner-page .banner-wrap { padding-top: 60px; } + .banner-page-md { min-height: 400px; } + .banner-page-lg { min-height: 580px; } + .banner-social-wrap { margin-top: 0; } + .banner-social-vertical { right: 60px; top: 50%; transform: translateY(-50%); position: absolute; z-index: 3; padding: 20px 0; margin-top: -30px; } + .banner-social-vertical li { display: block; padding: 8px 13px; } + .banner-with-token-box-s1.banner-fs { min-height: 92vh; } + .banner-with-token-box-s1 .banner-wrap { padding-bottom: 40px; } + .cpn-text, .cpn-action { margin-top: 20px; } + .cpn-text { margin-bottom: 15px; } + .cpn-btns { padding-top: 10px; } + .cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } } + +@media (min-width: 992px) { .is-transparent .banner { padding-top: 75px; } + .banner-gfx-re-s1 { margin: 0 -80px 0 -180px; } + .banner-gfx-re-s2 { margin: -50px -280px 0 -110px; } + .banner-gfx-re-s3 { margin: 0 -150px 0 -35px; } + .banner-gfx-re-s5 { margin: 0 -305px 0 0; } + .has-mask .banner { padding-bottom: 180px; } + .has-mask .banner-page { padding-bottom: 100px; } + .banner-gap-b3 { padding-bottom: 200px; } + .has-mask .banner-gap-b3 { padding-bottom: 220px; } + .banner-gap-b4 { padding-bottom: 60px; } + .has-mask .banner-gap-b4 { padding-bottom: 80px; } + .banner-screen-right { bottom: -45px; width: 100%; } + .has-mask .banner-pd-lg { padding-bottom: 225px; padding-top: 65px; } + .banner-inner { min-height: 600px; } + .cpn { max-width: 90%; } + .banner-page .cpn { max-width: 100%; } + .cpn-head, .cpn-action, .cpn-text { margin-top: 20px; } + .banner-s1 .cpn-head { margin-top: 0; } + .cpn-text { margin-bottom: 25px; max-width: 90%; } + .banner-s1 .cpn-text { margin-top: 20px; margin-bottom: 6px; } + .banner-s2 .cpn-text { margin-top: 20px; } + .cpn-text-s1 { margin-top: 20px; margin-bottom: 12px; } + .cpn-text-s2 { max-width: 100% !important; } + .cpn-text-s3 { margin-top: 10px; } + .cpn-btns, .cpn-links { padding-top: 20px; } + .cpn-action .cpn-btns, .cpn-action .cpn-links { padding-top: 0; } + .cpn-btns + .cpn-links { padding-top: 20px; } + .cpn-links + .cpn-btns { padding-top: 20px; } + .cpn-head .title { font-size: 2.125rem; } + .cpn-head .title-sm { font-size: 1.85rem; } + .cpn-head .title-md { font-size: 2.6rem; } + .cpn-head .title-lg { font-size: 4rem; } + .cpn-head .title-lg-s2 { font-size: 3rem; } + .cpn-head .title-lg-s3 { font-size: 2rem; } + .cpn-boxed { padding: 35px; } + .cpn-social { margin-top: 50px; } + .cpn-s2 { margin-top: -122px !important; padding-top: 0; } } + +@media (min-width: 1200px) { .banner-gfx-re-s1 { margin: 0 -380px 0 -180px; } + .banner-gfx-re-s2 { margin: 0 -330px 0 -110px; } + .banner-gfx-re-s5 { margin: 0 -515px 0 0; } + .banner-gfx-re-s7 { margin: 140px -505px -183px -290px; } + .banner-gfx-re-s7 + .abs-center { right: 15px; transform: translateY(-50%); left: auto; } + .banner-gap-b3 { padding-bottom: 290px; } + .has-mask .banner-gap-b3 { padding-bottom: 320px; } + .banner-screen-right { bottom: -90px; } + .banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } } + +@media (min-width: 1600px) { .banner-caption:not([class*=wide]) { max-width: 1080px; } + .banner-gfx-re-s2 { margin: -100px -480px 0 -110px; } + .banner-fs-lg { min-height: calc(100vh - 100px); } + .has-mask .banner-pd-lg { padding-bottom: 295px; padding-top: 65px; } + .cpn-head .title-lg-s3 { font-size: 3rem; } } + +@media (max-width: 991px) and (orientation: landscape) { .banner-gfx { margin-left: auto; margin-right: auto; max-width: 390px; } } + +@media (max-width: 767px) and (orientation: landscape) { .banner-gfx { max-width: 320px; } } + +@media (min-width: 992px) and (max-width: 1200px) and (orientation: portrait) { .banner-fs { min-height: calc(65vh - 90px); } + .is-transparent .banner-fs { min-height: 60vh; } } + +@media (max-width: 420px) { .cpn-btns .btn:not(.btn-with-icon) { font-size: 11px; padding: 8px 16px; } } + +.banner-y-pd { padding-top: 100px !important; padding-bottom: 124px !important; } + +.gfx-screen { position: absolute; top: 5px; left: 44px; width: calc(100% - 91px); height: calc(100% - 25px); } + +.gfx-screen .owl-stage-outer, .gfx-screen .owl-stage, .gfx-screen .owl-item, .gfx-screen .slides { height: 100%; width: 100%; border-radius: 6px; } + +.gfx-screen .flex-control-nav { position: absolute; right: -45px; top: 50%; transform: translateY(-50%); width: auto; height: fit-content; } + +.gfx-screen .flex-control-nav li { display: block; } + +.gfx-screen .flex-control-nav li a { width: 8px; height: 8px; border-radius: 50%; margin: 10px; box-shadow: none; border-radius: 50%; background: #becff5 !important; } + +.gfx-screen .flex-control-nav li a.flex-active { background: #41faa4 !important; } + +.gfx-slide, .gfx-slide-item { height: 100%; } + +.gfx-slide img { border-top-right-radius: 10px; border-top-left-radius: 10px; } + +.gfx-slide-item { width: 100%; } + +@media (min-width: 400px) { .gfx-screen { top: 8px; left: 57px; width: calc(100% - 117px); height: calc(100% - 35px); } + .gfx-screen .flex-control-nav { right: -46px; } + .banner-gfx-s2 { max-width: 350px; } } + +@media (min-width: 576px) { .gfx-screen { left: 63px; width: calc(100% - 130px); } + .gfx-screen .flex-control-nav { right: -53px; } + .banner-gfx-s2 { max-width: 100%; } } + +@media (min-width: 768px) { .gfx-screen { top: 9px; left: 73px; width: calc(100% - 150px); height: calc(100% - 44px); } + .gfx-screen .flex-control-nav { right: -65px; } } + +@media (min-width: 1200px) { .gfx-screen { top: 18px; left: 106px; width: calc(100% - 220px); height: calc(100% - 66px); } + .gfx-screen .flex-control-nav { right: -100px; } } + +@media (min-width: 1600px) { .gfx-screen { left: 135px; width: calc(100% - 279px); height: calc(100% - 81px); } + .gfx-screen .flex-control-nav { right: -128px; } } + +/** 04.06 Head */ +.section-head { position: relative; } + +.section-head:not([class*=pdb]) { padding-bottom: 40px; } + +.section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + +.section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + +.section-head p { color: #637097; } + +.tc-light .section-head p { color: #fff; } + +.section-head.tc-light p { color: #fff; } + +.section-head .title { font-weight: 600; } + +.section-head .title-thin { font-weight: 300; } + +.section-head .title:not(:last-child) { margin-bottom: .75rem; } + +.section-head .title-xs:not(:last-child) { margin-bottom: .5rem; } + +.section-head .title:before { position: absolute; left: 50%; top: 50%; content: attr(title); font-family: "Poppins", sans-serif; line-height: .9; text-transform: uppercase; white-space: nowrap; color: #1b30a4; transform: translate(-50%, -50%); opacity: 0.06; } + +.tc-light .section-head .title:before { opacity: 0.06; } + +.section-head .title-s4 { text-transform: uppercase; padding: 30px 0; margin-bottom: 0; opacity: 1; position: relative; } + +.section-head .title-s4.title:before { font-size: 120px !important; font-weight: 700; } + +.section-head-s2 .title:before { font-size: 48px; background-image: linear-gradient(180deg, #637097 0%, #fff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.firefox .section-head-s2 .title:before { -webkit-text-fill-color: #000; } + +.firefox .tc-light .section-head-s2 .title:before { -webkit-text-fill-color: #fff; } + +.section-head-s3 { position: relative; } + +.section-head-s3:after, .section-head-s3:before { position: absolute; left: 50%; height: 1px; width: 110px; content: ""; transform: rotate(-45deg); z-index: -1; opacity: .4; } + +.section-head-s3:before { top: 60px; margin-left: -80px; background: #41faa4; } + +.tc-light .section-head-s3:before { background: #41faa4; } + +.section-head-s3:after { top: 5px; margin-left: -50px; background: #16a4fd; } + +.tc-light .section-head-s3:after { background: #16a4fd; } + +.section-head-line { position: absolute; height: 60px; width: 60px; left: 50%; top: 10px; opacity: .2; border-radius: 50%; background: transparent; transform: rotate(45deg) translate(-50%, 0); } + +.section-head-line .line-1, .section-head-line .line-2, .section-head-line .line-3, .section-head-line .line-4, .section-head-line .line-5, .section-head-line .line-6, .section-head-line .line-7, .section-head-line .line-8 { position: absolute; content: ""; border-radius: 50%; background: transparent; border-top: 1px solid #16a4fd; border-left: 1px solid #16a4fd; } + +.section-head-line .line-1 { top: -15px; left: -15px; height: 90px; width: 90px; } + +.section-head-line .line-2 { top: -30px; left: -30px; height: 120px; width: 120px; } + +.section-head-line .line-3 { top: -45px; left: -45px; height: 150px; width: 150px; } + +.section-head-line .line-4 { top: -60px; left: -60px; height: 180px; width: 180px; } + +.section-head-line .line-5 { top: -75px; left: -75px; height: 210px; width: 210px; } + +.section-head-line .line-6 { top: -90px; left: -90px; height: 240px; width: 240px; } + +.section-head-line .line-7 { top: -105px; left: -105px; height: 270px; width: 270px; } + +.section-head-line .line-8 { top: -120px; left: -120px; height: 300px; width: 300px; } + +@media (min-width: 576px) { .section-head:not([class*=pdb]) { padding-bottom: 50px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + .section-head .title:not(:last-child) { margin-bottom: 1.25rem; } + .section-head .title-xs:not(:last-child) { margin-bottom: .75rem; } + .section-head-s2 .title:before { font-size: 64px; } } + +@media (min-width: 992px) { .section-head:not([class*=pdb]) { padding-bottom: 60px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 40px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-s2 .title:before { font-size: 90px; } + .section-head-s2 .title-xl:before { font-size: 124px; } } + +.t-cap { text-transform: capitalize !important; } + +/** 04.07 Features */ +.feature { margin-bottom: 30px; display: block; } + +.feature-download { margin-bottom: 0; } + +.feature.card { height: calc(100% - 30px); } + +.feature-group .feature { margin-bottom: 0; } + +.feature-group { border-radius: 6px; } + +.feature-icon { position: relative; width: 60px; margin-bottom: 15px; flex-shrink: 0; margin-right: 12px; } + +.feature-icon-md { width: 40px; } + +.feature-icon-md-s2 { width: 80px; } + +.feature-icon-xl { width: 120px; } + +.feature-icon.dot:before { position: absolute; bottom: 0; right: 0; content: ''; height: 30px; width: 30px; border-radius: 50%; background: rgba(22, 164, 253, 0.5); z-index: 4; } + +.tc-light .feature-icon .icon { color: #16a4fd; } + +.feature-icon .icon { position: relative; font-size: 3.75rem; color: #0d42b2; z-index: 5; margin-left: -5px; } + +.feature-icon .icon.icon-circle { margin-left: 0; } + +.feature-icon .icon-xs { font-size: 1rem; } + +.feature-icon .icon-md { font-size: 2.75rem; } + +.feature-icon .icon-rg { font-size: 4.35rem; } + +.feature-icon .icon-lg { font-size: 5.75rem; } + +.feature-icon .icon-lg-s2 { font-size: 5rem; padding-top: 15px; } + +.feature-icon .icon-xl { font-size: 9rem; } + +.feature-icon .icon-grd { background-image: linear-gradient(-45deg, #16a4fd 0%, #41faa4 80%, #41faa4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.feature-icon .icon-circle { position: relative; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #41faa4; border-radius: 50%; background-image: linear-gradient(-45deg, #16a4fd 0%, #41faa4 80%, #41faa4 100%); } + +.feature-icon .icon-circle:after { position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; content: ''; border-radius: 50%; background: #fff; z-index: -1; } + +.bg-theme .feature-icon .icon-circle:after { background: #1b30a4; } + +.bg-theme-alt .feature-icon .icon-circle:after { background: #0d42b2; } + +.bg-theme-dark .feature-icon .icon-circle:after { background: #15257b; } + +.bg-theme-dark-alt .feature-icon .icon-circle:after { background: #1b30a4; } + +.feature-icon-s1 { text-align: center; margin-left: 10px; margin-bottom: 40px; } + +.feature-icon-s1:after { position: absolute; content: ""; left: 50%; top: 50%; width: 62px; height: 62px; border: 2px solid rgba(13, 66, 178, 0.2); transform: translate(-50%, -50%) rotate(45deg); border-radius: 8px; } + +.tc-light .feature-icon-s1:after { border: 2px solid rgba(13, 66, 178, 0.8); } + +.feature-icon-s1 .icon { margin-left: 0; line-height: 48px; } + +.feature-icon-s5 { width: 60px; height: 60px; text-align: center; line-height: 63px; border-radius: 50%; margin-bottom: 0; } + +.feature-icon-s5 .icon { font-size: 1rem; width: 40px; height: 40px; background: #fff; line-height: 40px; border-radius: 50%; text-align: center; border: 1px solid; border-color: currentColor; margin-left: 0; } + +.tc-light .feature-icon-s5 .icon { border-width: 0; } + +.feature-icon-s5-1 { background: rgba(13, 66, 178, 0.2); } + +.tc-light .feature-icon-s5-1 { background: rgba(13, 66, 178, 0.6); } + +.feature-icon-s5-1 .icon { color: #0d42b2; background: linear-gradient(-90deg, #fff 0%, #7ca3f5 100%); } + +.tc-light .feature-icon-s5-1 .icon { color: #0d42b2; } + +.feature-icon-s5-2 { background: rgba(65, 250, 164, 0.2); } + +.tc-light .feature-icon-s5-2 { background: rgba(65, 250, 164, 0.4); } + +.feature-icon-s5-2 .icon { color: #41faa4; background: linear-gradient(-90deg, #fff 0%, #effff7 100%); } + +.tc-light .feature-icon-s5-2 .icon { color: #41faa4; } + +.feature-icon-s5-3 { background: rgba(22, 164, 253, 0.2); } + +.tc-light .feature-icon-s5-3 { background: rgba(22, 164, 253, 0.4); } + +.feature-icon-s5-3 .icon { color: #16a4fd; background: linear-gradient(-90deg, #fff 0%, #c7e9ff 100%); } + +.tc-light .feature-icon-s5-3 .icon { color: #16a4fd; } + +.feature-icon-s5-4 { background: rgba(230, 96, 74, 0.2); } + +.tc-light .feature-icon-s5-4 { background: rgba(230, 96, 74, 0.4); } + +.feature-icon-s5-4 .icon { color: #e97460; background: linear-gradient(-90deg, #fff 0%, #fceae7 100%); } + +.tc-light .feature-icon-s5-4 .icon { color: #e97460; } + +.feature-icon-s6 { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(to right, #16a4fd 0%, #41faa4 100%); text-align: center; line-height: 60px; } + +.feature-icon-s6 .icon { font-size: 40px; color: #fff; opacity: 0.8; line-height: 60px; margin-left: 0; } + +.tc-light .feature-icon-s6 .icon { color: #fff; } + +.feature-icon-s6-bg { width: 60px; height: 60px; border-radius: 50%; background: rgba(22, 164, 253, 0.2); text-align: center; line-height: 60px; } + +.feature-icon-s6-bg .icon { font-size: 40px; color: #16a4fd; line-height: 60px; margin: 0 auto; } + +.feature-icon-s7 { width: 65px; height: 65px; border-radius: 50%; text-align: center; line-height: 65px; background: #16a4fd; } + +.feature-icon-s7 .icon { font-size: 30px; margin-left: 0; line-height: inherit; color: #fff; } + +.tc-light .feature-icon-s7 .icon { color: #fff; } + +.feature-icon-s8 { width: 90%; } + +.text-center .feature-icon-s8 { margin-left: auto; margin-right: auto; } + +.feature-icon-auto { width: auto; } + +.feature-icon-lg { width: 160px; margin-top: -15px; margin-bottom: 5px !important; } + +.feature-icon-lg-s1 { width: 110px; margin-top: -10px; margin-bottom: 5px !important; } + +.feature-icon-lg-s2 { width: 130px; margin-top: -12px; margin-bottom: 5px !important; } + +.feature-icon-lg-s3 { width: 95px; margin-top: -8px; margin-bottom: 20px !important; } + +.feature-icon-lg + .feature-text-s8 { padding-top: 25px; } + +.feature-icon-sm { width: 60px; } + +.feature-icon-bg { margin: 0; position: absolute; right: -15px; bottom: -15px; width: 121px; height: 121px; margin: 0; background: rgba(22, 164, 253, 0.15); border-radius: 50%; box-shadow: 0px 0px 0px 10px rgba(22, 164, 253, 0.06); text-align: center; line-height: 104px; } + +.feature-icon-bg img { max-width: 60px; } + +.feature-icon-bg-grd { background-position: center center; background-size: contain; min-height: 135px; min-width: 230px; text-align: center; display: flex; align-items: center; justify-content: center; } + +.feature-icon-bg-grd-s1 { background-image: url(../../images/icons/icon-bg-a.png); } + +.feature-icon-bg-grd-s1 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s2 { background-image: url(../../images/icons/icon-bg-a2.png); } + +.feature-icon-bg-grd-s2 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s3 { background-image: url(../../images/icons/icon-bg-a3.png); } + +.feature-icon-bg-grd-s3 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-inline { display: flex; } + +.feature-inline.card { flex-direction: row; } + +.feature-middle { align-items: center; } + +.feature-middle .feature-icon { margin-bottom: 0; margin-right: 15px; display: inline-flex; align-items: center; } + +.feature-img { border-radius: 4px; } + +.feature-image { padding-bottom: 15px; } + +.feature-image img { height: 55px; width: auto !important; } + +.feature-center .feature-image img { margin-left: auto; margin-right: auto; } + +.feature-text p:last-child { margin-bottom: 0; } + +.feature-text-s8 .title-s5 { margin-bottom: 20px; } + +.feature-text-s1 .title-xs-alt { color: #1b30a4; line-height: 1.4; display: inline-block; } + +.feature-center { text-align: center; } + +.feature-center .feature-icon { margin-left: auto; margin-right: auto; } + +.feature-center .feature-icon .icon { margin-left: 0; } + +.feature-s1 { display: flex; margin-bottom: 0; align-items: center; padding-right: 20px; } + +.feature-s1.boxed { height: 100%; border-radius: 4px; } + +.feature-s1.bordered { border: 2px solid rgba(13, 66, 178, 0.2); } + +.feature-s1-1.bordered { border-color: rgba(13, 66, 178, 0.2); } + +.feature-s1-2.bordered { border-color: rgba(65, 250, 164, 0.2); } + +.feature-s1-3.bordered { border-color: rgba(22, 164, 253, 0.2); } + +.feature-s1-4.bordered { border-color: rgba(230, 96, 74, 0.2); } + +.feature-s3 { margin-bottom: 0; } + +.feature-s3.card { padding: 30px 30px 40px; margin-bottom: 0; height: 100%; } + +.feature-s3-alt { position: relative; padding: 0; padding-bottom: 25px !important; } + +.feature-s3-alt .title-md { margin-bottom: 0.6rem; } + +.feature-s3-alt:not(:last-child):before { position: absolute; content: ""; left: 30px; top: 20px; width: 1px; background: #16a4fd; height: 100%; } + +.feature-s4 .title { padding-top: 15px; } + +.feature-s6 { margin-bottom: 0; } + +.feature-s7 { margin-bottom: 50px; } + +.feature-s8.card { height: calc(100% - 40px); } + +.feature-s8-alt { padding-top: 50px; margin-top: 50px; } + +.feature-s8-alt .feature-icon { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); } + +.feature-s8-alt.card { height: calc(100% - 90px); } + +.feature-s10 { padding: 30px 30px 30px 25px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); } + +.feature-s10-left { margin-right: 20px; padding-bottom: 60px; } + +.feature-s10-right { margin-left: 20px; margin-top: -35px; } + +.feature-s10 .title-sm { margin-bottom: 1.2rem; } + +.feature-s11 { flex-wrap: wrap; align-items: flex-start; margin-bottom: 0; } + +.feature-s11 .list { margin-left: 20px; } + +.feature-s12 { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; } + +.feature-slider-dots { display: flex; justify-content: center; margin-bottom: 40px; } + +.feature-slider-dot { position: relative; height: 46px; width: 46px; flex-grow: 0; flex-shrink: 0; border-radius: 4px; padding: 5px; text-align: center; background: #a992ea; cursor: pointer; color: #6a55ea; box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15); transition: all .4s ease; margin: 0 8px; border: none; } + +.tc-light .feature-slider-dot { background: #9e90f1; } + +.feature-slider-dot:focus, .feature-slider-dot:active { outline: none; } + +.feature-slider-dot.active { background: #6a55ea; } + +.feature-slider-dot:after { position: absolute; top: 50%; left: 100%; height: 2px; content: ''; width: 100%; background: url(../images/line.png) repeat 0 0; z-index: -1; animation: slide 1s linear infinite; } + +.feature-slider-dot:last-child:after { display: none; } + +.feature-slider-dot:nth-child(2) { color: #2bc9b4; background: #def7f3; } + +.tc-light .feature-slider-dot:nth-child(2) { background: #8de7db; } + +.feature-slider-dot:nth-child(2).active { background: #2bc9b4; } + +.feature-slider-dot:nth-child(3) { color: #49adf3; background: #dbeffd; } + +.tc-light .feature-slider-dot:nth-child(3) { background: #9fd4f9; } + +.feature-slider-dot:nth-child(3).active { background: #49adf3; } + +.feature-slider-dot:nth-child(4) { color: #f2801c; background: #fce6d2; } + +.tc-light .feature-slider-dot:nth-child(4) { background: #f9c395; } + +.feature-slider-dot:nth-child(4).active { background: #f2801c; } + +.feature-slider-dot:nth-child(5) { color: #ea64c6; background: #fbe0f4; } + +.tc-light .feature-slider-dot:nth-child(5) { background: #f29edb; } + +.feature-slider-dot:nth-child(5).active { background: #ea64c6; } + +.feature-slider-dot .ikon { font-size: 28px; line-height: 35px; width: 35px; border-radius: 50%; background: #fff; display: block; } + +.feature-slider-dot-s1 { border-radius: 50%; padding: 0; } + +.feature-slider-dot-s1.active:before { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(132, 132, 164, 0.35); animation: 1.5s linear 0s normal none infinite focuse; } + +.feature-slider-dot-s1.active .ikon { background: transparent; color: #fff; } + +.feature-slider-dot-s1 .ikon { line-height: 46px; width: 46px; } + +.feature-document { padding: 0 27px; max-width: 280px; margin-left: auto; margin-right: auto; } + +.feature-document-s2 { margin: 0 0 20px 20px; position: relative; border-radius: 6px; min-height: 140px; padding: 25px 20px 20px 95px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); } + +.tc-light .feature-document-s2 { background: #0d42b2; } + +.feature-document-img { padding-right: 25px; position: relative; z-index: 1; } + +.feature-document-img-s2 { position: absolute; top: 20px; left: -20px; width: 100px; } + +.feature-document-img-s2 img { border-radius: 4px; } + +.feature-document-img img { border: 2px solid #fff; box-shadow: 0px 0px 12px 0px rgba(22, 164, 253, 0.15); position: relative; z-index: 2; border-radius: 5px; } + +.tc-light .feature-document-img img { border-width: 0; box-shadow: 0px 0px 12px 0px rgba(21, 37, 123, 0.25); } + +.feature-document-img:before { position: absolute; right: 0; content: ''; top: 40px; width: 40px; height: calc(100% - 70px); z-index: 1; background: #fff; box-shadow: 0px 5px 20px 0px rgba(22, 164, 253, 0.07); z-index: -1; } + +.tc-light .feature-document-img:before { background: rgba(22, 164, 253, 0.75); box-shadow: 0px 5px 20px 0px rgba(21, 37, 123, 0.15); } + +.feature-document-text { justify-content: space-between; display: flex; padding-top: 18px; align-items: center; } + +.feature-document-text-s2 { color: #637097; margin-bottom: 14px; font-weight: 600; } + +.tc-light .feature-document-text-s2 { color: #fff; } + +.feature-document-text .drop-wrap { padding-bottom: 5px; } + +.feature-document-info span { display: block; line-height: 1; font-size: 13px; font-weight: 400; opacity: .5; } + +.feature-document-link { display: block; margin-top: 6px; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; color: #fff; background: #41faa4; } + +.feature-document-link:hover, .feature-document-link:active, .feature-document-link:focus { background: #16a4fd; color: #fff; } + +.tc-light .feature-document-link:hover, .tc-light .feature-document-link:active, .tc-light .feature-document-link:focus { background: #16a4fd; color: #fff; } + +.feature-document-link-s2 li { display: inline-block; margin: 0 2px 5px; } + +.feature-document-link-s2 li a { padding: 0 10px; display: inline-block; line-height: 21px; border: 2px solid #fff; border-radius: 4px; font-size: .86em; font-weight: 500; color: #16a4fd; } + +.tc-light .feature-document-link-s2 li a { color: #fff !important; border: 2px solid #fff; } + +.feature-reverse { flex-direction: row-reverse; text-align: right; } + +.feature-serial { font-size: 100px; font-weight: 700; line-height: normal; color: rgba(49, 60, 86, 0.2); } + +@keyframes focuse { 0% { transform: scale(0.8); + opacity: 1; } + 75% { transform: scale(1.2); + opacity: 0; } + 100% { transform: scale(1.2); + opacity: 0; } } + +@keyframes slide { from { background-position: 0 0; } + to { background-position: 40px 0; } } + +.boxed { padding: 15px 20px; } + +.boxed-xs { padding: 18px; } + +.boxed-sm { padding: 30px 25px; } + +.boxed-lg { padding: 30px 25px; } + +.boxed-xl { padding: 30px 25px; } + +@media (max-width: 575px) { .boxed.contact-form { padding: 20px; } + .feature-icon-s8 img { max-width: 220px; } } + +@media (min-width: 480px) { .feature-s10 { padding: 40px 90px 50px 35px; } + .feature-s10-left { margin-right: 45px; padding-bottom: 90px; } + .feature-s10-right { margin-left: 45px; margin-top: -45px; } + .feature-s11 { flex-wrap: nowrap; } } + +@media (min-width: 576px) { .feature.card { height: calc(100% - 30px); } + .feature-icon { margin-bottom: 20px; margin-right: 20px; } + .card-s3 .feature-icon { margin-right: 30px; } + .feature-sm-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-icon-s1 { margin-bottom: 40px; } + .feature-icon-s5 { margin-bottom: 0; } + .feature-icon-s7 { margin-right: 30px; } + .feature-sm-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-icon-bg { right: -40px; bottom: -40px; } + .has-rtl .feature-icon-bg { right: auto; left: -40px; } + .feature-icon-bg-grd { margin-bottom: 35px; } + .feature-s2 { display: flex; align-items: flex-start; } + .feature-s3 { margin-bottom: 0; padding: 0 30px; } + .feature-s3.card { margin-bottom: 0; height: 100%; } + .feature-s3-alt { padding: 0; } + .feature-s6 { padding-bottom: 145px; } + .feature-s6:before, .feature-s6:after { position: absolute; left: 50%; content: ''; transform: translateX(-50%); } + .feature-s6:before { bottom: 0; width: 2px; height: 95px; background: #dbe4f7; border-radius: 2px; } + .tc-light .feature-s6:before { background: rgba(255, 255, 255, 0.8); } + .feature-s6:after { bottom: 94px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #dbe4f7; background: #16a4fd; } + .tc-light .feature-s6:after { border-color: #fff; } + .feature-s8.card { height: calc(100% - 40px); } + .feature-s8-alt.card { height: calc(100% - 80px); } + .feature-s12 { flex-wrap: nowrap; } + .feature-slider-dot { height: 76px; width: 76px; padding: 10px; margin: 0 20px; } + .feature-slider-dot .ikon { font-size: 38px; line-height: 56px; width: 56px; } + .feature-slider-dot-s1 { padding: 0; } + .feature-slider-dot-s1 .ikon { font-size: 48px; line-height: 76px; width: 76px; } + .feature-sm-reverse { flex-direction: row-reverse; text-align: right; } + .boxed { padding: 40px 50px; } + .boxed-xs { padding: 18px; } + .boxed-sm { padding: 35px 25px; } + .boxed-md { padding: 40px 30px; } + .boxed-lg { padding: 45px 40px; } + .feature-icon-lg-s3 { margin-bottom: 5px !important; } } + +.link-feature-s1 { position: absolute; bottom: -40px; left: 50%; opacity: 0; transform: translate(-50%, 0); } + +.feature:hover .link-feature-s1 { bottom: -25px; opacity: 1; } + +@media (min-width: 768px) { .feature-s10 { padding: 40px 45px 50px 35px; } + .feature-s10-left { margin-right: -22.5px; margin-top: 60px; padding-bottom: 50px; } + .feature-s10-right { margin-left: -22.5px; margin-bottom: 60px; margin-top: 0; } + .feature-carousel-s1 .owl-nav { position: absolute; bottom: 35px; right: 15px; } + .feature-md-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-md-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-md-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (min-width: 992px) { .feature-s6-1 { padding-top: 197px; } + .feature-s6-2 { padding-top: 73px; } + .feature-s6-3 { padding-top: 0; } + .feature-s6-4 { padding-top: 184px; } + .feature-s10 { padding: 40px 240px 50px 50px; } + .feature-s10-left { margin-right: -95px; margin-top: 80px; } + .feature-s10-right { margin-left: -95px; } + .feature-text-s2 { padding: 0 0 0 45px; } + .feature-text-wd p { width: 72%; } + .feature-s11 { margin-top: 15px; margin-bottom: 15px; } + .feature-s12 { align-items: flex-start; } + .feature-lg-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-lg-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-lg-reverse { flex-direction: row-reverse; text-align: right; } + .boxed-xs { padding: 18px; } + .boxed-md { padding: 45px 40px; } + .boxed-lg { padding: 55px 60px; } + .boxed-xl { padding: 65px 60px; } } + +@media (min-width: 1200px) { .feature-text-s2 { padding: 0 65px 0 45px; } + .feature-text-wd p { width: 60%; } + .feature-xl-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-xl-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-xl-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (max-width: 991px) { .feature-icon-s1 { margin: 0 auto 40px; } } + +.feature-icon-btc .icon { color: #ffba00; } + +.feature-icon-eth .icon { color: #6a7aa2; } + +.feature-icon-ltc .icon { color: #adadad; } + +.feature-icon-xrp .icon { color: #2f3135; } + +.feature-icon-dash .icon { color: #1174bc; } + +.feature-icon-monero .icon { color: #ff6600; } + +.feature-currency .title { color: #637097 !important; } + +.feature-pd-lg { padding: 50px 30px; } + +.owl-item.active .feature { opacity: 0.8 !important; } + +.owl-item.active.center .feature { transition: 0.3s; opacity: 1 !important; } + +.feature-img-xl { max-width: 176px; margin: 0 auto; } + +@media (min-width: 992px) { .feature.center-lg { transform: scale(1.2); } } + +/** 04.08 Roadmap */ +.roadmap { position: relative; z-index: 10; padding-bottom: 30px; } + +.roadmap-carousel .roadmap { padding-bottom: 0; } + +.roadmap-s1:before, .roadmap-s1:after { position: absolute; content: ""; left: -1px; height: 50%; border-left-width: 3px; border-left-style: solid; border-color: #dbe4f7; } + +.tc-light .roadmap-s1:before, .tc-light .roadmap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + +.roadmap-s1:before { height: 45px; top: 0; } + +.flex-row-reverse .roadmap-s1:before { right: auto; } + +.roadmap-s1:after { height: calc(100% - 45px); right: auto; top: 45px; } + +.roadmap-s1-alt:before, .roadmap-s1-alt:after { left: 1px; border-left-width: 1px; border-left-style: dashed; } + +.tc-light .roadmap-s1-alt:before, .tc-light .roadmap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + +.flex-row-reverse .roadmap-s1-alt:before, .flex-row-reverse .roadmap-s1-alt:after { right: auto; left: 1px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-current:before { top: 0; } + +.roadmap-s1-alt.roadmap-done:after, .roadmap-s1-alt.roadmap-current:after { top: 45px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1-alt.roadmap-current:before { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1.roadmap-done:before, .roadmap-s1.roadmap-done:after { border-color: #16a4fd; } + +.roadmap-s1.roadmap-current:before { border-color: #16a4fd; } + +.roadmap-s2 { text-align: center; } + +.roadmap-s2:before, .roadmap-s2:after { position: absolute; content: ''; transition: width .3s; } + +.roadmap-s2:before { width: 0; height: 4px; background: #16a4fd; left: 0; top: 55px; } + +.tc-light .roadmap-s2:before { background: #16a4fd; } + +.roadmap-s2:after { left: 50%; top: 49px; transform: translateX(-50%); height: 16px; width: 16px; border-radius: 50%; border: 3px solid #dbe4f7; background: #fff; } + +.tc-light .roadmap-s2:after { border-color: #5b77a3; background: #1b30a4; } + +.roadmap-s2.roadmap-finished:after, .roadmap-s2.roadmap-running:after { background: #16a4fd; border: 2px solid #fff; } + +.tc-light .roadmap-s2.roadmap-finished:after, .tc-light .roadmap-s2.roadmap-running:after { background: #16a4fd; border-color: #fff; } + +.roadmap-s2.roadmap-finished:before { width: 100%; } + +.roadmap-s2.roadmap-running:before { width: 50%; } + +.roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(65, 250, 164, 0.1); } + +.tc-light .roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1); } + +.roadmap-s5 { width: 100%; } + +.roadmap-s5:last-child { padding-bottom: 30px; } + +.roadmap-s6 { padding-top: 65px; margin-top: 15px; } + +.roadmap-s6:before { position: absolute; content: ""; top: 0; left: -6px; width: calc(100% + 30px); height: 1px; z-index: 2; background: #fff; } + +.roadmap-s6:after { position: absolute; content: ""; top: 0; right: 50%; width: 19px; height: 19px; z-index: 3; border: 1px solid #fff; border-radius: 50%; transform: translate(50%, -50%); background: #fff; } + +.tc-light .roadmap-s6:after { background: #1b30a4; } + +.roadmap-s6.roadmap-done:after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; line-height: 17px; text-align: center; color: #fff; background: #39d884; } + +.roadmap-s6-1-2:before { background: linear-gradient(90deg, #16a4fd 0%, #41faa4 100%); } + +.roadmap-s6-1-2:after { border-color: #41faa4; } + +.roadmap-s6-1-2 .roadmap-head-s6:after { background: #41faa4; } + +.roadmap-s6-2-1:before { background: linear-gradient(90deg, #41faa4 0%, #16a4fd 100%); } + +.roadmap-s6-2-1:after { border-color: #16a4fd; } + +.roadmap-s6-2-1 .roadmap-head-s6:after { background: #16a4fd; } + +.roadmap-s6-2-3:before { background: linear-gradient(90deg, #41faa4 0%, #0d42b2 100%); } + +.roadmap-s6-2-3:after { border-color: #0d42b2; } + +.roadmap-s6-2-3 .roadmap-head-s6:after { background: #0d42b2; } + +.roadmap-s6-3-2:before { background: linear-gradient(90deg, #0d42b2 0%, #41faa4 100%); } + +.roadmap-s6-3-2:after { border-color: #41faa4; } + +.roadmap-s6-3-2 .roadmap-head-s6:after { background: #41faa4; } + +.roadmap-s6-3-1:before { background: linear-gradient(90deg, #0d42b2 0%, #16a4fd 100%); } + +.roadmap-s6-3-1:after { border-color: #16a4fd; } + +.roadmap-s6-3-1 .roadmap-head-s6:after { background: #16a4fd; } + +.roadmap-s6-1-3:before { background: linear-gradient(90deg, #16a4fd 0%, #0d42b2 100%); } + +.roadmap-s6-1-3:after { border-color: #0d42b2; } + +.roadmap-s6-1-3 .roadmap-head-s6:after { background: #0d42b2; } + +.roadmap-slider { position: relative; } + +.roadmap-text { max-width: 265px; margin-left: auto; margin-right: auto; } + +.roadmap-wrap { position: relative; padding: 40px 0 10px; margin-bottom: 40px; max-width: 430px; margin-left: auto; margin-right: auto; } + +.nk-block-left .roadmap-wrap { margin-left: 0; margin-right: 0; } + +.roadmap-wrap:before, .roadmap-wrap:after { position: absolute; content: ''; top: 0; bottom: 0; z-index: 7; } + +.roadmap-wrap-ovl-right:after { right: 0; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-light .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(240, 244, 253, 0.8) 25%, #f0f4fd 60%, #f0f4fd 100%); } + +.bg-light-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(221, 230, 250, 0.8) 25%, #dde6fa 60%, #dde6fa 100%); } + +.bg-white .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-theme .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(27, 48, 164, 0.8) 25%, #1b30a4 60%, #1b30a4 100%); } + +.bg-theme_alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(13, 66, 178, 0.8) 25%, #0d42b2 60%, #0d42b2 100%); } + +.bg-theme-dark .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(21, 37, 123, 0.8) 25%, #15257b 60%, #15257b 100%); } + +.bg-theme-dark-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(27, 48, 164, 0.8) 25%, #1b30a4 60%, #1b30a4 100%); } + +.roadmap-wrap-s1 { padding-bottom: 0; padding-top: 0; max-width: 90%; } + +.roadmap-wrap-s5 { display: flex; flex-wrap: wrap; padding: 40px 0 0; } + +.roadmap-wrap-s5:before { position: absolute; content: ""; left: 0; width: 1px; height: calc(100% + 30px); background: #16a4fd; } + +.roadmap-line { position: absolute; left: 19px; top: 0; background: #c1cef1; height: 100%; width: 2px; content: ''; z-index: 9; } + +.roadmap-line:after, .roadmap-line:before { position: absolute; background: #c1cef1; height: 10px; width: 10px; border-radius: 50%; content: ''; left: -4px; } + +.roadmap-line:before { top: 0; } + +.roadmap-line:after { bottom: 0; } + +.tc-light .roadmap-line { background: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-line:after, .tc-light .roadmap-line:before { background: #16a4fd; } + +.bg-theme-dark .roadmap-line { background: #0d42b2; } + +.bg-theme-dark .roadmap-line:after, .bg-theme-dark .roadmap-line:before { background: #16a4fd; } + +.bg-theme .roadmap-line { background: #0d42b2; } + +.bg-theme .roadmap-line:after, .bg-theme .roadmap-line:before { background: #16a4fd; } + +.roadmap-line-s2 { position: absolute; width: 100%; height: 4px; background: #dbe4f7; content: ''; top: 95px; border-radius: 2px; left: 0; } + +.tc-light .roadmap-line-s2 { background: #5b77a3; } + +.roadmap-line-s3:before, .roadmap-line-s3:after { display: none; } + +.roadmap-year { border-radius: 50%; color: #fff; background: #1b30a4; height: 50px; width: 50px; text-align: center; line-height: 50px; font-weight: 700; font-size: 12px; position: relative; left: -5px; } + +.tc-light .roadmap-year { background: #16a4fd; } + +.bg-theme .roadmap-year, .bg-theme-dark .roadmap-year { background: #16a4fd; } + +.roadmap-year-s2 { padding-bottom: 65px; } + +.roadmap-step { border: 2px solid #dbe4f7; border-radius: 5px; position: relative; margin-left: 50px; padding: 20px 20px 15px; position: relative; max-width: 380px; } + +.bg-light .roadmap-step { background: #fff; } + +.roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + +.roadmap-step:before { height: 18px; width: 18px; border-radius: 50%; border: 5px solid #fff; background: #1b30a4; left: -41px; top: 34px; z-index: 1; } + +.roadmap-step:after { height: 2px; width: 22px; background: #dbe4f7; left: -22px; top: 42px; } + +.roadmap-step p:last-child { margin-bottom: 0; } + +.roadmap-step-list li:before { background: #637097; } + +.tc-light .roadmap-step-list li:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-step-list-s1 li { list-style: none; padding: 8px 0; position: relative; } + +.roadmap-step-list-s1 li:after { position: absolute; content: ""; left: 10px; bottom: 0; width: 20px; height: 1px; transform: translateX(-50%); background: currentColor; } + +.roadmap-step-list-s1 li:last-child:after { display: none; } + +.tc-light .roadmap-step { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-step:before { background: #16a4fd; } + +.tc-light .roadmap-step:after { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); } + +.bg-theme .roadmap-step, .bg-theme-dark .roadmap-step { background: #1b30a4; border-color: #0d42b2; } + +.bg-theme .roadmap-step:before, .bg-theme-dark .roadmap-step:before { background: #16a4fd; border-color: #1b30a4; } + +.bg-theme .roadmap-step:after, .bg-theme-dark .roadmap-step:after { background: #0d42b2; border-color: #0d42b2; } + +.bg-theme-dark .roadmap-step:before { border-color: #15257b; } + +.bg-theme-alt .roadmap-step:before { border-color: #0d42b2; } + +.bg-light .roadmap-step:before { border-color: #f0f4fd; } + +.has-bg-image .roadmap-step:before { border-color: transparent; } + +.roadmap-step-s1 { margin-left: 0; border: none; padding-top: 0; padding-right: 25px; padding-left: 25px; z-index: 1; max-width: 100%; } + +.bg-light .roadmap-step-s1 { background: transparent; } + +.bg-theme .roadmap-step-s1, .bg-theme-dark .roadmap-step-s1, .tc-light .roadmap-step-s1 { background: transparent; } + +.roadmap-step-s1:before { display: none; } + +.roadmap-step-s1:after { width: 38px !important; left: 0 !important; height: 0; top: 49px; z-index: -1; background: none !important; border-top: 1px solid; border-color: #dbe4f7; } + +.roadmap-s1-alt .roadmap-step-s1:after { border-top-style: dashed; } + +.roadmap-step-s3 { margin-left: 0; border: none; padding: 0px 23px 30px; } + +.tc-light .roadmap-step-s3 { background: transparent; } + +.roadmap-step-s3:before { display: none; } + +.roadmap-step-s3:after { height: 60px; left: 50%; width: 2px; top: 75px; } + +.roadmap-step-s5 { margin: 0; background-color: transparent !important; border: none; padding-top: 0; padding-bottom: 0; } + +.roadmap-step-s5:before, .roadmap-step-s5:after { display: none; } + +.roadmap-head { margin-bottom: 10px; padding-right: 35px; position: relative; } + +.roadmap-finished .roadmap-head:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; line-height: 32px; border-radius: 50%; text-align: center; color: #fff; background: #41faa4; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: .88rem; content: '\f00c'; } + +.roadmap-head-s1 { padding-right: 0; margin-bottom: 0; line-height: 1.6; } + +.roadmap-head-s3 { padding-bottom: 120px; margin-bottom: 0; padding-right: 0; } + +.roadmap-head-s5 { padding: 0; } + +.roadmap-head-s5:after { display: none; } + +.roadmap-head-s6 { padding-left: 0; padding-right: 0; } + +.roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: 50%; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + +.roadmap-time { display: block; color: #1b30a4; font-size: 13px; text-transform: uppercase; } + +.tc-light .roadmap-time { color: rgba(255, 255, 255, 0.8); } + +.roadmap-time-s1 { padding-bottom: 27px; line-height: 26px; width: 100%; display: inline-block; font-weight: 700; font-size: 0.81rem; position: relative; color: #c2dfff; line-height: 25px; } + +.roadmap-time-s1:after, .roadmap-time-s1:before { position: absolute; content: ""; left: -24px; border-radius: 50%; } + +.roadmap-time-s1:after { bottom: -2px; width: 11px; height: 11px; margin-left: -5.5px; margin-top: -5.5px; background: #16a4fd; } + +.tc-light .roadmap-time-s1:after { background: #fff; } + +.roadmap-time-s1:before { bottom: -10px; width: 27px; height: 27px; margin-left: -13.5px; margin-top: -13.5px; } + +.roadmap-done .roadmap-time-s1:before, .roadmap-current .roadmap-time-s1:before { background: rgba(22, 164, 253, 0.23); } + +.tc-light .roadmap-done .roadmap-time-s1:before, .tc-light .roadmap-current .roadmap-time-s1:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-time-s3 { color: #c2dfff; } + +.roadmap-time-s3:before { position: absolute; left: 50%; transform: translateX(-50%); content: '\f1da'; border-radius: 50%; font-family: "Font Awesome 5 Free"; font-weight: 600; box-shadow: 0px 2px 7px 0px rgba(22, 164, 253, 0.1); top: 32px; background: linear-gradient(-90deg, #fff 0%, #e0f3ff 100%); border: 1px solid rgba(22, 164, 253, 0.2); height: 32px; line-height: 32px; width: 32px; color: #c2dfff; z-index: 1; font-size: 13px; } + +.tc-light .roadmap-time-s3:before { color: rgba(255, 255, 255, 0.8); background: linear-gradient(-90deg, #1b30a4 0%, #223dd0 100%); border-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 2px 7px 0px rgba(255, 255, 255, 0.1); } + +.roadmap-done .roadmap-time-s3:before { content: '\f00c'; } + +.roadmap-running .roadmap-time-s3:before { content: '\f021'; } + +.roadmap-s3-1 .roadmap-time-s3:before { content: ''; background: rgba(22, 164, 253, 0.5); border: none; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:before { background: rgba(2, 140, 227, 0.5); } + +.roadmap-s3-1 .roadmap-time-s3:after { position: absolute; left: 50%; top: 40px; transform: translateX(-50%); border-radius: 50%; content: ''; background: #16a4fd; height: 16px; width: 16px; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:after { background: #028ce3; } + +.roadmap-time-s5 { font-weight: 600; text-transform: capitalize; font-size: 1rem; color: #16a4fd; } + +.roadmap-time-s5:not(:last-child) { padding-bottom: 10px; } + +.roadmap-time-s5:after { position: absolute; height: 19px; width: 19px; border: 1px solid #16a4fd; background: #16a4fd; top: 2px; left: -29px; border-radius: 50%; content: ''; } + +.roadmap-finished .roadmap-time-s5:after { background: #f0f4fd; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 10px; text-align: center; line-height: 18px; color: #41faa4; } + +.tc-light .roadmap-finished .roadmap-time-s5:after { color: #41faa4; background: #1b30a4; } + +.roadmap-time-s6 { text-transform: none; } + +.roadmap-title { color: #c2dfff; font-weight: 700; font-size: 16px; } + +.tc-light .roadmap-title { color: #fff; } + +.roadmap-title-s1 { padding-top: 25px; display: inline-block; font-size: 1rem; font-weight: 500; line-height: 1.6; color: #637097; } + +.roadmap-title-s2 { position: relative; font-size: 1rem; font-weight: 500; color: #16a4fd; top: -10px; } + +.tc-light .roadmap-title-s2 { color: rgba(255, 255, 255, 0.8); } + +.roadmap-title-s2:before { position: absolute; content: ''; left: -25px; top: 1px; transform: translate(-50%, 0); height: 15px; width: 15px; border-radius: 50%; background: #16a4fd; border: 1px solid #16a4fd; } + +.roadmap-done .roadmap-title-s2:before { height: 19px; width: 19px; font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900; font-size: 9px; line-height: 18px; text-align: center; color: #39d884; background: #fff; } + +.tc-light .roadmap-done .roadmap-title-s2:before { color: #fff; background: #1b30a4; } + +.bg-theme .roadmap-done .roadmap-title-s2:before { background: #1b30a4; } + +.bg-theme-alt .roadmap-done .roadmap-title-s2:before { background: #0d42b2; } + +.bg-theme-dark .roadmap-done .roadmap-title-s2:before { background: #15257b; } + +.bg-theme-dark-alt .roadmap-done .roadmap-title-s2:before { background: #1b30a4; } + +.roadmap-carousel { padding: 0 40px; } + +.roadmap-carousel:after, .roadmap-carousel:before { position: absolute; height: 12px; width: 12px; border-radius: 50%; content: ''; top: 42px; background: #dbe4f7; } + +.tc-light .roadmap-carousel:after, .tc-light .roadmap-carousel:before { background: #0d42b2; } + +.roadmap-carousel .owl-nav { position: absolute; left: -30px; top: 23px; font-size: 36px; font-weight: 400; width: calc(100% + 60px); opacity: 0.3; } + +.roadmap-carousel .owl-nav .owl-next { right: -30px; } + +.roadmap-carousel .owl-nav .owl-prev { left: -30px; } + +.roadmap-carousel .owl-nav .owl-next, .roadmap-carousel .owl-nav .owl-prev { top: -30px; position: absolute; z-index: 2; height: 52px; width: 52px; font-size: 36px; line-height: 52px; text-align: center; color: #16a4fd; transform: translateY(50%); } + +.roadmap-carousel:after { right: 0; } + +.roadmap-carousel:before { left: 0; } + +.roadmap-carousel-s2:after, .roadmap-carousel-s2:before { height: 1px; width: 85px; border-radius: 0; top: 15px; z-index: 4; } + +.roadmap-carousel-s2:before { background: linear-gradient(90deg, #dde6fa 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme .roadmap-carousel-s2:before { background: linear-gradient(90deg, #1b30a4 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #0d42b2 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark .roadmap-carousel-s2:before { background: linear-gradient(90deg, #15257b 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #1b30a4 0%, rgba(0, 0, 0, 0) 100%); } + +.roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #dde6fa 100%); } + +.bg-theme .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #1b30a4 100%); } + +.bg-theme-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #0d42b2 100%); } + +.bg-theme-dark .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #15257b 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #1b30a4 100%); } + +.roadmap-carousel-s2:after { right: 40px; } + +.roadmap-carousel-s2:before { left: 40px; } + +.roadmap-carousel-container { position: relative; } + +.roadmap-carousel-container:before { position: absolute; content: ""; left: 0; top: 47px; width: 100%; height: 2px; background: #dbe4f7; } + +.tc-light .roadmap-carousel-container:before { background: #0d42b2; } + +.roadmap-carousel-nav-s2 .owl-nav { width: calc(100% + 80px); top: 26px; opacity: 1; } + +.roadmap-carousel-nav-s2 .owl-nav button { border: none !important; } + +.roadmap-carousel-nav-s2 .owl-nav button:after { font-size: 36px; line-height: 52px; color: #dbe4f7; } + +.roadmap-carousel-nav-s2.roadmap-carousel-s2 .owl-nav { top: -7px; left: 0; width: calc(100% + 20px); } + +.roadmap-carousel:not([data-dots="true"]) { margin-bottom: -30px; } + +.roadmap-list { position: relative; padding-top: 15px; } + +.roadmap-list:after { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100vw; height: 1px; content: ''; background: #41faa4; } + +.roadmap-innr { padding: 0 25px 30px; } + +.roadmap-innr:before { position: absolute; left: 0; height: 100%; width: 1px; content: ''; transform: translateX(-50%); background-image: linear-gradient(to bottom, #16a4fd 0%, #41faa4 100%); } + +.roadmap-item { position: relative; } + +.roadmap-item:nth-child(even) .roadmap-innr:before { background-image: linear-gradient(to top, #16a4fd 0%, #41faa4 100%); } + +@media (min-width: 576px) { .roadmap-wrap-ovl-right { max-width: none; margin-right: -200px; } + .roadmap-wrap-ovl-right:after { width: 280px; } + .roadmap-wrap-ovl-right .owl-nav { margin-right: 190px; } } + +@media (min-width: 768px) { .roadmap-s5 { display: flex; text-align: right; } + .roadmap-s5.roadmap-right { justify-content: flex-end; text-align: left; } + .roadmap-s5:not(:last-child) { padding-bottom: 15px; } + .roadmap-wrap-s5 { max-width: 100%; } + .roadmap-wrap-s5:before { top: -30px; left: 50%; margin-left: -0.5px; } + .roadmap-step-s5 { max-width: 50%; padding-left: 30px; padding-right: 30px; } + .roadmap-time-s5:after { left: -39px; } + .roadmap-left .roadmap-time-s5:after { right: -40px; left: auto; } } + +@media (min-width: 992px) { .roadmap { display: flex; } + .roadmap-s1:before, .roadmap-s1:after { top: 41px; height: 0; width: 50%; border-top-width: 3px; border-top-style: solid; border-left-width: 0; } + .roadmap-s1:before { left: 0; } + .flex-row-reverse .roadmap-s1:before { right: 0; left: auto; } + .roadmap-s1:after { left: auto; right: 0; z-index: -1; } + .flex-row-reverse .roadmap-s1:after { right: auto; left: 0; } + .roadmap-s1-alt:before, .roadmap-s1-alt:after { top: 42px; border-top-width: 1px; border-top-style: dashed; } + .roadmap-s1-alt:after { right: 0; } + .roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-done:after { right: 0; left: auto; } + .roadmap-s1-alt.roadmap-current:before { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-current:after { top: 42px; } + .roadmap-s2 { display: block; } + .roadmap-s6 { display: block; } + .roadmap-s6:after { right: -14px; } + .roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: -14px; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + .roadmap-wrap { padding: 40px 0 10px; margin-bottom: 60px; max-width: 100%; } + .roadmap-wrap-ovl-left, .roadmap-wrap-ovl-right { max-width: none; } + .roadmap-wrap-s1 { padding-top: 0; } + .roadmap-wrap-s1:after { position: absolute; width: 15px; height: calc(100% + 3px); border-width: 3px; border-style: solid; border-color: #dbe4f7; top: 41px; } + .tc-light .roadmap-wrap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + .roadmap-wrap-s1-alt:after { height: calc(100% + 1px); border-width: 1px; border-style: dashed; top: 42px; } + .tc-light .roadmap-wrap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + .roadmap-wrap-s1-alt.roadmap-wrap-done:after { height: calc(100% + 3px); border-width: 3px; border-style: solid; top: 41px; } + .roadmap-wrap-s1.roadmap-wrap-done:after { border-color: #16a4fd; } + .roadmap-wrap-s1:nth-child(odd):after { right: -15px; border-radius: 0 20px 20px 0; border-left-width: 0; } + .roadmap-wrap-s1:nth-child(even):after { left: -15px; border-radius: 20px 0px 0px 20px; border-right-width: 0; } + .roadmap-wrap-s1:last-child:after { display: none; } + .roadmap-line { left: 50%; margin-left: -1px; } + .roadmap-left { justify-content: flex-start; margin-top: -80px; } + .roadmap-left .roadmap-step { margin-left: 0; margin-right: 80px; } + .roadmap-left .roadmap-step:before { left: auto; right: -91px; } + .roadmap-left .roadmap-step:after { left: auto; right: -78px; } + .roadmap-left.roadmap-s5 { margin-top: 0; } + .roadmap-right { justify-content: flex-end; } + .roadmap-right .roadmap-step { margin-left: 80px; } + .roadmap-year { height: 60px; width: 60px; line-height: 60px; font-size: 16px; position: static; margin-left: auto; margin-right: auto; } + .roadmap-step { width: 100%; padding: 40px 30px 35px; } + .roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + .roadmap-step:before { left: -91px; } + .roadmap-step:after { width: 78px; left: -78px; } + .roadmap-step-list li:before { top: 12px; } + .roadmap-step-list-s1 li:after { left: 50%; } + .roadmap-step-s1 { padding-top: 0; padding-left: 15px; padding-right: 15px; } + .roadmap-step-s1:after { width: 0 !important; left: 50% !important; margin-left: -0.5px; height: 40px !important; top: 48px; border-top: 0; border-left: 1px solid; border-color: #dbe4f7; } + .roadmap-s1-alt .roadmap-step-s1:after { border-left-style: dashed; } + .roadmap-step-s3 { padding-top: 0; background: transparent !important; } + .roadmap-step-s3:after { left: 50%; width: 2px; } + .roadmap-step-s5 { padding-top: 0; padding-bottom: 0; } + .roadmap-head { margin-bottom: 15px; } + .roadmap-time { font-size: 14px; } + .roadmap-time-s1:after { left: 50%; bottom: 5px; } + .roadmap-time-s1:before { bottom: -2px; left: 50%; } + .roadmap-time-s3 { font-size: .87rem; font-weight: 600; } + .roadmap-time-s6 { font-size: 18px; } + .roadmap-title { font-size: 18px; } + .roadmap-title-s1 { padding-top: 48px; } + .roadmap-title-s2 { font-size: 1rem; } + .roadmap-list { display: flex; align-items: flex-end; margin-bottom: 200px; } + .roadmap-item { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .roadmap-item:nth-child(even) { flex-grow: 0; width: 0; } + .roadmap-item:nth-child(even) .roadmap-innr { position: absolute; top: 0; left: 0; padding-top: 90px; min-width: 190px; transform: translateX(calc(-50% + 5px)); } + .roadmap-item:nth-child(even) .roadmap-innr:before { top: 0; height: 90px; } + .roadmap-item-sm { min-height: 170px; } + .roadmap-item-lg { min-height: 300px; } } + +@media (min-width: 1200px) { .roadmap-left .roadmap-step:before { right: -86px; } + .roadmap-left .roadmap-step:after { right: -73px; } + .roadmap-step:before { left: -86px; } + .roadmap-step:after { width: 73px; left: -73px; } + .roadmap-step-s1:before { left: 50%; } + .roadmap-step-s3:after { left: 50%; width: 2px; } } + +/** 04.091 Token */ +.token-info { border: 1px solid rgba(22, 164, 253, 0.2); border-radius: 8px; padding: 18px 20px 0; margin-bottom: 30px; } + +.token-info-s1 { padding: 0 30px; border: none; text-align: left; } + +.token-info-item { position: relative; padding-left: 25px; } + +.token-info-item:before { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; content: ''; border-radius: 2px; background: #a963ff; } + +.token-info-item.color-2:before { background: #f42f54; } + +.token-info-item.color-3:before { background: #f5a946; } + +.token-info-item.color-4:before { background: #63a5ff; } + +.token-info-item.color-5:before { background: #ff8d87; } + +.token-info-item-s1 { padding-left: 0; display: flex; align-items: center; justify-content: space-between; margin: 25px 0; } + +.token-info-item-s1:first-child { margin-top: 16px; } + +.token-info-item-s1:before { display: none; } + +.token-info-item-s1 span { font-size: 12px; font-weight: 400; color: #16a4fd; text-transform: uppercase; } + +.token-info-item-s1 h4 { font-size: 1.5rem; line-height: 1; font-weight: 300; } + +.token-info-title { font-size: 0.7rem; text-transform: uppercase; font-weight: 700; letter-spacing: 0.04em; margin-bottom: 4px; } + +.token-info-des { font-size: 1.1rem; } + +.token-status { border-radius: 8px 8px 0 0; border: 1px solid rgba(22, 164, 253, 0.2); padding: 18px 20px 10px; text-align: center; } + +.token-status .countdown-s2 { padding: 0; } + +.token-status-s1 { padding: 30px; box-shadow: 0px 15px 20px 0px rgba(27, 48, 164, 0.1); margin-left: 0; } + +.token-status-s2 { position: relative; border: none; padding: 0; max-width: 360px; margin: 50px auto 0; } + +.token-status-s2 .icon-list { margin-top: 10px; } + +.token-status-s3 { padding: 29px 0 0; border: none; } + +.token-status-s3 .countdown-s2 { padding-left: 30px; padding-right: 30px; } + +.token-status-s4 { border: none; padding: 65px 0 50px; } + +.token-status-s4 .icon-list { margin-top: 10px; } + +.token-status-s5 { background: rgba(27, 48, 164, 0.8); padding-bottom: 25px; } + +.token-status-s6 { border: none; padding: 20px 20px 25px; } + +.token-countdown { padding: 16px 0 20px; } + +.token-min { font-size: 13px; color: #fff; display: block; padding: 12px 0; } + +.token-min-s2 { padding: 15px 0 0; text-align: left; } + +.token-min-s2 span { display: block; } + +.token-min-s2 span:first-child { color: #16a4fd; font-size: 12px; line-height: 1; text-transform: uppercase; font-weight: 300; } + +.token-min-s2 span:last-child { line-height: normal; padding-top: 4px; } + +.token-alocate-item { position: relative; padding: 0 20px 15px; margin-bottom: 30px; margin-left: auto; margin-right: auto; background: #fff; height: calc(100% - 30px); border-radius: 4px; } + +.token-alocate-item:not([class*='shadow']) { box-shadow: 0 5px 45px 0 rgba(49, 60, 86, 0.08); } + +.token-alocate-item-s1 { padding-left: 0; padding-right: 0; background-color: transparent; } + +.token-alocate-graph { padding: 20px 0 15px; position: relative; } + +.token-alocate-graph span, .token-alocate-graph img { position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; } + +.token-alocate-graph span { color: #637097; font-size: 2em; font-weight: 400; line-height: 1.3; } + +.token-alocate-graph img { width: 150px; } + +.token-alocate-graph canvas { position: relative; z-index: 5; } + +.token-alocate-graph-s1 canvas { min-height: 230px; } + +.token-alocate-list li { color: #637097; display: flex; align-items: center; font-weight: 400; padding: 13px 0; } + +.token-alocate-list li .token-alocate-percent { font-weight: 600; color: #1b30a4; } + +.token-box-s1 { position: absolute !important; left: 0; bottom: -157px; width: 100%; z-index: 9 !important; } + +.token-box-s2 { background: rgba(27, 48, 164, 0.3); padding: 30px 20px 52px; } + +.token-box-s2 .title { margin-bottom: 1.2rem; } + +.token-box-s3 { padding-bottom: 20px; } + +.token-countdown-wrapper { padding: 30px; background: #fff; box-shadow: 0px 15px 20px 0px rgba(27, 48, 164, 0.1); } + +.token-countdown-wrapper h6 { color: currentColor; } + +.token-action-s1 { margin-top: -22px; } + +.token-action-s2 { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action + .icon-list { margin-top: 15px; } + +.token-sale-box { background: #f0f4fd; border-radius: 4px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; padding: 20px 15px 33px; transition: all .4s; } + +.tc-light .token-sale-box { background: rgba(22, 164, 253, 0.08); } + +.token-sale-info { display: block; font-size: 2.4rem; font-weight: 300; color: #16a4fd; } + +.token-sale-title { font-size: 14px; text-transform: uppercase; font-weight: 400; } + +.token-bonus-item { padding: 50px 25px 46px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; border-radius: 4px; margin-bottom: 30px; transition: all .4s; height: calc(100% - 30px); background: #1157eb; } + +.token-bonus-item span { display: block; } + +.token-bonus-item.two { background: #0f4bca; } + +.token-bonus-item.three { background: #1054e2; } + +.token-bonus-title { display: inline-block !important; line-height: 18px; font-size: 13px; color: #fff; text-transform: uppercase; padding: 6px 20px; background: #15257b; border-radius: 15px; font-weight: 400; } + +.token-bonus-percent { font-size: 4em; line-height: 1; padding: 22px 0 7px; font-weight: 300; color: #fff; } + +.token-bonus-txt { font-size: 14px; line-height: 18px; font-weight: 400; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); } + +.tc-light .token-bonus-txt { color: rgba(255, 255, 255, 0.6); } + +.token-stage { margin-bottom: 33px; } + +.token-stage-title { color: #fff; background: #0277c0; text-transform: uppercase; font-weight: 700; line-height: 26px; padding: 10px; border-radius: 6px 6px 0 0; } + +.token-stage-pre { background: #0290e8; } + +.token-stage-one { background: #0283d4; } + +.token-stage-date { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; padding: 12px 0 10px; } + +.tc-light .token-stage-date { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-date h6 { font-weight: 700; font-size: 1rem; margin-bottom: 0; } + +.token-stage-date span { font-size: 15px; } + +.token-stage-info { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; border-radius: 0 0 6px 6px; padding: 14px 0 16px; } + +.tc-light .token-stage-info { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-info span { display: block; font-size: 15px; line-height: 1.86; } + +.token-stage-bonus { color: #16a4fd; } + +.token-action-s2 { padding: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action-box { display: flex; align-items: center; flex-wrap: wrap; border-radius: 6px; background: rgba(22, 164, 253, 0.1); } + +.token-action-box > div { padding: 20px 25px; width: 100%; } + +.token-action-box > div:last-child { padding-top: 0; } + +.tc-light .token-action-box { background: rgba(22, 164, 253, 0.1); } + +.token-action-title { width: 30%; background: #16a4fd; border-radius: 6px 6px 0 0; font-weight: 500; font-size: 1.2em; line-height: 1.44; flex-grow: 1; width: 100%; } + +.tc-light .token-action-title { background: #16a4fd; } + +.token-action-box .token-action-title { padding: 25px; } + +.token-action-date { width: 40%; } + +.token-action-date strong { display: block; } + +.token-action-btn { width: 34%; } + +.token-action-btn .btn-grad { padding: 14px 0px; width: 100%; } + +.token-bar-chart { position: relative; z-index: 9; } + +.token-bar-item { position: relative; height: 40px; border-radius: 20px; margin: 10px 0; } + +.token-bar-item.tbic1 { background: #002674; } + +.token-bar-item.tbic1:before { background: #002674; } + +.token-bar-item.tbic2 { background: #004ae2; } + +.token-bar-item.tbic2:before { background: #004ae2; } + +.token-bar-item.tbic3 { background: #3b7bff; } + +.token-bar-item.tbic3:before { background: #3b7bff; } + +.token-bar-item.tbic4 { background: #3bb8ff; } + +.token-bar-item.tbic4:before { background: #3bb8ff; } + +.token-bar-item.tbic5 { background: #5378fb; } + +.token-bar-item.tbic5:before { background: #5378fb; } + +.token-bar-txt { position: absolute; font-size: 13px; padding-bottom: 0; top: 50%; left: 100%; min-width: 300%; transform: translateX(45px) translateY(-50%); } + +.token-bar-txt:after { position: absolute; content: ''; left: 0; top: 50%; height: 1px; width: 25px; margin-left: -35px; background: rgba(22, 161, 255, 0.5); } + +.token-bar-txt span { display: block; line-height: 1.5; white-space: nowrap; } + +.token-bar-txt span:first-of-type { font-weight: 600; } + +.token-bar-item.tbic1 .token-bar-txt span:first-of-type { color: #002674; } + +.token-bar-item.tbic2 .token-bar-txt span:first-of-type { color: #004ae2; } + +.token-bar-item.tbic3 .token-bar-txt span:first-of-type { color: #3b7bff; } + +.token-bar-item.tbic4 .token-bar-txt span:first-of-type { color: #3bb8ff; } + +.token-bar-item.tbic5 .token-bar-txt span:first-of-type { color: #5378fb; } + +@media (min-width: 768px) { .token-bar-chart { display: flex; overflow: visible; margin-top: 135px; } + .token-bar-item { margin: 0; } + .token-bar-item:before { position: absolute; left: -20px; top: 0; height: 40px; width: 40px; content: ''; z-index: -1; } + .token-bar-item:first-child:before { display: none; } + .token-bar-txt { padding-bottom: 10px; top: -110px; left: 50%; min-width: 100%; transform: translateX(-50%); text-align: center; } + .token-bar-txt:after { left: 50%; top: 100%; height: 65px; width: 1px; margin-left: 0; } } + +@media (max-width: 420px) { .token-status-s6 .countdown-time { font-size: 1.8rem; } + .token-status-s6 .cpn-links, .token-status-s6 .cpn-links li { padding-left: 10px; padding-right: 10px; } } + +@media (min-width: 480px) { .token-status .countdown-s2 { padding: 0 30px 20px; } + .token-info-s1 { padding: 0 30px; } + .token-min-s2 { padding: 0; } } + +@media (min-width: 576px) { .token-info { padding: 24px 40px 0; } + .token-info .text-block-title { text-align: center; } + .token-info-list li { display: flex; } + .token-info-list li > span { width: 50%; } + .token-info-title { font-size: 0.88rem; letter-spacing: 0.2em; } + .token-info-des { font-size: 1.375rem; } + .token-info-s1 { padding: 0 30px; } + .token-status { padding: 24px 28px 20px; } + .token-status-md { padding: 36px; } + .token-status-s2 { padding: 0; } + .token-status-s3 { padding: 29px 0 0; border: none; } + .token-status-s4 { padding: 65px 0 50px; } + .token-status-s5 { padding: 40px 30px 40px; } + .token-status-s6 { border: none; padding: 35px 50px 45px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; } + .token-alocate-graph { padding: 30px 40px 30px; } + .token-action-box { flex-wrap: nowrap; } + .token-action-box > div:last-child { padding-top: 20px; padding-left: 0; } + .token-action-title { width: auto; border-radius: 6px 0 0 6px; } + .token-action-s2 { padding: 30px; } } + +@media (min-width: 768px) { .token-alocate-item { padding: 20px 30px 40px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; margin-bottom: 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-box-s1 { position: absolute !important; left: 0; bottom: -45px; width: 100%; z-index: 9 !important; } } + +@media (min-width: 992px) { .token-countdown-wrapper { padding: 30px 60px 30px 66px; } + .token-status-s1 { padding: 30px 60px 30px 66px; margin-left: 0; } + .token-status-s2 { margin: 65px 140px 0 0; } + .token-status-s3 { margin-left: 25px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding: 30px 65px 0px; } + .token-alocate-item-s1:before { position: absolute; height: 610px; width: 610px; top: 0; left: 50%; content: ''; border-radius: 20px; background: rgba(27, 48, 164, 0.04); transform: rotate(45deg); transform-origin: 0 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-alocate-graph-s1 { margin-top: 80px; } + .token-action-box { margin-top: 25px; } } + +.tokdis-item { position: relative; padding-left: 0; padding-bottom: 15px; margin-bottom: 15px; padding-top: 8px; display: inline-block; } + +.tokdis-item:before { position: absolute; width: 40px; height: 3px; border-radius: 1.5px; content: ''; background: #16a4fd; top: 0; left: 50%; transform: translateX(-50%); } + +.tokdis-item h5 { font-size: 1.125em; } + +.tokdis-list { padding-bottom: 40px; } + +@media (min-width: 992px) { .tokdis-item { padding-left: 25px; padding-bottom: 4px; padding-top: 0; } + .tokdis-item:before { width: 3px; height: 100%; top: 0; left: 0; transform: translateX(0); } + .tokdis-list { padding-bottom: 80px; } } + +.toktmln-item { position: relative; padding: 0 0 20px; display: flex; justify-content: center; } + +.toktmln-item:before { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); content: ''; height: 30px; width: 30px; border-radius: 50%; border: 6px solid #dbe4f7; background: #16a4fd; } + +.tc-light .toktmln-item:before { border-color: #fff; } + +.toktmln-item div { padding: 0 30px 5px 0; text-align: right; width: 50%; flex-grow: 1; } + +.toktmln-item div:last-child { padding: 0 0 0 30px; text-align: left; } + +.toktmln-item div span { display: block; font-weight: 600; } + +.toktmln-item div span:last-child { font-size: .775em; padding-bottom: 8px; font-weight: 400; color: #637097; } + +.tc-light .toktmln-item div span:last-child { color: #fff; } + +.toktmln-list { position: relative; } + +.toktmln-list:before { position: absolute; left: 50%; top: -24px; width: 2px; margin-left: -1px; height: 100%; background: #dbe4f7; content: ''; } + +.tc-light .toktmln-list:before { background: #fff; } + +@media (min-width: 992px) { .toktmln-list { position: relative; } + .toktmln-list:before { left: 0; top: 14px; width: 100%; height: 2px; } + .toktmln-item { padding: 64px 0 0; display: block; } + .toktmln-item:before { top: 0; left: 0; transform: translateX(0); } + .toktmln-item div { padding-bottom: 5px; text-align: left; width: 100%; padding-left: 0; padding-right: 0; } + .toktmln-item div:last-child { padding: 0 0 0 0; } + .toktmln-item div span:last-child { font-size: .875em; } } + +.stage-info { padding-left: 15px; } + +.stage-info .title { margin-bottom: .5rem; } + +/** 04.10 Team */ +.team { position: relative; margin-bottom: 30px; max-width: 255px; margin-left: auto; margin-right: auto; text-align: center; } + +.nk-block-left .team { max-width: 100%; } + +.team:hover .team-show { opacity: 1; } + +.team-s2 { max-width: 240px; text-align: center; } + +.team-s2 .word-split { justify-content: center; } + +.team-s2:hover .team-show { opacity: .25; } + +.team-s4 { padding: 30px 30px; } + +.team-s5 { text-align: left; max-width: 228px; padding-bottom: 25px; } + +.team-s5:before { position: absolute; content: ""; left: 20px; top: 50px; right: 0; bottom: 0; background: #dde6fa; z-index: -1; } + +.bg-theme .team-s5:before { background: #0d42b2; } + +.has-bg-image .team-s5:before { background: #0d42b2; } + +.tc-light .team-s5:before { background: #1b30a4; } + +.team-s6 { text-align: left; display: flex; max-width: 100%; } + +.team-s6 .team-left { width: 135px; flex-shrink: 0; } + +.team-s6 .team-photo { max-width: 170px; margin-right: 25px; margin-left: 0; } + +.team-sm-s2 { text-align: left; max-width: 145px; } + +.team-photo { display: block; position: relative; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 2; } + +.team-photo + .list { padding-top: 15px; } + +.team-photo-s1 { max-width: 160px; } + +.team-photo img { border-radius: 6px; width: 100%; transition: all .4s; } + +.team-photo-sm { max-width: 180px; } + +.team-photo-s2 { max-width: 90%; } + +.team-photo-s2:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(22, 164, 253, 0.4); border-radius: 6px; z-index: 1; } + +.team-photo-s3:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: linear-gradient(to top left, #16a4fd 0%, #41faa4 100%); border-radius: 6px; z-index: 1; opacity: .2; } + +.team-photo-circle { border-radius: 50%; } + +.team-sm-s2 .team-photo { margin-left: 0; max-width: 90%; } + +.team-sm-s2:hover .team-photo { transform: translateY(-8px); } + +.team-s3 .team-photo { max-width: 160px; } + +.team-s5 .team-photo { margin-left: 0; } + +.team-s5 .team-photo:before, .team-s5 .team-photo:after { position: absolute; content: ''; } + +.team-s5 .team-photo:before { top: 24px; right: -33px; height: 3px; width: 65px; background: linear-gradient(to top left, #41faa4 0%, #16a4fd 100%); z-index: 1; } + +.team-s5 .team-photo:after { top: 0; bottom: 0; right: 0; left: 0; background: rgba(52, 85, 255, 0.4); transition: all .4s; } + +.team-s5 .team-photo:hover { transform: translateY(-8px); } + +.team-s5 .team-photo:hover:after { opacity: .5; } + +.team-s5 .team-photo:hover .team-show { opacity: 0; } + +.team-photo-bg:before { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; transform: scale(1); z-index: -1; opacity: 1; transition: all .5s ease; background-image: linear-gradient(90deg, #41faa4 0%, #16a4fd 100%); } + +.team-s3-alt .team-photo-bg:before { opacity: 0; transform: scale(0.8); } + +.team-photo-bg a { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; z-index: 1; } + +.team-photo-bg:hover a + img { transform: scale(0.85); } + +.team-s3-alt .team-photo-bg:hover a + img { transform: scale(1); } + +.team-s3-alt .team-photo-bg:hover:before { opacity: 1; transform: scale(1); } + +.team-show { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(22, 164, 253, 0.4); border-radius: 6px; transition: all .4s; z-index: 20; opacity: 0; } + +.team-s2 .team-show { opacity: 0; } + +.team-s3 .team-photo-bg .team-show { opacity: 0 !important; top: 0; right: 0; bottom: 0; left: 0; } + +.team-s5 .team-show { border-radius: 0; } + +.team-s5:hover .team-show { opacity: 0; } + +.team-social { margin: 0 -5px; } + +.team-photo .team-social { position: absolute; bottom: -17px; right: 17px; z-index: 21; text-align: right; } + +.team-social li { padding: 0 4px; display: inline-block; } + +.team-social li a { font-size: 13px; text-align: center; display: inline-block; line-height: 34px; height: 34px; width: 34px; border-radius: 50%; color: #fff !important; background: #41faa4; box-shadow: 0px 2px 15px 0px rgba(65, 250, 164, 0.5); } + +.team-social li a:hover { color: #fff !important; background: #16a4fd; box-shadow: 0px 2px 15px 0px rgba(22, 164, 253, 0.5); } + +.team-social-s2 { margin: 0 -10px; } + +.team-social-s2 li { padding: 0 10px; } + +.team-social-s2 li a { width: auto; background-color: transparent; box-shadow: none; color: #637097 !important; } + +.tc-light .team-social-s2 li a { color: #16a4fd !important; } + +.team-social-s2 li a:hover { color: #16a4fd !important; background-color: transparent; box-shadow: none; } + +.team-s2 .team-social-s2 { padding-top: 15px; } + +.team-s3 .team-social-s2 { padding-top: 10px; } + +.team-social-vr li { display: block; text-align: center; } + +.team-social-vr li a { width: 30px !important; } + +.team-s5 .team-social { position: absolute; top: 64px; right: 20px; } + +.team-s5 .team-social li a { color: #16a4fd; } + +.team-name { color: #637097; padding-top: 28px; font-weight: 600; } + +.team-name.title { margin-bottom: .5rem !important; } + +.team-s2 .team-name.title-sm { font-size: .95em !important; } + +.team-s2 .team-name { padding-top: 18px; } + +.team-s3 .team-name { color: #16a4fd; font-size: 1.125rem !important; font-weight: 400; margin-bottom: 1px !important; } + +.team-s3-alt .team-name { color: #1b30a4; } + +.tc-light .team-s3-alt .team-name { color: #fff; } + +.team-s4 .team-name { font-weight: 400; padding-top: 21px; font-size: 1.33rem; margin-bottom: 0 !important; } + +.team-s5 .team-name { padding-left: 45px; padding-right: 40px; } + +.team-s6 .team-name { text-transform: uppercase; font-weight: 400; } + +.team-position { font-size: 12px; font-weight: 400; display: inline-block; } + +.team-s3 .team-position { font-weight: 300; color: #818cac; } + +.team-s3-alt .team-position { color: #16a4fd; } + +.tc-light .team-s3-alt .team-position { color: #16a4fd; } + +.team-s4 .team-position { padding-bottom: 10px; } + +.team-s5 .team-position { padding-left: 45px; padding-right: 40px; color: #16a4fd; } + +.team-s6 .team-position { position: relative; color: #16a4fd; padding-bottom: 13px; margin-bottom: 5px; line-height: 1.4; } + +.team-s6 .team-position:before { position: absolute; height: 3px; width: 190px; left: 0; bottom: 0; content: ''; background: linear-gradient(to right, #16a4fd 0%, #41faa4 100%); z-index: 5; } + +.tc-light .team-position { color: #41faa4; } + +.team-featured-photo { position: relative; border-radius: 5px; overflow: hidden; } + +.team-featured-info { position: absolute; left: 0; bottom: 0; font-size: 18px; padding: 15px 20px; } + +.team-featured-info span { font-size: 16px; font-weight: 300; display: block; padding-top: 5px; } + +.team-featured-cont p:last-child { margin-bottom: 0; } + +.team-featured-sub { text-transform: uppercase; color: #fff; font-size: 14px; letter-spacing: 0.15em; } + +.team-popup { position: relative; max-width: 100%; margin: 10px; padding: 15px; background: #fff; border-radius: 6px; } + +.team-popup-info p:last-child { margin-bottom: 0; } + +.team-list { margin-bottom: -30px; } + +.team-s4 .team-desc { font-size: .87rem; margin-bottom: 8px; } + +.team-s4 .team-desc p { font-size: inherit; } + +@media (min-width: 576px) { .team { margin-bottom: 50px; } + .team-s2 { margin-bottom: 30px; text-align: left; } + .team-s2 .word-split { justify-content: flex-start; } + .team-s4 { padding: 30px 15px; } + .team-s2 .team-photo { margin-left: 0; } + .team-s2 .team-name { padding-top: 25px; } + .team-featured-info { padding: 25px 30px; } + .team-popup { padding: 40px; } + .team-list { margin-bottom: -50px; } } + +@media (min-width: 768px) { .team-even { margin-top: 60px; } + .team-s4 { margin-bottom: 50px; } } + +@media (min-width: 992px) { .team-featured-cont { padding-left: 20px; } + .team-featured-title { padding: 8px 0 15px; } + .team-name { padding-top: 34px; margin-bottom: 8px !important; } + .team-s2 .team-name, .team-s3-alt .team-name { padding-top: 20px; } + .team-s5 .team-name { padding-top: 24px; } + .team-position { font-size: 0.88rem; } + .team-position-sm { font-size: 13px; } + .team-social { bottom: -20px; right: 20px; margin: 0 -5px; } + .team-social li { padding: 0 4px; } + .team-social li a { font-size: 16px; line-height: 40px; height: 40px; width: 40px; } + .team-social-s2 { margin: 0 -8px; } + .team-social-s2 li { padding: 0 8px; } + .team-social-s2 li a { font-size: 14px; height: auto; width: auto; } + .team-popup { margin: 10px auto; width: 950px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .team-s5 .team-social { right: 9px; } } + +@media (min-width: 1600px) { .team-photo-s2 { max-width: 100%; } } + +/** 04.11 Partners */ +.partner-list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: -15px; } + +.partner-list-left { justify-content: left; } + +.partner-list-lg { margin-bottom: -20px; } + +.partner-logo { padding: 15px 10px; } + +[class*="col-"] > .partner-logo { padding: 0; } + +.partner-logo img { max-height: 30px; max-width: 100%; width: auto !important; margin-left: auto; margin-right: 0; } + +.has-carousel .partner-logo img { margin-right: auto; } + +.partner-list-lg .partner-logo { padding: 20px 25px; } + +.partner-list-lg .partner-logo img { max-height: 50px; } + +.partner-logo-s2, .partner-logo-s3 { width: 50%; max-width: 50%; text-align: center; padding: 0 10px; } + +.partner-logo-s2 img, .partner-logo-s3 img { max-height: 50px; } + +.partner-list-left .partner-logo-s2, .partner-list-left .partner-logo-s3 { text-align: left; } + +.partner-logo-s3 img { max-height: 60px; } + +.partner-logo-lg { width: 50%; margin-bottom: 30px; } + +.partner-box { padding: 15px 0px; margin-bottom: 30px; } + +@media (min-width: 576px) { .partner-logo-s2, .partner-logo-s3 { margin-bottom: 30px; max-width: 16.6%; width: 16.6%; } + .partner-logo-lg { width: 33%; } + .partner-box { padding: 15px 66px; box-shadow: 0px 5px 25px rgba(13, 66, 178, 0.1); } } + +@media (min-width: 992px) { .partner-box .partner-list { justify-content: space-between; } + .partner-list-lg { margin-bottom: -20px; } + .partner-list-lg .partner-logo { padding: 20px 25px; } + .partner-list-lg .partner-logo img { max-height: 50px; } + [class*="col-"] > .partner-logo { padding: 15px 0; } } + +/** 04.12 Contact */ +.contact-wrap { padding: 20px; } + +.contact-list { margin-top: -7.5px; margin-bottom: -7.5px; position: relative; z-index: 2; } + +.contact-list li { display: flex; padding-top: 7.5px; padding-bottom: 7.5px; font-size: 0.94rem; } + +.contact-list-s1 { display: flex; justify-content: center; } + +.contact-list-s1 li { width: 100%; flex-wrap: wrap; justify-content: center; } + +.contact-icon { height: 38px; width: 38px; font-size: 16px; line-height: 38px; text-align: center; color: #fff; background: #41faa4; box-shadow: 0px 2px 15px 0px rgba(65, 250, 164, 0.5); border-radius: 50%; margin-right: 15px; flex-shrink: 0; } + +.tc-light .contact-icon { color: #1b30a4; background: #fff; box-shadow: none; } + +.bg-secondary .contact-icon { color: #41faa4; } + +.contact-list-s1 .contact-icon { margin-right: 0; color: #fff; box-shadow: 0px 2px 15px 0px rgba(27, 48, 164, 0.5); background: linear-gradient(-45deg, #1b30a4 0%, #0d42b2 100%); } + +.tc-light .contact-list-s1 .contact-icon { color: #1b30a4; background: #fff; } + +.contact-icon-s2 { color: #41faa4; background: transparent; box-shadow: inset 0 0 0 2px #41faa4; } + +.tc-light .contact-icon-s2 { color: #fff; background-color: transparent; box-shadow: inset 0 0 0 2px #fff; } + +.contact-icon-s3 { position: relative; color: #16a4fd; background: linear-gradient(to right, #16a4fd 0%, #41faa4 100%); box-shadow: none; } + +.tc-light .contact-icon-s3 { color: #fff; background: linear-gradient(to right, #16a4fd 0%, #41faa4 100%); } + +.contact-icon-s3:after { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .contact-icon-s3:after { background: #f0f4fd; } + +.bg-light-alt .contact-icon-s3:after { background: #dde6fa; } + +.bg-theme .contact-icon-s3:after { background: #1b30a4; } + +.bg-theme-alt .contact-icon-s3:after { background: #0d42b2; } + +.bg-theme-dark .contact-icon-s3:after { background: #15257b; } + +.bg-theme-dark-alt .contact-icon-s3:after { background: #1b30a4; } + +.bg-theme-accent .contact-icon-s3:after { background: #16a4fd; } + +.bg-theme-accent-alt .contact-icon-s3:after { background: #41faa4; } + +.contact-icon-s3:before { position: relative; z-index: 1; } + +.contact-text { padding-top: 7px; } + +.contact-list-s1 .contact-text { width: 100%; } + +.contact-social { margin-top: auto; padding-top: 20px; } + +.contact-social h6 { margin-bottom: 1rem; } + +.subscribe-wrap { padding: 20px; } + +@media (min-width: 576px) { .contact-wrap { padding: 50px; } + .subscribe-wrap { padding: 65px; } } + +@media (min-width: 768px) { .contact-list-s1 li { width: 33.33%; flex-wrap: wrap; } + .contact-list-s1 .contact-text { width: auto; } + .contact-list-s1 .contact-icon { margin-right: 15px; } } + +@media (max-width: 480px) { .contact-list-s2 { flex-wrap: wrap; } } + +@media (max-width: 767px) { .contact-list-s2 li { flex-wrap: wrap; text-align: center; } + .contact-list-s2 li .contact-icon { margin-right: 0; } + .contact-list-s2 li .contact-text { width: 100%; } } + +@media (max-width: 991px) { .contact-list-s2 { display: flex; justify-content: center; } + .contact-list-s2 li { width: 100%; justify-content: center; } } + +@media (min-width: 992px) and (max-width: 1199px) { .contact-wrap, .subscribe-wrap { padding: 35px; } } + +.social-links { display: flex; margin: -3px; } + +.social-links li { padding: 3px; } + +.social-links li a { display: inline-block; border-radius: 50%; border: 1px solid #fff; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #637097; } + +.social-links li a:hover { color: #16a4fd; background: #fff; } + +.tc-light .social-links li a { color: #fff; } + +.tc-light .social-links li a:hover { color: #16a4fd; } + +.bg-secondary .social-links li a:hover { color: #41faa4 !important; } + +.social-links-s2 li a { border: none; } + +.social-links-s2 li a:hover { background-color: #fff; color: #16a4fd !important; } + +.tc-light .social-links-s2 li a:hover { color: #16a4fd !important; } + +@media (min-width: 992px) { .section-contact .ovm-h-60 { height: 50%; } } + +/** 04.13 WGS */ +.wgs { margin-bottom: 30px; } + +.wgs-title { text-transform: uppercase; color: #1b30a4; font-size: 1rem; font-weight: 600; letter-spacing: 0.075em; } + +.wgs-title-s2, .wgs-title-s3 { font-size: 1.125rem; letter-spacing: normal; } + +.wgs-title-s2 { margin-bottom: 18px; font-weight: 600; } + +.wgs-title-s3 { font-weight: 700; margin-bottom: 22px; padding-top: 10px; } + +.tc-light .wgs-title { color: #41faa4; } + +.wgs-logo { padding-bottom: 22px; display: inline-block; } + +.wgs-body p { font-size: 0.93em; line-height: 1.71; margin-bottom: 0.75rem; } + +.wgs-body p:last-child { margin-bottom: 0; } + +.wgs-list li { font-size: .9em; padding-bottom: 14px; letter-spacing: 0.01em; } + +.wgs-list li:last-child { padding-bottom: 0; } + +.wgs-links li { position: relative; padding: 5px 0; line-height: 1; } + +.wgs-links li:last-child { padding-bottom: 0px; } + +.wgs-links li a { font-size: 0.9em; line-height: 20px; display: block; color: #313c56; } + +.wgs-links li a:hover { color: #16a4fd; } + +.tc-light .wgs-links li a { color: #7ab9ff !important; } + +.tc-light .wgs-links li a:hover { color: #fff !important; } + +.wgs-links-s2 li { padding: 7px 0; } + +.wgs-links-s2 li a { font-size: 1em; } + +.wgs-links-s3 li { padding: 9px 0; } + +.wgs-links-s4 li { padding: 7px 0; } + +.wgs-links-s5 li { margin-bottom: 17px; } + +.wgs-links-s5 li:first-child { margin-top: -5px; } + +.wgs-links-s5 li a { font-size: 1rem; font-weight: 400; } + +.wgs-links-uline li a { display: inline-block; } + +.wgs-links-uline li a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.wgs-links-category li { padding-left: 20px; } + +.wgs-links-category li a { padding: 10px 0; } + +.wgs-links-category li:before { position: absolute; left: 0; top: 50%; margin-top: -1px; height: 2px; width: 8px; content: ''; background: #16a4fd; } + +.wgs-links-tags { padding: 12px 0; margin: -7px -5px; } + +.wgs-links-tags li { display: inline-block; padding: 7px 5px; } + +.wgs-links-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; } + +.wgs-links-tags li a:hover { color: #fff; border-color: #16a4fd; background: #16a4fd; } + +.wgs-links-3clumn li { width: 32%; display: inline-block; } + +.wgs-archive .wgs-body { padding: 12px 0; } + +.wgs-cta .wgs-body { padding: 30px 30px 35px; } + +.wgs-address { font-size: .9rem; line-height: 2; } + +.wgs-address li:not(:last-child) { margin-bottom: 10px; } + +.wgs-regular { font-weight: 400; } + +@media (min-width: 992px) { .wgs-subscribe-form-s1 { margin-left: -50px; padding-right: 50px; } } + +.copyright-text { color: #637097; } + +.tc-light .copyright-text { color: #7ab9ff; } + +.copyright-text p { color: inherit; } + +.copyright-text a { color: #637097; } + +.copyright-text a:hover { color: #16a4fd; } + +.tc-light .copyright-text a { color: #7ab9ff; } + +.tc-light .copyright-text a:hover { color: #16a4fd; } + +.copyright-text-s1 { font-size: 14px; } + +.copyright-text-s1 p { font-size: inherit; } + +.copyright-text-s2 { text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; } + +.copyright-text-s3 { font-size: 13px; color: #313c56; } + +.tc-light .copyright-text-s3 { color: rgba(122, 185, 255, 0.5); } + +.copyright-text-s3 p { font-size: 13px; color: inherit; } + +.copyright-text-s3 p a { color: inherit !important; } + +.copyright-text-s3 p a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.copyright-text-s3 a { font-weight: 500; } + +.copyright-text-s3 span { color: #637097; padding-bottom: 3px; } + +.tc-light .copyright-text-s3 span { color: #7ab9ff; } + +.copyright-text-s4 p { font-size: 0.9rem !important; } + +.copyright-text li a, .copyright-text p { font-size: 13px; color: #fff; } + +.copyright-text li { width: 100%; } + +.footer-nav { margin: 0 -15px; } + +.footer-nav li { display: inline-block; padding: 0 15px; } + +.footer-nav li a { color: #637097; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; } + +.footer-nav li a:hover { color: #16a4fd !important; } + +.tc-light .footer-nav li a { color: #7ab9ff !important; } + +.tc-light .footer-nav li a:hover { color: #fff !important; } + +@media (min-width: 576px) { .copyright-text-s2 { font-size: 12px; } + .copyright-text li { width: auto; } } + +.wgs-nl-title { margin-bottom: 32px; } + +/** 04.14 Others */ +.rank-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.rank-item { background-image: url(../images/hexagon.png); height: 88px; width: 94px; padding: 16px 20px 0; } + +.rank-item img { max-height: 16px; } + +.rank-count { font-size: 1rem; color: #0d42b2; font-weight: 700; padding-top: 4px; line-height: 1.3; } + +.rank-count span { font-size: .7rem; color: #fff; } + +@media (min-width: 400px) { .rank-item { height: 104px; width: 108px; padding-top: 24px; } } + +@media (min-width: 768px) { .rank-item { height: 136px; width: 146px; padding: 32px 30px 0; } + .rank-item img { max-height: 24px; } + .rank-count { padding-top: 10px; font-size: 1.4rem; } + .rank-count span { font-size: .9rem; } } + +@media (min-width: 992px) { .rank-item { height: 160px; width: 164px; padding-top: 38px; } } + +.rating-info { font-size: 2.23em; line-height: 1; padding: 16px 0; font-weight: 700; background: #dde6fa; border-radius: 6px 6px 0 0; color: #637097; } + +.rating-info span { font-size: .5em; font-weight: 400; color: #fff; margin-left: 6px; } + +.tc-light .rating-info span { color: #dde6fa; } + +.rating-info span:before { content: '/'; } + +.tc-light .rating-info { color: #fff; background: #1157eb; } + +.rating-title { background: #16a4fd; color: #fff; padding: 5px 0; font-size: .93em; line-height: 20px; border-radius: 0 0 6px 6px; } + +.tc-light .rating-title { background: #15257b; } + +.bonus { border-radius: 0 0 8px 8px; border: 1px solid rgba(22, 164, 253, 0.2); border-top: none; display: flex; } + +.bonus-info { position: relative; width: 50%; padding: 12px 16px 16px; } + +.bonus-info:not(:last-child) { border-right: 1px solid rgba(22, 164, 253, 0.2); } + +.bonus-percent { font-size: 20px; } + +.bonus-percent small { font-size: 14px; } + +.bonus-date { font-size: 12px; color: #fff; } + +.bonus-badge { position: absolute; top: 5px; right: 5px; text-transform: uppercase; border-radius: 11px; line-height: 15px; font-size: 8px; font-weight: 500; padding: 0 8px; color: #fff; background: #41faa4; } + +@media (min-width: 420px) { .bonus-info { padding: 12px 30px 16px; } + .bonus-percent { font-size: 28px; } + .bonus-percent small { font-size: 14px; } + .bonus-date { font-size: 12px; color: #fff; } + .bonus-badge { top: 50%; right: 0; transform: translateY(-50%) rotate(-90deg); line-height: 22px; font-size: 11px; padding: 0 10px; } } + +.chart-data li { display: flex; font-size: 1rem; line-height: 1.4; font-weight: 400; padding: 7px 0; } + +.chart-data li span { display: block; } + +.chart-data-s1 { display: flex; flex-wrap: wrap; } + +.chart-data-s1 li { display: flex; align-items: center; width: auto; transition-delay: .8s; width: 100%; } + +.chart-data-s1 .chart-p { min-width: 55px; height: 55px; line-height: 50px; padding: 0; color: #fff; transform: rotate(45deg); border-radius: 10px; margin: 30px; order: -1; font-size: 16px; font-weight: 600; line-height: 55px; } + +.chart-data-s1 .chart-p span { transform: rotate(-45deg); display: block; } + +.chart-data-s1 .chart-l { text-align: left; } + +.chart-data-s2 { display: flex; flex-wrap: wrap; margin: -10px; } + +.chart-data-s2 li { padding: 10px; } + +.chart-data-item { position: relative; padding: 15px 25px; } + +.chart-data-item:before, .chart-data-item:after { position: absolute; content: ''; top: 0; height: 100%; width: 45px; border: 2px solid #dbe4f7; transition: all .4s; } + +.tc-light .chart-data-item:before, .tc-light .chart-data-item:after { border-color: rgba(219, 228, 247, 0.5); } + +.active > .chart-data-item:before, .active > .chart-data-item:after { border-color: #16a4fd; } + +.chart-data-item:before { left: 0; border-radius: 6px 0 0 6px; border-right: none; } + +.chart-data-item:after { right: 0; border-radius: 0 6px 6px 0; border-left: none; } + +.chart-label { font-size: 14px; font-weight: 700; color: #1b30a4; transition: all .4s; } + +.tc-light .chart-label { color: #fff; } + +.active > div > .chart-label { color: #16a4fd; } + +.chart-info { display: block; } + +.chart-percent { font-size: 22px; font-weight: 400; color: #1b30a4; } + +.tc-light .chart-percent { color: #fff; } + +.chart-sublabel { font-size: 13px; color: #637097; margin-left: 8px; } + +.tc-light .chart-sublabel { color: #fff; } + +.chart-p { margin-left: auto; font-size: 1.125rem; font-weight: 500; color: #0d42b2; } + +.chart-c { position: relative; top: 3px; height: 14px; width: 14px; border-radius: 3px; margin-right: 12px; flex-shrink: 0; display: block; } + +.chart-canvas { min-height: 300px; max-width: 100%; margin-left: auto; margin-right: auto; } + +.chart-canvas-s1 { min-height: 215px; } + +@media (min-width: 480px) { .chart-data-s1 li { width: 50%; } } + +@media (min-width: 576px) { .chart-label, .chart-percent { font-size: 18px; } + .chart-c { top: 6px; } + .chart-canvas { min-height: 360px; } + .chart-canvas-s1 { min-height: 215px; } } + +@media (min-width: 768px) { .chart-data-s1 li { width: 33.33%; } } + +@media (min-width: 992px) { .chart-data-s1 li { position: absolute; width: auto; transition: all .4s; opacity: 0; } + .chart-data-s1 li:nth-child(1) { top: -60px; left: 50%; transform: translateX(-50%) translateY(-30px) !important; flex-wrap: wrap; transition-delay: .6s; } + .chart-data-s1 li:nth-child(1) .chart-l { order: -1 !important; width: 100%; } + .chart-data-s1 li:nth-child(1) .chart-p { margin: 20px auto; transform: rotate(0); } + .chart-data-s1 li:nth-child(1) .chart-p span { transform: rotate(0); } + .animate.show .chart-data-s1 li:nth-child(1) { transform: translateX(-50%) translateY(0) !important; } + .chart-data-s1 li:nth-child(odd) { left: 50%; transform: translateX(30px) translateY(0); } + .chart-data-s1 li:nth-child(odd) .chart-l { order: 1; } + .chart-data-s1 li:nth-child(even) { right: 50%; transform: translateX(-30px) translateY(0); } + .chart-data-s1 li:nth-child(even) .chart-l { order: -1; text-align: right; } + .chart-data-s1 li:nth-child(even) .chart-p { left: auto; right: 29px; top: 33px; } + .chart-data-s1 li:nth-child(2) { top: 65px; margin-right: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(3) { top: 65px; margin-left: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(4) { top: 173px; margin-right: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(5) { top: 173px; margin-left: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(6) { top: 281px; margin-right: 278px; transition-delay: 1.2s; } + .chart-data-s1 li:nth-child(7) { top: 281px; margin-left: 278px; transition-delay: 1.2s; } + .animate.show .chart-data-s1 li { opacity: 1; transform: translateX(0) translateY(0); } + .chart-data-s1 .chart-p { order: 0; } + .chart-data-s1 .chart-l { text-align: center; font-weight: 400; } + .chart-canvas { min-height: 300px; } + .chart-canvas-s1 { min-height: 215px; } } + +.ath-container { width: 440px; max-width: 100%; margin: 30px auto; } + +.ath-header { padding: 0 0 30px; } + +.ath-heading { text-align: center; font-weight: 300; } + +.ath-heading small { display: block; padding-bottom: 10px; } + +.ath-body { background: #fff; border-radius: 6px; padding: 18px 25px 25px; } + +.ath-note { padding: 25px 0 0; } + +@media (min-width: 576px) { .ath-body { padding: 32px 40px 40px; } } + +.sap-text { position: relative; text-align: center; padding: 20px 0; } + +.sap-text:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; content: ''; background: #dbe4f7; z-index: 3; } + +.sap-text span { position: relative; background: #fff; display: inline-block; padding: 0 15px; z-index: 5; font-size: .9rem; text-transform: uppercase; } + +.bg-theme > .sap-text span { background: #1b30a4; } + +.bg-theme-alt > .sap-text span { background: #0d42b2; } + +.blog { background: #fff; border-radius: 6px; box-shadow: 0 5px 45px 0 rgba(49, 60, 86, 0.08); margin-bottom: 30px; } + +.tc-light .blog { background: #0d42b2; } + +.blog-photo { padding: 30px 30px 0; } + +.blog-photo > img { border-radius: 6px 6px 0 0; } + +.blog-s2 .blog-photo { padding: 0; } + +.blog-text { padding: 25px 30px 30px; } + +.blog-text p { font-size: 0.88rem; } + +.blog-s2 .blog-title { margin-bottom: 8px; } + +.blog-content-inline { padding: 18px 30px 14px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } + +.blog-content .blog-text { padding: 9px 0; } + +.blog-meta { margin-bottom: .25rem; margin: 0 -7px 4px; } + +.blog-meta li { position: relative; display: inline-block; font-size: .88rem; padding: 0 7px; } + +.blog-meta li:not(:last-child):after { content: '|'; position: absolute; right: -3px; top: -1px; color: #637097; } + +.tc-light .blog-meta li:not(:last-child):after { color: #fff; } + +.blog-meta li a { color: #a0a8c0; } + +.blog-meta li a:hover { color: #16a4fd; } + +.blog-tags { padding: 12px 0; margin: -7px -5px; } + +.blog-tags li { display: inline-block; padding: 7px 5px; } + +.blog-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; color: #313c56; font-size: .88rem; } + +.blog-tags li a:hover { color: #fff; border-color: #16a4fd; background: #16a4fd; } + +.blog-featured { margin-bottom: 30px; } + +.blog-comment { padding-top: 25px; } + +.blog-action { padding: 9px 0; } + +.comment-wrap { background: #f0f4fd; border-radius: 6px; overflow: hidden; margin-bottom: 30px; } + +.comment-item { padding: 20px; } + +.comment-item:not(:last-child) { border-bottom: 1px solid #fff; } + +.comment-item + .comment-item { padding-left: 40px; } + +.comment-item + .comment-item + .comment-item { padding-left: 60px; } + +.comment-photo { width: 50px; flex-shrink: 0; margin-bottom: 10px; margin-right: 20px; } + +.comment-content { padding-top: 6px; } + +.comment-info .title { margin-bottom: 0; } + +.comment-time { font-size: .75rem; } + +.comment-text { margin-top: 8px; } + +.comment-text p { font-size: .88rem; } + +@media (min-width: 576px) { .comment-wrap { margin-bottom: 30px; } + .comment-item { display: flex; padding: 30px; } + .comment-item + .comment-item { padding-left: 60px; } + .comment-item + .comment-item + .comment-item { padding-left: 90px; } + .comment-photo { margin-bottom: 0; } } + +.pagination { margin-left: auto; margin-right: auto; display: inline-flex; justify-content: center; box-shadow: 0 5px 45px 0 rgba(49, 60, 86, 0.08); } + +.pagination li a { display: inline-block; height: 50px; min-width: 56px; text-align: center; line-height: 20px; padding: 15px 5px; background: #fff; color: rgba(99, 112, 151, 0.7); } + +.pagination li a .icon { line-height: 20px; padding: 0 5px; } + +.pagination li a.active, .pagination li a:hover { background: #16a4fd; color: #fff; } + +.pagination li a.active .icon, .pagination li a:hover .icon { color: #fff; } + +.pagination li:first-child a { border-radius: 6px 0 0 6px; } + +.pagination li:last-child a { border-radius: 0 6px 6px 0; } + +.download-option { text-align: center; position: relative; padding: 10px; margin: 15px 0; } + +.download-option .icon { display: block; padding-bottom: 35px; font-size: 44px; color: #637097; } + +@media (min-width: 992px) { .download-option:not(:last-child):after { position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 1px; background: rgba(162, 179, 205, 0.3); } } + +.doc { text-align: center; position: relative; } + +.doc:hover { z-index: 9; } + +.doc-s2 { display: flex; margin-left: 20px; margin-bottom: 20px; border-radius: 6px; text-align: left; } + +.doc-photo { max-width: 125px; margin-left: auto; margin-right: auto; transition: all .2s linear; } + +.doc-photo img { border-radius: 4px; } + +.doc:hover .doc-photo { transform: translateY(-10px); } + +.doc:hover .doc-photo.no-hover { transform: translateY(0); } + +.doc-s2 .doc-photo { max-width: 100px; margin-top: 20px; margin-left: -20px; margin-bottom: -20px; margin-right: 15px; } + +.doc-shape { padding-top: 60px; position: relative; } + +.doc-shape:before { position: absolute; top: 0; left: 50%; margin-left: -5px; transform: translateX(-50%); transform-origin: 50% 50%; content: ''; background: url(../images/polygon-a-dark.png) 50% 0/contain no-repeat; width: 215px; height: 205px; z-index: -1; transition: all .2s linear; } + +.tc-light .doc-shape:before { background-image: url(../images/polygon-a-light.png); } + +.doc-shape-a:before { transform: translateX(-50%) rotate(0deg); } + +.doc:hover .doc-shape-a:before { transform: translateX(-50%) translateY(10px) rotate(0deg) scale(1.1); } + +.doc-shape-b:before { transform: translateX(-50%) rotate(90deg); } + +.doc:hover .doc-shape-b:before { transform: translateX(-50%) translateY(10px) rotate(90deg) scale(1.1); } + +.doc-shape-c:before { transform: translateX(-50%) rotate(-90deg); } + +.doc:hover .doc-shape-c:before { transform: translateX(-50%) translateY(10px) rotate(-90deg) scale(1.1); } + +.doc-shape-d:before { transform: translateX(-50%) rotate(135deg); } + +.doc:hover .doc-shape-d:before { transform: translateX(-50%) translateY(10px) rotate(135deg) scale(1.1); } + +.doc-title { margin-top: 15px; padding-bottom: 8px; } + +.doc-title small { display: block; } + +.tc-light .doc-title small { color: #fff; } + +.doc-s2 .doc-title { margin-top: 25px; font-weight: 600; } + +.doc-download { font-size: 18px; line-height: 19px; padding: 8px 15px; min-width: 60px; border-radius: 4px; color: #fff; background: #16a4fd; display: inline-block; } + +.doc-download:hover { color: #fff !important; background: #41faa4; } + +.doc-lang { text-transform: uppercase; font-size: 11px; margin-top: 5px; } + +.tc-light a.doc-download { color: #fff !important; } + +.tc-light a.doc-download:hover { color: #16a4fd !important; background: #fff; } + +@media (min-width: 1200px) { .doc-shape:before { width: 255px; height: 245px; } + .doc-photo { max-width: 175px; } } + +.particles-container { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 0 !important; } + +.particles-container.is-fixed { position: fixed !important; z-index: -1 !important; } + +.product-box { position: relative; display: block; background: #1b30a4; border-radius: 4px; padding: 25px 35px 0; max-width: 360px; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 6; } + +.tc-light .product-box { background: #fff; } + +.product-box:hover { transform: translateY(-8px); } + +.product-name { color: #fff; font-weight: 500; text-align: center; padding-bottom: 5px; margin-bottom: 18px; } + +.tc-light .product-name { color: #41faa4; } + +.product-image { border: 2px solid #16a4fd; border-bottom: 0; border-radius: 4px 4px 0 0; } + +.tc-light .product-image { border-color: #41faa4; } + +.qr-code { background: #fff; border-radius: 4px; width: 40px; height: 40px; text-align: center; box-shadow: 0px 5px 15px rgba(13, 66, 178, 0.14); padding: 0px !important; cursor: pointer; position: relative; margin: 0px 10px; display: none; line-height: 38.5px; } + +.qr-code > img { width: 22px; } + +@media (min-width: 576px) { .qr-code { display: block; } + .qr-code:hover .qr-list { opacity: 1; visibility: visible; } + .qr-list { position: absolute; width: 264px; display: flex; background: #fff; padding: 18px; justify-content: space-between; bottom: calc(100% + 15px); right: 0; box-shadow: 0px 5px 30px rgba(13, 66, 178, 0.3); border-radius: 5px; opacity: 0; transition: 0.3s; visibility: hidden; } + .has-rtl .qr-list { right: auto; left: 0; } + .qr-list:after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 2px; height: 30px; background: #2e007a; } + .qr-list:before { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; right: 10px; z-index: 1; bottom: -13px; } + .has-rtl .qr-list:before { right: auto; left: 10px; } + .qr-list img { padding: 0 6px; } } + +.bg-dark-opacity.card { height: auto; } + +.testimonial { display: block; box-shadow: 0px 5px 40px rgba(13, 66, 178, 0.08); } + +.tesm-image { min-width: 210px; max-width: 210px; margin: 0 auto; box-shadow: 0px 5px 10px rgba(13, 66, 178, 0.08); } + +.tesm-image img { border-radius: 5px; } + +.tesm-content { padding-left: 0; padding-right: 0; text-align: center; padding-top: 30px; position: relative; } + +.tesm-content:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10e"; font-size: 46px; color: rgba(13, 66, 178, 0.07); position: absolute; bottom: 0; right: 0; line-height: normal; } + +.has-rtl .tesm-content:after { right: auto; left: 0; transform: rotateY(-180deg); } + +.tesm-content .title-sm { font-size: 1.1rem; font-weight: 500; color: #637097; opacity: 0.6; line-height: 30px; } + +.tesm-content span { display: block; font-size: 0.9rem; font-style: italic; font-weight: 300; line-height: normal; } + +.testimonial-carousel .owl-nav { top: 50%; opacity: 1; position: absolute; transform: translateY(-50%); padding-top: 0; margin: 0; width: calc(100% + 60px); left: -30px; } + +.testimonial-carousel .owl-nav button { border-width: 0 !important; margin: 0; color: #637097; opacity: 0.5; transition: 0.3s; } + +.has-rtl .testimonial-carousel .owl-nav button:after { transform: rotateY(-180deg); } + +.testimonial-carousel .owl-nav button:hover { opacity: 1; } + +.testimonial-carousel .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.testimonial-carousel .owl-prev:after { content: '\f060'; } + +.testimonial-carousel .owl-next { position: absolute; right: 0; } + +.has-rtl .testimonial-carousel .owl-next { right: auto; left: 0; } + +.testimonial-carousel .owl-next:after { content: '\f061'; } + +@media (min-width: 576px) { .testimonial { display: flex; flex-direction: row; align-items: center; } + .tesm-content { padding-left: 40px; padding-right: 15px; text-align: left; padding-top: 0; } + .has-rtl .tesm-content { text-align: right; padding-left: 15px; padding-right: 40px; } + .tesm-image { margin: -45px 0; } + .testimonial-carousel .owl-stage-outer { padding: 30px 0; } } + +@media (min-width: 768px) { .testimonial-carousel .owl-nav { width: calc(100% + 80px); left: -40px; } } + +@media (min-width: 992px) { .mlm-30 { margin-left: -30px; } + .testimonial-carousel .owl-nav { width: calc(100% + 160px); left: -80px; } } + +/** 04.14 Others */ +.payment-holder { position: relative; } + +.payment-holder-list { max-width: 1200px; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between; } + +.payment-holder-thumb { width: 58px; height: 58px; box-shadow: 0px 0px 0px 3px #2e007a; position: relative; border-radius: 50%; margin-bottom: 20px; } + +.payment-holder-thumb-s2 { box-shadow: none; border-radius: 0; height: auto; width: auto; } + +.payment-holder-thumb img { width: 100%; border-radius: 50%; } + +.payment-holder-info p { font-size: 11px; font-weight: 500; } + +.payment-holder-single { display: flex; margin-bottom: 30px; align-items: center; width: 100%; align-items: center; flex-wrap: wrap; flex-direction: column-reverse; } + +.payment-info-card { padding: 14px 20px; background: #fff; box-shadow: 0px 5px 20px rgba(46, 0, 122, 0.25); border-radius: 4px; width: 100%; text-align: center; } + +.title-pcard { font-size: 1rem; margin-bottom: 0 !important; font-weight: 400; } + +@media (min-width: 576px) { .payment-holder-single { width: 48%; } } + +@media (min-width: 992px) { .payment-holder-info { margin-bottom: 14px; position: relative; } + .payment-holder-info:after { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; top: 99%; z-index: 1; } + .payment-holder-thumb { border-radius: 50%; } + .payment-holder-thumb img { border-radius: 50%; } + .payment-holder-single { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; flex-direction: column; } + .payment-holder-single:nth-child(1) { margin-left: -23%; margin-top: -10%; } + .payment-holder-single:nth-child(2) { margin-left: -14%; margin-top: 3%; } + .payment-holder-single:nth-child(3) { margin-left: 10%; margin-top: 0; } + .payment-holder-single:nth-child(4) { margin-left: 31%; margin-top: -9%; } + .payment-holder-thumb:after, .payment-holder-thumb:before { position: absolute; content: ""; left: 50%; transform: translateX(-50%); } + .payment-holder-thumb:after { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 40px solid #fff; bottom: -30px; z-index: -1; filter: drop-shadow(0px 6px 0px #2e007a); } + .payment-holder-thumb:before { width: 30px; height: 15px; border-radius: 50%; background: rgba(46, 0, 122, 0.4); bottom: -41px; z-index: -1; } + .payment-holder-thumb-s2 { border-radius: 0px; } + .payment-holder-thumb-s2:before, .payment-holder-thumb-s2:after { display: none; } + .payment-holder-thumb-s2 img { border-radius: 0; } + .payment-info-card { width: auto; text-align: left; } + .has-rtl .payment-info-card { text-align: right; } } + +/** 04.14 datatable */ +.table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } + +.dataTables_filter label { width: 100%; height: 50px; border: 2px solid #d1e0f6; background: transparent; border-radius: 5px; padding: 13px 20px 10px; display: flex; align-items: center; margin-bottom: 30px; } + +.dataTables_filter input { border: none; width: 97% !important; } + +.dataTables_filter input:focus { outline: none; } + +.dataTable { width: 100%; } + +.data-table-area { position: relative; } + +.data-item { box-shadow: 0px 3px 15px rgba(27, 48, 164, 0.06); background: #fff; } + +.data-col { padding: 10px 20px; font-size: 14px; font-weight: 400; color: #fff; } + +.data-col-three { border-left: 1px solid; border-bottom: 1px solid; border-right: 1px solid; } + +.data-col-four { border-bottom: 1px solid; } + +.data-col-five { border-left: 1px solid; } + +.data-col-six { border-right: 1px solid; } + +.data-col:before, .data-col:after { display: none !important; } + +.data-col-inner { padding: 20px; } + +.data-item:not(:last-child) .data-col-inner { border-bottom: 5px solid #dde6fa; } + +.data-col-inner.alphabetical { min-width: 186px; } + +.dt-short { position: absolute; right: 0; top: 0; z-index: 9; } + +.dt-short label { width: 86px; margin-bottom: 0; } + +.has-rtl .dt-short { right: auto; left: 0; } + +@media (max-width: 409px) { .dt-short { position: static !important; margin-bottom: 20px; } + .dataTables_filter label { margin-bottom: 0; } } + +/** 05. Layouts */ +/** 05.01 Header */ +.header-main { padding: 12px 0; transition: all .4s; } + +.is-transparent .header-main, .has-fixed .header-main { width: 100%; z-index: 49; } + +.is-transparent .header-main { position: absolute !important; } + +.has-fixed .header-main { position: fixed !important; box-shadow: 0 0 20px 0 rgba(49, 60, 86, 0.08); } + +.has-fixed:not(.is-dark) .header-main { background: #fff; } + +.has-fixed.is-dark .header-main { background: #192c97; } + +.has-fixed.is-shrink .header-main { padding: 8px 0; } + +.header-container:not(.container) { width: 100%; padding: 0 15px; } + +.header-wrap { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } + +.header-logo { margin: 6px 0; flex-shrink: 0; } + +.header-logo-ls { display: flex; align-items: center; } + +.header-navbar { position: fixed; left: -280px; top: 0; width: 260px; height: 100vh; } + +.header-navbar.menu-mobile { transition: all 0.4s; } + +.header-navbar::before, .header-navbar-overlay { position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.header-navbar::before { background: #fff; left: 50%; transform: translateX(-50%); transition: all .4s; } + +.is-dark .header-navbar::before { background: #0f4bca; } + +.header-navbar-overlay { background: rgba(21, 37, 123, 0.7); left: 100%; width: 0; z-index: -1; opacity: 0; visibility: hidden; transition: opacity .3s; transition-delay: .2s; } + +.header-navbar.menu-shown { left: 0 !important; z-index: 10; } + +.header-navbar.menu-shown .header-navbar-overlay { width: 100vw; opacity: 1; visibility: visible; } + +.header-navbar-classic { position: absolute; top: 99%; right: 0; left: 0; width: 100%; height: auto; background: transparent; margin-top: 12px; z-index: auto; flex-grow: 1; transition: all 0.4s; padding: 0 20px; } + +.has-fixed .header-navbar-classic { margin-top: -6px; padding: 0; } + +.header-navbar-classic:before { border-radius: 4px; } + +.has-fixed .header-navbar-classic:before { width: 100vw; border-radius: 0; } + +.header-navbar-s1 { flex-grow: 1; } + +.header-menu { justify-content: flex-end; padding: 30px 25px; } + +.header-navbar-classic .header-menu { padding: 0; } + +.header-banner { min-height: 72px; } + +.overlay-menu-shown { overflow: hidden; } + +.overlay-menu-shown .has-fixed > .header-main { z-index: 6; } + +@media (min-width: 375px) { .header-navbar:not(.header-navbar-classic) { left: -310px; width: 290px; } } + +@media (min-width: 576px) { .header-navbar:not(.header-navbar-classic) { left: -360px; width: 340px; } } + +.logo-dark, .is-transparent:not(.has-fixed) .logo-light, .is-dark .logo-light { display: block; } + +.logo-light, .is-transparent:not(.has-fixed) .logo-dark, .is-dark .logo-dark { display: none; } + +.logo img { height: 36px; transition: all .4s; } + +.logo-md img { height: 44px; } + +.logo-lg img { height: 52px; } + +@media (min-width: 992px) { .header-navbar:not(.header-navbar-classic) { height: auto; width: auto; left: 0; } + .header-main { padding: 20px 0; } + .header-nav-toggle { display: none; } + .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 25px; } + .header-banner { min-height: 98px; } + .logo img { height: 40px; } + .logo-md img { height: 50px; } + .logo-lg img { height: 60px; } } + +@media (min-width: 1200px) { .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 35px; } } + +.header-menu { max-height: 100vh; overflow: hidden; overflow-y: auto; height: 100%; } + +.header-navbar-classic .header-menu { display: none; max-height: 65vh; } + +.header-navbar-classic .header-menu.menu-shown { display: block; } + +.header-nav-toggle { height: 44px; } + +.language-switcher .toggle-tigger, .header-menu .btn-outline:not(:hover) { color: #637097; } + +.is-light .language-switcher .toggle-tigger, .language-switcher .toggle-tigger .is-transparent:not(.is-dark), .is-light .header-menu .btn-outline:not(:hover), .header-menu .btn-outline:not(:hover) .is-transparent:not(.is-dark) { color: #637097; } + +.tc-light .language-switcher .toggle-tigger, .tc-light .btn-outline:not(:hover), .is-dark .language-switcher .toggle-tigger, .is-dark .btn-outline:not(:hover) { color: #fff; } + +@media (min-width: 992px) { .tc-light .header-menu .language-switcher .toggle-tigger, .tc-light .header-menu .btn-outline:not(:hover), .is-transparent .header-menu .language-switcher .toggle-tigger, .is-transparent .header-menu .btn-outline:not(:hover), .is-transparent:not(.has-fixed):not(.is-light) .header-menu .language-switcher .toggle-tigger, .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover), .is-dark .header-menu .language-switcher .toggle-tigger, .is-dark .header-menu .btn-outline:not(:hover) { color: #fff; } + .is-split:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover) { color: #637097; } + .has-fixed:not(.is-dark) .header-menu .language-switcher .toggle-tigger:not(.btn), .has-fixed:not(.is-dark) .header-menu .btn-outline:not(:hover), .is-light .header-menu .language-switcher .toggle-tigger:not(.btn), .is-light .header-menu .btn-outline:not(:hover) { color: #637097; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover):not(.no-change) { border-color: rgba(255, 255, 255, 0.4); } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn:not(:hover):not(.no-change):not(.btn-outline) { border-color: #fff; background: #fff; color: #637097; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not([class*="btn-grad"]):not(.no-change):hover { color: #16a4fd !important; border-color: #fff; background-color: #fff; } } + +@media (max-width: 991px) { .header-menu .language-switcher-s1, .header-menu .language-switcher-s4 { width: 100%; } + .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 0; } + .has-rtl .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 15px; padding-right: 0; } + .header-menu .btn { line-height: 24px; padding: 6px 14px; min-width: 100px; } + .header-menu .btn-transparent { padding: 6px 0; } } + +/** 05.02 Menu */ +.menu { padding: 12px 0; } + +.menu-btns { margin-bottom: 26px; margin-left: -10px; margin-right: -10px; margin-top: -10px; display: flex; flex-wrap: wrap; } + +.menu-btns > li { padding: 10px; padding: 10px; } + +.menu-item { position: relative; border-bottom: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-item { border-color: rgba(219, 228, 247, 0.1); } + +.menu-item:last-child { border-bottom: 0; } + +.menu-item > ul, .menu-item .menu-sub { display: none; } + +.menu-item a { font-family: "Poppins", sans-serif; font-size: 15px; line-height: 18px; color: #637097; padding: 12px 0; display: block; position: relative; } + +.header-menu-s2 .menu-item a { font-size: 16px; } + +.menu-item a .badge { margin-left: 5px; position: relative; top: -1px; } + +.menu-item a .badge-dot { top: 0; } + +.menu-item a .active, .menu-item a:hover { color: #16a4fd; } + +.is-dark .menu-item a .active, .is-dark .menu-item a:hover { color: #16a4fd; } + +.menu-s2 > .menu-item > a { font-size: 13px; text-transform: uppercase; font-weight: 500; } + +.menu-sub { padding-left: 12px; } + +.menu-sub .menu-item:first-child { border-top: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-sub .menu-item:first-child { border-color: rgba(219, 228, 247, 0.1); } + +.menu-sub .menu-sub { margin-top: 0; margin-bottom: 15px; } + +.menu-sub .menu-sub .menu-item { border-bottom: none; } + +.menu-sub .menu-sub .menu-item:first-child { border-top: none; } + +.menu-sub .menu-sub .menu-item a { padding-top: 6px; padding-bottom: 6px; } + +.menu-sub a { font-family: "Poppins", sans-serif; font-size: 14px; color: #637097; } + +.menu-mega a { font-family: "Poppins", sans-serif; font-size: 14px; color: #637097; } + +.is-dark .menu-item a { color: #fff; } + +.menu-item > a.active { color: #16a4fd; } + +.has-sub > a { position: relative; } + +.has-sub > a:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.has-sub.open-nav > a:after { transform: translateY(-50%) rotate(-180deg); } + +.navbar-toggle { width: 44px; height: 44px; text-align: center; display: inline-block; border-radius: 50%; padding: 5px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s; } + +.navbar-toggle.navbar-active { color: #16a4fd; position: relative; z-index: 49; } + +.navbar-toggle:hover, .navbar-toggle.navbar-active { background: rgba(240, 244, 253, 0.2); } + +.is-transparent:not(.has-fixed) .navbar-toggle { color: #fff; } + +.is-transparent:not(.has-fixed) .navbar-toggle:hover, .is-transparent:not(.has-fixed) .navbar-toggle.navbar-active { background: rgba(240, 244, 253, 0.2); } + +.toggle-line { position: relative; width: 32px; height: 32px; display: block; color: #637097; } + +.toggle-line:hover { color: #637097; } + +.is-transparent:not(.has-fixed):not(.is-light) .toggle-line { color: #fff; } + +.is-dark.has-fixed .toggle-line { color: #fff; } + +.toggle-line::after, .toggle-line::before, .toggle-line > span { content: ""; position: absolute; background: currentColor; transition: all 0.2s; width: 24px; height: 2px; left: 4px; border-radius: 3px; } + +.toggle-line::before { top: 8px; } + +.toggle-line::after { bottom: 8px; } + +.toggle-line > span { top: 50%; margin-top: -1px; width: 20px; } + +.navbar-active .toggle-line { color: #fff; } + +.navbar-active .toggle-line::before, .navbar-active .toggle-line::after { width: 28px; left: 2px; } + +.navbar-active .toggle-line::before { transform: rotate(45deg); top: 15px; } + +.navbar-active .toggle-line::after { transform: rotate(-45deg); bottom: 15px; } + +.navbar-active .toggle-line > span { opacity: 0; visibility: hidden; } + +.secondary-navbar { box-shadow: 0px 5px 40px rgba(99, 112, 151, 0.1); padding: 15px 0; } + +.secondary-menu-list { display: flex; align-items: center; justify-content: center; padding: 0; flex-wrap: wrap; } + +.secondary-menu-item { width: 50%; } + +.secondary-menu-link { padding: 5px 16px; display: inline-block; color: #637097; font-weight: 400; position: relative; } + +.secondary-menu-link:after { position: absolute; content: ""; left: 50%; bottom: 0; width: 0; height: 3px; background: #41faa4; transform: translateX(-50%); transition: 0.3s; transform-origin: left; border-radius: 50%; } + +.secondary-menu-link:hover { color: currentColor; } + +.secondary-menu-link:hover:after { width: 3px; } + +.secondary-menu-item.active .secondary-menu-link { color: currentColor; } + +.secondary-menu-item.active .secondary-menu-link:after { width: 3px; } + +@media (min-width: 425px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 16px; width: auto; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-list { flex-wrap: nowrap; } + .secondary-menu-link:after { border-radius: 0; } + .secondary-menu-link:hover { color: currentColor; } + .secondary-menu-link:hover:after { width: 25px; } + .secondary-menu-item.active .secondary-menu-link { color: currentColor; } + .secondary-menu-item.active .secondary-menu-link:after { width: 25px; } } + +@media (min-width: 576px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 28px; width: auto; } } + +@media (min-width: 992px) { .header-menu { display: flex !important; width: auto; align-items: center; position: static; background: transparent; padding: 0; margin: 0; border-radius: 0; overflow: visible; } + .header-navbar { padding: 0 0 0 15px; margin-top: 0; position: relative; } + .header-navbar:before { display: none; } + .has-fixed .header-navbar { margin-top: 0; } + .menu { display: flex; align-items: center; padding: 0; } + .menu-item { border-bottom: none; } + .menu-item > a { font-weight: 400; padding: 20px 10px; } + .menu-drop .menu-item > a { font-weight: 300; } + .menu-item:hover { z-index: 9999; } + .menu-sub { position: absolute; min-width: 215px; max-width: 215px; background: #fff; padding: 15px 10px; top: 100%; left: 0; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; transform: translateX(0) translateY(-8px); box-shadow: 0 3px 12px 0 rgba(49, 60, 86, 0.08); } + .menu-sub a { width: 100%; display: block; padding: 10px 10px; } + .menu-sub .menu-item:first-child { border-top: none; } + .menu-sub .menu-item:hover > a { color: #16a4fd; } + .menu-item:hover > .menu-sub { opacity: 1; visibility: visible; transform: translateX(0) translateY(0); } + .menu-sub .menu-sub { left: calc(100% - 25px); top: 15px; margin: 0; } + .menu-sub .menu-sub .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .is-dark .menu-sub { background-color: #0f4ed3; } + .menu-mega { position: absolute; left: 50%; background: #fff; padding: 15px 10px; top: 100%; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(49, 60, 86, 0.08); transform: translateX(-50%) translateY(-8px); } + .menu-item:hover > .menu-mega { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } + .menu-mega .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .menu-mega-innr { display: flex; } + .menu-mega-innr > div, .menu-mega-innr ul { flex-grow: 1; } + .menu-mega-2clmn .menu-mega-innr > div, .menu-mega-2clmn .menu-mega-innr ul { width: 50%; } + .menu-mega-3clmn .menu-mega-innr > div, .menu-mega-3clmn .menu-mega-innr ul { width: auto; } + .menu-mega-2clmn { min-width: 370px; max-width: 370px; } + .menu-mega-3clmn { min-width: 520px; max-width: 520px; } + .is-dark .menu-mega { background-color: #0f4ed3; } + .menu-btns { display: flex; margin-bottom: -10px; margin-left: 10px; } + .menu-btns-s3 { margin-left: 0; } + .has-sub > a { padding-right: 24px !important; position: relative; } + .has-sub > a:after { right: 8px; } + .menu-sub .has-sub > a { padding-right: 35px; } + .menu-sub .has-sub > a:after { transform: translateY(-50%) rotate(-90deg); right: 15px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a { padding-right: 20px !important; padding-left: 35px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a:after { transform: translateY(-50%) rotate(90deg); left: 15px; right: auto; } + > .has-sub.menu-item:last-child .menu-mega { left: auto; right: 0; transform: translateX(0) translateY(-8px); } + > .has-sub.menu-item:last-child:hover .menu-mega { transform: translateX(0) translateY(0); } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item > a { color: #fff; } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item:hover > a { color: #16a4fd; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-link { padding: 20px 38px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .logo img { height: 32px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 4px; font-size: 12px; font-weight: 500; } + .menu-btns > li { padding: 6px; } + .menu-btns .btn { font-size: 13px; line-height: 20px; padding: 10px 15px; min-width: 0; } + .menu-btns .btn.btn-grad { padding: 12px 15px; } + .menu-btns .btn-md { font-size: 11px; line-height: 19px; padding: 8px 16px; } + .menu-btns .btn-md.btn-grad { padding: 10px 16px; } } + +@media (min-width: 1200px) { .menu > .menu-item > a { padding: 20px 15px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 8.5px; font-size: 12px; font-weight: 500; } + .menu-s2 > .menu-item > a { padding-left: 7.5px; padding-right: 7.5px; } + .menu-item.has-sub > a { padding-right: 23px !important; } + .menu-item.has-sub > a:after { right: 8px; } + .menu-sub a { padding: 10px 15px; } + .secondary-menu-link { padding: 20px 45px; } } + +@media (min-width: 1600px) { .header-navbar-s1 .menu > .menu-item > a { font-size: 14px; } + .header-menu-s2 .menu > .menu-item > a { padding: 20px 30px; } } + +/** 05.03 Sections */ +.nk-body { min-width: 320px; } + +.nk-pages-centered { display: flex; flex-direction: column; justify-content: center; min-height: 100vh; padding: 0 15px; } + +@media (min-width: 1600px) { .body-boxed .nk-wrap { max-width: 1400px; } } + +.container-md { max-width: 960px; } + +.container-sm { max-width: 720px; } + +.container-xs { max-width: 520px; } + +.container-z { z-index: 5; position: relative; } + +.section { position: relative; overflow-x: hidden; width: 100%; z-index: 2; } + +.section-sm { padding-top: 40px !important; padding-bottom: 40px !important; } + +.section-connect { overflow: visible; } + +.section-connect:before { position: absolute; top: 0; left: 50%; content: ""; height: 80px; width: 2px; transform: translate(-50%, -50%); background: linear-gradient(to bottom, #16a4fd 0%, #41faa4 100%); z-index: 2; } + +.ov-v + .section { z-index: inherit; } + +.section-t-s-fixed, .section-s-fixed { padding-top: 60px !important; } + +.section-b-s-fixed, .section-s-fixed { padding-bottom: 60px !important; } + +.section-t-m-fixed, .section-m-fixed { padding-top: 90px !important; } + +.section-b-m-fixed, .section-m-fixed { padding-bottom: 90px !important; } + +.section-t-l-fixed, .section-l-fixed { padding-top: 120px !important; } + +.section-b-l-fixed, .section-l-fixed { padding-bottom: 120px !important; } + +.section-t-x-fixed, .section-x-fixed { padding-top: 180px !important; } + +.section-b-x-fixed, .section-x-fixed { padding-bottom: 180px !important; } + +.section-t, .section { padding-top: 60px; } + +.section-b, .section { padding-bottom: 60px; } + +.section-t-xl { padding-top: 150px !important; } + +@media (min-width: 576px) { .section-connect:before { height: 100px; } + .section-t, .section { padding-top: 60px; } + .section-b, .section { padding-bottom: 60px; } + .section-t-s, .section-s { padding-top: 60px !important; } + .section-b-s, .section-s { padding-bottom: 60px !important; } } + +@media (min-width: 768px) { .section-connect:before { height: 120px; } + .section-t, .section { padding-top: 90px; } + .section-b, .section { padding-bottom: 90px; } + .section-t-m, .section-m { padding-top: 90px !important; } + .section-b-m, .section-m { padding-bottom: 90px !important; } } + +@media (min-width: 992px) { .section-connect:before { height: 160px; } + .section-t, .section { padding-top: 120px; } + .section-b, .section { padding-bottom: 120px; } + .section-t-l, .section-l { padding-top: 120px !important; } + .section-b-l, .section-l { padding-bottom: 120px !important; } + .section-t-xl { padding-top: 180px !important; } } + +@media (min-width: 1600px) { .section-t, .section { padding-top: 180px; } + .section-b, .section { padding-bottom: 180px; } + .section-t-x, .section-x { padding-top: 180px !important; } + .section-b-x, .section-x { padding-bottom: 180px !important; } } + +@media (max-width: 575px) { .section-mxw-t-0 { padding-top: 0; } + .section-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 767px) { .section-sm-mxw-t-0 { padding-top: 0; } + .section-sm-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 991px) { .section-md-mxw-t-0 { padding-top: 0; } + .section-md-mxw-b-0 { padding-bottom: 0 !important; } } + +@media (max-width: 1199px) { .section-lg-mxw-t-0 { padding-top: 0; } + .section-lg-mxw-b-0 { padding-bottom: 0; } } + +[class*="section"].pt-0, [class*="section"].pdt-0 { padding-top: 0 !important; } + +[class*="section"].pb-0, [class*="section"].pdb-0 { padding-bottom: 0 !important; } + +.split { height: 100%; } + +.split-left { border-radius: 6px 6px 0 0; } + +.split-right { border-radius: 0 0 6px 6px; } + +@media (min-width: 576px) { .split-sm-left { border-radius: 6px 0 0 6px; } + .split-sm-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 768px) { .split-md-left { border-radius: 6px 0 0 6px; } + .split-md-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 992px) { .split-lg { border-radius: 6px; } + .split-lg-left { border-radius: 6px 0 0 6px; } + .split-lg-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 1200px) { .split-xl-left { border-radius: 6px 0 0 6px; } + .split-xl-right { border-radius: 0 6px 6px 0; } } + +.nk-pages-angled { margin-top: -450px; } + +@media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } + +/** 05.04 Footer */ +.nk-footer-angled { margin-top: -450px; } + +.footer-links { margin: 0 -12px; } + +.footer-links > li { display: inline-block; padding: 0 12px; } + +.footer-links > li > a { font-size: 13px; color: #637097; } + +.footer-links > li > a:hover { color: #16a4fd; } + +.tc-light .footer-links > li > a { color: #fff !important; } + +.tc-light .footer-links > li > a:hover { color: #16a4fd !important; } + +/** 06. Override */ +.mfp-bg, .mfp-wrap, .mfp-wrap[class*="bg-"], .mfp-bg[class*="bg-"] { position: fixed !important; z-index: 99999999 !important; top: 0 !important; } + +.mfp-wrap, .mfp-wrap[class*="bg-"] { background: transparent !important; } + +/** 07. Preview Purpose */ +.icon-preview { text-align: center; padding: 30px; border-radius: 4px; border: 1px solid #dfeaf8; height: 100%; } + +.icon-wrap [class*="ikon-"] { font-size: 40px; } + +.icon-class { padding-top: 15px; } + +.nk-preview { position: relative; padding-bottom: 60px; } + +.nk-preview:first-child { padding-top: 60px; } + +.nk-preview-content { padding-top: 10px; } + +.nk-preview-content > .tab-pane { padding-top: 0; box-shadow: 0 5px 35px -5px rgba(49, 60, 86, 0.12); } + +.nk-preview .nk-block-head .nav { margin-bottom: 25px; margin-left: 0; margin-right: 0; } + +.nk-preview .nk-block-head .nav a { font-size: .8rem; padding: 10px 5px 5px; } + +.nk-preview .nk-block-head .title { color: #415076; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.nk-preview .nk-block-head .title .badge { margin-left: 5px; } + +.has-rtl .nk-preview .nk-block-head .title .badge { margin-left: 0; margin-right: 5px; } + +.nk-preview .nk-block-head .title small { font-size: 12px; text-transform: none; letter-spacing: 0; margin-top: 0.45rem; color: #828998; display: block; } + +@media (min-width: 576px) { .nk-preview { padding-bottom: 60px; } + .nk-preview:first-child { padding-top: 60px; } } + +@media (min-width: 768px) { .nk-preview { padding-bottom: 90px; } + .nk-preview:first-child { padding-top: 90px; } } + +@media (min-width: 992px) { .nk-preview { padding-bottom: 120px; } + .nk-preview:first-child { padding-top: 120px; } } + +@media (min-width: 1600px) { .nk-preview { padding-bottom: 180px; } + .nk-preview:first-child { padding-top: 180px; } } + +@media (min-width: 1280px) { .nk-preview { padding-left: 48px; padding-right: 48px; } + .nk-preview-content > .tab-pane { box-shadow: 0 5px 35px -5px rgba(49, 60, 86, 0.12); } } + +@media (min-width: 1200px) and (min-height: 900px) { .nk-preview .banner-fs, .nk-preview .nk-pages-centered { min-height: calc(100vh - 200px); } } + +/* END @iO */ +/* END @iO */ diff --git a/assets/css/style-dark.css b/assets/css/style-dark.css new file mode 100644 index 0000000..38797f2 --- /dev/null +++ b/assets/css/style-dark.css @@ -0,0 +1,6918 @@ +/*! Theme Name: ICOCrypto + * Author: Softnio + * Author URI: http://themeforest.net/user/softnio + * Version : 1.9.3 + * Updated : 05/05/2021 +*/ +/** +---------------------- +## TABLE CONTNETS ## +01. Fonts +02. Utilities +-- 02.01 Reset +-- 02.02 Spacing +-- 02.03 Colors +-- 02.04 Misc +03. Elements +-- 03.01 Alert +-- 03.02 Buttons +-- 03.03 Title +-- 03.04 List +-- 03.05 Form +-- 03.06 Table +-- 03.07 Progress +-- 03.08 CountDown +-- 03.09 Toastr +-- 03.10 Misc +04. Components +-- 04.01 Tab +-- 04.02 Accordion +-- 04.03 Blocks +-- 04.04 Box +-- 04.05 Banner +-- 04.06 Head +-- 04.07 Features +-- 04.08 Roadmap +-- 04.09 Token +-- 04.10 Team +-- 04.11 Partners +-- 04.12 Contact +-- 04.13 WGS +-- 04.14 Others +05. Layouts +-- 05.01 Header +-- 05.02 Menu +-- 05.03 Sections +-- 05.04 Footer +06. Override +07. Preview Purpose +---------------------- **/ +/** IMPORTANT NOTE: DO NOT Edit this file. Best to write own code in css/theme.css file. It will helps you to easy update of the template. */ +/** 01. Fonts */ +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Bold.eot"); src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Light.eot"); src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins-Light.woff") format("woff"), url("../fonts/Poppins-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-SemiBold.eot"); src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Medium.eot"); src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Regular.eot"); src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } + +/** 02. Utilities */ +/** 02.01 Reset */ +html, body { font-family: "Poppins", sans-serif; color: #28384c; font-size: 14px; line-height: 1.86; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; } + +@media (min-width: 576px) { html, body { font-size: 15px; line-height: 1.4; font-weight: 300; } } + +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } + +*[hidden] { display: none; } + +ol, ul { list-style: none; } + +blockquote, q { quotes: none; } + +blockquote::after, blockquote::before, q::after, q::before { content: none; } + +table { border-collapse: collapse; border-spacing: 0; } + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #28384c; font-weight: 500; font-family: "Poppins", sans-serif; line-height: 1.45; margin-bottom: 0.5rem; } + +h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 0; } + +.tc-light h1, .tc-light h2, .tc-light h3, .tc-light h4, .tc-light h5, .tc-light h6, .tc-light .h1, .tc-light .h2, .tc-light .h3, .tc-light .h4, .tc-light .h5, .tc-light .h6 { color: #fff; } + +p { font-size: 14px; margin-bottom: 1rem; color: #8284a5; } + +p:last-child { margin-bottom: 0; } + +p + [class*=btn] { margin-top: 15px; } + +@media (min-width: 576px) { p { font-size: 15px; } } + +ul, ol, table { margin: 0; padding: 0; } + +strong, b { font-weight: 500; } + +a { outline: 0 none; transition: all 0.5s; color: #46bdf4; } + +a:link, a:visited { text-decoration: none; } + +a:hover, a:focus, a:active { outline: 0; color: #2b56f5; } + +img { max-width: 100%; height: auto; } + +h1, .h1, .fz-1 { font-size: 1.75rem; } + +h2, .h2, .fz-2 { font-size: 1.35rem; } + +h3, .h3, .fz-3 { font-size: 1.25rem; } + +h4, .h4, .fz-4 { font-size: 1.2rem; } + +h5, .h5, .fz-5 { font-size: 1.2rem; } + +h6, .h6, .fz-6 { font-size: 0.94rem; } + +.fz-7 { font-size: 0.88rem; } + +.fz-8 { font-size: 0.75rem; } + +.lead, .lead-light { font-size: 1.1rem; font-weight: 300; color: #28384c; } + +.lead-s2 { font-size: 1.1rem; color: #28384c; } + +.lead-regular { font-weight: 400; } + +@media (min-width: 576px) { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.3; } + h1, .h1, .fz-1 { font-size: 2.75rem; } + h2, .h2, .fz-2 { font-size: 2.25rem; } + h3, .h3, .fz-3 { font-size: 1.87rem; } + h4, .h4, .fz-4 { font-size: 1.6rem; } + .lead, .lead-light { font-size: 1.1rem; } + .lead-s2 { font-size: 1.2rem; } } + +.nk-df-content, .nk-ovm:before, .nk-ovm:after { content: ""; } + +.nk-df-rel, .has-ovm, .has-bg, [class*='bg-'], .has-bg-image, .has-bg-video { position: relative; } + +.nk-df-over-up, .has-ovm > [class*=container], .has-ovm > *:not(.nk-ovm):not(.header-main):not(.nk-header):not([class*=ui-mask]), .has-bg-image > [class*=container], .has-bg-video > [class*=container] { position: relative; z-index: 5; } + +.nk-df-t, .nk-df-y { top: 0; } + +.nk-df-b, .nk-df-y { bottom: 0; } + +.nk-df-l, .nk-df-x { left: 0; } + +.nk-df-r, .nk-df-x { right: 0; } + +.nk-df-around, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .bg-image, .bg-video, .bg-video-cover, .overlay:after, .nk-ovm .nk-svgs, .accordion-icon:before, .accordion-icon:after { position: absolute; bottom: 0; top: 0; left: 0; right: 0; } + +.nk-df-center, .abs-center, .nk-block-video-play { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.nk-df-bg, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .has-bg, [class*='bg-'], .bg-image, .bg-video, .bg-video-cover { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } + +.nk-df-bg-100, .img-block-dot, .app-slide-wrap:after, .rank-item { background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; } + +.text-regular-sm { font-weight: 400; font-size: 0.9rem; } + +.block-row:not(:last-child) { margin-bottom: 40px !important; } + +@media (min-width: 992px) { .block-row:not(:last-child) { margin-bottom: 50px !important; } } + +/** 02.02 Spacing */ +.gap { height: 30px; } + +.gap-s { height: 10px; } + +.gap-m { height: 20px; } + +.gap-l { height: 40px; } + +.gap-x { height: 60px; } + +.gap-1x { height: 10px; } + +.gap-2x { height: 20px; } + +.gap-3x { height: 30px; } + +.gap-4x { height: 40px; } + +.gap-5x { height: 50px; } + +.gap-6x { height: 60px; } + +.gap-7x { height: 70px; } + +.gap-8x { height: 80px; } + +.gap-9x { height: 90px; } + +.gap-10x { height: 100px; } + +.pdt, .pd, .pdy { padding-top: 30px; } + +.pdb, .pd, .pdy { padding-bottom: 30px; } + +.pdl, .pd, .pdx { padding-left: 30px; } + +.pdr, .pd, .pdx { padding-right: 30px; } + +.pdt-s, .pd-s, .pdy-s { padding-top: 10px !important; } + +.pdt-m, .pd-m, .pdy-m { padding-top: 20px !important; } + +.pdt-r, .pd-r, .pdy-r { padding-top: 30px !important; } + +.pdt-l, .pd-l, .pdy-l { padding-top: 40px !important; } + +.pdt-x, .pd-x, .pdy-x { padding-top: 60px !important; } + +.pdb-s, .pd-s, .pdy-s { padding-bottom: 10px !important; } + +.pdb-m, .pd-m, .pdy-m { padding-bottom: 20px !important; } + +.pdb-r, .pd-r, .pdy-r { padding-bottom: 30px !important; } + +.pdb-l, .pd-l, .pdy-l { padding-bottom: 40px !important; } + +.pdb-x, .pd-x, .pdy-x { padding-bottom: 60px !important; } + +.pdl-s, .pd-s, .pdx-s { padding-left: 10px !important; } + +.pdl-m, .pd-m, .pdx-m { padding-left: 20px !important; } + +.pdl-r, .pd-r, .pdx-r { padding-left: 30px !important; } + +.pdl-l, .pd-l, .pdx-l { padding-left: 40px !important; } + +.pdl-x, .pd-x, .pdx-x { padding-left: 60px !important; } + +.pdr-s, .pd-s, .pdx-s { padding-right: 10px !important; } + +.pdr-m, .pd-m, .pdx-m { padding-right: 20px !important; } + +.pdr-r, .pd-r, .pdx-r { padding-right: 30px !important; } + +.pdr-l, .pd-l, .pdx-l { padding-right: 40px !important; } + +.pdr-x, .pd-x, .pdx-x { padding-right: 60px !important; } + +.mgt, .mg, .mgy { margin-top: 30px !important; } + +.mgb, .mg, .mgy { margin-bottom: 30px !important; } + +.mgl, .mg, .mgx { margin-left: 30px !important; } + +.mgr, .mg, .mgx { margin-right: 30px !important; } + +.mg-fix { margin-bottom: -20px; } + +.mg-fix-lg { margin-bottom: -45px; } + +.mg-fix-md { margin-bottom: -30px; } + +.mg-fix-sm { margin-bottom: -15px; } + +.mg-fix-xs { margin-bottom: -10px; } + +.mgt-s, .mg-s, .mgy-s { margin-top: 10px !important; } + +.mgt-m, .mg-m, .mgy-m { margin-top: 20px !important; } + +.mgt-r, .mg-r, .mgy-r { margin-top: 30px !important; } + +.mgt-l, .mg-l, .mgy-l { margin-top: 40px !important; } + +.mgt-x, .mg-x, .mgy-x { margin-top: 60px !important; } + +.mgb-s, .mg-s, .mgy-s { margin-bottom: 10px !important; } + +.mgb-m, .mg-m, .mgy-m { margin-bottom: 20px !important; } + +.mgb-r, .mg-r, .mgy-r { margin-bottom: 30px !important; } + +.mgb-l, .mg-l, .mgy-l { margin-bottom: 40px !important; } + +.mgb-x, .mg-x, .mgy-x { margin-bottom: 60px !important; } + +.mgl-s, .mg-s, .mgx-s { margin-left: 10px !important; } + +.mgl-m, .mg-m, .mgx-m { margin-left: 20px !important; } + +.mgl-r, .mg-r, .mgx-r { margin-left: 30px !important; } + +.mgl-l, .mg-l, .mgx-l { margin-left: 40px !important; } + +.mgl-x, .mg-x, .mgx-x { margin-left: 60px !important; } + +.mgr-s, .mg-s, .mgx-s { margin-right: 10px !important; } + +.mgr-m, .mg-m, .mgx-m { margin-right: 20px !important; } + +.mgr-r, .mg-r, .mgx-r { margin-right: 30px !important; } + +.mgr-l, .mg-l, .mgx-l { margin-right: 40px !important; } + +.mgr-x, .mg-x, .mgx-x { margin-right: 60px !important; } + +@media (min-width: 576px) { .pdt-l, .pd-l, .pdy-l { padding-top: 60px !important; } + .pdt-x, .pd-x, .pdy-x { padding-top: 90px !important; } + .pdb-l, .pd-l, .pdy-l { padding-bottom: 60px !important; } + .pdb-x, .pd-x, .pdy-x { padding-bottom: 90px !important; } + .pdl-l, .pd-l, .pdx-l { padding-left: 60px !important; } + .pdl-x, .pd-x, .pdx-x { padding-left: 90px !important; } + .pdr-l, .pd-l, .pdx-l { padding-right: 60px !important; } + .pdr-x, .pd-x, .pdx-x { padding-right: 90px !important; } + .mgt-l, .mg-l, .mgy-l { margin-top: 60px !important; } + .mgt-x, .mg-x, .mgy-x { margin-top: 90px !important; } + .mgb-l, .mg-l, .mgy-l { margin-bottom: 60px !important; } + .mgb-x, .mg-x, .mgy-x { margin-bottom: 90px !important; } + .mgl-l, .mg-l, .mgx-l { margin-left: 60px !important; } + .mgl-x, .mg-x, .mgx-x { margin-left: 90px !important; } + .mgr-l, .mg-l, .mgx-l { margin-right: 60px !important; } + .mgr-x, .mg-x, .mgx-x { margin-right: 90px !important; } } + +.mgb-m10 { margin-bottom: -10px !important; } + +.mgb-m20 { margin-bottom: -20px !important; } + +.mgb-m30 { margin-bottom: -30px !important; } + +.mgb-m40 { margin-bottom: -40px !important; } + +.mgb-m50 { margin-bottom: -50px !important; } + +.mgt-m10 { margin-top: -10px !important; } + +.mgt-m20 { margin-top: -20px !important; } + +.mgt-m30 { margin-top: -30px !important; } + +.mgt-m40 { margin-top: -40px !important; } + +.mgt-m50 { margin-top: -50px !important; } + +.mgt-m70 { margin-top: -70px !important; } + +.gutter-5px { margin-left: -2.5px !important; margin-right: -2.5px !important; } + +.gutter-5px > li, .gutter-5px > div { padding-left: 2.5px !important; padding-right: 2.5px !important; } + +.gutter-15px { margin-left: -7.5px !important; margin-right: -7.5px !important; } + +.gutter-15px > li, .gutter-15px > div { padding-left: 7.5px !important; padding-right: 7.5px !important; } + +.gutter-25px { margin-left: -12.5px !important; margin-right: -12.5px !important; } + +.gutter-25px > li, .gutter-25px > div { padding-left: 12.5px !important; padding-right: 12.5px !important; } + +.gutter-10px { margin-left: -5px !important; margin-right: -5px !important; } + +.gutter-10px > li, .gutter-10px > div { padding-left: 5px !important; padding-right: 5px !important; } + +.gutter-20px { margin-left: -10px !important; margin-right: -10px !important; } + +.gutter-20px > li, .gutter-20px > div { padding-left: 10px !important; padding-right: 10px !important; } + +.gutter-30px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-30px > li, .gutter-30px > div { padding-left: 15px !important; padding-right: 15px !important; } + +.gutter-40px { margin-left: -20px !important; margin-right: -20px !important; } + +.gutter-40px > li, .gutter-40px > div { padding-left: 20px !important; padding-right: 20px !important; } + +.gutter-50px { margin-left: -25px !important; margin-right: -25px !important; } + +.gutter-50px > li, .gutter-50px > div { padding-left: 25px !important; padding-right: 25px !important; } + +.gutter-60px { margin-left: -30px !important; margin-right: -30px !important; } + +.gutter-60px > li, .gutter-60px > div { padding-left: 30px !important; padding-right: 30px !important; } + +.gutter-70px { margin-left: -35px !important; margin-right: -35px !important; } + +.gutter-70px > li, .gutter-70px > div { padding-left: 35px !important; padding-right: 35px !important; } + +.gutter-80px { margin-left: -40px !important; margin-right: -40px !important; } + +.gutter-80px > li, .gutter-80px > div { padding-left: 40px !important; padding-right: 40px !important; } + +.gutter-90px { margin-left: -45px !important; margin-right: -45px !important; } + +.gutter-90px > li, .gutter-90px > div { padding-left: 45px !important; padding-right: 45px !important; } + +.gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } + +.gutter-vr-5px { margin-top: -2.5px !important; margin-bottom: -2.5px !important; } + +.gutter-vr-5px > li, .gutter-vr-5px > div { padding-top: 2.5px !important; padding-bottom: 2.5px !important; } + +.gutter-vr-15px { margin-top: -7.5px !important; margin-bottom: -7.5px !important; } + +.gutter-vr-15px > li, .gutter-vr-15px > div { padding-top: 7.5px !important; padding-bottom: 7.5px !important; } + +.gutter-vr-25px { margin-top: -12.5px !important; margin-bottom: -12.5px !important; } + +.gutter-vr-25px > li, .gutter-vr-25px > div { padding-top: 12.5px !important; padding-bottom: 12.5px !important; } + +.gutter-vr-10px { margin-top: -5px !important; margin-bottom: -5px !important; } + +.gutter-vr-10px > li, .gutter-vr-10px > div { padding-top: 5px !important; padding-bottom: 5px !important; } + +.gutter-vr-20px { margin-top: -10px !important; margin-bottom: -10px !important; } + +.gutter-vr-20px > li, .gutter-vr-20px > div { padding-top: 10px !important; padding-bottom: 10px !important; } + +.gutter-vr-30px { margin-top: -15px !important; margin-bottom: -15px !important; } + +.gutter-vr-30px > li, .gutter-vr-30px > div { padding-top: 15px !important; padding-bottom: 15px !important; } + +.gutter-vr-40px { margin-top: -20px !important; margin-bottom: -20px !important; } + +.gutter-vr-40px > li, .gutter-vr-40px > div { padding-top: 20px !important; padding-bottom: 20px !important; } + +.gutter-vr-50px { margin-top: -25px !important; margin-bottom: -25px !important; } + +.gutter-vr-50px > li, .gutter-vr-50px > div { padding-top: 25px !important; padding-bottom: 25px !important; } + +.gutter-vr-60px { margin-top: -30px !important; margin-bottom: -30px !important; } + +.gutter-vr-60px > li, .gutter-vr-60px > div { padding-top: 30px !important; padding-bottom: 30px !important; } + +.gutter-vr-70px { margin-top: -35px !important; margin-bottom: -35px !important; } + +.gutter-vr-70px > li, .gutter-vr-70px > div { padding-top: 35px !important; padding-bottom: 35px !important; } + +.gutter-vr-80px { margin-top: -40px !important; margin-bottom: -40px !important; } + +.gutter-vr-80px > li, .gutter-vr-80px > div { padding-top: 40px !important; padding-bottom: 40px !important; } + +.gutter-vr-90px { margin-top: -45px !important; margin-bottom: -45px !important; } + +.gutter-vr-90px > li, .gutter-vr-90px > div { padding-top: 45px !important; padding-bottom: 45px !important; } + +.gutter-vr-100px { margin-top: -50px !important; margin-bottom: -50px !important; } + +.gutter-vr-100px > li, .gutter-vr-100px > div { padding-top: 50px !important; padding-bottom: 50px !important; } + +.gutter-100px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 15px !important; padding-right: 15px !important; } + +@media (min-width: 992px) { .gutter-100px { margin-left: -25px !important; margin-right: -25px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 25px !important; padding-right: 25px !important; } } + +@media (min-width: 1200px) { .gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } } + +/** 02.03 Colors */ +.tc-base-white, .tc-light, .tc-light a:not(.btn):not([class*="link-"]) { color: #eff6ff; } + +.tc-base-white-hover, .tc-light a:not(.btn):not([class*="link-"]):hover { color: #46bdf4; } + +.tc-default, .tc-default a { color: #28384c !important; } + +.tc-alternet, .tc-alternet a { color: #28384c !important; } + +.tc-primary, .tc-primary a { color: #46bdf4 !important; } + +.tc-primary a:hover { color: #2b56f5 !important; } + +.tc-secondary, .tc-secondary a { color: #2b56f5 !important; } + +.tc-secondary a:hover { color: #46bdf4 !important; } + +.tc-info, .tc-info a { color: #026bfb !important; } + +.tc-warning, .tc-warning a { color: #f6be26 !important; } + +.tc-success, .tc-success a { color: #39d884 !important; } + +.tc-danger, .tc-danger a { color: #e6604a !important; } + +.tc-light p, .tc-light .list { color: #a2b4d2; } + +.tc-light .lead, .tc-light .lead-light, .tc-light .lead-s2 { color: #fff; } + +.tc-light-alt a:not(.btn):not([class*="link-"]) { color: #a2b4d2 !important; } + +.tc-light-alt a:not(.btn):not([class*="link-"]):hover { color: #46bdf4 !important; } + +.tc-light-alt li { color: #a2b4d2; } + +.tc-lighter { color: rgba(255, 255, 255, 0.6) !important; } + +.tc-dark, .tc-dark a { color: #0b0c10 !important; } + +.tc-theme, .tc-theme a { color: #46bdf4 !important; } + +.tc-theme-alt, .tc-theme-alt a { color: #0b0c22 !important; } + +.tc-white { color: #fff !important; } + +.bg-default { background-color: #28384c !important; } + +.bg-alternet { background-color: #0b0c22 !important; } + +.bg-primary { background-color: #46bdf4 !important; } + +.bg-secondary { background-color: #2b56f5 !important; } + +.bg-light { background-color: #eff6ff !important; } + +.bg-light.current { background-color: rgba(239, 246, 255, 0.7) !important; } + +.bg-light-alt { background-color: #dfeaf9 !important; } + +.bg-light-alt.current { background-color: rgba(223, 234, 249, 0.7) !important; } + +.bg-light-grad { background-image: linear-gradient(to bottom, #fff 0%, #eff6ff 100%); } + +.bg-dark { background-color: #08091b !important; } + +.bg-dark.current { background-color: rgba(8, 9, 27, 0.7) !important; } + +.bg-dark-alt { background-color: rgba(8, 9, 27, 0.7) !important; } + +.bg-dark-alt.current { background-color: rgba(11, 12, 34, 0.7) !important; } + +.bg-dark-opacity { background: rgba(0, 0, 0, 0.15) !important; } + +.bg-trans { background-color: transparent !important; } + +.bg-grad { background-image: linear-gradient(90deg, #46bdf4 0%, #2b56f5 100%) !important; } + +.bg-grad-alt { background-image: linear-gradient(90deg, #2b56f5 0%, #46bdf4 100%) !important; } + +.bg-grad-special { background-image: linear-gradient(140deg, #7a0fff 0%, #7a0fff 20%, transparent 50%, transparent 100%) !important; } + +.bg-grad-special-alt { background-image: linear-gradient(to top, #10122d 0%, #10122d 5%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.bg-grad-vr-theme-to-alt { background-image: linear-gradient(to bottom, #0b0c22 0%, #10122d 100%) !important; } + +.bg-grad-vr-theme-dark-to-dark-alt { background-image: linear-gradient(to bottom, #08091b 0%, #0b0c22 100%) !important; } + +.bg-grad-vr-alt-to-theme { background-image: linear-gradient(to top, #0b0c22 0%, #10122d 100%) !important; } + +.bg-grad-vr-dark-alt-to-theme-dark-to-theme { background-image: linear-gradient(to top, #08091b 0%, #0b0c22 100%) !important; } + +.bg-info { background-color: #026bfb !important; } + +.bg-warning { background-color: #f6be26 !important; } + +.bg-success { background-color: #39d884 !important; } + +.bg-danger { background-color: #e6604a !important; } + +.bg-black { background-color: #000; } + +.bg-black-2, .bonus-info { background-color: rgba(0, 0, 0, 0.02); } + +.bg-black-5 { background-color: rgba(0, 0, 0, 0.05); } + +.bg-black-7 { background-color: rgba(0, 0, 0, 0.07); } + +.bg-black-10 { background-color: rgba(0, 0, 0, 0.1); } + +.bg-black-14 { background-color: rgba(0, 0, 0, 0.14); } + +.bg-black-22 { background-color: rgba(0, 0, 0, 0.22); } + +.bg-white { background-color: #fff; } + +.bg-white-2 { background-color: rgba(255, 255, 255, 0.02); } + +.bg-white-5 { background-color: rgba(255, 255, 255, 0.05); } + +.bg-white-7 { background-color: rgba(255, 255, 255, 0.07); } + +.bg-white-10 { background-color: rgba(255, 255, 255, 0.1); } + +.bg-white-14 { background-color: rgba(255, 255, 255, 0.14); } + +.bg-white-22 { background-color: rgba(255, 255, 255, 0.22); } + +.bg-theme { background-color: #0b0c22 !important; } + +.bg-theme.current { background-color: rgba(11, 12, 34, 0.7) !important; } + +.bg-theme-alt { background-color: #0e4370 !important; } + +.bg-theme-alt.current { background-color: #171a40 !important; } + +.bg-theme-grad { background-image: linear-gradient(to right, #0b0c22 0%, #10122d 100%) !important; } + +.bg-theme-grad-alt { background-image: linear-gradient(to right, #10122d 0%, #0b0c22 100%) !important; } + +.bg-theme-grad-s2 { background-image: linear-gradient(135deg, #0b0c22 0%, #10122d 100%) !important; } + +.bg-theme-grad-s2-alt { background-image: linear-gradient(135deg, #10122d 0%, #0b0c22 100%) !important; } + +.bg-theme-grad-alternet { background-image: linear-gradient(to right, #46bdf4 0%, #7a0fff 100%) !important; } + +.bg-theme-dark { background-color: #163247 !important; } + +.bg-theme-dark.current { background-color: rgba(8, 9, 27, 0.7) !important; } + +.bg-theme-dark-alt { background-color: #0b0c22 !important; } + +.bg-theme-dark-alt.current { background-color: rgba(11, 12, 34, 0.7) !important; } + +.bg-theme-light { background-color: #eff6ff !important; } + +.bg-theme-light.current { background-color: rgba(239, 246, 255, 0.7) !important; } + +.bg-theme-light-alt { background-color: #dfeaf9 !important; } + +.bg-theme-light-alt.current { background-color: rgba(223, 234, 249, 0.7) !important; } + +.bg-theme-accent { background-color: #46bdf4 !important; } + +.bg-theme-accent.current { background-color: rgba(70, 189, 244, 0.7) !important; } + +.bg-theme-accent-alt { background-color: #2b56f5 !important; } + +.bg-theme-accent-alt.current { background-color: rgba(43, 86, 245, 0.7) !important; } + +.bg-blend:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #0b0c22); } + +.bg-blend-alt:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #10122d); } + +.bg-blend-light { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #eff6ff); } + +.bg-blend-light-alt { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #dfeaf9); } + +.bg-rblend-light { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #eff6ff); } + +.bg-rblend-light-alt { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #dfeaf9); } + +.theme-dark { background: #08091b !important; } + +.text-primary { color: #0b0c22 !important; } + +.text-primary-alt { color: #10122d !important; } + +.text-theme-alt { color: #7a0fff; } + +.text-base { color: #12183a; } + +/** 02.04 Misc */ +.ttc { text-transform: capitalize !important; } + +.ttu { text-transform: uppercase !important; } + +.ttl { text-transform: lowercase !important; } + +.ttn { text-transform: none !important; } + +.fw-7 { font-weight: 700 !important; } + +.fw-6 { font-weight: 600 !important; } + +.fw-5 { font-weight: 500 !important; } + +.fw-4 { font-weight: 400 !important; } + +.fw-3 { font-weight: 300 !important; } + +.fw-rg { font-weight: 400 !important; } + +.fw-bold { font-weight: 700 !important; } + +.fw-md { font-weight: 500 !important; } + +.fw-lt { font-weight: 300 !important; } + +.lh { line-height: 1; } + +.lh-11 { line-height: 1.1; } + +.lh-12 { line-height: 1.2; } + +.lh-13 { line-height: 1.3; } + +.lh-14 { line-height: 1.4; } + +.lh-15 { line-height: 1.5; } + +.lh-16 { line-height: 1.6; } + +.lh-17 { line-height: 1.7; } + +.lh-18 { line-height: 1.8; } + +.lh-19 { line-height: 1.9; } + +.lh-2 { line-height: 2; } + +.ov-h, .nk-block-video, .nk-banner, .banner-wrap, .feature-group, .feature-img { overflow: hidden; } + +.ov-xh { overflow-x: hidden; } + +.ov-yh { overflow-y: hidden; } + +.ov-s { overflow: scroll; } + +.ov-xs { overflow-x: scroll; } + +.ov-ys { overflow-y: scroll; } + +.ov-v { overflow: visible !important; } + +.ov-xv { overflow-x: visible !important; } + +.ov-yv { overflow-y: visible !important; } + +.bd { border: 1px solid #d1e0f6; } + +.bd-2 { border-width: 2px; } + +.bd-3 { border-width: 3px; } + +.bdt { border-top: 1px solid #d1e0f6; } + +.bdt-2 { border-top-width: 2px; } + +.bdt-3 { border-top-width: 3px; } + +.bdb { border-bottom: 1px solid #d1e0f6; } + +.bdb-2 { border-bottom-width: 2px; } + +.bdb-3 { border-bottom-width: 3px; } + +.bdl { border-left: 1px solid #d1e0f6; } + +.bdl-2 { border-left-width: 2px; } + +.bdl-3 { border-left-width: 3px; } + +.bdr { border-right: 1px solid #d1e0f6; } + +.bdr-2 { border-right-width: 2px; } + +.bdr-3 { border-right-width: 3px; } + +.bd-dashed { border-style: dashed; } + +.bd-dotted { border-style: dotted; } + +.bd-double { border-style: double; } + +.bd-light { border-color: #dbe4f7; } + +.bd-lighter { border-color: #dbe4f7; } + +.bd-lightest { border-color: #f4f7fd; } + +.bd-dark { border-color: #394995; } + +.bd-darker { border-color: #394995; } + +.bd-darkest { border-color: #394995; } + +.bd-primary { border-color: #46bdf4; } + +.bd-alternet { border-color: #a2b3cd; } + +.bd-secondary { border-color: #0b0c22; } + +.bd-info { border-color: #9ac4fd; } + +.bd-warning { border-color: #fbe5a8; } + +.bd-success { border-color: #b0efce; } + +.bd-danger { border-color: #f5bfb7; } + +.round, .token-stage { border-radius: 6px !important; } + +.round-sm { border-radius: 4px !important; } + +.round-md { border-radius: 10px !important; } + +.round-lg { border-radius: 15px !important; } + +.round-xl { border-radius: 44px !important; } + +.round-full, .circle { border-radius: 50% !important; } + +.round-full:before, .circle:before, .round-full:after, .circle:after { border-radius: 50% !important; } + +.bdrs-1 { border-radius: 1px; } + +.bdrs-2 { border-radius: 2px; } + +.bdrs-3 { border-radius: 3px; } + +.bdrs-4 { border-radius: 4px; } + +.bdrs-5 { border-radius: 5px; } + +.bdrs-6 { border-radius: 6px; } + +.bdrs-7 { border-radius: 7px; } + +.bdrs-8 { border-radius: 8px; } + +.bdrs-9 { border-radius: 9px; } + +.bdrs-1x { border-radius: 10px; } + +.bdrs-2x { border-radius: 20px; } + +.bdrs-3x { border-radius: 30px; } + +.bdrs-4x { border-radius: 40px; } + +.bdrs-5x { border-radius: 50px; } + +.bdrs-15x { border-radius: 15px; } + +.bdrs-25x { border-radius: 25px; } + +.bdrs-35x { border-radius: 35px; } + +.bdrs-45x { border-radius: 45px; } + +.shadow { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08) !important; } + +.shadow-alt { box-shadow: 0 8px 16px 0 rgba(18, 24, 58, 0.15); } + +.shadow-soft { box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.shadow-soft-sm { box-shadow: 0 2px 12px 0 rgba(18, 24, 58, 0.08); } + +.shadow-dark { box-shadow: 0 5px 40px rgba(18, 24, 58, 0.15); } + +.shadow-dark-sm { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.15); } + +.shadow-heavy { box-shadow: 0 5px 50px rgba(18, 24, 58, 0.25); } + +.shadow-heavy-sm { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.25); } + +.nk-df-mask-a, .mask-a:before, .mask-a-bg { background-image: url(../images/mask-a.svg); } + +.ie .nk-df-mask-a, .ie .mask-a:before, .ie .mask-a-bg { background-image: url(../images/mask-a.png); } + +.nk-df-mask-a-md, .mask-a-md:before, .mask-a-md-bg { background-image: url(../images/mask-a-md.svg); } + +.ie .nk-df-mask-a-md, .ie .mask-a-md:before, .ie .mask-a-md-bg { background-image: url(../images/mask-a-md.png); } + +.nk-df-mask-a-dark, .mask-a-dark:before, .mask-a-dark-bg { background-image: url(../images/mask-a-dark.svg); } + +.ie .nk-df-mask-a-dark, .ie .mask-a-dark:before, .ie .mask-a-dark-bg { background-image: url(../images/mask-a-dark.png); } + +.nk-df-mask-line, .mask-line:before, .mask-line-bg { background-image: url(../images/mask-line.svg); } + +.ie .nk-df-mask-line, .ie .mask-line:before, .ie .mask-line-bg { background-image: url(../images/mask-line.png); } + +.nk-df-mask-b, .mask-b:before, .mask-b-bg { background-image: url(../images/mask-b.svg); } + +.ie .nk-df-mask-b, .ie .mask-b:before, .ie .mask-b-bg { background-image: url(../images/mask-b.png); } + +.nk-df-mask-c, .mask-c:before, .mask-c-bg { background-image: url(../images/mask-c.svg); } + +.ie .nk-df-mask-c, .ie .mask-c:before, .ie .mask-c-bg { background-image: url(../images/mask-c.png); } + +.nk-df-mask-c-light, .mask-c-light:before, .mask-c-light-bg { background-image: url(../images/mask-c-light.svg); } + +.ie .nk-df-mask-c-light, .ie .mask-c-light:before, .ie .mask-c-light-bg { background-image: url(../images/mask-c-light.png); } + +.nk-df-mask-c-dark, .mask-c-dark:before, .mask-c-dark-bg { background-image: url(../images/mask-c-dark.svg); } + +.ie .nk-df-mask-c-dark, .ie .mask-c-dark:before, .ie .mask-c-dark-bg { background-image: url(../images/mask-c-dark.png); } + +.nk-df-mask-d, .mask-d:before, .mask-d-bg { background-image: url(../images/mask-d.svg); } + +.ie .nk-df-mask-d, .ie .mask-d:before, .ie .mask-d-bg { background-image: url(../images/mask-d.png); } + +.nk-df-mask-d2, .mask-d2:before, .mask-d2-bg { background-image: url(../images/mask-d2.svg); } + +.ie .nk-df-mask-d2, .ie .mask-d2:before, .ie .mask-d2-bg { background-image: url(../images/mask-d2.png); } + +.nk-df-mask-e, .mask-e:before, .mask-e-bg { background-image: url(../images/mask-e.svg); } + +.ie .nk-df-mask-e, .ie .mask-e:before, .ie .mask-e-bg { background-image: url(../images/mask-e.png); } + +.nk-df-mask-f, .mask-f:before, .mask-f-bg { background-image: url(../images/mask-f.svg); } + +.ie .nk-df-mask-f, .ie .mask-f:before, .ie .mask-f-bg { background-image: url(../images/mask-f.png); } + +.nk-df-mask-f-footer, .mask-f-footer:before, .mask-f-footer-bg { background-image: url(../images/mask-f-footer.svg); } + +.ie .nk-df-mask-f-footer, .ie .mask-f-footer:before, .ie .mask-f-footer-bg { background-image: url(../images/mask-f-footer.png); } + +.mask-a:before, .mask-a-md:before, .mask-a-dark:before { background-position: bottom center !important; } + +.mask-contain-bottom:before { background-size: contain; background-position: 50% 100%; } + +.mask-c-blend { background-image: linear-gradient(180deg, #0d1b61 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-dark { background-image: linear-gradient(180deg, #0C0E24 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-light { background-image: linear-gradient(180deg, #f0f6ff 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-f:before { left: 0 !important; } + +.mask-f-footer:before { background-position: 50% -1px; } + +.before-bottom:before { top: auto; } + +.before-h10:before { height: 10%; } + +.before-h20:before { height: 20%; } + +.before-h30:before { height: 30%; } + +.before-h40:before { height: 40%; } + +.before-h50:before { height: 50%; } + +.before-h60:before { height: 60%; } + +.before-h70:before { height: 70%; } + +.before-h80:before { height: 80%; } + +.before-h90:before { height: 90%; } + +.nk-df-shape-a, .shape-a:after, .shape-a-bg, .bg-shape-a { background-image: url(../images/shape-a.png); } + +.nk-df-shape-a-sm, .shape-a-sm:after, .shape-a-sm-bg { background-image: url(../images/shape-a-sm.png); } + +.nk-df-shape-b, .shape-b:after, .shape-b-bg, .bg-shape-b { background-image: url(../images/shape-b.png); } + +.nk-df-shape-b-sm, .shape-b-sm:after, .shape-b-sm-bg { background-image: url(../images/shape-b-sm.png); } + +.nk-df-shape-c, .shape-c:after, .shape-c-bg { background-image: url(../images/shape-c.png); } + +.nk-df-shape-c-sm, .shape-c-sm:after, .shape-c-sm-bg { background-image: url(../images/shape-c-sm.png); } + +.nk-df-shape-d, .shape-d:after, .shape-d-bg { background-image: url(../images/shape-d.png); } + +.nk-df-shape-d-sm, .shape-d-sm:after, .shape-d-sm-bg { background-image: url(../images/shape-d-sm.png); } + +.nk-df-shape-e, .shape-e:after, .shape-e-bg { background-image: url(../images/shape-e.png); } + +.nk-df-shape-e-sm, .shape-e-sm:after, .shape-e-sm-bg { background-image: url(../images/shape-e-sm.png); } + +.nk-df-shape-f, .shape-f:after, .shape-f-bg { background-image: url(../images/shape-f.png); } + +.nk-df-shape-f-sm, .shape-f-sm:after, .shape-f-sm-bg { background-image: url(../images/shape-f-sm.png); } + +.nk-df-shape-g, .shape-g:after, .shape-g-bg { background-image: url(../images/shape-g.png); } + +.nk-df-shape-g-sm, .shape-g-sm:after, .shape-g-sm-bg { background-image: url(../images/shape-g-sm.png); } + +.nk-df-shape-h, .shape-h:after, .shape-h-bg { background-image: url(../images/shape-h.png); } + +.nk-df-shape-h-sm, .shape-h-sm:after, .shape-h-sm-bg { background-image: url(../images/shape-h-sm.png); } + +.nk-df-shape-i, .shape-i:after, .shape-i-bg { background-image: url(../images/shape-i.png); } + +.nk-df-shape-i-sm, .shape-i-sm:after, .shape-i-sm-bg { background-image: url(../images/shape-i-sm.png); } + +.nk-df-shape-m, .shape-m:after, .shape-m-bg { background-image: url(../images/shape-m.png); } + +.nk-df-shape-n, .shape-n:after, .shape-n-bg { background-image: url(../images/shape-n.png); } + +.nk-df-shape-o, .shape-o:after, .shape-o-bg { background-image: url(../images/shape-o.png); } + +.nk-df-shape-p, .shape-p:after, .shape-p-bg { background-image: url(../images/shape-p.png); } + +.nk-df-shape-q, .shape-q:after, .shape-q-bg { background-image: url(../images/shape-q.png); } + +.nk-df-shape-r, .shape-r:after, .shape-r-bg { background-image: url(../images/shape-r.png); } + +.nk-df-shape-s, .shape-s:after, .shape-s-bg { background-image: url(../images/shape-s.png); } + +.nk-df-shape-s-sm, .shape-s-sm:after, .shape-s-sm-bg { background-image: url(../images/shape-s-sm.png); } + +.nk-df-shape-t, .shape-t:after, .shape-t-bg { background-image: url(../images/shape-t.png); } + +.nk-df-shape-u, .shape-u:after, .shape-u-bg { background-image: url(../images/shape-u.png); } + +.nk-df-shape-v, .shape-v:after, .shape-v-bg { background-image: url(../images/shape-v.png); } + +.nk-df-shape-w, .shape-w:after, .shape-w-bg { background-image: url(../images/shape-w.png); } + +.nk-df-shape-x, .shape-x:after, .shape-x-bg { background-image: url(../images/shape-x.png); } + +.nk-df-shape-x-2, .shape-x-2:after, .shape-x-2-bg { background-image: url(../images/shape-x-2.png); } + +.nk-df-shape-x-3, .shape-x-3:after, .shape-x-3-bg { background-image: url(../images/shape-x-3.png); } + +.nk-df-shape-y, .shape-y:after, .shape-y-bg { background-image: url(../images/shape-y.png); } + +.nk-df-shape-z, .shape-z:after, .shape-z-bg { background-image: url(../images/shape-z.png); } + +.nk-df-shape-z2, .shape-z2:after, .shape-z2-bg { background-image: url(../images/shape-z2.png); } + +.nk-df-shape-a2, .shape-a2:after, .shape-a2-bg { background-image: url(../images/shape-a2.png); } + +.nk-df-shape-z3, .shape-z3:after, .shape-z3-bg { background-image: url(../images/shape-z3.png); } + +.nk-df-shape-z4, .shape-z4:after, .shape-z4-bg { background-image: url(../images/shape-z4.png); } + +.nk-df-shape-z6, .shape-z6:after, .shape-z6-bg { background-image: url(../images/shape-z6.png); } + +.nk-df-shape-z6-sm, .shape-z6-sm:after, .shape-z6-sm-bg { background-image: url(../images/shape-z6-sm.png); } + +.nk-df-shape-z7, .shape-z7:after, .shape-z7-bg { background-image: url(../images/shape-z7.png); } + +.shape-contain:after { background-size: contain; } + +.shape-center-top:after { background-position: 50% 0; } + +.shape-center-bottom:after { background-position: 50% 100%; } + +.shape-left-top:after { background-position: 0 0; } + +.shape-q:after { background-size: contain; background-repeat: repeat; background-position: 0 50%; } + +.shape-lg-60:after { background-size: 60%; } + +.shape-z3:after { background-size: 100%; background-position: bottom center; } + +.shape-x.nk-ovm:after, .shape-x.nk-ovm:before { left: 0 !important; } + +.shape-a2:before { background-size: 100%; } + +.nk-ovm { z-index: 1; } + +.nk-ovm:before, .nk-ovm:after { bottom: -1px; left: -1px; } + +.nk-ovm:before { z-index: 1; } + +.nk-ovm-repeat:after { background-repeat: repeat; background-size: contain; } + +.nk-ovm-fixed:after { background-attachment: fixed; } + +.ovm-top { bottom: auto; } + +.ovm-bottom { top: auto; } + +.ovm-left { right: auto; } + +.ovm-right { left: auto; } + +.ovm-h-10 { height: 10%; } + +.ovm-h-20 { height: 20%; } + +.ovm-h-30 { height: 30%; } + +.ovm-h-40 { height: 40%; } + +.ovm-h-50 { height: 50%; } + +.ovm-h-60 { height: 60%; } + +.ovm-h-70 { height: 70%; } + +.ovm-h-80 { height: 80%; } + +.ovm-h-90 { height: 90%; } + +.ovm-w-10 { width: 10%; } + +.ovm-w-20 { width: 20%; } + +.ovm-w-30 { width: 30%; } + +.ovm-w-40 { width: 40%; } + +.ovm-w-50 { width: 50%; } + +.ovm-w-60 { width: 60%; } + +.ovm-w-70 { width: 70%; } + +.ovm-w-80 { width: 80%; } + +.ovm-w-90 { width: 90%; } + +.has-bg-image > div, .has-bg-video > div { position: relative; z-index: 1; } + +.bg-fixed { background-attachment: fixed; } + +.bg-image { position: absolute !important; z-index: 0 !important; opacity: 0; transition: opacity .4s; } + +.bg-image.bg-image-loaded { opacity: 1; } + +.bg-image img { display: none !important; } + +.bg-pattern-dots-color { background-image: url(../images/dot-a.png); background-size: contain; } + +.bg-pattern-dots { background-image: url(../images/dot-b.png); background-size: contain; background-repeat: repeat-y; } + +.bg-contain { background-size: contain; } + +.bg-bottom-center { background-position: 50% 100%; } + +.bg-shape-b { background-position: 50% 100%; } + +.bg-video { position: absolute !important; z-index: 0 !important; overflow: hidden; } + +.bg-video-cover { opacity: 0; } + +.cover-enabled .bg-video-cover { opacity: 1; } + +.bg-video .ytplayer-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.bg-video .ytplayer-container.cover-enabled .bg-video .ytplayer-container { display: none; } + +.cover-enabled .ytplayer-container { display: none; } + +.bg-image.bp-l0, .has-bg.bp-l0 { background-position: 0%; } + +.bg-image.bp-r0, .has-bg.bp-r0 { background-position: 0%; } + +.bg-image.bp-l10, .has-bg.bp-l10 { background-position: 10%; } + +.bg-image.bp-r10, .has-bg.bp-r10 { background-position: 40%; } + +.bg-image.bp-l20, .has-bg.bp-l20 { background-position: 20%; } + +.bg-image.bp-r20, .has-bg.bp-r20 { background-position: 30%; } + +.bg-image.bp-l25, .has-bg.bp-l25 { background-position: 25%; } + +.bg-image.bp-r25, .has-bg.bp-r25 { background-position: 25%; } + +.bg-image.bp-l30, .has-bg.bp-l30 { background-position: 30%; } + +.bg-image.bp-r30, .has-bg.bp-r30 { background-position: 20%; } + +.bg-image.bp-l40, .has-bg.bp-l40 { background-position: 40%; } + +.bg-image.bp-r40, .has-bg.bp-r40 { background-position: 10%; } + +.overlay:after { content: ''; } + +.overlay-light:after { background: #fff; } + +.overlay-dark:after { background: #000; } + +.overlay-theme:after { background: #0b0c22; } + +.overlay-theme-dark:after { background: #08091b; } + +.overlay-opacity-10:after { opacity: 0.1; } + +.overlay-opacity-15:after { opacity: 0.15; } + +.overlay-opacity-20:after { opacity: 0.2; } + +.overlay-opacity-25:after { opacity: 0.25; } + +.overlay-opacity-30:after { opacity: 0.3; } + +.overlay-opacity-35:after { opacity: 0.35; } + +.overlay-opacity-40:after { opacity: 0.4; } + +.overlay-opacity-45:after { opacity: 0.45; } + +.overlay-opacity-50:after { opacity: 0.5; } + +.overlay-opacity-55:after { opacity: 0.55; } + +.overlay-opacity-60:after { opacity: 0.6; } + +.overlay-opacity-65:after { opacity: 0.65; } + +.overlay-opacity-70:after { opacity: 0.7; } + +.overlay-opacity-75:after { opacity: 0.75; } + +.overlay-opacity-80:after { opacity: 0.8; } + +.overlay-opacity-85:after { opacity: 0.85; } + +.overlay-opacity-90:after { opacity: 0.9; } + +.overlay-opacity-95:after { opacity: 0.95; } + +.overlay-opacity-100:after { opacity: 1; } + +.op-10 { opacity: 0.1; } + +.op-20 { opacity: 0.2; } + +.op-30 { opacity: 0.3; } + +.op-40 { opacity: 0.4; } + +.op-50 { opacity: 0.5; } + +.op-60 { opacity: 0.6; } + +.op-70 { opacity: 0.7; } + +.op-80 { opacity: 0.8; } + +.op-90 { opacity: 0.9; } + +.op-100 { opacity: 1; } + +.op-15 { opacity: 0.15; } + +.op-25 { opacity: 0.25; } + +.op-35 { opacity: 0.35; } + +.op-45 { opacity: 0.45; } + +.op-55 { opacity: 0.55; } + +.op-65 { opacity: 0.65; } + +.op-75 { opacity: 0.75; } + +.op-85 { opacity: 0.85; } + +.op-95 { opacity: 0.95; } + +.alignright, .alignleft, .aligncenter, .alignnone { display: block; padding: 0; margin: 15px auto; } + +@media (min-width: 576px) { .alignright, .alignleft, .aligncenter, .alignnone { margin: 0 0 15px; display: inline; } + .alignright { margin-left: 20px; float: right; } + .alignleft { margin-right: 20px; float: left; } + .alignnone { margin-right: 20px; } + .aligncenter { display: block; margin: 15px auto; } } + +.wide, .wide-rg, .wide-auto, .wide-auto-rg { max-width: 750px; } + +.wide-auto, .wide-auto-rg, .wide-auto-xl, .wide-auto-lg, .wide-auto-md, .wide-auto-sm, .wide-auto-xs { margin: 0 auto; } + +.wide-xl, .wide-auto-xl { max-width: 1560px; } + +.wide-lg, .wide-auto-lg { max-width: 1140px; } + +.wide-md, .wide-auto-md { max-width: 945px; } + +.wide-sm, .wide-auto-sm { max-width: 555px; } + +.wide-xs, .wide-auto-xs { max-width: 360px; } + +.wide-none, .wide-auto-none { max-width: inherit; } + +.text-center [class*="wide"], .text-center[class*="wide"] { margin-left: auto; margin-right: auto; } + +.over-up, [class*="over-up-"] { z-index: 9; } + +.over-up { margin-top: -175px; } + +.over-up-sm { margin-top: -45px; } + +.over-up-md { margin-top: -75px; } + +.over-up-lg { margin-top: -165px; } + +.over-up-xl { margin-top: -275px; } + +.over-up-s2 { margin-top: -70px; } + +.over-lg-up { margin-top: 0; } + +.over-up-xl-s2 { margin-top: 0; } + +@media (min-width: 768px) { .over-up { margin-top: -190px; } + .over-up-sm { margin-top: -75px; } + .over-up-md { margin-top: -125px; } + .over-up-lg { margin-top: -275px; } + .over-up-xl { margin-top: -350px; } + .over-up-s2 { margin-top: -50px; } } + +@media (min-width: 992px) { .over-lg-up { margin-top: -80px !important; } + .over-up-xl-s2 { margin-top: -230px; } + .nk-ovm-inner { position: absolute; right: 0; top: 0; width: 30%; background: #eff6ff; height: 100%; z-index: 1; } } + +@media (min-width: 1200px) { .over-lg-up { margin-top: -100px !important; } + .over-up-xl-s2 { margin-top: -230px; } } + +@media (min-width: 1600px) { .over-lg-up { margin-top: -160px !important; } + .over-up-xl-s2 { margin-top: -295px; } } + +.nk-ovm .nk-svgs { z-index: 3; } + +.nk-svgs svg { height: 100%; width: auto; } + +.nk-svgs.svg-loaded svg { display: none; } + +hr { position: relative; z-index: 5; } + +.hr { border-top: 1px solid #dbe4f7; } + +.hr-white { border-top-color: #fff; } + +.hr-white-5 { border-top-color: rgba(255, 255, 255, 0.05); } + +.hr-white-10 { border-top-color: rgba(255, 255, 255, 0.1); } + +.hr-white-15 { border-top-color: rgba(255, 255, 255, 0.15); } + +.hr-black { border-top-color: #000; } + +.hr-black-5 { border-top-color: rgba(0, 0, 0, 0.05); } + +.hr-black-10 { border-top-color: rgba(0, 0, 0, 0.1); } + +.hr-black-15 { border-top-color: rgba(0, 0, 0, 0.15); } + +.h-110 { height: 110% !important; } + +.h-115 { height: 115% !important; } + +.h-120 { height: 120% !important; } + +.h-125 { height: 125% !important; } + +.h-130 { height: 130% !important; } + +.ui-shape { position: absolute; top: 0; left: 0; height: 100%; width: 100%; left: 50%; overflow: hidden; transform: translateX(-50%); z-index: -1; } + +.ui-shape:after, .ui-shape:before { position: absolute; content: ''; height: 210px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; transition: all .4s; } + +.ui-shape:before { top: 15%; left: -4%; width: 100px; background-image: url(../images/ui-shape-a.svg); } + +.ui-shape:after { bottom: 10%; right: -4%; width: 90px; background-image: url(../images/ui-shape-b.svg); } + +.ui-shape-light:before { background-image: url(../images/ui-shape-light-a.svg); } + +.ui-shape-light:after { background-image: url(../images/ui-shape-light-b.svg); } + +.ui-shape-s1:after { transform: rotate(60deg); } + +.ui-shape-s3:before { top: auto; bottom: 20%; } + +.ui-shape-s3:after { top: 10%; bottom: auto; } + +@media (min-width: 576px) { .ui-shape:before { width: 140px; } + .ui-shape:after { width: 120px; } } + +@media (min-width: 768px) { .ui-shape-s7:after { bottom: 15%; right: 16%; } + .ui-shape-s7:before { top: 6%; left: 22%; } + .ui-shape-s6:after { bottom: 9%; right: 0%; } + .ui-shape-s6:before { top: 9%; left: 13.3%; } + .ui-shape-s5:after { right: 4%; bottom: 15%; } + .ui-shape-s4:before { left: 20%; top: 23.5%; } + .ui-shape-s3:after { right: 4%; } + .ui-shape-s2:before { top: 8%; left: 21%; } + .ui-shape-s1:after { right: 0; } + .ui-shape-header:before { top: 22%; left: 9%; } + .ui-shape-header:after { right: 15%; bottom: 32%; } + .ui-shape-footer:before { top: 2%; } + .ui-shape-footer:after { bottom: -11%; } } + +@media (min-width: 992px) { .ui-shape { width: 960px; overflow: visible; } + .ui-shape:after { width: 166px; } + .ui-shape:before { width: 190px; } + .ui-shape-s5:after { right: -2.5%; } + .ui-shape-s3:before { top: auto; bottom: 20%; } + .ui-shape-header:before { left: 5%; } + .ui-shape-header:after { right: 3%; bottom: 22%; } } + +@media (min-width: 1200px) { .ui-shape { width: 1170px; } + .ui-shape-header:before { left: 2%; } + .ui-shape-header:after { right: -2.5%; bottom: 33%; } } + +.overlay-bars { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; } + +.overlay-bars div { position: absolute; background: rgba(255, 255, 255, 0.03); transform: rotate(-15deg); } + +.overlay-bars.reverse { transform: scaleX(-1); } + +.overlay-bar-1 { height: 140%; width: 300px; left: calc(50% - 210px); top: -20%; } + +.overlay-bar-2 { height: 100%; width: 160px; left: calc(50% - 170px); bottom: calc(50% + 155px); } + +.overlay-bar-3 { height: 100%; width: 230px; left: calc(50% - 90px); top: calc(50% + 280px); } + +.overlay-bar-4 { height: 140%; width: 300px; left: calc(50% - 860px); top: -20%; transform: rotate(-15deg); } + +.overlay-bar-5 { height: 140%; width: 160px; left: calc(50% - 910px); top: -20%; } + +.overlay-bar-6 { height: 140%; width: 300px; left: calc(50% + 530px); top: -20%; } + +.overlay-bar-7 { height: 140%; width: 300px; left: calc(50% + 670px); top: -20%; } + +.overlay-x { position: relative; } + +.overlay-x:before, .overlay-x:after { position: absolute; bottom: 0; content: ''; width: 300px; z-index: 1; } + +.overlay-x:before { left: 50%; margin-left: -125px; height: 800px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(-60deg); transform-origin: bottom right; } + +.overlay-x:after { right: 50%; margin-right: -125px; height: 3600px; background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(60deg); transform-origin: bottom right; } + +.background-shape { background: rgba(0, 52, 86, 0.03); position: absolute; height: 100%; width: 100%; content: ''; top: 0; left: 50%; transform: skewX(33deg); transform-origin: left bottom; } + +.tc-light .background-shape { background: rgba(0, 0, 0, 0.03); } + +.background-shape:before, .background-shape:after { background: rgba(255, 255, 255, 0.2); position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.tc-light .background-shape:before, .tc-light .background-shape:after { background: rgba(0, 0, 0, 0.05); } + +.background-shape:before { left: 280px; } + +.background-shape:after { left: 560px; } + +.background-shape.bs-right { left: 70%; } + +.background-shape.bs-reverse { right: 70%; left: auto; transform: skewX(-33deg); transform-origin: right bottom; } + +.background-shape.bs-reverse:before { left: auto; right: 280px; } + +.background-shape.bs-reverse:after { left: auto; right: 560px; } + +.background-shade { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } + +.background-shade .container { height: 100vh; position: relative; } + +.background-shade-left, .background-shade-right { position: absolute; top: 160px; width: 50%; height: calc(100% - 130px); opacity: .15; } + +.background-shade-left:after, .background-shade-right:after { position: absolute; top: 40px; width: 100%; height: 100%; content: ''; } + +.background-shade-left { left: -80px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(-12deg); } + +.tc-light .background-shade-left { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-left:after { left: 40px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-left:after { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right { right: -80px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(12deg); } + +.tc-light .background-shade-right { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right:after { right: 40px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-right:after { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.header-bubbles { position: absolute; left: 0; top: -100%; height: 200%; width: 100%; content: ''; z-index: 1; overflow: hidden; } + +.header-bubbles-single { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } + +.header-bubbles-single div { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.05); } + +.header-bubbles-single-1 { height: 735px; width: 735px; right: calc(50% - 65px); top: calc(50% + 10px); } + +.header-bubbles-single-2 { height: 680px; width: 680px; right: calc(50% + 360px); top: calc(50% - 145px); } + +.header-bubbles-single-3 { height: 350px; width: 350px; right: calc(50% - 95px); top: calc(50% + 540px); } + +.header-bubbles-single-4 { height: 650px; width: 650px; left: calc(50% + 435px); top: calc(50% - 240px); } + +.header-bubbles-single-5 { height: 350px; width: 350px; left: calc(50% + 490px); top: calc(50% + 240px); } + +.header-bubbles-single-6 { height: 440px; width: 440px; left: calc(50% + 685px); top: calc(50% + 240px); } + +.banner-rounded-bg { position: absolute; right: 390px; top: -750px; width: 120%; height: 1350px; z-index: 5; border-radius: 0 0 250px 0; transform: rotate(-8deg) skew(10deg); transform-origin: top right; padding: 0 120px 110px 0; overflow: hidden; } + +.banner-rounded-bg .particles-container { transform: rotate(8deg) skew(-10deg); transform-origin: top right; } + +.banner-shade-1, .banner-shade-2, .banner-shade-3 { display: block; height: 100%; width: 100%; } + +.banner-shade-1 { border-radius: 0 0 160px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%); opacity: .15; padding: 0 100px 90px 0; } + +.banner-shade-2 { border-radius: 0 0 110px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%); padding: 0 90px 80px 0; } + +.banner-shade-3 { border-radius: 0 0 80px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%); } + +@media (max-width: 1400px) { .banner-rounded-bg { right: 330px; } } + +.nk-pages-angled .section { z-index: inherit; } + +.section-bg-angle { position: absolute !important; left: 0; top: 0; height: 100%; width: 100%; content: ''; transform: skewY(10deg); z-index: 1; } + +.section-bg-angle ~ .container, .section-bg-angle ~ .nk-block { position: relative; z-index: 5; } + +.section-angle-top:before { position: absolute; left: 0; top: 0; height: 450px; width: 100%; content: ''; background: #dfeaf9; z-index: 1; } + +.section-angle-top:after { position: absolute; left: 0; bottom: -450px; height: 450px; width: 100%; content: ''; background: #dfeaf9; z-index: 1; } + +.section-angle-bottom:before { position: absolute; left: 0; top: -450px; height: 450px; width: 100%; content: ''; background: #fff; z-index: 2; } + +@media (min-width: 992px) { .section-bg-angle { transform: skewY(17deg); } + .section-bg-angle-s2 { transform: skewY(-4deg); } } + +.ui-mask, [class*=ui-mask] { position: absolute !important; left: 0; top: 0; width: 400px; height: 600px; z-index: 1; overflow: hidden; } + +.ui-mask:after, [class*=ui-mask]:after { position: absolute; right: 30%; top: 25%; content: ""; display: block; background-image: linear-gradient(135deg, rgba(16, 18, 45, 0) 15%, #1c62d8 50%, rgba(16, 18, 45, 0) 80%); border-radius: 50%; height: 400px; width: 400px; -webkit-filter: blur(80px); filter: blur(80px); z-index: 1; } + +.ui-mask:before, [class*=ui-mask]:before { display: none; content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 50%; z-index: 3; } + +.bg-white .ui-mask:after, .bg-theme-light .ui-mask:after, .bg-theme-light-alt .ui-mask:after, .bg-white [class*=ui-mask]:after, .bg-theme-light [class*=ui-mask]:after, .bg-theme-light-alt [class*=ui-mask]:after { display: none; } + +.ui-mask-right { left: auto; right: 0; } + +.ui-mask-right:after { right: auto; left: 30%; } + +.ui-mask-right:before { background-position: 100% 50%; } + +.ui-mask-s2 { width: 420px; height: 900px; transform: translateY(-30%); } + +.ui-mask-s2:after { background-image: linear-gradient(135deg, rgba(16, 18, 45, 0) 15%, #28298a 50%, rgba(16, 18, 45, 0) 80%); } + +.ui-mask-s2:before { display: block; background-image: url(../images/mask-line-a.png); } + +.ui-mask-s2.ui-mask-left:before { transform: rotate(-180deg); } + +.ui-mask-s3 { width: 600px; height: 1400px; transform: translateY(0); } + +.ui-mask-s3:after { height: 650px; width: 400px; right: 45%; background-image: linear-gradient(135deg, rgba(16, 18, 45, 0) 15%, #102486 50%, rgba(16, 18, 45, 0) 80%); } + +.ui-mask-s3:before { display: block; background-image: url(../images/mask-line-b.png); } + +.ui-mask-s3.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s4 { width: 420px; height: 820px; transform: translateY(-20%); } + +.ui-mask-s4:after { height: 510px; background-image: linear-gradient(135deg, rgba(16, 18, 45, 0) 15%, #1d5ecf 50%, rgba(16, 18, 45, 0) 80%); } + +.ui-mask-s5 { width: 440px; height: 1000px; transform: translateY(12%); } + +.ui-mask-s5:after { height: 600px; width: 350px; right: 45%; background-image: linear-gradient(135deg, rgba(16, 18, 45, 0) 15%, #1b5ed1 50%, rgba(16, 18, 45, 0) 80%); } + +.ui-mask-s5:before { display: block; background-image: url(../images/mask-line-c.png); } + +.ui-mask-s5.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s6 { width: 440px; height: 1000px; transform: translateY(2%); } + +.ui-mask-s6:after { height: 410px; width: 500px; left: 30%; background-image: linear-gradient(135deg, rgba(16, 18, 45, 0) 15%, #142692 50%, rgba(16, 18, 45, 0) 80%); } + +.ui-mask-s6:before { display: block; background-image: url(../images/mask-line-d.png); } + +.ui-mask-s6.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s7 { width: 870px; height: 800px; bottom: -20%; left: 50%; margin-left: -150px; top: auto; transform: translateY(0); } + +.ui-mask-s7:after { height: 710px; width: 600px; right: 0; top: 15%; transform: translateX(-25%); background-image: linear-gradient(135deg, rgba(16, 18, 45, 0) 15%, #3762d3 50%, rgba(16, 18, 45, 0) 80%); } + +.ui-mask-s7.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s8 { width: 350px; height: 392px; } + +.ui-mask-s8:before { display: block; background-image: url(../images/polygon-line-a.png); } + +.ui-mask-s8:after { display: none; } + +.ui-mask-s9 { width: 417px; height: 733px; } + +.ui-mask-s9:before { display: block; top: -31px; background-image: url(../images/polygon-line-b.png); } + +.ui-mask-s9:after { display: none; } + +.ui-mask-s10 { width: 417px; height: 733px; } + +.ui-mask-s10:before { display: block; top: -31px; background-image: url(../images/polygon-line-a-fill.png); } + +.ui-mask-s10:after { display: none; } + +.ui-mask-s11 { width: 384px; height: 733px; } + +.ui-mask-s11:before { display: block; top: -31px; background-image: url(../images/polygon-line-c.png); } + +.ui-mask-s11:after { display: none; } + +.ui-mask-s11.ui-mask-right:before { transform: rotateY(180deg); } + +.ui-mask-s12 { width: 80px; height: 270px; } + +.ui-mask-s12:before { display: block; top: 50px; background-image: url(../images/polygon-fill.png); } + +.ui-mask-s12:after { display: none; } + +@media only screen and (min-width: 767px) and (max-width: 1024px) { .ui-mask:before, [class*=ui-mask]:before { background-size: 50%; } } + +@media only screen and (max-width: 767px) { .ui-mask, [class*=ui-mask] { transform: scale(0.5); transform-origin: right; } + .ui-mask-left { transform-origin: left; } } + +/** 03. Elements */ +/** 03.01 Alert */ +.alert { position: relative; font-weight: 400; color: #fff; border: none; } + +.alert:last-child { margin-bottom: 0; } + +.alert a, .alert .alert-link { color: inherit; font-weight: inherit; box-shadow: 0 1px 0 currentColor; transition: box-shadow .3s; } + +.alert a:hover, .alert .alert-link:hover { box-shadow: 0 0 0; } + +.alert .close { color: inherit; transition: all .4s; height: 30px; width: 30px; padding: 0; background: none; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); right: 10px; text-shadow: none; opacity: .7; } + +.alert .close:not(:disabled):not(.disabled):focus, .alert .close:not(:disabled):not(.disabled):hover, .alert .close:hover, .alert .close:focus { color: currentColor; box-shadow: none; outline: none; opacity: 1; } + +.alert .close:after { position: absolute; font-family: 'themify'; content: '\e646'; top: 0; left: 0; color: currentColor; font-size: 12px; line-height: 30px; text-align: center; width: 100%; } + +.alert .close span { display: none; } + +.alert-primary { color: #0c8dc8; background: #e0f4fd; } + +.alert-primary .close { background: #a6dffa; } + +.alert-primary-alt { background: #46bdf4; } + +.alert-primary-alt .close { background: #0d9ee0; } + +.alert-secondary { color: #082cb2; background: #c7d2fc; } + +.alert-secondary .close { background: #d5defd; } + +.alert-secondary-alt { background: #2b56f5; } + +.alert-secondary-alt .close { background: #0a32ca; } + +.alert-success { color: #29cf77; background: #cef5e1; } + +.alert-success .close { background: #64e09e; } + +.alert-success-alt { background: #39d884; } + +.alert-success-alt .close { background: #25b96b; } + +.alert-danger { color: #e6604a; background: #f9d6d0; } + +.alert-danger .close { background: #f2afa4; } + +.alert-danger-alt { background: #e6604a; } + +.alert-danger-alt .close { background: #9b2815; } + +.alert-info { color: #026bfb; background: #cae0ff; } + +.alert-info .close { background: #65a6fe; } + +.alert-info-alt { background: #026bfb; } + +.alert-info-alt .close { background: #014096; } + +.alert-warning { color: #e0a609; background: #fef4db; } + +.alert-warning .close { background: #f9d46f; } + +.alert-warning-alt { background: #f6be26; } + +.alert-warning-alt .close { background: #e0a609; } + +/** 03.02 Buttons */ +.btn { position: relative; font-size: 12px; line-height: 24px; font-weight: 500; padding: 8px 15px; text-align: center; text-transform: uppercase; color: #fff; min-width: 120px; max-width: 100%; border: 2px solid #46bdf4; box-sizing: border-box; transition: all 0.5s; position: relative; border-radius: 5px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; cursor: pointer; } + +.btn .icon { color: inherit; } + +.btn:hover { color: #fff !important; } + +.btn-grad { border: none; background-image: linear-gradient(to right, #46bdf4 0%, #2b56f5 100%); } + +.btn-grad:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; z-index: -2; border-radius: 5px; opacity: 0; transition: all .5s; background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%); } + +.btn-grad:hover:before { opacity: 1; } + +.btn-grad:hover, .btn-grad:focus { color: #fff !important; } + +.btn-grad-alt { background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%); } + +.btn-grad-alt:before { background-image: linear-gradient(to right, #46bdf4 0%, #2b56f5 100%); } + +.btn-grad-alternet { background-image: linear-gradient(to right, #7a0fff 0%, #46bdf4 100%); } + +.btn-grad-alternet:before { background-image: linear-gradient(to right, #46bdf4 0%, #7a0fff 100%); } + +.btn-grad-alternet-alt { background-image: linear-gradient(to right, #46bdf4 0%, #7a0fff 100%); } + +.btn-grad-alternet-alt:before { background-image: linear-gradient(to right, #7a0fff 0%, #46bdf4 100%); } + +.btn-grad-theme { background-image: linear-gradient(to right, #0b0c22 0%, #10122d 100%); } + +.btn-grad-theme:before { background-image: linear-gradient(to right, #10122d 0%, #0b0c22 100%); } + +.btn-grad-theme-alt { background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%); } + +.btn-grad-theme-alt:before { background-image: linear-gradient(to right, #46bdf4 0%, #2b56f5 100%); } + +.btn:hover, .btn:focus { outline: none !important; box-shadow: none !important; } + +.btn span { position: relative; z-index: 999999; display: block; } + +.btn span + .icon { margin-left: 10px; } + +.btn .icon + span { margin-left: 10px; } + +.btn .badge { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); } + +.btn-md { font-size: 12px; line-height: 24px; padding: 10px 26px; } + +.btn-rg { line-height: 24px; padding: 8px 20px; } + +.btn-sm { font-size: 11px; line-height: 23px; padding: 8px 20px; } + +.btn-xxs { font-size: 12px; line-height: 21px; padding: 0 10px; border-width: 1px; border-radius: 3px; } + +.btn-auto { min-width: 44px !important; } + +.btn-auto-lg { min-width: 80px !important; height: 100%; } + +.btn-grp { display: inline-flex; flex-wrap: wrap; align-items: center; margin: -7px; } + +.btn-grp > div, .btn-grp > li { padding: 7px; } + +.btn-grp-break > div, .btn-grp-break > li { width: 100%; text-align: center; } + +.text-center .btn-grp { justify-content: center; } + +.btn-download { display: inline-block; height: 40px; } + +.btn-grp-s2 .btn-download { width: 100px; height: 35px; } + +.btn-download img { height: 100%; } + +.btn-outline:not(:hover) { color: #28384c; background-color: transparent !important; } + +.btn-outline:before { background-image: none; background-color: #fff; opacity: 1; margin: 2px; width: calc(100% - 4px); height: calc(100% - 4px); } + +.btn-outline.on-bg-light:before { background-color: #eff6ff; } + +.btn-outline.on-bg-light-alt:before { background-color: #dfeaf9; } + +.btn-outline.on-bg-theme, .btn-outline.on-bg-theme-alt, .btn-outline.on-bg-theme-dark, .btn-outline.on-bg-theme-dark-alt { color: #fff; } + +.btn-outline.on-bg-theme:before { background-color: #0b0c22; } + +.btn-outline.on-bg-theme-alt:before { background-color: #10122d; } + +.btn-outline.on-bg-theme-dark:before { background-color: #08091b; } + +.btn-outline.on-bg-theme-dark-alt:before { background-color: #0b0c22; } + +.btn-outline:hover { color: #fff !important; } + +.btn-outline:hover:before { opacity: 0; } + +.btn-outline.btn-grad { border: none; } + +.btn-outline.btn-grad:hover { color: #fff !important; } + +.btn-icon { min-width: 44px; padding-left: 6px; padding-right: 6px; } + +.btn-primary { background-color: #46bdf4; border-color: #46bdf4; } + +.btn-primary:hover, .btn-primary:focus { background-color: #2b56f5; border-color: #2b56f5; } + +.btn-primary:hover:focus, .btn-primary:focus:focus { color: #fff !important; } + +.tc-light .btn-primary:hover, .tc-light .btn-primary:focus { background-color: #2b56f5; border-color: #2b56f5; color: #fff !important; } + +.btn-primary.btn-outline:hover { background-color: #46bdf4; border-color: #46bdf4; color: #fff !important; } + +.btn-secondary { background-color: #2b56f5; border-color: #2b56f5; } + +.btn-secondary:hover, .btn-secondary:focus { background-color: #46bdf4; border-color: #46bdf4; } + +.btn-secondary.focus:focus { color: #fff !important; } + +.btn-secondary.btn-outline:hover, .btn-secondary.btn-outline:focus { background-color: #2b56f5; border-color: #2b56f5; } + +.btn-info { background-color: #026bfb; border-color: #026bfb; } + +.btn-info:hover { background-color: #014baf; border-color: #014baf; } + +.btn-info.btn-outline:hover { background-color: #026bfb; border-color: #026bfb; } + +.btn-warning { background-color: #f6be26; border-color: #f6be26; } + +.btn-warning:hover { background-color: #c79408; border-color: #c79408; } + +.btn-warning.btn-outline:hover { background-color: #f6be26; border-color: #f6be26; } + +.btn-success { background-color: #39d884; border-color: #39d884; } + +.btn-success:hover { background-color: #20a45f; border-color: #20a45f; } + +.btn-success.btn-outline:hover { background-color: #39d884; border-color: #39d884; } + +.btn-danger { background-color: #e6604a; border-color: #e6604a; } + +.btn-danger:hover { background-color: #c8341c; border-color: #c8341c; } + +.btn-danger.btn-outline:hover { background-color: #e6604a; border-color: #e6604a; } + +.btn-dark { background-color: #28384c; border-color: #28384c; } + +.btn-dark:hover { background-color: #050709; border-color: #050709; } + +.btn-dark.btn-outline:hover { background-color: #28384c; border-color: #28384c; } + +.btn-theme-dark { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0); } + +.btn-theme-dark:hover { background-color: #08091b; border-color: #08091b; } + +.btn-light { background-color: #eff6ff; border-color: #eff6ff; color: #28384c !important; } + +.btn-light:hover { background-color: #bcd9ff; border-color: #bcd9ff; color: #28384c !important; } + +.btn-light.btn-outline { background-color: #eff6ff; border-color: #eff6ff; } + +.btn-light.btn-outline:hover { background-color: #eff6ff; border-color: #eff6ff; } + +.tc-light .btn-light.btn-outline { color: #fff !important; } + +.tc-light .btn-light.btn-outline:hover { color: #28384c !important; } + +.btn-light.tc-light:not(:hover) { color: #fff !important; } + +.btn-facebook { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook:hover { background-color: #2d4373; border-color: #2d4373; } + +.btn-facebook.btn-outline .icon { color: #3b5998; } + +.btn-facebook.btn-outline:hover { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook.btn-outline:hover .icon { color: #fff; } + +.btn-google { background-color: #d85040; border-color: #d85040; } + +.btn-google:hover { background-color: #be3727; border-color: #be3727; } + +.btn-google.btn-outline .icon { color: #d85040; } + +.btn-google.btn-outline:hover { background-color: #d85040; border-color: #d85040; } + +.btn-google.btn-outline:hover .icon { color: #fff; } + +.btn-play { position: relative; color: #fff; height: 60px; width: 60px; font-size: 18px; text-align: center; line-height: 58px; border-radius: 50%; display: inline-block; border: 1px solid currentColor; } + +.btn-play-sm { height: 40px; width: 40px; line-height: 38px; } + +.btn-play:after { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(40, 56, 76, 0.35); animation: 1s ease 0s normal none infinite running playbutton; } + +.tc-light .btn-play:after { border-color: rgba(255, 255, 255, 0.35); } + +.btn-play:hover { color: #2b56f5 !important; } + +.btn-play-s2 { background-image: linear-gradient(to right, #46bdf4 0%, #2b56f5 100%); border: none; } + +.btn-play-s2:before { position: absolute; height: calc(100% - 4px); width: calc(100% - 4px); top: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .btn-play-s2:before { background: #eff6ff; } + +.bg-light-alt .btn-play-s2:before { background: #dfeaf9; } + +.bg-theme .btn-play-s2:before { background: #0b0c22; } + +.bg-theme-alt .btn-play-s2:before { background: #10122d; } + +.bg-theme-dark .btn-play-s2:before { background: #08091b; } + +.bg-theme-dark-alt .btn-play-s2:before { background: #0b0c22; } + +.bg-white .btn-play-s2:before { background: #fff; } + +.btn-play-s3 { background-color: #fff; border: none; } + +.btn-play-icon { height: 20px; width: 14px; background: linear-gradient(to right, #46bdf4 0%, #2b56f5 100%); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); } + +.btn-play-icon:before, .btn-play-icon:after { position: absolute; content: ''; height: 0; width: 0; right: -1px; border-right: 14px solid #fff; } + +.bg-light .btn-play-icon:before, .bg-light .btn-play-icon:after { border-right-color: #eff6ff; } + +.bg-light-alt .btn-play-icon:before, .bg-light-alt .btn-play-icon:after { border-right-color: #dfeaf9; } + +.bg-theme .btn-play-icon:before, .bg-theme .btn-play-icon:after { border-right-color: #0b0c22; } + +.bg-theme-alt .btn-play-icon:before, .bg-theme-alt .btn-play-icon:after { border-right-color: #10122d; } + +.bg-theme-dark .btn-play-icon:before, .bg-theme-dark .btn-play-icon:after { border-right-color: #08091b; } + +.bg-theme-dark-alt .btn-play-icon:before, .bg-theme-dark-alt .btn-play-icon:after { border-right-color: #0b0c22; } + +.bg-white .btn-play-icon:before, .bg-white .btn-play-icon:after { border-right-color: #fff; } + +.btn-play-icon:before { top: 0; border-bottom: 10px solid transparent; } + +.btn-play-icon:after { bottom: 0; border-top: 10px solid transparent; } + +.btn-play-icon-s2 { height: 34px; width: 24px; } + +.btn-play-icon-s2 path { fill: #46bdf4; } + +.btn-play-dark { color: #fff; } + +.btn-play-dark:hover { color: #2b56f5; } + +.btn-play-wrap { display: inline-flex; align-items: center; } + +.btn-play-wrap-s2 { flex-direction: column; } + +.btn-play-wrap-s1:hover { transform: translateX(15px); } + +.btn-play-text { margin-left: 20px; } + +.btn-play-text span { display: block; color: #28384c; } + +.tc-light .btn-play-text span { color: #fff; } + +.btn-play-text .text-sm { font-size: 21px; } + +.btn-play-text .text-xs { font-size: 12px; color: #46bdf4 !important; } + +.btn-play-wrap-s2 .btn-play-text { margin-left: 0; margin-top: 15px; } + +.btn-link { color: #46bdf4; text-decoration: none; } + +.btn-link:hover, .btn-link:focus { color: #46bdf4; text-decoration: none; box-shadow: 0 1px 0 currentColor; } + +.btn-underline { padding-left: 0 !important; padding-right: 0 !important; color: #46bdf4; background: none !important; border-color: transparent !important; text-decoration: none; } + +.btn-underline:hover, .btn-underline:focus { color: #fff; text-decoration: none; } + +.btn-round { border-radius: 40px; } + +.btn-round:before { border-radius: 40px; } + +.btn-round.btn-lg { border-radius: 54px; } + +.btn-round.btn-lg:before { border-radius: 54px; } + +.btn-round.btn-md { border-radius: 44px; } + +.btn-round.btn-md:before { border-radius: 44px; } + +.btn-round.btn-sm { border-radius: 39px; } + +.btn-round.btn-sm:before { border-radius: 39px; } + +.btn-round.btn-xxs { border-radius: 21px; } + +.btn-round.btn-xxs:before { border-radius: 21px; } + +.btn-with-icon { padding: 1px; background-color: #46bdf4; } + +.btn-with-icon span { display: inline-block; padding: 0 18px 0 28px; flex-grow: 1; } + +.btn-with-icon .icon { height: 47px; width: 47px; line-height: 47px; border-radius: 5px; background: #fff; color: #46bdf4; transition: all 0.3s; } + +.btn-with-icon.btn-md { padding: 1px; } + +.btn-with-icon.btn-md .icon { height: 38px; width: 38px; line-height: 38px; } + +.btn-with-icon.btn-sm { padding: 1px; } + +.btn-with-icon.btn-sm span { padding: 0 13px 0 23px; } + +.btn-with-icon.btn-sm .icon { height: 28px; width: 28px; line-height: 28px; } + +.btn-with-icon.btn-round .icon { border-radius: 24px; } + +.btn-with-icon.btn-round.btn-md .icon { border-radius: 19px; } + +.btn-with-icon.btn-round.btn-sm .icon { border-radius: 14px; } + +.btn-with-icon.btn-light { color: #0b0c22 !important; border-color: #fff; background: #fff; } + +.btn-with-icon.btn-light .icon { color: #fff; background: #10122d; } + +.btn-with-icon.btn-light:hover { color: #10122d !important; } + +.btn-with-icon.btn-light:hover .icon { background: #0b0c22; } + +.btn-with-icon.btn-light:not(:disabled):not(.disabled).active { border-color: #fff !important; background: #fff !important; color: #28384c !important; } + +.btn-with-icon.btn-alt .icon { color: currentColor; background: transparent !important; font-size: 20px; width: auto; margin-right: 30px; transition: none; } + +.btn-grp-after li { font-size: 20px; position: relative; } + +.btn-grp-after li a { color: rgba(130, 132, 165, 0.8) !important; } + +.btn-grp-after li:not(:last-child):after { content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 14px; width: 1px; background: rgba(130, 132, 165, 0.3); } + +.btn-transparent { background: transparent !important; border: transparent; color: #fff !important; font-size: 0.9rem !important; padding: 12px 0; } + +.as-mobile .btn-transparent, .has-fixed .btn-transparent { color: #28384c !important; } + +@keyframes playbutton { 0% { transform: scale(0.75); + opacity: 1; } + 100% { transform: scale(1.3); + opacity: 0; } } + +@media (min-width: 576px) { .btn { font-size: 13px; line-height: 25px; padding: 12px 30px; letter-spacing: 0.1em; min-width: 120px; } + .btn.btn-grad { padding: 14px 30px; } + .btn-lg { font-size: 14px; font-weight: 700; line-height: 24px; padding: 15px 40px; min-width: 190px; } + .btn-md { font-size: 12px; line-height: 24px; padding: 8px 20px; min-width: 160px; } + .btn-md.btn-grad { padding: 10px 30px; } + .btn-rg { font-size: 12px; line-height: 24px; padding: 6px 20px; } + .btn-rg.btn-grad { padding: 8px 25px; } + .btn-sm { font-size: 12px; line-height: 23px; padding: 3px 20px; } + .btn-sm.btn-grad { padding: 5px 30px; } + .btn-xxs { font-size: 13px; line-height: 21px; padding: 0 10px; } + .btn-play { height: 80px; width: 80px; font-size: 18px; line-height: 78px; } + .btn-play-sm { height: 60px; width: 60px; line-height: 58px; } + .btn-icon { padding-left: 6px; padding-right: 6px; } + .btn-grp { margin: -15px; } + .btn-grp > div, .btn-grp > li { padding: 15px; } + .text-sm-left .btn-grp { justify-content: center; } + .btn-grp-s2 { margin: -10px; position: relative; } + .btn-grp-s2 > div, .btn-grp-s2 > li { padding: 10px; } + .btn-grp-s2 .btn-download { width: auto; height: 40px; } + .btn-transparent { padding: 12px 6px; } } + +@media (min-width: 768px) { .text-md-left .btn-grp { justify-content: flex-start; } } + +@media (min-width: 992px) { .text-lg-left .btn-grp { justify-content: flex-start; } + .btn-grp .btn-lg { padding: 15px 35px; } } + +@media (min-width: 1200px) { .text-xl-left .btn-grp { justify-content: flex-start; } } + +.badge { color: #fff; background-color: #46bdf4; display: inline-block; font-weight: 600; text-transform: uppercase; border-radius: 34px; padding: 5px 16px; font-size: 13px; line-height: 24px; border: 1px solid #46bdf4; } + +.badge:not(.badge-outline) { color: #fff; } + +.badge-primary { background-color: #46bdf4; border-color: #46bdf4; color: #46bdf4; } + +.badge-secondary { background-color: #2b56f5; border-color: #2b56f5; color: #2b56f5; } + +.badge-info { background-color: #026bfb; border-color: #026bfb; color: #026bfb; } + +.badge-warning, .badge-hot { background-color: #f6be26; border-color: #f6be26; color: #f6be26; } + +.badge-success, .badge-new { background-color: #39d884; border-color: #39d884; color: #39d884; } + +.badge-danger { background-color: #e6604a; border-color: #e6604a; color: #e6604a; } + +.badge-dark { background-color: #0b0c10; border-color: #0b0c10; color: #0b0c10; } + +.badge-light { background-color: #bcd9ff; border-color: #bcd9ff; color: #28384c !important; } + +.badge-light.badge-outline { color: #bcd9ff; } + +.badge-outline { background-color: transparent; } + +.badge-lg { font-size: 16px; } + +.badge-md { border-radius: 34px; padding: 5px 16px; font-size: 12px; line-height: 18px; } + +.badge-sm { border-radius: 34px; padding: 2px 12px; font-size: 12px; line-height: 18px; } + +.badge-xs { border-radius: 34px; padding: 0 8px; font-size: 9px; line-height: 16px; letter-spacing: 0.05em; } + +.badge-cap { text-transform: capitalize; } + +.badge-regular { font-weight: 400; } + +.badge-dot { width: 5px; height: 5px; border-radius: 50%; background: #46bdf4; border-color: #46bdf4; display: inline-block !important; vertical-align: middle; padding: 0; } + +.link { display: inline-flex; align-items: center; font-size: 12px; color: #10122d; font-weight: 500; letter-spacing: 0.005rem; white-space: nowrap; } + +.link:hover { color: #46bdf4; } + +.link-uc { text-transform: uppercase; letter-spacing: 0.2em; } + +.link-icon { margin-right: 5px; font-size: 14px; transition: transform .3s; } + +.link-icon:only-child { margin-right: 0 !important; } + +.link-icon-sm { font-size: 12px; } + +.link-xs .link-icon { font-size: 12px; margin-right: 12px; } + +.link-animate:hover .link-icon { transform: translate(-5px, 0); } + +.link span + .link-icon { margin-left: 5px; margin-right: 0; } + +.link-animate:hover span + .link-icon { transform: translate(5px, 0); } + +.link .icon-circle { font-size: inherit; margin-right: 12px; } + +.link .icon-circle.link-icon { transition: all .4s; } + +.link-break { flex-direction: column; } + +.link-break .icon-circle { margin-left: 10px; margin-bottom: 10px; } + +.link-primary { color: #46bdf4 !important; } + +.link-primary .link-icon.icon-circle { background: #46bdf4; color: #fff !important; } + +.link-primary:hover { color: #2b56f5 !important; } + +.link-primary:hover .link-icon.icon-circle { background: #2b56f5; } + +.link-light { color: #28384c !important; } + +.tc-light .link-light { color: #fff !important; } + +.link-light .link-icon { color: #46bdf4; } + +.link-light .link-icon.icon-circle { background: #28384c; color: #fff !important; } + +.link-light:hover { color: #46bdf4 !important; } + +.link-light:hover .link-icon.icon-circle { background: #46bdf4; } + +.link-thin { font-weight: 300; } + +.link-underline { text-decoration: underline !important; } + +@media (min-width: 420px) { .btn-grp-break > div, .btn-grp-break > li { width: auto; text-align: left; } + .link { font-size: 14px; } + .link-xs { font-size: 12px; } + .link-break { flex-direction: row; } + .link-break .icon-circle { margin-left: 0; margin-bottom: 0; } } + +/** 03.03 Title */ +.title { position: relative; font-size: 1.75rem; } + +.title:not(:last-child) { margin-bottom: 1.25rem; } + +.title small { font-size: 50%; margin-top: 0.75rem; } + +.title-thin { font-weight: 300; } + +.title-regular { font-weight: 400; } + +.title-xxs { font-size: 12px; letter-spacing: 0.1em; } + +.title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + +.title-xs { text-transform: uppercase; font-size: 0.88rem; letter-spacing: 0.2em; } + +.title-xs-alt { font-size: 0.94rem; } + +.title-xs-s1 { font-size: 1.1rem; letter-spacing: 0.4em; } + +.title-xs-s2 { font-size: 1rem; letter-spacing: 0; } + +.title-xs small { font-size: 70%; } + +.title-sm { font-size: 1.125rem; } + +.title-sm:not(:last-child) { margin-bottom: 0.85rem; } + +.title-sm small { font-size: 70%; } + +.title-md { font-size: 1.375rem; } + +.feature-text-wd .title-md { font-size: 1.125rem; } + +.title-md:not(:last-child) { margin-bottom: 1rem; } + +.title-lg { font-size: 1.75rem; } + +.title-xl { font-size: 1.75rem; } + +.title-xl-s2 { font-size: 1.75rem; line-height: 1.3; } + +.title-light { color: rgba(40, 56, 76, 0.6); } + +.title-dark { color: #12183a; } + +.title-base { color: #28384c; } + +.title a { color: #28384c; } + +.title a:hover { color: #46bdf4; } + +a:hover .title { color: #46bdf4; } + +a .title { transition: all .4s; } + +.title-mid { font-weight: 500; } + +.title-semibold { font-weight: 600; } + +.title-bold { font-weight: 700; } + +.title-s1 { padding-left: 75px; display: inline-block; font-weight: 600; } + +.title-s1:before { position: absolute; left: 0 !important; top: 50%; margin-top: -1px; height: 2px; width: 60px; content: ''; transform: translate(0, -50%) !important; opacity: 1 !important; background: #28384c; } + +.tc-light .title-s1:before { background: #fff; } + +.title-s1.tc-primary:before, .tc-primary a.title-s1:before { background: #46bdf4; } + +.title-s2 { padding-bottom: 26px; } + +.title-s2:after { position: absolute; left: 50%; bottom: 0; content: ''; margin-left: -40px; width: 80px; height: 6px; border-radius: 3px; background: #46bdf4; } + +.tc-light .title-s2:after { background: #46bdf4; } + +.title-s2-alt { padding-bottom: 0; padding-top: 26px; } + +.title-s2-alt:after { top: 0; bottom: auto; } + +.title-s3 { font-size: 2.2rem !important; line-height: 1.3 !important; } + +.title-s4 { font-size: 2.3rem; opacity: 0.3; padding-bottom: 10px; text-transform: uppercase; } + +.title-s5 { padding-bottom: 24px; margin-bottom: 20px; } + +.title-s5.title-sm { font-size: 0.9rem; } + +.title-s5.title-sm span:first-child { font-size: 1.25rem; } + +.title-s5 span:first-child { display: block; padding-bottom: 13px; color: #46bdf4; font-weight: 500; } + +.tc-light .title-s5 span:first-child { color: #fff; } + +.title-s5 span:last-child { opacity: .7; } + +.title-s5:after { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); content: ''; width: 50px; height: 3px; border-radius: 2px; background: #46bdf4; } + +.title-s6 { position: relative; } + +.title-s6:before { position: absolute; top: 8px; left: -15px; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #46bdf4; } + +.title-s7 span:first-child { display: block; padding-bottom: 13px; color: #10122d; font-size: 1.35rem; } + +.tc-light .title-s7 span:first-child { color: #fff; } + +.title-s7 span:last-child { font-size: 0.9rem; color: #28384c; } + +.title-xxl-grad { font-size: 70px; line-height: 1; font-weight: 700; margin-bottom: 0; background: -webkit-linear-gradient(#16acf1, #0b39e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: .4; } + +.title-ele-head { background: linear-gradient(180deg, #28384c 0%, #8284a5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.title-sub { color: #d87032; } + +@media (min-width: 576px) { .title { font-size: 2.25rem; } + .title:not(:last-child) { margin-bottom: 1.25rem; } + .title small { font-size: 50%; margin-top: 0.75rem; } + .title-xxs { font-size: 12px; letter-spacing: 0.1em; } + .title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + .title-xs { font-size: 0.88rem; } + .title-xs-alt { font-size: 0.94rem; } + .title-xs-s1 { font-size: 1.1rem; } + .title-xs-s2 { font-size: 1rem; } + .title-xs small { font-size: 70%; } + .title-sm { font-size: 1.125rem; } + .title-sm:not(:last-child) { margin-bottom: 0.85rem; } + .title-md { font-size: 1.375rem; } + .title-md:not(:last-child) { margin-bottom: 1rem; } + .title-md-s2 { font-size: 1.675rem; line-height: 1.6; } + .title-lg { font-size: 1.75rem; } + .title-xl { font-size: 3.5rem; } + .title-xl-s2 { font-size: 2.2rem; } + .title-s3 { font-size: 2.2rem !important; } + .title-s4 { font-size: 2.3rem; } + .title-s5.title-sm { font-size: 0.9rem; } + .title-s5.title-sm span:first-child { font-size: 1.25rem; } + .title-xl-2 { font-size: 1.8rem !important; } + .title-xxl-grad { font-size: 140px; } } + +@media (min-width: 768px) { .title-xl-2 { font-size: 2.2rem !important; } + .title-xxl-grad { font-size: 200px; } } + +@media (min-width: 992px) { .title-xxl-grad { font-size: 250px; } + .feature-text-wd .title-md { font-size: 1.375rem; } } + +@media (min-width: 1200px) { .title-xl-s2 { font-size: 2.8rem !important; } } + +@media (min-width: 1600px) { .title-xl-2 { font-size: 2.74rem !important; line-height: 1.3 !important; } + .banner-s1 .title-xl-2 { font-size: 2.3rem !important; } + .title-xl-s3 { font-size: 2.75rem !important; } } + +/** 03.04 List */ +.list li { line-height: 1.674; padding: 5px 0; position: relative; color: #28384c; font-size: 14px; } + +.tc-light .list li { color: #a2b4d2; } + +.list-check li { padding-left: 24px; } + +.list-check li:before { position: absolute; top: 0; left: 0; height: 22px; width: 26px; line-height: 26px; padding: 3px 0; color: #46bdf4; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; content: '\f00c'; transition: all .4s; } + +.tc-light .list-check li:before { color: #46bdf4; } + +.list-check-s3 li { padding: 0px 0px 0px 55px; margin-bottom: 18px; line-height: 1.8; } + +.list-check-s3 li:before { width: 35px; height: 35px; background: #46bdf4; border-radius: 50%; color: #fff; text-align: center; line-height: 29px; font-size: 16px; left: 0; top: 5px; } + +.tc-light .list-check-s3 li:before { background: #46bdf4; color: #fff; } + +.list-check-s3-sm li { padding: 0px 0px 0px 40px; margin-bottom: 30px; } + +.list-check-s3-sm li .title-md { margin-bottom: 0.5rem; } + +.list-check-s3-sm li:before { width: 25px; height: 25px; line-height: 20px; font-size: 11px; top: 2px; } + +.list-check-s4 li { margin: 0; padding-left: 35px; position: relative; } + +.list-check-s4 li:before { left: 15px; top: 14px; } + +.list-number { counter-reset: item; } + +.list-number li { line-height: 1.86; margin-bottom: 10px; padding-left: 65px; } + +.list-number li:before { position: absolute; top: 10px; left: 25px; counter-increment: item; content: counter(item) "."; font-size: 30px; font-weight: 700; line-height: 1; color: #46bdf4; font-family: 'Poppins', sans-serif !important; } + +.tc-light .list-number li:before { color: #46bdf4; } + +.list-number-s2 li { padding-left: 60px; } + +.has-rtl .list-number-s2 li { padding-right: 60px; padding-left: 0; } + +.list-number-s2 li:not(:last-child) { margin-bottom: 16px; } + +.list-number-s2 li span { width: 30px; height: 30px; position: absolute; left: 0; top: 5px; line-height: 30px; text-align: center; background: rgba(70, 189, 244, 0.2); border-radius: 50%; color: #7a0fff; font-weight: 400; } + +.has-rtl .list-number-s2 li span { left: auto; right: 0; } + +.list-dot li { position: relative; padding-left: 22px; line-height: 1.62; } + +.list-dot li:before { position: absolute; top: 14px; left: 0; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #28384c; } + +.tc-light .list-dot li:before { background: #2b56f5; } + +.list-dot.list-sm { margin-top: -5px; margin-bottom: -5px; } + +.list-dot.list-sm li { padding-left: 16px; font-size: 0.9rem; padding-top: 10px; padding-bottom: 10px; } + +.list-dot.list-sm li:before { top: 19px; } + +.list-dot-bar { padding: 20px 0 65px 38px; } + +.list-dot-bar li { margin-bottom: 10px; } + +.list-dot-bar li span { width: 20px; height: 20px; content: ""; background: transparent; position: absolute; border-radius: 50%; border: 2px solid #2b56f5; left: -38px; top: 7px; } + +.list-dot-bar li span:after, .list-dot-bar li span:before { position: absolute; content: ""; top: 50%; left: 50%; background: #2b56f5; } + +.list-dot-bar li span:after { width: 7px; height: 7px; border-radius: 50%; transform: translate(-50%, -50%); } + +.list-dot-bar li span:before { width: 18px; height: 2px; transform: translateY(-50%); } + +.list-btn li { display: inline-block; padding-right: 15px; } + +.list-btn li:not(:first-child) a { padding-right: 10px; } + +.list-btn-dropdown { margin: -22px -30px; } + +.list-btn-dropdown > li { display: inline-block; margin: 18px 30px; } + +.list-btn-dropdown > li a { min-width: 200px; } + +.list-btn-dropdown > li a i { position: absolute; font-size: 20px; top: 0; right: 30px; line-height: 42px; } + +.list-inline { display: inline-flex; } + +@media (min-width: 576px) { .list li { font-size: 15px; } } + +/** 03.05 Form */ +input ~ .error, textarea ~ .error, select ~ .error { position: absolute; right: -10px; top: -15px; background: #e6604a; color: #fff; font-size: 11px; line-height: 18px; padding: 2px 10px; border-radius: 2px; z-index: 9; white-space: nowrap; } + +input ~ .error:after, textarea ~ .error:after, select ~ .error:after { position: absolute; content: ''; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid #e6604a; border-bottom: 5px solid transparent; bottom: -5px; left: 3px; } + +.tc-light input ~ .error, .tc-light textarea ~ .error, .tc-light select ~ .error { background: #e6604a; color: #fff; box-shadow: none; } + +.tc-light input ~ .error:after, .tc-light textarea ~ .error:after, .tc-light select ~ .error:after { border-right-color: #e6604a; } + +input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(40, 56, 76, 0.6); } + +.tc-light .bg-light input::-webkit-input-placeholder, .tc-light .bg-light-alt input::-webkit-input-placeholder, .tc-light .bg-white input::-webkit-input-placeholder, .tc-light .bg-light textarea::-webkit-input-placeholder, .tc-light .bg-light-alt textarea::-webkit-input-placeholder, .tc-light .bg-white textarea::-webkit-input-placeholder { color: rgba(40, 56, 76, 0.6); } + +.tc-light input::-webkit-input-placeholder, .tc-light textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(40, 56, 76, 0.6); } + +.tc-light .bg-light input::-moz-placeholder, .tc-light .bg-light-alt input::-moz-placeholder, .tc-light .bg-white input::-moz-placeholder, .tc-light .bg-light textarea::-moz-placeholder, .tc-light .bg-light-alt textarea::-moz-placeholder, .tc-light .bg-white textarea::-moz-placeholder { color: rgba(40, 56, 76, 0.6); } + +.tc-light input::-moz-placeholder, .tc-light textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(40, 56, 76, 0.6); } + +.tc-light .bg-light input:-ms-input-placeholder, .tc-light .bg-light-alt input:-ms-input-placeholder, .tc-light .bg-white input:-ms-input-placeholder, .tc-light .bg-light textarea:-ms-input-placeholder, .tc-light .bg-light-alt textarea:-ms-input-placeholder, .tc-light .bg-white textarea:-ms-input-placeholder { color: rgba(40, 56, 76, 0.6); } + +.tc-light input:-ms-input-placeholder, .tc-light textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-moz-placeholder, textarea:-moz-placeholder { color: rgba(40, 56, 76, 0.6); } + +.tc-light .bg-light input:-moz-placeholder, .tc-light .bg-light-alt input:-moz-placeholder, .tc-light .bg-white input:-moz-placeholder, .tc-light .bg-light textarea:-moz-placeholder, .tc-light .bg-light-alt textarea:-moz-placeholder, .tc-light .bg-white textarea:-moz-placeholder { color: rgba(40, 56, 76, 0.6); } + +.tc-light input:-moz-placeholder, .tc-light textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +.field-item { position: relative; padding-bottom: 15px; } + +.field-wrap { position: relative; } + +.field-wrap + p { margin-top: .75rem; } + +.field-wrap .btn + .form-results:not(:empty) { margin-top: 30px; } + +.field-wrap .label-inline { padding-left: 25px; line-height: normal; } + +.has-rtl .field-wrap .label-inline { padding-left: 0; padding-right: 25px; } + +.field-wrap .label-inline .icon { font-size: 20px; color: #adb2be; } + +.field-label { font-size: 12px; font-weight: 700; letter-spacing: 0.2em; } + +.field-label-line { position: absolute; width: 100%; top: 10px; font-size: 0.94rem; font-weight: 400; letter-spacing: normal; left: 0; color: rgba(40, 56, 76, 0.6); z-index: 1; transition: all .5s ease; transform-origin: left; } + +.tc-light .field-label-line { color: #fff; } + +.field-item-center .field-label-line { transform-origin: center; } + +.field-inline { border-radius: 6px; display: flex; } + +.field-inline input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } + +.field-inline.field-split .btn:not(.btn-round) { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; } + +.wgs-search .field-inline.field-split .btn:not(.btn-round) { height: auto; } + +.field-inline .field-wrap { flex-grow: 1; } + +.field-inline .submit-wrap .btn { width: 100%; } + +.field-inline + .form-results.alert { width: 100%; margin-top: 15px; } + +.field-inline-s2 { padding: 10px; display: block; } + +.field-inline-s2 .btn { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + +.field-inline-s2-sm { padding: 5px; } + +.field-inline-s2 input { text-align: center; } + +@media (max-width: 575px) { .field-inline-s2 input { margin-bottom: 5px; } } + +.field-inline-s3 .btn-light { color: #46bdf4 !important; } + +.field-inline-s4 { align-items: center; } + +.field-inline-s4 .input-solid { background: rgba(255, 255, 255, 0.2); } + +.field-inline-s4 .field-wrap { margin-right: -50px; } + +.field-inline-round { border-radius: 50px; } + +.field-inline-round .input-solid { padding-left: 30px; } + +.input-solid { background: none; border: none; width: 100%; padding: 15px 20px; line-height: 23px; } + +.tc-light .input-solid { color: #fff; } + +.tc-light .bg-light .input-solid, .tc-light .bg-light-alt .input-solid, .tc-light .bg-white .input-solid { color: #28384c; } + +.input-solid-md { padding: 12px 20px; line-height: 22px; } + +.input-solid-lg { padding: 20px 20px; } + +.input-solid:focus { outline: none; } + +.input-line { position: relative; z-index: 2; background: transparent; border: none; width: 100%; font-size: 15px; line-height: 19px; padding: 16px 0 8px; color: #28384c; border-bottom: 1px solid #dbe4f7; outline: none; transition: all .4s; } + +.tc-light .input-line { color: #fff; border-bottom-color: rgba(219, 228, 247, 0.3); } + +.input-line:focus { border-bottom-color: #46bdf4; } + +.field-item-center .input-line { text-align: center; } + +.input-textarea { height: 105px; resize: none; outline: none; } + +.input-textarea ~ .field-label-line { top: 73px; } + +.input-focused .field-label-line { left: 0; top: -10px; transform: scale(0.7); } + +.input-bordered { border-radius: 6px; border: 1px solid #dbe4f7; width: 100%; padding: 10px 15px; line-height: 21px; font-size: .9em; color: #28384c; transition: all .4s; background-color: transparent; } + +.input-bordered-lg { padding: 13px 20px; } + +.input-bordered-lg-s1 { padding: 17px 20px; } + +.tc-light .field-inline-s3 .input-bordered { border-color: rgba(255, 255, 255, 0.5); } + +.field-inline-s3 .input-bordered { border-width: 2px; border-right-width: 0 !important; } + +.field-item-s2 .input-bordered { border: 2px solid #d1e0f6; background: transparent; } + +.tc-light .input-bordered { color: #8284a5; background: #14163d; border-color: rgba(255, 255, 255, 0.25); } + +.tc-light .input-bordered:focus { border-color: rgba(255, 255, 255, 0.45); } + +.input-bordered:focus { box-shadow: none; outline: none; border-color: #b7bee3; } + +.input-bordered:disabled { background: rgba(219, 228, 247, 0.2); } + +.input-switch { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-switch ~ label:not(.error) { line-height: 20px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; padding-left: 48px; min-height: 30px; min-width: 48px; border-radius: 12px; margin-bottom: 0; display: flex; align-items: center; position: relative; font-size: 14px; color: #28384c; } + +.input-switch ~ label:not(.error).no-text { padding-left: 56px; } + +.input-switch ~ label:not(.error):before, .input-switch ~ label:not(.error):after { position: absolute; content: ''; transition: all .4s; } + +.input-switch ~ label:not(.error):before { left: 0; top: 50%; transform: translateY(-50%); height: 20px; width: 40px; border-radius: 15px; background: #d3e0f3; } + +.input-switch ~ label:not(.error):after { left: 2px; top: 50%; transform: translateY(-50%); height: 16px; width: 16px; border-radius: 50%; background: #fff; } + +.input-switch ~ label:not(.error) span { transition: all .4s; opacity: 1; } + +.input-switch ~ label:not(.error) span.over { position: absolute; left: 48px; } + +.input-switch ~ label:not(.error) span:last-child { opacity: 0; } + +.input-switch:disabled ~ label { opacity: .5; } + +.input-switch:checked ~ label:before { background: #46bdf4; } + +.input-switch:checked ~ label:after { left: 22px; } + +.input-switch:checked ~ label span { opacity: 0; } + +.input-switch:checked ~ label span:last-child { opacity: 1; } + +.input-switch ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-checkbox, .input-radio { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-checkbox ~ label:not(.error), .input-radio ~ label:not(.error) { position: relative; padding-left: 28px; line-height: 20px; font-size: 14px; cursor: pointer; margin-bottom: 0; } + +.input-checkbox ~ label:not(.error):before, .input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { position: absolute; left: 0; top: 0; height: 20px; width: 20px; line-height: 20px; text-align: center; content: ''; background-color: transparent; border-radius: 3px; } + +.input-checkbox ~ label:not(.error):before, .input-radio ~ label:not(.error):before { border: 2px solid #dbe4f7; } + +.input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; background-color: #46bdf4; color: #fff; opacity: 0; transition: all .4s; } + +.input-checkbox:checked ~ label:not(.error):after, .input-radio:checked ~ label:not(.error):after { opacity: 1; } + +.input-checkbox ~ .error, .input-radio ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { border-radius: 50%; } + +@media (min-width: 576px) { .field-item { padding-bottom: 30px; } + .field-inline .btn-md { line-height: 23px; } } + +@media (min-width: 768px) { .field-inline .submit-wrap .btn { width: auto; height: 100%; } + .field-inline-s2 { display: flex; } + .field-inline-s2 input { text-align: left; } } + +.select2-container.select2 { width: 100% !important; } + +.select2-container .select2-selection { position: relative; } + +.select2-container .select2-selection:focus { outline: none; } + +.select2-container .select2-selection .select2-selection__rendered { color: rgba(40, 56, 76, 0.6); font-size: 0.94rem; } + +.select2-container .select2-selection .select2-selection__arrow { position: absolute; top: 0; right: 0; height: 100%; width: 40px; } + +.select2-container .select2-selection .select2-selection__arrow:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; font-family: "themify"; content: '\e64b'; text-align: center; line-height: 20px; padding: 10px 0; font-size: .88rem; } + +.select2-container .select2-dropdown { border-color: #dbe4f7 !important; } + +.select2-container.select-line .select2-selection { height: 44px; line-height: 20px; padding: 16px 40px 8px 0; border-bottom: 1px solid #dbe4f7; } + +.select2-container.select-line .select2-selection .select2-selection__rendered { padding-left: 0; } + +.select2-container.select-line .select2-selection .select2-selection__arrow:after { padding: 16px 0 8px; } + +.select2-container.select-bordered .select2-selection { height: 42px; line-height: 20px; padding: 10px 40px 10px 0; border: 1px solid #dbe4f7; border-radius: 6px; } + +.select2-container.select-bordered .select2-selection .select2-selection__rendered { padding-left: 15px; } + +.select2-container.select-bordered.select-lg .select2-selection { height: 50px; border: 2px solid #dbe4f7; padding: 13px 40px 13px 10px; min-width: 146px; } + +.select2-container--below.select2-container--open.select-bordered .select2-selection--single { border-radius: 6px 6px 0 0; } + +.select2-container--above.select2-container--open.select-bordered .select2-selection--single { border-radius: 0 0 6px 6px; } + +.select2-container.select-lg .select2-selection .select2-selection__arrow:after { padding: 13px 0; } + +.select2-container.select-lg .select2-selection .select2-selection__rendered { color: #12183a; font-size: 1rem; } + +.select2-search { display: none; } + +.select2-results { padding: 5px 0; } + +.select2-results__option { padding: 6px 15px; font-size: .88rem; transition: all .4s; max-height: 180px; } + +.select2-results__option[aria-selected="true"], .select2-results__option:hover { background: #dbe4f7; } + +.select-line.select2-container--open .select2-dropdown--above { border-bottom: 1px solid #dbe4f7 !important; } + +.submit-wrap { margin-left: -3px; } + +.submit-wrap-s2 { margin: -4px 0; } + +.submit-wrap-s2 .btn { border-radius: 5px !important; } + +.btn-auto-lg { font-size: 20px; } + +@media (min-width: 992px) { .select2-container.select-bordered.select-lg .select2-selection { min-width: 255px; } } + +@media (max-width: 400px) { .field-inline-wrap { flex-wrap: wrap; } + .field-inline-wrap .submit-wrap { margin-left: auto; margin-right: auto; margin-top: 10px; } } + +/**/ +/** 03.06 Table */ +.table { color: inherit; } + +.table td { border-top: none; padding: 18px 0; font-size: 1rem; line-height: 1.5rem; } + +.table tr { border-bottom: 1px solid rgba(70, 189, 244, 0.2); } + +.table tr:last-child { border-bottom: none; } + +.table-head { font-weight: 500; color: #46bdf4; } + +.table-token { margin-bottom: 5px; } + +.table-token .table-head { padding-bottom: 2px; } + +.table-token .table-des { padding-top: 2px; } + +.table-token-s1 { border: 1px solid rgba(209, 224, 246, 0.7); border-collapse: separate; border-radius: 6px; margin-bottom: 0; } + +.tc-light .table-token-s1 { border-color: rgba(255, 255, 255, 0.1); } + +.table-token-s1 tr:nth-child(odd) td:first-child { background: #eff8ff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:first-child { background: #0b0c22; } + +.table-token-s1 tr:nth-child(odd) td:last-child { background: #fff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:last-child { background: #09091a; } + +.table-token-s1 tr:nth-child(even) td:first-child { background: #e7f3ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:first-child { background: #111335; } + +.table-token-s1 tr:nth-child(even) td:last-child { background: #f7f9ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:last-child { background: #0d0f2a; } + +.table-token-s1 tr:first-child td:first-child { border-top-left-radius: 6px; } + +.table-token-s1 tr:first-child td:last-child { border-top-right-radius: 6px; } + +.table-token-s1 tr:last-child td:first-child { border-bottom-left-radius: 6px; } + +.table-token-s1 tr:last-child td:last-child { border-bottom-right-radius: 6px; } + +.table-token-s1 tr td { width: 48%; font-weight: 500; font-size: 0.93rem; line-height: 24px; padding: 12px !important; padding-left: 18px !important; color: #28384c; } + +.tc-light .table-token-s1 tr td { color: #fff; } + +.table-token-s1 tr td:last-child { color: #46bdf4; font-weight: 400; font-size: 0.88rem; } + +.tc-light .table-token-s1 tr td:last-child { color: rgba(255, 255, 255, 0.6); } + +.table-bordered td { padding-left: 20px; padding-right: 20px; border: 1px solid rgba(70, 189, 244, 0.2); } + +@media (min-width: 576px) { .table-token { margin-bottom: 1rem; display: table; } + .table-token tbody { display: table-row-group; } + .table-token tr { display: table-row; } + .table-token td { display: table-cell; } + .table-token .table-head, .table-token .table-des { padding: 18px 0; } } + +/** 03.07 Progress */ +.progress-list { margin-top: .8rem; } + +.progress-wrap { margin-bottom: 1rem; } + +.progress-wrap:last-child:not(:only-child) { margin-bottom: 0; } + +.progress-wrap-point { margin-bottom: 55px; } + +.progress-wrap-point-s1 { margin-bottom: 30px; margin-top: 50px; } + +.progress-title { text-transform: uppercase; font-size: 0.75rem; font-weight: 500; display: flex; justify-content: space-between; padding-bottom: .4rem; } + +.progress-amount { font-weight: 400; } + +.progress-bar { position: relative; width: 100%; height: 20px; border-radius: 4px; background: rgba(70, 189, 244, 0.2); } + +.progress-bar .progress-percent { border-radius: 4px; } + +.progress-bar-xs { height: 6px; border-radius: 2px; } + +.progress-bar-xs .progress-percent { border-radius: 2px; border: none; } + +.progress-bar-sm { height: 15px; border-radius: 2px; } + +.progress-bar-md { height: 24px; border-radius: 3px; } + +.progress-bar-md .progress-percent { padding: 3px 0; } + +.progress-bar-s1 { padding: 6px; width: 100%; background: #fff; border-radius: 16px; height: auto; } + +.progress-bar-s2.bar-round { border-radius: 30px; } + +.progress-bar-s2.bar-round .progress-percent { border-radius: 30px; } + +.progress-bar-s2 .progress-percent { top: 3px; left: 3px; bottom: 3px; right: 3px; border: none; } + +.progress-bar-s2 .progress-percent:after { display: none; } + +.progress-percent { position: absolute; top: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 12px; background: #46bdf4; } + +.progress-percent-s2 { z-index: 2; } + +.progress-percent-s2:after { position: absolute; content: ''; top: 50%; right: 0; height: 18px; width: 18px; border-radius: 50%; border: 2px solid #fff; background: #46bdf4; transform: translate(50%, -50%); } + +.progress-percent-s1 { position: relative; max-height: 20px; border: none; min-height: 20px; border-radius: 20px !important; } + +.progress-percent-s3 { border: none; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } + +.progress-info { display: block; font-size: 16px; color: #8284a5; padding: 12px 0 22px; } + +.progress-info span { font-weight: 500; font-size: 18px; color: #2b56f5; } + +.progress-info-s2 { font-size: 12px; text-transform: uppercase; padding: 0 0 17px; } + +.progress-info-s2 span { font-size: 14px; text-transform: capitalize; color: #fff; } + +.progress-point { color: #8284a5; font-size: 11px; line-height: 14px; font-weight: 500; text-transform: uppercase; position: absolute; top: 30px; transform: translateX(-50%); padding: 3px 0; } + +.progress-point:after { position: absolute; bottom: 100%; left: 50%; margin-left: -1px; content: ''; width: 2px; height: 40px; background: rgba(193, 206, 241, 0.5); } + +.progress-bar-md .progress-point { top: 40px; font-size: 14px; font-weight: 400; text-transform: capitalize; } + +.progress-bar-md .progress-point:after { bottom: calc(100% + 10px); height: 30px; } + +.progress-point span { display: block; font-size: 12px; color: #46bdf4; } + +.progress-point-s1 { top: -35px; } + +.progress-point-s1:after { bottom: auto; top: 100%; height: 30px; } + +.progress-point-1 { left: 25%; } + +.progress-point-2 { left: 85%; } + +.progress-points { padding-top: 10px; display: flex; justify-content: space-between; } + +ul.progress-info { display: flex; justify-content: space-between; } + +@media (min-width: 576px) { .progress-bar-md { height: 36px; } + .progress-percent { font-size: 14px; } + .progress-wrap-point { margin-bottom: 78px; } + .progress-wrap-point-s1 { margin-bottom: 30px; } + .progress-bar-md .progress-point { top: 60px; } + .progress-bar-md .progress-point:after { height: 50px; } } + +/** 03.08 CountDown */ +.countdown { display: flex; justify-content: space-around; margin: 0 -5px; } + +.countdown-small { justify-content: flex-start; margin: 0 -20px; } + +.countdown-s2 { margin: 0; justify-content: space-between; } + +.countdown-s3 { margin: 0 -16px 0 -25px; } + +.countdown-s4 { margin: 0; } + +.countdown-md { padding-bottom: 35px; } + +.countdown-item { padding: 0 5px; } + +.countdown-s2 .countdown-item { padding: 0; } + +.countdown-s3 .countdown-item { flex-grow: 1; } + +.countdown-s3.countdown-small .countdown-item, .countdown-s3-alt .countdown-item { flex-grow: 0; width: auto; } + +.countdown-s4 .countdown-item, .countdown-s5 .countdown-item { width: 100%; } + +.countdown-wd .countdown-item { flex-grow: 0; width: 100%; } + +.countdown-md .countdown-item { width: 80px; } + +.countdown-wd { text-align: center; } + +.countdown-time { position: relative; height: 54px; width: 54px; border-radius: 50%; border: 2px solid #46bdf4; text-align: center; line-height: 50px; display: block; } + +.countdown-s2 .countdown-time { border-radius: 6px; background-color: #0b0c22; border-color: transparent; font-size: 1.4rem; font-weight: 500; color: #fff; } + +.countdown-s3 .countdown-time { border-radius: 0; border: none; font-size: 2.8125rem; line-height: 50px; font-weight: 700; height: 50px; width: 100%; color: #10122d; } + +.tc-light .countdown-s3 .countdown-time { color: #fff; } + +.countdown-s3 .countdown-time:after { position: absolute; top: calc(50% - 3px); right: -6px; transform: translate(50%, -50%); content: ':'; } + +.countdown-s3 .countdown-time-last:after { display: none; } + +.countdown-s3-alt .countdown-time { font-size: 1.875rem; padding: 0 20px; font-weight: 300; height: 38px; line-height: 38px; margin-bottom: 0.5rem; } + +.countdown-s3.countdown-small .countdown-time { font-size: 1rem; line-height: 24px; height: 24px; text-align: left; padding: 0 20px; } + +.countdown-s4 .countdown-time { font-size: 2rem; } + +.countdown-s4 .countdown-time, .countdown-thin .countdown-time { font-weight: 300; } + +.tc-light .countdown-s5 .countdown-time { color: #46bdf4; } + +.countdown-md .countdown-time { font-size: 2rem; line-height: normal; font-weight: 400; height: auto; } + +.countdown-text { display: block; font-weight: 500; font-size: 12px; letter-spacing: 0.01em; padding-top: 8px; text-align: center; } + +.tc-light .countdown-text { color: #8284a5; } + +.countdown-s2 .countdown-text { text-transform: uppercase; font-weight: 400; } + +.tc-light .countdown-s2 .countdown-text { color: #46bdf4; } + +.countdown-s3 .countdown-text { text-transform: uppercase; } + +.tc-light .countdown-s3 .countdown-text { color: #8284a5; } + +.countdown-s3-alt .countdown-text { text-transform: capitalize; padding-top: 0; font-weight: 400; } + +.countdown-s3.countdown-small .countdown-text { text-align: left; padding: 0 22px; } + +.countdown-s4 .countdown-text { text-transform: capitalize; padding-top: 0; } + +.tc-light .countdown-s5 .countdown-text { color: #46bdf4; } + +.countdown-md .countdown-text { font-weight: 400; padding-top: 2px; } + +.status-countdown { overflow: hidden; } + +@media (min-width: 420px) { .countdown-time { height: 64px; width: 64px; line-height: 60px; } } + +@media (min-width: 576px) { .status-countdown { min-width: 290px; } + .countdown-large .countdown-time { font-size: 3.5rem; } + .countdown-large .countdown-time:after { font-size: 2.5rem; } } + +@media (min-width: 768px) { .countdown-wd .countdown .item { width: 100%; } + .countdown-xxl .countdown-time { font-size: 5.5rem; } + .countdown-xl .countdown-time { font-size: 4rem; } + .countdown-xl.countdown-s2 .countdown-time { width: 123px; height: 123px; line-height: 123px; border-radius: 4px; } + .countdown-xxl .countdown-text { padding-top: 30px; } + .countdown-s3-lg { margin: 0 -38px; } } + +@media (min-width: 992px) { .countdown-s4 .countdown-time { font-size: 2rem; } + .countdown-large .countdown-time { font-size: 3.5rem; } } + +@media (min-width: 1200px) { .countdown-s4 .countdown-time { font-size: 2.9rem; } + .countdown-large .countdown-time { font-size: 3.6rem; } } + +/** 03.09 Toastr */ +/* Toastr */ +#toast-container { position: fixed; z-index: 999999; margin-top: 22px; margin-bottom: 16px; } + +#toast-container .toast { opacity: 1; } + +.toast-top-center { top: 0; right: 0; width: 100%; } + +.toast-bottom-center { bottom: 0; right: 0; width: 100%; } + +.toast-top-full-width { top: 0; right: 0; width: 100%; } + +.toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } + +.toast-top-left { top: 0; left: 16px; } + +.toast-top-right { top: 0; right: 16px; } + +.toast-bottom-right { right: 16px; bottom: 0; } + +.toast-bottom-left { bottom: 0; left: 16px; } + +.toast-top-center > div, .toast-bottom-center > div { width: 650px; max-width: 90%; margin-left: auto; margin-right: auto; } + +.toast-top-full-width > div, .toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } + +.toast { background: #fff; color: #fff; overflow: hidden; margin: 0 0 8px; padding: 15px 51px 15px 15px; width: 300px; border-radius: 5px; border: none; display: flex; align-items: center; box-shadow: 0px 2px 18px 2px rgba(18, 24, 58, 0.25); background: #08091b; position: relative; } + +.toast-close-button { cursor: pointer; position: absolute; text-align: left; right: 15px; text-indent: -9999em; overflow: hidden; background: none; border-radius: 50%; border: none; height: 36px; width: 36px; transition: all .3s; } + +.toast-close-button:after { position: absolute; content: '\e646'; font-family: 'themify'; top: 0; right: -1px; text-indent: 0; display: block; font-size: 13px; line-height: 38px; height: 36px; width: 36px; text-align: center; color: #fff; transition: all .3s; } + +.toast-close-button:hover, .toast-close-button:focus { background: rgba(239, 246, 255, 0.15); box-shadow: none; outline: none; } + +.toast-message { position: relative; flex-grow: 1; font-size: 13px; line-height: 17px; display: flex; align-items: center; padding-left: 10px; min-height: 30px; } + +.toast-message-icon { display: inline-block; font-size: 14px; margin-right: 15px; margin-left: -10px; text-align: center; height: 30px; width: 30px; line-height: 30px; border-radius: 50%; } + +.toast-message-icon.ti-alert:before { position: relative; top: -2px; } + +.toast-info .toast-message-icon { background: #026bfb; } + +.toast-warning .toast-message-icon { background: #f6be26; } + +.toast-success .toast-message-icon { background: #39d884; } + +.toast-error .toast-message-icon { background: #e6604a; } + +@media (min-width: 576px) { .toast-message { font-size: 14px; line-height: 18px; } } + +/** 03.10 Misc */ +.img-xs { height: 40px; width: 40px; } + +.text-thumb { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; font-weight: 500; letter-spacing: 0.1em; border: 2px solid #fff; background: #46bdf4; } + +.text-thumb-xs { height: 40px; width: 40px; } + +.icon { display: inline-block; } + +.icon-lg { font-size: 50px; } + +.icon-round { display: inline-block; text-align: center; border-radius: 50%; background: rgba(70, 189, 244, 0.1); } + +.icon-round.icon-lg { height: 90px; width: 90px; line-height: 90px; } + +.icon-circle { display: inline-flex; align-items: center; justify-content: center; height: 38px; width: 38px; border-radius: 50%; } + +.icon-circle-md { height: 50px; width: 50px; } + +.icon-border { border: 1px solid #8284a5; } + +.icon-animation { position: relative; } + +.icon-animation:after { position: absolute; content: ""; top: -8px; right: -8px; bottom: -8px; left: -8px; border-radius: 50%; border: 1px solid #8284a5; animation: 1s ease 0s normal none infinite running playbutton; } + +.icon-list li { display: inline-block; margin: 0 5px; } + +.icon-currency-list { display: flex; justify-content: center; align-items: center; } + +.icon-bg { min-width: 40px; min-height: 40px; background: #8c8c8c; color: #fff; text-align: center; line-height: 40px; font-size: 1.7rem; border-radius: 50%; margin-right: 8px; } + +.has-rtl .icon-bg { margin-right: 0; margin-left: 8px; } + +.icon-bg-md { min-height: 32px; min-width: 32px; line-height: 32px; font-size: 1.5rem; } + +.icon-bg-lg { min-width: 60px; min-height: 60px; line-height: 60px; font-size: 2rem; } + +.icon-bg-xl { min-width: 92px; min-height: 92px; line-height: 92px; font-size: 4rem; } + +.icon-bg-eth { background: #61688f; } + +.icon-bg-btc { background: #f9931a; } + +.icon-bg-ltc { background: #838383; } + +.icon-bg-dash { background: #3573c0; } + +.icon-bg-xrp { background: #1c1c1c; } + +.icon-bg-xmr { background: #ff9f17; } + +.toggle-wrap { position: relative; } + +.toggle-tigger { display: inline-block; } + +.toggle-tigger.btn { display: inline-flex; } + +.toggle-class { visibility: hidden; opacity: 0; transition: all .4s; } + +.toggle-class.active { visibility: visible; opacity: 1; } + +.toggle-drop { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: -10px; z-index: 9; } + +.toggle-drop-left { left: 0; transform: translateX(0); } + +.toggle-drop-right { left: auto; right: 0; transform: translateX(0); } + +.toggle-drop-top { bottom: 100%; top: auto; margin-bottom: 10px; } + +.toggle-drop.active { margin-top: 0; margin-bottom: 0; } + +@media (max-width: 991px) { .toggle-class-lg { position: static; margin-top: 0; display: block; visibility: visible; opacity: 1; } + .toggle-wrap-nav { width: 100%; display: flex; } + .toggle-wrap-nav .toggle-class-lg { margin-left: 20px; flex-grow: 1; } + .toggle-wrap-nav .toggle-class-lg .drop-list { max-width: 100%; } } + +.drop-wrap { position: relative; } + +.drop-list { min-width: 160px; max-width: 160px; background: #fff; padding: 10px 0; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); } + +.drop-list a { font-size: 13px; line-height: 18px; color: #28384c; padding: 7px 20px; display: block; position: relative; } + +.drop-list a .badge { margin-left: 5px; position: relative; top: -1px; } + +.tc-light:not(.btn) .drop-list a { color: #28384c; } + +.drop-list a:hover { color: #46bdf4; } + +.drop-list-xs { min-width: 60px; max-width: 60px; } + +.drop-list-xs a { padding: 7px 8px; } + +.drop-list-mb { min-width: 80px; max-width: 80px; } + +.drop-list-mb a { padding: 7px 14px; } + +.drop-list-sm { min-width: 110px; max-width: 110px; } + +.drop-list-full { min-width: 100%; max-width: 100%; } + +.drop-list-center { text-align: center; } + +.breadcumb { margin: 0 -13px; } + +.breadcumb li { display: inline-block; padding: 0 15px; font-size: .75rem; line-height: 18px; position: relative; color: #28384c; } + +.breadcumb li:not(:last-child):after { position: absolute; top: 0; right: -3px; content: '-'; line-height: 18px; color: #46bdf4 !important; } + +.breadcumb li a { color: #46bdf4 !important; } + +.breadcumb li a:hover:not([class]) { color: #2b56f5 !important; } + +.preloader { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; } + +.preloader:before, .preloader:after { position: absolute; left: 0; height: 51%; width: 100%; transition: all .6s ease; background: #fff; content: ''; } + +.preloader:before { top: 0; } + +.page-loaded .preloader:before { transform: translate(0, -100%); } + +.preloader:after { bottom: 0; } + +.page-loaded .preloader:after { transform: translate(0, 100%); } + +.preloader.no-default { background-color: #0b0c22; } + +.page-loaded .preloader.no-default:before, .page-loaded .preloader.no-default:after { transform: translate(0, 0); } + +.preloader.no-default:before, .preloader.no-default:after { position: absolute; top: 0; left: 0; height: 100%; transition: all .6s; background-color: #0b0c22; } + +.preloader-alt:after, .preloader-alt:before { background: #10122d; } + +.page-loaded .preloader.no-split:before, .page-loaded .preloader.no-split:after { transform: translate(0, 0); } + +.spinner { display: block; position: relative; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; z-index: 1001; } + +.spinner-round { border-radius: 50%; border: 2px solid transparent; border-top-color: #46bdf4; animation: spin 2s linear infinite; } + +.spinner-round:before, .spinner-round:after { content: ""; position: absolute; border-radius: 50%; border: 3px solid transparent; } + +.spinner-round:before { top: 5px; left: 5px; right: 5px; bottom: 5px; border-top-color: #2b56f5; animation: spin 3s linear infinite; } + +.spinner-round:after { top: 15px; left: 15px; right: 15px; bottom: 15px; border-top-color: #0b0c22; animation: spin 1.5s linear infinite; } + +.spinner-alt { border-radius: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; } + +.spinner-alt:after, .spinner-alt:before { content: ""; position: absolute; border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; } + +.spinner-alt:before { border: 1px solid rgba(255, 255, 255, 0.1); } + +.spinner-alt:after { border: 1px solid; border-top-color: #fff; border-right-color: transparent; border-left-width: 0; border-bottom-width: 0; animation: spin 1.5s linear infinite; } + +.spinner-alt.load-done { transition: all .4s; transform: scale(3); opacity: 0; border-color: transparent; } + +.spinner-alt.load-done:after, .spinner-alt.load-done:before { opacity: 0; } + +.spinner-alt.spinner-light { border: 1px solid rgba(10, 16, 21, 0.1); } + +.spinner-alt.spinner-light:after { border-top-color: #0a1015; } + +.spinner-brand { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100px; } + +@keyframes spin { 0% { -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); } } + +.text-zoom { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; text-transform: uppercase; font-weight: 700; height: 100px; width: 100px; } + +.text-item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } + +.text-item:nth-child(2) > * { animation-delay: 1s; } + +.text-item:nth-child(3) > * { animation-delay: 2s; } + +.text-item:nth-child(4) > * { animation-delay: 3s; } + +.text-item:nth-child(5) > * { animation-delay: 4s; } + +.text-item:nth-child(6) > * { animation-delay: 5s; } + +.text-item:nth-child(7) > * { animation-delay: 6s; } + +.text-item:nth-child(8) > * { animation-delay: 7s; } + +.text-item:nth-child(9) > * { animation-delay: 8s; } + +.text-small, .text-large { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; opacity: 0; } + +.text-small { color: #97afd5; z-index: 2; font-size: 60px; animation: textzoom9 9s linear infinite; } + +.text-large { color: #19243e; z-index: 0; font-size: 120px; animation: textzoom9l 9s linear infinite; } + +@keyframes textzoom9 { 0% { transform: translate(-50%, -50%) scale(0); + opacity: 0; } + 6% { transform: translate(-50%, -50%) scale(1); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.3); + opacity: 0; } } + +@keyframes textzoom9l { 0% { transform: translate(-50%, -50%) scale(0.2); + opacity: 0; } + 8% { transform: translate(-50%, -50%) scale(1.2); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.7); + opacity: 0; } } + +.modal-dialog-bottom { display: flex; align-items: flex-end; min-height: calc(100% - (.5rem * 2)); } + +.modal.fade .modal-dialog-bottom { -webkit-transform: translate(0, 25%); transform: translate(0, 25%); } + +.modal.show .modal-dialog-bottom { -webkit-transform: translate(0, -30px); transform: translate(0, -30px); } + +.modal-content { background: none; border: none; margin-left: auto; margin-right: auto; width: auto; max-width: 100%; } + +.modal-body { background: #fff; border-radius: 6px; } + +.modal-close { position: absolute; cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 39px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #28384c; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(40, 56, 76, 0.2); } + +.mfp-close-btn-in .mfp-close { cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 37px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #28384c !important; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(40, 56, 76, 0.2); transition: all .4s; } + +.mfp-close-btn-in .mfp-close:hover { text-decoration: none; color: #46bdf4 !important; } + +.tc-light .mfp-close-btn-in .mfp-close:hover { color: #46bdf4 !important; } + +.image-popup .mfp-close { cursor: pointer; top: 22px; right: -18px; } + +.owl-nav { margin: 0 -10px 0; padding-top: 40px; } + +.carousel-nav-s1 .owl-nav { padding-top: 0px; } + +.carousel-nav-center .owl-nav { display: flex; justify-content: center; } + +.owl-nav button { border: 1px solid #a2b4d2 !important; border-radius: 50% !important; height: 40px; width: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 0 10px; transition: all .4s; } + +.carousel-nav-s1 .owl-nav button { border-width: 0 !important; margin: 0; } + +.owl-nav button:focus { box-shadow: none; outline: none; } + +.owl-nav button.disabled { opacity: 0.4; } + +.owl-nav button:after { font-family: "themify"; font-size: 1rem; } + +.carousel-nav-s1 .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.carousel-nav-light .owl-nav { color: #fff; } + +.owl-prev:after { content: '\e64a'; } + +.owl-rtl .owl-prev:after { content: '\e649'; } + +.carousel-nav-s1 .owl-prev:after { content: '\f060'; } + +.carousel-nav-s1.owl-rtl .owl-prev:after { content: '\f061'; } + +.owl-next:after { content: '\e649'; } + +.owl-rtl .owl-next:after { content: '\e64a'; } + +.carousel-nav-s1 .owl-next:after { content: '\f061'; } + +.carousel-nav-s1.owl-rtl .owl-next:after { content: '\f060'; } + +.owl-dot { height: 6px; width: 12px; border-radius: 3px; display: inline-block; margin: 0 4px; transition: all .4s ease; background: rgba(70, 189, 244, 0.3) !important; } + +.owl-dot.active { background: rgba(70, 189, 244, 0.8) !important; width: 20px; } + +.owl-dot:focus { outline: none; } + +.owl-dots { text-align: center; } + +.carousel-shadow-fix .owl-stage-outer { margin: 0 -30px; margin-top: -20px; padding-left: 40px; } + +.carousel-shadow-fix.feature-carousel-center .owl-stage-outer { padding-left: 30px; } + +.carousel-shadow-fix.owl-rtl .owl-stage-outer { padding-left: 0; padding-right: 30px; } + +.carousel-shadow-fix .owl-item { padding: 20px 0 40px; } + +.carousel-shadow-fix .owl-item > div { transition: all .4s; opacity: 0; } + +.carousel-shadow-fix .owl-item.active > div { opacity: 1; } + +.carousel-shadow-fix .owl-item:not(.active) [class*='shadow'] { box-shadow: none !important; } + +.carousel-shadow-fix .owl-item .feature { margin-bottom: 0; } + +.ovm-line { position: relative; width: 64%; max-width: 1280px; height: 100%; margin-left: auto; margin-right: auto; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } + +.ovm-line:before, .ovm-line:after { position: absolute; content: ''; height: 100%; top: 0; left: 50%; transform: translateX(-50%); } + +.ovm-line:before { width: 1px; background: rgba(255, 255, 255, 0.05); } + +@media (min-width: 992px) { .ovm-line:after { width: 50%; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.nk-circle-animation { height: 300px; width: 300px; z-index: 1; } + +.nk-circle-animation + * { position: relative; z-index: 1; } + +.nk-circle-animation:before, .nk-circle-animation:after { position: absolute; content: ''; border: 4px solid rgba(162, 180, 210, 0.3); border-radius: 50%; } + +.nk-circle-animation:before { top: 0; left: 0; bottom: 0; right: 0; border-top-color: #46bdf4; border-right-color: #46bdf4; animation: rotatecw 30s linear infinite 0s; } + +.nk-circle-animation:after { top: 25px; left: 25px; bottom: 25px; right: 25px; border-top-color: #46bdf4; border-bottom-color: #46bdf4; animation: rotateacw 24s linear infinite 0s; } + +.nk-circle-animation.small:before, .nk-circle-animation.small:after { border-width: 2px; } + +.nk-circle-animation.fast:before { animation: rotatecw 15s linear infinite 0s; } + +.nk-circle-animation.fast:after { animation: rotateacw 10s linear infinite 0s; } + +.nk-circle-animation.white:before { border-top-color: #fff; border-right-color: #fff; } + +.nk-circle-animation.white:after { border-top-color: #fff; border-bottom-color: #fff; } + +.nk-circle-animation.accent-alt:before { border-top-color: #2b56f5; border-right-color: #2b56f5; } + +.nk-circle-animation.accent-alt:after { border-top-color: #2b56f5; border-bottom-color: #2b56f5; } + +.nk-circle-pk { position: relative; height: 565px; width: 640px; } + +.nk-circle-pk [class*="line"] { position: absolute; top: 0; border-radius: 50%; border: 1px solid rgba(70, 189, 244, 0.2); height: 100%; width: calc(100% - 80px); } + +.nk-circle-pk .line-1 { left: 0; } + +.nk-circle-pk .line-2 { left: 20px; } + +.nk-circle-pk .line-3 { left: 45px; } + +.nk-circle-pk .line-4 { left: 65px; } + +.token-status .nk-circle-pk { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } + +@media (min-width: 576px) { .nk-circle-animation { height: 500px; width: 500px; overflow: hidden; } + .nk-circle-animation:after { top: 45px; left: 45px; bottom: 45px; right: 45px; } + .nk-circle-animation.small { height: 400px; width: 400px; } + .nk-circle-animation.small:after { top: 35px; left: 35px; bottom: 35px; right: 35px; } } + +@media (min-width: 992px) { .token-status .nk-circle-pk { display: block; } + .icon-bg { margin-right: 20px; } + .has-rtl .icon-bg { margin-right: 0px; margin-left: 20px; } } + +.circle-animation { position: absolute; height: 700px; width: 700px; top: -75px; left: 50%; transform: translateX(-50%); } + +.circle-animation .ca { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid rgba(40, 56, 76, 0.15); } + +.tc-light .circle-animation .ca { border-color: rgba(255, 255, 255, 0.1); } + +.circle-animation .ca-dot { position: absolute; height: 12px; width: 12px; border-radius: 50%; } + +.circle-animation .ca-color-1 { background: #86cfff; } + +.circle-animation .ca-color-2 { background: #859fff; } + +.circle-animation .ca-color-3 { background: #93a6ba; } + +.circle-animation-l1 { height: 100%; width: 100%; animation: rotatecw_alt 78s linear infinite 0s; } + +.circle-animation-l1-d1 { left: 23%; top: 6.35%; } + +.circle-animation-l1-d2 { right: 23%; top: 6.35%; } + +.circle-animation-l1-d3 { right: -7px; top: 50%; } + +.circle-animation-l1-d4 { right: 23%; bottom: 6.35%; } + +.circle-animation-l1-d5 { left: 23%; bottom: 6.35%; } + +.circle-animation-l1-d6 { left: -7px; top: 50%; } + +.circle-animation-l2 { height: 84.6%; width: 84.6%; border-radius: 50%; animation: rotateacw_alt 66s linear infinite 0s; } + +.circle-animation-l2-d1 { right: 4.9%; top: 25%; } + +.circle-animation-l2-d2 { left: 42%; top: -.6%; } + +.circle-animation-l2-d3 { left: -2px; top: 40%; } + +.circle-animation-l2-d4 { left: 24%; bottom: 5.5%; } + +.circle-animation-l2-d5 { right: 11.2%; bottom: 16%; } + +.circle-animation-l3 { height: 69.2%; width: 69.2%; animation: rotatecw_alt 54s linear infinite 0s; } + +.circle-animation-l3-d1 { left: 7.6%; top: 20%; } + +.circle-animation-l3-d2 { right: 24%; top: 5.2%; } + +.circle-animation-l3-d3 { right: -3px; bottom: 39%; } + +.circle-animation-l3-d4 { right: 37%; bottom: 0; } + +.circle-animation-l3-d5 { left: 8.4%; bottom: 19%; } + +@keyframes rotatecw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(360deg); } } + +@keyframes rotateacw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(-360deg); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.social li { text-align: center; display: inline-block; padding: 0 3px; } + +.social li:first-child { padding-left: 0; } + +.social li a { display: inline-flex; align-items: center; transition: all 0.3s; width: auto; } + +.social li a:hover { opacity: 1; transform: translateX(0); } + +.social li a:hover .social-icon { background: #2b56f5; color: #fff; } + +.tc-light .social li a:hover .social-icon { background: #46bdf4; } + +.social li a:hover .social-icon + span { color: #fff; } + +.social-icon { width: 32px; height: 32px; line-height: 32px; border-radius: 50%; transition: 0.3s; color: #28384c; background: #fff; } + +.tc-light .social-icon { color: #fff; background: rgba(255, 255, 255, 0.15); } + +.social-icon-transparent { background: transparent; } + +.tc-light .social-icon-transparent { background: transparent; } + +.social-icon + span { display: none; margin-left: 8px; font-weight: 600; text-transform: uppercase; font-size: 12px; color: #46bdf4; transition: all 0.3s; } + +.social-bar { display: flex; flex-wrap: wrap; } + +.social-bar li { flex-grow: 1; text-align: center; line-height: 30px; } + +.social-bar li:not(:last-child) { border-right: 1px solid #f0f5fc; } + +.social-bar li span { font-size: 14px; text-transform: uppercase; } + +.social-bar li a, .social-bar li span { display: block; padding: 7px 10px; } + +.social-bar-title { width: 100%; border-bottom: 1px solid #f0f5fc; } + +@media (min-width: 576px) { .social-icon + span { display: inline-block; } + .social-bar li a, .social-bar li span { padding: 20px; } + .social-bar-title { width: auto; border-bottom: none; } } + +@media (min-width: 992px) { .social-bar li a { font-size: 20px; } + .social-bar li a, .social-bar li span { padding: 40px 20px; } } + +.language-switcher .toggle-tigger { color: #28384c; position: relative; } + +.is-transparent:not(.has-fixed) .header-logo .language-switcher .toggle-tigger { color: #fff; } + +.language-switcher .toggle-tigger:not(.btn) { padding: 8px 15px 8px 10px; } + +.language-switcher .toggle-tigger:not(.btn):after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.language-switcher-s1 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s2 .toggle-tigger:after { right: 14px; } + +.language-switcher-s2 .toggle-tigger:not(.btn) { padding: 3px 26px 3px 16px; } + +.language-switcher-s3 { border-left: 1px solid rgba(255, 255, 255, 0.15); text-transform: uppercase; font-size: .88rem; margin-left: 15px; } + +.language-switcher-s3 .toggle-tigger:not(.btn) { padding: 2px 20px 2px 15px; } + +.language-switcher-s4 { position: relative; } + +@media (min-width: 992px) { .language-switcher-s4:after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; content: ''; background: rgba(255, 255, 255, 0.15); } } + +.language-switcher-s4 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s5 .toggle-tigger { font-size: 12px; font-weight: 500; text-transform: uppercase; } + +.language-flag { width: 24px; margin: 3px 8px 3px 0; } + +.language-flag-lg { width: 36px; } + +.gfx { max-width: 400px; } + +.gfx-auto { margin-left: auto; margin-right: auto; } + +.gfx-inherit { max-width: 420px; } + +.gfx-md { max-width: 380px; } + +@media (min-width: 768px) { .gfx { max-width: 500px; } + .gfx-inherit { max-width: 420px; } + .gfx-md { max-width: 380px; } } + +@media (min-width: 992px) { .gfx-re-s1 { margin: 0 -230px 0 0; } } + +@media (min-width: 1600px) { .gfx-re-lgl { margin-left: -188px; } + .gfx-re-lg { margin: 0 -168px 0 42px; } } + +@media (min-width: 1900px) { .gfx-re-lgl { margin-left: -315px; } + .gfx-re-lgr { margin-right: -315px; } + .gfx-re-mdl { margin-left: -230px; } + .gfx-re-lg { margin: 0 -200px 0 42px; } } + +.piller-one, .piller-two { position: absolute; z-index: -1; } + +.piller-one { width: 250px; top: 20%; right: 100%; margin-right: 65px; } + +.piller-two { width: 200px; left: 100%; top: 50%; margin-left: 40px; } + +.gfx-round-bg { min-width: 300px; min-height: 300px; background: #eff6ff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } + +.gfx-round-bg.after:after { position: absolute; content: ""; left: 44px; top: 0; width: 100%; height: 100%; border: 1px solid #2b56f5; border-radius: 50%; } + +@media (min-width: 768px) { .gfx-round-bg { min-width: 400px; min-height: 400px; } } + +@media (min-width: 1200px) { .gfx-round-bg { min-width: 480px; min-height: 480px; } } + +@media (min-width: 1600px) { .gfx-round-bg { min-width: 600px; min-height: 600px; } } + +@media (min-width: 1900px) { .gfx-round-bg { min-width: 660px; min-height: 660px; } + .gfx-round-bg-md { min-width: 557px; min-height: 557px; } } + +/** 04. Components */ +/** 04.01 Tab */ +.tab-nav li a { display: block; padding: 12px 12px; line-height: 19px; font-weight: 400; color: rgba(40, 56, 76, 0.6); border-bottom: 1px solid rgba(219, 228, 247, 0.5); transition: all .4s; } + +.tab-nav li a:hover, .tab-nav li a.active { color: #10122d; } + +.tab-nav li a .fas, .tab-nav li a .far { margin-right: 10px; } + +.tab-nav-sap { flex-grow: 1; height: 2px; background: rgba(122, 15, 255, 0.4); align-self: center; margin: 0 -7px; } + +.tc-light .tab-nav-sap { background: rgba(122, 15, 255, 0.4); } + +.tab-nav-vr { display: block; } + +.tab-nav-vr li:not(:last-child) a { border-bottom: 1px solid rgba(219, 228, 247, 0.5); } + +.tab-nav-vr li:last-child a { border: none; } + +.tab-nav-vr li a { padding: 18px 20px; } + +.tc-light .tab-nav-vr li:not(:last-child) a { border-color: rgba(255, 255, 255, 0.07); } + +.tab-nav-s2 { margin: 0 -15px 15px; } + +.tab-nav-s2 li { padding: 0 15px; } + +.tab-nav-s2 li a { font-size: 18px; letter-spacing: 0.01em; text-transform: uppercase; padding: 12px 5px; border-bottom-color: transparent; } + +.tc-light .tab-nav-s2 li a { color: rgba(255, 255, 255, 0.5) !important; } + +.tab-nav-s2 li a:hover, .tab-nav-s2 li a.active { color: #46bdf4; border-bottom-color: #46bdf4; } + +.tab-nav-s2 li a .fas, .tab-nav-s2 li a .far { margin-right: 10px; } + +.tab-nav-s3 li a { border: none !important; border-radius: 3px; cursor: pointer; padding: 28px 30px; } + +.tab-nav-s3 li a [class*=title] { color: #12183a; transition: all .4s; } + +.tc-light .tab-nav-s3 li a [class*=title] { color: #fff; } + +.tab-nav-s3 li a p { color: #28384c; line-height: 1.6; } + +.tc-light .tab-nav-s3 li a p { color: #a2b4d2; } + +.tab-nav-s3 li a.active { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); background: #fff; cursor: default; } + +.tab-nav-s3 li a.active [class*=title] { color: #46bdf4; } + +.tc-light .tab-nav-s3 li a.active { background: #10122d; } + +.bg-theme-alt .tab-nav-s3 li a.active { background: #0b0c22; } + +.tab-nav-s4 { border: none; padding: 5px; border-radius: 30px; display: inline-block; } + +.tab-nav-s4 li { display: inline-block; } + +.tab-nav-s4 li a { border: none; line-height: 24px; background: transparent; font-weight: 600; color: #fff; font-size: 11px; padding: 10px 22px; border-radius: 25px; font-weight: 600; display: inline-block; } + +.tab-nav-s4 li a.active { color: #0b0c22 !important; background: #fff; } + +.tc-light .tab-nav-s4 li a.active:hover { color: tab_nav_s4_active_color !important; } + +.tc-light .tab-nav-s4 li a:hover { color: #fff !important; } + +.tab-nav-center { justify-content: center; } + +.tab-nav-bdr { border: 1px solid #dbe4f7; border-radius: 5px; } + +.tc-light .tab-nav-bdr { border-color: rgba(255, 255, 255, 0.07); background: rgba(255, 255, 255, 0.02); } + +.tab-nav-line { margin-bottom: 20px; border-bottom: 2px solid rgba(219, 228, 247, 0.5); text-align: center; justify-content: center; } + +.tab-nav-line li a { border-bottom: none; position: relative; } + +.tab-nav-line li a:after { position: absolute; width: 100%; height: 2px; left: 0; bottom: -2px; content: ''; background: #46bdf4; opacity: 0; transition: all .4s; } + +.tab-nav-line li a:hover, .tab-nav-line li a.active { color: #46bdf4; } + +.tab-nav-line li a.active:after { opacity: 1; } + +.tc-light .tab-nav-line { border-bottom-color: rgba(219, 228, 247, 0.2); } + +.tc-light .tab-nav li a:after { background: #46bdf4; } + +.tc-light .tab-nav li a:hover, .tc-light .tab-nav li a.active { color: #46bdf4 !important; } + +.tab-nav-btn { margin: -7px -7px 8px; } + +.tab-nav-btn li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn li a { border-radius: 3px; color: #28384c; background: rgba(11, 12, 34, 0.1); border-color: transparent; padding: 10px 18px; } + +.tc-light .tab-nav-btn li a { color: #28384c; background: rgba(255, 255, 255, 0.1); border-color: transparent; } + +.tab-nav-btn li a:hover, .tab-nav-btn li a.active { color: #46bdf4 !important; background: rgba(11, 12, 34, 0.1); } + +.tc-light .tab-nav-btn li a:hover, .tc-light .tab-nav-btn li a.active { color: #46bdf4 !important; background: rgba(70, 189, 244, 0.1); } + +.tab-nav-btn-s2 li a:hover, .tab-nav-btn-s2 li a.active { color: #fff !important; background: #46bdf4; } + +.tc-light .tab-nav-btn-s2 li a:hover, .tc-light .tab-nav-btn-s2 li a.active { color: #46bdf4 !important; background: rgba(11, 12, 34, 0.1); } + +.tab-nav-btn-bdr { margin: -7px; } + +.tab-nav-btn-bdr li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr li a { border-radius: 3px; color: #28384c !important; background: transparent; border: 1px solid !important; border-color: #28384c !important; } + +.tc-light .tab-nav-btn-bdr li a { color: #fff !important; background: transparent; border-color: rgba(122, 15, 255, 0.4) !important; } + +.tab-nav-btn-bdr li a:hover, .tab-nav-btn-bdr li a.active { color: #46bdf4 !important; background: transparent; border-color: #46bdf4 !important; } + +.tc-light .tab-nav-btn-bdr li a:hover, .tc-light .tab-nav-btn-bdr li a.active { color: #46bdf4 !important; background: transparent; border-color: #46bdf4 !important; } + +.tab-nav-btn-bdr-s2 { margin: -7px; } + +.tab-nav-btn-bdr-s2 li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr-s2 li a { text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; font-size: .88rem; padding: 14px 22px; border-radius: 6px; color: #28384c !important; background: transparent; border: 2px solid !important; border-color: rgba(122, 15, 255, 0.4) !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a { color: #fff !important; background: transparent; border-color: rgba(122, 15, 255, 0.4) !important; } + +.tab-nav-btn-bdr-s2 li a:hover, .tab-nav-btn-bdr-s2 li a.active { color: #46bdf4 !important; background: transparent; border-color: #46bdf4 !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a:hover, .tc-light .tab-nav-btn-bdr-s2 li a.active { color: #46bdf4 !important; background: transparent; border-color: #46bdf4 !important; } + +.tab-nav-grad li a { position: relative; } + +.tc-light .tab-nav-grad li a { background: rgba(255, 255, 255, 0.1); } + +.tab-nav-grad li a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: -1; border-radius: 3px; background: linear-gradient(-45deg, #0b0c22 0%, #10122d 100%); opacity: 0; transition: all .4s; } + +.tc-light .tab-nav-grad li a:before { background: linear-gradient(-45deg, #46bdf4 0%, #2b56f5 100%) !important; } + +.tab-nav-grad li a:hover, .tab-nav-grad li a.active { color: #fff !important; background: transparent; } + +.tab-nav-grad li a:hover:before, .tab-nav-grad li a.active:before { opacity: 1; } + +.tc-light .tab-nav-grad li a:hover, .tc-light .tab-nav-grad li a.active { color: #fff !important; } + +.tab-pane { padding: 10px 0 0; } + +@media (min-width: 576px) { .tab-nav-line > li { flex-grow: 1; } + .tab-nav-s4 li a { font-size: 14px; padding: 13px 25px; } } + +/** 04.02 Accordion */ +.accordion-item { transition: all .4s; padding-bottom: 8px; } + +.accordion-item:not(:last-child) { border-bottom: 1px solid #dbe4f7; } + +.tc-light .accordion-item:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.accordion-item-s2 { border-width: 2px !important; border: 2px solid #dbe4f7; border-radius: 6px; } + +.tc-light .accordion-item-s2 { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2 { border-color: rgba(255, 255, 255, 0.05); } + +.accordion-item-s2.current { border-color: rgba(11, 12, 34, 0.5) !important; } + +.tc-light .accordion-item-s2.current { border-color: #46bdf4 !important; } + +.accordion-item-s2:not(:last-child) { margin-bottom: 15px; } + +.tc-light .accordion-item-s2:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.accordion-item-s3 { border: none !important; border-radius: 6px; background: #fff; box-shadow: 0px 4px 6px 0px rgba(11, 12, 34, 0.07); } + +.bg-theme .accordion-item-s3, .tc-light .accordion-item-s3 { background: rgba(255, 255, 255, 0.05); box-shadow: none; } + +.has-bg-image .accordion-item-s3 { background: rgba(8, 9, 27, 0.7); box-shadow: none; } + +.accordion-item-s3:not(:last-child) { margin-bottom: 30px; } + +.accordion-item-s4 { background: rgba(11, 12, 34, 0.09); } + +.accordion-item-s4.current { background: rgba(11, 12, 34, 0.05); } + +.accordion-title { position: relative; color: #28384c; font-weight: 400; cursor: pointer; padding: 22px 54px 14px 0; margin-bottom: 0; } + +.accordion-item-s2 .accordion-title { padding: 25px 54px 17px 30px; } + +.accordion-item-s3 .accordion-title { padding: 20px 54px 12px 30px; } + +.accordion-item-s4 .accordion-title { padding: 16px 54px 8px 30px; } + +.tc-light .accordion-title { color: #46bdf4; } + +.accordion-title-sm { font-size: 16px; } + +.accordion-title.collapsed { color: #28384c; transition: all .4s; } + +.tc-light .accordion-title.collapsed { color: #fff; } + +.tc-light .accordion-title.collapsed:hover { color: #46bdf4; } + +.accordion-title.collapsed:hover { color: #28384c; } + +.accordion-title.collapsed .accordion-icon:before { opacity: 0; } + +.accordion-title.collapsed .accordion-icon:after { opacity: 1; } + +.accordion-title.collapsed .accordion-icon-s2:after { transform: rotate(-180deg); } + +.accordion-icon { position: absolute; top: calc(50% + 4px); transform: translateY(-50%); right: 0; height: 36px; width: 36px; border-radius: 50%; background: transparent; } + +.current .accordion-icon { background: transparentt; } + +.accordion-icon:before, .accordion-icon:after { line-height: 36px; color: #10122d; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; text-align: center; transition: all .4s; } + +.current .accordion-icon:before, .current .accordion-icon:after { color: #10122d; } + +.accordion-icon:before { content: '\f068'; opacity: 1; } + +.accordion-icon:after { content: '\f067'; opacity: 0; } + +.accordion-icon-s2 { background: transparent; } + +.accordion-icon-s2:after { font-family: "themify"; content: '\e648'; opacity: 1 !important; } + +.accordion-icon-s2:before { display: none; } + +.accordion-item-s2 .accordion-icon { right: 12px; } + +.accordion-item-s3 .accordion-icon { right: 18px; } + +.accordion-item-s4 .accordion-icon { right: 12px; } + +.tc-light .accordion-icon { background: transparent; } + +.tc-light .accordion-icon:after, .tc-light .accordion-icon:before { color: #46bdf4; } + +.accordion-content { padding-bottom: 12px; padding-right: 46px; } + +.accordion-content p:last-child { margin-bottom: 0; } + +.accordion-item-s2 .accordion-content, .accordion-item-s3 .accordion-content, .accordion-item-s4 .accordion-content { padding-left: 30px; } + +.accordion-item-s4 .accordion-content { padding-bottom: 6px; } + +.accordion-faq { margin-top: -15px; } + +.accordion-header { padding: 20px; } + +.accordion-header p { margin-bottom: 0; } + +.accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: none; } + +.accordion-body { padding: 0 20px 30px; } + +.accordion-box:not(:last-child) { margin-bottom: 40px; } + +.border-b-none { border-bottom: 0px !important; } + +@media (min-width: 576px) { .accordion-title-sm { font-size: 18px; } + .accordion-header { padding: 20px 40px; } + .accordion-header p { margin-bottom: 0; } + .accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: block; } + .accordion-body { padding: 0 40px 40px; } } + +/** 04.03 Blocks */ +.nk-block { display: block; width: 100%; position: relative; z-index: 1; } + +.nk-block ~ .nk-block { padding-top: 40px; } + +.nk-block ~ .nk-block-team-list { padding-top: 60px; } + +.nk-block + .hr { margin-top: 40px; margin-bottom: 40px; } + +.section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + +.nk-block-lg + .nk-block { padding-top: 60px; } + +.nk-block-zero + .nk-block { padding-top: 0 !important; } + +.nk-block-text-head { padding-bottom: 35px; } + +.nk-block-img { position: relative; } + +.nk-block-img-plx { position: absolute; } + +.nk-block-img-s1 { position: relative; z-index: 99; margin-top: -71px; padding: 30px 50px; background: #fff; border-radius: 60px 60px 60px 200px; box-shadow: 0 15px 30px rgba(11, 12, 34, 0.1); } + +.nk-block-img-s2 img { max-width: 400px; width: 100%; } + +.nk-block-img-s3 img { max-width: 300px; width: 100%; } + +.nk-block-screen { padding: 70px 50px 100px 0; } + +.nk-block-screen img { border-radius: 3px; border: 1px solid #dfeaf8; } + +.nk-block-screen-small { position: absolute; right: 0; bottom: 0; max-width: 210px; } + +.nk-block-video { position: relative; border-radius: 4px; } + +.nk-block-ca { padding: 70px 20px; } + +.nk-block-plx { width: 300px; padding: 30px 10px; margin-left: auto; margin-right: auto; } + +.nk-block-contact-s1 { padding: 110px 0; position: relative; display: flex; align-items: center; justify-content: center; background: url(../images/dot-c.png) no-repeat; background-size: contain; background-position: 50% 50%; } + +.nk-block-m30, .nk-block-team-list, .nk-block-features { margin-bottom: -30px; } + +.nk-block-m40 { margin-bottom: -40px; } + +.nk-block-m50 { margin-bottom: -50px; } + +.nk-block .pagination { margin-top: 10px; } + +.nk-block-status + .nk-block-actions { padding-top: 80px; padding-bottom: 40px; } + +.nk-block-note { position: relative; background: rgba(0, 0, 0, 0.2); border-radius: 6px; margin-top: 40px; padding: 20px 25px 20px 65px; } + +.nk-block-note-s2 { background: rgba(162, 180, 210, 0.25); } + +.nk-block-note .icon { position: absolute; left: 15px; top: 50%; font-size: 30px; color: #46bdf4; transform: translateY(-50%); } + +.nk-block-shade { position: absolute; left: -120px; bottom: 65px; width: 100%; height: calc(100% - 130px); border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); opacity: .10; transform: skew(9deg); } + +.nk-block-shade:after { position: absolute; left: 50px; bottom: 50px; width: 100%; height: 100%; content: ''; border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.nk-block-shape-s1 { position: relative; z-index: 2; padding-top: 80px; padding-bottom: 100px; background: #0b0c22; } + +.nk-block-shape-s1:before, .nk-block-shape-s1:after { position: absolute; top: 0; height: 100%; content: ''; z-index: -1; background: #0b0c22; } + +.nk-block-shape-s1:before { left: -190px; width: 320px; border-radius: 100px 0 0 100px; transform: skew(9deg); } + +.nk-block-shape-s1:after { right: -280px; width: 370px; border-radius: 0 100px 100px 0; transform: skew(-7deg); } + +.nk-block-shape-s1.bg-theme-alt { background: #10122d; } + +.nk-block-shape-s1.bg-theme-alt:before, .nk-block-shape-s1.bg-theme-alt:after { background: #10122d; } + +.nk-block-shape-s1.bg-theme-dark { background: #08091b; } + +.nk-block-shape-s1.bg-theme-dark:before, .nk-block-shape-s1.bg-theme-dark:after { background: #08091b; } + +.nk-block-shape-s1.bg-theme-dark-alt { background: #0b0c22; } + +.nk-block-shape-s1.bg-theme-dark-alt:before, .nk-block-shape-s1.bg-theme-dark-alt:after { background: #0b0c22; } + +.nk-block-header { padding-top: 30px; padding-bottom: 30px; } + +.plx-screen { width: 80px; bottom: 0; left: 0; } + +.plx-circle-s1 { width: 80px; top: 10px; left: -5px; z-index: -1; animation: ani_cicle 4s infinite linear; } + +.plx-polygon-s1 { width: 70px; bottom: 15px; left: 40px; transform-origin: center; animation: ani_round 20s infinite linear; } + +.plx-triangle-s1 { width: 80px; bottom: 0; right: 0; animation: ani_round 30s infinite reverse linear; } + +@keyframes ani_round { 0% { transform: translate(0, 0) rotate(0deg); } + 25% { transform: translate(10px, 15px) rotate(90deg); } + 50% { transform: translate(0, 0) rotate(180deg); } + 75% { transform: translate(-10px, -15px) rotate(270deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +@keyframes ani_cicle { 0% { transform: translate(0, 0) rotate(0deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +.img-block-dot { background-image: url(../images/dot-a.png); background-position: top center; padding: 50px 0; margin-top: -40px; } + +@media (min-width: 576px) { .nk-block-screen { padding: 0 50px 100px 0; } + .nk-block-team-list { margin-bottom: -50px; } } + +@media (min-width: 576px) { .nk-block ~ .nk-block { padding-top: 60px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-lg + .nk-block { padding-top: 80px; } + .nk-block-ca { padding: 90px 20px; } + .nk-block-plx { padding: 60px; width: 100%; } + .nk-block-contact-s1 { padding: 180px 0; } + .nk-block-img-s1 { padding: 40px 70px; } + .nk-block-note { margin-top: 40px; padding: 20px 65px 20px 75px; } + .nk-block-note .icon { left: 20px; } + .nk-block-shape-s1 { padding-top: 150px; padding-right: 40px; padding-bottom: 150px; } + .plx-screen { width: 130px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 140px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 95px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 768px) { .nk-block-img-s2 img { max-width: 100%; } + .nk-block-ca { padding: 60px; } + .nk-block-plx { padding: 60px; } + .plx-screen { width: 160px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 160px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 125px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 992px) { .nk-block ~ .nk-block { padding-top: 100px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-status + .nk-block-actions { padding-top: 70px; padding-bottom: 40px; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-sm + .nk-block { padding-top: 70px; } + .nk-block-lg + .nk-block { padding-top: 100px; } + .nk-block-img-s1 { margin-right: -71px; } + .nk-block-img.edge-r1 { margin-right: -160px; } + .nk-block-img.edge-l1 { margin-left: -160px; } + .nk-block-img.edge-r2 { margin-right: -360px; } + .nk-block-img.edge-l2 { margin-left: -360px; } + .nk-block-img.edge-r3 { margin-right: -500px; } + .nk-block-img.edge-l3 { margin-left: -500px; } + .nk-block .pagination { margin-top: 30px; } } + +@media (min-width: 1200px) { .nk-block-lg + .nk-block { padding-top: 130px; } } + +.app-slide-wrap { position: relative; width: 230px; margin: 15px auto; } + +.app-slide-wrap:after { position: absolute; height: calc(100% + 80px); width: calc(100% + 96px); top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; background-image: url(../images/light-ix.png); } + +.app-slide img { border-radius: 4px; } + +/** 04.04 Box */ +.card { padding: 20px; background: #fff; border: none; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.02); } + +.card.card-s3 { padding: 30px 20px; } + +.card-full { height: calc(100% - 30px); } + +.card-full-lg { height: calc(100% - 80px); } + +.card.feature-s8 { padding: 35px 25px; } + +.card-s2 { padding: 55px 30px 110px; box-shadow: 0px 5px 46px rgba(16, 18, 45, 0.14); } + +.card-lg-y { box-shadow: 0px 20px 60px rgba(18, 24, 58, 0.1); } + +.card-s3 { box-shadow: 0px 5px 18px rgba(40, 56, 76, 0.2); } + +@media (min-width: 576px) { .card { padding: 30px; } + .card.card-s3 { padding: 30px; } + .card-md { padding: 40px 30px; } + .card-lg { padding: 45px 40px; } + .card.feature-s8 { padding: 45px 30px; } + .card-s2 { padding: 55px 30px 110px; } + .card-lg-y { padding: 70px 30px; } + .card-lg-xy { padding: 70px 55px; } } + +/** 04.05 Banner */ +.nk-banner { display: block; width: 100%; z-index: 5; position: relative; } + +.banner { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } + +.is-transparent .banner { padding-top: 60px; } + +.has-mask .banner { padding-bottom: 75px; } + +.has-mask .banner-page { padding-bottom: 40px; } + +.has-mask .banner-mask-fix { padding-bottom: 40px !important; } + +.has-mask .banner-inner { padding-bottom: 125px; } + +.header-banner-angled .banner { padding-bottom: 540px; } + +.header-banner-angled-s2 .banner { padding-bottom: 498px; } + +.banner-screen { position: absolute !important; z-index: 0 !important; left: 50%; right: 0; bottom: -8px; width: 320px; transform: translateX(-50%); } + +.banner-wrap { width: 100%; } + +.banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } + +.banner-gfx { position: relative; margin: -15px 0; } + +.banner-gfx-auto { margin: 0 auto !important; } + +.banner-gfx-re-s4 { margin: 0 -95px; } + +.banner-gfx-icon { position: absolute; width: 4.2%; top: 32%; } + +.banner-gfx-icon-1 { left: 43.75%; animation: jumping 1s linear 0s infinite alternate; } + +.banner-gfx-icon-2 { right: 40.25%; animation: jumping 1s linear .5s infinite alternate; } + +.banner-gfx-s2 { max-width: 280px; margin: 0 auto; } + +.banner-fs { min-height: calc(100vh - 90px); } + +.is-transparent .banner-fs { min-height: 100vh; } + +.banner-gap-b1 { padding-bottom: 50px; } + +.has-mask .banner-gap-b1 { padding-bottom: 75px; } + +.banner-gap-b2 { padding-bottom: 75px; } + +.has-mask .banner-gap-b2 { padding-bottom: 125px; } + +.banner-gap-b3 { padding-bottom: 75px; } + +.has-mask .banner-gap-b3 { padding-bottom: 120px; } + +.banner-gap-b4 { padding-bottom: 340px; } + +.has-mask .banner-gap-b4 { padding-bottom: 360px; } + +.banner-page .banner-wrap { padding: 40px 0; } + +.is-transparent .banner-page .banner-wrap { padding-top: 20px; } + +.banner-page .breadcumb { padding-top: 10px; } + +.banner-page-md { min-height: 340px; } + +.banner-page-lg { min-height: 460px; } + +.banner-caption:not([class*=wide]) { max-width: 720px; margin-left: auto; margin-right: auto; } + +.banner > .nk-block { position: relative; z-index: 2; } + +.banner-social { background: rgba(255, 255, 255, 0.2); border-radius: 25px; padding: 0px 20px; display: inline-block; } + +.banner-social-wrap { margin-top: 30px; } + +.banner-social li { padding: 13px 8px; display: inline-block; } + +.banner-social li a { color: #fff; text-align: center; line-height: 24px; width: 24px; display: block; } + +.banner-social li a:hover { opacity: .5; outline: none; transform: translateY(-3px); } + +.banner-with-token-box-s1 .banner-wrap { padding-bottom: 175px; } + +.banner-s1-overlay { position: relative; overflow: hidden; } + +.banner-s1-overlay:before, .banner-s1-overlay:after { position: absolute; content: ''; width: 875px; height: 300%; bottom: -100%; transform: rotate(-45deg); background: rgba(255, 255, 255, 0.02); z-index: -1; } + +.banner-s1-overlay:before { left: 50%; margin-left: -130px; } + +.banner-s1-overlay:after { right: 50%; margin-right: -110px; } + +.banner-s1 .title-xs { margin-bottom: 1.14rem; } + +.banner-inner { min-height: 500px; } + +@keyframes jumping { 0% { transform: translateY(5px); } + 100% { transform: translateY(-25px); } } + +.cpn { padding-top: 30px; padding-bottom: 30px; } + +.cpn-head, .cpn-action, .cpn-text { margin-top: 20px; } + +.cpn > *:first-child { margin-top: 0; } + +.cpn-head .title { font-size: 1.75rem; line-height: 1.5; } + +.cpn-head .title-lg { line-height: 1.3; font-weight: 700; } + +.cpn-text { font-weight: 300; font-size: 1.1rem; line-height: 1.8; margin-bottom: 25px; color: #28384c; } + +.tc-light .cpn-text { color: #42aaf5; } + +.cpn-text p { color: inherit !important; font-size: inherit !important; } + +.cpn-text-center { margin-left: auto; margin-right: auto; } + +.cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } + +.cpn-text .lead, .cpn-text .lead-light { font-size: 1.25rem; font-weight: 300; line-height: 1.7; } + +.cpn-text .lead-s2 { font-size: 1.3rem; font-weight: 300; line-height: 1.7; } + +.cpn-text .lead-s3 { font-size: 1.3rem !important; font-weight: 300; line-height: 1.7; } + +.cpn-text-light .lead, .cpn-text-light .lead-light { font-weight: 300; } + +.cpn-links { padding-top: 20px; margin-top: -10px; margin-bottom: -10px; margin-left: -15px; margin-right: -15px; } + +.cpn-action .cpn-links { padding-top: 0; } + +.cpn-links li { display: inline-block; padding: 10px 15px; font-weight: 500; } + +.cpn-links-s1 { display: flex; justify-content: space-around; align-items: center; padding: 0 50px; } + +.cpn-btns + .cpn-links { padding-top: 20px; } + +.cpn-links + .cpn-btns { padding-top: 20px; } + +.cpn-boxed { padding: 20px; background: rgba(8, 9, 27, 0.6); } + +.cpn-boxed:not([class*='radius']) { border-radius: 6px; } + +.cpn-social { margin-top: 30px; } + +@media (max-width: 575px) { .cpn-title .title { font-size: 1.75rem; line-height: 1.5; } } + +@media (min-width: 576px) { .banner-gap-b3 { padding-bottom: 120px; } + .has-mask .banner-gap-b3 { padding-bottom: 160px; } + .banner-screen { bottom: -40px; width: 100%; } + .banner-screen-right { bottom: -70px; width: 360px; } + .banner-fs .banner-wrap { padding-top: 70px; padding-bottom: 70px; } } + +@media (min-width: 768px) { .banner-gfx-re-s2 { margin: -50px 0 0; } + .has-mask .banner { padding-bottom: 160px; } + .has-mask .banner-page { padding-bottom: 80px; } + .banner-gap-b1 { padding-bottom: 75px; } + .has-mask .banner-gap-b1 { padding-bottom: 125px; } + .banner-gap-b2 { padding-bottom: 125px; } + .has-mask .banner-gap-b2 { padding-bottom: 200px; } + .banner-gap-b4 { padding-bottom: 340px; } + .has-mask .banner-gap-b4 { padding-bottom: 360px; } + .banner-page .banner-wrap { padding: 80px 0; } + .is-transparent .banner-page .banner-wrap { padding-top: 60px; } + .banner-page-md { min-height: 400px; } + .banner-page-lg { min-height: 580px; } + .banner-social-wrap { margin-top: 0; } + .banner-social-vertical { right: 60px; top: 50%; transform: translateY(-50%); position: absolute; z-index: 3; padding: 20px 0; margin-top: -30px; } + .banner-social-vertical li { display: block; padding: 8px 13px; } + .banner-with-token-box-s1.banner-fs { min-height: 92vh; } + .banner-with-token-box-s1 .banner-wrap { padding-bottom: 40px; } + .cpn-text, .cpn-action { margin-top: 20px; } + .cpn-text { margin-bottom: 15px; } + .cpn-btns { padding-top: 10px; } + .cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } } + +@media (min-width: 992px) { .is-transparent .banner { padding-top: 75px; } + .banner-gfx-re-s1 { margin: 0 -80px 0 -180px; } + .banner-gfx-re-s2 { margin: -50px -280px 0 -110px; } + .banner-gfx-re-s3 { margin: 0 -150px 0 -35px; } + .banner-gfx-re-s5 { margin: 0 -305px 0 0; } + .has-mask .banner { padding-bottom: 180px; } + .has-mask .banner-page { padding-bottom: 100px; } + .banner-gap-b3 { padding-bottom: 200px; } + .has-mask .banner-gap-b3 { padding-bottom: 220px; } + .banner-gap-b4 { padding-bottom: 60px; } + .has-mask .banner-gap-b4 { padding-bottom: 80px; } + .banner-screen-right { bottom: -45px; width: 100%; } + .has-mask .banner-pd-lg { padding-bottom: 225px; padding-top: 65px; } + .banner-inner { min-height: 600px; } + .cpn { max-width: 90%; } + .banner-page .cpn { max-width: 100%; } + .cpn-head, .cpn-action, .cpn-text { margin-top: 30px; } + .banner-s1 .cpn-head { margin-top: 0; } + .cpn-text { margin-bottom: 25px; max-width: 90%; } + .banner-s1 .cpn-text { margin-top: 20px; margin-bottom: 6px; } + .banner-s2 .cpn-text { margin-top: 20px; } + .cpn-text-s1 { margin-top: 20px; margin-bottom: 12px; } + .cpn-text-s2 { max-width: 100% !important; } + .cpn-text-s3 { margin-top: 10px; } + .cpn-btns, .cpn-links { padding-top: 20px; } + .cpn-action .cpn-btns, .cpn-action .cpn-links { padding-top: 0; } + .cpn-btns + .cpn-links { padding-top: 20px; } + .cpn-links + .cpn-btns { padding-top: 20px; } + .cpn-head .title { font-size: 2.125rem; } + .cpn-head .title-sm { font-size: 1.85rem; } + .cpn-head .title-md { font-size: 2.6rem; } + .cpn-head .title-lg { font-size: 4rem; } + .cpn-head .title-lg-s2 { font-size: 3rem; } + .cpn-head .title-lg-s3 { font-size: 2rem; } + .cpn-boxed { padding: 35px; } + .cpn-social { margin-top: 50px; } + .cpn-s2 { margin-top: -122px !important; padding-top: 0; } } + +@media (min-width: 1200px) { .banner-gfx-re-s1 { margin: 0 -380px 0 -180px; } + .banner-gfx-re-s2 { margin: 0 -330px 0 -110px; } + .banner-gfx-re-s5 { margin: 0 -515px 0 0; } + .banner-gfx-re-s7 { margin: 140px -505px -183px -290px; } + .banner-gfx-re-s7 + .abs-center { right: 15px; transform: translateY(-50%); left: auto; } + .banner-gap-b3 { padding-bottom: 290px; } + .has-mask .banner-gap-b3 { padding-bottom: 320px; } + .banner-screen-right { bottom: -90px; } + .banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } } + +@media (min-width: 1600px) { .banner-caption:not([class*=wide]) { max-width: 1080px; } + .banner-gfx-re-s2 { margin: -100px -480px 0 -110px; } + .banner-fs-lg { min-height: calc(100vh - 100px); } + .has-mask .banner-pd-lg { padding-bottom: 295px; padding-top: 65px; } + .cpn-head .title-lg-s3 { font-size: 3rem; } } + +@media (max-width: 991px) and (orientation: landscape) { .banner-gfx { margin-left: auto; margin-right: auto; max-width: 390px; } } + +@media (max-width: 767px) and (orientation: landscape) { .banner-gfx { max-width: 320px; } } + +@media (min-width: 992px) and (max-width: 1200px) and (orientation: portrait) { .banner-fs { min-height: calc(65vh - 90px); } + .is-transparent .banner-fs { min-height: 60vh; } } + +@media (max-width: 420px) { .cpn-btns .btn:not(.btn-with-icon) { font-size: 11px; padding: 8px 16px; } } + +.banner-y-pd { padding-top: 100px !important; padding-bottom: 124px !important; } + +.gfx-screen { position: absolute; top: 5px; left: 44px; width: calc(100% - 91px); height: calc(100% - 25px); } + +.gfx-screen .owl-stage-outer, .gfx-screen .owl-stage, .gfx-screen .owl-item, .gfx-screen .slides { height: 100%; width: 100%; border-radius: 6px; } + +.gfx-screen .flex-control-nav { position: absolute; right: -45px; top: 50%; transform: translateY(-50%); width: auto; height: fit-content; } + +.gfx-screen .flex-control-nav li { display: block; } + +.gfx-screen .flex-control-nav li a { width: 8px; height: 8px; border-radius: 50%; margin: 10px; box-shadow: none; border-radius: 50%; background: #c1d6f3 !important; } + +.gfx-screen .flex-control-nav li a.flex-active { background: #2b56f5 !important; } + +.gfx-slide, .gfx-slide-item { height: 100%; } + +.gfx-slide img { border-top-right-radius: 10px; border-top-left-radius: 10px; } + +.gfx-slide-item { width: 100%; } + +@media (min-width: 400px) { .gfx-screen { top: 8px; left: 57px; width: calc(100% - 117px); height: calc(100% - 35px); } + .gfx-screen .flex-control-nav { right: -46px; } + .banner-gfx-s2 { max-width: 350px; } } + +@media (min-width: 576px) { .gfx-screen { left: 63px; width: calc(100% - 130px); } + .gfx-screen .flex-control-nav { right: -53px; } + .banner-gfx-s2 { max-width: 100%; } } + +@media (min-width: 768px) { .gfx-screen { top: 9px; left: 73px; width: calc(100% - 150px); height: calc(100% - 44px); } + .gfx-screen .flex-control-nav { right: -65px; } } + +@media (min-width: 1200px) { .gfx-screen { top: 18px; left: 106px; width: calc(100% - 220px); height: calc(100% - 66px); } + .gfx-screen .flex-control-nav { right: -100px; } } + +@media (min-width: 1600px) { .gfx-screen { left: 135px; width: calc(100% - 279px); height: calc(100% - 81px); } + .gfx-screen .flex-control-nav { right: -128px; } } + +/** 04.06 Head */ +.section-head { position: relative; } + +.section-head:not([class*=pdb]) { padding-bottom: 40px; } + +.section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + +.section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + +.section-head p { color: #28384c; } + +.tc-light .section-head p { color: #fff; } + +.section-head.tc-light p { color: #fff; } + +.section-head .title { font-weight: 500; } + +.section-head .title-thin { font-weight: 300; } + +.section-head .title:not(:last-child) { margin-bottom: .75rem; } + +.section-head .title-xs:not(:last-child) { margin-bottom: .5rem; } + +.section-head .title:before { position: absolute; left: 50%; top: 50%; content: attr(title); font-family: "Poppins", sans-serif; line-height: .9; text-transform: uppercase; white-space: nowrap; color: #28384c; transform: translate(-50%, -50%); opacity: 0.06; } + +.tc-light .section-head .title:before { opacity: 0.2; } + +.section-head .title-s4 { text-transform: uppercase; padding: 30px 0; margin-bottom: 0; opacity: 1; position: relative; } + +.section-head .title-s4.title:before { font-size: 120px !important; font-weight: 700; } + +.section-head-s2 .title:before { font-size: 48px; background-image: linear-gradient(180deg, #28384c 0%, #8284a5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.firefox .section-head-s2 .title:before { -webkit-text-fill-color: #000; } + +.firefox .tc-light .section-head-s2 .title:before { -webkit-text-fill-color: #fff; } + +.section-head-s3 { position: relative; } + +.section-head-s3:after, .section-head-s3:before { position: absolute; left: 50%; height: 1px; width: 110px; content: ""; transform: rotate(-45deg); z-index: -1; opacity: .4; } + +.section-head-s3:before { top: 60px; margin-left: -80px; background: #2b56f5; } + +.tc-light .section-head-s3:before { background: #2b56f5; } + +.section-head-s3:after { top: 5px; margin-left: -50px; background: #46bdf4; } + +.tc-light .section-head-s3:after { background: #46bdf4; } + +.section-head-line { position: absolute; height: 60px; width: 60px; left: 50%; top: 10px; opacity: .2; border-radius: 50%; background: transparent; transform: rotate(45deg) translate(-50%, 0); } + +.section-head-line .line-1, .section-head-line .line-2, .section-head-line .line-3, .section-head-line .line-4, .section-head-line .line-5, .section-head-line .line-6, .section-head-line .line-7, .section-head-line .line-8 { position: absolute; content: ""; border-radius: 50%; background: transparent; border-top: 1px solid #46bdf4; border-left: 1px solid #46bdf4; } + +.section-head-line .line-1 { top: -15px; left: -15px; height: 90px; width: 90px; } + +.section-head-line .line-2 { top: -30px; left: -30px; height: 120px; width: 120px; } + +.section-head-line .line-3 { top: -45px; left: -45px; height: 150px; width: 150px; } + +.section-head-line .line-4 { top: -60px; left: -60px; height: 180px; width: 180px; } + +.section-head-line .line-5 { top: -75px; left: -75px; height: 210px; width: 210px; } + +.section-head-line .line-6 { top: -90px; left: -90px; height: 240px; width: 240px; } + +.section-head-line .line-7 { top: -105px; left: -105px; height: 270px; width: 270px; } + +.section-head-line .line-8 { top: -120px; left: -120px; height: 300px; width: 300px; } + +@media (min-width: 576px) { .section-head:not([class*=pdb]) { padding-bottom: 50px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + .section-head .title:not(:last-child) { margin-bottom: 1.25rem; } + .section-head .title-xs:not(:last-child) { margin-bottom: .75rem; } + .section-head-s2 .title:before { font-size: 64px; } } + +@media (min-width: 992px) { .section-head:not([class*=pdb]) { padding-bottom: 60px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 40px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-s2 .title:before { font-size: 90px; } + .section-head-s2 .title-xl:before { font-size: 124px; } } + +.t-cap { text-transform: capitalize !important; } + +/** 04.07 Features */ +.feature { margin-bottom: 30px; display: block; } + +.feature-download { margin-bottom: 0; } + +.feature.card { height: calc(100% - 30px); } + +.feature-group .feature { margin-bottom: 0; } + +.feature-group { border-radius: 6px; } + +.feature-icon { position: relative; width: 60px; margin-bottom: 15px; flex-shrink: 0; margin-right: 12px; } + +.feature-icon-md { width: 40px; } + +.feature-icon-md-s2 { width: 80px; } + +.feature-icon-xl { width: 120px; } + +.feature-icon.dot:before { position: absolute; bottom: 0; right: 0; content: ''; height: 30px; width: 30px; border-radius: 50%; background: rgba(70, 189, 244, 0.5); z-index: 4; } + +.tc-light .feature-icon .icon { color: #46bdf4; } + +.feature-icon .icon { position: relative; font-size: 3.75rem; color: #10122d; z-index: 5; margin-left: -5px; } + +.feature-icon .icon.icon-circle { margin-left: 0; } + +.feature-icon .icon-xs { font-size: 1rem; } + +.feature-icon .icon-md { font-size: 2.75rem; } + +.feature-icon .icon-rg { font-size: 4.35rem; } + +.feature-icon .icon-lg { font-size: 5.75rem; } + +.feature-icon .icon-lg-s2 { font-size: 5rem; padding-top: 15px; } + +.feature-icon .icon-xl { font-size: 9rem; } + +.feature-icon .icon-grd { background-image: linear-gradient(-45deg, #46bdf4 0%, #2b56f5 80%, #2b56f5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.feature-icon .icon-circle { position: relative; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #2b56f5; border-radius: 50%; background-image: linear-gradient(-45deg, #46bdf4 0%, #2b56f5 80%, #2b56f5 100%); } + +.feature-icon .icon-circle:after { position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; content: ''; border-radius: 50%; background: #fff; z-index: -1; } + +.bg-theme .feature-icon .icon-circle:after { background: #0b0c22; } + +.bg-theme-alt .feature-icon .icon-circle:after { background: #10122d; } + +.bg-theme-dark .feature-icon .icon-circle:after { background: #08091b; } + +.bg-theme-dark-alt .feature-icon .icon-circle:after { background: #0b0c22; } + +.feature-icon-s1 { text-align: center; margin-left: 10px; margin-bottom: 40px; } + +.feature-icon-s1:after { position: absolute; content: ""; left: 50%; top: 50%; width: 62px; height: 62px; border: 2px solid rgba(16, 18, 45, 0.2); transform: translate(-50%, -50%) rotate(45deg); border-radius: 8px; } + +.tc-light .feature-icon-s1:after { border: 2px solid rgba(16, 18, 45, 0.8); } + +.feature-icon-s1 .icon { margin-left: 0; line-height: 48px; } + +.feature-icon-s5 { width: 60px; height: 60px; text-align: center; line-height: 63px; border-radius: 50%; margin-bottom: 0; } + +.feature-icon-s5 .icon { font-size: 1rem; width: 40px; height: 40px; background: #fff; line-height: 40px; border-radius: 50%; text-align: center; border: 1px solid; border-color: currentColor; margin-left: 0; } + +.tc-light .feature-icon-s5 .icon { border-width: 0; } + +.feature-icon-s5-1 { background: rgba(16, 18, 45, 0.2); } + +.tc-light .feature-icon-s5-1 { background: rgba(16, 18, 45, 0.6); } + +.feature-icon-s5-1 .icon { color: #10122d; background: linear-gradient(-90deg, #fff 0%, #3f47b1 100%); } + +.tc-light .feature-icon-s5-1 .icon { color: #10122d; } + +.feature-icon-s5-2 { background: rgba(43, 86, 245, 0.2); } + +.tc-light .feature-icon-s5-2 { background: rgba(43, 86, 245, 0.4); } + +.feature-icon-s5-2 .icon { color: #2b56f5; background: linear-gradient(-90deg, #fff 0%, #d5defd 100%); } + +.tc-light .feature-icon-s5-2 .icon { color: #2b56f5; } + +.feature-icon-s5-3 { background: rgba(70, 189, 244, 0.2); } + +.tc-light .feature-icon-s5-3 { background: rgba(70, 189, 244, 0.4); } + +.feature-icon-s5-3 .icon { color: #46bdf4; background: linear-gradient(-90deg, #fff 0%, #eef9fe 100%); } + +.tc-light .feature-icon-s5-3 .icon { color: #46bdf4; } + +.feature-icon-s5-4 { background: rgba(230, 96, 74, 0.2); } + +.tc-light .feature-icon-s5-4 { background: rgba(230, 96, 74, 0.4); } + +.feature-icon-s5-4 .icon { color: #e97460; background: linear-gradient(-90deg, #fff 0%, #fceae7 100%); } + +.tc-light .feature-icon-s5-4 .icon { color: #e97460; } + +.feature-icon-s6 { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(to right, #46bdf4 0%, #2b56f5 100%); text-align: center; line-height: 60px; } + +.feature-icon-s6 .icon { font-size: 40px; color: #fff; opacity: 0.8; line-height: 60px; margin-left: 0; } + +.tc-light .feature-icon-s6 .icon { color: #fff; } + +.feature-icon-s6-bg { width: 60px; height: 60px; border-radius: 50%; background: rgba(70, 189, 244, 0.2); text-align: center; line-height: 60px; } + +.feature-icon-s6-bg .icon { font-size: 40px; color: #46bdf4; line-height: 60px; margin: 0 auto; } + +.feature-icon-s7 { width: 65px; height: 65px; border-radius: 50%; text-align: center; line-height: 65px; background: #46bdf4; } + +.feature-icon-s7 .icon { font-size: 30px; margin-left: 0; line-height: inherit; color: #fff; } + +.tc-light .feature-icon-s7 .icon { color: #fff; } + +.feature-icon-s8 { width: 90%; } + +.text-center .feature-icon-s8 { margin-left: auto; margin-right: auto; } + +.feature-icon-auto { width: auto; } + +.feature-icon-lg { width: 160px; margin-top: -15px; margin-bottom: 5px !important; } + +.feature-icon-lg-s1 { width: 110px; margin-top: -10px; margin-bottom: 5px !important; } + +.feature-icon-lg-s2 { width: 130px; margin-top: -12px; margin-bottom: 5px !important; } + +.feature-icon-lg-s3 { width: 95px; margin-top: -8px; margin-bottom: 20px !important; } + +.feature-icon-lg + .feature-text-s8 { padding-top: 25px; } + +.feature-icon-sm { width: 60px; } + +.feature-icon-bg { margin: 0; position: absolute; right: -15px; bottom: -15px; width: 121px; height: 121px; margin: 0; background: rgba(70, 189, 244, 0.15); border-radius: 50%; box-shadow: 0px 0px 0px 10px rgba(70, 189, 244, 0.06); text-align: center; line-height: 104px; } + +.feature-icon-bg img { max-width: 60px; } + +.feature-icon-bg-grd { background-position: center center; background-size: contain; min-height: 135px; min-width: 230px; text-align: center; display: flex; align-items: center; justify-content: center; } + +.feature-icon-bg-grd-s1 { background-image: url(../../images/icons/icon-bg-a.png); } + +.feature-icon-bg-grd-s1 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s2 { background-image: url(../../images/icons/icon-bg-a2.png); } + +.feature-icon-bg-grd-s2 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s3 { background-image: url(../../images/icons/icon-bg-a3.png); } + +.feature-icon-bg-grd-s3 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-inline { display: flex; } + +.feature-inline.card { flex-direction: row; } + +.feature-middle { align-items: center; } + +.feature-middle .feature-icon { margin-bottom: 0; margin-right: 15px; display: inline-flex; align-items: center; } + +.feature-img { border-radius: 4px; } + +.feature-image { padding-bottom: 15px; } + +.feature-image img { height: 55px; width: auto !important; } + +.feature-center .feature-image img { margin-left: auto; margin-right: auto; } + +.feature-text p:last-child { margin-bottom: 0; } + +.feature-text-s8 .title-s5 { margin-bottom: 20px; } + +.feature-text-s1 .title-xs-alt { color: #28384c; line-height: 1.4; display: inline-block; } + +.feature-center { text-align: center; } + +.feature-center .feature-icon { margin-left: auto; margin-right: auto; } + +.feature-center .feature-icon .icon { margin-left: 0; } + +.feature-s1 { display: flex; margin-bottom: 0; align-items: center; padding-right: 20px; } + +.feature-s1.boxed { height: 100%; border-radius: 4px; } + +.feature-s1.bordered { border: 2px solid rgba(16, 18, 45, 0.2); } + +.feature-s1-1.bordered { border-color: rgba(16, 18, 45, 0.2); } + +.feature-s1-2.bordered { border-color: rgba(43, 86, 245, 0.2); } + +.feature-s1-3.bordered { border-color: rgba(70, 189, 244, 0.2); } + +.feature-s1-4.bordered { border-color: rgba(230, 96, 74, 0.2); } + +.feature-s3 { margin-bottom: 0; } + +.feature-s3.card { padding: 30px 30px 40px; margin-bottom: 0; height: 100%; } + +.feature-s3-alt { position: relative; padding: 0; padding-bottom: 25px !important; } + +.feature-s3-alt .title-md { margin-bottom: 0.6rem; } + +.feature-s3-alt:not(:last-child):before { position: absolute; content: ""; left: 30px; top: 20px; width: 1px; background: #46bdf4; height: 100%; } + +.feature-s4 .title { padding-top: 15px; } + +.feature-s6 { margin-bottom: 0; } + +.feature-s7 { margin-bottom: 50px; } + +.feature-s8.card { height: calc(100% - 40px); } + +.feature-s8-alt { padding-top: 50px; margin-top: 50px; } + +.feature-s8-alt .feature-icon { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); } + +.feature-s8-alt.card { height: calc(100% - 90px); } + +.feature-s10 { padding: 30px 30px 30px 25px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); } + +.feature-s10-left { margin-right: 20px; padding-bottom: 60px; } + +.feature-s10-right { margin-left: 20px; margin-top: -35px; } + +.feature-s10 .title-sm { margin-bottom: 1.2rem; } + +.feature-s11 { flex-wrap: wrap; align-items: flex-start; margin-bottom: 0; } + +.feature-s11 .list { margin-left: 20px; } + +.feature-s12 { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; } + +.feature-slider-dots { display: flex; justify-content: center; margin-bottom: 40px; } + +.feature-slider-dot { position: relative; height: 46px; width: 46px; flex-grow: 0; flex-shrink: 0; border-radius: 4px; padding: 5px; text-align: center; background: #a992ea; cursor: pointer; color: #6a55ea; box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15); transition: all .4s ease; margin: 0 8px; border: none; } + +.tc-light .feature-slider-dot { background: #9e90f1; } + +.feature-slider-dot:focus, .feature-slider-dot:active { outline: none; } + +.feature-slider-dot.active { background: #6a55ea; } + +.feature-slider-dot:after { position: absolute; top: 50%; left: 100%; height: 2px; content: ''; width: 100%; background: url(../images/line.png) repeat 0 0; z-index: -1; animation: slide 1s linear infinite; } + +.feature-slider-dot:last-child:after { display: none; } + +.feature-slider-dot:nth-child(2) { color: #2bc9b4; background: #def7f3; } + +.tc-light .feature-slider-dot:nth-child(2) { background: #8de7db; } + +.feature-slider-dot:nth-child(2).active { background: #2bc9b4; } + +.feature-slider-dot:nth-child(3) { color: #49adf3; background: #dbeffd; } + +.tc-light .feature-slider-dot:nth-child(3) { background: #9fd4f9; } + +.feature-slider-dot:nth-child(3).active { background: #49adf3; } + +.feature-slider-dot:nth-child(4) { color: #f2801c; background: #fce6d2; } + +.tc-light .feature-slider-dot:nth-child(4) { background: #f9c395; } + +.feature-slider-dot:nth-child(4).active { background: #f2801c; } + +.feature-slider-dot:nth-child(5) { color: #ea64c6; background: #fbe0f4; } + +.tc-light .feature-slider-dot:nth-child(5) { background: #f29edb; } + +.feature-slider-dot:nth-child(5).active { background: #ea64c6; } + +.feature-slider-dot .ikon { font-size: 28px; line-height: 35px; width: 35px; border-radius: 50%; background: #fff; display: block; } + +.feature-slider-dot-s1 { border-radius: 50%; padding: 0; } + +.feature-slider-dot-s1.active:before { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(132, 132, 164, 0.35); animation: 1.5s linear 0s normal none infinite focuse; } + +.feature-slider-dot-s1.active .ikon { background: transparent; color: #fff; } + +.feature-slider-dot-s1 .ikon { line-height: 46px; width: 46px; } + +.feature-document { padding: 0 27px; max-width: 280px; margin-left: auto; margin-right: auto; } + +.feature-document-s2 { margin: 0 0 20px 20px; position: relative; border-radius: 6px; min-height: 140px; padding: 25px 20px 20px 95px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); } + +.tc-light .feature-document-s2 { background: #10122d; } + +.feature-document-img { padding-right: 25px; position: relative; z-index: 1; } + +.feature-document-img-s2 { position: absolute; top: 20px; left: -20px; width: 100px; } + +.feature-document-img-s2 img { border-radius: 4px; } + +.feature-document-img img { border: 2px solid #fff; box-shadow: 0px 0px 12px 0px rgba(70, 189, 244, 0.15); position: relative; z-index: 2; border-radius: 5px; } + +.tc-light .feature-document-img img { border-width: 0; box-shadow: 0px 0px 12px 0px rgba(8, 9, 27, 0.25); } + +.feature-document-img:before { position: absolute; right: 0; content: ''; top: 40px; width: 40px; height: calc(100% - 70px); z-index: 1; background: #fff; box-shadow: 0px 5px 20px 0px rgba(70, 189, 244, 0.07); z-index: -1; } + +.tc-light .feature-document-img:before { background: rgba(70, 189, 244, 0.75); box-shadow: 0px 5px 20px 0px rgba(8, 9, 27, 0.15); } + +.feature-document-text { justify-content: space-between; display: flex; padding-top: 18px; align-items: center; } + +.feature-document-text-s2 { color: #28384c; margin-bottom: 14px; font-weight: 600; } + +.tc-light .feature-document-text-s2 { color: #fff; } + +.feature-document-text .drop-wrap { padding-bottom: 5px; } + +.feature-document-info span { display: block; line-height: 1; font-size: 13px; font-weight: 400; opacity: .5; } + +.feature-document-link { display: block; margin-top: 6px; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; color: #fff; background: #2b56f5; } + +.feature-document-link:hover, .feature-document-link:active, .feature-document-link:focus { background: #46bdf4; color: #fff; } + +.tc-light .feature-document-link:hover, .tc-light .feature-document-link:active, .tc-light .feature-document-link:focus { background: #46bdf4; color: #fff; } + +.feature-document-link-s2 li { display: inline-block; margin: 0 2px 5px; } + +.feature-document-link-s2 li a { padding: 0 10px; display: inline-block; line-height: 21px; border: 2px solid #8284a5; border-radius: 4px; font-size: .86em; font-weight: 500; color: #46bdf4; } + +.tc-light .feature-document-link-s2 li a { color: #8284a5 !important; border: 2px solid #fff; } + +.feature-reverse { flex-direction: row-reverse; text-align: right; } + +.feature-serial { font-size: 100px; font-weight: 700; line-height: normal; color: rgba(18, 24, 58, 0.2); } + +@keyframes focuse { 0% { transform: scale(0.8); + opacity: 1; } + 75% { transform: scale(1.2); + opacity: 0; } + 100% { transform: scale(1.2); + opacity: 0; } } + +@keyframes slide { from { background-position: 0 0; } + to { background-position: 40px 0; } } + +.boxed { padding: 15px 20px; } + +.boxed-xs { padding: 18px; } + +.boxed-sm { padding: 30px 25px; } + +.boxed-lg { padding: 30px 25px; } + +.boxed-xl { padding: 30px 25px; } + +@media (max-width: 575px) { .boxed.contact-form { padding: 20px; } + .feature-icon-s8 img { max-width: 220px; } } + +@media (min-width: 480px) { .feature-s10 { padding: 40px 90px 50px 35px; } + .feature-s10-left { margin-right: 45px; padding-bottom: 90px; } + .feature-s10-right { margin-left: 45px; margin-top: -45px; } + .feature-s11 { flex-wrap: nowrap; } } + +@media (min-width: 576px) { .feature.card { height: calc(100% - 30px); } + .feature-icon { margin-bottom: 20px; margin-right: 20px; } + .card-s3 .feature-icon { margin-right: 30px; } + .feature-sm-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-icon-s1 { margin-bottom: 40px; } + .feature-icon-s5 { margin-bottom: 0; } + .feature-icon-s7 { margin-right: 30px; } + .feature-sm-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-icon-bg { right: -40px; bottom: -40px; } + .has-rtl .feature-icon-bg { right: auto; left: -40px; } + .feature-icon-bg-grd { margin-bottom: 35px; } + .feature-s2 { display: flex; align-items: flex-start; } + .feature-s3 { margin-bottom: 0; padding: 0 30px; } + .feature-s3.card { margin-bottom: 0; height: 100%; } + .feature-s3-alt { padding: 0; } + .feature-s6 { padding-bottom: 145px; } + .feature-s6:before, .feature-s6:after { position: absolute; left: 50%; content: ''; transform: translateX(-50%); } + .feature-s6:before { bottom: 0; width: 2px; height: 95px; background: #dbe4f7; border-radius: 2px; } + .tc-light .feature-s6:before { background: rgba(255, 255, 255, 0.8); } + .feature-s6:after { bottom: 94px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #dbe4f7; background: #46bdf4; } + .tc-light .feature-s6:after { border-color: #fff; } + .feature-s8.card { height: calc(100% - 40px); } + .feature-s8-alt.card { height: calc(100% - 80px); } + .feature-s12 { flex-wrap: nowrap; } + .feature-slider-dot { height: 76px; width: 76px; padding: 10px; margin: 0 20px; } + .feature-slider-dot .ikon { font-size: 38px; line-height: 56px; width: 56px; } + .feature-slider-dot-s1 { padding: 0; } + .feature-slider-dot-s1 .ikon { font-size: 48px; line-height: 76px; width: 76px; } + .feature-sm-reverse { flex-direction: row-reverse; text-align: right; } + .boxed { padding: 40px 50px; } + .boxed-xs { padding: 18px; } + .boxed-sm { padding: 35px 25px; } + .boxed-md { padding: 40px 30px; } + .boxed-lg { padding: 45px 40px; } + .feature-icon-lg-s3 { margin-bottom: 5px !important; } } + +.link-feature-s1 { position: absolute; bottom: -40px; left: 50%; opacity: 0; transform: translate(-50%, 0); } + +.feature:hover .link-feature-s1 { bottom: -25px; opacity: 1; } + +@media (min-width: 768px) { .feature-s10 { padding: 40px 45px 50px 35px; } + .feature-s10-left { margin-right: -22.5px; margin-top: 60px; padding-bottom: 50px; } + .feature-s10-right { margin-left: -22.5px; margin-bottom: 60px; margin-top: 0; } + .feature-carousel-s1 .owl-nav { position: absolute; bottom: 35px; right: 15px; } + .feature-md-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-md-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-md-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (min-width: 992px) { .feature-s6-1 { padding-top: 197px; } + .feature-s6-2 { padding-top: 73px; } + .feature-s6-3 { padding-top: 0; } + .feature-s6-4 { padding-top: 184px; } + .feature-s10 { padding: 40px 240px 50px 50px; } + .feature-s10-left { margin-right: -95px; margin-top: 80px; } + .feature-s10-right { margin-left: -95px; } + .feature-text-s2 { padding: 0 0 0 45px; } + .feature-text-wd p { width: 72%; } + .feature-s11 { margin-top: 15px; margin-bottom: 15px; } + .feature-s12 { align-items: flex-start; } + .feature-lg-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-lg-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-lg-reverse { flex-direction: row-reverse; text-align: right; } + .boxed-xs { padding: 18px; } + .boxed-md { padding: 45px 40px; } + .boxed-lg { padding: 55px 60px; } + .boxed-xl { padding: 65px 60px; } } + +@media (min-width: 1200px) { .feature-text-s2 { padding: 0 65px 0 45px; } + .feature-text-wd p { width: 60%; } + .feature-xl-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-xl-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-xl-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (max-width: 991px) { .feature-icon-s1 { margin: 0 auto 40px; } } + +.feature-icon-btc .icon { color: #ffba00; } + +.feature-icon-eth .icon { color: #6a7aa2; } + +.feature-icon-ltc .icon { color: #adadad; } + +.feature-icon-xrp .icon { color: #2f3135; } + +.feature-icon-dash .icon { color: #1174bc; } + +.feature-icon-monero .icon { color: #ff6600; } + +.feature-currency .title { color: #28384c !important; } + +.feature-pd-lg { padding: 50px 30px; } + +.owl-item.active .feature { opacity: 0.8 !important; } + +.owl-item.active.center .feature { transition: 0.3s; opacity: 1 !important; } + +.feature-img-xl { max-width: 176px; margin: 0 auto; } + +@media (min-width: 992px) { .feature.center-lg { transform: scale(1.2); } } + +/** 04.08 Roadmap */ +.roadmap { position: relative; z-index: 10; padding-bottom: 30px; } + +.roadmap-carousel .roadmap { padding-bottom: 0; } + +.roadmap-s1:before, .roadmap-s1:after { position: absolute; content: ""; left: -1px; height: 50%; border-left-width: 3px; border-left-style: solid; border-color: #dbe4f7; } + +.tc-light .roadmap-s1:before, .tc-light .roadmap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + +.roadmap-s1:before { height: 45px; top: 0; } + +.flex-row-reverse .roadmap-s1:before { right: auto; } + +.roadmap-s1:after { height: calc(100% - 45px); right: auto; top: 45px; } + +.roadmap-s1-alt:before, .roadmap-s1-alt:after { left: 1px; border-left-width: 1px; border-left-style: dashed; } + +.tc-light .roadmap-s1-alt:before, .tc-light .roadmap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + +.flex-row-reverse .roadmap-s1-alt:before, .flex-row-reverse .roadmap-s1-alt:after { right: auto; left: 1px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-current:before { top: 0; } + +.roadmap-s1-alt.roadmap-done:after, .roadmap-s1-alt.roadmap-current:after { top: 45px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1-alt.roadmap-current:before { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1.roadmap-done:before, .roadmap-s1.roadmap-done:after { border-color: #46bdf4; } + +.roadmap-s1.roadmap-current:before { border-color: #46bdf4; } + +.roadmap-s2 { text-align: center; } + +.roadmap-s2:before, .roadmap-s2:after { position: absolute; content: ''; transition: width .3s; } + +.roadmap-s2:before { width: 0; height: 4px; background: #46bdf4; left: 0; top: 55px; } + +.tc-light .roadmap-s2:before { background: #46bdf4; } + +.roadmap-s2:after { left: 50%; top: 49px; transform: translateX(-50%); height: 16px; width: 16px; border-radius: 50%; border: 3px solid #dbe4f7; background: #fff; } + +.tc-light .roadmap-s2:after { border-color: #5b77a3; background: #0b0c22; } + +.roadmap-s2.roadmap-finished:after, .roadmap-s2.roadmap-running:after { background: #46bdf4; border: 2px solid #fff; } + +.tc-light .roadmap-s2.roadmap-finished:after, .tc-light .roadmap-s2.roadmap-running:after { background: #46bdf4; border-color: #fff; } + +.roadmap-s2.roadmap-finished:before { width: 100%; } + +.roadmap-s2.roadmap-running:before { width: 50%; } + +.roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(43, 86, 245, 0.1); } + +.tc-light .roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1); } + +.roadmap-s5 { width: 100%; } + +.roadmap-s5:last-child { padding-bottom: 30px; } + +.roadmap-s6 { padding-top: 65px; margin-top: 15px; } + +.roadmap-s6:before { position: absolute; content: ""; top: 0; left: -6px; width: calc(100% + 30px); height: 1px; z-index: 2; background: #fff; } + +.roadmap-s6:after { position: absolute; content: ""; top: 0; right: 50%; width: 19px; height: 19px; z-index: 3; border: 1px solid #fff; border-radius: 50%; transform: translate(50%, -50%); background: #fff; } + +.tc-light .roadmap-s6:after { background: #0b0c22; } + +.roadmap-s6.roadmap-done:after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; line-height: 17px; text-align: center; color: #fff; background: #39d884; } + +.roadmap-s6-1-2:before { background: linear-gradient(90deg, #46bdf4 0%, #2b56f5 100%); } + +.roadmap-s6-1-2:after { border-color: #2b56f5; } + +.roadmap-s6-1-2 .roadmap-head-s6:after { background: #2b56f5; } + +.roadmap-s6-2-1:before { background: linear-gradient(90deg, #2b56f5 0%, #46bdf4 100%); } + +.roadmap-s6-2-1:after { border-color: #46bdf4; } + +.roadmap-s6-2-1 .roadmap-head-s6:after { background: #46bdf4; } + +.roadmap-s6-2-3:before { background: linear-gradient(90deg, #2b56f5 0%, #10122d 100%); } + +.roadmap-s6-2-3:after { border-color: #10122d; } + +.roadmap-s6-2-3 .roadmap-head-s6:after { background: #10122d; } + +.roadmap-s6-3-2:before { background: linear-gradient(90deg, #10122d 0%, #2b56f5 100%); } + +.roadmap-s6-3-2:after { border-color: #2b56f5; } + +.roadmap-s6-3-2 .roadmap-head-s6:after { background: #2b56f5; } + +.roadmap-s6-3-1:before { background: linear-gradient(90deg, #10122d 0%, #46bdf4 100%); } + +.roadmap-s6-3-1:after { border-color: #46bdf4; } + +.roadmap-s6-3-1 .roadmap-head-s6:after { background: #46bdf4; } + +.roadmap-s6-1-3:before { background: linear-gradient(90deg, #46bdf4 0%, #10122d 100%); } + +.roadmap-s6-1-3:after { border-color: #10122d; } + +.roadmap-s6-1-3 .roadmap-head-s6:after { background: #10122d; } + +.roadmap-slider { position: relative; } + +.roadmap-text { max-width: 265px; margin-left: auto; margin-right: auto; } + +.roadmap-wrap { position: relative; padding: 40px 0 10px; margin-bottom: 40px; max-width: 430px; margin-left: auto; margin-right: auto; } + +.nk-block-left .roadmap-wrap { margin-left: 0; margin-right: 0; } + +.roadmap-wrap:before, .roadmap-wrap:after { position: absolute; content: ''; top: 0; bottom: 0; z-index: 7; } + +.roadmap-wrap-ovl-right:after { right: 0; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-light .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(239, 246, 255, 0.8) 25%, #eff6ff 60%, #eff6ff 100%); } + +.bg-light-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(223, 234, 249, 0.8) 25%, #dfeaf9 60%, #dfeaf9 100%); } + +.bg-white .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-theme .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(11, 12, 34, 0.8) 25%, #0b0c22 60%, #0b0c22 100%); } + +.bg-theme_alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(16, 18, 45, 0.8) 25%, #10122d 60%, #10122d 100%); } + +.bg-theme-dark .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(8, 9, 27, 0.8) 25%, #08091b 60%, #08091b 100%); } + +.bg-theme-dark-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(11, 12, 34, 0.8) 25%, #0b0c22 60%, #0b0c22 100%); } + +.roadmap-wrap-s1 { padding-bottom: 0; padding-top: 0; max-width: 90%; } + +.roadmap-wrap-s5 { display: flex; flex-wrap: wrap; padding: 40px 0 0; } + +.roadmap-wrap-s5:before { position: absolute; content: ""; left: 0; width: 1px; height: calc(100% + 30px); background: #46bdf4; } + +.roadmap-line { position: absolute; left: 19px; top: 0; background: #c1cef1; height: 100%; width: 2px; content: ''; z-index: 9; } + +.roadmap-line:after, .roadmap-line:before { position: absolute; background: #c1cef1; height: 10px; width: 10px; border-radius: 50%; content: ''; left: -4px; } + +.roadmap-line:before { top: 0; } + +.roadmap-line:after { bottom: 0; } + +.tc-light .roadmap-line { background: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-line:after, .tc-light .roadmap-line:before { background: #46bdf4; } + +.bg-theme-dark .roadmap-line { background: #10122d; } + +.bg-theme-dark .roadmap-line:after, .bg-theme-dark .roadmap-line:before { background: #46bdf4; } + +.bg-theme .roadmap-line { background: #10122d; } + +.bg-theme .roadmap-line:after, .bg-theme .roadmap-line:before { background: #46bdf4; } + +.roadmap-line-s2 { position: absolute; width: 100%; height: 4px; background: #dbe4f7; content: ''; top: 95px; border-radius: 2px; left: 0; } + +.tc-light .roadmap-line-s2 { background: #5b77a3; } + +.roadmap-line-s3:before, .roadmap-line-s3:after { display: none; } + +.roadmap-year { border-radius: 50%; color: #fff; background: #0b0c22; height: 50px; width: 50px; text-align: center; line-height: 50px; font-weight: 700; font-size: 12px; position: relative; left: -5px; } + +.tc-light .roadmap-year { background: #46bdf4; } + +.bg-theme .roadmap-year, .bg-theme-dark .roadmap-year { background: #46bdf4; } + +.roadmap-year-s2 { padding-bottom: 65px; } + +.roadmap-step { border: 2px solid #dbe4f7; border-radius: 5px; position: relative; margin-left: 50px; padding: 20px 20px 15px; position: relative; max-width: 380px; } + +.bg-light .roadmap-step { background: #fff; } + +.roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + +.roadmap-step:before { height: 18px; width: 18px; border-radius: 50%; border: 5px solid #fff; background: #0b0c22; left: -41px; top: 34px; z-index: 1; } + +.roadmap-step:after { height: 2px; width: 22px; background: #dbe4f7; left: -22px; top: 42px; } + +.roadmap-step p:last-child { margin-bottom: 0; } + +.roadmap-step-list li:before { background: #28384c; } + +.tc-light .roadmap-step-list li:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-step-list-s1 li { list-style: none; padding: 8px 0; position: relative; } + +.roadmap-step-list-s1 li:after { position: absolute; content: ""; left: 10px; bottom: 0; width: 20px; height: 1px; transform: translateX(-50%); background: currentColor; } + +.roadmap-step-list-s1 li:last-child:after { display: none; } + +.tc-light .roadmap-step { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-step:before { background: #46bdf4; } + +.tc-light .roadmap-step:after { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); } + +.bg-theme .roadmap-step, .bg-theme-dark .roadmap-step { background: #0b0c22; border-color: #10122d; } + +.bg-theme .roadmap-step:before, .bg-theme-dark .roadmap-step:before { background: #46bdf4; border-color: #0b0c22; } + +.bg-theme .roadmap-step:after, .bg-theme-dark .roadmap-step:after { background: #10122d; border-color: #10122d; } + +.bg-theme-dark .roadmap-step:before { border-color: #08091b; } + +.bg-theme-alt .roadmap-step:before { border-color: #10122d; } + +.bg-light .roadmap-step:before { border-color: #eff6ff; } + +.has-bg-image .roadmap-step:before { border-color: transparent; } + +.roadmap-step-s1 { margin-left: 0; border: none; padding-top: 0; padding-right: 25px; padding-left: 25px; z-index: 1; max-width: 100%; } + +.bg-light .roadmap-step-s1 { background: transparent; } + +.bg-theme .roadmap-step-s1, .bg-theme-dark .roadmap-step-s1, .tc-light .roadmap-step-s1 { background: transparent; } + +.roadmap-step-s1:before { display: none; } + +.roadmap-step-s1:after { width: 38px !important; left: 0 !important; height: 0; top: 49px; z-index: -1; background: none !important; border-top: 1px solid; border-color: #dbe4f7; } + +.roadmap-s1-alt .roadmap-step-s1:after { border-top-style: dashed; } + +.roadmap-step-s3 { margin-left: 0; border: none; padding: 0px 23px 30px; } + +.tc-light .roadmap-step-s3 { background: transparent; } + +.roadmap-step-s3:before { display: none; } + +.roadmap-step-s3:after { height: 60px; left: 50%; width: 2px; top: 75px; } + +.roadmap-step-s5 { margin: 0; background-color: transparent !important; border: none; padding-top: 0; padding-bottom: 0; } + +.roadmap-step-s5:before, .roadmap-step-s5:after { display: none; } + +.roadmap-head { margin-bottom: 10px; padding-right: 35px; position: relative; } + +.roadmap-finished .roadmap-head:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; line-height: 32px; border-radius: 50%; text-align: center; color: #fff; background: #2b56f5; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: .88rem; content: '\f00c'; } + +.roadmap-head-s1 { padding-right: 0; margin-bottom: 0; line-height: 1.6; } + +.roadmap-head-s3 { padding-bottom: 120px; margin-bottom: 0; padding-right: 0; } + +.roadmap-head-s5 { padding: 0; } + +.roadmap-head-s5:after { display: none; } + +.roadmap-head-s6 { padding-left: 0; padding-right: 0; } + +.roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: 50%; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + +.roadmap-time { display: block; color: #0b0c22; font-size: 13px; text-transform: uppercase; } + +.tc-light .roadmap-time { color: rgba(255, 255, 255, 0.8); } + +.roadmap-time-s1 { padding-bottom: 27px; line-height: 26px; width: 100%; display: inline-block; font-weight: 700; font-size: 0.81rem; position: relative; color: #42aaf5; line-height: 25px; } + +.roadmap-time-s1:after, .roadmap-time-s1:before { position: absolute; content: ""; left: -24px; border-radius: 50%; } + +.roadmap-time-s1:after { bottom: -2px; width: 11px; height: 11px; margin-left: -5.5px; margin-top: -5.5px; background: #46bdf4; } + +.tc-light .roadmap-time-s1:after { background: #fff; } + +.roadmap-time-s1:before { bottom: -10px; width: 27px; height: 27px; margin-left: -13.5px; margin-top: -13.5px; } + +.roadmap-done .roadmap-time-s1:before, .roadmap-current .roadmap-time-s1:before { background: rgba(70, 189, 244, 0.23); } + +.tc-light .roadmap-done .roadmap-time-s1:before, .tc-light .roadmap-current .roadmap-time-s1:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-time-s3 { color: #42aaf5; } + +.roadmap-time-s3:before { position: absolute; left: 50%; transform: translateX(-50%); content: '\f1da'; border-radius: 50%; font-family: "Font Awesome 5 Free"; font-weight: 600; box-shadow: 0px 2px 7px 0px rgba(70, 189, 244, 0.1); top: 32px; background: linear-gradient(-90deg, #fff 0%, white 100%); border: 1px solid rgba(70, 189, 244, 0.2); height: 32px; line-height: 32px; width: 32px; color: #42aaf5; z-index: 1; font-size: 13px; } + +.tc-light .roadmap-time-s3:before { color: rgba(255, 255, 255, 0.8); background: linear-gradient(-90deg, #0b0c22 0%, #171a49 100%); border-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 2px 7px 0px rgba(255, 255, 255, 0.1); } + +.roadmap-done .roadmap-time-s3:before { content: '\f00c'; } + +.roadmap-running .roadmap-time-s3:before { content: '\f021'; } + +.roadmap-s3-1 .roadmap-time-s3:before { content: ''; background: rgba(70, 189, 244, 0.5); border: none; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:before { background: rgba(27, 174, 241, 0.5); } + +.roadmap-s3-1 .roadmap-time-s3:after { position: absolute; left: 50%; top: 40px; transform: translateX(-50%); border-radius: 50%; content: ''; background: #46bdf4; height: 16px; width: 16px; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:after { background: #1baef1; } + +.roadmap-time-s5 { font-weight: 600; text-transform: capitalize; font-size: 1rem; color: #46bdf4; } + +.roadmap-time-s5:not(:last-child) { padding-bottom: 10px; } + +.roadmap-time-s5:after { position: absolute; height: 19px; width: 19px; border: 1px solid #46bdf4; background: #46bdf4; top: 2px; left: -29px; border-radius: 50%; content: ''; } + +.roadmap-finished .roadmap-time-s5:after { background: #eff6ff; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 10px; text-align: center; line-height: 18px; color: #2b56f5; } + +.tc-light .roadmap-finished .roadmap-time-s5:after { color: #2b56f5; background: #0b0c22; } + +.roadmap-time-s6 { text-transform: none; } + +.roadmap-title { color: #42aaf5; font-weight: 700; font-size: 16px; } + +.tc-light .roadmap-title { color: #fff; } + +.roadmap-title-s1 { padding-top: 25px; display: inline-block; font-size: 1rem; font-weight: 500; line-height: 1.6; color: #28384c; } + +.roadmap-title-s2 { position: relative; font-size: 1rem; font-weight: 500; color: #2b56f5; top: -10px; } + +.tc-light .roadmap-title-s2 { color: #46bdf4; } + +.roadmap-title-s2:before { position: absolute; content: ''; left: -25px; top: 1px; transform: translate(-50%, 0); height: 15px; width: 15px; border-radius: 50%; background: #2b56f5; border: 1px solid #2b56f5; } + +.roadmap-done .roadmap-title-s2:before { height: 19px; width: 19px; font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900; font-size: 9px; line-height: 18px; text-align: center; color: #39d884; background: #fff; } + +.tc-light .roadmap-done .roadmap-title-s2:before { color: #fff; background: #0b0c22; } + +.bg-theme .roadmap-done .roadmap-title-s2:before { background: #0b0c22; } + +.bg-theme-alt .roadmap-done .roadmap-title-s2:before { background: #10122d; } + +.bg-theme-dark .roadmap-done .roadmap-title-s2:before { background: #08091b; } + +.bg-theme-dark-alt .roadmap-done .roadmap-title-s2:before { background: #0b0c22; } + +.roadmap-carousel { padding: 0 40px; } + +.roadmap-carousel:after, .roadmap-carousel:before { position: absolute; height: 12px; width: 12px; border-radius: 50%; content: ''; top: 42px; background: #dbe4f7; } + +.tc-light .roadmap-carousel:after, .tc-light .roadmap-carousel:before { background: #10122d; } + +.roadmap-carousel .owl-nav { position: absolute; left: -30px; top: 23px; font-size: 36px; font-weight: 400; width: calc(100% + 60px); opacity: 0.3; } + +.roadmap-carousel .owl-nav .owl-next { right: -30px; } + +.roadmap-carousel .owl-nav .owl-prev { left: -30px; } + +.roadmap-carousel .owl-nav .owl-next, .roadmap-carousel .owl-nav .owl-prev { top: -30px; position: absolute; z-index: 2; height: 52px; width: 52px; font-size: 36px; line-height: 52px; text-align: center; color: #46bdf4; transform: translateY(50%); } + +.roadmap-carousel:after { right: 0; } + +.roadmap-carousel:before { left: 0; } + +.roadmap-carousel-s2:after, .roadmap-carousel-s2:before { height: 1px; width: 85px; border-radius: 0; top: 15px; z-index: 4; } + +.roadmap-carousel-s2:before { background: linear-gradient(90deg, #dfeaf9 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme .roadmap-carousel-s2:before { background: linear-gradient(90deg, #0b0c22 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #10122d 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark .roadmap-carousel-s2:before { background: linear-gradient(90deg, #08091b 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #0b0c22 0%, rgba(0, 0, 0, 0) 100%); } + +.roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #dfeaf9 100%); } + +.bg-theme .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #0b0c22 100%); } + +.bg-theme-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #10122d 100%); } + +.bg-theme-dark .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #08091b 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #0b0c22 100%); } + +.roadmap-carousel-s2:after { right: 40px; } + +.roadmap-carousel-s2:before { left: 40px; } + +.roadmap-carousel-container { position: relative; } + +.roadmap-carousel-container:before { position: absolute; content: ""; left: 0; top: 47px; width: 100%; height: 2px; background: #dbe4f7; } + +.tc-light .roadmap-carousel-container:before { background: #10122d; } + +.roadmap-carousel-nav-s2 .owl-nav { width: calc(100% + 80px); top: 26px; opacity: 1; } + +.roadmap-carousel-nav-s2 .owl-nav button { border: none !important; } + +.roadmap-carousel-nav-s2 .owl-nav button:after { font-size: 36px; line-height: 52px; color: #dbe4f7; } + +.roadmap-carousel-nav-s2.roadmap-carousel-s2 .owl-nav { top: -7px; left: 0; width: calc(100% + 20px); } + +.roadmap-carousel:not([data-dots="true"]) { margin-bottom: -30px; } + +.roadmap-list { position: relative; padding-top: 15px; } + +.roadmap-list:after { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100vw; height: 1px; content: ''; background: #7a0fff; } + +.roadmap-innr { padding: 0 25px 30px; } + +.roadmap-innr:before { position: absolute; left: 0; height: 100%; width: 1px; content: ''; transform: translateX(-50%); background-image: linear-gradient(to bottom, #2b56f5 0%, #7a0fff 100%); } + +.roadmap-item { position: relative; } + +.roadmap-item:nth-child(even) .roadmap-innr:before { background-image: linear-gradient(to top, #2b56f5 0%, #7a0fff 100%); } + +@media (min-width: 576px) { .roadmap-wrap-ovl-right { max-width: none; margin-right: -200px; } + .roadmap-wrap-ovl-right:after { width: 280px; } + .roadmap-wrap-ovl-right .owl-nav { margin-right: 190px; } } + +@media (min-width: 768px) { .roadmap-s5 { display: flex; text-align: right; } + .roadmap-s5.roadmap-right { justify-content: flex-end; text-align: left; } + .roadmap-s5:not(:last-child) { padding-bottom: 15px; } + .roadmap-wrap-s5 { max-width: 100%; } + .roadmap-wrap-s5:before { top: -30px; left: 50%; margin-left: -0.5px; } + .roadmap-step-s5 { max-width: 50%; padding-left: 30px; padding-right: 30px; } + .roadmap-time-s5:after { left: -39px; } + .roadmap-left .roadmap-time-s5:after { right: -40px; left: auto; } } + +@media (min-width: 992px) { .roadmap { display: flex; } + .roadmap-s1:before, .roadmap-s1:after { top: 41px; height: 0; width: 50%; border-top-width: 3px; border-top-style: solid; border-left-width: 0; } + .roadmap-s1:before { left: 0; } + .flex-row-reverse .roadmap-s1:before { right: 0; left: auto; } + .roadmap-s1:after { left: auto; right: 0; z-index: -1; } + .flex-row-reverse .roadmap-s1:after { right: auto; left: 0; } + .roadmap-s1-alt:before, .roadmap-s1-alt:after { top: 42px; border-top-width: 1px; border-top-style: dashed; } + .roadmap-s1-alt:after { right: 0; } + .roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-done:after { right: 0; left: auto; } + .roadmap-s1-alt.roadmap-current:before { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-current:after { top: 42px; } + .roadmap-s2 { display: block; } + .roadmap-s6 { display: block; } + .roadmap-s6:after { right: -14px; } + .roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: -14px; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + .roadmap-wrap { padding: 40px 0 10px; margin-bottom: 60px; max-width: 100%; } + .roadmap-wrap-ovl-left, .roadmap-wrap-ovl-right { max-width: none; } + .roadmap-wrap-s1 { padding-top: 0; } + .roadmap-wrap-s1:after { position: absolute; width: 15px; height: calc(100% + 3px); border-width: 3px; border-style: solid; border-color: #dbe4f7; top: 41px; } + .tc-light .roadmap-wrap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + .roadmap-wrap-s1-alt:after { height: calc(100% + 1px); border-width: 1px; border-style: dashed; top: 42px; } + .tc-light .roadmap-wrap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + .roadmap-wrap-s1-alt.roadmap-wrap-done:after { height: calc(100% + 3px); border-width: 3px; border-style: solid; top: 41px; } + .roadmap-wrap-s1.roadmap-wrap-done:after { border-color: #46bdf4; } + .roadmap-wrap-s1:nth-child(odd):after { right: -15px; border-radius: 0 20px 20px 0; border-left-width: 0; } + .roadmap-wrap-s1:nth-child(even):after { left: -15px; border-radius: 20px 0px 0px 20px; border-right-width: 0; } + .roadmap-wrap-s1:last-child:after { display: none; } + .roadmap-line { left: 50%; margin-left: -1px; } + .roadmap-left { justify-content: flex-start; margin-top: -80px; } + .roadmap-left .roadmap-step { margin-left: 0; margin-right: 80px; } + .roadmap-left .roadmap-step:before { left: auto; right: -91px; } + .roadmap-left .roadmap-step:after { left: auto; right: -78px; } + .roadmap-left.roadmap-s5 { margin-top: 0; } + .roadmap-right { justify-content: flex-end; } + .roadmap-right .roadmap-step { margin-left: 80px; } + .roadmap-year { height: 60px; width: 60px; line-height: 60px; font-size: 16px; position: static; margin-left: auto; margin-right: auto; } + .roadmap-step { width: 100%; padding: 40px 30px 35px; } + .roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + .roadmap-step:before { left: -91px; } + .roadmap-step:after { width: 78px; left: -78px; } + .roadmap-step-list li:before { top: 12px; } + .roadmap-step-list-s1 li:after { left: 50%; } + .roadmap-step-s1 { padding-top: 0; padding-left: 15px; padding-right: 15px; } + .roadmap-step-s1:after { width: 0 !important; left: 50% !important; margin-left: -0.5px; height: 40px !important; top: 48px; border-top: 0; border-left: 1px solid; border-color: #dbe4f7; } + .roadmap-s1-alt .roadmap-step-s1:after { border-left-style: dashed; } + .roadmap-step-s3 { padding-top: 0; background: transparent !important; } + .roadmap-step-s3:after { left: 50%; width: 2px; } + .roadmap-step-s5 { padding-top: 0; padding-bottom: 0; } + .roadmap-head { margin-bottom: 15px; } + .roadmap-time { font-size: 14px; } + .roadmap-time-s1:after { left: 50%; bottom: 5px; } + .roadmap-time-s1:before { bottom: -2px; left: 50%; } + .roadmap-time-s3 { font-size: .87rem; font-weight: 600; } + .roadmap-time-s6 { font-size: 18px; } + .roadmap-title { font-size: 18px; } + .roadmap-title-s1 { padding-top: 48px; } + .roadmap-title-s2 { font-size: 1rem; } + .roadmap-list { display: flex; align-items: flex-end; margin-bottom: 200px; } + .roadmap-item { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .roadmap-item:nth-child(even) { flex-grow: 0; width: 0; } + .roadmap-item:nth-child(even) .roadmap-innr { position: absolute; top: 0; left: 0; padding-top: 90px; min-width: 190px; transform: translateX(calc(-50% + 5px)); } + .roadmap-item:nth-child(even) .roadmap-innr:before { top: 0; height: 90px; } + .roadmap-item-sm { min-height: 170px; } + .roadmap-item-lg { min-height: 300px; } } + +@media (min-width: 1200px) { .roadmap-left .roadmap-step:before { right: -86px; } + .roadmap-left .roadmap-step:after { right: -73px; } + .roadmap-step:before { left: -86px; } + .roadmap-step:after { width: 73px; left: -73px; } + .roadmap-step-s1:before { left: 50%; } + .roadmap-step-s3:after { left: 50%; width: 2px; } } + +/** 04.091 Token */ +.token-info { border: 1px solid rgba(70, 189, 244, 0.2); border-radius: 8px; padding: 18px 20px 0; margin-bottom: 30px; } + +.token-info-s1 { padding: 0 30px; border: none; text-align: left; } + +.token-info-item { position: relative; padding-left: 25px; } + +.token-info-item:before { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; content: ''; border-radius: 2px; background: #a963ff; } + +.token-info-item.color-2:before { background: #f42f54; } + +.token-info-item.color-3:before { background: #f5a946; } + +.token-info-item.color-4:before { background: #63a5ff; } + +.token-info-item.color-5:before { background: #ff8d87; } + +.token-info-item-s1 { padding-left: 0; display: flex; align-items: center; justify-content: space-between; margin: 25px 0; } + +.token-info-item-s1:first-child { margin-top: 16px; } + +.token-info-item-s1:before { display: none; } + +.token-info-item-s1 span { font-size: 12px; font-weight: 400; color: #46bdf4; text-transform: uppercase; } + +.token-info-item-s1 h4 { font-size: 1.5rem; line-height: 1; font-weight: 300; } + +.token-info-title { font-size: 0.7rem; text-transform: uppercase; font-weight: 700; letter-spacing: 0.04em; margin-bottom: 4px; } + +.token-info-des { font-size: 1.1rem; } + +.token-status { border-radius: 8px 8px 0 0; border: 1px solid rgba(70, 189, 244, 0.2); padding: 18px 20px 10px; text-align: center; } + +.token-status .countdown-s2 { padding: 0; } + +.token-status-s1 { padding: 30px; box-shadow: 0px 15px 20px 0px rgba(11, 12, 34, 0.1); margin-left: 0; } + +.token-status-s2 { position: relative; border: none; padding: 0; max-width: 360px; margin: 50px auto 0; } + +.token-status-s2 .icon-list { margin-top: 10px; } + +.token-status-s3 { padding: 29px 0 0; border: none; } + +.token-status-s3 .countdown-s2 { padding-left: 30px; padding-right: 30px; } + +.token-status-s4 { border: none; padding: 65px 0 50px; } + +.token-status-s4 .icon-list { margin-top: 10px; } + +.token-status-s5 { background: #0b0c22; padding-bottom: 25px; } + +.token-status-s6 { border: none; padding: 20px 20px 25px; } + +.token-countdown { padding: 16px 0 20px; } + +.token-min { font-size: 13px; color: #8284a5; display: block; padding: 12px 0; } + +.token-min-s2 { padding: 15px 0 0; text-align: left; } + +.token-min-s2 span { display: block; } + +.token-min-s2 span:first-child { color: #46bdf4; font-size: 12px; line-height: 1; text-transform: uppercase; font-weight: 300; } + +.token-min-s2 span:last-child { line-height: normal; padding-top: 4px; } + +.token-alocate-item { position: relative; padding: 0 20px 15px; margin-bottom: 30px; margin-left: auto; margin-right: auto; background: #fff; height: calc(100% - 30px); border-radius: 4px; } + +.token-alocate-item:not([class*='shadow']) { box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.token-alocate-item-s1 { padding-left: 0; padding-right: 0; background-color: transparent; } + +.token-alocate-graph { padding: 20px 0 15px; position: relative; } + +.token-alocate-graph span, .token-alocate-graph img { position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; } + +.token-alocate-graph span { color: #28384c; font-size: 2em; font-weight: 400; line-height: 1.3; } + +.token-alocate-graph img { width: 150px; } + +.token-alocate-graph canvas { position: relative; z-index: 5; } + +.token-alocate-graph-s1 canvas { min-height: 230px; } + +.token-alocate-list li { color: #28384c; display: flex; align-items: center; font-weight: 400; padding: 13px 0; } + +.token-alocate-list li .token-alocate-percent { font-weight: 600; color: #0b0c22; } + +.token-box-s1 { position: absolute !important; left: 0; bottom: -157px; width: 100%; z-index: 9 !important; } + +.token-box-s2 { background: rgba(11, 12, 34, 0.3); padding: 30px 20px 52px; } + +.token-box-s2 .title { margin-bottom: 1.2rem; } + +.token-box-s3 { padding-bottom: 20px; } + +.token-countdown-wrapper { padding: 30px; background: #fff; box-shadow: 0px 15px 20px 0px rgba(11, 12, 34, 0.1); } + +.token-countdown-wrapper h6 { color: currentColor; } + +.token-action-s1 { margin-top: -22px; } + +.token-action-s2 { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action + .icon-list { margin-top: 15px; } + +.token-sale-box { background: #eff6ff; border-radius: 4px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; padding: 20px 15px 33px; transition: all .4s; } + +.tc-light .token-sale-box { background: rgba(70, 189, 244, 0.08); } + +.token-sale-info { display: block; font-size: 2.4rem; font-weight: 300; color: #46bdf4; } + +.token-sale-title { font-size: 14px; text-transform: uppercase; font-weight: 400; } + +.token-bonus-item { padding: 50px 25px 46px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; border-radius: 4px; margin-bottom: 30px; transition: all .4s; height: calc(100% - 30px); background: #20245a; } + +.token-bonus-item span { display: block; } + +.token-bonus-item.two { background: #171a40; } + +.token-bonus-item.three { background: #1d2153; } + +.token-bonus-title { display: inline-block !important; line-height: 18px; font-size: 13px; color: #fff; text-transform: uppercase; padding: 6px 20px; background: #08091b; border-radius: 15px; font-weight: 400; } + +.token-bonus-percent { font-size: 4em; line-height: 1; padding: 22px 0 7px; font-weight: 300; color: #fff; } + +.token-bonus-txt { font-size: 14px; line-height: 18px; font-weight: 400; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); } + +.tc-light .token-bonus-txt { color: rgba(255, 255, 255, 0.6); } + +.token-stage { margin-bottom: 33px; } + +.token-stage-title { color: #fff; background: #0d9adb; text-transform: uppercase; font-weight: 700; line-height: 26px; padding: 10px; border-radius: 6px 6px 0 0; } + +.token-stage-pre { background: #1faff2; } + +.token-stage-one { background: #0ea8ef; } + +.token-stage-date { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; padding: 12px 0 10px; } + +.tc-light .token-stage-date { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-date h6 { font-weight: 700; font-size: 1rem; margin-bottom: 0; } + +.token-stage-date span { font-size: 15px; } + +.token-stage-info { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; border-radius: 0 0 6px 6px; padding: 14px 0 16px; } + +.tc-light .token-stage-info { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-info span { display: block; font-size: 15px; line-height: 1.86; } + +.token-stage-bonus { color: #46bdf4; } + +.token-action-s2 { padding: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action-box { display: flex; align-items: center; flex-wrap: wrap; border-radius: 6px; background: rgba(70, 189, 244, 0.1); } + +.token-action-box > div { padding: 20px 25px; width: 100%; } + +.token-action-box > div:last-child { padding-top: 0; } + +.tc-light .token-action-box { background: rgba(70, 189, 244, 0.1); } + +.token-action-title { width: 30%; background: #46bdf4; border-radius: 6px 6px 0 0; font-weight: 500; font-size: 1.2em; line-height: 1.44; flex-grow: 1; width: 100%; } + +.tc-light .token-action-title { background: #46bdf4; } + +.token-action-box .token-action-title { padding: 25px; } + +.token-action-date { width: 40%; } + +.token-action-date strong { display: block; } + +.token-action-btn { width: 34%; } + +.token-action-btn .btn-grad { padding: 14px 0px; width: 100%; } + +.token-bar-chart { position: relative; z-index: 9; } + +.token-bar-item { position: relative; height: 40px; border-radius: 20px; margin: 10px 0; } + +.token-bar-item.tbic1 { background: #002674; } + +.token-bar-item.tbic1:before { background: #002674; } + +.token-bar-item.tbic2 { background: #004ae2; } + +.token-bar-item.tbic2:before { background: #004ae2; } + +.token-bar-item.tbic3 { background: #3b7bff; } + +.token-bar-item.tbic3:before { background: #3b7bff; } + +.token-bar-item.tbic4 { background: #3bb8ff; } + +.token-bar-item.tbic4:before { background: #3bb8ff; } + +.token-bar-item.tbic5 { background: #5378fb; } + +.token-bar-item.tbic5:before { background: #5378fb; } + +.token-bar-txt { position: absolute; font-size: 13px; padding-bottom: 0; top: 50%; left: 100%; min-width: 300%; transform: translateX(45px) translateY(-50%); } + +.token-bar-txt:after { position: absolute; content: ''; left: 0; top: 50%; height: 1px; width: 25px; margin-left: -35px; background: rgba(22, 161, 255, 0.5); } + +.token-bar-txt span { display: block; line-height: 1.5; white-space: nowrap; } + +.token-bar-txt span:first-of-type { font-weight: 600; } + +.token-bar-item.tbic1 .token-bar-txt span:first-of-type { color: #002674; } + +.token-bar-item.tbic2 .token-bar-txt span:first-of-type { color: #004ae2; } + +.token-bar-item.tbic3 .token-bar-txt span:first-of-type { color: #3b7bff; } + +.token-bar-item.tbic4 .token-bar-txt span:first-of-type { color: #3bb8ff; } + +.token-bar-item.tbic5 .token-bar-txt span:first-of-type { color: #5378fb; } + +@media (min-width: 768px) { .token-bar-chart { display: flex; overflow: visible; margin-top: 135px; } + .token-bar-item { margin: 0; } + .token-bar-item:before { position: absolute; left: -20px; top: 0; height: 40px; width: 40px; content: ''; z-index: -1; } + .token-bar-item:first-child:before { display: none; } + .token-bar-txt { padding-bottom: 10px; top: -110px; left: 50%; min-width: 100%; transform: translateX(-50%); text-align: center; } + .token-bar-txt:after { left: 50%; top: 100%; height: 65px; width: 1px; margin-left: 0; } } + +@media (max-width: 420px) { .token-status-s6 .countdown-time { font-size: 1.8rem; } + .token-status-s6 .cpn-links, .token-status-s6 .cpn-links li { padding-left: 10px; padding-right: 10px; } } + +@media (min-width: 480px) { .token-status .countdown-s2 { padding: 0 30px 20px; } + .token-info-s1 { padding: 0 30px; } + .token-min-s2 { padding: 0; } } + +@media (min-width: 576px) { .token-info { padding: 24px 40px 0; } + .token-info .text-block-title { text-align: center; } + .token-info-list li { display: flex; } + .token-info-list li > span { width: 50%; } + .token-info-title { font-size: 0.88rem; letter-spacing: 0.2em; } + .token-info-des { font-size: 1.375rem; } + .token-info-s1 { padding: 0 30px; } + .token-status { padding: 24px 28px 20px; } + .token-status-md { padding: 36px; } + .token-status-s2 { padding: 0; } + .token-status-s3 { padding: 29px 0 0; border: none; } + .token-status-s4 { padding: 65px 0 50px; } + .token-status-s5 { padding: 40px 30px 40px; } + .token-status-s6 { border: none; padding: 35px 50px 45px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; } + .token-alocate-graph { padding: 30px 40px 30px; } + .token-action-box { flex-wrap: nowrap; } + .token-action-box > div:last-child { padding-top: 20px; padding-left: 0; } + .token-action-title { width: auto; border-radius: 6px 0 0 6px; } + .token-action-s2 { padding: 30px; } } + +@media (min-width: 768px) { .token-alocate-item { padding: 20px 30px 40px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; margin-bottom: 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-box-s1 { position: absolute !important; left: 0; bottom: -45px; width: 100%; z-index: 9 !important; } } + +@media (min-width: 992px) { .token-countdown-wrapper { padding: 30px 60px 30px 66px; } + .token-status-s1 { padding: 30px 60px 30px 66px; margin-left: 0; } + .token-status-s2 { margin: 65px 140px 0 0; } + .token-status-s3 { margin-left: 25px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding: 30px 65px 0px; } + .token-alocate-item-s1:before { position: absolute; height: 610px; width: 610px; top: 0; left: 50%; content: ''; border-radius: 20px; background: rgba(11, 12, 34, 0.04); transform: rotate(45deg); transform-origin: 0 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-alocate-graph-s1 { margin-top: 80px; } + .token-action-box { margin-top: 25px; } } + +.tokdis-item { position: relative; padding-left: 0; padding-bottom: 15px; margin-bottom: 15px; padding-top: 8px; display: inline-block; } + +.tokdis-item:before { position: absolute; width: 40px; height: 3px; border-radius: 1.5px; content: ''; background: #46bdf4; top: 0; left: 50%; transform: translateX(-50%); } + +.tokdis-item h5 { font-size: 1.125em; } + +.tokdis-list { padding-bottom: 40px; } + +@media (min-width: 992px) { .tokdis-item { padding-left: 25px; padding-bottom: 4px; padding-top: 0; } + .tokdis-item:before { width: 3px; height: 100%; top: 0; left: 0; transform: translateX(0); } + .tokdis-list { padding-bottom: 80px; } } + +.toktmln-item { position: relative; padding: 0 0 20px; display: flex; justify-content: center; } + +.toktmln-item:before { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); content: ''; height: 30px; width: 30px; border-radius: 50%; border: 6px solid #dbe4f7; background: #46bdf4; } + +.tc-light .toktmln-item:before { border-color: #fff; } + +.toktmln-item div { padding: 0 30px 5px 0; text-align: right; width: 50%; flex-grow: 1; } + +.toktmln-item div:last-child { padding: 0 0 0 30px; text-align: left; } + +.toktmln-item div span { display: block; font-weight: 600; } + +.toktmln-item div span:last-child { font-size: .775em; padding-bottom: 8px; font-weight: 400; color: #28384c; } + +.tc-light .toktmln-item div span:last-child { color: #8284a5; } + +.toktmln-list { position: relative; } + +.toktmln-list:before { position: absolute; left: 50%; top: -24px; width: 2px; margin-left: -1px; height: 100%; background: #dbe4f7; content: ''; } + +.tc-light .toktmln-list:before { background: #fff; } + +@media (min-width: 992px) { .toktmln-list { position: relative; } + .toktmln-list:before { left: 0; top: 14px; width: 100%; height: 2px; } + .toktmln-item { padding: 64px 0 0; display: block; } + .toktmln-item:before { top: 0; left: 0; transform: translateX(0); } + .toktmln-item div { padding-bottom: 5px; text-align: left; width: 100%; padding-left: 0; padding-right: 0; } + .toktmln-item div:last-child { padding: 0 0 0 0; } + .toktmln-item div span:last-child { font-size: .875em; } } + +.stage-info { padding-left: 15px; } + +.stage-info .title { margin-bottom: .5rem; } + +/** 04.10 Team */ +.team { position: relative; margin-bottom: 30px; max-width: 255px; margin-left: auto; margin-right: auto; text-align: center; } + +.nk-block-left .team { max-width: 100%; } + +.team:hover .team-show { opacity: 1; } + +.team-s2 { max-width: 240px; text-align: center; } + +.team-s2 .word-split { justify-content: center; } + +.team-s2:hover .team-show { opacity: .25; } + +.team-s4 { padding: 30px 30px; } + +.team-s5 { text-align: left; max-width: 228px; padding-bottom: 25px; } + +.team-s5:before { position: absolute; content: ""; left: 20px; top: 50px; right: 0; bottom: 0; background: #dfeaf9; z-index: -1; } + +.bg-theme .team-s5:before { background: #10122d; } + +.has-bg-image .team-s5:before { background: #10122d; } + +.tc-light .team-s5:before { background: #0b0c22; } + +.team-s6 { text-align: left; display: flex; max-width: 100%; } + +.team-s6 .team-left { width: 135px; flex-shrink: 0; } + +.team-s6 .team-photo { max-width: 170px; margin-right: 25px; margin-left: 0; } + +.team-sm-s2 { text-align: left; max-width: 145px; } + +.team-photo { display: block; position: relative; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 2; } + +.team-photo + .list { padding-top: 15px; } + +.team-photo-s1 { max-width: 160px; } + +.team-photo img { border-radius: 6px; width: 100%; transition: all .4s; } + +.team-photo-sm { max-width: 180px; } + +.team-photo-s2 { max-width: 90%; } + +.team-photo-s2:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(70, 189, 244, 0.4); border-radius: 6px; z-index: 1; } + +.team-photo-s3:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: linear-gradient(to top left, #46bdf4 0%, #2b56f5 100%); border-radius: 6px; z-index: 1; opacity: .2; } + +.team-photo-circle { border-radius: 50%; } + +.team-sm-s2 .team-photo { margin-left: 0; max-width: 90%; } + +.team-sm-s2:hover .team-photo { transform: translateY(-8px); } + +.team-s3 .team-photo { max-width: 160px; } + +.team-s5 .team-photo { margin-left: 0; } + +.team-s5 .team-photo:before, .team-s5 .team-photo:after { position: absolute; content: ''; } + +.team-s5 .team-photo:before { top: 24px; right: -33px; height: 3px; width: 65px; background: linear-gradient(to top left, #46bdf4 0%, #2b56f5 100%); z-index: 1; } + +.team-s5 .team-photo:after { top: 0; bottom: 0; right: 0; left: 0; background: rgba(43, 86, 245, 0.4); transition: all .4s; } + +.team-s5 .team-photo:hover { transform: translateY(-8px); } + +.team-s5 .team-photo:hover:after { opacity: .5; } + +.team-s5 .team-photo:hover .team-show { opacity: 0; } + +.team-photo-bg:before { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; transform: scale(1); z-index: -1; opacity: 1; transition: all .5s ease; background-image: linear-gradient(90deg, #2b56f5 0%, #46bdf4 100%); } + +.team-s3-alt .team-photo-bg:before { opacity: 0; transform: scale(0.8); } + +.team-photo-bg a { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; z-index: 1; } + +.team-photo-bg:hover a + img { transform: scale(0.85); } + +.team-s3-alt .team-photo-bg:hover a + img { transform: scale(1); } + +.team-s3-alt .team-photo-bg:hover:before { opacity: 1; transform: scale(1); } + +.team-show { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(70, 189, 244, 0.4); border-radius: 6px; transition: all .4s; z-index: 20; opacity: 0; } + +.team-s2 .team-show { opacity: 0; } + +.team-s3 .team-photo-bg .team-show { opacity: 0 !important; top: 0; right: 0; bottom: 0; left: 0; } + +.team-s5 .team-show { border-radius: 0; } + +.team-s5:hover .team-show { opacity: 0; } + +.team-social { margin: 0 -5px; } + +.team-photo .team-social { position: absolute; bottom: -17px; right: 17px; z-index: 21; text-align: right; } + +.team-social li { padding: 0 4px; display: inline-block; } + +.team-social li a { font-size: 13px; text-align: center; display: inline-block; line-height: 34px; height: 34px; width: 34px; border-radius: 50%; color: #fff !important; background: #2b56f5; box-shadow: 0px 2px 15px 0px rgba(43, 86, 245, 0.5); } + +.team-social li a:hover { color: #fff !important; background: #46bdf4; box-shadow: 0px 2px 15px 0px rgba(70, 189, 244, 0.5); } + +.team-social-s2 { margin: 0 -10px; } + +.team-social-s2 li { padding: 0 10px; } + +.team-social-s2 li a { width: auto; background-color: transparent; box-shadow: none; color: #7a0fff !important; } + +.tc-light .team-social-s2 li a { color: #46bdf4 !important; } + +.team-social-s2 li a:hover { color: #2b56f5 !important; background-color: transparent; box-shadow: none; } + +.team-s2 .team-social-s2 { padding-top: 15px; } + +.team-s3 .team-social-s2 { padding-top: 10px; } + +.team-social-vr li { display: block; text-align: center; } + +.team-social-vr li a { width: 30px !important; } + +.team-s5 .team-social { position: absolute; top: 64px; right: 20px; } + +.team-s5 .team-social li a { color: #46bdf4; } + +.team-name { color: #28384c; padding-top: 28px; font-weight: 600; } + +.team-name.title { margin-bottom: .5rem !important; } + +.team-s2 .team-name.title-sm { font-size: .95em !important; } + +.team-s2 .team-name { padding-top: 18px; } + +.team-s3 .team-name { color: #46bdf4; font-size: 1.125rem !important; font-weight: 400; margin-bottom: 1px !important; } + +.team-s3-alt .team-name { color: #28384c; } + +.tc-light .team-s3-alt .team-name { color: #fff; } + +.team-s4 .team-name { font-weight: 400; padding-top: 21px; font-size: 1.33rem; margin-bottom: 0 !important; } + +.team-s5 .team-name { padding-left: 45px; padding-right: 40px; } + +.team-s6 .team-name { text-transform: uppercase; font-weight: 400; } + +.team-position { font-size: 12px; font-weight: 400; display: inline-block; } + +.team-s3 .team-position { font-weight: 300; color: #3a516d; } + +.team-s3-alt .team-position { color: #46bdf4; } + +.tc-light .team-s3-alt .team-position { color: #9947ff; } + +.team-s4 .team-position { padding-bottom: 10px; } + +.team-s5 .team-position { padding-left: 45px; padding-right: 40px; color: #46bdf4; } + +.team-s6 .team-position { position: relative; color: #46bdf4; padding-bottom: 13px; margin-bottom: 5px; line-height: 1.4; } + +.team-s6 .team-position:before { position: absolute; height: 3px; width: 190px; left: 0; bottom: 0; content: ''; background: linear-gradient(to right, #46bdf4 0%, #2b56f5 100%); z-index: 5; } + +.tc-light .team-position { color: #a2b4d2; } + +.team-featured-photo { position: relative; border-radius: 5px; overflow: hidden; } + +.team-featured-info { position: absolute; left: 0; bottom: 0; font-size: 18px; padding: 15px 20px; } + +.team-featured-info span { font-size: 16px; font-weight: 300; display: block; padding-top: 5px; } + +.team-featured-cont p:last-child { margin-bottom: 0; } + +.team-featured-sub { text-transform: uppercase; color: #8284a5; font-size: 14px; letter-spacing: 0.15em; } + +.team-popup { position: relative; max-width: 100%; margin: 10px; padding: 15px; background: #fff; border-radius: 6px; } + +.team-popup-info p:last-child { margin-bottom: 0; } + +.team-list { margin-bottom: -30px; } + +.team-s4 .team-desc { font-size: .87rem; margin-bottom: 8px; } + +.team-s4 .team-desc p { font-size: inherit; } + +@media (min-width: 576px) { .team { margin-bottom: 50px; } + .team-s2 { margin-bottom: 30px; text-align: left; } + .team-s2 .word-split { justify-content: flex-start; } + .team-s4 { padding: 30px 15px; } + .team-s2 .team-photo { margin-left: 0; } + .team-s2 .team-name { padding-top: 25px; } + .team-featured-info { padding: 25px 30px; } + .team-popup { padding: 40px; } + .team-list { margin-bottom: -50px; } } + +@media (min-width: 768px) { .team-even { margin-top: 60px; } + .team-s4 { margin-bottom: 50px; } } + +@media (min-width: 992px) { .team-featured-cont { padding-left: 20px; } + .team-featured-title { padding: 8px 0 15px; } + .team-name { padding-top: 34px; margin-bottom: 8px !important; } + .team-s2 .team-name, .team-s3-alt .team-name { padding-top: 20px; } + .team-s5 .team-name { padding-top: 24px; } + .team-position { font-size: 0.88rem; } + .team-position-sm { font-size: 13px; } + .team-social { bottom: -20px; right: 20px; margin: 0 -5px; } + .team-social li { padding: 0 4px; } + .team-social li a { font-size: 16px; line-height: 40px; height: 40px; width: 40px; } + .team-social-s2 { margin: 0 -8px; } + .team-social-s2 li { padding: 0 8px; } + .team-social-s2 li a { font-size: 14px; height: auto; width: auto; } + .team-popup { margin: 10px auto; width: 950px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .team-s5 .team-social { right: 9px; } } + +@media (min-width: 1600px) { .team-photo-s2 { max-width: 100%; } } + +/** 04.11 Partners */ +.partner-list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: -15px; } + +.partner-list-left { justify-content: left; } + +.partner-list-lg { margin-bottom: -20px; } + +.partner-logo { padding: 15px 10px; } + +[class*="col-"] > .partner-logo { padding: 0; } + +.partner-logo img { max-height: 30px; max-width: 100%; width: auto !important; margin-left: auto; margin-right: 0; } + +.has-carousel .partner-logo img { margin-right: auto; } + +.partner-list-lg .partner-logo { padding: 20px 25px; } + +.partner-list-lg .partner-logo img { max-height: 50px; } + +.partner-logo-s2, .partner-logo-s3 { width: 50%; max-width: 50%; text-align: center; padding: 0 10px; } + +.partner-logo-s2 img, .partner-logo-s3 img { max-height: 50px; } + +.partner-list-left .partner-logo-s2, .partner-list-left .partner-logo-s3 { text-align: left; } + +.partner-logo-s3 img { max-height: 60px; } + +.partner-logo-lg { width: 50%; margin-bottom: 30px; } + +.partner-box { padding: 15px 0px; margin-bottom: 30px; } + +@media (min-width: 576px) { .partner-logo-s2, .partner-logo-s3 { margin-bottom: 30px; max-width: 16.6%; width: 16.6%; } + .partner-logo-lg { width: 33%; } + .partner-box { padding: 15px 66px; box-shadow: 0px 5px 25px rgba(16, 18, 45, 0.1); } } + +@media (min-width: 992px) { .partner-box .partner-list { justify-content: space-between; } + .partner-list-lg { margin-bottom: -20px; } + .partner-list-lg .partner-logo { padding: 20px 25px; } + .partner-list-lg .partner-logo img { max-height: 50px; } + [class*="col-"] > .partner-logo { padding: 15px 0; } } + +/** 04.12 Contact */ +.contact-wrap { padding: 20px; } + +.contact-list { margin-top: -7.5px; margin-bottom: -7.5px; position: relative; z-index: 2; } + +.contact-list li { display: flex; padding-top: 7.5px; padding-bottom: 7.5px; font-size: 0.94rem; } + +.contact-list-s1 { display: flex; justify-content: center; } + +.contact-list-s1 li { width: 100%; flex-wrap: wrap; justify-content: center; } + +.contact-icon { height: 38px; width: 38px; font-size: 16px; line-height: 38px; text-align: center; color: #fff; background: #2b56f5; box-shadow: 0px 2px 15px 0px rgba(43, 86, 245, 0.5); border-radius: 50%; margin-right: 15px; flex-shrink: 0; } + +.tc-light .contact-icon { color: #0b0c22; background: #fff; box-shadow: none; } + +.bg-secondary .contact-icon { color: #2b56f5; } + +.contact-list-s1 .contact-icon { margin-right: 0; color: #fff; box-shadow: 0px 2px 15px 0px transparent; background: linear-gradient(-45deg, #46bdf4 0%, #2b56f5 100%); } + +.tc-light .contact-list-s1 .contact-icon { color: #0b0c22; background: #fff; } + +.contact-icon-s2 { color: #2b56f5; background: transparent; box-shadow: inset 0 0 0 2px #2b56f5; } + +.tc-light .contact-icon-s2 { color: #fff; background-color: transparent; box-shadow: inset 0 0 0 2px #fff; } + +.contact-icon-s3 { position: relative; color: #46bdf4; background: linear-gradient(to right, #46bdf4 0%, #2b56f5 100%); box-shadow: none; } + +.tc-light .contact-icon-s3 { color: #fff; background: linear-gradient(to right, #46bdf4 0%, #2b56f5 100%); } + +.contact-icon-s3:after { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .contact-icon-s3:after { background: #eff6ff; } + +.bg-light-alt .contact-icon-s3:after { background: #dfeaf9; } + +.bg-theme .contact-icon-s3:after { background: #0b0c22; } + +.bg-theme-alt .contact-icon-s3:after { background: #10122d; } + +.bg-theme-dark .contact-icon-s3:after { background: #08091b; } + +.bg-theme-dark-alt .contact-icon-s3:after { background: #0b0c22; } + +.bg-theme-accent .contact-icon-s3:after { background: #46bdf4; } + +.bg-theme-accent-alt .contact-icon-s3:after { background: #2b56f5; } + +.contact-icon-s3:before { position: relative; z-index: 1; } + +.contact-text { padding-top: 7px; } + +.contact-list-s1 .contact-text { width: 100%; } + +.contact-social { margin-top: auto; padding-top: 20px; } + +.contact-social h6 { margin-bottom: 1rem; } + +.subscribe-wrap { padding: 20px; } + +@media (min-width: 576px) { .contact-wrap { padding: 50px; } + .subscribe-wrap { padding: 65px; } } + +@media (min-width: 768px) { .contact-list-s1 li { width: 33.33%; flex-wrap: wrap; } + .contact-list-s1 .contact-text { width: auto; } + .contact-list-s1 .contact-icon { margin-right: 15px; } } + +@media (max-width: 480px) { .contact-list-s2 { flex-wrap: wrap; } } + +@media (max-width: 767px) { .contact-list-s2 li { flex-wrap: wrap; text-align: center; } + .contact-list-s2 li .contact-icon { margin-right: 0; } + .contact-list-s2 li .contact-text { width: 100%; } } + +@media (max-width: 991px) { .contact-list-s2 { display: flex; justify-content: center; } + .contact-list-s2 li { width: 100%; justify-content: center; } } + +@media (min-width: 992px) and (max-width: 1199px) { .contact-wrap, .subscribe-wrap { padding: 35px; } } + +.social-links { display: flex; margin: -3px; } + +.social-links li { padding: 3px; } + +.social-links li a { display: inline-block; border-radius: 50%; border: 1px solid #fff; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #28384c; } + +.social-links li a:hover { color: #46bdf4; background: #fff; } + +.tc-light .social-links li a { color: #fff; } + +.tc-light .social-links li a:hover { color: #46bdf4; } + +.bg-secondary .social-links li a:hover { color: #2b56f5 !important; } + +.social-links-s2 li a { border: none; } + +.social-links-s2 li a:hover { background-color: #fff; color: #46bdf4 !important; } + +.tc-light .social-links-s2 li a:hover { color: #46bdf4 !important; } + +@media (min-width: 992px) { .section-contact .ovm-h-60 { height: 50%; } } + +/** 04.13 WGS */ +.wgs { margin-bottom: 30px; } + +.wgs-title { text-transform: uppercase; color: #28384c; font-size: 1rem; font-weight: 600; letter-spacing: 0.075em; } + +.wgs-title-s2, .wgs-title-s3 { font-size: 1.125rem; letter-spacing: normal; } + +.wgs-title-s2 { margin-bottom: 18px; font-weight: 600; } + +.wgs-title-s3 { font-weight: 700; margin-bottom: 22px; padding-top: 10px; } + +.tc-light .wgs-title { color: #2b56f5; } + +.wgs-logo { padding-bottom: 22px; display: inline-block; } + +.wgs-body p { font-size: 0.93em; line-height: 1.71; margin-bottom: 0.75rem; } + +.wgs-body p:last-child { margin-bottom: 0; } + +.wgs-list li { font-size: .9em; padding-bottom: 14px; letter-spacing: 0.01em; } + +.wgs-list li:last-child { padding-bottom: 0; } + +.wgs-links li { position: relative; padding: 5px 0; line-height: 1; } + +.wgs-links li:last-child { padding-bottom: 0px; } + +.wgs-links li a { font-size: 0.9em; line-height: 20px; display: block; color: #12183a; } + +.wgs-links li a:hover { color: #46bdf4; } + +.tc-light .wgs-links li a { color: #fff !important; } + +.tc-light .wgs-links li a:hover { color: #46bdf4 !important; } + +.wgs-links-s2 li { padding: 7px 0; } + +.wgs-links-s2 li a { font-size: 1em; } + +.wgs-links-s3 li { padding: 9px 0; } + +.wgs-links-s4 li { padding: 7px 0; } + +.wgs-links-s5 li { margin-bottom: 17px; } + +.wgs-links-s5 li:first-child { margin-top: -5px; } + +.wgs-links-s5 li a { font-size: 1rem; font-weight: 400; } + +.wgs-links-uline li a { display: inline-block; } + +.wgs-links-uline li a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.wgs-links-category li { padding-left: 20px; } + +.wgs-links-category li a { padding: 10px 0; } + +.wgs-links-category li:before { position: absolute; left: 0; top: 50%; margin-top: -1px; height: 2px; width: 8px; content: ''; background: #46bdf4; } + +.wgs-links-tags { padding: 12px 0; margin: -7px -5px; } + +.wgs-links-tags li { display: inline-block; padding: 7px 5px; } + +.wgs-links-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; } + +.wgs-links-tags li a:hover { color: #fff; border-color: #46bdf4; background: #46bdf4; } + +.wgs-links-3clumn li { width: 32%; display: inline-block; } + +.wgs-archive .wgs-body { padding: 12px 0; } + +.wgs-cta .wgs-body { padding: 30px 30px 35px; } + +.wgs-address { font-size: .9rem; line-height: 2; } + +.wgs-address li:not(:last-child) { margin-bottom: 10px; } + +.wgs-regular { font-weight: 400; } + +@media (min-width: 992px) { .wgs-subscribe-form-s1 { margin-left: -50px; padding-right: 50px; } } + +.copyright-text { color: #28384c; } + +.tc-light .copyright-text { color: #a2b4d2; } + +.copyright-text p { color: inherit; } + +.copyright-text a { color: #28384c; } + +.copyright-text a:hover { color: #46bdf4; } + +.tc-light .copyright-text a { color: #a2b4d2; } + +.tc-light .copyright-text a:hover { color: #46bdf4; } + +.copyright-text-s1 { font-size: 14px; } + +.copyright-text-s1 p { font-size: inherit; } + +.copyright-text-s2 { text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; } + +.copyright-text-s3 { font-size: 13px; color: #12183a; } + +.tc-light .copyright-text-s3 { color: #a2b4d2; } + +.copyright-text-s3 p { font-size: 13px; color: inherit; } + +.copyright-text-s3 p a { color: inherit !important; } + +.copyright-text-s3 p a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.copyright-text-s3 a { font-weight: 500; } + +.copyright-text-s3 span { color: #28384c; padding-bottom: 3px; } + +.tc-light .copyright-text-s3 span { color: #fff; } + +.copyright-text-s4 p { font-size: 0.9rem !important; } + +.copyright-text li a, .copyright-text p { font-size: 13px; color: #fff; } + +.copyright-text li { width: 100%; } + +.footer-nav { margin: 0 -15px; } + +.footer-nav li { display: inline-block; padding: 0 15px; } + +.footer-nav li a { color: #28384c; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; } + +.footer-nav li a:hover { color: #46bdf4 !important; } + +.tc-light .footer-nav li a { color: #8284a5 !important; } + +.tc-light .footer-nav li a:hover { color: #46bdf4 !important; } + +@media (min-width: 576px) { .copyright-text-s2 { font-size: 12px; } + .copyright-text li { width: auto; } } + +.wgs-nl-title { margin-bottom: 32px; } + +/** 04.14 Others */ +.rank-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.rank-item { background-image: url(../images/hexagon.png); height: 88px; width: 94px; padding: 16px 20px 0; } + +.rank-item img { max-height: 16px; } + +.rank-count { font-size: 1rem; color: #10122d; font-weight: 700; padding-top: 4px; line-height: 1.3; } + +.rank-count span { font-size: .7rem; color: #8284a5; } + +@media (min-width: 400px) { .rank-item { height: 104px; width: 108px; padding-top: 24px; } } + +@media (min-width: 768px) { .rank-item { height: 136px; width: 146px; padding: 32px 30px 0; } + .rank-item img { max-height: 24px; } + .rank-count { padding-top: 10px; font-size: 1.4rem; } + .rank-count span { font-size: .9rem; } } + +@media (min-width: 992px) { .rank-item { height: 160px; width: 164px; padding-top: 38px; } } + +.rating-info { font-size: 2.23em; line-height: 1; padding: 16px 0; font-weight: 700; background: #dfeaf9; border-radius: 6px 6px 0 0; color: #28384c; } + +.rating-info span { font-size: .5em; font-weight: 400; color: #8284a5; margin-left: 6px; } + +.tc-light .rating-info span { color: #dfeaf9; } + +.rating-info span:before { content: '/'; } + +.tc-light .rating-info { color: #fff; background: #20245a; } + +.rating-title { background: #46bdf4; color: #fff; padding: 5px 0; font-size: .93em; line-height: 20px; border-radius: 0 0 6px 6px; } + +.tc-light .rating-title { background: #08091b; } + +.bonus { border-radius: 0 0 8px 8px; border: 1px solid rgba(70, 189, 244, 0.2); border-top: none; display: flex; } + +.bonus-info { position: relative; width: 50%; padding: 12px 16px 16px; } + +.bonus-info:not(:last-child) { border-right: 1px solid rgba(70, 189, 244, 0.2); } + +.bonus-percent { font-size: 20px; } + +.bonus-percent small { font-size: 14px; } + +.bonus-date { font-size: 12px; color: #8284a5; } + +.bonus-badge { position: absolute; top: 5px; right: 5px; text-transform: uppercase; border-radius: 11px; line-height: 15px; font-size: 8px; font-weight: 500; padding: 0 8px; color: #fff; background: #2b56f5; } + +@media (min-width: 420px) { .bonus-info { padding: 12px 30px 16px; } + .bonus-percent { font-size: 28px; } + .bonus-percent small { font-size: 14px; } + .bonus-date { font-size: 12px; color: #8284a5; } + .bonus-badge { top: 50%; right: 0; transform: translateY(-50%) rotate(-90deg); line-height: 22px; font-size: 11px; padding: 0 10px; } } + +.chart-data li { display: flex; font-size: 1rem; line-height: 1.4; font-weight: 400; padding: 7px 0; } + +.chart-data li span { display: block; } + +.chart-data-s1 { display: flex; flex-wrap: wrap; } + +.chart-data-s1 li { display: flex; align-items: center; width: auto; transition-delay: .8s; width: 100%; } + +.chart-data-s1 .chart-p { min-width: 55px; height: 55px; line-height: 50px; padding: 0; color: #fff; transform: rotate(45deg); border-radius: 10px; margin: 30px; order: -1; font-size: 16px; font-weight: 600; line-height: 55px; } + +.chart-data-s1 .chart-p span { transform: rotate(-45deg); display: block; } + +.chart-data-s1 .chart-l { text-align: left; } + +.chart-data-s2 { display: flex; flex-wrap: wrap; margin: -10px; } + +.chart-data-s2 li { padding: 10px; } + +.chart-data-item { position: relative; padding: 15px 25px; } + +.chart-data-item:before, .chart-data-item:after { position: absolute; content: ''; top: 0; height: 100%; width: 45px; border: 2px solid #dbe4f7; transition: all .4s; } + +.tc-light .chart-data-item:before, .tc-light .chart-data-item:after { border-color: rgba(219, 228, 247, 0.5); } + +.active > .chart-data-item:before, .active > .chart-data-item:after { border-color: #46bdf4; } + +.chart-data-item:before { left: 0; border-radius: 6px 0 0 6px; border-right: none; } + +.chart-data-item:after { right: 0; border-radius: 0 6px 6px 0; border-left: none; } + +.chart-label { font-size: 14px; font-weight: 700; color: #28384c; transition: all .4s; } + +.tc-light .chart-label { color: #fff; } + +.active > div > .chart-label { color: #46bdf4; } + +.chart-info { display: block; } + +.chart-percent { font-size: 22px; font-weight: 400; color: #28384c; } + +.tc-light .chart-percent { color: #fff; } + +.chart-sublabel { font-size: 13px; color: #28384c; margin-left: 8px; } + +.tc-light .chart-sublabel { color: #8284a5; } + +.chart-p { margin-left: auto; font-size: 1.125rem; font-weight: 500; color: #10122d; } + +.chart-c { position: relative; top: 3px; height: 14px; width: 14px; border-radius: 3px; margin-right: 12px; flex-shrink: 0; display: block; } + +.chart-canvas { min-height: 300px; max-width: 100%; margin-left: auto; margin-right: auto; } + +.chart-canvas-s1 { min-height: 215px; } + +@media (min-width: 480px) { .chart-data-s1 li { width: 50%; } } + +@media (min-width: 576px) { .chart-label, .chart-percent { font-size: 18px; } + .chart-c { top: 6px; } + .chart-canvas { min-height: 360px; } + .chart-canvas-s1 { min-height: 215px; } } + +@media (min-width: 768px) { .chart-data-s1 li { width: 33.33%; } } + +@media (min-width: 992px) { .chart-data-s1 li { position: absolute; width: auto; transition: all .4s; opacity: 0; } + .chart-data-s1 li:nth-child(1) { top: -60px; left: 50%; transform: translateX(-50%) translateY(-30px) !important; flex-wrap: wrap; transition-delay: .6s; } + .chart-data-s1 li:nth-child(1) .chart-l { order: -1 !important; width: 100%; } + .chart-data-s1 li:nth-child(1) .chart-p { margin: 20px auto; transform: rotate(0); } + .chart-data-s1 li:nth-child(1) .chart-p span { transform: rotate(0); } + .animate.show .chart-data-s1 li:nth-child(1) { transform: translateX(-50%) translateY(0) !important; } + .chart-data-s1 li:nth-child(odd) { left: 50%; transform: translateX(30px) translateY(0); } + .chart-data-s1 li:nth-child(odd) .chart-l { order: 1; } + .chart-data-s1 li:nth-child(even) { right: 50%; transform: translateX(-30px) translateY(0); } + .chart-data-s1 li:nth-child(even) .chart-l { order: -1; text-align: right; } + .chart-data-s1 li:nth-child(even) .chart-p { left: auto; right: 29px; top: 33px; } + .chart-data-s1 li:nth-child(2) { top: 65px; margin-right: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(3) { top: 65px; margin-left: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(4) { top: 173px; margin-right: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(5) { top: 173px; margin-left: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(6) { top: 281px; margin-right: 278px; transition-delay: 1.2s; } + .chart-data-s1 li:nth-child(7) { top: 281px; margin-left: 278px; transition-delay: 1.2s; } + .animate.show .chart-data-s1 li { opacity: 1; transform: translateX(0) translateY(0); } + .chart-data-s1 .chart-p { order: 0; } + .chart-data-s1 .chart-l { text-align: center; font-weight: 400; } + .chart-canvas { min-height: 300px; } + .chart-canvas-s1 { min-height: 215px; } } + +.ath-container { width: 440px; max-width: 100%; margin: 30px auto; } + +.ath-header { padding: 0 0 30px; } + +.ath-heading { text-align: center; font-weight: 300; } + +.ath-heading small { display: block; padding-bottom: 10px; } + +.ath-body { background: #fff; border-radius: 6px; padding: 18px 25px 25px; } + +.ath-note { padding: 25px 0 0; } + +@media (min-width: 576px) { .ath-body { padding: 32px 40px 40px; } } + +.sap-text { position: relative; text-align: center; padding: 20px 0; } + +.sap-text:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; content: ''; background: #dbe4f7; z-index: 3; } + +.sap-text span { position: relative; background: #fff; display: inline-block; padding: 0 15px; z-index: 5; font-size: .9rem; text-transform: uppercase; } + +.bg-theme > .sap-text span { background: #0b0c22; } + +.bg-theme-alt > .sap-text span { background: #10122d; } + +.blog { background: #fff; border-radius: 6px; box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); margin-bottom: 30px; } + +.tc-light .blog { background: #10122d; } + +.blog-photo { padding: 30px 30px 0; } + +.blog-photo > img { border-radius: 6px 6px 0 0; } + +.blog-s2 .blog-photo { padding: 0; } + +.blog-text { padding: 25px 30px 30px; } + +.blog-text p { font-size: 0.88rem; } + +.blog-s2 .blog-title { margin-bottom: 8px; } + +.blog-content-inline { padding: 18px 30px 14px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } + +.blog-content .blog-text { padding: 9px 0; } + +.blog-meta { margin-bottom: .25rem; margin: 0 -7px 4px; } + +.blog-meta li { position: relative; display: inline-block; font-size: .88rem; padding: 0 7px; } + +.blog-meta li:not(:last-child):after { content: '|'; position: absolute; right: -3px; top: -1px; color: #28384c; } + +.tc-light .blog-meta li:not(:last-child):after { color: #8284a5; } + +.blog-meta li a { color: #4b698f; } + +.blog-meta li a:hover { color: #46bdf4; } + +.blog-tags { padding: 12px 0; margin: -7px -5px; } + +.blog-tags li { display: inline-block; padding: 7px 5px; } + +.blog-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; color: #12183a; font-size: .88rem; } + +.blog-tags li a:hover { color: #fff; border-color: #46bdf4; background: #46bdf4; } + +.blog-featured { margin-bottom: 30px; } + +.blog-comment { padding-top: 25px; } + +.blog-action { padding: 9px 0; } + +.comment-wrap { background: #eff6ff; border-radius: 6px; overflow: hidden; margin-bottom: 30px; } + +.comment-item { padding: 20px; } + +.comment-item:not(:last-child) { border-bottom: 1px solid #fff; } + +.comment-item + .comment-item { padding-left: 40px; } + +.comment-item + .comment-item + .comment-item { padding-left: 60px; } + +.comment-photo { width: 50px; flex-shrink: 0; margin-bottom: 10px; margin-right: 20px; } + +.comment-content { padding-top: 6px; } + +.comment-info .title { margin-bottom: 0; } + +.comment-time { font-size: .75rem; } + +.comment-text { margin-top: 8px; } + +.comment-text p { font-size: .88rem; } + +@media (min-width: 576px) { .comment-wrap { margin-bottom: 30px; } + .comment-item { display: flex; padding: 30px; } + .comment-item + .comment-item { padding-left: 60px; } + .comment-item + .comment-item + .comment-item { padding-left: 90px; } + .comment-photo { margin-bottom: 0; } } + +.pagination { margin-left: auto; margin-right: auto; display: inline-flex; justify-content: center; box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.pagination li a { display: inline-block; height: 50px; min-width: 56px; text-align: center; line-height: 20px; padding: 15px 5px; background: #fff; color: rgba(40, 56, 76, 0.7); } + +.pagination li a .icon { line-height: 20px; padding: 0 5px; } + +.pagination li a.active, .pagination li a:hover { background: #46bdf4; color: #fff; } + +.pagination li a.active .icon, .pagination li a:hover .icon { color: #fff; } + +.pagination li:first-child a { border-radius: 6px 0 0 6px; } + +.pagination li:last-child a { border-radius: 0 6px 6px 0; } + +.download-option { text-align: center; position: relative; padding: 10px; margin: 15px 0; } + +.download-option .icon { display: block; padding-bottom: 35px; font-size: 44px; color: #28384c; } + +@media (min-width: 992px) { .download-option:not(:last-child):after { position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 1px; background: rgba(162, 179, 205, 0.3); } } + +.doc { text-align: center; position: relative; } + +.doc:hover { z-index: 9; } + +.doc-s2 { display: flex; margin-left: 20px; margin-bottom: 20px; border-radius: 6px; text-align: left; } + +.doc-photo { max-width: 125px; margin-left: auto; margin-right: auto; transition: all .2s linear; } + +.doc-photo img { border-radius: 4px; } + +.doc:hover .doc-photo { transform: translateY(-10px); } + +.doc:hover .doc-photo.no-hover { transform: translateY(0); } + +.doc-s2 .doc-photo { max-width: 100px; margin-top: 20px; margin-left: -20px; margin-bottom: -20px; margin-right: 15px; } + +.doc-shape { padding-top: 60px; position: relative; } + +.doc-shape:before { position: absolute; top: 0; left: 50%; margin-left: -5px; transform: translateX(-50%); transform-origin: 50% 50%; content: ''; background: url(../images/polygon-a-dark.png) 50% 0/contain no-repeat; width: 215px; height: 205px; z-index: -1; transition: all .2s linear; } + +.tc-light .doc-shape:before { background-image: url(../images/polygon-a-light.png); } + +.doc-shape-a:before { transform: translateX(-50%) rotate(0deg); } + +.doc:hover .doc-shape-a:before { transform: translateX(-50%) translateY(10px) rotate(0deg) scale(1.1); } + +.doc-shape-b:before { transform: translateX(-50%) rotate(90deg); } + +.doc:hover .doc-shape-b:before { transform: translateX(-50%) translateY(10px) rotate(90deg) scale(1.1); } + +.doc-shape-c:before { transform: translateX(-50%) rotate(-90deg); } + +.doc:hover .doc-shape-c:before { transform: translateX(-50%) translateY(10px) rotate(-90deg) scale(1.1); } + +.doc-shape-d:before { transform: translateX(-50%) rotate(135deg); } + +.doc:hover .doc-shape-d:before { transform: translateX(-50%) translateY(10px) rotate(135deg) scale(1.1); } + +.doc-title { margin-top: 15px; padding-bottom: 8px; } + +.doc-title small { display: block; } + +.tc-light .doc-title small { color: #8284a5; } + +.doc-s2 .doc-title { margin-top: 25px; font-weight: 600; } + +.doc-download { font-size: 18px; line-height: 19px; padding: 8px 15px; min-width: 60px; border-radius: 4px; color: #fff; background: #46bdf4; display: inline-block; } + +.doc-download:hover { color: #fff !important; background: #2b56f5; } + +.doc-lang { text-transform: uppercase; font-size: 11px; margin-top: 5px; } + +.tc-light a.doc-download { color: #fff !important; } + +.tc-light a.doc-download:hover { color: #46bdf4 !important; background: #fff; } + +@media (min-width: 1200px) { .doc-shape:before { width: 255px; height: 245px; } + .doc-photo { max-width: 175px; } } + +.particles-container { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 0 !important; } + +.particles-container.is-fixed { position: fixed !important; z-index: -1 !important; } + +.product-box { position: relative; display: block; background: #0b0c22; border-radius: 4px; padding: 25px 35px 0; max-width: 360px; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 6; } + +.tc-light .product-box { background: #fff; } + +.product-box:hover { transform: translateY(-8px); } + +.product-name { color: #fff; font-weight: 500; text-align: center; padding-bottom: 5px; margin-bottom: 18px; } + +.tc-light .product-name { color: #2b56f5; } + +.product-image { border: 2px solid #46bdf4; border-bottom: 0; border-radius: 4px 4px 0 0; } + +.tc-light .product-image { border-color: #2b56f5; } + +.qr-code { background: #fff; border-radius: 4px; width: 40px; height: 40px; text-align: center; box-shadow: 0px 5px 15px rgba(16, 18, 45, 0.14); padding: 0px !important; cursor: pointer; position: relative; margin: 0px 10px; display: none; line-height: 38.5px; } + +.qr-code > img { width: 22px; } + +@media (min-width: 576px) { .qr-code { display: block; } + .qr-code:hover .qr-list { opacity: 1; visibility: visible; } + .qr-list { position: absolute; width: 264px; display: flex; background: #fff; padding: 18px; justify-content: space-between; bottom: calc(100% + 15px); right: 0; box-shadow: 0px 5px 30px rgba(16, 18, 45, 0.3); border-radius: 5px; opacity: 0; transition: 0.3s; visibility: hidden; } + .has-rtl .qr-list { right: auto; left: 0; } + .qr-list:after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 2px; height: 30px; background: #7a0fff; } + .qr-list:before { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; right: 10px; z-index: 1; bottom: -13px; } + .has-rtl .qr-list:before { right: auto; left: 10px; } + .qr-list img { padding: 0 6px; } } + +.bg-dark-opacity.card { height: auto; } + +.testimonial { display: block; box-shadow: 0px 5px 40px rgba(16, 18, 45, 0.08); } + +.tesm-image { min-width: 210px; max-width: 210px; margin: 0 auto; box-shadow: 0px 5px 10px rgba(16, 18, 45, 0.08); } + +.tesm-image img { border-radius: 5px; } + +.tesm-content { padding-left: 0; padding-right: 0; text-align: center; padding-top: 30px; position: relative; } + +.tesm-content:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10e"; font-size: 46px; color: rgba(16, 18, 45, 0.07); position: absolute; bottom: 0; right: 0; line-height: normal; } + +.has-rtl .tesm-content:after { right: auto; left: 0; transform: rotateY(-180deg); } + +.tesm-content .title-sm { font-size: 1.1rem; font-weight: 500; color: #28384c; opacity: 0.6; line-height: 30px; } + +.tesm-content span { display: block; font-size: 0.9rem; font-style: italic; font-weight: 300; line-height: normal; } + +.testimonial-carousel .owl-nav { top: 50%; opacity: 1; position: absolute; transform: translateY(-50%); padding-top: 0; margin: 0; width: calc(100% + 60px); left: -30px; } + +.testimonial-carousel .owl-nav button { border-width: 0 !important; margin: 0; color: #28384c; opacity: 0.5; transition: 0.3s; } + +.has-rtl .testimonial-carousel .owl-nav button:after { transform: rotateY(-180deg); } + +.testimonial-carousel .owl-nav button:hover { opacity: 1; } + +.testimonial-carousel .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.testimonial-carousel .owl-prev:after { content: '\f060'; } + +.testimonial-carousel .owl-next { position: absolute; right: 0; } + +.has-rtl .testimonial-carousel .owl-next { right: auto; left: 0; } + +.testimonial-carousel .owl-next:after { content: '\f061'; } + +@media (min-width: 576px) { .testimonial { display: flex; flex-direction: row; align-items: center; } + .tesm-content { padding-left: 40px; padding-right: 15px; text-align: left; padding-top: 0; } + .has-rtl .tesm-content { text-align: right; padding-left: 15px; padding-right: 40px; } + .tesm-image { margin: -45px 0; } + .testimonial-carousel .owl-stage-outer { padding: 30px 0; } } + +@media (min-width: 768px) { .testimonial-carousel .owl-nav { width: calc(100% + 80px); left: -40px; } } + +@media (min-width: 992px) { .mlm-30 { margin-left: -30px; } + .testimonial-carousel .owl-nav { width: calc(100% + 160px); left: -80px; } } + +/** 04.14 Others */ +.payment-holder { position: relative; } + +.payment-holder-list { max-width: 1200px; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between; } + +.payment-holder-thumb { width: 58px; height: 58px; box-shadow: 0px 0px 0px 3px #7a0fff; position: relative; border-radius: 50%; margin-bottom: 20px; } + +.payment-holder-thumb-s2 { box-shadow: none; border-radius: 0; height: auto; width: auto; } + +.payment-holder-thumb img { width: 100%; border-radius: 50%; } + +.payment-holder-info p { font-size: 11px; font-weight: 500; } + +.payment-holder-single { display: flex; margin-bottom: 30px; align-items: center; width: 100%; align-items: center; flex-wrap: wrap; flex-direction: column-reverse; } + +.payment-info-card { padding: 14px 20px; background: #fff; box-shadow: 0px 5px 20px rgba(122, 15, 255, 0.25); border-radius: 4px; width: 100%; text-align: center; } + +.title-pcard { font-size: 1rem; margin-bottom: 0 !important; font-weight: 400; } + +@media (min-width: 576px) { .payment-holder-single { width: 48%; } } + +@media (min-width: 992px) { .payment-holder-info { margin-bottom: 14px; position: relative; } + .payment-holder-info:after { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; top: 99%; z-index: 1; } + .payment-holder-thumb { border-radius: 50%; } + .payment-holder-thumb img { border-radius: 50%; } + .payment-holder-single { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; flex-direction: column; } + .payment-holder-single:nth-child(1) { margin-left: -23%; margin-top: -10%; } + .payment-holder-single:nth-child(2) { margin-left: -14%; margin-top: 3%; } + .payment-holder-single:nth-child(3) { margin-left: 10%; margin-top: 0; } + .payment-holder-single:nth-child(4) { margin-left: 31%; margin-top: -9%; } + .payment-holder-thumb:after, .payment-holder-thumb:before { position: absolute; content: ""; left: 50%; transform: translateX(-50%); } + .payment-holder-thumb:after { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 40px solid #fff; bottom: -30px; z-index: -1; filter: drop-shadow(0px 6px 0px #7a0fff); } + .payment-holder-thumb:before { width: 30px; height: 15px; border-radius: 50%; background: rgba(122, 15, 255, 0.4); bottom: -41px; z-index: -1; } + .payment-holder-thumb-s2 { border-radius: 0px; } + .payment-holder-thumb-s2:before, .payment-holder-thumb-s2:after { display: none; } + .payment-holder-thumb-s2 img { border-radius: 0; } + .payment-info-card { width: auto; text-align: left; } + .has-rtl .payment-info-card { text-align: right; } } + +/** 04.14 datatable */ +.table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } + +.dataTables_filter label { width: 100%; height: 50px; border: 2px solid #d1e0f6; background: transparent; border-radius: 5px; padding: 13px 20px 10px; display: flex; align-items: center; margin-bottom: 30px; } + +.dataTables_filter input { border: none; width: 97% !important; } + +.dataTables_filter input:focus { outline: none; } + +.dataTable { width: 100%; } + +.data-table-area { position: relative; } + +.data-item { box-shadow: 0px 3px 15px rgba(11, 12, 34, 0.06); background: #fff; } + +.data-col { padding: 10px 20px; font-size: 14px; font-weight: 400; color: #fff; } + +.data-col-three { border-left: 1px solid; border-bottom: 1px solid; border-right: 1px solid; } + +.data-col-four { border-bottom: 1px solid; } + +.data-col-five { border-left: 1px solid; } + +.data-col-six { border-right: 1px solid; } + +.data-col:before, .data-col:after { display: none !important; } + +.data-col-inner { padding: 20px; } + +.data-item:not(:last-child) .data-col-inner { border-bottom: 5px solid #dfeaf9; } + +.data-col-inner.alphabetical { min-width: 186px; } + +.dt-short { position: absolute; right: 0; top: 0; z-index: 9; } + +.dt-short label { width: 86px; margin-bottom: 0; } + +.has-rtl .dt-short { right: auto; left: 0; } + +@media (max-width: 409px) { .dt-short { position: static !important; margin-bottom: 20px; } + .dataTables_filter label { margin-bottom: 0; } } + +/** 05. Layouts */ +/** 05.01 Header */ +.header-main { padding: 12px 0; transition: all .4s; } + +.is-transparent .header-main, .has-fixed .header-main { width: 100%; z-index: 49; } + +.is-transparent .header-main { position: absolute !important; } + +.has-fixed .header-main { position: fixed !important; box-shadow: 0 0 20px 0 rgba(18, 24, 58, 0.08); } + +.has-fixed:not(.is-dark) .header-main { background: #dfeaf9; } + +.has-fixed.is-dark .header-main { background: #001724; } + +.has-fixed.is-shrink .header-main { padding: 8px 0; } + +.header-container:not(.container) { width: 100%; padding: 0 15px; } + +.header-wrap { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } + +.header-logo { margin: 20px 0; flex-shrink: 0; } + +.header-logo-ls { display: flex; align-items: center; } + +.header-navbar { position: fixed; left: -280px; top: 0; width: 260px; height: 100vh; } + +.header-navbar.menu-mobile { transition: all 0.4s; } + +.header-navbar::before, .header-navbar-overlay { position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.header-navbar::before { background: #fff; left: 50%; transform: translateX(-50%); transition: all .4s; } + +.is-dark .header-navbar::before { background: #171a40; } + +.header-navbar-overlay { background: rgba(8, 9, 27, 0.7); left: 100%; width: 0; z-index: -1; opacity: 0; visibility: hidden; transition: opacity .3s; transition-delay: .2s; } + +.header-navbar.menu-shown { left: 0 !important; z-index: 10; } + +.header-navbar.menu-shown .header-navbar-overlay { width: 100vw; opacity: 1; visibility: visible; } + +.header-navbar-classic { position: absolute; top: 99%; right: 0; left: 0; width: 100%; height: auto; background: transparent; margin-top: 12px; z-index: auto; flex-grow: 1; transition: all 0.4s; padding: 0 20px; } + +.has-fixed .header-navbar-classic { margin-top: -6px; padding: 0; } + +.header-navbar-classic:before { border-radius: 4px; } + +.has-fixed .header-navbar-classic:before { width: 100vw; border-radius: 0; } + +.header-navbar-s1 { flex-grow: 1; } + +.header-menu { justify-content: flex-end; padding: 30px 25px; } + +.header-navbar-classic .header-menu { padding: 0; } + +.header-banner { min-height: 72px; } + +.overlay-menu-shown { overflow: hidden; } + +.overlay-menu-shown .has-fixed > .header-main { z-index: 6; } + +@media (min-width: 375px) { .header-navbar:not(.header-navbar-classic) { left: -310px; width: 290px; } } + +@media (min-width: 576px) { .header-navbar:not(.header-navbar-classic) { left: -360px; width: 340px; } } + +.logo-dark, .is-transparent:not(.has-fixed) .logo-light, .is-dark .logo-light { display: block; } + +.logo-light, .is-transparent:not(.has-fixed) .logo-dark, .is-dark .logo-dark { display: none; } + +.logo img { height: 100px; transition: all .4s; } + +.logo-md img { height: 44px; } + +.logo-lg img { height: 52px; } + +@media (min-width: 992px) { .header-navbar:not(.header-navbar-classic) { height: auto; width: auto; left: 0; } + .header-main { padding: 20px 0; } + .header-nav-toggle { display: none; } + .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 25px; } + .header-banner { min-height: 98px; } + .logo img { height: 100px; } + .logo-md img { height: 50px; } + .logo-lg img { height: 60px; } } + +@media (min-width: 1200px) { .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 35px; } } + +.header-menu { max-height: 100vh; overflow: hidden; overflow-y: auto; height: 100%; } + +.header-navbar-classic .header-menu { display: none; max-height: 65vh; } + +.header-navbar-classic .header-menu.menu-shown { display: block; } + +.header-nav-toggle { height: 44px; } + +.language-switcher .toggle-tigger, .header-menu .btn-outline:not(:hover) { color: #28384c; } + +.is-light .language-switcher .toggle-tigger, .language-switcher .toggle-tigger .is-transparent:not(.is-dark), .is-light .header-menu .btn-outline:not(:hover), .header-menu .btn-outline:not(:hover) .is-transparent:not(.is-dark) { color: #28384c; } + +.tc-light .language-switcher .toggle-tigger, .tc-light .btn-outline:not(:hover), .is-dark .language-switcher .toggle-tigger, .is-dark .btn-outline:not(:hover) { color: #fff; } + +@media (min-width: 992px) { .tc-light .header-menu .language-switcher .toggle-tigger, .tc-light .header-menu .btn-outline:not(:hover), .is-transparent .header-menu .language-switcher .toggle-tigger, .is-transparent .header-menu .btn-outline:not(:hover), .is-transparent:not(.has-fixed):not(.is-light) .header-menu .language-switcher .toggle-tigger, .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover), .is-dark .header-menu .language-switcher .toggle-tigger, .is-dark .header-menu .btn-outline:not(:hover) { color: #fff; } + .is-split:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover) { color: #28384c; } + .has-fixed:not(.is-dark) .header-menu .language-switcher .toggle-tigger:not(.btn), .has-fixed:not(.is-dark) .header-menu .btn-outline:not(:hover), .is-light .header-menu .language-switcher .toggle-tigger:not(.btn), .is-light .header-menu .btn-outline:not(:hover) { color: #28384c; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover):not(.no-change) { border-color: rgba(255, 255, 255, 0.4); } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn:not(:hover):not(.no-change):not(.btn-outline) { border-color: #fff; background: #fff; color: #28384c; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not([class*="btn-grad"]):not(.no-change):hover { color: #46bdf4 !important; border-color: #fff; background-color: #fff; } } + +@media (max-width: 991px) { .header-menu .language-switcher-s1, .header-menu .language-switcher-s4 { width: 100%; } + .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 0; } + .has-rtl .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 15px; padding-right: 0; } + .header-menu .btn { line-height: 24px; padding: 6px 14px; min-width: 100px; } + .header-menu .btn-transparent { padding: 6px 0; } } + +/** 05.02 Menu */ +.menu { padding: 12px 0; } + +.menu-btns { margin-bottom: 26px; margin-left: -10px; margin-right: -10px; margin-top: -10px; display: flex; flex-wrap: wrap; } + +.menu-btns > li { padding: 10px; padding: 10px; } + +.menu-item { position: relative; border-bottom: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-item { border-color: rgba(219, 228, 247, 0.1); } + +.menu-item:last-child { border-bottom: 0; } + +.menu-item > ul, .menu-item .menu-sub { display: none; } + +.menu-item a { font-family: "Poppins", sans-serif; font-size: 15px; line-height: 18px; color: #28384c; padding: 12px 0; display: block; position: relative; } + +.header-menu-s2 .menu-item a { font-size: 16px; } + +.menu-item a .badge { margin-left: 5px; position: relative; top: -1px; } + +.menu-item a .badge-dot { top: 0; } + +.menu-item a .active, .menu-item a:hover { color: #46bdf4; } + +.is-dark .menu-item a .active, .is-dark .menu-item a:hover { color: #46bdf4; } + +.menu-s2 > .menu-item > a { font-size: 13px; text-transform: uppercase; font-weight: 500; } + +.menu-sub { padding-left: 12px; } + +.menu-sub .menu-item:first-child { border-top: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-sub .menu-item:first-child { border-color: rgba(219, 228, 247, 0.1); } + +.menu-sub .menu-sub { margin-top: 0; margin-bottom: 15px; } + +.menu-sub .menu-sub .menu-item { border-bottom: none; } + +.menu-sub .menu-sub .menu-item:first-child { border-top: none; } + +.menu-sub .menu-sub .menu-item a { padding-top: 6px; padding-bottom: 6px; } + +.menu-sub a { font-family: "Poppins", sans-serif; font-size: 14px; color: #28384c; } + +.menu-mega a { font-family: "Poppins", sans-serif; font-size: 14px; color: #28384c; } + +.is-dark .menu-item a { color: #fff; } + +.menu-item > a.active { color: #46bdf4; } + +.has-sub > a { position: relative; } + +.has-sub > a:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.has-sub.open-nav > a:after { transform: translateY(-50%) rotate(-180deg); } + +.navbar-toggle { width: 44px; height: 44px; text-align: center; display: inline-block; border-radius: 50%; padding: 5px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s; } + +.navbar-toggle.navbar-active { color: #46bdf4; position: relative; z-index: 49; } + +.navbar-toggle:hover, .navbar-toggle.navbar-active { background: rgba(239, 246, 255, 0.2); } + +.is-transparent:not(.has-fixed) .navbar-toggle { color: #fff; } + +.is-transparent:not(.has-fixed) .navbar-toggle:hover, .is-transparent:not(.has-fixed) .navbar-toggle.navbar-active { background: rgba(239, 246, 255, 0.2); } + +.toggle-line { position: relative; width: 32px; height: 32px; display: block; color: #28384c; } + +.toggle-line:hover { color: #28384c; } + +.is-transparent:not(.has-fixed):not(.is-light) .toggle-line { color: #fff; } + +.is-dark.has-fixed .toggle-line { color: #fff; } + +.toggle-line::after, .toggle-line::before, .toggle-line > span { content: ""; position: absolute; background: currentColor; transition: all 0.2s; width: 24px; height: 2px; left: 4px; border-radius: 3px; } + +.toggle-line::before { top: 8px; } + +.toggle-line::after { bottom: 8px; } + +.toggle-line > span { top: 50%; margin-top: -1px; width: 20px; } + +.navbar-active .toggle-line { color: #fff; } + +.navbar-active .toggle-line::before, .navbar-active .toggle-line::after { width: 28px; left: 2px; } + +.navbar-active .toggle-line::before { transform: rotate(45deg); top: 15px; } + +.navbar-active .toggle-line::after { transform: rotate(-45deg); bottom: 15px; } + +.navbar-active .toggle-line > span { opacity: 0; visibility: hidden; } + +.secondary-navbar { box-shadow: 0px 5px 40px rgba(40, 56, 76, 0.1); padding: 15px 0; } + +.secondary-menu-list { display: flex; align-items: center; justify-content: center; padding: 0; flex-wrap: wrap; } + +.secondary-menu-item { width: 50%; } + +.secondary-menu-link { padding: 5px 16px; display: inline-block; color: #28384c; font-weight: 400; position: relative; } + +.secondary-menu-link:after { position: absolute; content: ""; left: 50%; bottom: 0; width: 0; height: 3px; background: #2b56f5; transform: translateX(-50%); transition: 0.3s; transform-origin: left; border-radius: 50%; } + +.secondary-menu-link:hover { color: currentColor; } + +.secondary-menu-link:hover:after { width: 3px; } + +.secondary-menu-item.active .secondary-menu-link { color: currentColor; } + +.secondary-menu-item.active .secondary-menu-link:after { width: 3px; } + +@media (min-width: 425px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 16px; width: auto; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-list { flex-wrap: nowrap; } + .secondary-menu-link:after { border-radius: 0; } + .secondary-menu-link:hover { color: currentColor; } + .secondary-menu-link:hover:after { width: 25px; } + .secondary-menu-item.active .secondary-menu-link { color: currentColor; } + .secondary-menu-item.active .secondary-menu-link:after { width: 25px; } } + +@media (min-width: 576px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 28px; width: auto; } } + +@media (min-width: 992px) { .header-menu { display: flex !important; width: auto; align-items: center; position: static; background: transparent; padding: 0; margin: 0; border-radius: 0; overflow: visible; } + .header-navbar { padding: 0 0 0 15px; margin-top: 0; position: relative; } + .header-navbar:before { display: none; } + .has-fixed .header-navbar { margin-top: 0; } + .menu { display: flex; align-items: center; padding: 0; } + .menu-item { border-bottom: none; } + .menu-item > a { font-weight: 400; padding: 20px 10px; } + .menu-drop .menu-item > a { font-weight: 300; } + .menu-item:hover { z-index: 9999; } + .menu-sub { position: absolute; min-width: 215px; max-width: 215px; background: #fff; padding: 15px 10px; top: 100%; left: 0; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; transform: translateX(0) translateY(-8px); box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); } + .menu-sub a { width: 100%; display: block; padding: 10px 10px; } + .menu-sub .menu-item:first-child { border-top: none; } + .menu-sub .menu-item:hover > a { color: #46bdf4; } + .menu-item:hover > .menu-sub { opacity: 1; visibility: visible; transform: translateX(0) translateY(0); } + .menu-sub .menu-sub { left: calc(100% - 25px); top: 15px; margin: 0; } + .menu-sub .menu-sub .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .is-dark .menu-sub { background-color: #191d47; } + .menu-mega { position: absolute; left: 50%; background: #fff; padding: 15px 10px; top: 100%; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); transform: translateX(-50%) translateY(-8px); } + .menu-item:hover > .menu-mega { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } + .menu-mega .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .menu-mega-innr { display: flex; } + .menu-mega-innr > div, .menu-mega-innr ul { flex-grow: 1; } + .menu-mega-2clmn .menu-mega-innr > div, .menu-mega-2clmn .menu-mega-innr ul { width: 50%; } + .menu-mega-3clmn .menu-mega-innr > div, .menu-mega-3clmn .menu-mega-innr ul { width: auto; } + .menu-mega-2clmn { min-width: 370px; max-width: 370px; } + .menu-mega-3clmn { min-width: 520px; max-width: 520px; } + .is-dark .menu-mega { background-color: #191d47; } + .menu-btns { display: flex; margin-bottom: -10px; margin-left: 10px; } + .menu-btns-s3 { margin-left: 0; } + .has-sub > a { padding-right: 24px !important; position: relative; } + .has-sub > a:after { right: 8px; } + .menu-sub .has-sub > a { padding-right: 35px; } + .menu-sub .has-sub > a:after { transform: translateY(-50%) rotate(-90deg); right: 15px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a { padding-right: 20px !important; padding-left: 35px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a:after { transform: translateY(-50%) rotate(90deg); left: 15px; right: auto; } + > .has-sub.menu-item:last-child .menu-mega { left: auto; right: 0; transform: translateX(0) translateY(-8px); } + > .has-sub.menu-item:last-child:hover .menu-mega { transform: translateX(0) translateY(0); } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item > a { color: #fff; } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item:hover > a { color: #46bdf4; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-link { padding: 20px 38px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .logo img { height: 32px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 4px; font-size: 12px; font-weight: 500; } + .menu-btns > li { padding: 6px; } + .menu-btns .btn { font-size: 13px; line-height: 20px; padding: 10px 15px; min-width: 0; } + .menu-btns .btn.btn-grad { padding: 12px 15px; } + .menu-btns .btn-md { font-size: 11px; line-height: 19px; padding: 8px 16px; } + .menu-btns .btn-md.btn-grad { padding: 10px 16px; } } + +@media (min-width: 1200px) { .menu > .menu-item > a { padding: 20px 15px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 8.5px; font-size: 12px; font-weight: 500; } + .menu-s2 > .menu-item > a { padding-left: 7.5px; padding-right: 7.5px; } + .menu-item.has-sub > a { padding-right: 23px !important; } + .menu-item.has-sub > a:after { right: 8px; } + .menu-sub a { padding: 10px 15px; } + .secondary-menu-link { padding: 20px 45px; } } + +@media (min-width: 1600px) { .header-navbar-s1 .menu > .menu-item > a { font-size: 14px; } + .header-menu-s2 .menu > .menu-item > a { padding: 20px 30px; } } + +/** 05.03 Sections */ +.nk-body { min-width: 320px; } + +.nk-pages-centered { display: flex; flex-direction: column; justify-content: center; min-height: 100vh; padding: 0 15px; } + +@media (min-width: 1600px) { .body-boxed .nk-wrap { max-width: 1400px; } } + +.container-md { max-width: 960px; } + +.container-sm { max-width: 720px; } + +.container-xs { max-width: 520px; } + +.container-z { z-index: 5; position: relative; } + +.section { position: relative; overflow-x: hidden; width: 100%; z-index: 2; } + +.section-sm { padding-top: 40px !important; padding-bottom: 40px !important; } + +.section-connect { overflow: visible; } + +.section-connect:before { position: absolute; top: 0; left: 50%; content: ""; height: 80px; width: 2px; transform: translate(-50%, -50%); background: linear-gradient(to top, #46bdf4 0%, #2b56f5 100%); z-index: 2; } + +.ov-v + .section { z-index: inherit; } + +.section-t-s-fixed, .section-s-fixed { padding-top: 60px !important; } + +.section-b-s-fixed, .section-s-fixed { padding-bottom: 60px !important; } + +.section-t-m-fixed, .section-m-fixed { padding-top: 90px !important; } + +.section-b-m-fixed, .section-m-fixed { padding-bottom: 90px !important; } + +.section-t-l-fixed, .section-l-fixed { padding-top: 120px !important; } + +.section-b-l-fixed, .section-l-fixed { padding-bottom: 120px !important; } + +.section-t-x-fixed, .section-x-fixed { padding-top: 180px !important; } + +.section-b-x-fixed, .section-x-fixed { padding-bottom: 180px !important; } + +.section-t, .section { padding-top: 60px; } + +.section-b, .section { padding-bottom: 60px; } + +.section-t-xl { padding-top: 150px !important; } + +@media (min-width: 576px) { .section-connect:before { height: 100px; } + .section-t, .section { padding-top: 60px; } + .section-b, .section { padding-bottom: 60px; } + .section-t-s, .section-s { padding-top: 60px !important; } + .section-b-s, .section-s { padding-bottom: 60px !important; } } + +@media (min-width: 768px) { .section-connect:before { height: 120px; } + .section-t, .section { padding-top: 90px; } + .section-b, .section { padding-bottom: 90px; } + .section-t-m, .section-m { padding-top: 90px !important; } + .section-b-m, .section-m { padding-bottom: 90px !important; } } + +@media (min-width: 992px) { .section-connect:before { height: 160px; } + .section-t, .section { padding-top: 120px; } + .section-b, .section { padding-bottom: 120px; } + .section-t-l, .section-l { padding-top: 120px !important; } + .section-b-l, .section-l { padding-bottom: 120px !important; } + .section-t-xl { padding-top: 180px !important; } } + +@media (min-width: 1600px) { .section-t, .section { padding-top: 180px; } + .section-b, .section { padding-bottom: 180px; } + .section-t-x, .section-x { padding-top: 180px !important; } + .section-b-x, .section-x { padding-bottom: 180px !important; } } + +@media (max-width: 575px) { .section-mxw-t-0 { padding-top: 0; } + .section-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 767px) { .section-sm-mxw-t-0 { padding-top: 0; } + .section-sm-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 991px) { .section-md-mxw-t-0 { padding-top: 0; } + .section-md-mxw-b-0 { padding-bottom: 0 !important; } } + +@media (max-width: 1199px) { .section-lg-mxw-t-0 { padding-top: 0; } + .section-lg-mxw-b-0 { padding-bottom: 0; } } + +[class*="section"].pt-0, [class*="section"].pdt-0 { padding-top: 0 !important; } + +[class*="section"].pb-0, [class*="section"].pdb-0 { padding-bottom: 0 !important; } + +.split { height: 100%; } + +.split-left { border-radius: 6px 6px 0 0; } + +.split-right { border-radius: 0 0 6px 6px; } + +@media (min-width: 576px) { .split-sm-left { border-radius: 6px 0 0 6px; } + .split-sm-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 768px) { .split-md-left { border-radius: 6px 0 0 6px; } + .split-md-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 992px) { .split-lg { border-radius: 6px; } + .split-lg-left { border-radius: 6px 0 0 6px; } + .split-lg-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 1200px) { .split-xl-left { border-radius: 6px 0 0 6px; } + .split-xl-right { border-radius: 0 6px 6px 0; } } + +.nk-pages-angled { margin-top: -450px; } + +@media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } + +/** 05.04 Footer */ +.nk-footer-angled { margin-top: -450px; } + +.footer-links { margin: 0 -12px; } + +.footer-links > li { display: inline-block; padding: 0 12px; } + +.footer-links > li > a { font-size: 13px; color: #28384c; } + +.footer-links > li > a:hover { color: #46bdf4; } + +.tc-light .footer-links > li > a { color: #8284a5 !important; } + +.tc-light .footer-links > li > a:hover { color: #46bdf4 !important; } + +/** 06. Override */ +.mfp-bg, .mfp-wrap, .mfp-wrap[class*="bg-"], .mfp-bg[class*="bg-"] { position: fixed !important; z-index: 99999999 !important; top: 0 !important; } + +.mfp-wrap, .mfp-wrap[class*="bg-"] { background: transparent !important; } + +/** 07. Preview Purpose */ +.icon-preview { text-align: center; padding: 30px; border-radius: 4px; border: 1px solid #dfeaf8; height: 100%; } + +.icon-wrap [class*="ikon-"] { font-size: 40px; } + +.icon-class { padding-top: 15px; } + +.nk-preview { position: relative; padding-bottom: 60px; } + +.nk-preview:first-child { padding-top: 60px; } + +.nk-preview-content { padding-top: 10px; } + +.nk-preview-content > .tab-pane { padding-top: 0; box-shadow: 0 5px 35px -5px rgba(18, 24, 58, 0.12); } + +.nk-preview .nk-block-head .nav { margin-bottom: 25px; margin-left: 0; margin-right: 0; } + +.nk-preview .nk-block-head .nav a { font-size: .8rem; padding: 10px 5px 5px; } + +.nk-preview .nk-block-head .title { color: #415076; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.nk-preview .nk-block-head .title .badge { margin-left: 5px; } + +.has-rtl .nk-preview .nk-block-head .title .badge { margin-left: 0; margin-right: 5px; } + +.nk-preview .nk-block-head .title small { font-size: 12px; text-transform: none; letter-spacing: 0; margin-top: 0.45rem; color: #828998; display: block; } + +@media (min-width: 576px) { .nk-preview { padding-bottom: 60px; } + .nk-preview:first-child { padding-top: 60px; } } + +@media (min-width: 768px) { .nk-preview { padding-bottom: 90px; } + .nk-preview:first-child { padding-top: 90px; } } + +@media (min-width: 992px) { .nk-preview { padding-bottom: 120px; } + .nk-preview:first-child { padding-top: 120px; } } + +@media (min-width: 1600px) { .nk-preview { padding-bottom: 180px; } + .nk-preview:first-child { padding-top: 180px; } } + +@media (min-width: 1280px) { .nk-preview { padding-left: 48px; padding-right: 48px; } + .nk-preview-content > .tab-pane { box-shadow: 0 5px 35px -5px rgba(18, 24, 58, 0.12); } } + +@media (min-width: 1200px) and (min-height: 900px) { .nk-preview .banner-fs, .nk-preview .nk-pages-centered { min-height: calc(100vh - 200px); } } + +/* END @iO */ +/* END @iO */ diff --git a/assets/css/style-jasmine.css b/assets/css/style-jasmine.css new file mode 100644 index 0000000..961262e --- /dev/null +++ b/assets/css/style-jasmine.css @@ -0,0 +1,6918 @@ +/*! Theme Name: ICOCrypto + * Author: Softnio + * Author URI: http://themeforest.net/user/softnio + * Version : 1.9.3 + * Updated : 05/05/2021 +*/ +/** +---------------------- +## TABLE CONTNETS ## +01. Fonts +02. Utilities +-- 02.01 Reset +-- 02.02 Spacing +-- 02.03 Colors +-- 02.04 Misc +03. Elements +-- 03.01 Alert +-- 03.02 Buttons +-- 03.03 Title +-- 03.04 List +-- 03.05 Form +-- 03.06 Table +-- 03.07 Progress +-- 03.08 CountDown +-- 03.09 Toastr +-- 03.10 Misc +04. Components +-- 04.01 Tab +-- 04.02 Accordion +-- 04.03 Blocks +-- 04.04 Box +-- 04.05 Banner +-- 04.06 Head +-- 04.07 Features +-- 04.08 Roadmap +-- 04.09 Token +-- 04.10 Team +-- 04.11 Partners +-- 04.12 Contact +-- 04.13 WGS +-- 04.14 Others +05. Layouts +-- 05.01 Header +-- 05.02 Menu +-- 05.03 Sections +-- 05.04 Footer +06. Override +07. Preview Purpose +---------------------- **/ +/** IMPORTANT NOTE: DO NOT Edit this file. Best to write own code in css/theme.css file. It will helps you to easy update of the template. */ +/** 01. Fonts */ +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Bold.eot"); src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Light.eot"); src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins-Light.woff") format("woff"), url("../fonts/Poppins-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-SemiBold.eot"); src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Medium.eot"); src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Regular.eot"); src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } + +/** 02. Utilities */ +/** 02.01 Reset */ +html, body { font-family: "Poppins", sans-serif; color: #223b55; font-size: 14px; line-height: 1.86; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; } + +@media (min-width: 576px) { html, body { font-size: 16px; line-height: 1.86; font-weight: 300; } } + +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } + +*[hidden] { display: none; } + +ol, ul { list-style: none; } + +blockquote, q { quotes: none; } + +blockquote::after, blockquote::before, q::after, q::before { content: none; } + +table { border-collapse: collapse; border-spacing: 0; } + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #223b55; font-weight: 500; font-family: "Poppins", sans-serif; line-height: 1.45; margin-bottom: 0.5rem; } + +h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 0; } + +.tc-light h1, .tc-light h2, .tc-light h3, .tc-light h4, .tc-light h5, .tc-light h6, .tc-light .h1, .tc-light .h2, .tc-light .h3, .tc-light .h4, .tc-light .h5, .tc-light .h6 { color: #fff; } + +p { font-size: 14px; margin-bottom: 1rem; color: #6a7894; } + +p:last-child { margin-bottom: 0; } + +p + [class*=btn] { margin-top: 15px; } + +@media (min-width: 576px) { p { font-size: 15px; } } + +ul, ol, table { margin: 0; padding: 0; } + +strong, b { font-weight: 500; } + +a { outline: 0 none; transition: all 0.5s; color: #16a1ff; } + +a:link, a:visited { text-decoration: none; } + +a:hover, a:focus, a:active { outline: 0; color: #2b56f5; } + +img { max-width: 100%; height: auto; } + +h1, .h1, .fz-1 { font-size: 1.75rem; } + +h2, .h2, .fz-2 { font-size: 1.35rem; } + +h3, .h3, .fz-3 { font-size: 1.25rem; } + +h4, .h4, .fz-4 { font-size: 1.2rem; } + +h5, .h5, .fz-5 { font-size: 1.2rem; } + +h6, .h6, .fz-6 { font-size: 0.94rem; } + +.fz-7 { font-size: 0.88rem; } + +.fz-8 { font-size: 0.75rem; } + +.lead, .lead-light { font-size: 1.2rem; font-weight: 300; color: #223b55; } + +.lead-s2 { font-size: 1.2rem; color: #223b55; } + +.lead-regular { font-weight: 400; } + +@media (min-width: 576px) { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.3; } + h1, .h1, .fz-1 { font-size: 2.75rem; } + h2, .h2, .fz-2 { font-size: 2.25rem; } + h3, .h3, .fz-3 { font-size: 1.87rem; } + h4, .h4, .fz-4 { font-size: 1.6rem; } + .lead, .lead-light { font-size: 1.2rem; } + .lead-s2 { font-size: 1.2rem; } } + +.nk-df-content, .nk-ovm:before, .nk-ovm:after { content: ""; } + +.nk-df-rel, .has-ovm, .has-bg, [class*='bg-'], .has-bg-image, .has-bg-video { position: relative; } + +.nk-df-over-up, .has-ovm > [class*=container], .has-ovm > *:not(.nk-ovm):not(.header-main):not(.nk-header):not([class*=ui-mask]), .has-bg-image > [class*=container], .has-bg-video > [class*=container] { position: relative; z-index: 5; } + +.nk-df-t, .nk-df-y { top: 0; } + +.nk-df-b, .nk-df-y { bottom: 0; } + +.nk-df-l, .nk-df-x { left: 0; } + +.nk-df-r, .nk-df-x { right: 0; } + +.nk-df-around, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .bg-image, .bg-video, .bg-video-cover, .overlay:after, .nk-ovm .nk-svgs, .accordion-icon:before, .accordion-icon:after { position: absolute; bottom: 0; top: 0; left: 0; right: 0; } + +.nk-df-center, .abs-center, .nk-block-video-play { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.nk-df-bg, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .has-bg, [class*='bg-'], .bg-image, .bg-video, .bg-video-cover { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } + +.nk-df-bg-100, .img-block-dot, .app-slide-wrap:after, .rank-item { background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; } + +.text-regular-sm { font-weight: 400; font-size: 0.9rem; } + +.block-row:not(:last-child) { margin-bottom: 40px !important; } + +@media (min-width: 992px) { .block-row:not(:last-child) { margin-bottom: 50px !important; } } + +/** 02.02 Spacing */ +.gap { height: 30px; } + +.gap-s { height: 10px; } + +.gap-m { height: 20px; } + +.gap-l { height: 40px; } + +.gap-x { height: 60px; } + +.gap-1x { height: 10px; } + +.gap-2x { height: 20px; } + +.gap-3x { height: 30px; } + +.gap-4x { height: 40px; } + +.gap-5x { height: 50px; } + +.gap-6x { height: 60px; } + +.gap-7x { height: 70px; } + +.gap-8x { height: 80px; } + +.gap-9x { height: 90px; } + +.gap-10x { height: 100px; } + +.pdt, .pd, .pdy { padding-top: 30px; } + +.pdb, .pd, .pdy { padding-bottom: 30px; } + +.pdl, .pd, .pdx { padding-left: 30px; } + +.pdr, .pd, .pdx { padding-right: 30px; } + +.pdt-s, .pd-s, .pdy-s { padding-top: 10px !important; } + +.pdt-m, .pd-m, .pdy-m { padding-top: 20px !important; } + +.pdt-r, .pd-r, .pdy-r { padding-top: 30px !important; } + +.pdt-l, .pd-l, .pdy-l { padding-top: 40px !important; } + +.pdt-x, .pd-x, .pdy-x { padding-top: 60px !important; } + +.pdb-s, .pd-s, .pdy-s { padding-bottom: 10px !important; } + +.pdb-m, .pd-m, .pdy-m { padding-bottom: 20px !important; } + +.pdb-r, .pd-r, .pdy-r { padding-bottom: 30px !important; } + +.pdb-l, .pd-l, .pdy-l { padding-bottom: 40px !important; } + +.pdb-x, .pd-x, .pdy-x { padding-bottom: 60px !important; } + +.pdl-s, .pd-s, .pdx-s { padding-left: 10px !important; } + +.pdl-m, .pd-m, .pdx-m { padding-left: 20px !important; } + +.pdl-r, .pd-r, .pdx-r { padding-left: 30px !important; } + +.pdl-l, .pd-l, .pdx-l { padding-left: 40px !important; } + +.pdl-x, .pd-x, .pdx-x { padding-left: 60px !important; } + +.pdr-s, .pd-s, .pdx-s { padding-right: 10px !important; } + +.pdr-m, .pd-m, .pdx-m { padding-right: 20px !important; } + +.pdr-r, .pd-r, .pdx-r { padding-right: 30px !important; } + +.pdr-l, .pd-l, .pdx-l { padding-right: 40px !important; } + +.pdr-x, .pd-x, .pdx-x { padding-right: 60px !important; } + +.mgt, .mg, .mgy { margin-top: 30px !important; } + +.mgb, .mg, .mgy { margin-bottom: 30px !important; } + +.mgl, .mg, .mgx { margin-left: 30px !important; } + +.mgr, .mg, .mgx { margin-right: 30px !important; } + +.mg-fix { margin-bottom: -20px; } + +.mg-fix-lg { margin-bottom: -45px; } + +.mg-fix-md { margin-bottom: -30px; } + +.mg-fix-sm { margin-bottom: -15px; } + +.mg-fix-xs { margin-bottom: -10px; } + +.mgt-s, .mg-s, .mgy-s { margin-top: 10px !important; } + +.mgt-m, .mg-m, .mgy-m { margin-top: 20px !important; } + +.mgt-r, .mg-r, .mgy-r { margin-top: 30px !important; } + +.mgt-l, .mg-l, .mgy-l { margin-top: 40px !important; } + +.mgt-x, .mg-x, .mgy-x { margin-top: 60px !important; } + +.mgb-s, .mg-s, .mgy-s { margin-bottom: 10px !important; } + +.mgb-m, .mg-m, .mgy-m { margin-bottom: 20px !important; } + +.mgb-r, .mg-r, .mgy-r { margin-bottom: 30px !important; } + +.mgb-l, .mg-l, .mgy-l { margin-bottom: 40px !important; } + +.mgb-x, .mg-x, .mgy-x { margin-bottom: 60px !important; } + +.mgl-s, .mg-s, .mgx-s { margin-left: 10px !important; } + +.mgl-m, .mg-m, .mgx-m { margin-left: 20px !important; } + +.mgl-r, .mg-r, .mgx-r { margin-left: 30px !important; } + +.mgl-l, .mg-l, .mgx-l { margin-left: 40px !important; } + +.mgl-x, .mg-x, .mgx-x { margin-left: 60px !important; } + +.mgr-s, .mg-s, .mgx-s { margin-right: 10px !important; } + +.mgr-m, .mg-m, .mgx-m { margin-right: 20px !important; } + +.mgr-r, .mg-r, .mgx-r { margin-right: 30px !important; } + +.mgr-l, .mg-l, .mgx-l { margin-right: 40px !important; } + +.mgr-x, .mg-x, .mgx-x { margin-right: 60px !important; } + +@media (min-width: 576px) { .pdt-l, .pd-l, .pdy-l { padding-top: 60px !important; } + .pdt-x, .pd-x, .pdy-x { padding-top: 90px !important; } + .pdb-l, .pd-l, .pdy-l { padding-bottom: 60px !important; } + .pdb-x, .pd-x, .pdy-x { padding-bottom: 90px !important; } + .pdl-l, .pd-l, .pdx-l { padding-left: 60px !important; } + .pdl-x, .pd-x, .pdx-x { padding-left: 90px !important; } + .pdr-l, .pd-l, .pdx-l { padding-right: 60px !important; } + .pdr-x, .pd-x, .pdx-x { padding-right: 90px !important; } + .mgt-l, .mg-l, .mgy-l { margin-top: 60px !important; } + .mgt-x, .mg-x, .mgy-x { margin-top: 90px !important; } + .mgb-l, .mg-l, .mgy-l { margin-bottom: 60px !important; } + .mgb-x, .mg-x, .mgy-x { margin-bottom: 90px !important; } + .mgl-l, .mg-l, .mgx-l { margin-left: 60px !important; } + .mgl-x, .mg-x, .mgx-x { margin-left: 90px !important; } + .mgr-l, .mg-l, .mgx-l { margin-right: 60px !important; } + .mgr-x, .mg-x, .mgx-x { margin-right: 90px !important; } } + +.mgb-m10 { margin-bottom: -10px !important; } + +.mgb-m20 { margin-bottom: -20px !important; } + +.mgb-m30 { margin-bottom: -30px !important; } + +.mgb-m40 { margin-bottom: -40px !important; } + +.mgb-m50 { margin-bottom: -50px !important; } + +.mgt-m10 { margin-top: -10px !important; } + +.mgt-m20 { margin-top: -20px !important; } + +.mgt-m30 { margin-top: -30px !important; } + +.mgt-m40 { margin-top: -40px !important; } + +.mgt-m50 { margin-top: -50px !important; } + +.mgt-m70 { margin-top: -70px !important; } + +.gutter-5px { margin-left: -2.5px !important; margin-right: -2.5px !important; } + +.gutter-5px > li, .gutter-5px > div { padding-left: 2.5px !important; padding-right: 2.5px !important; } + +.gutter-15px { margin-left: -7.5px !important; margin-right: -7.5px !important; } + +.gutter-15px > li, .gutter-15px > div { padding-left: 7.5px !important; padding-right: 7.5px !important; } + +.gutter-25px { margin-left: -12.5px !important; margin-right: -12.5px !important; } + +.gutter-25px > li, .gutter-25px > div { padding-left: 12.5px !important; padding-right: 12.5px !important; } + +.gutter-10px { margin-left: -5px !important; margin-right: -5px !important; } + +.gutter-10px > li, .gutter-10px > div { padding-left: 5px !important; padding-right: 5px !important; } + +.gutter-20px { margin-left: -10px !important; margin-right: -10px !important; } + +.gutter-20px > li, .gutter-20px > div { padding-left: 10px !important; padding-right: 10px !important; } + +.gutter-30px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-30px > li, .gutter-30px > div { padding-left: 15px !important; padding-right: 15px !important; } + +.gutter-40px { margin-left: -20px !important; margin-right: -20px !important; } + +.gutter-40px > li, .gutter-40px > div { padding-left: 20px !important; padding-right: 20px !important; } + +.gutter-50px { margin-left: -25px !important; margin-right: -25px !important; } + +.gutter-50px > li, .gutter-50px > div { padding-left: 25px !important; padding-right: 25px !important; } + +.gutter-60px { margin-left: -30px !important; margin-right: -30px !important; } + +.gutter-60px > li, .gutter-60px > div { padding-left: 30px !important; padding-right: 30px !important; } + +.gutter-70px { margin-left: -35px !important; margin-right: -35px !important; } + +.gutter-70px > li, .gutter-70px > div { padding-left: 35px !important; padding-right: 35px !important; } + +.gutter-80px { margin-left: -40px !important; margin-right: -40px !important; } + +.gutter-80px > li, .gutter-80px > div { padding-left: 40px !important; padding-right: 40px !important; } + +.gutter-90px { margin-left: -45px !important; margin-right: -45px !important; } + +.gutter-90px > li, .gutter-90px > div { padding-left: 45px !important; padding-right: 45px !important; } + +.gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } + +.gutter-vr-5px { margin-top: -2.5px !important; margin-bottom: -2.5px !important; } + +.gutter-vr-5px > li, .gutter-vr-5px > div { padding-top: 2.5px !important; padding-bottom: 2.5px !important; } + +.gutter-vr-15px { margin-top: -7.5px !important; margin-bottom: -7.5px !important; } + +.gutter-vr-15px > li, .gutter-vr-15px > div { padding-top: 7.5px !important; padding-bottom: 7.5px !important; } + +.gutter-vr-25px { margin-top: -12.5px !important; margin-bottom: -12.5px !important; } + +.gutter-vr-25px > li, .gutter-vr-25px > div { padding-top: 12.5px !important; padding-bottom: 12.5px !important; } + +.gutter-vr-10px { margin-top: -5px !important; margin-bottom: -5px !important; } + +.gutter-vr-10px > li, .gutter-vr-10px > div { padding-top: 5px !important; padding-bottom: 5px !important; } + +.gutter-vr-20px { margin-top: -10px !important; margin-bottom: -10px !important; } + +.gutter-vr-20px > li, .gutter-vr-20px > div { padding-top: 10px !important; padding-bottom: 10px !important; } + +.gutter-vr-30px { margin-top: -15px !important; margin-bottom: -15px !important; } + +.gutter-vr-30px > li, .gutter-vr-30px > div { padding-top: 15px !important; padding-bottom: 15px !important; } + +.gutter-vr-40px { margin-top: -20px !important; margin-bottom: -20px !important; } + +.gutter-vr-40px > li, .gutter-vr-40px > div { padding-top: 20px !important; padding-bottom: 20px !important; } + +.gutter-vr-50px { margin-top: -25px !important; margin-bottom: -25px !important; } + +.gutter-vr-50px > li, .gutter-vr-50px > div { padding-top: 25px !important; padding-bottom: 25px !important; } + +.gutter-vr-60px { margin-top: -30px !important; margin-bottom: -30px !important; } + +.gutter-vr-60px > li, .gutter-vr-60px > div { padding-top: 30px !important; padding-bottom: 30px !important; } + +.gutter-vr-70px { margin-top: -35px !important; margin-bottom: -35px !important; } + +.gutter-vr-70px > li, .gutter-vr-70px > div { padding-top: 35px !important; padding-bottom: 35px !important; } + +.gutter-vr-80px { margin-top: -40px !important; margin-bottom: -40px !important; } + +.gutter-vr-80px > li, .gutter-vr-80px > div { padding-top: 40px !important; padding-bottom: 40px !important; } + +.gutter-vr-90px { margin-top: -45px !important; margin-bottom: -45px !important; } + +.gutter-vr-90px > li, .gutter-vr-90px > div { padding-top: 45px !important; padding-bottom: 45px !important; } + +.gutter-vr-100px { margin-top: -50px !important; margin-bottom: -50px !important; } + +.gutter-vr-100px > li, .gutter-vr-100px > div { padding-top: 50px !important; padding-bottom: 50px !important; } + +.gutter-100px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 15px !important; padding-right: 15px !important; } + +@media (min-width: 992px) { .gutter-100px { margin-left: -25px !important; margin-right: -25px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 25px !important; padding-right: 25px !important; } } + +@media (min-width: 1200px) { .gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } } + +/** 02.03 Colors */ +.tc-base-white, .tc-light, .tc-light a:not(.btn):not([class*="link-"]) { color: #eff6ff; } + +.tc-base-white-hover, .tc-light a:not(.btn):not([class*="link-"]):hover { color: #16a1ff; } + +.tc-default, .tc-default a { color: #223b55 !important; } + +.tc-alternet, .tc-alternet a { color: #223b55 !important; } + +.tc-primary, .tc-primary a { color: #16a1ff !important; } + +.tc-primary a:hover { color: #2b56f5 !important; } + +.tc-secondary, .tc-secondary a { color: #2b56f5 !important; } + +.tc-secondary a:hover { color: #16a1ff !important; } + +.tc-info, .tc-info a { color: #026bfb !important; } + +.tc-warning, .tc-warning a { color: #f6be26 !important; } + +.tc-success, .tc-success a { color: #39d884 !important; } + +.tc-danger, .tc-danger a { color: #e6604a !important; } + +.tc-light p, .tc-light .list { color: #fff; } + +.tc-light .lead, .tc-light .lead-light, .tc-light .lead-s2 { color: #fff; } + +.tc-light-alt a:not(.btn):not([class*="link-"]) { color: #8284a5 !important; } + +.tc-light-alt a:not(.btn):not([class*="link-"]):hover { color: #16a1ff !important; } + +.tc-light-alt li { color: #8284a5; } + +.tc-lighter { color: rgba(255, 255, 255, 0.6) !important; } + +.tc-dark, .tc-dark a { color: #0b0c10 !important; } + +.tc-theme, .tc-theme a { color: #16a1ff !important; } + +.tc-theme-alt, .tc-theme-alt a { color: #3221ad !important; } + +.tc-white { color: #fff !important; } + +.bg-default { background-color: #223b55 !important; } + +.bg-alternet { background-color: #3221ad !important; } + +.bg-primary { background-color: #16a1ff !important; } + +.bg-secondary { background-color: #2b56f5 !important; } + +.bg-light { background-color: #eff6ff !important; } + +.bg-light.current { background-color: rgba(239, 246, 255, 0.7) !important; } + +.bg-light-alt { background-color: #e7edf5 !important; } + +.bg-light-alt.current { background-color: rgba(231, 237, 245, 0.7) !important; } + +.bg-light-grad { background-image: linear-gradient(to bottom, #fff 0%, #eff6ff 100%); } + +.bg-dark { background-color: #160b6d !important; } + +.bg-dark.current { background-color: rgba(22, 11, 109, 0.7) !important; } + +.bg-dark-alt { background-color: rgba(22, 11, 109, 0.7) !important; } + +.bg-dark-alt.current { background-color: rgba(29, 14, 138, 0.7) !important; } + +.bg-dark-opacity { background: rgba(0, 0, 0, 0.15) !important; } + +.bg-trans { background-color: transparent !important; } + +.bg-grad { background-image: linear-gradient(90deg, #16a1ff 0%, #2b56f5 100%) !important; } + +.bg-grad-alt { background-image: linear-gradient(90deg, #2b56f5 0%, #16a1ff 100%) !important; } + +.bg-grad-special { background-image: linear-gradient(140deg, #7a5cff 0%, #7a5cff 20%, transparent 50%, transparent 100%) !important; } + +.bg-grad-special-alt { background-image: linear-gradient(to top, #3e2bc5 0%, #3e2bc5 5%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.bg-grad-vr-theme-to-alt { background-image: linear-gradient(to bottom, #3221ad 0%, #3e2bc5 100%) !important; } + +.bg-grad-vr-theme-dark-to-dark-alt { background-image: linear-gradient(to bottom, #160b6d 0%, #1d0e8a 100%) !important; } + +.bg-grad-vr-alt-to-theme { background-image: linear-gradient(to top, #3221ad 0%, #3e2bc5 100%) !important; } + +.bg-grad-vr-dark-alt-to-theme-dark-to-theme { background-image: linear-gradient(to top, #160b6d 0%, #1d0e8a 100%) !important; } + +.bg-info { background-color: #026bfb !important; } + +.bg-warning { background-color: #f6be26 !important; } + +.bg-success { background-color: #39d884 !important; } + +.bg-danger { background-color: #e6604a !important; } + +.bg-black { background-color: #000; } + +.bg-black-2, .bonus-info { background-color: rgba(0, 0, 0, 0.02); } + +.bg-black-5 { background-color: rgba(0, 0, 0, 0.05); } + +.bg-black-7 { background-color: rgba(0, 0, 0, 0.07); } + +.bg-black-10 { background-color: rgba(0, 0, 0, 0.1); } + +.bg-black-14 { background-color: rgba(0, 0, 0, 0.14); } + +.bg-black-22 { background-color: rgba(0, 0, 0, 0.22); } + +.bg-white { background-color: #fff; } + +.bg-white-2 { background-color: rgba(255, 255, 255, 0.02); } + +.bg-white-5 { background-color: rgba(255, 255, 255, 0.05); } + +.bg-white-7 { background-color: rgba(255, 255, 255, 0.07); } + +.bg-white-10 { background-color: rgba(255, 255, 255, 0.1); } + +.bg-white-14 { background-color: rgba(255, 255, 255, 0.14); } + +.bg-white-22 { background-color: rgba(255, 255, 255, 0.22); } + +.bg-theme { background-color: #3221ad !important; } + +.bg-theme.current { background-color: rgba(50, 33, 173, 0.7) !important; } + +.bg-theme-alt { background-color: #3e2bc5 !important; } + +.bg-theme-alt.current { background-color: rgba(62, 43, 197, 0.7) !important; } + +.bg-theme-grad { background-image: linear-gradient(to right, #3221ad 0%, #3e2bc5 100%) !important; } + +.bg-theme-grad-alt { background-image: linear-gradient(to right, #3e2bc5 0%, #3221ad 100%) !important; } + +.bg-theme-grad-s2 { background-image: linear-gradient(135deg, #3221ad 0%, #3e2bc5 100%) !important; } + +.bg-theme-grad-s2-alt { background-image: linear-gradient(135deg, #3e2bc5 0%, #3221ad 100%) !important; } + +.bg-theme-grad-alternet { background-image: linear-gradient(to right, #3221ad 0%, #7a5cff 100%) !important; } + +.bg-theme-dark { background-color: #160b6d !important; } + +.bg-theme-dark.current { background-color: rgba(22, 11, 109, 0.7) !important; } + +.bg-theme-dark-alt { background-color: #1d0e8a !important; } + +.bg-theme-dark-alt.current { background-color: rgba(29, 14, 138, 0.7) !important; } + +.bg-theme-light { background-color: #eff6ff !important; } + +.bg-theme-light.current { background-color: rgba(239, 246, 255, 0.7) !important; } + +.bg-theme-light-alt { background-color: #e7edf5 !important; } + +.bg-theme-light-alt.current { background-color: rgba(231, 237, 245, 0.7) !important; } + +.bg-theme-accent { background-color: #16a1ff !important; } + +.bg-theme-accent.current { background-color: rgba(22, 161, 255, 0.7) !important; } + +.bg-theme-accent-alt { background-color: #2b56f5 !important; } + +.bg-theme-accent-alt.current { background-color: rgba(43, 86, 245, 0.7) !important; } + +.bg-blend:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #3221ad); } + +.bg-blend-alt:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #3e2bc5); } + +.bg-blend-light { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #eff6ff); } + +.bg-blend-light-alt { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #e7edf5); } + +.bg-rblend-light { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #eff6ff); } + +.bg-rblend-light-alt { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #e7edf5); } + +.theme-dark { background: #160b6d !important; } + +.text-primary { color: #3221ad !important; } + +.text-primary-alt { color: #3e2bc5 !important; } + +.text-theme-alt { color: #7a5cff; } + +.text-base { color: #12183a; } + +/** 02.04 Misc */ +.ttc { text-transform: capitalize !important; } + +.ttu { text-transform: uppercase !important; } + +.ttl { text-transform: lowercase !important; } + +.ttn { text-transform: none !important; } + +.fw-7 { font-weight: 700 !important; } + +.fw-6 { font-weight: 600 !important; } + +.fw-5 { font-weight: 500 !important; } + +.fw-4 { font-weight: 400 !important; } + +.fw-3 { font-weight: 300 !important; } + +.fw-rg { font-weight: 400 !important; } + +.fw-bold { font-weight: 700 !important; } + +.fw-md { font-weight: 500 !important; } + +.fw-lt { font-weight: 300 !important; } + +.lh { line-height: 1; } + +.lh-11 { line-height: 1.1; } + +.lh-12 { line-height: 1.2; } + +.lh-13 { line-height: 1.3; } + +.lh-14 { line-height: 1.4; } + +.lh-15 { line-height: 1.5; } + +.lh-16 { line-height: 1.6; } + +.lh-17 { line-height: 1.7; } + +.lh-18 { line-height: 1.8; } + +.lh-19 { line-height: 1.9; } + +.lh-2 { line-height: 2; } + +.ov-h, .nk-block-video, .nk-banner, .banner-wrap, .feature-group, .feature-img { overflow: hidden; } + +.ov-xh { overflow-x: hidden; } + +.ov-yh { overflow-y: hidden; } + +.ov-s { overflow: scroll; } + +.ov-xs { overflow-x: scroll; } + +.ov-ys { overflow-y: scroll; } + +.ov-v { overflow: visible !important; } + +.ov-xv { overflow-x: visible !important; } + +.ov-yv { overflow-y: visible !important; } + +.bd { border: 1px solid #d1e0f6; } + +.bd-2 { border-width: 2px; } + +.bd-3 { border-width: 3px; } + +.bdt { border-top: 1px solid #d1e0f6; } + +.bdt-2 { border-top-width: 2px; } + +.bdt-3 { border-top-width: 3px; } + +.bdb { border-bottom: 1px solid #d1e0f6; } + +.bdb-2 { border-bottom-width: 2px; } + +.bdb-3 { border-bottom-width: 3px; } + +.bdl { border-left: 1px solid #d1e0f6; } + +.bdl-2 { border-left-width: 2px; } + +.bdl-3 { border-left-width: 3px; } + +.bdr { border-right: 1px solid #d1e0f6; } + +.bdr-2 { border-right-width: 2px; } + +.bdr-3 { border-right-width: 3px; } + +.bd-dashed { border-style: dashed; } + +.bd-dotted { border-style: dotted; } + +.bd-double { border-style: double; } + +.bd-light { border-color: #dbe4f7; } + +.bd-lighter { border-color: #dbe4f7; } + +.bd-lightest { border-color: #f4f7fd; } + +.bd-dark { border-color: #394995; } + +.bd-darker { border-color: #394995; } + +.bd-darkest { border-color: #394995; } + +.bd-primary { border-color: #16a1ff; } + +.bd-alternet { border-color: #a2b3cd; } + +.bd-secondary { border-color: #3221ad; } + +.bd-info { border-color: #9ac4fd; } + +.bd-warning { border-color: #fbe5a8; } + +.bd-success { border-color: #b0efce; } + +.bd-danger { border-color: #f5bfb7; } + +.round, .token-stage { border-radius: 6px !important; } + +.round-sm { border-radius: 4px !important; } + +.round-md { border-radius: 10px !important; } + +.round-lg { border-radius: 15px !important; } + +.round-xl { border-radius: 44px !important; } + +.round-full, .circle { border-radius: 50% !important; } + +.round-full:before, .circle:before, .round-full:after, .circle:after { border-radius: 50% !important; } + +.bdrs-1 { border-radius: 1px; } + +.bdrs-2 { border-radius: 2px; } + +.bdrs-3 { border-radius: 3px; } + +.bdrs-4 { border-radius: 4px; } + +.bdrs-5 { border-radius: 5px; } + +.bdrs-6 { border-radius: 6px; } + +.bdrs-7 { border-radius: 7px; } + +.bdrs-8 { border-radius: 8px; } + +.bdrs-9 { border-radius: 9px; } + +.bdrs-1x { border-radius: 10px; } + +.bdrs-2x { border-radius: 20px; } + +.bdrs-3x { border-radius: 30px; } + +.bdrs-4x { border-radius: 40px; } + +.bdrs-5x { border-radius: 50px; } + +.bdrs-15x { border-radius: 15px; } + +.bdrs-25x { border-radius: 25px; } + +.bdrs-35x { border-radius: 35px; } + +.bdrs-45x { border-radius: 45px; } + +.shadow { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08) !important; } + +.shadow-alt { box-shadow: 0 8px 16px 0 rgba(18, 24, 58, 0.15); } + +.shadow-soft { box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.shadow-soft-sm { box-shadow: 0 2px 12px 0 rgba(18, 24, 58, 0.08); } + +.shadow-dark { box-shadow: 0 5px 40px rgba(18, 24, 58, 0.15); } + +.shadow-dark-sm { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.15); } + +.shadow-heavy { box-shadow: 0 5px 50px rgba(18, 24, 58, 0.25); } + +.shadow-heavy-sm { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.25); } + +.nk-df-mask-a, .mask-a:before, .mask-a-bg { background-image: url(../images/mask-a.svg); } + +.ie .nk-df-mask-a, .ie .mask-a:before, .ie .mask-a-bg { background-image: url(../images/mask-a.png); } + +.nk-df-mask-a-md, .mask-a-md:before, .mask-a-md-bg { background-image: url(../images/mask-a-md.svg); } + +.ie .nk-df-mask-a-md, .ie .mask-a-md:before, .ie .mask-a-md-bg { background-image: url(../images/mask-a-md.png); } + +.nk-df-mask-a-dark, .mask-a-dark:before, .mask-a-dark-bg { background-image: url(../images/mask-a-dark.svg); } + +.ie .nk-df-mask-a-dark, .ie .mask-a-dark:before, .ie .mask-a-dark-bg { background-image: url(../images/mask-a-dark.png); } + +.nk-df-mask-line, .mask-line:before, .mask-line-bg { background-image: url(../images/mask-line.svg); } + +.ie .nk-df-mask-line, .ie .mask-line:before, .ie .mask-line-bg { background-image: url(../images/mask-line.png); } + +.nk-df-mask-b, .mask-b:before, .mask-b-bg { background-image: url(../images/mask-b.svg); } + +.ie .nk-df-mask-b, .ie .mask-b:before, .ie .mask-b-bg { background-image: url(../images/mask-b.png); } + +.nk-df-mask-c, .mask-c:before, .mask-c-bg { background-image: url(../images/mask-c.svg); } + +.ie .nk-df-mask-c, .ie .mask-c:before, .ie .mask-c-bg { background-image: url(../images/mask-c.png); } + +.nk-df-mask-c-light, .mask-c-light:before, .mask-c-light-bg { background-image: url(../images/mask-c-light.svg); } + +.ie .nk-df-mask-c-light, .ie .mask-c-light:before, .ie .mask-c-light-bg { background-image: url(../images/mask-c-light.png); } + +.nk-df-mask-c-dark, .mask-c-dark:before, .mask-c-dark-bg { background-image: url(../images/mask-c-dark.svg); } + +.ie .nk-df-mask-c-dark, .ie .mask-c-dark:before, .ie .mask-c-dark-bg { background-image: url(../images/mask-c-dark.png); } + +.nk-df-mask-d, .mask-d:before, .mask-d-bg { background-image: url(../images/mask-d.svg); } + +.ie .nk-df-mask-d, .ie .mask-d:before, .ie .mask-d-bg { background-image: url(../images/mask-d.png); } + +.nk-df-mask-d2, .mask-d2:before, .mask-d2-bg { background-image: url(../images/mask-d2.svg); } + +.ie .nk-df-mask-d2, .ie .mask-d2:before, .ie .mask-d2-bg { background-image: url(../images/mask-d2.png); } + +.nk-df-mask-e, .mask-e:before, .mask-e-bg { background-image: url(../images/mask-e.svg); } + +.ie .nk-df-mask-e, .ie .mask-e:before, .ie .mask-e-bg { background-image: url(../images/mask-e.png); } + +.nk-df-mask-f, .mask-f:before, .mask-f-bg { background-image: url(../images/mask-f.svg); } + +.ie .nk-df-mask-f, .ie .mask-f:before, .ie .mask-f-bg { background-image: url(../images/mask-f.png); } + +.nk-df-mask-f-footer, .mask-f-footer:before, .mask-f-footer-bg { background-image: url(../images/mask-f-footer.svg); } + +.ie .nk-df-mask-f-footer, .ie .mask-f-footer:before, .ie .mask-f-footer-bg { background-image: url(../images/mask-f-footer.png); } + +.mask-a:before, .mask-a-md:before, .mask-a-dark:before { background-position: bottom center !important; } + +.mask-contain-bottom:before { background-size: contain; background-position: 50% 100%; } + +.mask-c-blend { background-image: linear-gradient(180deg, #0d1b61 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-dark { background-image: linear-gradient(180deg, #0C0E24 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-light { background-image: linear-gradient(180deg, #f0f6ff 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-f:before { left: 0 !important; } + +.mask-f-footer:before { background-position: 50% -1px; } + +.before-bottom:before { top: auto; } + +.before-h10:before { height: 10%; } + +.before-h20:before { height: 20%; } + +.before-h30:before { height: 30%; } + +.before-h40:before { height: 40%; } + +.before-h50:before { height: 50%; } + +.before-h60:before { height: 60%; } + +.before-h70:before { height: 70%; } + +.before-h80:before { height: 80%; } + +.before-h90:before { height: 90%; } + +.nk-df-shape-a, .shape-a:after, .shape-a-bg, .bg-shape-a { background-image: url(../images/shape-a.png); } + +.nk-df-shape-a-sm, .shape-a-sm:after, .shape-a-sm-bg { background-image: url(../images/shape-a-sm.png); } + +.nk-df-shape-b, .shape-b:after, .shape-b-bg, .bg-shape-b { background-image: url(../images/shape-b.png); } + +.nk-df-shape-b-sm, .shape-b-sm:after, .shape-b-sm-bg { background-image: url(../images/shape-b-sm.png); } + +.nk-df-shape-c, .shape-c:after, .shape-c-bg { background-image: url(../images/shape-c.png); } + +.nk-df-shape-c-sm, .shape-c-sm:after, .shape-c-sm-bg { background-image: url(../images/shape-c-sm.png); } + +.nk-df-shape-d, .shape-d:after, .shape-d-bg { background-image: url(../images/shape-d.png); } + +.nk-df-shape-d-sm, .shape-d-sm:after, .shape-d-sm-bg { background-image: url(../images/shape-d-sm.png); } + +.nk-df-shape-e, .shape-e:after, .shape-e-bg { background-image: url(../images/shape-e.png); } + +.nk-df-shape-e-sm, .shape-e-sm:after, .shape-e-sm-bg { background-image: url(../images/shape-e-sm.png); } + +.nk-df-shape-f, .shape-f:after, .shape-f-bg { background-image: url(../images/shape-f.png); } + +.nk-df-shape-f-sm, .shape-f-sm:after, .shape-f-sm-bg { background-image: url(../images/shape-f-sm.png); } + +.nk-df-shape-g, .shape-g:after, .shape-g-bg { background-image: url(../images/shape-g.png); } + +.nk-df-shape-g-sm, .shape-g-sm:after, .shape-g-sm-bg { background-image: url(../images/shape-g-sm.png); } + +.nk-df-shape-h, .shape-h:after, .shape-h-bg { background-image: url(../images/shape-h.png); } + +.nk-df-shape-h-sm, .shape-h-sm:after, .shape-h-sm-bg { background-image: url(../images/shape-h-sm.png); } + +.nk-df-shape-i, .shape-i:after, .shape-i-bg { background-image: url(../images/shape-i.png); } + +.nk-df-shape-i-sm, .shape-i-sm:after, .shape-i-sm-bg { background-image: url(../images/shape-i-sm.png); } + +.nk-df-shape-m, .shape-m:after, .shape-m-bg { background-image: url(../images/shape-m.png); } + +.nk-df-shape-n, .shape-n:after, .shape-n-bg { background-image: url(../images/shape-n.png); } + +.nk-df-shape-o, .shape-o:after, .shape-o-bg { background-image: url(../images/shape-o.png); } + +.nk-df-shape-p, .shape-p:after, .shape-p-bg { background-image: url(../images/shape-p.png); } + +.nk-df-shape-q, .shape-q:after, .shape-q-bg { background-image: url(../images/shape-q.png); } + +.nk-df-shape-r, .shape-r:after, .shape-r-bg { background-image: url(../images/shape-r.png); } + +.nk-df-shape-s, .shape-s:after, .shape-s-bg { background-image: url(../images/shape-s.png); } + +.nk-df-shape-s-sm, .shape-s-sm:after, .shape-s-sm-bg { background-image: url(../images/shape-s-sm.png); } + +.nk-df-shape-t, .shape-t:after, .shape-t-bg { background-image: url(../images/shape-t.png); } + +.nk-df-shape-u, .shape-u:after, .shape-u-bg { background-image: url(../images/shape-u.png); } + +.nk-df-shape-v, .shape-v:after, .shape-v-bg { background-image: url(../images/shape-v.png); } + +.nk-df-shape-w, .shape-w:after, .shape-w-bg { background-image: url(../images/shape-w.png); } + +.nk-df-shape-x, .shape-x:after, .shape-x-bg { background-image: url(../images/shape-x.png); } + +.nk-df-shape-x-2, .shape-x-2:after, .shape-x-2-bg { background-image: url(../images/shape-x-2.png); } + +.nk-df-shape-x-3, .shape-x-3:after, .shape-x-3-bg { background-image: url(../images/shape-x-3.png); } + +.nk-df-shape-y, .shape-y:after, .shape-y-bg { background-image: url(../images/shape-y.png); } + +.nk-df-shape-z, .shape-z:after, .shape-z-bg { background-image: url(../images/shape-z.png); } + +.nk-df-shape-z2, .shape-z2:after, .shape-z2-bg { background-image: url(../images/shape-z2.png); } + +.nk-df-shape-a2, .shape-a2:after, .shape-a2-bg { background-image: url(../images/shape-a2.png); } + +.nk-df-shape-z3, .shape-z3:after, .shape-z3-bg { background-image: url(../images/shape-z3.png); } + +.nk-df-shape-z4, .shape-z4:after, .shape-z4-bg { background-image: url(../images/shape-z4.png); } + +.nk-df-shape-z6, .shape-z6:after, .shape-z6-bg { background-image: url(../images/shape-z6.png); } + +.nk-df-shape-z6-sm, .shape-z6-sm:after, .shape-z6-sm-bg { background-image: url(../images/shape-z6-sm.png); } + +.nk-df-shape-z7, .shape-z7:after, .shape-z7-bg { background-image: url(../images/shape-z7.png); } + +.shape-contain:after { background-size: contain; } + +.shape-center-top:after { background-position: 50% 0; } + +.shape-center-bottom:after { background-position: 50% 100%; } + +.shape-left-top:after { background-position: 0 0; } + +.shape-q:after { background-size: contain; background-repeat: repeat; background-position: 0 50%; } + +.shape-lg-60:after { background-size: 60%; } + +.shape-z3:after { background-size: 100%; background-position: bottom center; } + +.shape-x.nk-ovm:after, .shape-x.nk-ovm:before { left: 0 !important; } + +.shape-a2:before { background-size: 100%; } + +.nk-ovm { z-index: 1; } + +.nk-ovm:before, .nk-ovm:after { bottom: -1px; left: -1px; } + +.nk-ovm:before { z-index: 1; } + +.nk-ovm-repeat:after { background-repeat: repeat; background-size: contain; } + +.nk-ovm-fixed:after { background-attachment: fixed; } + +.ovm-top { bottom: auto; } + +.ovm-bottom { top: auto; } + +.ovm-left { right: auto; } + +.ovm-right { left: auto; } + +.ovm-h-10 { height: 10%; } + +.ovm-h-20 { height: 20%; } + +.ovm-h-30 { height: 30%; } + +.ovm-h-40 { height: 40%; } + +.ovm-h-50 { height: 50%; } + +.ovm-h-60 { height: 60%; } + +.ovm-h-70 { height: 70%; } + +.ovm-h-80 { height: 80%; } + +.ovm-h-90 { height: 90%; } + +.ovm-w-10 { width: 10%; } + +.ovm-w-20 { width: 20%; } + +.ovm-w-30 { width: 30%; } + +.ovm-w-40 { width: 40%; } + +.ovm-w-50 { width: 50%; } + +.ovm-w-60 { width: 60%; } + +.ovm-w-70 { width: 70%; } + +.ovm-w-80 { width: 80%; } + +.ovm-w-90 { width: 90%; } + +.has-bg-image > div, .has-bg-video > div { position: relative; z-index: 1; } + +.bg-fixed { background-attachment: fixed; } + +.bg-image { position: absolute !important; z-index: 0 !important; opacity: 0; transition: opacity .4s; } + +.bg-image.bg-image-loaded { opacity: 1; } + +.bg-image img { display: none !important; } + +.bg-pattern-dots-color { background-image: url(../images/dot-a.png); background-size: contain; } + +.bg-pattern-dots { background-image: url(../images/dot-b.png); background-size: contain; background-repeat: repeat-y; } + +.bg-contain { background-size: contain; } + +.bg-bottom-center { background-position: 50% 100%; } + +.bg-shape-b { background-position: 50% 100%; } + +.bg-video { position: absolute !important; z-index: 0 !important; overflow: hidden; } + +.bg-video-cover { opacity: 0; } + +.cover-enabled .bg-video-cover { opacity: 1; } + +.bg-video .ytplayer-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.bg-video .ytplayer-container.cover-enabled .bg-video .ytplayer-container { display: none; } + +.cover-enabled .ytplayer-container { display: none; } + +.bg-image.bp-l0, .has-bg.bp-l0 { background-position: 0%; } + +.bg-image.bp-r0, .has-bg.bp-r0 { background-position: 0%; } + +.bg-image.bp-l10, .has-bg.bp-l10 { background-position: 10%; } + +.bg-image.bp-r10, .has-bg.bp-r10 { background-position: 40%; } + +.bg-image.bp-l20, .has-bg.bp-l20 { background-position: 20%; } + +.bg-image.bp-r20, .has-bg.bp-r20 { background-position: 30%; } + +.bg-image.bp-l25, .has-bg.bp-l25 { background-position: 25%; } + +.bg-image.bp-r25, .has-bg.bp-r25 { background-position: 25%; } + +.bg-image.bp-l30, .has-bg.bp-l30 { background-position: 30%; } + +.bg-image.bp-r30, .has-bg.bp-r30 { background-position: 20%; } + +.bg-image.bp-l40, .has-bg.bp-l40 { background-position: 40%; } + +.bg-image.bp-r40, .has-bg.bp-r40 { background-position: 10%; } + +.overlay:after { content: ''; } + +.overlay-light:after { background: #fff; } + +.overlay-dark:after { background: #000; } + +.overlay-theme:after { background: #3221ad; } + +.overlay-theme-dark:after { background: #160b6d; } + +.overlay-opacity-10:after { opacity: 0.1; } + +.overlay-opacity-15:after { opacity: 0.15; } + +.overlay-opacity-20:after { opacity: 0.2; } + +.overlay-opacity-25:after { opacity: 0.25; } + +.overlay-opacity-30:after { opacity: 0.3; } + +.overlay-opacity-35:after { opacity: 0.35; } + +.overlay-opacity-40:after { opacity: 0.4; } + +.overlay-opacity-45:after { opacity: 0.45; } + +.overlay-opacity-50:after { opacity: 0.5; } + +.overlay-opacity-55:after { opacity: 0.55; } + +.overlay-opacity-60:after { opacity: 0.6; } + +.overlay-opacity-65:after { opacity: 0.65; } + +.overlay-opacity-70:after { opacity: 0.7; } + +.overlay-opacity-75:after { opacity: 0.75; } + +.overlay-opacity-80:after { opacity: 0.8; } + +.overlay-opacity-85:after { opacity: 0.85; } + +.overlay-opacity-90:after { opacity: 0.9; } + +.overlay-opacity-95:after { opacity: 0.95; } + +.overlay-opacity-100:after { opacity: 1; } + +.op-10 { opacity: 0.1; } + +.op-20 { opacity: 0.2; } + +.op-30 { opacity: 0.3; } + +.op-40 { opacity: 0.4; } + +.op-50 { opacity: 0.5; } + +.op-60 { opacity: 0.6; } + +.op-70 { opacity: 0.7; } + +.op-80 { opacity: 0.8; } + +.op-90 { opacity: 0.9; } + +.op-100 { opacity: 1; } + +.op-15 { opacity: 0.15; } + +.op-25 { opacity: 0.25; } + +.op-35 { opacity: 0.35; } + +.op-45 { opacity: 0.45; } + +.op-55 { opacity: 0.55; } + +.op-65 { opacity: 0.65; } + +.op-75 { opacity: 0.75; } + +.op-85 { opacity: 0.85; } + +.op-95 { opacity: 0.95; } + +.alignright, .alignleft, .aligncenter, .alignnone { display: block; padding: 0; margin: 15px auto; } + +@media (min-width: 576px) { .alignright, .alignleft, .aligncenter, .alignnone { margin: 0 0 15px; display: inline; } + .alignright { margin-left: 20px; float: right; } + .alignleft { margin-right: 20px; float: left; } + .alignnone { margin-right: 20px; } + .aligncenter { display: block; margin: 15px auto; } } + +.wide, .wide-rg, .wide-auto, .wide-auto-rg { max-width: 750px; } + +.wide-auto, .wide-auto-rg, .wide-auto-xl, .wide-auto-lg, .wide-auto-md, .wide-auto-sm, .wide-auto-xs { margin: 0 auto; } + +.wide-xl, .wide-auto-xl { max-width: 1560px; } + +.wide-lg, .wide-auto-lg { max-width: 1140px; } + +.wide-md, .wide-auto-md { max-width: 945px; } + +.wide-sm, .wide-auto-sm { max-width: 555px; } + +.wide-xs, .wide-auto-xs { max-width: 360px; } + +.wide-none, .wide-auto-none { max-width: inherit; } + +.text-center [class*="wide"], .text-center[class*="wide"] { margin-left: auto; margin-right: auto; } + +.over-up, [class*="over-up-"] { z-index: 9; } + +.over-up { margin-top: -175px; } + +.over-up-sm { margin-top: -45px; } + +.over-up-md { margin-top: -75px; } + +.over-up-lg { margin-top: -165px; } + +.over-up-xl { margin-top: -275px; } + +.over-up-s2 { margin-top: -70px; } + +.over-lg-up { margin-top: 0; } + +.over-up-xl-s2 { margin-top: 0; } + +@media (min-width: 768px) { .over-up { margin-top: -190px; } + .over-up-sm { margin-top: -75px; } + .over-up-md { margin-top: -125px; } + .over-up-lg { margin-top: -275px; } + .over-up-xl { margin-top: -350px; } + .over-up-s2 { margin-top: -50px; } } + +@media (min-width: 992px) { .over-lg-up { margin-top: -80px !important; } + .over-up-xl-s2 { margin-top: -230px; } + .nk-ovm-inner { position: absolute; right: 0; top: 0; width: 30%; background: #eff6ff; height: 100%; z-index: 1; } } + +@media (min-width: 1200px) { .over-lg-up { margin-top: -100px !important; } + .over-up-xl-s2 { margin-top: -230px; } } + +@media (min-width: 1600px) { .over-lg-up { margin-top: -160px !important; } + .over-up-xl-s2 { margin-top: -295px; } } + +.nk-ovm .nk-svgs { z-index: 3; } + +.nk-svgs svg { height: 100%; width: auto; } + +.nk-svgs.svg-loaded svg { display: none; } + +hr { position: relative; z-index: 5; } + +.hr { border-top: 1px solid #dbe4f7; } + +.hr-white { border-top-color: #fff; } + +.hr-white-5 { border-top-color: rgba(255, 255, 255, 0.05); } + +.hr-white-10 { border-top-color: rgba(255, 255, 255, 0.1); } + +.hr-white-15 { border-top-color: rgba(255, 255, 255, 0.15); } + +.hr-black { border-top-color: #000; } + +.hr-black-5 { border-top-color: rgba(0, 0, 0, 0.05); } + +.hr-black-10 { border-top-color: rgba(0, 0, 0, 0.1); } + +.hr-black-15 { border-top-color: rgba(0, 0, 0, 0.15); } + +.h-110 { height: 110% !important; } + +.h-115 { height: 115% !important; } + +.h-120 { height: 120% !important; } + +.h-125 { height: 125% !important; } + +.h-130 { height: 130% !important; } + +.ui-shape { position: absolute; top: 0; left: 0; height: 100%; width: 100%; left: 50%; overflow: hidden; transform: translateX(-50%); z-index: -1; } + +.ui-shape:after, .ui-shape:before { position: absolute; content: ''; height: 210px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; transition: all .4s; } + +.ui-shape:before { top: 15%; left: -4%; width: 100px; background-image: url(../images/ui-shape-a.svg); } + +.ui-shape:after { bottom: 10%; right: -4%; width: 90px; background-image: url(../images/ui-shape-b.svg); } + +.ui-shape-light:before { background-image: url(../images/ui-shape-light-a.svg); } + +.ui-shape-light:after { background-image: url(../images/ui-shape-light-b.svg); } + +.ui-shape-s1:after { transform: rotate(60deg); } + +.ui-shape-s3:before { top: auto; bottom: 20%; } + +.ui-shape-s3:after { top: 10%; bottom: auto; } + +@media (min-width: 576px) { .ui-shape:before { width: 140px; } + .ui-shape:after { width: 120px; } } + +@media (min-width: 768px) { .ui-shape-s7:after { bottom: 15%; right: 16%; } + .ui-shape-s7:before { top: 6%; left: 22%; } + .ui-shape-s6:after { bottom: 9%; right: 0%; } + .ui-shape-s6:before { top: 9%; left: 13.3%; } + .ui-shape-s5:after { right: 4%; bottom: 15%; } + .ui-shape-s4:before { left: 20%; top: 23.5%; } + .ui-shape-s3:after { right: 4%; } + .ui-shape-s2:before { top: 8%; left: 21%; } + .ui-shape-s1:after { right: 0; } + .ui-shape-header:before { top: 22%; left: 9%; } + .ui-shape-header:after { right: 15%; bottom: 32%; } + .ui-shape-footer:before { top: 2%; } + .ui-shape-footer:after { bottom: -11%; } } + +@media (min-width: 992px) { .ui-shape { width: 960px; overflow: visible; } + .ui-shape:after { width: 166px; } + .ui-shape:before { width: 190px; } + .ui-shape-s5:after { right: -2.5%; } + .ui-shape-s3:before { top: auto; bottom: 20%; } + .ui-shape-header:before { left: 5%; } + .ui-shape-header:after { right: 3%; bottom: 22%; } } + +@media (min-width: 1200px) { .ui-shape { width: 1170px; } + .ui-shape-header:before { left: 2%; } + .ui-shape-header:after { right: -2.5%; bottom: 33%; } } + +.overlay-bars { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; } + +.overlay-bars div { position: absolute; background: rgba(255, 255, 255, 0.03); transform: rotate(-15deg); } + +.overlay-bars.reverse { transform: scaleX(-1); } + +.overlay-bar-1 { height: 140%; width: 300px; left: calc(50% - 210px); top: -20%; } + +.overlay-bar-2 { height: 100%; width: 160px; left: calc(50% - 170px); bottom: calc(50% + 155px); } + +.overlay-bar-3 { height: 100%; width: 230px; left: calc(50% - 90px); top: calc(50% + 280px); } + +.overlay-bar-4 { height: 140%; width: 300px; left: calc(50% - 860px); top: -20%; transform: rotate(-15deg); } + +.overlay-bar-5 { height: 140%; width: 160px; left: calc(50% - 910px); top: -20%; } + +.overlay-bar-6 { height: 140%; width: 300px; left: calc(50% + 530px); top: -20%; } + +.overlay-bar-7 { height: 140%; width: 300px; left: calc(50% + 670px); top: -20%; } + +.overlay-x { position: relative; } + +.overlay-x:before, .overlay-x:after { position: absolute; bottom: 0; content: ''; width: 300px; z-index: 1; } + +.overlay-x:before { left: 50%; margin-left: -125px; height: 800px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(-60deg); transform-origin: bottom right; } + +.overlay-x:after { right: 50%; margin-right: -125px; height: 3600px; background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(60deg); transform-origin: bottom right; } + +.background-shape { background: rgba(0, 52, 86, 0.03); position: absolute; height: 100%; width: 100%; content: ''; top: 0; left: 50%; transform: skewX(33deg); transform-origin: left bottom; } + +.tc-light .background-shape { background: rgba(0, 0, 0, 0.03); } + +.background-shape:before, .background-shape:after { background: rgba(255, 255, 255, 0.2); position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.tc-light .background-shape:before, .tc-light .background-shape:after { background: rgba(0, 0, 0, 0.05); } + +.background-shape:before { left: 280px; } + +.background-shape:after { left: 560px; } + +.background-shape.bs-right { left: 70%; } + +.background-shape.bs-reverse { right: 70%; left: auto; transform: skewX(-33deg); transform-origin: right bottom; } + +.background-shape.bs-reverse:before { left: auto; right: 280px; } + +.background-shape.bs-reverse:after { left: auto; right: 560px; } + +.background-shade { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } + +.background-shade .container { height: 100vh; position: relative; } + +.background-shade-left, .background-shade-right { position: absolute; top: 160px; width: 50%; height: calc(100% - 130px); opacity: .15; } + +.background-shade-left:after, .background-shade-right:after { position: absolute; top: 40px; width: 100%; height: 100%; content: ''; } + +.background-shade-left { left: -80px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(-12deg); } + +.tc-light .background-shade-left { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-left:after { left: 40px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-left:after { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right { right: -80px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(12deg); } + +.tc-light .background-shade-right { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right:after { right: 40px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-right:after { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.header-bubbles { position: absolute; left: 0; top: -100%; height: 200%; width: 100%; content: ''; z-index: 1; overflow: hidden; } + +.header-bubbles-single { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } + +.header-bubbles-single div { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.05); } + +.header-bubbles-single-1 { height: 735px; width: 735px; right: calc(50% - 65px); top: calc(50% + 10px); } + +.header-bubbles-single-2 { height: 680px; width: 680px; right: calc(50% + 360px); top: calc(50% - 145px); } + +.header-bubbles-single-3 { height: 350px; width: 350px; right: calc(50% - 95px); top: calc(50% + 540px); } + +.header-bubbles-single-4 { height: 650px; width: 650px; left: calc(50% + 435px); top: calc(50% - 240px); } + +.header-bubbles-single-5 { height: 350px; width: 350px; left: calc(50% + 490px); top: calc(50% + 240px); } + +.header-bubbles-single-6 { height: 440px; width: 440px; left: calc(50% + 685px); top: calc(50% + 240px); } + +.banner-rounded-bg { position: absolute; right: 390px; top: -750px; width: 120%; height: 1350px; z-index: 5; border-radius: 0 0 250px 0; transform: rotate(-8deg) skew(10deg); transform-origin: top right; padding: 0 120px 110px 0; overflow: hidden; } + +.banner-rounded-bg .particles-container { transform: rotate(8deg) skew(-10deg); transform-origin: top right; } + +.banner-shade-1, .banner-shade-2, .banner-shade-3 { display: block; height: 100%; width: 100%; } + +.banner-shade-1 { border-radius: 0 0 160px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%); opacity: .15; padding: 0 100px 90px 0; } + +.banner-shade-2 { border-radius: 0 0 110px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%); padding: 0 90px 80px 0; } + +.banner-shade-3 { border-radius: 0 0 80px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%); } + +@media (max-width: 1400px) { .banner-rounded-bg { right: 330px; } } + +.nk-pages-angled .section { z-index: inherit; } + +.section-bg-angle { position: absolute !important; left: 0; top: 0; height: 100%; width: 100%; content: ''; transform: skewY(10deg); z-index: 1; } + +.section-bg-angle ~ .container, .section-bg-angle ~ .nk-block { position: relative; z-index: 5; } + +.section-angle-top:before { position: absolute; left: 0; top: 0; height: 450px; width: 100%; content: ''; background: #e7edf5; z-index: 1; } + +.section-angle-top:after { position: absolute; left: 0; bottom: -450px; height: 450px; width: 100%; content: ''; background: #e7edf5; z-index: 1; } + +.section-angle-bottom:before { position: absolute; left: 0; top: -450px; height: 450px; width: 100%; content: ''; background: #fff; z-index: 2; } + +@media (min-width: 992px) { .section-bg-angle { transform: skewY(17deg); } + .section-bg-angle-s2 { transform: skewY(-4deg); } } + +.ui-mask, [class*=ui-mask] { position: absolute !important; left: 0; top: 0; width: 400px; height: 600px; z-index: 1; overflow: hidden; } + +.ui-mask:after, [class*=ui-mask]:after { position: absolute; right: 30%; top: 25%; content: ""; display: block; background-image: linear-gradient(135deg, rgba(62, 43, 197, 0) 15%, #1c62d8 50%, rgba(62, 43, 197, 0) 80%); border-radius: 50%; height: 400px; width: 400px; -webkit-filter: blur(80px); filter: blur(80px); z-index: 1; } + +.ui-mask:before, [class*=ui-mask]:before { display: none; content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 50%; z-index: 3; } + +.bg-white .ui-mask:after, .bg-theme-light .ui-mask:after, .bg-theme-light-alt .ui-mask:after, .bg-white [class*=ui-mask]:after, .bg-theme-light [class*=ui-mask]:after, .bg-theme-light-alt [class*=ui-mask]:after { display: none; } + +.ui-mask-right { left: auto; right: 0; } + +.ui-mask-right:after { right: auto; left: 30%; } + +.ui-mask-right:before { background-position: 100% 50%; } + +.ui-mask-s2 { width: 420px; height: 900px; transform: translateY(-30%); } + +.ui-mask-s2:after { background-image: linear-gradient(135deg, rgba(62, 43, 197, 0) 15%, #28298a 50%, rgba(62, 43, 197, 0) 80%); } + +.ui-mask-s2:before { display: block; background-image: url(../images/mask-line-a.png); } + +.ui-mask-s2.ui-mask-left:before { transform: rotate(-180deg); } + +.ui-mask-s3 { width: 600px; height: 1400px; transform: translateY(0); } + +.ui-mask-s3:after { height: 650px; width: 400px; right: 45%; background-image: linear-gradient(135deg, rgba(62, 43, 197, 0) 15%, #102486 50%, rgba(62, 43, 197, 0) 80%); } + +.ui-mask-s3:before { display: block; background-image: url(../images/mask-line-b.png); } + +.ui-mask-s3.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s4 { width: 420px; height: 820px; transform: translateY(-20%); } + +.ui-mask-s4:after { height: 510px; background-image: linear-gradient(135deg, rgba(62, 43, 197, 0) 15%, #1d5ecf 50%, rgba(62, 43, 197, 0) 80%); } + +.ui-mask-s5 { width: 440px; height: 1000px; transform: translateY(12%); } + +.ui-mask-s5:after { height: 600px; width: 350px; right: 45%; background-image: linear-gradient(135deg, rgba(62, 43, 197, 0) 15%, #1b5ed1 50%, rgba(62, 43, 197, 0) 80%); } + +.ui-mask-s5:before { display: block; background-image: url(../images/mask-line-c.png); } + +.ui-mask-s5.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s6 { width: 440px; height: 1000px; transform: translateY(2%); } + +.ui-mask-s6:after { height: 410px; width: 500px; left: 30%; background-image: linear-gradient(135deg, rgba(62, 43, 197, 0) 15%, #142692 50%, rgba(62, 43, 197, 0) 80%); } + +.ui-mask-s6:before { display: block; background-image: url(../images/mask-line-d.png); } + +.ui-mask-s6.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s7 { width: 870px; height: 800px; bottom: -20%; left: 50%; margin-left: -150px; top: auto; transform: translateY(0); } + +.ui-mask-s7:after { height: 710px; width: 600px; right: 0; top: 15%; transform: translateX(-25%); background-image: linear-gradient(135deg, rgba(62, 43, 197, 0) 15%, #3762d3 50%, rgba(62, 43, 197, 0) 80%); } + +.ui-mask-s7.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s8 { width: 350px; height: 392px; } + +.ui-mask-s8:before { display: block; background-image: url(../images/polygon-line-a.png); } + +.ui-mask-s8:after { display: none; } + +.ui-mask-s9 { width: 417px; height: 733px; } + +.ui-mask-s9:before { display: block; top: -31px; background-image: url(../images/polygon-line-b.png); } + +.ui-mask-s9:after { display: none; } + +.ui-mask-s10 { width: 417px; height: 733px; } + +.ui-mask-s10:before { display: block; top: -31px; background-image: url(../images/polygon-line-a-fill.png); } + +.ui-mask-s10:after { display: none; } + +.ui-mask-s11 { width: 384px; height: 733px; } + +.ui-mask-s11:before { display: block; top: -31px; background-image: url(../images/polygon-line-c.png); } + +.ui-mask-s11:after { display: none; } + +.ui-mask-s11.ui-mask-right:before { transform: rotateY(180deg); } + +.ui-mask-s12 { width: 80px; height: 270px; } + +.ui-mask-s12:before { display: block; top: 50px; background-image: url(../images/polygon-fill.png); } + +.ui-mask-s12:after { display: none; } + +@media only screen and (min-width: 767px) and (max-width: 1024px) { .ui-mask:before, [class*=ui-mask]:before { background-size: 50%; } } + +@media only screen and (max-width: 767px) { .ui-mask, [class*=ui-mask] { transform: scale(0.5); transform-origin: right; } + .ui-mask-left { transform-origin: left; } } + +/** 03. Elements */ +/** 03.01 Alert */ +.alert { position: relative; font-weight: 400; color: #fff; border: none; } + +.alert:last-child { margin-bottom: 0; } + +.alert a, .alert .alert-link { color: inherit; font-weight: inherit; box-shadow: 0 1px 0 currentColor; transition: box-shadow .3s; } + +.alert a:hover, .alert .alert-link:hover { box-shadow: 0 0 0; } + +.alert .close { color: inherit; transition: all .4s; height: 30px; width: 30px; padding: 0; background: none; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); right: 10px; text-shadow: none; opacity: .7; } + +.alert .close:not(:disabled):not(.disabled):focus, .alert .close:not(:disabled):not(.disabled):hover, .alert .close:hover, .alert .close:focus { color: currentColor; box-shadow: none; outline: none; opacity: 1; } + +.alert .close:after { position: absolute; font-family: 'themify'; content: '\e646'; top: 0; left: 0; color: currentColor; font-size: 12px; line-height: 30px; text-align: center; width: 100%; } + +.alert .close span { display: none; } + +.alert-primary { color: #0068af; background: #b9e3ff; } + +.alert-primary .close { background: #7ccaff; } + +.alert-primary-alt { background: #16a1ff; } + +.alert-primary-alt .close { background: #0078c9; } + +.alert-secondary { color: #082cb2; background: #c7d2fc; } + +.alert-secondary .close { background: #d5defd; } + +.alert-secondary-alt { background: #2b56f5; } + +.alert-secondary-alt .close { background: #0a32ca; } + +.alert-success { color: #29cf77; background: #cef5e1; } + +.alert-success .close { background: #64e09e; } + +.alert-success-alt { background: #39d884; } + +.alert-success-alt .close { background: #25b96b; } + +.alert-danger { color: #e6604a; background: #f9d6d0; } + +.alert-danger .close { background: #f2afa4; } + +.alert-danger-alt { background: #e6604a; } + +.alert-danger-alt .close { background: #9b2815; } + +.alert-info { color: #026bfb; background: #cae0ff; } + +.alert-info .close { background: #65a6fe; } + +.alert-info-alt { background: #026bfb; } + +.alert-info-alt .close { background: #014096; } + +.alert-warning { color: #e0a609; background: #fef4db; } + +.alert-warning .close { background: #f9d46f; } + +.alert-warning-alt { background: #f6be26; } + +.alert-warning-alt .close { background: #e0a609; } + +/** 03.02 Buttons */ +.btn { position: relative; font-size: 12px; line-height: 24px; font-weight: 500; padding: 8px 15px; text-align: center; text-transform: uppercase; color: #fff; min-width: 120px; max-width: 100%; border: 2px solid #16a1ff; box-sizing: border-box; transition: all 0.5s; position: relative; border-radius: 5px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; cursor: pointer; } + +.btn .icon { color: inherit; } + +.btn:hover { color: #fff !important; } + +.btn-grad { border: none; background-image: linear-gradient(to right, #16a1ff 0%, #2b56f5 100%); } + +.btn-grad:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; z-index: -2; border-radius: 5px; opacity: 0; transition: all .5s; background-image: linear-gradient(to right, #2b56f5 0%, #16a1ff 100%); } + +.btn-grad:hover:before { opacity: 1; } + +.btn-grad:hover, .btn-grad:focus { color: #fff !important; } + +.btn-grad-alt { background-image: linear-gradient(to right, #2b56f5 0%, #16a1ff 100%); } + +.btn-grad-alt:before { background-image: linear-gradient(to right, #16a1ff 0%, #2b56f5 100%); } + +.btn-grad-alternet { background-image: linear-gradient(to right, #7a5cff 0%, #16a1ff 100%); } + +.btn-grad-alternet:before { background-image: linear-gradient(to right, #16a1ff 0%, #7a5cff 100%); } + +.btn-grad-alternet-alt { background-image: linear-gradient(to right, #16a1ff 0%, #7a5cff 100%); } + +.btn-grad-alternet-alt:before { background-image: linear-gradient(to right, #7a5cff 0%, #16a1ff 100%); } + +.btn-grad-theme { background-image: linear-gradient(to right, #3221ad 0%, #3e2bc5 100%); } + +.btn-grad-theme:before { background-image: linear-gradient(to right, #3e2bc5 0%, #3221ad 100%); } + +.btn-grad-theme-alt { background-image: linear-gradient(to right, #2b56f5 0%, #16a1ff 100%); } + +.btn-grad-theme-alt:before { background-image: linear-gradient(to right, #16a1ff 0%, #2b56f5 100%); } + +.btn:hover, .btn:focus { outline: none !important; box-shadow: none !important; } + +.btn span { position: relative; z-index: 999999; display: block; } + +.btn span + .icon { margin-left: 10px; } + +.btn .icon + span { margin-left: 10px; } + +.btn .badge { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); } + +.btn-md { font-size: 12px; line-height: 24px; padding: 10px 26px; } + +.btn-rg { line-height: 24px; padding: 8px 20px; } + +.btn-sm { font-size: 11px; line-height: 23px; padding: 8px 20px; } + +.btn-xxs { font-size: 12px; line-height: 21px; padding: 0 10px; border-width: 1px; border-radius: 3px; } + +.btn-auto { min-width: 44px !important; } + +.btn-auto-lg { min-width: 80px !important; height: 100%; } + +.btn-grp { display: inline-flex; flex-wrap: wrap; align-items: center; margin: -7px; } + +.btn-grp > div, .btn-grp > li { padding: 7px; } + +.btn-grp-break > div, .btn-grp-break > li { width: 100%; text-align: center; } + +.text-center .btn-grp { justify-content: center; } + +.btn-download { display: inline-block; height: 40px; } + +.btn-grp-s2 .btn-download { width: 100px; height: 35px; } + +.btn-download img { height: 100%; } + +.btn-outline:not(:hover) { color: #223b55; background-color: transparent !important; } + +.btn-outline:before { background-image: none; background-color: #fff; opacity: 1; margin: 2px; width: calc(100% - 4px); height: calc(100% - 4px); } + +.btn-outline.on-bg-light:before { background-color: #eff6ff; } + +.btn-outline.on-bg-light-alt:before { background-color: #e7edf5; } + +.btn-outline.on-bg-theme, .btn-outline.on-bg-theme-alt, .btn-outline.on-bg-theme-dark, .btn-outline.on-bg-theme-dark-alt { color: #fff; } + +.btn-outline.on-bg-theme:before { background-color: #3221ad; } + +.btn-outline.on-bg-theme-alt:before { background-color: #3e2bc5; } + +.btn-outline.on-bg-theme-dark:before { background-color: #160b6d; } + +.btn-outline.on-bg-theme-dark-alt:before { background-color: #1d0e8a; } + +.btn-outline:hover { color: #fff !important; } + +.btn-outline:hover:before { opacity: 0; } + +.btn-outline.btn-grad { border: none; } + +.btn-outline.btn-grad:hover { color: #fff !important; } + +.btn-icon { min-width: 44px; padding-left: 6px; padding-right: 6px; } + +.btn-primary { background-color: #16a1ff; border-color: #16a1ff; } + +.btn-primary:hover, .btn-primary:focus { background-color: #2b56f5; border-color: #2b56f5; } + +.btn-primary:hover:focus, .btn-primary:focus:focus { color: #fff !important; } + +.tc-light .btn-primary:hover, .tc-light .btn-primary:focus { background-color: #2b56f5; border-color: #2b56f5; color: #fff !important; } + +.btn-primary.btn-outline:hover { background-color: #16a1ff; border-color: #16a1ff; color: #fff !important; } + +.btn-secondary { background-color: #2b56f5; border-color: #2b56f5; } + +.btn-secondary:hover, .btn-secondary:focus { background-color: #16a1ff; border-color: #16a1ff; } + +.btn-secondary.focus:focus { color: #fff !important; } + +.btn-secondary.btn-outline:hover, .btn-secondary.btn-outline:focus { background-color: #2b56f5; border-color: #2b56f5; } + +.btn-info { background-color: #026bfb; border-color: #026bfb; } + +.btn-info:hover { background-color: #014baf; border-color: #014baf; } + +.btn-info.btn-outline:hover { background-color: #026bfb; border-color: #026bfb; } + +.btn-warning { background-color: #f6be26; border-color: #f6be26; } + +.btn-warning:hover { background-color: #c79408; border-color: #c79408; } + +.btn-warning.btn-outline:hover { background-color: #f6be26; border-color: #f6be26; } + +.btn-success { background-color: #39d884; border-color: #39d884; } + +.btn-success:hover { background-color: #20a45f; border-color: #20a45f; } + +.btn-success.btn-outline:hover { background-color: #39d884; border-color: #39d884; } + +.btn-danger { background-color: #e6604a; border-color: #e6604a; } + +.btn-danger:hover { background-color: #c8341c; border-color: #c8341c; } + +.btn-danger.btn-outline:hover { background-color: #e6604a; border-color: #e6604a; } + +.btn-dark { background-color: #223b55; border-color: #223b55; } + +.btn-dark:hover { background-color: #05080c; border-color: #05080c; } + +.btn-dark.btn-outline:hover { background-color: #223b55; border-color: #223b55; } + +.btn-theme-dark { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0); } + +.btn-theme-dark:hover { background-color: #160b6d; border-color: #160b6d; } + +.btn-light { background-color: #eff6ff; border-color: #eff6ff; color: #223b55 !important; } + +.btn-light:hover { background-color: #bcd9ff; border-color: #bcd9ff; color: #223b55 !important; } + +.btn-light.btn-outline { background-color: #bcd9ff; border-color: #bcd9ff; } + +.btn-light.btn-outline:hover { background-color: #bcd9ff; border-color: #bcd9ff; } + +.tc-light .btn-light.btn-outline { color: #fff !important; } + +.tc-light .btn-light.btn-outline:hover { color: #223b55 !important; } + +.btn-light.tc-light:not(:hover) { color: #fff !important; } + +.btn-facebook { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook:hover { background-color: #2d4373; border-color: #2d4373; } + +.btn-facebook.btn-outline .icon { color: #3b5998; } + +.btn-facebook.btn-outline:hover { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook.btn-outline:hover .icon { color: #fff; } + +.btn-google { background-color: #d85040; border-color: #d85040; } + +.btn-google:hover { background-color: #be3727; border-color: #be3727; } + +.btn-google.btn-outline .icon { color: #d85040; } + +.btn-google.btn-outline:hover { background-color: #d85040; border-color: #d85040; } + +.btn-google.btn-outline:hover .icon { color: #fff; } + +.btn-play { position: relative; color: #fff; height: 60px; width: 60px; font-size: 18px; text-align: center; line-height: 58px; border-radius: 50%; display: inline-block; border: 1px solid currentColor; } + +.btn-play-sm { height: 40px; width: 40px; line-height: 38px; } + +.btn-play:after { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(34, 59, 85, 0.35); animation: 1s ease 0s normal none infinite running playbutton; } + +.tc-light .btn-play:after { border-color: rgba(255, 255, 255, 0.35); } + +.btn-play:hover { color: #2b56f5 !important; } + +.btn-play-s2 { background-image: linear-gradient(to right, #16a1ff 0%, #2b56f5 100%); border: none; } + +.btn-play-s2:before { position: absolute; height: calc(100% - 4px); width: calc(100% - 4px); top: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .btn-play-s2:before { background: #eff6ff; } + +.bg-light-alt .btn-play-s2:before { background: #e7edf5; } + +.bg-theme .btn-play-s2:before { background: #3221ad; } + +.bg-theme-alt .btn-play-s2:before { background: #3e2bc5; } + +.bg-theme-dark .btn-play-s2:before { background: #160b6d; } + +.bg-theme-dark-alt .btn-play-s2:before { background: #1d0e8a; } + +.bg-white .btn-play-s2:before { background: #fff; } + +.btn-play-s3 { background-color: #fff; border: none; } + +.btn-play-icon { height: 20px; width: 14px; background: linear-gradient(to right, #16a1ff 0%, #2b56f5 100%); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); } + +.btn-play-icon:before, .btn-play-icon:after { position: absolute; content: ''; height: 0; width: 0; right: -1px; border-right: 14px solid #fff; } + +.bg-light .btn-play-icon:before, .bg-light .btn-play-icon:after { border-right-color: #eff6ff; } + +.bg-light-alt .btn-play-icon:before, .bg-light-alt .btn-play-icon:after { border-right-color: #e7edf5; } + +.bg-theme .btn-play-icon:before, .bg-theme .btn-play-icon:after { border-right-color: #3221ad; } + +.bg-theme-alt .btn-play-icon:before, .bg-theme-alt .btn-play-icon:after { border-right-color: #3e2bc5; } + +.bg-theme-dark .btn-play-icon:before, .bg-theme-dark .btn-play-icon:after { border-right-color: #160b6d; } + +.bg-theme-dark-alt .btn-play-icon:before, .bg-theme-dark-alt .btn-play-icon:after { border-right-color: #1d0e8a; } + +.bg-white .btn-play-icon:before, .bg-white .btn-play-icon:after { border-right-color: #fff; } + +.btn-play-icon:before { top: 0; border-bottom: 10px solid transparent; } + +.btn-play-icon:after { bottom: 0; border-top: 10px solid transparent; } + +.btn-play-icon-s2 { height: 34px; width: 24px; } + +.btn-play-icon-s2 path { fill: #16a1ff; } + +.btn-play-dark { color: #fff; } + +.btn-play-dark:hover { color: #2b56f5; } + +.btn-play-wrap { display: inline-flex; align-items: center; } + +.btn-play-wrap-s2 { flex-direction: column; } + +.btn-play-wrap-s1:hover { transform: translateX(15px); } + +.btn-play-text { margin-left: 20px; } + +.btn-play-text span { display: block; color: #223b55; } + +.tc-light .btn-play-text span { color: #fff; } + +.btn-play-text .text-sm { font-size: 21px; } + +.btn-play-text .text-xs { font-size: 12px; color: #16a1ff !important; } + +.btn-play-wrap-s2 .btn-play-text { margin-left: 0; margin-top: 15px; } + +.btn-link { color: #16a1ff; text-decoration: none; } + +.btn-link:hover, .btn-link:focus { color: #16a1ff; text-decoration: none; box-shadow: 0 1px 0 currentColor; } + +.btn-underline { padding-left: 0 !important; padding-right: 0 !important; color: #16a1ff; background: none !important; border-color: transparent !important; text-decoration: none; } + +.btn-underline:hover, .btn-underline:focus { color: #fff; text-decoration: none; } + +.btn-round { border-radius: 40px; } + +.btn-round:before { border-radius: 40px; } + +.btn-round.btn-lg { border-radius: 54px; } + +.btn-round.btn-lg:before { border-radius: 54px; } + +.btn-round.btn-md { border-radius: 44px; } + +.btn-round.btn-md:before { border-radius: 44px; } + +.btn-round.btn-sm { border-radius: 39px; } + +.btn-round.btn-sm:before { border-radius: 39px; } + +.btn-round.btn-xxs { border-radius: 21px; } + +.btn-round.btn-xxs:before { border-radius: 21px; } + +.btn-with-icon { padding: 1px; background-color: #16a1ff; } + +.btn-with-icon span { display: inline-block; padding: 0 18px 0 28px; flex-grow: 1; } + +.btn-with-icon .icon { height: 47px; width: 47px; line-height: 47px; border-radius: 5px; background: #fff; color: #16a1ff; transition: all 0.3s; } + +.btn-with-icon.btn-md { padding: 1px; } + +.btn-with-icon.btn-md .icon { height: 38px; width: 38px; line-height: 38px; } + +.btn-with-icon.btn-sm { padding: 1px; } + +.btn-with-icon.btn-sm span { padding: 0 13px 0 23px; } + +.btn-with-icon.btn-sm .icon { height: 28px; width: 28px; line-height: 28px; } + +.btn-with-icon.btn-round .icon { border-radius: 24px; } + +.btn-with-icon.btn-round.btn-md .icon { border-radius: 19px; } + +.btn-with-icon.btn-round.btn-sm .icon { border-radius: 14px; } + +.btn-with-icon.btn-light { color: #3221ad !important; border-color: #fff; background: #fff; } + +.btn-with-icon.btn-light .icon { color: #fff; background: #3e2bc5; } + +.btn-with-icon.btn-light:hover { color: #3e2bc5 !important; } + +.btn-with-icon.btn-light:hover .icon { background: #3221ad; } + +.btn-with-icon.btn-light:not(:disabled):not(.disabled).active { border-color: #fff !important; background: #fff !important; color: #223b55 !important; } + +.btn-with-icon.btn-alt .icon { color: currentColor; background: transparent !important; font-size: 20px; width: auto; margin-right: 30px; transition: none; } + +.btn-grp-after li { font-size: 20px; position: relative; } + +.btn-grp-after li a { color: rgba(106, 120, 148, 0.8) !important; } + +.btn-grp-after li:not(:last-child):after { content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 14px; width: 1px; background: rgba(106, 120, 148, 0.3); } + +.btn-transparent { background: transparent !important; border: transparent; color: #fff !important; font-size: 0.9rem !important; padding: 12px 0; } + +.as-mobile .btn-transparent, .has-fixed .btn-transparent { color: #223b55 !important; } + +@keyframes playbutton { 0% { transform: scale(0.75); + opacity: 1; } + 100% { transform: scale(1.3); + opacity: 0; } } + +@media (min-width: 576px) { .btn { font-size: 13px; line-height: 25px; padding: 12px 30px; letter-spacing: 0.1em; min-width: 120px; } + .btn.btn-grad { padding: 14px 30px; } + .btn-lg { font-size: 14px; font-weight: 700; line-height: 24px; padding: 15px 40px; min-width: 190px; } + .btn-md { font-size: 12px; line-height: 24px; padding: 8px 20px; min-width: 160px; } + .btn-md.btn-grad { padding: 10px 30px; } + .btn-rg { font-size: 12px; line-height: 24px; padding: 6px 20px; } + .btn-rg.btn-grad { padding: 8px 25px; } + .btn-sm { font-size: 12px; line-height: 23px; padding: 3px 20px; } + .btn-sm.btn-grad { padding: 5px 30px; } + .btn-xxs { font-size: 13px; line-height: 21px; padding: 0 10px; } + .btn-play { height: 80px; width: 80px; font-size: 18px; line-height: 78px; } + .btn-play-sm { height: 60px; width: 60px; line-height: 58px; } + .btn-icon { padding-left: 6px; padding-right: 6px; } + .btn-grp { margin: -15px; } + .btn-grp > div, .btn-grp > li { padding: 15px; } + .text-sm-left .btn-grp { justify-content: center; } + .btn-grp-s2 { margin: -10px; position: relative; } + .btn-grp-s2 > div, .btn-grp-s2 > li { padding: 10px; } + .btn-grp-s2 .btn-download { width: auto; height: 40px; } + .btn-transparent { padding: 12px 6px; } } + +@media (min-width: 768px) { .text-md-left .btn-grp { justify-content: flex-start; } } + +@media (min-width: 992px) { .text-lg-left .btn-grp { justify-content: flex-start; } + .btn-grp .btn-lg { padding: 15px 35px; } } + +@media (min-width: 1200px) { .text-xl-left .btn-grp { justify-content: flex-start; } } + +.badge { color: #fff; background-color: #16a1ff; display: inline-block; font-weight: 600; text-transform: uppercase; border-radius: 34px; padding: 5px 16px; font-size: 13px; line-height: 24px; border: 1px solid #16a1ff; } + +.badge:not(.badge-outline) { color: #fff; } + +.badge-primary { background-color: #16a1ff; border-color: #16a1ff; color: #16a1ff; } + +.badge-secondary { background-color: #2b56f5; border-color: #2b56f5; color: #2b56f5; } + +.badge-info { background-color: #026bfb; border-color: #026bfb; color: #026bfb; } + +.badge-warning, .badge-hot { background-color: #f6be26; border-color: #f6be26; color: #f6be26; } + +.badge-success, .badge-new { background-color: #39d884; border-color: #39d884; color: #39d884; } + +.badge-danger { background-color: #e6604a; border-color: #e6604a; color: #e6604a; } + +.badge-dark { background-color: #0b0c10; border-color: #0b0c10; color: #0b0c10; } + +.badge-light { background-color: #bcd9ff; border-color: #bcd9ff; color: #223b55 !important; } + +.badge-light.badge-outline { color: #bcd9ff; } + +.badge-outline { background-color: transparent; } + +.badge-lg { font-size: 16px; } + +.badge-md { border-radius: 34px; padding: 5px 16px; font-size: 12px; line-height: 18px; } + +.badge-sm { border-radius: 34px; padding: 2px 12px; font-size: 12px; line-height: 18px; } + +.badge-xs { border-radius: 34px; padding: 0 8px; font-size: 9px; line-height: 16px; letter-spacing: 0.05em; } + +.badge-cap { text-transform: capitalize; } + +.badge-regular { font-weight: 400; } + +.badge-dot { width: 5px; height: 5px; border-radius: 50%; background: #16a1ff; border-color: #16a1ff; display: inline-block !important; vertical-align: middle; padding: 0; } + +.link { display: inline-flex; align-items: center; font-size: 12px; color: #3e2bc5; font-weight: 500; letter-spacing: 0.005rem; white-space: nowrap; } + +.link:hover { color: #16a1ff; } + +.link-uc { text-transform: uppercase; letter-spacing: 0.2em; } + +.link-icon { margin-right: 5px; font-size: 14px; transition: transform .3s; } + +.link-icon:only-child { margin-right: 0 !important; } + +.link-icon-sm { font-size: 12px; } + +.link-xs .link-icon { font-size: 12px; margin-right: 12px; } + +.link-animate:hover .link-icon { transform: translate(-5px, 0); } + +.link span + .link-icon { margin-left: 5px; margin-right: 0; } + +.link-animate:hover span + .link-icon { transform: translate(5px, 0); } + +.link .icon-circle { font-size: inherit; margin-right: 12px; } + +.link .icon-circle.link-icon { transition: all .4s; } + +.link-break { flex-direction: column; } + +.link-break .icon-circle { margin-left: 10px; margin-bottom: 10px; } + +.link-primary { color: #16a1ff !important; } + +.link-primary .link-icon.icon-circle { background: #16a1ff; color: #fff !important; } + +.link-primary:hover { color: #2b56f5 !important; } + +.link-primary:hover .link-icon.icon-circle { background: #2b56f5; } + +.link-light { color: #223b55 !important; } + +.tc-light .link-light { color: #fff !important; } + +.link-light .link-icon { color: #16a1ff; } + +.link-light .link-icon.icon-circle { background: #223b55; color: #fff !important; } + +.link-light:hover { color: #16a1ff !important; } + +.link-light:hover .link-icon.icon-circle { background: #16a1ff; } + +.link-thin { font-weight: 300; } + +.link-underline { text-decoration: underline !important; } + +@media (min-width: 420px) { .btn-grp-break > div, .btn-grp-break > li { width: auto; text-align: left; } + .link { font-size: 14px; } + .link-xs { font-size: 12px; } + .link-break { flex-direction: row; } + .link-break .icon-circle { margin-left: 0; margin-bottom: 0; } } + +/** 03.03 Title */ +.title { position: relative; font-size: 1.75rem; } + +.title:not(:last-child) { margin-bottom: 1.25rem; } + +.title small { font-size: 50%; margin-top: 0.75rem; } + +.title-thin { font-weight: 300; } + +.title-regular { font-weight: 400; } + +.title-xxs { font-size: 12px; letter-spacing: 0.1em; } + +.title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + +.title-xs { text-transform: uppercase; font-size: 0.88rem; letter-spacing: 0.2em; } + +.title-xs-alt { font-size: 0.94rem; } + +.title-xs-s1 { font-size: 1rem; letter-spacing: 0.2em; } + +.title-xs-s2 { font-size: 1.1rem; letter-spacing: 0; } + +.title-xs small { font-size: 70%; } + +.title-sm { font-size: 1.125rem; } + +.title-sm:not(:last-child) { margin-bottom: 0.85rem; } + +.title-sm small { font-size: 70%; } + +.title-md { font-size: 1.375rem; } + +.feature-text-wd .title-md { font-size: 1.125rem; } + +.title-md:not(:last-child) { margin-bottom: 1rem; } + +.title-lg { font-size: 1.75rem; } + +.title-xl { font-size: 1.75rem; } + +.title-xl-s2 { font-size: 1.75rem; line-height: 1.3; } + +.title-light { color: rgba(34, 59, 85, 0.6); } + +.title-dark { color: #12183a; } + +.title-base { color: #223b55; } + +.title a { color: #223b55; } + +.title a:hover { color: #16a1ff; } + +a:hover .title { color: #16a1ff; } + +a .title { transition: all .4s; } + +.title-mid { font-weight: 500; } + +.title-semibold { font-weight: 600; } + +.title-bold { font-weight: 700; } + +.title-s1 { padding-left: 75px; display: inline-block; font-weight: 600; } + +.title-s1:before { position: absolute; left: 0 !important; top: 50%; margin-top: -1px; height: 2px; width: 60px; content: ''; transform: translate(0, -50%) !important; opacity: 1 !important; background: #223b55; } + +.tc-light .title-s1:before { background: #fff; } + +.title-s1.tc-primary:before, .tc-primary a.title-s1:before { background: #16a1ff; } + +.title-s2 { padding-bottom: 26px; } + +.title-s2:after { position: absolute; left: 50%; bottom: 0; content: ''; margin-left: -40px; width: 80px; height: 6px; border-radius: 3px; background: #16a1ff; } + +.tc-light .title-s2:after { background: #16a1ff; } + +.title-s2-alt { padding-bottom: 0; padding-top: 26px; } + +.title-s2-alt:after { top: 0; bottom: auto; } + +.title-s3 { font-size: 2.2rem !important; line-height: 1.3 !important; } + +.title-s4 { font-size: 2.3rem; opacity: 0.3; padding-bottom: 10px; text-transform: uppercase; } + +.title-s5 { padding-bottom: 24px; margin-bottom: 20px; } + +.title-s5.title-sm { font-size: 0.9rem; } + +.title-s5.title-sm span:first-child { font-size: 1.25rem; } + +.title-s5 span:first-child { display: block; padding-bottom: 13px; color: #223b55; font-weight: 500; } + +.tc-light .title-s5 span:first-child { color: #fff; } + +.title-s5 span:last-child { opacity: .7; } + +.title-s5:after { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); content: ''; width: 50px; height: 3px; border-radius: 2px; background: #16a1ff; } + +.title-s6 { position: relative; } + +.title-s6:before { position: absolute; top: 8px; left: -15px; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #16a1ff; } + +.title-s7 span:first-child { display: block; padding-bottom: 13px; color: #3e2bc5; font-size: 1.35rem; } + +.tc-light .title-s7 span:first-child { color: #fff; } + +.title-s7 span:last-child { font-size: 0.9rem; color: #223b55; } + +.title-xxl-grad { font-size: 70px; line-height: 1; font-weight: 700; margin-bottom: 0; background: -webkit-linear-gradient(#0087e2, #0b39e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: .4; } + +.title-ele-head { background: linear-gradient(180deg, #223b55 0%, #6a7894 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.title-sub { color: #d87032; } + +@media (min-width: 576px) { .title { font-size: 2.25rem; } + .title:not(:last-child) { margin-bottom: 1.25rem; } + .title small { font-size: 50%; margin-top: 0.75rem; } + .title-xxs { font-size: 12px; letter-spacing: 0.1em; } + .title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + .title-xs { font-size: 0.88rem; } + .title-xs-alt { font-size: 0.94rem; } + .title-xs-s1 { font-size: 1.1rem; } + .title-xs-s2 { font-size: 1.1rem; } + .title-xs small { font-size: 70%; } + .title-sm { font-size: 1.125rem; } + .title-sm:not(:last-child) { margin-bottom: 0.85rem; } + .title-md { font-size: 1.375rem; } + .title-md:not(:last-child) { margin-bottom: 1rem; } + .title-md-s2 { font-size: 1.675rem; line-height: 1.6; } + .title-lg { font-size: 1.75rem; } + .title-xl { font-size: 3.5rem; } + .title-xl-s2 { font-size: 2.2rem; } + .title-s3 { font-size: 2.2rem !important; } + .title-s4 { font-size: 2.3rem; } + .title-s5.title-sm { font-size: 0.9rem; } + .title-s5.title-sm span:first-child { font-size: 1.25rem; } + .title-xl-2 { font-size: 1.8rem !important; } + .title-xxl-grad { font-size: 140px; } } + +@media (min-width: 768px) { .title-xl-2 { font-size: 2.2rem !important; } + .title-xxl-grad { font-size: 200px; } } + +@media (min-width: 992px) { .title-xxl-grad { font-size: 250px; } + .feature-text-wd .title-md { font-size: 1.375rem; } } + +@media (min-width: 1200px) { .title-xl-s2 { font-size: 2.8rem !important; } } + +@media (min-width: 1600px) { .title-xl-2 { font-size: 2.8rem !important; line-height: 1.3 !important; } + .banner-s1 .title-xl-2 { font-size: 2.3rem !important; } + .title-xl-s3 { font-size: 2.75rem !important; } } + +/** 03.04 List */ +.list li { line-height: 1.674; padding: 5px 0; position: relative; color: #223b55; font-size: 14px; } + +.tc-light .list li { color: #8284a5; } + +.list-check li { padding-left: 24px; } + +.list-check li:before { position: absolute; top: 0; left: 0; height: 22px; width: 26px; line-height: 26px; padding: 3px 0; color: #16a1ff; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; content: '\f00c'; transition: all .4s; } + +.tc-light .list-check li:before { color: #16a1ff; } + +.list-check-s3 li { padding: 0px 0px 0px 55px; margin-bottom: 18px; line-height: 1.8; } + +.list-check-s3 li:before { width: 35px; height: 35px; background: #16a1ff; border-radius: 50%; color: #fff; text-align: center; line-height: 29px; font-size: 16px; left: 0; top: 5px; } + +.tc-light .list-check-s3 li:before { background: #16a1ff; color: #fff; } + +.list-check-s3-sm li { padding: 0px 0px 0px 40px; margin-bottom: 30px; } + +.list-check-s3-sm li .title-md { margin-bottom: 0.5rem; } + +.list-check-s3-sm li:before { width: 25px; height: 25px; line-height: 20px; font-size: 11px; top: 2px; } + +.list-check-s4 li { margin: 0; padding-left: 35px; position: relative; } + +.list-check-s4 li:before { left: 15px; top: 14px; } + +.list-number { counter-reset: item; } + +.list-number li { line-height: 1.86; margin-bottom: 10px; padding-left: 65px; } + +.list-number li:before { position: absolute; top: 10px; left: 25px; counter-increment: item; content: counter(item) "."; font-size: 30px; font-weight: 700; line-height: 1; color: #16a1ff; font-family: 'Poppins', sans-serif !important; } + +.tc-light .list-number li:before { color: #16a1ff; } + +.list-number-s2 li { padding-left: 60px; } + +.has-rtl .list-number-s2 li { padding-right: 60px; padding-left: 0; } + +.list-number-s2 li:not(:last-child) { margin-bottom: 16px; } + +.list-number-s2 li span { width: 30px; height: 30px; position: absolute; left: 0; top: 5px; line-height: 30px; text-align: center; background: rgba(22, 161, 255, 0.2); border-radius: 50%; color: #7a5cff; font-weight: 400; } + +.has-rtl .list-number-s2 li span { left: auto; right: 0; } + +.list-dot li { position: relative; padding-left: 22px; line-height: 1.62; } + +.list-dot li:before { position: absolute; top: 14px; left: 0; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #223b55; } + +.tc-light .list-dot li:before { background: #2b56f5; } + +.list-dot.list-sm { margin-top: -5px; margin-bottom: -5px; } + +.list-dot.list-sm li { padding-left: 16px; font-size: 0.9rem; padding-top: 10px; padding-bottom: 10px; } + +.list-dot.list-sm li:before { top: 19px; } + +.list-dot-bar { padding: 20px 0 65px 38px; } + +.list-dot-bar li { margin-bottom: 10px; } + +.list-dot-bar li span { width: 20px; height: 20px; content: ""; background: transparent; position: absolute; border-radius: 50%; border: 2px solid #2b56f5; left: -38px; top: 7px; } + +.list-dot-bar li span:after, .list-dot-bar li span:before { position: absolute; content: ""; top: 50%; left: 50%; background: #2b56f5; } + +.list-dot-bar li span:after { width: 7px; height: 7px; border-radius: 50%; transform: translate(-50%, -50%); } + +.list-dot-bar li span:before { width: 18px; height: 2px; transform: translateY(-50%); } + +.list-btn li { display: inline-block; padding-right: 15px; } + +.list-btn li:not(:first-child) a { padding-right: 10px; } + +.list-btn-dropdown { margin: -22px -30px; } + +.list-btn-dropdown > li { display: inline-block; margin: 18px 30px; } + +.list-btn-dropdown > li a { min-width: 200px; } + +.list-btn-dropdown > li a i { position: absolute; font-size: 20px; top: 0; right: 30px; line-height: 42px; } + +.list-inline { display: inline-flex; } + +@media (min-width: 576px) { .list li { font-size: 15px; } } + +/** 03.05 Form */ +input ~ .error, textarea ~ .error, select ~ .error { position: absolute; right: -10px; top: -15px; background: #e6604a; color: #fff; font-size: 11px; line-height: 18px; padding: 2px 10px; border-radius: 2px; z-index: 9; white-space: nowrap; } + +input ~ .error:after, textarea ~ .error:after, select ~ .error:after { position: absolute; content: ''; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid #e6604a; border-bottom: 5px solid transparent; bottom: -5px; left: 3px; } + +.tc-light input ~ .error, .tc-light textarea ~ .error, .tc-light select ~ .error { background: #e6604a; color: #fff; box-shadow: none; } + +.tc-light input ~ .error:after, .tc-light textarea ~ .error:after, .tc-light select ~ .error:after { border-right-color: #e6604a; } + +input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(34, 59, 85, 0.6); } + +.tc-light .bg-light input::-webkit-input-placeholder, .tc-light .bg-light-alt input::-webkit-input-placeholder, .tc-light .bg-white input::-webkit-input-placeholder, .tc-light .bg-light textarea::-webkit-input-placeholder, .tc-light .bg-light-alt textarea::-webkit-input-placeholder, .tc-light .bg-white textarea::-webkit-input-placeholder { color: rgba(34, 59, 85, 0.6); } + +.tc-light input::-webkit-input-placeholder, .tc-light textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(34, 59, 85, 0.6); } + +.tc-light .bg-light input::-moz-placeholder, .tc-light .bg-light-alt input::-moz-placeholder, .tc-light .bg-white input::-moz-placeholder, .tc-light .bg-light textarea::-moz-placeholder, .tc-light .bg-light-alt textarea::-moz-placeholder, .tc-light .bg-white textarea::-moz-placeholder { color: rgba(34, 59, 85, 0.6); } + +.tc-light input::-moz-placeholder, .tc-light textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(34, 59, 85, 0.6); } + +.tc-light .bg-light input:-ms-input-placeholder, .tc-light .bg-light-alt input:-ms-input-placeholder, .tc-light .bg-white input:-ms-input-placeholder, .tc-light .bg-light textarea:-ms-input-placeholder, .tc-light .bg-light-alt textarea:-ms-input-placeholder, .tc-light .bg-white textarea:-ms-input-placeholder { color: rgba(34, 59, 85, 0.6); } + +.tc-light input:-ms-input-placeholder, .tc-light textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-moz-placeholder, textarea:-moz-placeholder { color: rgba(34, 59, 85, 0.6); } + +.tc-light .bg-light input:-moz-placeholder, .tc-light .bg-light-alt input:-moz-placeholder, .tc-light .bg-white input:-moz-placeholder, .tc-light .bg-light textarea:-moz-placeholder, .tc-light .bg-light-alt textarea:-moz-placeholder, .tc-light .bg-white textarea:-moz-placeholder { color: rgba(34, 59, 85, 0.6); } + +.tc-light input:-moz-placeholder, .tc-light textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +.field-item { position: relative; padding-bottom: 15px; } + +.field-wrap { position: relative; } + +.field-wrap + p { margin-top: .75rem; } + +.field-wrap .btn + .form-results:not(:empty) { margin-top: 30px; } + +.field-wrap .label-inline { padding-left: 25px; line-height: normal; } + +.has-rtl .field-wrap .label-inline { padding-left: 0; padding-right: 25px; } + +.field-wrap .label-inline .icon { font-size: 20px; color: #adb2be; } + +.field-label { font-size: 12px; font-weight: 700; letter-spacing: 0.2em; } + +.field-label-line { position: absolute; width: 100%; top: 10px; font-size: 0.94rem; font-weight: 400; letter-spacing: normal; left: 0; color: rgba(34, 59, 85, 0.6); z-index: 1; transition: all .5s ease; transform-origin: left; } + +.tc-light .field-label-line { color: #fff; } + +.field-item-center .field-label-line { transform-origin: center; } + +.field-inline { border-radius: 6px; display: flex; } + +.field-inline input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } + +.field-inline.field-split .btn:not(.btn-round) { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; } + +.wgs-search .field-inline.field-split .btn:not(.btn-round) { height: auto; } + +.field-inline .field-wrap { flex-grow: 1; } + +.field-inline .submit-wrap .btn { width: 100%; } + +.field-inline + .form-results.alert { width: 100%; margin-top: 15px; } + +.field-inline-s2 { padding: 10px; display: block; } + +.field-inline-s2 .btn { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + +.field-inline-s2-sm { padding: 5px; } + +.field-inline-s2 input { text-align: center; } + +@media (max-width: 575px) { .field-inline-s2 input { margin-bottom: 5px; } } + +.field-inline-s3 .btn-light { color: #16a1ff !important; } + +.field-inline-s4 { align-items: center; } + +.field-inline-s4 .input-solid { background: rgba(255, 255, 255, 0.2); } + +.field-inline-s4 .field-wrap { margin-right: -50px; } + +.field-inline-round { border-radius: 50px; } + +.field-inline-round .input-solid { padding-left: 30px; } + +.input-solid { background: none; border: none; width: 100%; padding: 15px 20px; line-height: 23px; } + +.tc-light .input-solid { color: #fff; } + +.tc-light .bg-light .input-solid, .tc-light .bg-light-alt .input-solid, .tc-light .bg-white .input-solid { color: #223b55; } + +.input-solid-md { padding: 12px 20px; line-height: 22px; } + +.input-solid-lg { padding: 20px 20px; } + +.input-solid:focus { outline: none; } + +.input-line { position: relative; z-index: 2; background: transparent; border: none; width: 100%; font-size: 15px; line-height: 19px; padding: 16px 0 8px; color: #223b55; border-bottom: 1px solid #dbe4f7; outline: none; transition: all .4s; } + +.tc-light .input-line { color: #fff; border-bottom-color: rgba(219, 228, 247, 0.3); } + +.input-line:focus { border-bottom-color: #16a1ff; } + +.field-item-center .input-line { text-align: center; } + +.input-textarea { height: 105px; resize: none; outline: none; } + +.input-textarea ~ .field-label-line { top: 73px; } + +.input-focused .field-label-line { left: 0; top: -10px; transform: scale(0.7); } + +.input-bordered { border-radius: 6px; border: 1px solid #dbe4f7; width: 100%; padding: 10px 15px; line-height: 21px; font-size: .9em; color: #223b55; transition: all .4s; background-color: transparent; } + +.input-bordered-lg { padding: 13px 20px; } + +.input-bordered-lg-s1 { padding: 17px 20px; } + +.tc-light .field-inline-s3 .input-bordered { border-color: rgba(255, 255, 255, 0.5); } + +.field-inline-s3 .input-bordered { border-width: 2px; border-right-width: 0 !important; } + +.field-item-s2 .input-bordered { border: 2px solid #d1e0f6; background: transparent; } + +.tc-light .input-bordered { color: #6a7894; background: #3b27cb; border-color: rgba(255, 255, 255, 0.25); } + +.tc-light .input-bordered:focus { border-color: rgba(255, 255, 255, 0.45); } + +.input-bordered:focus { box-shadow: none; outline: none; border-color: #b7bee3; } + +.input-bordered:disabled { background: rgba(219, 228, 247, 0.2); } + +.input-switch { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-switch ~ label:not(.error) { line-height: 20px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; padding-left: 48px; min-height: 30px; min-width: 48px; border-radius: 12px; margin-bottom: 0; display: flex; align-items: center; position: relative; font-size: 14px; color: #223b55; } + +.input-switch ~ label:not(.error).no-text { padding-left: 56px; } + +.input-switch ~ label:not(.error):before, .input-switch ~ label:not(.error):after { position: absolute; content: ''; transition: all .4s; } + +.input-switch ~ label:not(.error):before { left: 0; top: 50%; transform: translateY(-50%); height: 20px; width: 40px; border-radius: 15px; background: #d3e0f3; } + +.input-switch ~ label:not(.error):after { left: 2px; top: 50%; transform: translateY(-50%); height: 16px; width: 16px; border-radius: 50%; background: #fff; } + +.input-switch ~ label:not(.error) span { transition: all .4s; opacity: 1; } + +.input-switch ~ label:not(.error) span.over { position: absolute; left: 48px; } + +.input-switch ~ label:not(.error) span:last-child { opacity: 0; } + +.input-switch:disabled ~ label { opacity: .5; } + +.input-switch:checked ~ label:before { background: #16a1ff; } + +.input-switch:checked ~ label:after { left: 22px; } + +.input-switch:checked ~ label span { opacity: 0; } + +.input-switch:checked ~ label span:last-child { opacity: 1; } + +.input-switch ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-checkbox, .input-radio { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-checkbox ~ label:not(.error), .input-radio ~ label:not(.error) { position: relative; padding-left: 28px; line-height: 20px; font-size: 14px; cursor: pointer; margin-bottom: 0; } + +.input-checkbox ~ label:not(.error):before, .input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { position: absolute; left: 0; top: 0; height: 20px; width: 20px; line-height: 20px; text-align: center; content: ''; background-color: transparent; border-radius: 3px; } + +.input-checkbox ~ label:not(.error):before, .input-radio ~ label:not(.error):before { border: 2px solid #dbe4f7; } + +.input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; background-color: #16a1ff; color: #fff; opacity: 0; transition: all .4s; } + +.input-checkbox:checked ~ label:not(.error):after, .input-radio:checked ~ label:not(.error):after { opacity: 1; } + +.input-checkbox ~ .error, .input-radio ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { border-radius: 50%; } + +@media (min-width: 576px) { .field-item { padding-bottom: 30px; } + .field-inline .btn-md { line-height: 23px; } } + +@media (min-width: 768px) { .field-inline .submit-wrap .btn { width: auto; height: 100%; } + .field-inline-s2 { display: flex; } + .field-inline-s2 input { text-align: left; } } + +.select2-container.select2 { width: 100% !important; } + +.select2-container .select2-selection { position: relative; } + +.select2-container .select2-selection:focus { outline: none; } + +.select2-container .select2-selection .select2-selection__rendered { color: rgba(34, 59, 85, 0.6); font-size: 0.94rem; } + +.select2-container .select2-selection .select2-selection__arrow { position: absolute; top: 0; right: 0; height: 100%; width: 40px; } + +.select2-container .select2-selection .select2-selection__arrow:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; font-family: "themify"; content: '\e64b'; text-align: center; line-height: 20px; padding: 10px 0; font-size: .88rem; } + +.select2-container .select2-dropdown { border-color: #dbe4f7 !important; } + +.select2-container.select-line .select2-selection { height: 44px; line-height: 20px; padding: 16px 40px 8px 0; border-bottom: 1px solid #dbe4f7; } + +.select2-container.select-line .select2-selection .select2-selection__rendered { padding-left: 0; } + +.select2-container.select-line .select2-selection .select2-selection__arrow:after { padding: 16px 0 8px; } + +.select2-container.select-bordered .select2-selection { height: 42px; line-height: 20px; padding: 10px 40px 10px 0; border: 1px solid #dbe4f7; border-radius: 6px; } + +.select2-container.select-bordered .select2-selection .select2-selection__rendered { padding-left: 15px; } + +.select2-container.select-bordered.select-lg .select2-selection { height: 50px; border: 2px solid #dbe4f7; padding: 13px 40px 13px 10px; min-width: 146px; } + +.select2-container--below.select2-container--open.select-bordered .select2-selection--single { border-radius: 6px 6px 0 0; } + +.select2-container--above.select2-container--open.select-bordered .select2-selection--single { border-radius: 0 0 6px 6px; } + +.select2-container.select-lg .select2-selection .select2-selection__arrow:after { padding: 13px 0; } + +.select2-container.select-lg .select2-selection .select2-selection__rendered { color: #12183a; font-size: 1rem; } + +.select2-search { display: none; } + +.select2-results { padding: 5px 0; } + +.select2-results__option { padding: 6px 15px; font-size: .88rem; transition: all .4s; max-height: 180px; } + +.select2-results__option[aria-selected="true"], .select2-results__option:hover { background: #dbe4f7; } + +.select-line.select2-container--open .select2-dropdown--above { border-bottom: 1px solid #dbe4f7 !important; } + +.submit-wrap { margin-left: -3px; } + +.submit-wrap-s2 { margin: -4px 0; } + +.submit-wrap-s2 .btn { border-radius: 5px !important; } + +.btn-auto-lg { font-size: 20px; } + +@media (min-width: 992px) { .select2-container.select-bordered.select-lg .select2-selection { min-width: 255px; } } + +@media (max-width: 400px) { .field-inline-wrap { flex-wrap: wrap; } + .field-inline-wrap .submit-wrap { margin-left: auto; margin-right: auto; margin-top: 10px; } } + +/**/ +/** 03.06 Table */ +.table { color: inherit; } + +.table td { border-top: none; padding: 18px 0; font-size: 1rem; line-height: 1.5rem; } + +.table tr { border-bottom: 1px solid rgba(22, 161, 255, 0.2); } + +.table tr:last-child { border-bottom: none; } + +.table-head { font-weight: 500; color: #16a1ff; } + +.table-token { margin-bottom: 5px; } + +.table-token .table-head { padding-bottom: 2px; } + +.table-token .table-des { padding-top: 2px; } + +.table-token-s1 { border: 1px solid rgba(209, 224, 246, 0.7); border-collapse: separate; border-radius: 6px; margin-bottom: 0; } + +.tc-light .table-token-s1 { border-color: rgba(255, 255, 255, 0.1); } + +.table-token-s1 tr:nth-child(odd) td:first-child { background: #eff8ff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:first-child { background: #3221ad; } + +.table-token-s1 tr:nth-child(odd) td:last-child { background: #fff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:last-child { background: #301fa4; } + +.table-token-s1 tr:nth-child(even) td:first-child { background: #e7f3ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:first-child { background: #3825c2; } + +.table-token-s1 tr:nth-child(even) td:last-child { background: #f7f9ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:last-child { background: #3423b6; } + +.table-token-s1 tr:first-child td:first-child { border-top-left-radius: 6px; } + +.table-token-s1 tr:first-child td:last-child { border-top-right-radius: 6px; } + +.table-token-s1 tr:last-child td:first-child { border-bottom-left-radius: 6px; } + +.table-token-s1 tr:last-child td:last-child { border-bottom-right-radius: 6px; } + +.table-token-s1 tr td { width: 48%; font-weight: 500; font-size: 0.93rem; line-height: 24px; padding: 12px !important; padding-left: 18px !important; color: #223b55; } + +.tc-light .table-token-s1 tr td { color: #fff; } + +.table-token-s1 tr td:last-child { color: #16a1ff; font-weight: 400; font-size: 0.88rem; } + +.tc-light .table-token-s1 tr td:last-child { color: rgba(255, 255, 255, 0.6); } + +.table-bordered td { padding-left: 20px; padding-right: 20px; border: 1px solid rgba(22, 161, 255, 0.2); } + +@media (min-width: 576px) { .table-token { margin-bottom: 1rem; display: table; } + .table-token tbody { display: table-row-group; } + .table-token tr { display: table-row; } + .table-token td { display: table-cell; } + .table-token .table-head, .table-token .table-des { padding: 18px 0; } } + +/** 03.07 Progress */ +.progress-list { margin-top: .8rem; } + +.progress-wrap { margin-bottom: 1rem; } + +.progress-wrap:last-child:not(:only-child) { margin-bottom: 0; } + +.progress-wrap-point { margin-bottom: 55px; } + +.progress-wrap-point-s1 { margin-bottom: 30px; margin-top: 50px; } + +.progress-title { text-transform: uppercase; font-size: 0.75rem; font-weight: 500; display: flex; justify-content: space-between; padding-bottom: .4rem; } + +.progress-amount { font-weight: 400; } + +.progress-bar { position: relative; width: 100%; height: 20px; border-radius: 4px; background: rgba(22, 161, 255, 0.2); } + +.progress-bar .progress-percent { border-radius: 4px; } + +.progress-bar-xs { height: 6px; border-radius: 2px; } + +.progress-bar-xs .progress-percent { border-radius: 2px; border: none; } + +.progress-bar-sm { height: 15px; border-radius: 2px; } + +.progress-bar-md { height: 24px; border-radius: 3px; } + +.progress-bar-md .progress-percent { padding: 3px 0; } + +.progress-bar-s1 { padding: 6px; width: 100%; background: #fff; border-radius: 16px; height: auto; } + +.progress-bar-s2.bar-round { border-radius: 30px; } + +.progress-bar-s2.bar-round .progress-percent { border-radius: 30px; } + +.progress-bar-s2 .progress-percent { top: 3px; left: 3px; bottom: 3px; right: 3px; border: none; } + +.progress-bar-s2 .progress-percent:after { display: none; } + +.progress-percent { position: absolute; top: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 12px; background: #16a1ff; } + +.progress-percent-s2 { z-index: 2; } + +.progress-percent-s2:after { position: absolute; content: ''; top: 50%; right: 0; height: 18px; width: 18px; border-radius: 50%; border: 2px solid #fff; background: #16a1ff; transform: translate(50%, -50%); } + +.progress-percent-s1 { position: relative; max-height: 20px; border: none; min-height: 20px; border-radius: 20px !important; } + +.progress-percent-s3 { border: none; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } + +.progress-info { display: block; font-size: 16px; color: #6a7894; padding: 12px 0 22px; } + +.progress-info span { font-weight: 500; font-size: 18px; color: #2b56f5; } + +.progress-info-s2 { font-size: 12px; text-transform: uppercase; padding: 0 0 17px; } + +.progress-info-s2 span { font-size: 14px; text-transform: capitalize; color: #fff; } + +.progress-point { color: #6a7894; font-size: 11px; line-height: 14px; font-weight: 500; text-transform: uppercase; position: absolute; top: 30px; transform: translateX(-50%); padding: 3px 0; } + +.progress-point:after { position: absolute; bottom: 100%; left: 50%; margin-left: -1px; content: ''; width: 2px; height: 40px; background: rgba(193, 206, 241, 0.5); } + +.progress-bar-md .progress-point { top: 40px; font-size: 14px; font-weight: 400; text-transform: capitalize; } + +.progress-bar-md .progress-point:after { bottom: calc(100% + 10px); height: 30px; } + +.progress-point span { display: block; font-size: 12px; color: #16a1ff; } + +.progress-point-s1 { top: -35px; } + +.progress-point-s1:after { bottom: auto; top: 100%; height: 30px; } + +.progress-point-1 { left: 25%; } + +.progress-point-2 { left: 85%; } + +.progress-points { padding-top: 10px; display: flex; justify-content: space-between; } + +ul.progress-info { display: flex; justify-content: space-between; } + +@media (min-width: 576px) { .progress-bar-md { height: 36px; } + .progress-percent { font-size: 14px; } + .progress-wrap-point { margin-bottom: 78px; } + .progress-wrap-point-s1 { margin-bottom: 30px; } + .progress-bar-md .progress-point { top: 60px; } + .progress-bar-md .progress-point:after { height: 50px; } } + +/** 03.08 CountDown */ +.countdown { display: flex; justify-content: space-around; margin: 0 -5px; } + +.countdown-small { justify-content: flex-start; margin: 0 -20px; } + +.countdown-s2 { margin: 0; justify-content: space-between; } + +.countdown-s3 { margin: 0 -16px 0 -25px; } + +.countdown-s4 { margin: 0; } + +.countdown-md { padding-bottom: 35px; } + +.countdown-item { padding: 0 5px; } + +.countdown-s2 .countdown-item { padding: 0; } + +.countdown-s3 .countdown-item { flex-grow: 1; } + +.countdown-s3.countdown-small .countdown-item, .countdown-s3-alt .countdown-item { flex-grow: 0; width: auto; } + +.countdown-s4 .countdown-item, .countdown-s5 .countdown-item { width: 100%; } + +.countdown-wd .countdown-item { flex-grow: 0; width: 100%; } + +.countdown-md .countdown-item { width: 80px; } + +.countdown-wd { text-align: center; } + +.countdown-time { position: relative; height: 54px; width: 54px; border-radius: 50%; border: 2px solid #16a1ff; text-align: center; line-height: 50px; display: block; } + +.countdown-s2 .countdown-time { border-radius: 6px; background-color: #3221ad; border-color: transparent; font-size: 1.4rem; font-weight: 500; color: #fff; } + +.countdown-s3 .countdown-time { border-radius: 0; border: none; font-size: 2.8125rem; line-height: 50px; font-weight: 700; height: 50px; width: 100%; color: #2b56f5; } + +.tc-light .countdown-s3 .countdown-time { color: #fff; } + +.countdown-s3 .countdown-time:after { position: absolute; top: calc(50% - 3px); right: -6px; transform: translate(50%, -50%); content: ':'; } + +.countdown-s3 .countdown-time-last:after { display: none; } + +.countdown-s3-alt .countdown-time { font-size: 1.875rem; padding: 0 20px; font-weight: 300; height: 38px; line-height: 38px; margin-bottom: 0.5rem; } + +.countdown-s3.countdown-small .countdown-time { font-size: 1rem; line-height: 24px; height: 24px; text-align: left; padding: 0 20px; } + +.countdown-s4 .countdown-time { font-size: 2rem; } + +.countdown-s4 .countdown-time, .countdown-thin .countdown-time { font-weight: 300; } + +.tc-light .countdown-s5 .countdown-time { color: #16a1ff; } + +.countdown-md .countdown-time { font-size: 2rem; line-height: normal; font-weight: 400; height: auto; } + +.countdown-text { display: block; font-weight: 500; font-size: 12px; letter-spacing: 0.01em; padding-top: 8px; text-align: center; } + +.tc-light .countdown-text { color: #6a7894; } + +.countdown-s2 .countdown-text { text-transform: uppercase; font-weight: 400; } + +.tc-light .countdown-s2 .countdown-text { color: #16a1ff; } + +.countdown-s3 .countdown-text { text-transform: uppercase; } + +.tc-light .countdown-s3 .countdown-text { color: #2b56f5; } + +.countdown-s3-alt .countdown-text { text-transform: capitalize; padding-top: 0; font-weight: 400; } + +.countdown-s3.countdown-small .countdown-text { text-align: left; padding: 0 22px; } + +.countdown-s4 .countdown-text { text-transform: capitalize; padding-top: 0; } + +.tc-light .countdown-s5 .countdown-text { color: #16a1ff; } + +.countdown-md .countdown-text { font-weight: 400; padding-top: 2px; } + +.status-countdown { overflow: hidden; } + +@media (min-width: 420px) { .countdown-time { height: 64px; width: 64px; line-height: 60px; } } + +@media (min-width: 576px) { .status-countdown { min-width: 290px; } + .countdown-large .countdown-time { font-size: 3.5rem; } + .countdown-large .countdown-time:after { font-size: 2.5rem; } } + +@media (min-width: 768px) { .countdown-wd .countdown .item { width: 100%; } + .countdown-xxl .countdown-time { font-size: 5.5rem; } + .countdown-xl .countdown-time { font-size: 4rem; } + .countdown-xl.countdown-s2 .countdown-time { width: 123px; height: 123px; line-height: 123px; border-radius: 4px; } + .countdown-xxl .countdown-text { padding-top: 30px; } + .countdown-s3-lg { margin: 0 -38px; } } + +@media (min-width: 992px) { .countdown-s4 .countdown-time { font-size: 2rem; } + .countdown-large .countdown-time { font-size: 3.5rem; } } + +@media (min-width: 1200px) { .countdown-s4 .countdown-time { font-size: 2.9rem; } + .countdown-large .countdown-time { font-size: 3.6rem; } } + +/** 03.09 Toastr */ +/* Toastr */ +#toast-container { position: fixed; z-index: 999999; margin-top: 22px; margin-bottom: 16px; } + +#toast-container .toast { opacity: 1; } + +.toast-top-center { top: 0; right: 0; width: 100%; } + +.toast-bottom-center { bottom: 0; right: 0; width: 100%; } + +.toast-top-full-width { top: 0; right: 0; width: 100%; } + +.toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } + +.toast-top-left { top: 0; left: 16px; } + +.toast-top-right { top: 0; right: 16px; } + +.toast-bottom-right { right: 16px; bottom: 0; } + +.toast-bottom-left { bottom: 0; left: 16px; } + +.toast-top-center > div, .toast-bottom-center > div { width: 650px; max-width: 90%; margin-left: auto; margin-right: auto; } + +.toast-top-full-width > div, .toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } + +.toast { background: #fff; color: #fff; overflow: hidden; margin: 0 0 8px; padding: 15px 51px 15px 15px; width: 300px; border-radius: 5px; border: none; display: flex; align-items: center; box-shadow: 0px 2px 18px 2px rgba(18, 24, 58, 0.25); background: #160b6d; position: relative; } + +.toast-close-button { cursor: pointer; position: absolute; text-align: left; right: 15px; text-indent: -9999em; overflow: hidden; background: none; border-radius: 50%; border: none; height: 36px; width: 36px; transition: all .3s; } + +.toast-close-button:after { position: absolute; content: '\e646'; font-family: 'themify'; top: 0; right: -1px; text-indent: 0; display: block; font-size: 13px; line-height: 38px; height: 36px; width: 36px; text-align: center; color: #fff; transition: all .3s; } + +.toast-close-button:hover, .toast-close-button:focus { background: rgba(239, 246, 255, 0.15); box-shadow: none; outline: none; } + +.toast-message { position: relative; flex-grow: 1; font-size: 13px; line-height: 17px; display: flex; align-items: center; padding-left: 10px; min-height: 30px; } + +.toast-message-icon { display: inline-block; font-size: 14px; margin-right: 15px; margin-left: -10px; text-align: center; height: 30px; width: 30px; line-height: 30px; border-radius: 50%; } + +.toast-message-icon.ti-alert:before { position: relative; top: -2px; } + +.toast-info .toast-message-icon { background: #026bfb; } + +.toast-warning .toast-message-icon { background: #f6be26; } + +.toast-success .toast-message-icon { background: #39d884; } + +.toast-error .toast-message-icon { background: #e6604a; } + +@media (min-width: 576px) { .toast-message { font-size: 14px; line-height: 18px; } } + +/** 03.10 Misc */ +.img-xs { height: 40px; width: 40px; } + +.text-thumb { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; font-weight: 500; letter-spacing: 0.1em; border: 2px solid #fff; background: #16a1ff; } + +.text-thumb-xs { height: 40px; width: 40px; } + +.icon { display: inline-block; } + +.icon-lg { font-size: 50px; } + +.icon-round { display: inline-block; text-align: center; border-radius: 50%; background: rgba(22, 161, 255, 0.1); } + +.icon-round.icon-lg { height: 90px; width: 90px; line-height: 90px; } + +.icon-circle { display: inline-flex; align-items: center; justify-content: center; height: 38px; width: 38px; border-radius: 50%; } + +.icon-circle-md { height: 50px; width: 50px; } + +.icon-border { border: 1px solid #6a7894; } + +.icon-animation { position: relative; } + +.icon-animation:after { position: absolute; content: ""; top: -8px; right: -8px; bottom: -8px; left: -8px; border-radius: 50%; border: 1px solid #6a7894; animation: 1s ease 0s normal none infinite running playbutton; } + +.icon-list li { display: inline-block; margin: 0 5px; } + +.icon-currency-list { display: flex; justify-content: center; align-items: center; } + +.icon-bg { min-width: 40px; min-height: 40px; background: #8c8c8c; color: #fff; text-align: center; line-height: 40px; font-size: 1.7rem; border-radius: 50%; margin-right: 8px; } + +.has-rtl .icon-bg { margin-right: 0; margin-left: 8px; } + +.icon-bg-md { min-height: 32px; min-width: 32px; line-height: 32px; font-size: 1.5rem; } + +.icon-bg-lg { min-width: 60px; min-height: 60px; line-height: 60px; font-size: 2rem; } + +.icon-bg-xl { min-width: 92px; min-height: 92px; line-height: 92px; font-size: 4rem; } + +.icon-bg-eth { background: #61688f; } + +.icon-bg-btc { background: #f9931a; } + +.icon-bg-ltc { background: #838383; } + +.icon-bg-dash { background: #3573c0; } + +.icon-bg-xrp { background: #1c1c1c; } + +.icon-bg-xmr { background: #ff9f17; } + +.toggle-wrap { position: relative; } + +.toggle-tigger { display: inline-block; } + +.toggle-tigger.btn { display: inline-flex; } + +.toggle-class { visibility: hidden; opacity: 0; transition: all .4s; } + +.toggle-class.active { visibility: visible; opacity: 1; } + +.toggle-drop { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: -10px; z-index: 9; } + +.toggle-drop-left { left: 0; transform: translateX(0); } + +.toggle-drop-right { left: auto; right: 0; transform: translateX(0); } + +.toggle-drop-top { bottom: 100%; top: auto; margin-bottom: 10px; } + +.toggle-drop.active { margin-top: 0; margin-bottom: 0; } + +@media (max-width: 991px) { .toggle-class-lg { position: static; margin-top: 0; display: block; visibility: visible; opacity: 1; } + .toggle-wrap-nav { width: 100%; display: flex; } + .toggle-wrap-nav .toggle-class-lg { margin-left: 20px; flex-grow: 1; } + .toggle-wrap-nav .toggle-class-lg .drop-list { max-width: 100%; } } + +.drop-wrap { position: relative; } + +.drop-list { min-width: 160px; max-width: 160px; background: #fff; padding: 10px 0; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); } + +.drop-list a { font-size: 13px; line-height: 18px; color: #223b55; padding: 7px 20px; display: block; position: relative; } + +.drop-list a .badge { margin-left: 5px; position: relative; top: -1px; } + +.tc-light:not(.btn) .drop-list a { color: #223b55; } + +.drop-list a:hover { color: #16a1ff; } + +.drop-list-xs { min-width: 60px; max-width: 60px; } + +.drop-list-xs a { padding: 7px 8px; } + +.drop-list-mb { min-width: 80px; max-width: 80px; } + +.drop-list-mb a { padding: 7px 14px; } + +.drop-list-sm { min-width: 110px; max-width: 110px; } + +.drop-list-full { min-width: 100%; max-width: 100%; } + +.drop-list-center { text-align: center; } + +.breadcumb { margin: 0 -13px; } + +.breadcumb li { display: inline-block; padding: 0 15px; font-size: .75rem; line-height: 18px; position: relative; color: #223b55; } + +.breadcumb li:not(:last-child):after { position: absolute; top: 0; right: -3px; content: '-'; line-height: 18px; color: #16a1ff !important; } + +.breadcumb li a { color: #16a1ff !important; } + +.breadcumb li a:hover:not([class]) { color: #2b56f5 !important; } + +.preloader { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; } + +.preloader:before, .preloader:after { position: absolute; left: 0; height: 51%; width: 100%; transition: all .6s ease; background: #fff; content: ''; } + +.preloader:before { top: 0; } + +.page-loaded .preloader:before { transform: translate(0, -100%); } + +.preloader:after { bottom: 0; } + +.page-loaded .preloader:after { transform: translate(0, 100%); } + +.preloader.no-default { background-color: #3221ad; } + +.page-loaded .preloader.no-default:before, .page-loaded .preloader.no-default:after { transform: translate(0, 0); } + +.preloader.no-default:before, .preloader.no-default:after { position: absolute; top: 0; left: 0; height: 100%; transition: all .6s; background-color: #3221ad; } + +.preloader-alt:after, .preloader-alt:before { background: #3e2bc5; } + +.page-loaded .preloader.no-split:before, .page-loaded .preloader.no-split:after { transform: translate(0, 0); } + +.spinner { display: block; position: relative; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; z-index: 1001; } + +.spinner-round { border-radius: 50%; border: 2px solid transparent; border-top-color: #16a1ff; animation: spin 2s linear infinite; } + +.spinner-round:before, .spinner-round:after { content: ""; position: absolute; border-radius: 50%; border: 3px solid transparent; } + +.spinner-round:before { top: 5px; left: 5px; right: 5px; bottom: 5px; border-top-color: #2b56f5; animation: spin 3s linear infinite; } + +.spinner-round:after { top: 15px; left: 15px; right: 15px; bottom: 15px; border-top-color: #3221ad; animation: spin 1.5s linear infinite; } + +.spinner-alt { border-radius: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; } + +.spinner-alt:after, .spinner-alt:before { content: ""; position: absolute; border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; } + +.spinner-alt:before { border: 1px solid rgba(255, 255, 255, 0.1); } + +.spinner-alt:after { border: 1px solid; border-top-color: #fff; border-right-color: transparent; border-left-width: 0; border-bottom-width: 0; animation: spin 1.5s linear infinite; } + +.spinner-alt.load-done { transition: all .4s; transform: scale(3); opacity: 0; border-color: transparent; } + +.spinner-alt.load-done:after, .spinner-alt.load-done:before { opacity: 0; } + +.spinner-alt.spinner-light { border: 1px solid rgba(10, 16, 21, 0.1); } + +.spinner-alt.spinner-light:after { border-top-color: #0a1015; } + +.spinner-brand { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100px; } + +@keyframes spin { 0% { -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); } } + +.text-zoom { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; text-transform: uppercase; font-weight: 700; height: 100px; width: 100px; } + +.text-item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } + +.text-item:nth-child(2) > * { animation-delay: 1s; } + +.text-item:nth-child(3) > * { animation-delay: 2s; } + +.text-item:nth-child(4) > * { animation-delay: 3s; } + +.text-item:nth-child(5) > * { animation-delay: 4s; } + +.text-item:nth-child(6) > * { animation-delay: 5s; } + +.text-item:nth-child(7) > * { animation-delay: 6s; } + +.text-item:nth-child(8) > * { animation-delay: 7s; } + +.text-item:nth-child(9) > * { animation-delay: 8s; } + +.text-small, .text-large { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; opacity: 0; } + +.text-small { color: #97afd5; z-index: 2; font-size: 60px; animation: textzoom9 9s linear infinite; } + +.text-large { color: #19243e; z-index: 0; font-size: 120px; animation: textzoom9l 9s linear infinite; } + +@keyframes textzoom9 { 0% { transform: translate(-50%, -50%) scale(0); + opacity: 0; } + 6% { transform: translate(-50%, -50%) scale(1); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.3); + opacity: 0; } } + +@keyframes textzoom9l { 0% { transform: translate(-50%, -50%) scale(0.2); + opacity: 0; } + 8% { transform: translate(-50%, -50%) scale(1.2); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.7); + opacity: 0; } } + +.modal-dialog-bottom { display: flex; align-items: flex-end; min-height: calc(100% - (.5rem * 2)); } + +.modal.fade .modal-dialog-bottom { -webkit-transform: translate(0, 25%); transform: translate(0, 25%); } + +.modal.show .modal-dialog-bottom { -webkit-transform: translate(0, -30px); transform: translate(0, -30px); } + +.modal-content { background: none; border: none; margin-left: auto; margin-right: auto; width: auto; max-width: 100%; } + +.modal-body { background: #fff; border-radius: 6px; } + +.modal-close { position: absolute; cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 39px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #223b55; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(34, 59, 85, 0.2); } + +.mfp-close-btn-in .mfp-close { cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 37px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #223b55 !important; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(34, 59, 85, 0.2); transition: all .4s; } + +.mfp-close-btn-in .mfp-close:hover { text-decoration: none; color: #16a1ff !important; } + +.tc-light .mfp-close-btn-in .mfp-close:hover { color: #16a1ff !important; } + +.image-popup .mfp-close { cursor: pointer; top: 22px; right: -18px; } + +.owl-nav { margin: 0 -10px 0; padding-top: 40px; } + +.carousel-nav-s1 .owl-nav { padding-top: 0px; } + +.carousel-nav-center .owl-nav { display: flex; justify-content: center; } + +.owl-nav button { border: 1px solid #8284a5 !important; border-radius: 50% !important; height: 40px; width: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 0 10px; transition: all .4s; } + +.carousel-nav-s1 .owl-nav button { border-width: 0 !important; margin: 0; } + +.owl-nav button:focus { box-shadow: none; outline: none; } + +.owl-nav button.disabled { opacity: 0.4; } + +.owl-nav button:after { font-family: "themify"; font-size: 1rem; } + +.carousel-nav-s1 .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.carousel-nav-light .owl-nav { color: #fff; } + +.owl-prev:after { content: '\e64a'; } + +.owl-rtl .owl-prev:after { content: '\e649'; } + +.carousel-nav-s1 .owl-prev:after { content: '\f060'; } + +.carousel-nav-s1.owl-rtl .owl-prev:after { content: '\f061'; } + +.owl-next:after { content: '\e649'; } + +.owl-rtl .owl-next:after { content: '\e64a'; } + +.carousel-nav-s1 .owl-next:after { content: '\f061'; } + +.carousel-nav-s1.owl-rtl .owl-next:after { content: '\f060'; } + +.owl-dot { height: 6px; width: 12px; border-radius: 3px; display: inline-block; margin: 0 4px; transition: all .4s ease; background: rgba(22, 161, 255, 0.3) !important; } + +.owl-dot.active { background: rgba(22, 161, 255, 0.8) !important; width: 20px; } + +.owl-dot:focus { outline: none; } + +.owl-dots { text-align: center; } + +.carousel-shadow-fix .owl-stage-outer { margin: 0 -30px; margin-top: -20px; padding-left: 40px; } + +.carousel-shadow-fix.feature-carousel-center .owl-stage-outer { padding-left: 30px; } + +.carousel-shadow-fix.owl-rtl .owl-stage-outer { padding-left: 0; padding-right: 30px; } + +.carousel-shadow-fix .owl-item { padding: 20px 0 40px; } + +.carousel-shadow-fix .owl-item > div { transition: all .4s; opacity: 0; } + +.carousel-shadow-fix .owl-item.active > div { opacity: 1; } + +.carousel-shadow-fix .owl-item:not(.active) [class*='shadow'] { box-shadow: none !important; } + +.carousel-shadow-fix .owl-item .feature { margin-bottom: 0; } + +.ovm-line { position: relative; width: 64%; max-width: 1280px; height: 100%; margin-left: auto; margin-right: auto; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } + +.ovm-line:before, .ovm-line:after { position: absolute; content: ''; height: 100%; top: 0; left: 50%; transform: translateX(-50%); } + +.ovm-line:before { width: 1px; background: rgba(255, 255, 255, 0.05); } + +@media (min-width: 992px) { .ovm-line:after { width: 50%; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.nk-circle-animation { height: 300px; width: 300px; z-index: 1; } + +.nk-circle-animation + * { position: relative; z-index: 1; } + +.nk-circle-animation:before, .nk-circle-animation:after { position: absolute; content: ''; border: 4px solid rgba(130, 132, 165, 0.3); border-radius: 50%; } + +.nk-circle-animation:before { top: 0; left: 0; bottom: 0; right: 0; border-top-color: #16a1ff; border-right-color: #16a1ff; animation: rotatecw 30s linear infinite 0s; } + +.nk-circle-animation:after { top: 25px; left: 25px; bottom: 25px; right: 25px; border-top-color: #16a1ff; border-bottom-color: #16a1ff; animation: rotateacw 24s linear infinite 0s; } + +.nk-circle-animation.small:before, .nk-circle-animation.small:after { border-width: 2px; } + +.nk-circle-animation.fast:before { animation: rotatecw 15s linear infinite 0s; } + +.nk-circle-animation.fast:after { animation: rotateacw 10s linear infinite 0s; } + +.nk-circle-animation.white:before { border-top-color: #fff; border-right-color: #fff; } + +.nk-circle-animation.white:after { border-top-color: #fff; border-bottom-color: #fff; } + +.nk-circle-animation.accent-alt:before { border-top-color: #2b56f5; border-right-color: #2b56f5; } + +.nk-circle-animation.accent-alt:after { border-top-color: #2b56f5; border-bottom-color: #2b56f5; } + +.nk-circle-pk { position: relative; height: 565px; width: 640px; } + +.nk-circle-pk [class*="line"] { position: absolute; top: 0; border-radius: 50%; border: 1px solid rgba(22, 161, 255, 0.2); height: 100%; width: calc(100% - 80px); } + +.nk-circle-pk .line-1 { left: 0; } + +.nk-circle-pk .line-2 { left: 20px; } + +.nk-circle-pk .line-3 { left: 45px; } + +.nk-circle-pk .line-4 { left: 65px; } + +.token-status .nk-circle-pk { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } + +@media (min-width: 576px) { .nk-circle-animation { height: 500px; width: 500px; overflow: hidden; } + .nk-circle-animation:after { top: 45px; left: 45px; bottom: 45px; right: 45px; } + .nk-circle-animation.small { height: 400px; width: 400px; } + .nk-circle-animation.small:after { top: 35px; left: 35px; bottom: 35px; right: 35px; } } + +@media (min-width: 992px) { .token-status .nk-circle-pk { display: block; } + .icon-bg { margin-right: 20px; } + .has-rtl .icon-bg { margin-right: 0px; margin-left: 20px; } } + +.circle-animation { position: absolute; height: 700px; width: 700px; top: -75px; left: 50%; transform: translateX(-50%); } + +.circle-animation .ca { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid rgba(34, 59, 85, 0.15); } + +.tc-light .circle-animation .ca { border-color: rgba(255, 255, 255, 0.1); } + +.circle-animation .ca-dot { position: absolute; height: 12px; width: 12px; border-radius: 50%; } + +.circle-animation .ca-color-1 { background: #86cfff; } + +.circle-animation .ca-color-2 { background: #859fff; } + +.circle-animation .ca-color-3 { background: #93a6ba; } + +.circle-animation-l1 { height: 100%; width: 100%; animation: rotatecw_alt 78s linear infinite 0s; } + +.circle-animation-l1-d1 { left: 23%; top: 6.35%; } + +.circle-animation-l1-d2 { right: 23%; top: 6.35%; } + +.circle-animation-l1-d3 { right: -7px; top: 50%; } + +.circle-animation-l1-d4 { right: 23%; bottom: 6.35%; } + +.circle-animation-l1-d5 { left: 23%; bottom: 6.35%; } + +.circle-animation-l1-d6 { left: -7px; top: 50%; } + +.circle-animation-l2 { height: 84.6%; width: 84.6%; border-radius: 50%; animation: rotateacw_alt 66s linear infinite 0s; } + +.circle-animation-l2-d1 { right: 4.9%; top: 25%; } + +.circle-animation-l2-d2 { left: 42%; top: -.6%; } + +.circle-animation-l2-d3 { left: -2px; top: 40%; } + +.circle-animation-l2-d4 { left: 24%; bottom: 5.5%; } + +.circle-animation-l2-d5 { right: 11.2%; bottom: 16%; } + +.circle-animation-l3 { height: 69.2%; width: 69.2%; animation: rotatecw_alt 54s linear infinite 0s; } + +.circle-animation-l3-d1 { left: 7.6%; top: 20%; } + +.circle-animation-l3-d2 { right: 24%; top: 5.2%; } + +.circle-animation-l3-d3 { right: -3px; bottom: 39%; } + +.circle-animation-l3-d4 { right: 37%; bottom: 0; } + +.circle-animation-l3-d5 { left: 8.4%; bottom: 19%; } + +@keyframes rotatecw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(360deg); } } + +@keyframes rotateacw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(-360deg); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.social li { text-align: center; display: inline-block; padding: 0 3px; } + +.social li:first-child { padding-left: 0; } + +.social li a { display: inline-flex; align-items: center; transition: all 0.3s; width: auto; } + +.social li a:hover { opacity: 1; transform: translateX(0); } + +.social li a:hover .social-icon { background: #2b56f5; color: #fff; } + +.tc-light .social li a:hover .social-icon { background: #16a1ff; } + +.social li a:hover .social-icon + span { color: #fff; } + +.social-icon { width: 32px; height: 32px; line-height: 32px; border-radius: 50%; transition: 0.3s; color: #fff; background: #16a1ff; } + +.tc-light .social-icon { color: #fff; background: rgba(255, 255, 255, 0.15); } + +.social-icon-transparent { background: transparent; } + +.tc-light .social-icon-transparent { background: transparent; } + +.social-icon + span { display: none; margin-left: 8px; font-weight: 600; text-transform: uppercase; font-size: 12px; color: #16a1ff; transition: all 0.3s; } + +.social-bar { display: flex; flex-wrap: wrap; } + +.social-bar li { flex-grow: 1; text-align: center; line-height: 30px; } + +.social-bar li:not(:last-child) { border-right: 1px solid #f0f5fc; } + +.social-bar li span { font-size: 14px; text-transform: uppercase; } + +.social-bar li a, .social-bar li span { display: block; padding: 7px 10px; } + +.social-bar-title { width: 100%; border-bottom: 1px solid #f0f5fc; } + +@media (min-width: 576px) { .social-icon + span { display: inline-block; } + .social-bar li a, .social-bar li span { padding: 20px; } + .social-bar-title { width: auto; border-bottom: none; } } + +@media (min-width: 992px) { .social-bar li a { font-size: 20px; } + .social-bar li a, .social-bar li span { padding: 40px 20px; } } + +.language-switcher .toggle-tigger { color: #223b55; position: relative; } + +.is-transparent:not(.has-fixed) .header-logo .language-switcher .toggle-tigger { color: #fff; } + +.language-switcher .toggle-tigger:not(.btn) { padding: 8px 15px 8px 10px; } + +.language-switcher .toggle-tigger:not(.btn):after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.language-switcher-s1 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s2 .toggle-tigger:after { right: 14px; } + +.language-switcher-s2 .toggle-tigger:not(.btn) { padding: 3px 26px 3px 16px; } + +.language-switcher-s3 { border-left: 1px solid rgba(255, 255, 255, 0.15); text-transform: uppercase; font-size: .88rem; margin-left: 15px; } + +.language-switcher-s3 .toggle-tigger:not(.btn) { padding: 2px 20px 2px 15px; } + +.language-switcher-s4 { position: relative; } + +@media (min-width: 992px) { .language-switcher-s4:after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; content: ''; background: rgba(255, 255, 255, 0.15); } } + +.language-switcher-s4 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s5 .toggle-tigger { font-size: 12px; font-weight: 500; text-transform: uppercase; } + +.language-flag { width: 24px; margin: 3px 8px 3px 0; } + +.language-flag-lg { width: 36px; } + +.gfx { max-width: 400px; } + +.gfx-auto { margin-left: auto; margin-right: auto; } + +.gfx-inherit { max-width: 420px; } + +.gfx-md { max-width: 380px; } + +@media (min-width: 768px) { .gfx { max-width: 500px; } + .gfx-inherit { max-width: 420px; } + .gfx-md { max-width: 380px; } } + +@media (min-width: 992px) { .gfx-re-s1 { margin: 0 -230px 0 0; } } + +@media (min-width: 1600px) { .gfx-re-lgl { margin-left: -188px; } + .gfx-re-lg { margin: 0 -168px 0 42px; } } + +@media (min-width: 1900px) { .gfx-re-lgl { margin-left: -315px; } + .gfx-re-lgr { margin-right: -315px; } + .gfx-re-mdl { margin-left: -230px; } + .gfx-re-lg { margin: 0 -200px 0 42px; } } + +.piller-one, .piller-two { position: absolute; z-index: -1; } + +.piller-one { width: 250px; top: 20%; right: 100%; margin-right: 65px; } + +.piller-two { width: 200px; left: 100%; top: 50%; margin-left: 40px; } + +.gfx-round-bg { min-width: 300px; min-height: 300px; background: #eff6ff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } + +.gfx-round-bg.after:after { position: absolute; content: ""; left: 44px; top: 0; width: 100%; height: 100%; border: 1px solid #2b56f5; border-radius: 50%; } + +@media (min-width: 768px) { .gfx-round-bg { min-width: 400px; min-height: 400px; } } + +@media (min-width: 1200px) { .gfx-round-bg { min-width: 480px; min-height: 480px; } } + +@media (min-width: 1600px) { .gfx-round-bg { min-width: 600px; min-height: 600px; } } + +@media (min-width: 1900px) { .gfx-round-bg { min-width: 660px; min-height: 660px; } + .gfx-round-bg-md { min-width: 557px; min-height: 557px; } } + +/** 04. Components */ +/** 04.01 Tab */ +.tab-nav li a { display: block; padding: 12px 12px; line-height: 19px; font-weight: 400; color: rgba(34, 59, 85, 0.6); border-bottom: 1px solid rgba(219, 228, 247, 0.5); transition: all .4s; } + +.tab-nav li a:hover, .tab-nav li a.active { color: #3e2bc5; } + +.tab-nav li a .fas, .tab-nav li a .far { margin-right: 10px; } + +.tab-nav-sap { flex-grow: 1; height: 2px; background: rgba(122, 92, 255, 0.4); align-self: center; margin: 0 -7px; } + +.tc-light .tab-nav-sap { background: rgba(122, 92, 255, 0.4); } + +.tab-nav-vr { display: block; } + +.tab-nav-vr li:not(:last-child) a { border-bottom: 1px solid rgba(219, 228, 247, 0.5); } + +.tab-nav-vr li:last-child a { border: none; } + +.tab-nav-vr li a { padding: 18px 20px; } + +.tc-light .tab-nav-vr li:not(:last-child) a { border-color: rgba(255, 255, 255, 0.07); } + +.tab-nav-s2 { margin: 0 -15px 15px; } + +.tab-nav-s2 li { padding: 0 15px; } + +.tab-nav-s2 li a { font-size: 18px; letter-spacing: 0.01em; text-transform: uppercase; padding: 12px 5px; border-bottom-color: transparent; } + +.tc-light .tab-nav-s2 li a { color: rgba(255, 255, 255, 0.5) !important; } + +.tab-nav-s2 li a:hover, .tab-nav-s2 li a.active { color: #16a1ff; border-bottom-color: #16a1ff; } + +.tab-nav-s2 li a .fas, .tab-nav-s2 li a .far { margin-right: 10px; } + +.tab-nav-s3 li a { border: none !important; border-radius: 3px; cursor: pointer; padding: 28px 30px; } + +.tab-nav-s3 li a [class*=title] { color: #12183a; transition: all .4s; } + +.tc-light .tab-nav-s3 li a [class*=title] { color: #fff; } + +.tab-nav-s3 li a p { color: #223b55; line-height: 1.6; } + +.tc-light .tab-nav-s3 li a p { color: #8284a5; } + +.tab-nav-s3 li a.active { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); background: #fff; cursor: default; } + +.tab-nav-s3 li a.active [class*=title] { color: #16a1ff; } + +.tc-light .tab-nav-s3 li a.active { background: #3e2bc5; } + +.bg-theme-alt .tab-nav-s3 li a.active { background: #3221ad; } + +.tab-nav-s4 { border: none; padding: 5px; border-radius: 30px; display: inline-block; } + +.tab-nav-s4 li { display: inline-block; } + +.tab-nav-s4 li a { border: none; line-height: 24px; background: transparent; font-weight: 600; color: #fff; font-size: 11px; padding: 10px 22px; border-radius: 25px; font-weight: 600; display: inline-block; } + +.tab-nav-s4 li a.active { color: #3221ad !important; background: #fff; } + +.tc-light .tab-nav-s4 li a.active:hover { color: tab_nav_s4_active_color !important; } + +.tc-light .tab-nav-s4 li a:hover { color: #fff !important; } + +.tab-nav-center { justify-content: center; } + +.tab-nav-bdr { border: 1px solid #dbe4f7; border-radius: 5px; } + +.tc-light .tab-nav-bdr { border-color: rgba(255, 255, 255, 0.07); background: rgba(255, 255, 255, 0.02); } + +.tab-nav-line { margin-bottom: 20px; border-bottom: 2px solid rgba(219, 228, 247, 0.5); text-align: center; justify-content: center; } + +.tab-nav-line li a { border-bottom: none; position: relative; } + +.tab-nav-line li a:after { position: absolute; width: 100%; height: 2px; left: 0; bottom: -2px; content: ''; background: #16a1ff; opacity: 0; transition: all .4s; } + +.tab-nav-line li a:hover, .tab-nav-line li a.active { color: #16a1ff; } + +.tab-nav-line li a.active:after { opacity: 1; } + +.tc-light .tab-nav-line { border-bottom-color: rgba(219, 228, 247, 0.5); } + +.tc-light .tab-nav li a:after { background: #16a1ff; } + +.tc-light .tab-nav li a:hover, .tc-light .tab-nav li a.active { color: #16a1ff !important; } + +.tab-nav-btn { margin: -7px -7px 8px; } + +.tab-nav-btn li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn li a { border-radius: 3px; color: #223b55; background: rgba(22, 161, 255, 0.05); border-color: transparent; padding: 10px 18px; } + +.tc-light .tab-nav-btn li a { color: #223b55; background: rgba(255, 255, 255, 0.1); border-color: transparent; } + +.tab-nav-btn li a:hover, .tab-nav-btn li a.active { color: #16a1ff !important; background: rgba(22, 161, 255, 0.1); } + +.tc-light .tab-nav-btn li a:hover, .tc-light .tab-nav-btn li a.active { color: #16a1ff !important; background: rgba(22, 161, 255, 0.1); } + +.tab-nav-btn-s2 li a:hover, .tab-nav-btn-s2 li a.active { color: #fff !important; background: #16a1ff; } + +.tc-light .tab-nav-btn-s2 li a:hover, .tc-light .tab-nav-btn-s2 li a.active { color: #16a1ff !important; background: rgba(50, 33, 173, 0.1); } + +.tab-nav-btn-bdr { margin: -7px; } + +.tab-nav-btn-bdr li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr li a { border-radius: 3px; color: #223b55 !important; background: transparent; border: 1px solid !important; border-color: #223b55 !important; } + +.tc-light .tab-nav-btn-bdr li a { color: #fff !important; background: transparent; border-color: rgba(122, 92, 255, 0.4) !important; } + +.tab-nav-btn-bdr li a:hover, .tab-nav-btn-bdr li a.active { color: #16a1ff !important; background: transparent; border-color: #16a1ff !important; } + +.tc-light .tab-nav-btn-bdr li a:hover, .tc-light .tab-nav-btn-bdr li a.active { color: #16a1ff !important; background: transparent; border-color: #16a1ff !important; } + +.tab-nav-btn-bdr-s2 { margin: -7px; } + +.tab-nav-btn-bdr-s2 li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr-s2 li a { text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; font-size: .88rem; padding: 14px 22px; border-radius: 6px; color: #223b55 !important; background: transparent; border: 2px solid !important; border-color: rgba(122, 92, 255, 0.4) !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a { color: #fff !important; background: transparent; border-color: rgba(122, 92, 255, 0.4) !important; } + +.tab-nav-btn-bdr-s2 li a:hover, .tab-nav-btn-bdr-s2 li a.active { color: #16a1ff !important; background: transparent; border-color: #16a1ff !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a:hover, .tc-light .tab-nav-btn-bdr-s2 li a.active { color: #16a1ff !important; background: transparent; border-color: #16a1ff !important; } + +.tab-nav-grad li a { position: relative; } + +.tc-light .tab-nav-grad li a { background: rgba(255, 255, 255, 0.1); } + +.tab-nav-grad li a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: -1; border-radius: 3px; background: linear-gradient(-45deg, #3221ad 0%, #3e2bc5 100%); opacity: 0; transition: all .4s; } + +.tc-light .tab-nav-grad li a:before { background: linear-gradient(-45deg, #16a1ff 0%, #2b56f5 100%) !important; } + +.tab-nav-grad li a:hover, .tab-nav-grad li a.active { color: #fff !important; background: transparent; } + +.tab-nav-grad li a:hover:before, .tab-nav-grad li a.active:before { opacity: 1; } + +.tc-light .tab-nav-grad li a:hover, .tc-light .tab-nav-grad li a.active { color: #fff !important; } + +.tab-pane { padding: 10px 0 0; } + +@media (min-width: 576px) { .tab-nav-line > li { flex-grow: 1; } + .tab-nav-s4 li a { font-size: 14px; padding: 13px 25px; } } + +/** 04.02 Accordion */ +.accordion-item { transition: all .4s; padding-bottom: 8px; } + +.accordion-item:not(:last-child) { border-bottom: 1px solid #dbe4f7; } + +.tc-light .accordion-item:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item:not(:last-child) { border-color: rgba(22, 161, 255, 0.3); } + +.accordion-item-s2 { border-width: 2px !important; border: 2px solid #dbe4f7; border-radius: 6px; } + +.tc-light .accordion-item-s2 { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2 { border-color: rgba(22, 161, 255, 0.3); } + +.accordion-item-s2.current { border-color: rgba(22, 161, 255, 0.5) !important; } + +.tc-light .accordion-item-s2.current { border-color: #16a1ff !important; } + +.accordion-item-s2:not(:last-child) { margin-bottom: 15px; } + +.tc-light .accordion-item-s2:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2:not(:last-child) { border-color: rgba(22, 161, 255, 0.3); } + +.accordion-item-s3 { border: none !important; border-radius: 6px; background: #fff; box-shadow: 0px 4px 6px 0px rgba(50, 33, 173, 0.07); } + +.bg-theme .accordion-item-s3, .tc-light .accordion-item-s3 { background: rgba(255, 255, 255, 0.05); box-shadow: none; } + +.has-bg-image .accordion-item-s3 { background: rgba(22, 11, 109, 0.7); box-shadow: none; } + +.accordion-item-s3:not(:last-child) { margin-bottom: 30px; } + +.accordion-item-s4 { background: rgba(50, 33, 173, 0.09); } + +.accordion-item-s4.current { background: rgba(50, 33, 173, 0.05); } + +.accordion-title { position: relative; color: #223b55; font-weight: 400; cursor: pointer; padding: 22px 54px 14px 0; margin-bottom: 0; } + +.accordion-item-s2 .accordion-title { padding: 25px 54px 17px 30px; } + +.accordion-item-s3 .accordion-title { padding: 20px 54px 12px 30px; } + +.accordion-item-s4 .accordion-title { padding: 16px 54px 8px 30px; } + +.tc-light .accordion-title { color: #16a1ff; } + +.accordion-title-sm { font-size: 16px; } + +.accordion-title.collapsed { color: #223b55; transition: all .4s; } + +.tc-light .accordion-title.collapsed { color: #fff; } + +.tc-light .accordion-title.collapsed:hover { color: #16a1ff; } + +.accordion-title.collapsed:hover { color: #223b55; } + +.accordion-title.collapsed .accordion-icon:before { opacity: 0; } + +.accordion-title.collapsed .accordion-icon:after { opacity: 1; } + +.accordion-title.collapsed .accordion-icon-s2:after { transform: rotate(-180deg); } + +.accordion-icon { position: absolute; top: calc(50% + 4px); transform: translateY(-50%); right: 0; height: 36px; width: 36px; border-radius: 50%; background: #eff6ff; } + +.current .accordion-icon { background: #eff6ff; } + +.accordion-icon:before, .accordion-icon:after { line-height: 36px; color: #3e2bc5; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; text-align: center; transition: all .4s; } + +.current .accordion-icon:before, .current .accordion-icon:after { color: #3e2bc5; } + +.accordion-icon:before { content: '\f068'; opacity: 1; } + +.accordion-icon:after { content: '\f067'; opacity: 0; } + +.accordion-icon-s2 { background: #eff6ff; } + +.accordion-icon-s2:after { font-family: "themify"; content: '\e648'; opacity: 1 !important; } + +.accordion-icon-s2:before { display: none; } + +.accordion-item-s2 .accordion-icon { right: 12px; } + +.accordion-item-s3 .accordion-icon { right: 18px; } + +.accordion-item-s4 .accordion-icon { right: 12px; } + +.tc-light .accordion-icon { background: rgba(22, 161, 255, 0.1); } + +.tc-light .accordion-icon:after, .tc-light .accordion-icon:before { color: #16a1ff; } + +.accordion-content { padding-bottom: 12px; padding-right: 46px; } + +.accordion-content p:last-child { margin-bottom: 0; } + +.accordion-item-s2 .accordion-content, .accordion-item-s3 .accordion-content, .accordion-item-s4 .accordion-content { padding-left: 30px; } + +.accordion-item-s4 .accordion-content { padding-bottom: 6px; } + +.accordion-faq { margin-top: -15px; } + +.accordion-header { padding: 20px; } + +.accordion-header p { margin-bottom: 0; } + +.accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: none; } + +.accordion-body { padding: 0 20px 30px; } + +.accordion-box:not(:last-child) { margin-bottom: 40px; } + +.border-b-none { border-bottom: 0px !important; } + +@media (min-width: 576px) { .accordion-title-sm { font-size: 18px; } + .accordion-header { padding: 20px 40px; } + .accordion-header p { margin-bottom: 0; } + .accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: block; } + .accordion-body { padding: 0 40px 40px; } } + +/** 04.03 Blocks */ +.nk-block { display: block; width: 100%; position: relative; z-index: 1; } + +.nk-block ~ .nk-block { padding-top: 40px; } + +.nk-block ~ .nk-block-team-list { padding-top: 60px; } + +.nk-block + .hr { margin-top: 40px; margin-bottom: 40px; } + +.section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + +.nk-block-lg + .nk-block { padding-top: 60px; } + +.nk-block-zero + .nk-block { padding-top: 0 !important; } + +.nk-block-text-head { padding-bottom: 35px; } + +.nk-block-img { position: relative; } + +.nk-block-img-plx { position: absolute; } + +.nk-block-img-s1 { position: relative; z-index: 99; margin-top: -71px; padding: 30px 50px; background: #fff; border-radius: 60px 60px 60px 200px; box-shadow: 0 15px 30px rgba(50, 33, 173, 0.1); } + +.nk-block-img-s2 img { max-width: 400px; width: 100%; } + +.nk-block-img-s3 img { max-width: 300px; width: 100%; } + +.nk-block-screen { padding: 70px 50px 100px 0; } + +.nk-block-screen img { border-radius: 3px; border: 1px solid #dfeaf8; } + +.nk-block-screen-small { position: absolute; right: 0; bottom: 0; max-width: 210px; } + +.nk-block-video { position: relative; border-radius: 4px; } + +.nk-block-ca { padding: 70px 20px; } + +.nk-block-plx { width: 300px; padding: 30px 10px; margin-left: auto; margin-right: auto; } + +.nk-block-contact-s1 { padding: 110px 0; position: relative; display: flex; align-items: center; justify-content: center; background: url(../images/dot-c.png) no-repeat; background-size: contain; background-position: 50% 50%; } + +.nk-block-m30, .nk-block-team-list, .nk-block-features { margin-bottom: -30px; } + +.nk-block-m40 { margin-bottom: -40px; } + +.nk-block-m50 { margin-bottom: -50px; } + +.nk-block .pagination { margin-top: 10px; } + +.nk-block-status + .nk-block-actions { padding-top: 80px; padding-bottom: 40px; } + +.nk-block-note { position: relative; background: rgba(0, 0, 0, 0.2); border-radius: 6px; margin-top: 40px; padding: 20px 25px 20px 65px; } + +.nk-block-note-s2 { background: rgba(130, 132, 165, 0.25); } + +.nk-block-note .icon { position: absolute; left: 15px; top: 50%; font-size: 30px; color: #16a1ff; transform: translateY(-50%); } + +.nk-block-shade { position: absolute; left: -120px; bottom: 65px; width: 100%; height: calc(100% - 130px); border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); opacity: .10; transform: skew(9deg); } + +.nk-block-shade:after { position: absolute; left: 50px; bottom: 50px; width: 100%; height: 100%; content: ''; border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.nk-block-shape-s1 { position: relative; z-index: 2; padding-top: 80px; padding-bottom: 100px; background: #3221ad; } + +.nk-block-shape-s1:before, .nk-block-shape-s1:after { position: absolute; top: 0; height: 100%; content: ''; z-index: -1; background: #3221ad; } + +.nk-block-shape-s1:before { left: -190px; width: 320px; border-radius: 100px 0 0 100px; transform: skew(9deg); } + +.nk-block-shape-s1:after { right: -280px; width: 370px; border-radius: 0 100px 100px 0; transform: skew(-7deg); } + +.nk-block-shape-s1.bg-theme-alt { background: #3e2bc5; } + +.nk-block-shape-s1.bg-theme-alt:before, .nk-block-shape-s1.bg-theme-alt:after { background: #3e2bc5; } + +.nk-block-shape-s1.bg-theme-dark { background: #160b6d; } + +.nk-block-shape-s1.bg-theme-dark:before, .nk-block-shape-s1.bg-theme-dark:after { background: #160b6d; } + +.nk-block-shape-s1.bg-theme-dark-alt { background: #1d0e8a; } + +.nk-block-shape-s1.bg-theme-dark-alt:before, .nk-block-shape-s1.bg-theme-dark-alt:after { background: #1d0e8a; } + +.nk-block-header { padding-top: 30px; padding-bottom: 30px; } + +.plx-screen { width: 80px; bottom: 0; left: 0; } + +.plx-circle-s1 { width: 80px; top: 10px; left: -5px; z-index: -1; animation: ani_cicle 4s infinite linear; } + +.plx-polygon-s1 { width: 70px; bottom: 15px; left: 40px; transform-origin: center; animation: ani_round 20s infinite linear; } + +.plx-triangle-s1 { width: 80px; bottom: 0; right: 0; animation: ani_round 30s infinite reverse linear; } + +@keyframes ani_round { 0% { transform: translate(0, 0) rotate(0deg); } + 25% { transform: translate(10px, 15px) rotate(90deg); } + 50% { transform: translate(0, 0) rotate(180deg); } + 75% { transform: translate(-10px, -15px) rotate(270deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +@keyframes ani_cicle { 0% { transform: translate(0, 0) rotate(0deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +.img-block-dot { background-image: url(../images/dot-a.png); background-position: top center; padding: 50px 0; margin-top: -40px; } + +@media (min-width: 576px) { .nk-block-screen { padding: 0 50px 100px 0; } + .nk-block-team-list { margin-bottom: -50px; } } + +@media (min-width: 576px) { .nk-block ~ .nk-block { padding-top: 60px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-lg + .nk-block { padding-top: 80px; } + .nk-block-ca { padding: 90px 20px; } + .nk-block-plx { padding: 60px; width: 100%; } + .nk-block-contact-s1 { padding: 180px 0; } + .nk-block-img-s1 { padding: 40px 70px; } + .nk-block-note { margin-top: 40px; padding: 20px 65px 20px 75px; } + .nk-block-note .icon { left: 20px; } + .nk-block-shape-s1 { padding-top: 150px; padding-right: 40px; padding-bottom: 150px; } + .plx-screen { width: 130px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 140px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 95px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 768px) { .nk-block-img-s2 img { max-width: 100%; } + .nk-block-ca { padding: 60px; } + .nk-block-plx { padding: 60px; } + .plx-screen { width: 160px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 160px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 125px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 992px) { .nk-block ~ .nk-block { padding-top: 100px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-status + .nk-block-actions { padding-top: 70px; padding-bottom: 40px; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-sm + .nk-block { padding-top: 70px; } + .nk-block-lg + .nk-block { padding-top: 100px; } + .nk-block-img-s1 { margin-right: -71px; } + .nk-block-img.edge-r1 { margin-right: -160px; } + .nk-block-img.edge-l1 { margin-left: -160px; } + .nk-block-img.edge-r2 { margin-right: -360px; } + .nk-block-img.edge-l2 { margin-left: -360px; } + .nk-block-img.edge-r3 { margin-right: -500px; } + .nk-block-img.edge-l3 { margin-left: -500px; } + .nk-block .pagination { margin-top: 30px; } } + +@media (min-width: 1200px) { .nk-block-lg + .nk-block { padding-top: 130px; } } + +.app-slide-wrap { position: relative; width: 230px; margin: 15px auto; } + +.app-slide-wrap:after { position: absolute; height: calc(100% + 80px); width: calc(100% + 96px); top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; background-image: url(../images/light-ix.png); } + +.app-slide img { border-radius: 4px; } + +/** 04.04 Box */ +.card { padding: 20px; background: #fff; border: none; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.02); } + +.card.card-s3 { padding: 30px 20px; } + +.card-full { height: calc(100% - 30px); } + +.card-full-lg { height: calc(100% - 80px); } + +.card.feature-s8 { padding: 35px 25px; } + +.card-s2 { padding: 55px 30px 110px; box-shadow: 0px 5px 46px rgba(62, 43, 197, 0.14); } + +.card-lg-y { box-shadow: 0px 20px 60px rgba(18, 24, 58, 0.1); } + +.card-s3 { box-shadow: 0px 5px 18px rgba(34, 59, 85, 0.2); } + +@media (min-width: 576px) { .card { padding: 30px; } + .card.card-s3 { padding: 30px; } + .card-md { padding: 40px 30px; } + .card-lg { padding: 45px 40px; } + .card.feature-s8 { padding: 45px 30px; } + .card-s2 { padding: 55px 30px 110px; } + .card-lg-y { padding: 70px 30px; } + .card-lg-xy { padding: 70px 55px; } } + +/** 04.05 Banner */ +.nk-banner { display: block; width: 100%; z-index: 5; position: relative; } + +.banner { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } + +.is-transparent .banner { padding-top: 60px; } + +.has-mask .banner { padding-bottom: 75px; } + +.has-mask .banner-page { padding-bottom: 40px; } + +.has-mask .banner-mask-fix { padding-bottom: 40px !important; } + +.has-mask .banner-inner { padding-bottom: 125px; } + +.header-banner-angled .banner { padding-bottom: 540px; } + +.header-banner-angled-s2 .banner { padding-bottom: 498px; } + +.banner-screen { position: absolute !important; z-index: 0 !important; left: 50%; right: 0; bottom: -8px; width: 320px; transform: translateX(-50%); } + +.banner-wrap { width: 100%; } + +.banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } + +.banner-gfx { position: relative; margin: -15px 0; } + +.banner-gfx-auto { margin: 0 auto !important; } + +.banner-gfx-re-s4 { margin: 0 -95px; } + +.banner-gfx-icon { position: absolute; width: 4.2%; top: 32%; } + +.banner-gfx-icon-1 { left: 43.75%; animation: jumping 1s linear 0s infinite alternate; } + +.banner-gfx-icon-2 { right: 40.25%; animation: jumping 1s linear .5s infinite alternate; } + +.banner-gfx-s2 { max-width: 280px; margin: 0 auto; } + +.banner-fs { min-height: calc(100vh - 90px); } + +.is-transparent .banner-fs { min-height: 100vh; } + +.banner-gap-b1 { padding-bottom: 50px; } + +.has-mask .banner-gap-b1 { padding-bottom: 75px; } + +.banner-gap-b2 { padding-bottom: 75px; } + +.has-mask .banner-gap-b2 { padding-bottom: 125px; } + +.banner-gap-b3 { padding-bottom: 75px; } + +.has-mask .banner-gap-b3 { padding-bottom: 120px; } + +.banner-gap-b4 { padding-bottom: 340px; } + +.has-mask .banner-gap-b4 { padding-bottom: 360px; } + +.banner-page .banner-wrap { padding: 40px 0; } + +.is-transparent .banner-page .banner-wrap { padding-top: 20px; } + +.banner-page .breadcumb { padding-top: 10px; } + +.banner-page-md { min-height: 340px; } + +.banner-page-lg { min-height: 460px; } + +.banner-caption:not([class*=wide]) { max-width: 720px; margin-left: auto; margin-right: auto; } + +.banner > .nk-block { position: relative; z-index: 2; } + +.banner-social { background: rgba(255, 255, 255, 0.2); border-radius: 25px; padding: 0px 20px; display: inline-block; } + +.banner-social-wrap { margin-top: 30px; } + +.banner-social li { padding: 13px 8px; display: inline-block; } + +.banner-social li a { color: #fff; text-align: center; line-height: 24px; width: 24px; display: block; } + +.banner-social li a:hover { opacity: .5; outline: none; transform: translateY(-3px); } + +.banner-with-token-box-s1 .banner-wrap { padding-bottom: 175px; } + +.banner-s1-overlay { position: relative; overflow: hidden; } + +.banner-s1-overlay:before, .banner-s1-overlay:after { position: absolute; content: ''; width: 875px; height: 300%; bottom: -100%; transform: rotate(-45deg); background: rgba(255, 255, 255, 0.02); z-index: -1; } + +.banner-s1-overlay:before { left: 50%; margin-left: -130px; } + +.banner-s1-overlay:after { right: 50%; margin-right: -110px; } + +.banner-s1 .title-xs { margin-bottom: 1.14rem; } + +.banner-inner { min-height: 500px; } + +@keyframes jumping { 0% { transform: translateY(5px); } + 100% { transform: translateY(-25px); } } + +.cpn { padding-top: 30px; padding-bottom: 30px; } + +.cpn-head, .cpn-action, .cpn-text { margin-top: 20px; } + +.cpn > *:first-child { margin-top: 0; } + +.cpn-head .title { font-size: 1.75rem; line-height: 1.5; } + +.cpn-head .title-lg { line-height: 1.3; font-weight: 700; } + +.cpn-text { font-weight: 300; font-size: 1.1rem; line-height: 1.8; margin-bottom: 25px; color: #6a7894; } + +.tc-light .cpn-text { color: #8284a5; } + +.cpn-text p { color: inherit !important; font-size: inherit !important; } + +.cpn-text-center { margin-left: auto; margin-right: auto; } + +.cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } + +.cpn-text .lead, .cpn-text .lead-light { font-size: 1.25rem; font-weight: 400; line-height: 1.7; } + +.cpn-text .lead-s2 { font-size: 1.25rem; font-weight: 300; line-height: 1.7; } + +.cpn-text .lead-s3 { font-size: 1.3rem !important; font-weight: 300; line-height: 1.7; } + +.cpn-text-light .lead, .cpn-text-light .lead-light { font-weight: 300; } + +.cpn-links { padding-top: 20px; margin-top: -10px; margin-bottom: -10px; margin-left: -15px; margin-right: -15px; } + +.cpn-action .cpn-links { padding-top: 0; } + +.cpn-links li { display: inline-block; padding: 10px 15px; font-weight: 500; } + +.cpn-links-s1 { display: flex; justify-content: space-around; align-items: center; padding: 0 50px; } + +.cpn-btns + .cpn-links { padding-top: 20px; } + +.cpn-links + .cpn-btns { padding-top: 20px; } + +.cpn-boxed { padding: 20px; background: rgba(22, 11, 109, 0.6); } + +.cpn-boxed:not([class*='radius']) { border-radius: 6px; } + +.cpn-social { margin-top: 30px; } + +@media (max-width: 575px) { .cpn-title .title { font-size: 1.75rem; line-height: 1.5; } } + +@media (min-width: 576px) { .banner-gap-b3 { padding-bottom: 120px; } + .has-mask .banner-gap-b3 { padding-bottom: 160px; } + .banner-screen { bottom: -40px; width: 100%; } + .banner-screen-right { bottom: -70px; width: 360px; } + .banner-fs .banner-wrap { padding-top: 70px; padding-bottom: 70px; } } + +@media (min-width: 768px) { .banner-gfx-re-s2 { margin: -50px 0 0; } + .has-mask .banner { padding-bottom: 160px; } + .has-mask .banner-page { padding-bottom: 80px; } + .banner-gap-b1 { padding-bottom: 75px; } + .has-mask .banner-gap-b1 { padding-bottom: 125px; } + .banner-gap-b2 { padding-bottom: 125px; } + .has-mask .banner-gap-b2 { padding-bottom: 200px; } + .banner-gap-b4 { padding-bottom: 340px; } + .has-mask .banner-gap-b4 { padding-bottom: 360px; } + .banner-page .banner-wrap { padding: 80px 0; } + .is-transparent .banner-page .banner-wrap { padding-top: 60px; } + .banner-page-md { min-height: 400px; } + .banner-page-lg { min-height: 580px; } + .banner-social-wrap { margin-top: 0; } + .banner-social-vertical { right: 60px; top: 50%; transform: translateY(-50%); position: absolute; z-index: 3; padding: 20px 0; margin-top: -30px; } + .banner-social-vertical li { display: block; padding: 8px 13px; } + .banner-with-token-box-s1.banner-fs { min-height: 92vh; } + .banner-with-token-box-s1 .banner-wrap { padding-bottom: 40px; } + .cpn-text, .cpn-action { margin-top: 20px; } + .cpn-text { margin-bottom: 15px; } + .cpn-btns { padding-top: 10px; } + .cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } } + +@media (min-width: 992px) { .is-transparent .banner { padding-top: 75px; } + .banner-gfx-re-s1 { margin: 0 -80px 0 -180px; } + .banner-gfx-re-s2 { margin: -50px -280px 0 -110px; } + .banner-gfx-re-s3 { margin: 0 -150px 0 -35px; } + .banner-gfx-re-s5 { margin: 0 -305px 0 0; } + .has-mask .banner { padding-bottom: 180px; } + .has-mask .banner-page { padding-bottom: 100px; } + .banner-gap-b3 { padding-bottom: 200px; } + .has-mask .banner-gap-b3 { padding-bottom: 220px; } + .banner-gap-b4 { padding-bottom: 60px; } + .has-mask .banner-gap-b4 { padding-bottom: 80px; } + .banner-screen-right { bottom: -45px; width: 100%; } + .has-mask .banner-pd-lg { padding-bottom: 225px; padding-top: 65px; } + .banner-inner { min-height: 600px; } + .cpn { max-width: 90%; } + .banner-page .cpn { max-width: 100%; } + .cpn-head, .cpn-action, .cpn-text { margin-top: 30px; } + .banner-s1 .cpn-head { margin-top: 0; } + .cpn-text { margin-bottom: 25px; max-width: 90%; } + .banner-s1 .cpn-text { margin-top: 20px; margin-bottom: 6px; } + .banner-s2 .cpn-text { margin-top: 20px; } + .cpn-text-s1 { margin-top: 20px; margin-bottom: 12px; } + .cpn-text-s2 { max-width: 100% !important; } + .cpn-text-s3 { margin-top: 10px; } + .cpn-btns, .cpn-links { padding-top: 20px; } + .cpn-action .cpn-btns, .cpn-action .cpn-links { padding-top: 0; } + .cpn-btns + .cpn-links { padding-top: 20px; } + .cpn-links + .cpn-btns { padding-top: 20px; } + .cpn-head .title { font-size: 2.125rem; } + .cpn-head .title-sm { font-size: 1.85rem; } + .cpn-head .title-md { font-size: 2.6rem; } + .cpn-head .title-lg { font-size: 4rem; } + .cpn-head .title-lg-s2 { font-size: 3rem; } + .cpn-head .title-lg-s3 { font-size: 2rem; } + .cpn-boxed { padding: 35px; } + .cpn-social { margin-top: 50px; } + .cpn-s2 { margin-top: -122px !important; padding-top: 0; } } + +@media (min-width: 1200px) { .banner-gfx-re-s1 { margin: 0 -380px 0 -180px; } + .banner-gfx-re-s2 { margin: 0 -330px 0 -110px; } + .banner-gfx-re-s5 { margin: 0 -515px 0 0; } + .banner-gfx-re-s7 { margin: 140px -505px -183px -290px; } + .banner-gfx-re-s7 + .abs-center { right: 15px; transform: translateY(-50%); left: auto; } + .banner-gap-b3 { padding-bottom: 290px; } + .has-mask .banner-gap-b3 { padding-bottom: 320px; } + .banner-screen-right { bottom: -90px; } + .banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } } + +@media (min-width: 1600px) { .banner-caption:not([class*=wide]) { max-width: 1080px; } + .banner-gfx-re-s2 { margin: -100px -480px 0 -110px; } + .banner-fs-lg { min-height: calc(100vh - 100px); } + .has-mask .banner-pd-lg { padding-bottom: 295px; padding-top: 65px; } + .cpn-head .title-lg-s3 { font-size: 3rem; } } + +@media (max-width: 991px) and (orientation: landscape) { .banner-gfx { margin-left: auto; margin-right: auto; max-width: 390px; } } + +@media (max-width: 767px) and (orientation: landscape) { .banner-gfx { max-width: 320px; } } + +@media (min-width: 992px) and (max-width: 1200px) and (orientation: portrait) { .banner-fs { min-height: calc(65vh - 90px); } + .is-transparent .banner-fs { min-height: 60vh; } } + +@media (max-width: 420px) { .cpn-btns .btn:not(.btn-with-icon) { font-size: 11px; padding: 8px 16px; } } + +.banner-y-pd { padding-top: 100px !important; padding-bottom: 124px !important; } + +.gfx-screen { position: absolute; top: 5px; left: 44px; width: calc(100% - 91px); height: calc(100% - 25px); } + +.gfx-screen .owl-stage-outer, .gfx-screen .owl-stage, .gfx-screen .owl-item, .gfx-screen .slides { height: 100%; width: 100%; border-radius: 6px; } + +.gfx-screen .flex-control-nav { position: absolute; right: -45px; top: 50%; transform: translateY(-50%); width: auto; height: fit-content; } + +.gfx-screen .flex-control-nav li { display: block; } + +.gfx-screen .flex-control-nav li a { width: 8px; height: 8px; border-radius: 50%; margin: 10px; box-shadow: none; border-radius: 50%; background: #cedaeb !important; } + +.gfx-screen .flex-control-nav li a.flex-active { background: #2b56f5 !important; } + +.gfx-slide, .gfx-slide-item { height: 100%; } + +.gfx-slide img { border-top-right-radius: 10px; border-top-left-radius: 10px; } + +.gfx-slide-item { width: 100%; } + +@media (min-width: 400px) { .gfx-screen { top: 8px; left: 57px; width: calc(100% - 117px); height: calc(100% - 35px); } + .gfx-screen .flex-control-nav { right: -46px; } + .banner-gfx-s2 { max-width: 350px; } } + +@media (min-width: 576px) { .gfx-screen { left: 63px; width: calc(100% - 130px); } + .gfx-screen .flex-control-nav { right: -53px; } + .banner-gfx-s2 { max-width: 100%; } } + +@media (min-width: 768px) { .gfx-screen { top: 9px; left: 73px; width: calc(100% - 150px); height: calc(100% - 44px); } + .gfx-screen .flex-control-nav { right: -65px; } } + +@media (min-width: 1200px) { .gfx-screen { top: 18px; left: 106px; width: calc(100% - 220px); height: calc(100% - 66px); } + .gfx-screen .flex-control-nav { right: -100px; } } + +@media (min-width: 1600px) { .gfx-screen { left: 135px; width: calc(100% - 279px); height: calc(100% - 81px); } + .gfx-screen .flex-control-nav { right: -128px; } } + +/** 04.06 Head */ +.section-head { position: relative; } + +.section-head:not([class*=pdb]) { padding-bottom: 40px; } + +.section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + +.section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + +.section-head p { color: #223b55; } + +.tc-light .section-head p { color: #6a7894; } + +.section-head.tc-light p { color: #6a7894; } + +.section-head .title { font-weight: 500; } + +.section-head .title-thin { font-weight: 300; } + +.section-head .title:not(:last-child) { margin-bottom: .75rem; } + +.section-head .title-xs:not(:last-child) { margin-bottom: .5rem; } + +.section-head .title:before { position: absolute; left: 50%; top: 50%; content: attr(title); font-family: "Poppins", sans-serif; line-height: .9; text-transform: uppercase; white-space: nowrap; color: #223b55; transform: translate(-50%, -50%); opacity: 0.06; } + +.tc-light .section-head .title:before { opacity: 0.06; } + +.section-head .title-s4 { text-transform: uppercase; padding: 30px 0; margin-bottom: 0; opacity: 1; position: relative; } + +.section-head .title-s4.title:before { font-size: 120px !important; font-weight: 700; } + +.section-head-s2 .title:before { font-size: 48px; background-image: linear-gradient(180deg, #223b55 0%, #6a7894 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.firefox .section-head-s2 .title:before { -webkit-text-fill-color: #000; } + +.firefox .tc-light .section-head-s2 .title:before { -webkit-text-fill-color: #fff; } + +.section-head-s3 { position: relative; } + +.section-head-s3:after, .section-head-s3:before { position: absolute; left: 50%; height: 1px; width: 110px; content: ""; transform: rotate(-45deg); z-index: -1; opacity: .4; } + +.section-head-s3:before { top: 60px; margin-left: -80px; background: #2b56f5; } + +.tc-light .section-head-s3:before { background: #2b56f5; } + +.section-head-s3:after { top: 5px; margin-left: -50px; background: #16a1ff; } + +.tc-light .section-head-s3:after { background: #16a1ff; } + +.section-head-line { position: absolute; height: 60px; width: 60px; left: 50%; top: 10px; opacity: .2; border-radius: 50%; background: transparent; transform: rotate(45deg) translate(-50%, 0); } + +.section-head-line .line-1, .section-head-line .line-2, .section-head-line .line-3, .section-head-line .line-4, .section-head-line .line-5, .section-head-line .line-6, .section-head-line .line-7, .section-head-line .line-8 { position: absolute; content: ""; border-radius: 50%; background: transparent; border-top: 1px solid #16a1ff; border-left: 1px solid #16a1ff; } + +.section-head-line .line-1 { top: -15px; left: -15px; height: 90px; width: 90px; } + +.section-head-line .line-2 { top: -30px; left: -30px; height: 120px; width: 120px; } + +.section-head-line .line-3 { top: -45px; left: -45px; height: 150px; width: 150px; } + +.section-head-line .line-4 { top: -60px; left: -60px; height: 180px; width: 180px; } + +.section-head-line .line-5 { top: -75px; left: -75px; height: 210px; width: 210px; } + +.section-head-line .line-6 { top: -90px; left: -90px; height: 240px; width: 240px; } + +.section-head-line .line-7 { top: -105px; left: -105px; height: 270px; width: 270px; } + +.section-head-line .line-8 { top: -120px; left: -120px; height: 300px; width: 300px; } + +@media (min-width: 576px) { .section-head:not([class*=pdb]) { padding-bottom: 50px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + .section-head .title:not(:last-child) { margin-bottom: 1.25rem; } + .section-head .title-xs:not(:last-child) { margin-bottom: .75rem; } + .section-head-s2 .title:before { font-size: 64px; } } + +@media (min-width: 992px) { .section-head:not([class*=pdb]) { padding-bottom: 60px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 40px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-s2 .title:before { font-size: 90px; } + .section-head-s2 .title-xl:before { font-size: 124px; } } + +.t-cap { text-transform: capitalize !important; } + +/** 04.07 Features */ +.feature { margin-bottom: 30px; display: block; } + +.feature-download { margin-bottom: 0; } + +.feature.card { height: calc(100% - 30px); } + +.feature-group .feature { margin-bottom: 0; } + +.feature-group { border-radius: 6px; } + +.feature-icon { position: relative; width: 60px; margin-bottom: 15px; flex-shrink: 0; margin-right: 12px; } + +.feature-icon-md { width: 40px; } + +.feature-icon-md-s2 { width: 80px; } + +.feature-icon-xl { width: 120px; } + +.feature-icon.dot:before { position: absolute; bottom: 0; right: 0; content: ''; height: 30px; width: 30px; border-radius: 50%; background: rgba(22, 161, 255, 0.5); z-index: 4; } + +.tc-light .feature-icon .icon { color: #16a1ff; } + +.feature-icon .icon { position: relative; font-size: 3.75rem; color: #3e2bc5; z-index: 5; margin-left: -5px; } + +.feature-icon .icon.icon-circle { margin-left: 0; } + +.feature-icon .icon-xs { font-size: 1rem; } + +.feature-icon .icon-md { font-size: 2.75rem; } + +.feature-icon .icon-rg { font-size: 4.35rem; } + +.feature-icon .icon-lg { font-size: 5.75rem; } + +.feature-icon .icon-lg-s2 { font-size: 5rem; padding-top: 15px; } + +.feature-icon .icon-xl { font-size: 9rem; } + +.feature-icon .icon-grd { background-image: linear-gradient(-45deg, #16a1ff 0%, #2b56f5 80%, #2b56f5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.feature-icon .icon-circle { position: relative; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #2b56f5; border-radius: 50%; background-image: linear-gradient(-45deg, #16a1ff 0%, #2b56f5 80%, #2b56f5 100%); } + +.feature-icon .icon-circle:after { position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; content: ''; border-radius: 50%; background: #fff; z-index: -1; } + +.bg-theme .feature-icon .icon-circle:after { background: #3221ad; } + +.bg-theme-alt .feature-icon .icon-circle:after { background: #3e2bc5; } + +.bg-theme-dark .feature-icon .icon-circle:after { background: #160b6d; } + +.bg-theme-dark-alt .feature-icon .icon-circle:after { background: #1d0e8a; } + +.feature-icon-s1 { text-align: center; margin-left: 10px; margin-bottom: 40px; } + +.feature-icon-s1:after { position: absolute; content: ""; left: 50%; top: 50%; width: 62px; height: 62px; border: 2px solid rgba(62, 43, 197, 0.2); transform: translate(-50%, -50%) rotate(45deg); border-radius: 8px; } + +.tc-light .feature-icon-s1:after { border: 2px solid rgba(62, 43, 197, 0.8); } + +.feature-icon-s1 .icon { margin-left: 0; line-height: 48px; } + +.feature-icon-s5 { width: 60px; height: 60px; text-align: center; line-height: 63px; border-radius: 50%; margin-bottom: 0; } + +.feature-icon-s5 .icon { font-size: 1rem; width: 40px; height: 40px; background: #fff; line-height: 40px; border-radius: 50%; text-align: center; border: 1px solid; border-color: currentColor; margin-left: 0; } + +.tc-light .feature-icon-s5 .icon { border-width: 0; } + +.feature-icon-s5-1 { background: rgba(62, 43, 197, 0.2); } + +.tc-light .feature-icon-s5-1 { background: rgba(62, 43, 197, 0.6); } + +.feature-icon-s5-1 .icon { color: #3e2bc5; background: linear-gradient(-90deg, #fff 0%, #bbb4ef 100%); } + +.tc-light .feature-icon-s5-1 .icon { color: #3e2bc5; } + +.feature-icon-s5-2 { background: rgba(43, 86, 245, 0.2); } + +.tc-light .feature-icon-s5-2 { background: rgba(43, 86, 245, 0.4); } + +.feature-icon-s5-2 .icon { color: #2b56f5; background: linear-gradient(-90deg, #fff 0%, #d5defd 100%); } + +.tc-light .feature-icon-s5-2 .icon { color: #2b56f5; } + +.feature-icon-s5-3 { background: rgba(22, 161, 255, 0.2); } + +.tc-light .feature-icon-s5-3 { background: rgba(22, 161, 255, 0.4); } + +.feature-icon-s5-3 .icon { color: #16a1ff; background: linear-gradient(-90deg, #fff 0%, #c9e9ff 100%); } + +.tc-light .feature-icon-s5-3 .icon { color: #16a1ff; } + +.feature-icon-s5-4 { background: rgba(230, 96, 74, 0.2); } + +.tc-light .feature-icon-s5-4 { background: rgba(230, 96, 74, 0.4); } + +.feature-icon-s5-4 .icon { color: #e97460; background: linear-gradient(-90deg, #fff 0%, #fceae7 100%); } + +.tc-light .feature-icon-s5-4 .icon { color: #e97460; } + +.feature-icon-s6 { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(to right, #16a1ff 0%, #2b56f5 100%); text-align: center; line-height: 60px; } + +.feature-icon-s6 .icon { font-size: 40px; color: #fff; opacity: 0.8; line-height: 60px; margin-left: 0; } + +.tc-light .feature-icon-s6 .icon { color: #fff; } + +.feature-icon-s6-bg { width: 60px; height: 60px; border-radius: 50%; background: rgba(22, 161, 255, 0.2); text-align: center; line-height: 60px; } + +.feature-icon-s6-bg .icon { font-size: 40px; color: #16a1ff; line-height: 60px; margin: 0 auto; } + +.feature-icon-s7 { width: 65px; height: 65px; border-radius: 50%; text-align: center; line-height: 65px; background: #16a1ff; } + +.feature-icon-s7 .icon { font-size: 30px; margin-left: 0; line-height: inherit; color: #fff; } + +.tc-light .feature-icon-s7 .icon { color: #fff; } + +.feature-icon-s8 { width: 90%; } + +.text-center .feature-icon-s8 { margin-left: auto; margin-right: auto; } + +.feature-icon-auto { width: auto; } + +.feature-icon-lg { width: 160px; margin-top: -15px; margin-bottom: 5px !important; } + +.feature-icon-lg-s1 { width: 110px; margin-top: -10px; margin-bottom: 5px !important; } + +.feature-icon-lg-s2 { width: 130px; margin-top: -12px; margin-bottom: 5px !important; } + +.feature-icon-lg-s3 { width: 95px; margin-top: -8px; margin-bottom: 20px !important; } + +.feature-icon-lg + .feature-text-s8 { padding-top: 25px; } + +.feature-icon-sm { width: 60px; } + +.feature-icon-bg { margin: 0; position: absolute; right: -15px; bottom: -15px; width: 121px; height: 121px; margin: 0; background: rgba(22, 161, 255, 0.15); border-radius: 50%; box-shadow: 0px 0px 0px 10px rgba(22, 161, 255, 0.06); text-align: center; line-height: 104px; } + +.feature-icon-bg img { max-width: 60px; } + +.feature-icon-bg-grd { background-position: center center; background-size: contain; min-height: 135px; min-width: 230px; text-align: center; display: flex; align-items: center; justify-content: center; } + +.feature-icon-bg-grd-s1 { background-image: url(../../images/icons/icon-bg-a.png); } + +.feature-icon-bg-grd-s1 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s2 { background-image: url(../../images/icons/icon-bg-a2.png); } + +.feature-icon-bg-grd-s2 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s3 { background-image: url(../../images/icons/icon-bg-a3.png); } + +.feature-icon-bg-grd-s3 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-inline { display: flex; } + +.feature-inline.card { flex-direction: row; } + +.feature-middle { align-items: center; } + +.feature-middle .feature-icon { margin-bottom: 0; margin-right: 15px; display: inline-flex; align-items: center; } + +.feature-img { border-radius: 4px; } + +.feature-image { padding-bottom: 15px; } + +.feature-image img { height: 55px; width: auto !important; } + +.feature-center .feature-image img { margin-left: auto; margin-right: auto; } + +.feature-text p:last-child { margin-bottom: 0; } + +.feature-text-s8 .title-s5 { margin-bottom: 20px; } + +.feature-text-s1 .title-xs-alt { color: #223b55; line-height: 1.4; display: inline-block; } + +.feature-center { text-align: center; } + +.feature-center .feature-icon { margin-left: auto; margin-right: auto; } + +.feature-center .feature-icon .icon { margin-left: 0; } + +.feature-s1 { display: flex; margin-bottom: 0; align-items: center; padding-right: 20px; } + +.feature-s1.boxed { height: 100%; border-radius: 4px; } + +.feature-s1.bordered { border: 2px solid rgba(62, 43, 197, 0.2); } + +.feature-s1-1.bordered { border-color: rgba(62, 43, 197, 0.2); } + +.feature-s1-2.bordered { border-color: rgba(43, 86, 245, 0.2); } + +.feature-s1-3.bordered { border-color: rgba(22, 161, 255, 0.2); } + +.feature-s1-4.bordered { border-color: rgba(230, 96, 74, 0.2); } + +.feature-s3 { margin-bottom: 0; } + +.feature-s3.card { padding: 30px 30px 40px; margin-bottom: 0; height: 100%; } + +.feature-s3-alt { position: relative; padding: 0; padding-bottom: 25px !important; } + +.feature-s3-alt .title-md { margin-bottom: 0.6rem; } + +.feature-s3-alt:not(:last-child):before { position: absolute; content: ""; left: 30px; top: 20px; width: 1px; background: #16a1ff; height: 100%; } + +.feature-s4 .title { padding-top: 15px; } + +.feature-s6 { margin-bottom: 0; } + +.feature-s7 { margin-bottom: 50px; } + +.feature-s8.card { height: calc(100% - 40px); } + +.feature-s8-alt { padding-top: 50px; margin-top: 50px; } + +.feature-s8-alt .feature-icon { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); } + +.feature-s8-alt.card { height: calc(100% - 90px); } + +.feature-s10 { padding: 30px 30px 30px 25px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); } + +.feature-s10-left { margin-right: 20px; padding-bottom: 60px; } + +.feature-s10-right { margin-left: 20px; margin-top: -35px; } + +.feature-s10 .title-sm { margin-bottom: 1.2rem; } + +.feature-s11 { flex-wrap: wrap; align-items: flex-start; margin-bottom: 0; } + +.feature-s11 .list { margin-left: 20px; } + +.feature-s12 { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; } + +.feature-slider-dots { display: flex; justify-content: center; margin-bottom: 40px; } + +.feature-slider-dot { position: relative; height: 46px; width: 46px; flex-grow: 0; flex-shrink: 0; border-radius: 4px; padding: 5px; text-align: center; background: #a992ea; cursor: pointer; color: #6a55ea; box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15); transition: all .4s ease; margin: 0 8px; border: none; } + +.tc-light .feature-slider-dot { background: #9e90f1; } + +.feature-slider-dot:focus, .feature-slider-dot:active { outline: none; } + +.feature-slider-dot.active { background: #6a55ea; } + +.feature-slider-dot:after { position: absolute; top: 50%; left: 100%; height: 2px; content: ''; width: 100%; background: url(../images/line.png) repeat 0 0; z-index: -1; animation: slide 1s linear infinite; } + +.feature-slider-dot:last-child:after { display: none; } + +.feature-slider-dot:nth-child(2) { color: #2bc9b4; background: #def7f3; } + +.tc-light .feature-slider-dot:nth-child(2) { background: #8de7db; } + +.feature-slider-dot:nth-child(2).active { background: #2bc9b4; } + +.feature-slider-dot:nth-child(3) { color: #49adf3; background: #dbeffd; } + +.tc-light .feature-slider-dot:nth-child(3) { background: #9fd4f9; } + +.feature-slider-dot:nth-child(3).active { background: #49adf3; } + +.feature-slider-dot:nth-child(4) { color: #f2801c; background: #fce6d2; } + +.tc-light .feature-slider-dot:nth-child(4) { background: #f9c395; } + +.feature-slider-dot:nth-child(4).active { background: #f2801c; } + +.feature-slider-dot:nth-child(5) { color: #ea64c6; background: #fbe0f4; } + +.tc-light .feature-slider-dot:nth-child(5) { background: #f29edb; } + +.feature-slider-dot:nth-child(5).active { background: #ea64c6; } + +.feature-slider-dot .ikon { font-size: 28px; line-height: 35px; width: 35px; border-radius: 50%; background: #fff; display: block; } + +.feature-slider-dot-s1 { border-radius: 50%; padding: 0; } + +.feature-slider-dot-s1.active:before { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(132, 132, 164, 0.35); animation: 1.5s linear 0s normal none infinite focuse; } + +.feature-slider-dot-s1.active .ikon { background: transparent; color: #fff; } + +.feature-slider-dot-s1 .ikon { line-height: 46px; width: 46px; } + +.feature-document { padding: 0 27px; max-width: 280px; margin-left: auto; margin-right: auto; } + +.feature-document-s2 { margin: 0 0 20px 20px; position: relative; border-radius: 6px; min-height: 140px; padding: 25px 20px 20px 95px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); } + +.tc-light .feature-document-s2 { background: #3e2bc5; } + +.feature-document-img { padding-right: 25px; position: relative; z-index: 1; } + +.feature-document-img-s2 { position: absolute; top: 20px; left: -20px; width: 100px; } + +.feature-document-img-s2 img { border-radius: 4px; } + +.feature-document-img img { border: 2px solid #fff; box-shadow: 0px 0px 12px 0px rgba(22, 161, 255, 0.15); position: relative; z-index: 2; border-radius: 5px; } + +.tc-light .feature-document-img img { border-width: 0; box-shadow: 0px 0px 12px 0px rgba(22, 11, 109, 0.25); } + +.feature-document-img:before { position: absolute; right: 0; content: ''; top: 40px; width: 40px; height: calc(100% - 70px); z-index: 1; background: #fff; box-shadow: 0px 5px 20px 0px rgba(22, 161, 255, 0.07); z-index: -1; } + +.tc-light .feature-document-img:before { background: rgba(22, 161, 255, 0.75); box-shadow: 0px 5px 20px 0px rgba(22, 11, 109, 0.15); } + +.feature-document-text { justify-content: space-between; display: flex; padding-top: 18px; align-items: center; } + +.feature-document-text-s2 { color: #223b55; margin-bottom: 14px; font-weight: 600; } + +.tc-light .feature-document-text-s2 { color: #fff; } + +.feature-document-text .drop-wrap { padding-bottom: 5px; } + +.feature-document-info span { display: block; line-height: 1; font-size: 13px; font-weight: 400; opacity: .5; } + +.feature-document-link { display: block; margin-top: 6px; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; color: #fff; background: #2b56f5; } + +.feature-document-link:hover, .feature-document-link:active, .feature-document-link:focus { background: #16a1ff; color: #fff; } + +.tc-light .feature-document-link:hover, .tc-light .feature-document-link:active, .tc-light .feature-document-link:focus { background: #16a1ff; color: #fff; } + +.feature-document-link-s2 li { display: inline-block; margin: 0 2px 5px; } + +.feature-document-link-s2 li a { padding: 0 10px; display: inline-block; line-height: 21px; border: 2px solid #6a7894; border-radius: 4px; font-size: .86em; font-weight: 500; color: #16a1ff; } + +.tc-light .feature-document-link-s2 li a { color: #6a7894 !important; border: 2px solid #fff; } + +.feature-reverse { flex-direction: row-reverse; text-align: right; } + +.feature-serial { font-size: 100px; font-weight: 700; line-height: normal; color: rgba(18, 24, 58, 0.2); } + +@keyframes focuse { 0% { transform: scale(0.8); + opacity: 1; } + 75% { transform: scale(1.2); + opacity: 0; } + 100% { transform: scale(1.2); + opacity: 0; } } + +@keyframes slide { from { background-position: 0 0; } + to { background-position: 40px 0; } } + +.boxed { padding: 15px 20px; } + +.boxed-xs { padding: 18px; } + +.boxed-sm { padding: 30px 25px; } + +.boxed-lg { padding: 30px 25px; } + +.boxed-xl { padding: 30px 25px; } + +@media (max-width: 575px) { .boxed.contact-form { padding: 20px; } + .feature-icon-s8 img { max-width: 220px; } } + +@media (min-width: 480px) { .feature-s10 { padding: 40px 90px 50px 35px; } + .feature-s10-left { margin-right: 45px; padding-bottom: 90px; } + .feature-s10-right { margin-left: 45px; margin-top: -45px; } + .feature-s11 { flex-wrap: nowrap; } } + +@media (min-width: 576px) { .feature.card { height: calc(100% - 30px); } + .feature-icon { margin-bottom: 20px; margin-right: 20px; } + .card-s3 .feature-icon { margin-right: 30px; } + .feature-sm-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-icon-s1 { margin-bottom: 40px; } + .feature-icon-s5 { margin-bottom: 0; } + .feature-icon-s7 { margin-right: 30px; } + .feature-sm-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-icon-bg { right: -40px; bottom: -40px; } + .has-rtl .feature-icon-bg { right: auto; left: -40px; } + .feature-icon-bg-grd { margin-bottom: 35px; } + .feature-s2 { display: flex; align-items: flex-start; } + .feature-s3 { margin-bottom: 0; padding: 0 30px; } + .feature-s3.card { margin-bottom: 0; height: 100%; } + .feature-s3-alt { padding: 0; } + .feature-s6 { padding-bottom: 145px; } + .feature-s6:before, .feature-s6:after { position: absolute; left: 50%; content: ''; transform: translateX(-50%); } + .feature-s6:before { bottom: 0; width: 2px; height: 95px; background: #dbe4f7; border-radius: 2px; } + .tc-light .feature-s6:before { background: rgba(255, 255, 255, 0.8); } + .feature-s6:after { bottom: 94px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #dbe4f7; background: #16a1ff; } + .tc-light .feature-s6:after { border-color: #fff; } + .feature-s8.card { height: calc(100% - 40px); } + .feature-s8-alt.card { height: calc(100% - 80px); } + .feature-s12 { flex-wrap: nowrap; } + .feature-slider-dot { height: 76px; width: 76px; padding: 10px; margin: 0 20px; } + .feature-slider-dot .ikon { font-size: 38px; line-height: 56px; width: 56px; } + .feature-slider-dot-s1 { padding: 0; } + .feature-slider-dot-s1 .ikon { font-size: 48px; line-height: 76px; width: 76px; } + .feature-sm-reverse { flex-direction: row-reverse; text-align: right; } + .boxed { padding: 40px 50px; } + .boxed-xs { padding: 18px; } + .boxed-sm { padding: 35px 25px; } + .boxed-md { padding: 40px 30px; } + .boxed-lg { padding: 45px 40px; } + .feature-icon-lg-s3 { margin-bottom: 5px !important; } } + +.link-feature-s1 { position: absolute; bottom: -40px; left: 50%; opacity: 0; transform: translate(-50%, 0); } + +.feature:hover .link-feature-s1 { bottom: -25px; opacity: 1; } + +@media (min-width: 768px) { .feature-s10 { padding: 40px 45px 50px 35px; } + .feature-s10-left { margin-right: -22.5px; margin-top: 60px; padding-bottom: 50px; } + .feature-s10-right { margin-left: -22.5px; margin-bottom: 60px; margin-top: 0; } + .feature-carousel-s1 .owl-nav { position: absolute; bottom: 35px; right: 15px; } + .feature-md-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-md-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-md-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (min-width: 992px) { .feature-s6-1 { padding-top: 197px; } + .feature-s6-2 { padding-top: 73px; } + .feature-s6-3 { padding-top: 0; } + .feature-s6-4 { padding-top: 184px; } + .feature-s10 { padding: 40px 240px 50px 50px; } + .feature-s10-left { margin-right: -95px; margin-top: 80px; } + .feature-s10-right { margin-left: -95px; } + .feature-text-s2 { padding: 0 0 0 45px; } + .feature-text-wd p { width: 72%; } + .feature-s11 { margin-top: 15px; margin-bottom: 15px; } + .feature-s12 { align-items: flex-start; } + .feature-lg-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-lg-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-lg-reverse { flex-direction: row-reverse; text-align: right; } + .boxed-xs { padding: 18px; } + .boxed-md { padding: 45px 40px; } + .boxed-lg { padding: 55px 60px; } + .boxed-xl { padding: 65px 60px; } } + +@media (min-width: 1200px) { .feature-text-s2 { padding: 0 65px 0 45px; } + .feature-text-wd p { width: 60%; } + .feature-xl-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-xl-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-xl-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (max-width: 991px) { .feature-icon-s1 { margin: 0 auto 40px; } } + +.feature-icon-btc .icon { color: #ffba00; } + +.feature-icon-eth .icon { color: #6a7aa2; } + +.feature-icon-ltc .icon { color: #adadad; } + +.feature-icon-xrp .icon { color: #2f3135; } + +.feature-icon-dash .icon { color: #1174bc; } + +.feature-icon-monero .icon { color: #ff6600; } + +.feature-currency .title { color: #223b55 !important; } + +.feature-pd-lg { padding: 50px 30px; } + +.owl-item.active .feature { opacity: 0.8 !important; } + +.owl-item.active.center .feature { transition: 0.3s; opacity: 1 !important; } + +.feature-img-xl { max-width: 176px; margin: 0 auto; } + +@media (min-width: 992px) { .feature.center-lg { transform: scale(1.2); } } + +/** 04.08 Roadmap */ +.roadmap { position: relative; z-index: 10; padding-bottom: 30px; } + +.roadmap-carousel .roadmap { padding-bottom: 0; } + +.roadmap-s1:before, .roadmap-s1:after { position: absolute; content: ""; left: -1px; height: 50%; border-left-width: 3px; border-left-style: solid; border-color: #dbe4f7; } + +.tc-light .roadmap-s1:before, .tc-light .roadmap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + +.roadmap-s1:before { height: 45px; top: 0; } + +.flex-row-reverse .roadmap-s1:before { right: auto; } + +.roadmap-s1:after { height: calc(100% - 45px); right: auto; top: 45px; } + +.roadmap-s1-alt:before, .roadmap-s1-alt:after { left: 1px; border-left-width: 1px; border-left-style: dashed; } + +.tc-light .roadmap-s1-alt:before, .tc-light .roadmap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + +.flex-row-reverse .roadmap-s1-alt:before, .flex-row-reverse .roadmap-s1-alt:after { right: auto; left: 1px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-current:before { top: 0; } + +.roadmap-s1-alt.roadmap-done:after, .roadmap-s1-alt.roadmap-current:after { top: 45px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1-alt.roadmap-current:before { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1.roadmap-done:before, .roadmap-s1.roadmap-done:after { border-color: #16a1ff; } + +.roadmap-s1.roadmap-current:before { border-color: #16a1ff; } + +.roadmap-s2 { text-align: center; } + +.roadmap-s2:before, .roadmap-s2:after { position: absolute; content: ''; transition: width .3s; } + +.roadmap-s2:before { width: 0; height: 4px; background: #16a1ff; left: 0; top: 55px; } + +.tc-light .roadmap-s2:before { background: #16a1ff; } + +.roadmap-s2:after { left: 50%; top: 49px; transform: translateX(-50%); height: 16px; width: 16px; border-radius: 50%; border: 3px solid #dbe4f7; background: #fff; } + +.tc-light .roadmap-s2:after { border-color: #5b77a3; background: #3221ad; } + +.roadmap-s2.roadmap-finished:after, .roadmap-s2.roadmap-running:after { background: #16a1ff; border: 2px solid #fff; } + +.tc-light .roadmap-s2.roadmap-finished:after, .tc-light .roadmap-s2.roadmap-running:after { background: #16a1ff; border-color: #fff; } + +.roadmap-s2.roadmap-finished:before { width: 100%; } + +.roadmap-s2.roadmap-running:before { width: 50%; } + +.roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(43, 86, 245, 0.1); } + +.tc-light .roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1); } + +.roadmap-s5 { width: 100%; } + +.roadmap-s5:last-child { padding-bottom: 30px; } + +.roadmap-s6 { padding-top: 65px; margin-top: 15px; } + +.roadmap-s6:before { position: absolute; content: ""; top: 0; left: -6px; width: calc(100% + 30px); height: 1px; z-index: 2; background: #fff; } + +.roadmap-s6:after { position: absolute; content: ""; top: 0; right: 50%; width: 19px; height: 19px; z-index: 3; border: 1px solid #fff; border-radius: 50%; transform: translate(50%, -50%); background: #fff; } + +.tc-light .roadmap-s6:after { background: #3221ad; } + +.roadmap-s6.roadmap-done:after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; line-height: 17px; text-align: center; color: #fff; background: #39d884; } + +.roadmap-s6-1-2:before { background: linear-gradient(90deg, #16a1ff 0%, #2b56f5 100%); } + +.roadmap-s6-1-2:after { border-color: #2b56f5; } + +.roadmap-s6-1-2 .roadmap-head-s6:after { background: #2b56f5; } + +.roadmap-s6-2-1:before { background: linear-gradient(90deg, #2b56f5 0%, #16a1ff 100%); } + +.roadmap-s6-2-1:after { border-color: #16a1ff; } + +.roadmap-s6-2-1 .roadmap-head-s6:after { background: #16a1ff; } + +.roadmap-s6-2-3:before { background: linear-gradient(90deg, #2b56f5 0%, #3e2bc5 100%); } + +.roadmap-s6-2-3:after { border-color: #3e2bc5; } + +.roadmap-s6-2-3 .roadmap-head-s6:after { background: #3e2bc5; } + +.roadmap-s6-3-2:before { background: linear-gradient(90deg, #3e2bc5 0%, #2b56f5 100%); } + +.roadmap-s6-3-2:after { border-color: #2b56f5; } + +.roadmap-s6-3-2 .roadmap-head-s6:after { background: #2b56f5; } + +.roadmap-s6-3-1:before { background: linear-gradient(90deg, #3e2bc5 0%, #16a1ff 100%); } + +.roadmap-s6-3-1:after { border-color: #16a1ff; } + +.roadmap-s6-3-1 .roadmap-head-s6:after { background: #16a1ff; } + +.roadmap-s6-1-3:before { background: linear-gradient(90deg, #16a1ff 0%, #3e2bc5 100%); } + +.roadmap-s6-1-3:after { border-color: #3e2bc5; } + +.roadmap-s6-1-3 .roadmap-head-s6:after { background: #3e2bc5; } + +.roadmap-slider { position: relative; } + +.roadmap-text { max-width: 265px; margin-left: auto; margin-right: auto; } + +.roadmap-wrap { position: relative; padding: 40px 0 10px; margin-bottom: 40px; max-width: 430px; margin-left: auto; margin-right: auto; } + +.nk-block-left .roadmap-wrap { margin-left: 0; margin-right: 0; } + +.roadmap-wrap:before, .roadmap-wrap:after { position: absolute; content: ''; top: 0; bottom: 0; z-index: 7; } + +.roadmap-wrap-ovl-right:after { right: 0; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-light .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(239, 246, 255, 0.8) 25%, #eff6ff 60%, #eff6ff 100%); } + +.bg-light-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(231, 237, 245, 0.8) 25%, #e7edf5 60%, #e7edf5 100%); } + +.bg-white .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-theme .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(50, 33, 173, 0.8) 25%, #3221ad 60%, #3221ad 100%); } + +.bg-theme_alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(62, 43, 197, 0.8) 25%, #3e2bc5 60%, #3e2bc5 100%); } + +.bg-theme-dark .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(22, 11, 109, 0.8) 25%, #160b6d 60%, #160b6d 100%); } + +.bg-theme-dark-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(29, 14, 138, 0.8) 25%, #1d0e8a 60%, #1d0e8a 100%); } + +.roadmap-wrap-s1 { padding-bottom: 0; padding-top: 0; max-width: 90%; } + +.roadmap-wrap-s5 { display: flex; flex-wrap: wrap; padding: 40px 0 0; } + +.roadmap-wrap-s5:before { position: absolute; content: ""; left: 0; width: 1px; height: calc(100% + 30px); background: #16a1ff; } + +.roadmap-line { position: absolute; left: 19px; top: 0; background: #c1cef1; height: 100%; width: 2px; content: ''; z-index: 9; } + +.roadmap-line:after, .roadmap-line:before { position: absolute; background: #c1cef1; height: 10px; width: 10px; border-radius: 50%; content: ''; left: -4px; } + +.roadmap-line:before { top: 0; } + +.roadmap-line:after { bottom: 0; } + +.tc-light .roadmap-line { background: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-line:after, .tc-light .roadmap-line:before { background: #16a1ff; } + +.bg-theme-dark .roadmap-line { background: #3e2bc5; } + +.bg-theme-dark .roadmap-line:after, .bg-theme-dark .roadmap-line:before { background: #16a1ff; } + +.bg-theme .roadmap-line { background: #3e2bc5; } + +.bg-theme .roadmap-line:after, .bg-theme .roadmap-line:before { background: #16a1ff; } + +.roadmap-line-s2 { position: absolute; width: 100%; height: 4px; background: #dbe4f7; content: ''; top: 95px; border-radius: 2px; left: 0; } + +.tc-light .roadmap-line-s2 { background: #5b77a3; } + +.roadmap-line-s3:before, .roadmap-line-s3:after { display: none; } + +.roadmap-year { border-radius: 50%; color: #fff; background: #3221ad; height: 50px; width: 50px; text-align: center; line-height: 50px; font-weight: 700; font-size: 12px; position: relative; left: -5px; } + +.tc-light .roadmap-year { background: #16a1ff; } + +.bg-theme .roadmap-year, .bg-theme-dark .roadmap-year { background: #16a1ff; } + +.roadmap-year-s2 { padding-bottom: 65px; } + +.roadmap-step { border: 2px solid #dbe4f7; border-radius: 5px; position: relative; margin-left: 50px; padding: 20px 20px 15px; position: relative; max-width: 380px; } + +.bg-light .roadmap-step { background: #fff; } + +.roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + +.roadmap-step:before { height: 18px; width: 18px; border-radius: 50%; border: 5px solid #fff; background: #3221ad; left: -41px; top: 34px; z-index: 1; } + +.roadmap-step:after { height: 2px; width: 22px; background: #dbe4f7; left: -22px; top: 42px; } + +.roadmap-step p:last-child { margin-bottom: 0; } + +.roadmap-step-list li:before { background: #223b55; } + +.tc-light .roadmap-step-list li:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-step-list-s1 li { list-style: none; padding: 8px 0; position: relative; } + +.roadmap-step-list-s1 li:after { position: absolute; content: ""; left: 10px; bottom: 0; width: 20px; height: 1px; transform: translateX(-50%); background: currentColor; } + +.roadmap-step-list-s1 li:last-child:after { display: none; } + +.tc-light .roadmap-step { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-step:before { background: #16a1ff; } + +.tc-light .roadmap-step:after { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); } + +.bg-theme .roadmap-step, .bg-theme-dark .roadmap-step { background: #1d0e8a; border-color: #3e2bc5; } + +.bg-theme .roadmap-step:before, .bg-theme-dark .roadmap-step:before { background: #16a1ff; border-color: #3221ad; } + +.bg-theme .roadmap-step:after, .bg-theme-dark .roadmap-step:after { background: #3e2bc5; border-color: #3e2bc5; } + +.bg-theme-dark .roadmap-step:before { border-color: #160b6d; } + +.bg-theme-alt .roadmap-step:before { border-color: #3e2bc5; } + +.bg-light .roadmap-step:before { border-color: #eff6ff; } + +.has-bg-image .roadmap-step:before { border-color: transparent; } + +.roadmap-step-s1 { margin-left: 0; border: none; padding-top: 0; padding-right: 25px; padding-left: 25px; z-index: 1; max-width: 100%; } + +.bg-light .roadmap-step-s1 { background: transparent; } + +.bg-theme .roadmap-step-s1, .bg-theme-dark .roadmap-step-s1, .tc-light .roadmap-step-s1 { background: transparent; } + +.roadmap-step-s1:before { display: none; } + +.roadmap-step-s1:after { width: 38px !important; left: 0 !important; height: 0; top: 49px; z-index: -1; background: none !important; border-top: 1px solid; border-color: #dbe4f7; } + +.roadmap-s1-alt .roadmap-step-s1:after { border-top-style: dashed; } + +.roadmap-step-s3 { margin-left: 0; border: none; padding: 0px 23px 30px; } + +.tc-light .roadmap-step-s3 { background: transparent; } + +.roadmap-step-s3:before { display: none; } + +.roadmap-step-s3:after { height: 60px; left: 50%; width: 2px; top: 75px; } + +.roadmap-step-s5 { margin: 0; background-color: transparent !important; border: none; padding-top: 0; padding-bottom: 0; } + +.roadmap-step-s5:before, .roadmap-step-s5:after { display: none; } + +.roadmap-head { margin-bottom: 10px; padding-right: 35px; position: relative; } + +.roadmap-finished .roadmap-head:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; line-height: 32px; border-radius: 50%; text-align: center; color: #fff; background: #2b56f5; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: .88rem; content: '\f00c'; } + +.roadmap-head-s1 { padding-right: 0; margin-bottom: 0; line-height: 1.6; } + +.roadmap-head-s3 { padding-bottom: 120px; margin-bottom: 0; padding-right: 0; } + +.roadmap-head-s5 { padding: 0; } + +.roadmap-head-s5:after { display: none; } + +.roadmap-head-s6 { padding-left: 0; padding-right: 0; } + +.roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: 50%; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + +.roadmap-time { display: block; color: #3221ad; font-size: 13px; text-transform: uppercase; } + +.tc-light .roadmap-time { color: rgba(255, 255, 255, 0.8); } + +.roadmap-time-s1 { padding-bottom: 27px; line-height: 26px; width: 100%; display: inline-block; font-weight: 700; font-size: 0.81rem; position: relative; color: #8ca2e5; line-height: 25px; } + +.roadmap-time-s1:after, .roadmap-time-s1:before { position: absolute; content: ""; left: -24px; border-radius: 50%; } + +.roadmap-time-s1:after { bottom: -2px; width: 11px; height: 11px; margin-left: -5.5px; margin-top: -5.5px; background: #16a1ff; } + +.tc-light .roadmap-time-s1:after { background: #fff; } + +.roadmap-time-s1:before { bottom: -10px; width: 27px; height: 27px; margin-left: -13.5px; margin-top: -13.5px; } + +.roadmap-done .roadmap-time-s1:before, .roadmap-current .roadmap-time-s1:before { background: rgba(22, 161, 255, 0.23); } + +.tc-light .roadmap-done .roadmap-time-s1:before, .tc-light .roadmap-current .roadmap-time-s1:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-time-s3 { color: #8ca2e5; } + +.roadmap-time-s3:before { position: absolute; left: 50%; transform: translateX(-50%); content: '\f1da'; border-radius: 50%; font-family: "Font Awesome 5 Free"; font-weight: 600; box-shadow: 0px 2px 7px 0px rgba(22, 161, 255, 0.1); top: 32px; background: linear-gradient(-90deg, #fff 0%, #e2f3ff 100%); border: 1px solid rgba(22, 161, 255, 0.2); height: 32px; line-height: 32px; width: 32px; color: #8ca2e5; z-index: 1; font-size: 13px; } + +.tc-light .roadmap-time-s3:before { color: rgba(255, 255, 255, 0.8); background: linear-gradient(-90deg, #3221ad 0%, #3f2bd6 100%); border-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 2px 7px 0px rgba(255, 255, 255, 0.1); } + +.roadmap-done .roadmap-time-s3:before { content: '\f00c'; } + +.roadmap-running .roadmap-time-s3:before { content: '\f021'; } + +.roadmap-s3-1 .roadmap-time-s3:before { content: ''; background: rgba(22, 161, 255, 0.5); border: none; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:before { background: rgba(0, 138, 231, 0.5); } + +.roadmap-s3-1 .roadmap-time-s3:after { position: absolute; left: 50%; top: 40px; transform: translateX(-50%); border-radius: 50%; content: ''; background: #16a1ff; height: 16px; width: 16px; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:after { background: #008ae7; } + +.roadmap-time-s5 { font-weight: 600; text-transform: capitalize; font-size: 1rem; color: #16a1ff; } + +.roadmap-time-s5:not(:last-child) { padding-bottom: 10px; } + +.roadmap-time-s5:after { position: absolute; height: 19px; width: 19px; border: 1px solid #16a1ff; background: #16a1ff; top: 2px; left: -29px; border-radius: 50%; content: ''; } + +.roadmap-finished .roadmap-time-s5:after { background: #eff6ff; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 10px; text-align: center; line-height: 18px; color: #2b56f5; } + +.tc-light .roadmap-finished .roadmap-time-s5:after { color: #2b56f5; background: #3221ad; } + +.roadmap-time-s6 { text-transform: none; } + +.roadmap-title { color: #8ca2e5; font-weight: 700; font-size: 16px; } + +.tc-light .roadmap-title { color: #fff; } + +.roadmap-title-s1 { padding-top: 25px; display: inline-block; font-size: 1rem; font-weight: 500; line-height: 1.6; color: #223b55; } + +.roadmap-title-s2 { position: relative; font-size: 1rem; font-weight: 500; color: #16a1ff; top: -10px; } + +.tc-light .roadmap-title-s2 { color: rgba(255, 255, 255, 0.8); } + +.roadmap-title-s2:before { position: absolute; content: ''; left: -25px; top: 1px; transform: translate(-50%, 0); height: 15px; width: 15px; border-radius: 50%; background: #16a1ff; border: 1px solid #16a1ff; } + +.roadmap-done .roadmap-title-s2:before { height: 19px; width: 19px; font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900; font-size: 9px; line-height: 18px; text-align: center; color: #39d884; background: #fff; } + +.tc-light .roadmap-done .roadmap-title-s2:before { color: #fff; background: #3221ad; } + +.bg-theme .roadmap-done .roadmap-title-s2:before { background: #3221ad; } + +.bg-theme-alt .roadmap-done .roadmap-title-s2:before { background: #3e2bc5; } + +.bg-theme-dark .roadmap-done .roadmap-title-s2:before { background: #160b6d; } + +.bg-theme-dark-alt .roadmap-done .roadmap-title-s2:before { background: #1d0e8a; } + +.roadmap-carousel { padding: 0 40px; } + +.roadmap-carousel:after, .roadmap-carousel:before { position: absolute; height: 12px; width: 12px; border-radius: 50%; content: ''; top: 42px; background: #dbe4f7; } + +.tc-light .roadmap-carousel:after, .tc-light .roadmap-carousel:before { background: #3e2bc5; } + +.roadmap-carousel .owl-nav { position: absolute; left: -30px; top: 23px; font-size: 36px; font-weight: 400; width: calc(100% + 60px); opacity: 0.3; } + +.roadmap-carousel .owl-nav .owl-next { right: -30px; } + +.roadmap-carousel .owl-nav .owl-prev { left: -30px; } + +.roadmap-carousel .owl-nav .owl-next, .roadmap-carousel .owl-nav .owl-prev { top: -30px; position: absolute; z-index: 2; height: 52px; width: 52px; font-size: 36px; line-height: 52px; text-align: center; color: #16a1ff; transform: translateY(50%); } + +.roadmap-carousel:after { right: 0; } + +.roadmap-carousel:before { left: 0; } + +.roadmap-carousel-s2:after, .roadmap-carousel-s2:before { height: 1px; width: 85px; border-radius: 0; top: 15px; z-index: 4; } + +.roadmap-carousel-s2:before { background: linear-gradient(90deg, #e7edf5 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme .roadmap-carousel-s2:before { background: linear-gradient(90deg, #3221ad 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #3e2bc5 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark .roadmap-carousel-s2:before { background: linear-gradient(90deg, #160b6d 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #1d0e8a 0%, rgba(0, 0, 0, 0) 100%); } + +.roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #e7edf5 100%); } + +.bg-theme .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #3221ad 100%); } + +.bg-theme-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #3e2bc5 100%); } + +.bg-theme-dark .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #160b6d 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #1d0e8a 100%); } + +.roadmap-carousel-s2:after { right: 40px; } + +.roadmap-carousel-s2:before { left: 40px; } + +.roadmap-carousel-container { position: relative; } + +.roadmap-carousel-container:before { position: absolute; content: ""; left: 0; top: 47px; width: 100%; height: 2px; background: #dbe4f7; } + +.tc-light .roadmap-carousel-container:before { background: #3e2bc5; } + +.roadmap-carousel-nav-s2 .owl-nav { width: calc(100% + 80px); top: 26px; opacity: 1; } + +.roadmap-carousel-nav-s2 .owl-nav button { border: none !important; } + +.roadmap-carousel-nav-s2 .owl-nav button:after { font-size: 36px; line-height: 52px; color: #dbe4f7; } + +.roadmap-carousel-nav-s2.roadmap-carousel-s2 .owl-nav { top: -7px; left: 0; width: calc(100% + 20px); } + +.roadmap-carousel:not([data-dots="true"]) { margin-bottom: -30px; } + +.roadmap-list { position: relative; padding-top: 15px; } + +.roadmap-list:after { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100vw; height: 1px; content: ''; background: #2b56f5; } + +.roadmap-innr { padding: 0 25px 30px; } + +.roadmap-innr:before { position: absolute; left: 0; height: 100%; width: 1px; content: ''; transform: translateX(-50%); background-image: linear-gradient(to bottom, #16a1ff 0%, #2b56f5 100%); } + +.roadmap-item { position: relative; } + +.roadmap-item:nth-child(even) .roadmap-innr:before { background-image: linear-gradient(to top, #16a1ff 0%, #2b56f5 100%); } + +@media (min-width: 576px) { .roadmap-wrap-ovl-right { max-width: none; margin-right: -200px; } + .roadmap-wrap-ovl-right:after { width: 280px; } + .roadmap-wrap-ovl-right .owl-nav { margin-right: 190px; } } + +@media (min-width: 768px) { .roadmap-s5 { display: flex; text-align: right; } + .roadmap-s5.roadmap-right { justify-content: flex-end; text-align: left; } + .roadmap-s5:not(:last-child) { padding-bottom: 15px; } + .roadmap-wrap-s5 { max-width: 100%; } + .roadmap-wrap-s5:before { top: -30px; left: 50%; margin-left: -0.5px; } + .roadmap-step-s5 { max-width: 50%; padding-left: 30px; padding-right: 30px; } + .roadmap-time-s5:after { left: -39px; } + .roadmap-left .roadmap-time-s5:after { right: -40px; left: auto; } } + +@media (min-width: 992px) { .roadmap { display: flex; } + .roadmap-s1:before, .roadmap-s1:after { top: 41px; height: 0; width: 50%; border-top-width: 3px; border-top-style: solid; border-left-width: 0; } + .roadmap-s1:before { left: 0; } + .flex-row-reverse .roadmap-s1:before { right: 0; left: auto; } + .roadmap-s1:after { left: auto; right: 0; z-index: -1; } + .flex-row-reverse .roadmap-s1:after { right: auto; left: 0; } + .roadmap-s1-alt:before, .roadmap-s1-alt:after { top: 42px; border-top-width: 1px; border-top-style: dashed; } + .roadmap-s1-alt:after { right: 0; } + .roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-done:after { right: 0; left: auto; } + .roadmap-s1-alt.roadmap-current:before { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-current:after { top: 42px; } + .roadmap-s2 { display: block; } + .roadmap-s6 { display: block; } + .roadmap-s6:after { right: -14px; } + .roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: -14px; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + .roadmap-wrap { padding: 40px 0 10px; margin-bottom: 60px; max-width: 100%; } + .roadmap-wrap-ovl-left, .roadmap-wrap-ovl-right { max-width: none; } + .roadmap-wrap-s1 { padding-top: 0; } + .roadmap-wrap-s1:after { position: absolute; width: 15px; height: calc(100% + 3px); border-width: 3px; border-style: solid; border-color: #dbe4f7; top: 41px; } + .tc-light .roadmap-wrap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + .roadmap-wrap-s1-alt:after { height: calc(100% + 1px); border-width: 1px; border-style: dashed; top: 42px; } + .tc-light .roadmap-wrap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + .roadmap-wrap-s1-alt.roadmap-wrap-done:after { height: calc(100% + 3px); border-width: 3px; border-style: solid; top: 41px; } + .roadmap-wrap-s1.roadmap-wrap-done:after { border-color: #16a1ff; } + .roadmap-wrap-s1:nth-child(odd):after { right: -15px; border-radius: 0 20px 20px 0; border-left-width: 0; } + .roadmap-wrap-s1:nth-child(even):after { left: -15px; border-radius: 20px 0px 0px 20px; border-right-width: 0; } + .roadmap-wrap-s1:last-child:after { display: none; } + .roadmap-line { left: 50%; margin-left: -1px; } + .roadmap-left { justify-content: flex-start; margin-top: -80px; } + .roadmap-left .roadmap-step { margin-left: 0; margin-right: 80px; } + .roadmap-left .roadmap-step:before { left: auto; right: -91px; } + .roadmap-left .roadmap-step:after { left: auto; right: -78px; } + .roadmap-left.roadmap-s5 { margin-top: 0; } + .roadmap-right { justify-content: flex-end; } + .roadmap-right .roadmap-step { margin-left: 80px; } + .roadmap-year { height: 60px; width: 60px; line-height: 60px; font-size: 16px; position: static; margin-left: auto; margin-right: auto; } + .roadmap-step { width: 100%; padding: 40px 30px 35px; } + .roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + .roadmap-step:before { left: -91px; } + .roadmap-step:after { width: 78px; left: -78px; } + .roadmap-step-list li:before { top: 12px; } + .roadmap-step-list-s1 li:after { left: 50%; } + .roadmap-step-s1 { padding-top: 0; padding-left: 15px; padding-right: 15px; } + .roadmap-step-s1:after { width: 0 !important; left: 50% !important; margin-left: -0.5px; height: 40px !important; top: 48px; border-top: 0; border-left: 1px solid; border-color: #dbe4f7; } + .roadmap-s1-alt .roadmap-step-s1:after { border-left-style: dashed; } + .roadmap-step-s3 { padding-top: 0; background: transparent !important; } + .roadmap-step-s3:after { left: 50%; width: 2px; } + .roadmap-step-s5 { padding-top: 0; padding-bottom: 0; } + .roadmap-head { margin-bottom: 15px; } + .roadmap-time { font-size: 14px; } + .roadmap-time-s1:after { left: 50%; bottom: 5px; } + .roadmap-time-s1:before { bottom: -2px; left: 50%; } + .roadmap-time-s3 { font-size: .87rem; font-weight: 600; } + .roadmap-time-s6 { font-size: 18px; } + .roadmap-title { font-size: 18px; } + .roadmap-title-s1 { padding-top: 48px; } + .roadmap-title-s2 { font-size: 1rem; } + .roadmap-list { display: flex; align-items: flex-end; margin-bottom: 200px; } + .roadmap-item { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .roadmap-item:nth-child(even) { flex-grow: 0; width: 0; } + .roadmap-item:nth-child(even) .roadmap-innr { position: absolute; top: 0; left: 0; padding-top: 90px; min-width: 190px; transform: translateX(calc(-50% + 5px)); } + .roadmap-item:nth-child(even) .roadmap-innr:before { top: 0; height: 90px; } + .roadmap-item-sm { min-height: 170px; } + .roadmap-item-lg { min-height: 300px; } } + +@media (min-width: 1200px) { .roadmap-left .roadmap-step:before { right: -86px; } + .roadmap-left .roadmap-step:after { right: -73px; } + .roadmap-step:before { left: -86px; } + .roadmap-step:after { width: 73px; left: -73px; } + .roadmap-step-s1:before { left: 50%; } + .roadmap-step-s3:after { left: 50%; width: 2px; } } + +/** 04.091 Token */ +.token-info { border: 1px solid rgba(22, 161, 255, 0.2); border-radius: 8px; padding: 18px 20px 0; margin-bottom: 30px; } + +.token-info-s1 { padding: 0 30px; border: none; text-align: left; } + +.token-info-item { position: relative; padding-left: 25px; } + +.token-info-item:before { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; content: ''; border-radius: 2px; background: #a963ff; } + +.token-info-item.color-2:before { background: #f42f54; } + +.token-info-item.color-3:before { background: #f5a946; } + +.token-info-item.color-4:before { background: #63a5ff; } + +.token-info-item.color-5:before { background: #ff8d87; } + +.token-info-item-s1 { padding-left: 0; display: flex; align-items: center; justify-content: space-between; margin: 25px 0; } + +.token-info-item-s1:first-child { margin-top: 16px; } + +.token-info-item-s1:before { display: none; } + +.token-info-item-s1 span { font-size: 12px; font-weight: 400; color: #16a1ff; text-transform: uppercase; } + +.token-info-item-s1 h4 { font-size: 1.5rem; line-height: 1; font-weight: 300; } + +.token-info-title { font-size: 0.7rem; text-transform: uppercase; font-weight: 700; letter-spacing: 0.04em; margin-bottom: 4px; } + +.token-info-des { font-size: 1.1rem; } + +.token-status { border-radius: 8px 8px 0 0; border: 1px solid rgba(22, 161, 255, 0.2); padding: 18px 20px 10px; text-align: center; } + +.token-status .countdown-s2 { padding: 0; } + +.token-status-s1 { padding: 30px; box-shadow: 0px 15px 20px 0px rgba(50, 33, 173, 0.1); margin-left: 0; } + +.token-status-s2 { position: relative; border: none; padding: 0; max-width: 360px; margin: 50px auto 0; } + +.token-status-s2 .icon-list { margin-top: 10px; } + +.token-status-s3 { padding: 29px 0 0; border: none; } + +.token-status-s3 .countdown-s2 { padding-left: 30px; padding-right: 30px; } + +.token-status-s4 { border: none; padding: 65px 0 50px; } + +.token-status-s4 .icon-list { margin-top: 10px; } + +.token-status-s5 { background: #3221ad; padding-bottom: 25px; } + +.token-status-s6 { border: none; padding: 20px 20px 25px; } + +.token-countdown { padding: 16px 0 20px; } + +.token-min { font-size: 13px; color: #6a7894; display: block; padding: 12px 0; } + +.token-min-s2 { padding: 15px 0 0; text-align: left; } + +.token-min-s2 span { display: block; } + +.token-min-s2 span:first-child { color: #16a1ff; font-size: 12px; line-height: 1; text-transform: uppercase; font-weight: 300; } + +.token-min-s2 span:last-child { line-height: normal; padding-top: 4px; } + +.token-alocate-item { position: relative; padding: 0 20px 15px; margin-bottom: 30px; margin-left: auto; margin-right: auto; background: #fff; height: calc(100% - 30px); border-radius: 4px; } + +.token-alocate-item:not([class*='shadow']) { box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.token-alocate-item-s1 { padding-left: 0; padding-right: 0; background-color: transparent; } + +.token-alocate-graph { padding: 20px 0 15px; position: relative; } + +.token-alocate-graph span, .token-alocate-graph img { position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; } + +.token-alocate-graph span { color: #223b55; font-size: 2em; font-weight: 400; line-height: 1.3; } + +.token-alocate-graph img { width: 150px; } + +.token-alocate-graph canvas { position: relative; z-index: 5; } + +.token-alocate-graph-s1 canvas { min-height: 230px; } + +.token-alocate-list li { color: #223b55; display: flex; align-items: center; font-weight: 400; padding: 13px 0; } + +.token-alocate-list li .token-alocate-percent { font-weight: 600; color: #3221ad; } + +.token-box-s1 { position: absolute !important; left: 0; bottom: -157px; width: 100%; z-index: 9 !important; } + +.token-box-s2 { background: rgba(50, 33, 173, 0.3); padding: 30px 20px 52px; } + +.token-box-s2 .title { margin-bottom: 1.2rem; } + +.token-box-s3 { padding-bottom: 20px; } + +.token-countdown-wrapper { padding: 30px; background: #fff; box-shadow: 0px 15px 20px 0px rgba(50, 33, 173, 0.1); } + +.token-countdown-wrapper h6 { color: currentColor; } + +.token-action-s1 { margin-top: -22px; } + +.token-action-s2 { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action + .icon-list { margin-top: 15px; } + +.token-sale-box { background: #eff6ff; border-radius: 4px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; padding: 20px 15px 33px; transition: all .4s; } + +.tc-light .token-sale-box { background: rgba(22, 161, 255, 0.08); } + +.token-sale-info { display: block; font-size: 2.4rem; font-weight: 300; color: #16a1ff; } + +.token-sale-title { font-size: 14px; text-transform: uppercase; font-weight: 400; } + +.token-bonus-item { padding: 50px 25px 46px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; border-radius: 4px; margin-bottom: 30px; transition: all .4s; height: calc(100% - 30px); background: #6454da; } + +.token-bonus-item span { display: block; } + +.token-bonus-item.two { background: #4a36d3; } + +.token-bonus-item.three { background: #5d4bd8; } + +.token-bonus-title { display: inline-block !important; line-height: 18px; font-size: 13px; color: #fff; text-transform: uppercase; padding: 6px 20px; background: #160b6d; border-radius: 15px; font-weight: 400; } + +.token-bonus-percent { font-size: 4em; line-height: 1; padding: 22px 0 7px; font-weight: 300; color: #fff; } + +.token-bonus-txt { font-size: 14px; line-height: 18px; font-weight: 400; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); } + +.tc-light .token-bonus-txt { color: rgba(255, 255, 255, 0.6); } + +.token-stage { margin-bottom: 33px; } + +.token-stage-title { color: #fff; background: #0075c3; text-transform: uppercase; font-weight: 700; line-height: 26px; padding: 10px; border-radius: 6px 6px 0 0; } + +.token-stage-pre { background: #008dec; } + +.token-stage-one { background: #0081d8; } + +.token-stage-date { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; padding: 12px 0 10px; } + +.tc-light .token-stage-date { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-date h6 { font-weight: 700; font-size: 1rem; margin-bottom: 0; } + +.token-stage-date span { font-size: 15px; } + +.token-stage-info { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; border-radius: 0 0 6px 6px; padding: 14px 0 16px; } + +.tc-light .token-stage-info { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-info span { display: block; font-size: 15px; line-height: 1.86; } + +.token-stage-bonus { color: #16a1ff; } + +.token-action-s2 { padding: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action-box { display: flex; align-items: center; flex-wrap: wrap; border-radius: 6px; background: rgba(22, 161, 255, 0.1); } + +.token-action-box > div { padding: 20px 25px; width: 100%; } + +.token-action-box > div:last-child { padding-top: 0; } + +.tc-light .token-action-box { background: rgba(22, 161, 255, 0.1); } + +.token-action-title { width: 30%; background: rgba(22, 161, 255, 0.2); border-radius: 6px 6px 0 0; font-weight: 500; font-size: 1.2em; line-height: 1.44; flex-grow: 1; width: 100%; } + +.tc-light .token-action-title { background: rgba(22, 161, 255, 0.2); } + +.token-action-box .token-action-title { padding: 25px; } + +.token-action-date { width: 40%; } + +.token-action-date strong { display: block; } + +.token-action-btn { width: 34%; } + +.token-action-btn .btn-grad { padding: 14px 0px; width: 100%; } + +.token-bar-chart { position: relative; z-index: 9; } + +.token-bar-item { position: relative; height: 40px; border-radius: 20px; margin: 10px 0; } + +.token-bar-item.tbic1 { background: #002674; } + +.token-bar-item.tbic1:before { background: #002674; } + +.token-bar-item.tbic2 { background: #004ae2; } + +.token-bar-item.tbic2:before { background: #004ae2; } + +.token-bar-item.tbic3 { background: #3b7bff; } + +.token-bar-item.tbic3:before { background: #3b7bff; } + +.token-bar-item.tbic4 { background: #3bb8ff; } + +.token-bar-item.tbic4:before { background: #3bb8ff; } + +.token-bar-item.tbic5 { background: #5378fb; } + +.token-bar-item.tbic5:before { background: #5378fb; } + +.token-bar-txt { position: absolute; font-size: 13px; padding-bottom: 0; top: 50%; left: 100%; min-width: 300%; transform: translateX(45px) translateY(-50%); } + +.token-bar-txt:after { position: absolute; content: ''; left: 0; top: 50%; height: 1px; width: 25px; margin-left: -35px; background: rgba(22, 161, 255, 0.5); } + +.token-bar-txt span { display: block; line-height: 1.5; white-space: nowrap; } + +.token-bar-txt span:first-of-type { font-weight: 600; } + +.token-bar-item.tbic1 .token-bar-txt span:first-of-type { color: #002674; } + +.token-bar-item.tbic2 .token-bar-txt span:first-of-type { color: #004ae2; } + +.token-bar-item.tbic3 .token-bar-txt span:first-of-type { color: #3b7bff; } + +.token-bar-item.tbic4 .token-bar-txt span:first-of-type { color: #3bb8ff; } + +.token-bar-item.tbic5 .token-bar-txt span:first-of-type { color: #5378fb; } + +@media (min-width: 768px) { .token-bar-chart { display: flex; overflow: visible; margin-top: 135px; } + .token-bar-item { margin: 0; } + .token-bar-item:before { position: absolute; left: -20px; top: 0; height: 40px; width: 40px; content: ''; z-index: -1; } + .token-bar-item:first-child:before { display: none; } + .token-bar-txt { padding-bottom: 10px; top: -110px; left: 50%; min-width: 100%; transform: translateX(-50%); text-align: center; } + .token-bar-txt:after { left: 50%; top: 100%; height: 65px; width: 1px; margin-left: 0; } } + +@media (max-width: 420px) { .token-status-s6 .countdown-time { font-size: 1.8rem; } + .token-status-s6 .cpn-links, .token-status-s6 .cpn-links li { padding-left: 10px; padding-right: 10px; } } + +@media (min-width: 480px) { .token-status .countdown-s2 { padding: 0 30px 20px; } + .token-info-s1 { padding: 0 30px; } + .token-min-s2 { padding: 0; } } + +@media (min-width: 576px) { .token-info { padding: 24px 40px 0; } + .token-info .text-block-title { text-align: center; } + .token-info-list li { display: flex; } + .token-info-list li > span { width: 50%; } + .token-info-title { font-size: 0.88rem; letter-spacing: 0.2em; } + .token-info-des { font-size: 1.375rem; } + .token-info-s1 { padding: 0 30px; } + .token-status { padding: 24px 28px 20px; } + .token-status-md { padding: 36px; } + .token-status-s2 { padding: 0; } + .token-status-s3 { padding: 29px 0 0; border: none; } + .token-status-s4 { padding: 65px 0 50px; } + .token-status-s5 { padding: 40px 30px 40px; } + .token-status-s6 { border: none; padding: 35px 50px 45px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; } + .token-alocate-graph { padding: 30px 40px 30px; } + .token-action-box { flex-wrap: nowrap; } + .token-action-box > div:last-child { padding-top: 20px; padding-left: 0; } + .token-action-title { width: auto; border-radius: 6px 0 0 6px; } + .token-action-s2 { padding: 30px; } } + +@media (min-width: 768px) { .token-alocate-item { padding: 20px 30px 40px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; margin-bottom: 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-box-s1 { position: absolute !important; left: 0; bottom: -45px; width: 100%; z-index: 9 !important; } } + +@media (min-width: 992px) { .token-countdown-wrapper { padding: 30px 60px 30px 66px; } + .token-status-s1 { padding: 30px 60px 30px 66px; margin-left: 0; } + .token-status-s2 { margin: 65px 140px 0 0; } + .token-status-s3 { margin-left: 25px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding: 30px 65px 0px; } + .token-alocate-item-s1:before { position: absolute; height: 610px; width: 610px; top: 0; left: 50%; content: ''; border-radius: 20px; background: rgba(50, 33, 173, 0.04); transform: rotate(45deg); transform-origin: 0 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-alocate-graph-s1 { margin-top: 80px; } + .token-action-box { margin-top: 25px; } } + +.tokdis-item { position: relative; padding-left: 0; padding-bottom: 15px; margin-bottom: 15px; padding-top: 8px; display: inline-block; } + +.tokdis-item:before { position: absolute; width: 40px; height: 3px; border-radius: 1.5px; content: ''; background: #16a1ff; top: 0; left: 50%; transform: translateX(-50%); } + +.tokdis-item h5 { font-size: 1.125em; } + +.tokdis-list { padding-bottom: 40px; } + +@media (min-width: 992px) { .tokdis-item { padding-left: 25px; padding-bottom: 4px; padding-top: 0; } + .tokdis-item:before { width: 3px; height: 100%; top: 0; left: 0; transform: translateX(0); } + .tokdis-list { padding-bottom: 80px; } } + +.toktmln-item { position: relative; padding: 0 0 20px; display: flex; justify-content: center; } + +.toktmln-item:before { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); content: ''; height: 30px; width: 30px; border-radius: 50%; border: 6px solid #dbe4f7; background: #16a1ff; } + +.tc-light .toktmln-item:before { border-color: #fff; } + +.toktmln-item div { padding: 0 30px 5px 0; text-align: right; width: 50%; flex-grow: 1; } + +.toktmln-item div:last-child { padding: 0 0 0 30px; text-align: left; } + +.toktmln-item div span { display: block; font-weight: 600; } + +.toktmln-item div span:last-child { font-size: .775em; padding-bottom: 8px; font-weight: 400; color: #223b55; } + +.tc-light .toktmln-item div span:last-child { color: #6a7894; } + +.toktmln-list { position: relative; } + +.toktmln-list:before { position: absolute; left: 50%; top: -24px; width: 2px; margin-left: -1px; height: 100%; background: #dbe4f7; content: ''; } + +.tc-light .toktmln-list:before { background: #fff; } + +@media (min-width: 992px) { .toktmln-list { position: relative; } + .toktmln-list:before { left: 0; top: 14px; width: 100%; height: 2px; } + .toktmln-item { padding: 64px 0 0; display: block; } + .toktmln-item:before { top: 0; left: 0; transform: translateX(0); } + .toktmln-item div { padding-bottom: 5px; text-align: left; width: 100%; padding-left: 0; padding-right: 0; } + .toktmln-item div:last-child { padding: 0 0 0 0; } + .toktmln-item div span:last-child { font-size: .875em; } } + +.stage-info { padding-left: 15px; } + +.stage-info .title { margin-bottom: .5rem; } + +/** 04.10 Team */ +.team { position: relative; margin-bottom: 30px; max-width: 255px; margin-left: auto; margin-right: auto; text-align: center; } + +.nk-block-left .team { max-width: 100%; } + +.team:hover .team-show { opacity: 1; } + +.team-s2 { max-width: 240px; text-align: center; } + +.team-s2 .word-split { justify-content: center; } + +.team-s2:hover .team-show { opacity: .25; } + +.team-s4 { padding: 30px 30px; } + +.team-s5 { text-align: left; max-width: 228px; padding-bottom: 25px; } + +.team-s5:before { position: absolute; content: ""; left: 20px; top: 50px; right: 0; bottom: 0; background: #e7edf5; z-index: -1; } + +.bg-theme .team-s5:before { background: #3e2bc5; } + +.has-bg-image .team-s5:before { background: #3e2bc5; } + +.tc-light .team-s5:before { background: #1d0e8a; } + +.team-s6 { text-align: left; display: flex; max-width: 100%; } + +.team-s6 .team-left { width: 135px; flex-shrink: 0; } + +.team-s6 .team-photo { max-width: 170px; margin-right: 25px; margin-left: 0; } + +.team-sm-s2 { text-align: left; max-width: 145px; } + +.team-photo { display: block; position: relative; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 2; } + +.team-photo + .list { padding-top: 15px; } + +.team-photo-s1 { max-width: 160px; } + +.team-photo img { border-radius: 6px; width: 100%; transition: all .4s; } + +.team-photo-sm { max-width: 180px; } + +.team-photo-s2 { max-width: 90%; } + +.team-photo-s2:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(22, 161, 255, 0.4); border-radius: 6px; z-index: 1; } + +.team-photo-s3:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: linear-gradient(to top left, #16a1ff 0%, #2b56f5 100%); border-radius: 6px; z-index: 1; opacity: .2; } + +.team-photo-circle { border-radius: 50%; } + +.team-sm-s2 .team-photo { margin-left: 0; max-width: 90%; } + +.team-sm-s2:hover .team-photo { transform: translateY(-8px); } + +.team-s3 .team-photo { max-width: 160px; } + +.team-s5 .team-photo { margin-left: 0; } + +.team-s5 .team-photo:before, .team-s5 .team-photo:after { position: absolute; content: ''; } + +.team-s5 .team-photo:before { top: 24px; right: -33px; height: 3px; width: 65px; background: linear-gradient(to top left, #16a1ff 0%, #2b56f5 100%); z-index: 1; } + +.team-s5 .team-photo:after { top: 0; bottom: 0; right: 0; left: 0; background: rgba(22, 161, 255, 0.4); transition: all .4s; } + +.team-s5 .team-photo:hover { transform: translateY(-8px); } + +.team-s5 .team-photo:hover:after { opacity: .5; } + +.team-s5 .team-photo:hover .team-show { opacity: 0; } + +.team-photo-bg:before { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; transform: scale(1); z-index: -1; opacity: 1; transition: all .5s ease; background-image: linear-gradient(90deg, #2b56f5 0%, #16a1ff 100%); } + +.team-s3-alt .team-photo-bg:before { opacity: 0; transform: scale(0.8); } + +.team-photo-bg a { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; z-index: 1; } + +.team-photo-bg:hover a + img { transform: scale(0.85); } + +.team-s3-alt .team-photo-bg:hover a + img { transform: scale(1); } + +.team-s3-alt .team-photo-bg:hover:before { opacity: 1; transform: scale(1); } + +.team-show { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(22, 161, 255, 0.4); border-radius: 6px; transition: all .4s; z-index: 20; opacity: 0; } + +.team-s2 .team-show { opacity: 0; } + +.team-s3 .team-photo-bg .team-show { opacity: 0 !important; top: 0; right: 0; bottom: 0; left: 0; } + +.team-s5 .team-show { border-radius: 0; } + +.team-s5:hover .team-show { opacity: 0; } + +.team-social { margin: 0 -5px; } + +.team-photo .team-social { position: absolute; bottom: -17px; right: 17px; z-index: 21; text-align: right; } + +.team-social li { padding: 0 4px; display: inline-block; } + +.team-social li a { font-size: 13px; text-align: center; display: inline-block; line-height: 34px; height: 34px; width: 34px; border-radius: 50%; color: #fff !important; background: #2b56f5; box-shadow: 0px 2px 15px 0px rgba(43, 86, 245, 0.5); } + +.team-social li a:hover { color: #fff !important; background: #16a1ff; box-shadow: 0px 2px 15px 0px rgba(22, 161, 255, 0.5); } + +.team-social-s2 { margin: 0 -10px; } + +.team-social-s2 li { padding: 0 10px; } + +.team-social-s2 li a { width: auto; background-color: transparent; box-shadow: none; color: #223b55 !important; } + +.tc-light .team-social-s2 li a { color: #fff !important; } + +.team-social-s2 li a:hover { color: #16a1ff !important; background-color: transparent; box-shadow: none; } + +.team-s2 .team-social-s2 { padding-top: 15px; } + +.team-s3 .team-social-s2 { padding-top: 10px; } + +.team-social-vr li { display: block; text-align: center; } + +.team-social-vr li a { width: 30px !important; } + +.team-s5 .team-social { position: absolute; top: 64px; right: 20px; } + +.team-s5 .team-social li a { color: #16a1ff; } + +.team-name { color: #223b55; padding-top: 28px; font-weight: 600; } + +.team-name.title { margin-bottom: .5rem !important; } + +.team-s2 .team-name.title-sm { font-size: .95em !important; } + +.team-s2 .team-name { padding-top: 18px; } + +.team-s3 .team-name { color: #16a1ff; font-size: 1.125rem !important; font-weight: 400; margin-bottom: 1px !important; } + +.team-s3-alt .team-name { color: #223b55; } + +.tc-light .team-s3-alt .team-name { color: #fff; } + +.team-s4 .team-name { font-weight: 400; padding-top: 21px; font-size: 1.33rem; margin-bottom: 0 !important; } + +.team-s5 .team-name { padding-left: 45px; padding-right: 40px; } + +.team-s6 .team-name { text-transform: uppercase; font-weight: 400; } + +.team-position { font-size: 12px; font-weight: 400; display: inline-block; } + +.team-s3 .team-position { font-weight: 300; color: #315479; } + +.team-s3-alt .team-position { color: #16a1ff; } + +.tc-light .team-s3-alt .team-position { color: #16a1ff; } + +.team-s4 .team-position { padding-bottom: 10px; } + +.team-s5 .team-position { padding-left: 45px; padding-right: 40px; color: #223b55; } + +.team-s6 .team-position { position: relative; color: #16a1ff; padding-bottom: 13px; margin-bottom: 5px; line-height: 1.4; } + +.team-s6 .team-position:before { position: absolute; height: 3px; width: 190px; left: 0; bottom: 0; content: ''; background: linear-gradient(to right, #16a1ff 0%, #2b56f5 100%); z-index: 5; } + +.tc-light .team-position { color: #8284a5; } + +.team-featured-photo { position: relative; border-radius: 5px; overflow: hidden; } + +.team-featured-info { position: absolute; left: 0; bottom: 0; font-size: 18px; padding: 15px 20px; } + +.team-featured-info span { font-size: 16px; font-weight: 300; display: block; padding-top: 5px; } + +.team-featured-cont p:last-child { margin-bottom: 0; } + +.team-featured-sub { text-transform: uppercase; color: #6a7894; font-size: 14px; letter-spacing: 0.15em; } + +.team-popup { position: relative; max-width: 100%; margin: 10px; padding: 15px; background: #fff; border-radius: 6px; } + +.team-popup-info p:last-child { margin-bottom: 0; } + +.team-list { margin-bottom: -30px; } + +.team-s4 .team-desc { font-size: .87rem; margin-bottom: 8px; } + +.team-s4 .team-desc p { font-size: inherit; } + +@media (min-width: 576px) { .team { margin-bottom: 50px; } + .team-s2 { margin-bottom: 30px; text-align: left; } + .team-s2 .word-split { justify-content: flex-start; } + .team-s4 { padding: 30px 15px; } + .team-s2 .team-photo { margin-left: 0; } + .team-s2 .team-name { padding-top: 25px; } + .team-featured-info { padding: 25px 30px; } + .team-popup { padding: 40px; } + .team-list { margin-bottom: -50px; } } + +@media (min-width: 768px) { .team-even { margin-top: 60px; } + .team-s4 { margin-bottom: 50px; } } + +@media (min-width: 992px) { .team-featured-cont { padding-left: 20px; } + .team-featured-title { padding: 8px 0 15px; } + .team-name { padding-top: 34px; margin-bottom: 8px !important; } + .team-s2 .team-name, .team-s3-alt .team-name { padding-top: 20px; } + .team-s5 .team-name { padding-top: 24px; } + .team-position { font-size: 0.88rem; } + .team-position-sm { font-size: 13px; } + .team-social { bottom: -20px; right: 20px; margin: 0 -5px; } + .team-social li { padding: 0 4px; } + .team-social li a { font-size: 16px; line-height: 40px; height: 40px; width: 40px; } + .team-social-s2 { margin: 0 -8px; } + .team-social-s2 li { padding: 0 8px; } + .team-social-s2 li a { font-size: 14px; height: auto; width: auto; } + .team-popup { margin: 10px auto; width: 950px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .team-s5 .team-social { right: 9px; } } + +@media (min-width: 1600px) { .team-photo-s2 { max-width: 100%; } } + +/** 04.11 Partners */ +.partner-list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: -15px; } + +.partner-list-left { justify-content: left; } + +.partner-list-lg { margin-bottom: -20px; } + +.partner-logo { padding: 15px 10px; } + +[class*="col-"] > .partner-logo { padding: 0; } + +.partner-logo img { max-height: 30px; max-width: 100%; width: auto !important; margin-left: auto; margin-right: 0; } + +.has-carousel .partner-logo img { margin-right: auto; } + +.partner-list-lg .partner-logo { padding: 20px 25px; } + +.partner-list-lg .partner-logo img { max-height: 50px; } + +.partner-logo-s2, .partner-logo-s3 { width: 50%; max-width: 50%; text-align: center; padding: 0 10px; } + +.partner-logo-s2 img, .partner-logo-s3 img { max-height: 50px; } + +.partner-list-left .partner-logo-s2, .partner-list-left .partner-logo-s3 { text-align: left; } + +.partner-logo-s3 img { max-height: 60px; } + +.partner-logo-lg { width: 50%; margin-bottom: 30px; } + +.partner-box { padding: 15px 0px; margin-bottom: 30px; } + +@media (min-width: 576px) { .partner-logo-s2, .partner-logo-s3 { margin-bottom: 30px; max-width: 16.6%; width: 16.6%; } + .partner-logo-lg { width: 33%; } + .partner-box { padding: 15px 66px; box-shadow: 0px 5px 25px rgba(62, 43, 197, 0.1); } } + +@media (min-width: 992px) { .partner-box .partner-list { justify-content: space-between; } + .partner-list-lg { margin-bottom: -20px; } + .partner-list-lg .partner-logo { padding: 20px 25px; } + .partner-list-lg .partner-logo img { max-height: 50px; } + [class*="col-"] > .partner-logo { padding: 15px 0; } } + +/** 04.12 Contact */ +.contact-wrap { padding: 20px; } + +.contact-list { margin-top: -7.5px; margin-bottom: -7.5px; position: relative; z-index: 2; } + +.contact-list li { display: flex; padding-top: 7.5px; padding-bottom: 7.5px; font-size: 0.94rem; } + +.contact-list-s1 { display: flex; justify-content: center; } + +.contact-list-s1 li { width: 100%; flex-wrap: wrap; justify-content: center; } + +.contact-icon { height: 38px; width: 38px; font-size: 16px; line-height: 38px; text-align: center; color: #fff; background: #2b56f5; box-shadow: 0px 2px 15px 0px rgba(43, 86, 245, 0.5); border-radius: 50%; margin-right: 15px; flex-shrink: 0; } + +.tc-light .contact-icon { color: #3221ad; background: #fff; box-shadow: none; } + +.bg-secondary .contact-icon { color: #2b56f5; } + +.contact-list-s1 .contact-icon { margin-right: 0; color: #fff; box-shadow: 0px 2px 15px 0px rgba(50, 33, 173, 0.5); background: linear-gradient(-45deg, #3221ad 0%, #3e2bc5 100%); } + +.tc-light .contact-list-s1 .contact-icon { color: #3221ad; background: #fff; } + +.contact-icon-s2 { color: #16a1ff; background: transparent; box-shadow: inset 0 0 0 2px #16a1ff; } + +.tc-light .contact-icon-s2 { color: #fff; background-color: transparent; box-shadow: inset 0 0 0 2px #fff; } + +.contact-icon-s3 { position: relative; color: #16a1ff; background: linear-gradient(to right, #16a1ff 0%, #2b56f5 100%); box-shadow: none; } + +.tc-light .contact-icon-s3 { color: #fff; background: linear-gradient(to right, #16a1ff 0%, #2b56f5 100%); } + +.contact-icon-s3:after { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .contact-icon-s3:after { background: #eff6ff; } + +.bg-light-alt .contact-icon-s3:after { background: #e7edf5; } + +.bg-theme .contact-icon-s3:after { background: #3221ad; } + +.bg-theme-alt .contact-icon-s3:after { background: #3e2bc5; } + +.bg-theme-dark .contact-icon-s3:after { background: #160b6d; } + +.bg-theme-dark-alt .contact-icon-s3:after { background: #1d0e8a; } + +.bg-theme-accent .contact-icon-s3:after { background: #16a1ff; } + +.bg-theme-accent-alt .contact-icon-s3:after { background: #2b56f5; } + +.contact-icon-s3:before { position: relative; z-index: 1; } + +.contact-text { padding-top: 7px; } + +.contact-list-s1 .contact-text { width: 100%; } + +.contact-social { margin-top: auto; padding-top: 20px; } + +.contact-social h6 { margin-bottom: 1rem; } + +.subscribe-wrap { padding: 20px; } + +@media (min-width: 576px) { .contact-wrap { padding: 50px; } + .subscribe-wrap { padding: 65px; } } + +@media (min-width: 768px) { .contact-list-s1 li { width: 33.33%; flex-wrap: wrap; } + .contact-list-s1 .contact-text { width: auto; } + .contact-list-s1 .contact-icon { margin-right: 15px; } } + +@media (max-width: 480px) { .contact-list-s2 { flex-wrap: wrap; } } + +@media (max-width: 767px) { .contact-list-s2 li { flex-wrap: wrap; text-align: center; } + .contact-list-s2 li .contact-icon { margin-right: 0; } + .contact-list-s2 li .contact-text { width: 100%; } } + +@media (max-width: 991px) { .contact-list-s2 { display: flex; justify-content: center; } + .contact-list-s2 li { width: 100%; justify-content: center; } } + +@media (min-width: 992px) and (max-width: 1199px) { .contact-wrap, .subscribe-wrap { padding: 35px; } } + +.social-links { display: flex; margin: -3px; } + +.social-links li { padding: 3px; } + +.social-links li a { display: inline-block; border-radius: 50%; border: 1px solid #fff; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #223b55; } + +.social-links li a:hover { color: #16a1ff; background: #fff; } + +.tc-light .social-links li a { color: #fff; } + +.tc-light .social-links li a:hover { color: #16a1ff; } + +.bg-secondary .social-links li a:hover { color: #2b56f5 !important; } + +.social-links-s2 li a { border: none; } + +.social-links-s2 li a:hover { background-color: #fff; color: #16a1ff !important; } + +.tc-light .social-links-s2 li a:hover { color: #16a1ff !important; } + +@media (min-width: 992px) { .section-contact .ovm-h-60 { height: 50%; } } + +/** 04.13 WGS */ +.wgs { margin-bottom: 30px; } + +.wgs-title { text-transform: uppercase; color: #223b55; font-size: 1rem; font-weight: 600; letter-spacing: 0.075em; } + +.wgs-title-s2, .wgs-title-s3 { font-size: 1.125rem; letter-spacing: normal; } + +.wgs-title-s2 { margin-bottom: 18px; font-weight: 600; } + +.wgs-title-s3 { font-weight: 700; margin-bottom: 22px; padding-top: 10px; } + +.tc-light .wgs-title { color: #2b56f5; } + +.wgs-logo { padding-bottom: 22px; display: inline-block; } + +.wgs-body p { font-size: 0.93em; line-height: 1.71; margin-bottom: 0.75rem; } + +.wgs-body p:last-child { margin-bottom: 0; } + +.wgs-list li { font-size: .9em; padding-bottom: 14px; letter-spacing: 0.01em; } + +.wgs-list li:last-child { padding-bottom: 0; } + +.wgs-links li { position: relative; padding: 5px 0; line-height: 1; } + +.wgs-links li:last-child { padding-bottom: 0px; } + +.wgs-links li a { font-size: 0.9em; line-height: 20px; display: block; color: #12183a; } + +.wgs-links li a:hover { color: #16a1ff; } + +.tc-light .wgs-links li a { color: #fff !important; } + +.tc-light .wgs-links li a:hover { color: #16a1ff !important; } + +.wgs-links-s2 li { padding: 7px 0; } + +.wgs-links-s2 li a { font-size: 1em; } + +.wgs-links-s3 li { padding: 9px 0; } + +.wgs-links-s4 li { padding: 7px 0; } + +.wgs-links-s5 li { margin-bottom: 17px; } + +.wgs-links-s5 li:first-child { margin-top: -5px; } + +.wgs-links-s5 li a { font-size: 1rem; font-weight: 400; } + +.wgs-links-uline li a { display: inline-block; } + +.wgs-links-uline li a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.wgs-links-category li { padding-left: 20px; } + +.wgs-links-category li a { padding: 10px 0; } + +.wgs-links-category li:before { position: absolute; left: 0; top: 50%; margin-top: -1px; height: 2px; width: 8px; content: ''; background: #16a1ff; } + +.wgs-links-tags { padding: 12px 0; margin: -7px -5px; } + +.wgs-links-tags li { display: inline-block; padding: 7px 5px; } + +.wgs-links-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; } + +.wgs-links-tags li a:hover { color: #fff; border-color: #16a1ff; background: #16a1ff; } + +.wgs-links-3clumn li { width: 32%; display: inline-block; } + +.wgs-archive .wgs-body { padding: 12px 0; } + +.wgs-cta .wgs-body { padding: 30px 30px 35px; } + +.wgs-address { font-size: .9rem; line-height: 2; } + +.wgs-address li:not(:last-child) { margin-bottom: 10px; } + +.wgs-regular { font-weight: 400; } + +@media (min-width: 992px) { .wgs-subscribe-form-s1 { margin-left: -50px; padding-right: 50px; } } + +.copyright-text { color: #223b55; } + +.tc-light .copyright-text { color: #8284a5; } + +.copyright-text p { color: inherit; } + +.copyright-text a { color: #223b55; } + +.copyright-text a:hover { color: #16a1ff; } + +.tc-light .copyright-text a { color: #8284a5; } + +.tc-light .copyright-text a:hover { color: #16a1ff; } + +.copyright-text-s1 { font-size: 14px; } + +.copyright-text-s1 p { font-size: inherit; } + +.copyright-text-s2 { text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; } + +.copyright-text-s3 { font-size: 13px; color: #12183a; } + +.tc-light .copyright-text-s3 { color: #8284a5; } + +.copyright-text-s3 p { font-size: 13px; color: inherit; } + +.copyright-text-s3 p a { color: inherit !important; } + +.copyright-text-s3 p a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.copyright-text-s3 a { font-weight: 500; } + +.copyright-text-s3 span { color: #223b55; padding-bottom: 3px; } + +.tc-light .copyright-text-s3 span { color: #fff; } + +.copyright-text-s4 p { font-size: 0.9rem !important; } + +.copyright-text li a, .copyright-text p { font-size: 13px; color: #fff; } + +.copyright-text li { width: 100%; } + +.footer-nav { margin: 0 -15px; } + +.footer-nav li { display: inline-block; padding: 0 15px; } + +.footer-nav li a { color: #223b55; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; } + +.footer-nav li a:hover { color: #16a1ff !important; } + +.tc-light .footer-nav li a { color: #6a7894 !important; } + +.tc-light .footer-nav li a:hover { color: #16a1ff !important; } + +@media (min-width: 576px) { .copyright-text-s2 { font-size: 12px; } + .copyright-text li { width: auto; } } + +.wgs-nl-title { margin-bottom: 32px; } + +/** 04.14 Others */ +.rank-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.rank-item { background-image: url(../images/hexagon.png); height: 88px; width: 94px; padding: 16px 20px 0; } + +.rank-item img { max-height: 16px; } + +.rank-count { font-size: 1rem; color: #3e2bc5; font-weight: 700; padding-top: 4px; line-height: 1.3; } + +.rank-count span { font-size: .7rem; color: #6a7894; } + +@media (min-width: 400px) { .rank-item { height: 104px; width: 108px; padding-top: 24px; } } + +@media (min-width: 768px) { .rank-item { height: 136px; width: 146px; padding: 32px 30px 0; } + .rank-item img { max-height: 24px; } + .rank-count { padding-top: 10px; font-size: 1.4rem; } + .rank-count span { font-size: .9rem; } } + +@media (min-width: 992px) { .rank-item { height: 160px; width: 164px; padding-top: 38px; } } + +.rating-info { font-size: 2.23em; line-height: 1; padding: 16px 0; font-weight: 700; background: rgba(231, 237, 245, 0.7); border-radius: 6px 6px 0 0; color: #223b55; } + +.rating-info span { font-size: .5em; font-weight: 400; color: #6a7894; margin-left: 6px; } + +.tc-light .rating-info span { color: #e7edf5; } + +.rating-info span:before { content: '/'; } + +.tc-light .rating-info { color: #fff; background: #6454da; } + +.rating-title { background: rgba(22, 161, 255, 0.7); color: #fff; padding: 5px 0; font-size: .93em; line-height: 20px; border-radius: 0 0 6px 6px; } + +.tc-light .rating-title { background: #160b6d; } + +.bonus { border-radius: 0 0 8px 8px; border: 1px solid rgba(22, 161, 255, 0.2); border-top: none; display: flex; } + +.bonus-info { position: relative; width: 50%; padding: 12px 16px 16px; } + +.bonus-info:not(:last-child) { border-right: 1px solid rgba(22, 161, 255, 0.2); } + +.bonus-percent { font-size: 20px; } + +.bonus-percent small { font-size: 14px; } + +.bonus-date { font-size: 12px; color: #6a7894; } + +.bonus-badge { position: absolute; top: 5px; right: 5px; text-transform: uppercase; border-radius: 11px; line-height: 15px; font-size: 8px; font-weight: 500; padding: 0 8px; color: #fff; background: #2b56f5; } + +@media (min-width: 420px) { .bonus-info { padding: 12px 30px 16px; } + .bonus-percent { font-size: 28px; } + .bonus-percent small { font-size: 14px; } + .bonus-date { font-size: 12px; color: #6a7894; } + .bonus-badge { top: 50%; right: 0; transform: translateY(-50%) rotate(-90deg); line-height: 22px; font-size: 11px; padding: 0 10px; } } + +.chart-data li { display: flex; font-size: 1rem; line-height: 1.4; font-weight: 400; padding: 7px 0; } + +.chart-data li span { display: block; } + +.chart-data-s1 { display: flex; flex-wrap: wrap; } + +.chart-data-s1 li { display: flex; align-items: center; width: auto; transition-delay: .8s; width: 100%; } + +.chart-data-s1 .chart-p { min-width: 55px; height: 55px; line-height: 50px; padding: 0; color: #fff; transform: rotate(45deg); border-radius: 10px; margin: 30px; order: -1; font-size: 16px; font-weight: 600; line-height: 55px; } + +.chart-data-s1 .chart-p span { transform: rotate(-45deg); display: block; } + +.chart-data-s1 .chart-l { text-align: left; } + +.chart-data-s2 { display: flex; flex-wrap: wrap; margin: -10px; } + +.chart-data-s2 li { padding: 10px; } + +.chart-data-item { position: relative; padding: 15px 25px; } + +.chart-data-item:before, .chart-data-item:after { position: absolute; content: ''; top: 0; height: 100%; width: 45px; border: 2px solid #dbe4f7; transition: all .4s; } + +.tc-light .chart-data-item:before, .tc-light .chart-data-item:after { border-color: rgba(219, 228, 247, 0.5); } + +.active > .chart-data-item:before, .active > .chart-data-item:after { border-color: #16a1ff; } + +.chart-data-item:before { left: 0; border-radius: 6px 0 0 6px; border-right: none; } + +.chart-data-item:after { right: 0; border-radius: 0 6px 6px 0; border-left: none; } + +.chart-label { font-size: 14px; font-weight: 700; color: #223b55; transition: all .4s; } + +.tc-light .chart-label { color: #fff; } + +.active > div > .chart-label { color: #16a1ff; } + +.chart-info { display: block; } + +.chart-percent { font-size: 22px; font-weight: 400; color: #223b55; } + +.tc-light .chart-percent { color: #fff; } + +.chart-sublabel { font-size: 13px; color: #223b55; margin-left: 8px; } + +.tc-light .chart-sublabel { color: #6a7894; } + +.chart-p { margin-left: auto; font-size: 1.125rem; font-weight: 500; color: #3e2bc5; } + +.chart-c { position: relative; top: 3px; height: 14px; width: 14px; border-radius: 3px; margin-right: 12px; flex-shrink: 0; display: block; } + +.chart-canvas { min-height: 300px; max-width: 100%; margin-left: auto; margin-right: auto; } + +.chart-canvas-s1 { min-height: 215px; } + +@media (min-width: 480px) { .chart-data-s1 li { width: 50%; } } + +@media (min-width: 576px) { .chart-label, .chart-percent { font-size: 18px; } + .chart-c { top: 6px; } + .chart-canvas { min-height: 360px; } + .chart-canvas-s1 { min-height: 215px; } } + +@media (min-width: 768px) { .chart-data-s1 li { width: 33.33%; } } + +@media (min-width: 992px) { .chart-data-s1 li { position: absolute; width: auto; transition: all .4s; opacity: 0; } + .chart-data-s1 li:nth-child(1) { top: -60px; left: 50%; transform: translateX(-50%) translateY(-30px) !important; flex-wrap: wrap; transition-delay: .6s; } + .chart-data-s1 li:nth-child(1) .chart-l { order: -1 !important; width: 100%; } + .chart-data-s1 li:nth-child(1) .chart-p { margin: 20px auto; transform: rotate(0); } + .chart-data-s1 li:nth-child(1) .chart-p span { transform: rotate(0); } + .animate.show .chart-data-s1 li:nth-child(1) { transform: translateX(-50%) translateY(0) !important; } + .chart-data-s1 li:nth-child(odd) { left: 50%; transform: translateX(30px) translateY(0); } + .chart-data-s1 li:nth-child(odd) .chart-l { order: 1; } + .chart-data-s1 li:nth-child(even) { right: 50%; transform: translateX(-30px) translateY(0); } + .chart-data-s1 li:nth-child(even) .chart-l { order: -1; text-align: right; } + .chart-data-s1 li:nth-child(even) .chart-p { left: auto; right: 29px; top: 33px; } + .chart-data-s1 li:nth-child(2) { top: 65px; margin-right: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(3) { top: 65px; margin-left: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(4) { top: 173px; margin-right: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(5) { top: 173px; margin-left: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(6) { top: 281px; margin-right: 278px; transition-delay: 1.2s; } + .chart-data-s1 li:nth-child(7) { top: 281px; margin-left: 278px; transition-delay: 1.2s; } + .animate.show .chart-data-s1 li { opacity: 1; transform: translateX(0) translateY(0); } + .chart-data-s1 .chart-p { order: 0; } + .chart-data-s1 .chart-l { text-align: center; font-weight: 400; } + .chart-canvas { min-height: 300px; } + .chart-canvas-s1 { min-height: 215px; } } + +.ath-container { width: 440px; max-width: 100%; margin: 30px auto; } + +.ath-header { padding: 0 0 30px; } + +.ath-heading { text-align: center; font-weight: 300; } + +.ath-heading small { display: block; padding-bottom: 10px; } + +.ath-body { background: #fff; border-radius: 6px; padding: 18px 25px 25px; } + +.ath-note { padding: 25px 0 0; } + +@media (min-width: 576px) { .ath-body { padding: 32px 40px 40px; } } + +.sap-text { position: relative; text-align: center; padding: 20px 0; } + +.sap-text:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; content: ''; background: #dbe4f7; z-index: 3; } + +.sap-text span { position: relative; background: #fff; display: inline-block; padding: 0 15px; z-index: 5; font-size: .9rem; text-transform: uppercase; } + +.bg-theme > .sap-text span { background: #3221ad; } + +.bg-theme-alt > .sap-text span { background: #3e2bc5; } + +.blog { background: #fff; border-radius: 6px; box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); margin-bottom: 30px; } + +.tc-light .blog { background: #3e2bc5; } + +.blog-photo { padding: 30px 30px 0; } + +.blog-photo > img { border-radius: 6px 6px 0 0; } + +.blog-s2 .blog-photo { padding: 0; } + +.blog-text { padding: 25px 30px 30px; } + +.blog-text p { font-size: 0.88rem; } + +.blog-s2 .blog-title { margin-bottom: 8px; } + +.blog-content-inline { padding: 18px 30px 14px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } + +.blog-content .blog-text { padding: 9px 0; } + +.blog-meta { margin-bottom: .25rem; margin: 0 -7px 4px; } + +.blog-meta li { position: relative; display: inline-block; font-size: .88rem; padding: 0 7px; } + +.blog-meta li:not(:last-child):after { content: '|'; position: absolute; right: -3px; top: -1px; color: #223b55; } + +.tc-light .blog-meta li:not(:last-child):after { color: #6a7894; } + +.blog-meta li a { color: #3f6e9e; } + +.blog-meta li a:hover { color: #16a1ff; } + +.blog-tags { padding: 12px 0; margin: -7px -5px; } + +.blog-tags li { display: inline-block; padding: 7px 5px; } + +.blog-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; color: #12183a; font-size: .88rem; } + +.blog-tags li a:hover { color: #fff; border-color: #16a1ff; background: #16a1ff; } + +.blog-featured { margin-bottom: 30px; } + +.blog-comment { padding-top: 25px; } + +.blog-action { padding: 9px 0; } + +.comment-wrap { background: #eff6ff; border-radius: 6px; overflow: hidden; margin-bottom: 30px; } + +.comment-item { padding: 20px; } + +.comment-item:not(:last-child) { border-bottom: 1px solid #fff; } + +.comment-item + .comment-item { padding-left: 40px; } + +.comment-item + .comment-item + .comment-item { padding-left: 60px; } + +.comment-photo { width: 50px; flex-shrink: 0; margin-bottom: 10px; margin-right: 20px; } + +.comment-content { padding-top: 6px; } + +.comment-info .title { margin-bottom: 0; } + +.comment-time { font-size: .75rem; } + +.comment-text { margin-top: 8px; } + +.comment-text p { font-size: .88rem; } + +@media (min-width: 576px) { .comment-wrap { margin-bottom: 30px; } + .comment-item { display: flex; padding: 30px; } + .comment-item + .comment-item { padding-left: 60px; } + .comment-item + .comment-item + .comment-item { padding-left: 90px; } + .comment-photo { margin-bottom: 0; } } + +.pagination { margin-left: auto; margin-right: auto; display: inline-flex; justify-content: center; box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.pagination li a { display: inline-block; height: 50px; min-width: 56px; text-align: center; line-height: 20px; padding: 15px 5px; background: #fff; color: rgba(34, 59, 85, 0.7); } + +.pagination li a .icon { line-height: 20px; padding: 0 5px; } + +.pagination li a.active, .pagination li a:hover { background: #16a1ff; color: #fff; } + +.pagination li a.active .icon, .pagination li a:hover .icon { color: #fff; } + +.pagination li:first-child a { border-radius: 6px 0 0 6px; } + +.pagination li:last-child a { border-radius: 0 6px 6px 0; } + +.download-option { text-align: center; position: relative; padding: 10px; margin: 15px 0; } + +.download-option .icon { display: block; padding-bottom: 35px; font-size: 44px; color: #223b55; } + +@media (min-width: 992px) { .download-option:not(:last-child):after { position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 1px; background: rgba(162, 179, 205, 0.3); } } + +.doc { text-align: center; position: relative; } + +.doc:hover { z-index: 9; } + +.doc-s2 { display: flex; margin-left: 20px; margin-bottom: 20px; border-radius: 6px; text-align: left; } + +.doc-photo { max-width: 125px; margin-left: auto; margin-right: auto; transition: all .2s linear; } + +.doc-photo img { border-radius: 4px; } + +.doc:hover .doc-photo { transform: translateY(-10px); } + +.doc:hover .doc-photo.no-hover { transform: translateY(0); } + +.doc-s2 .doc-photo { max-width: 100px; margin-top: 20px; margin-left: -20px; margin-bottom: -20px; margin-right: 15px; } + +.doc-shape { padding-top: 60px; position: relative; } + +.doc-shape:before { position: absolute; top: 0; left: 50%; margin-left: -5px; transform: translateX(-50%); transform-origin: 50% 50%; content: ''; background: url(../images/polygon-a-dark.png) 50% 0/contain no-repeat; width: 215px; height: 205px; z-index: -1; transition: all .2s linear; } + +.tc-light .doc-shape:before { background-image: url(../images/polygon-a-light.png); } + +.doc-shape-a:before { transform: translateX(-50%) rotate(0deg); } + +.doc:hover .doc-shape-a:before { transform: translateX(-50%) translateY(10px) rotate(0deg) scale(1.1); } + +.doc-shape-b:before { transform: translateX(-50%) rotate(90deg); } + +.doc:hover .doc-shape-b:before { transform: translateX(-50%) translateY(10px) rotate(90deg) scale(1.1); } + +.doc-shape-c:before { transform: translateX(-50%) rotate(-90deg); } + +.doc:hover .doc-shape-c:before { transform: translateX(-50%) translateY(10px) rotate(-90deg) scale(1.1); } + +.doc-shape-d:before { transform: translateX(-50%) rotate(135deg); } + +.doc:hover .doc-shape-d:before { transform: translateX(-50%) translateY(10px) rotate(135deg) scale(1.1); } + +.doc-title { margin-top: 15px; padding-bottom: 8px; } + +.doc-title small { display: block; } + +.tc-light .doc-title small { color: #6a7894; } + +.doc-s2 .doc-title { margin-top: 25px; font-weight: 600; } + +.doc-download { font-size: 18px; line-height: 19px; padding: 8px 15px; min-width: 60px; border-radius: 4px; color: #fff; background: #16a1ff; display: inline-block; } + +.doc-download:hover { color: #fff !important; background: #2b56f5; } + +.doc-lang { text-transform: uppercase; font-size: 11px; margin-top: 5px; } + +.tc-light a.doc-download { color: #fff !important; } + +.tc-light a.doc-download:hover { color: #16a1ff !important; background: #fff; } + +@media (min-width: 1200px) { .doc-shape:before { width: 255px; height: 245px; } + .doc-photo { max-width: 175px; } } + +.particles-container { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 0 !important; } + +.particles-container.is-fixed { position: fixed !important; z-index: -1 !important; } + +.product-box { position: relative; display: block; background: #3221ad; border-radius: 4px; padding: 25px 35px 0; max-width: 360px; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 6; } + +.tc-light .product-box { background: #fff; } + +.product-box:hover { transform: translateY(-8px); } + +.product-name { color: #fff; font-weight: 500; text-align: center; padding-bottom: 5px; margin-bottom: 18px; } + +.tc-light .product-name { color: #2b56f5; } + +.product-image { border: 2px solid #16a1ff; border-bottom: 0; border-radius: 4px 4px 0 0; } + +.tc-light .product-image { border-color: #2b56f5; } + +.qr-code { background: #fff; border-radius: 4px; width: 40px; height: 40px; text-align: center; box-shadow: 0px 5px 15px rgba(62, 43, 197, 0.14); padding: 0px !important; cursor: pointer; position: relative; margin: 0px 10px; display: none; line-height: 38.5px; } + +.qr-code > img { width: 22px; } + +@media (min-width: 576px) { .qr-code { display: block; } + .qr-code:hover .qr-list { opacity: 1; visibility: visible; } + .qr-list { position: absolute; width: 264px; display: flex; background: #fff; padding: 18px; justify-content: space-between; bottom: calc(100% + 15px); right: 0; box-shadow: 0px 5px 30px rgba(62, 43, 197, 0.3); border-radius: 5px; opacity: 0; transition: 0.3s; visibility: hidden; } + .has-rtl .qr-list { right: auto; left: 0; } + .qr-list:after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 2px; height: 30px; background: #7a5cff; } + .qr-list:before { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; right: 10px; z-index: 1; bottom: -13px; } + .has-rtl .qr-list:before { right: auto; left: 10px; } + .qr-list img { padding: 0 6px; } } + +.bg-dark-opacity.card { height: auto; } + +.testimonial { display: block; box-shadow: 0px 5px 40px rgba(62, 43, 197, 0.08); } + +.tesm-image { min-width: 210px; max-width: 210px; margin: 0 auto; box-shadow: 0px 5px 10px rgba(62, 43, 197, 0.08); } + +.tesm-image img { border-radius: 5px; } + +.tesm-content { padding-left: 0; padding-right: 0; text-align: center; padding-top: 30px; position: relative; } + +.tesm-content:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10e"; font-size: 46px; color: rgba(62, 43, 197, 0.07); position: absolute; bottom: 0; right: 0; line-height: normal; } + +.has-rtl .tesm-content:after { right: auto; left: 0; transform: rotateY(-180deg); } + +.tesm-content .title-sm { font-size: 1.1rem; font-weight: 500; color: #223b55; opacity: 0.6; line-height: 30px; } + +.tesm-content span { display: block; font-size: 0.9rem; font-style: italic; font-weight: 300; line-height: normal; } + +.testimonial-carousel .owl-nav { top: 50%; opacity: 1; position: absolute; transform: translateY(-50%); padding-top: 0; margin: 0; width: calc(100% + 60px); left: -30px; } + +.testimonial-carousel .owl-nav button { border-width: 0 !important; margin: 0; color: #223b55; opacity: 0.5; transition: 0.3s; } + +.has-rtl .testimonial-carousel .owl-nav button:after { transform: rotateY(-180deg); } + +.testimonial-carousel .owl-nav button:hover { opacity: 1; } + +.testimonial-carousel .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.testimonial-carousel .owl-prev:after { content: '\f060'; } + +.testimonial-carousel .owl-next { position: absolute; right: 0; } + +.has-rtl .testimonial-carousel .owl-next { right: auto; left: 0; } + +.testimonial-carousel .owl-next:after { content: '\f061'; } + +@media (min-width: 576px) { .testimonial { display: flex; flex-direction: row; align-items: center; } + .tesm-content { padding-left: 40px; padding-right: 15px; text-align: left; padding-top: 0; } + .has-rtl .tesm-content { text-align: right; padding-left: 15px; padding-right: 40px; } + .tesm-image { margin: -45px 0; } + .testimonial-carousel .owl-stage-outer { padding: 30px 0; } } + +@media (min-width: 768px) { .testimonial-carousel .owl-nav { width: calc(100% + 80px); left: -40px; } } + +@media (min-width: 992px) { .mlm-30 { margin-left: -30px; } + .testimonial-carousel .owl-nav { width: calc(100% + 160px); left: -80px; } } + +/** 04.14 Others */ +.payment-holder { position: relative; } + +.payment-holder-list { max-width: 1200px; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between; } + +.payment-holder-thumb { width: 58px; height: 58px; box-shadow: 0px 0px 0px 3px #7a5cff; position: relative; border-radius: 50%; margin-bottom: 20px; } + +.payment-holder-thumb-s2 { box-shadow: none; border-radius: 0; height: auto; width: auto; } + +.payment-holder-thumb img { width: 100%; border-radius: 50%; } + +.payment-holder-info p { font-size: 11px; font-weight: 500; } + +.payment-holder-single { display: flex; margin-bottom: 30px; align-items: center; width: 100%; align-items: center; flex-wrap: wrap; flex-direction: column-reverse; } + +.payment-info-card { padding: 14px 20px; background: #fff; box-shadow: 0px 5px 20px rgba(122, 92, 255, 0.25); border-radius: 4px; width: 100%; text-align: center; } + +.title-pcard { font-size: 1rem; margin-bottom: 0 !important; font-weight: 400; } + +@media (min-width: 576px) { .payment-holder-single { width: 48%; } } + +@media (min-width: 992px) { .payment-holder-info { margin-bottom: 14px; position: relative; } + .payment-holder-info:after { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; top: 99%; z-index: 1; } + .payment-holder-thumb { border-radius: 50%; } + .payment-holder-thumb img { border-radius: 50%; } + .payment-holder-single { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; flex-direction: column; } + .payment-holder-single:nth-child(1) { margin-left: -23%; margin-top: -10%; } + .payment-holder-single:nth-child(2) { margin-left: -14%; margin-top: 3%; } + .payment-holder-single:nth-child(3) { margin-left: 10%; margin-top: 0; } + .payment-holder-single:nth-child(4) { margin-left: 31%; margin-top: -9%; } + .payment-holder-thumb:after, .payment-holder-thumb:before { position: absolute; content: ""; left: 50%; transform: translateX(-50%); } + .payment-holder-thumb:after { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 40px solid #fff; bottom: -30px; z-index: -1; filter: drop-shadow(0px 6px 0px #7a5cff); } + .payment-holder-thumb:before { width: 30px; height: 15px; border-radius: 50%; background: rgba(122, 92, 255, 0.4); bottom: -41px; z-index: -1; } + .payment-holder-thumb-s2 { border-radius: 0px; } + .payment-holder-thumb-s2:before, .payment-holder-thumb-s2:after { display: none; } + .payment-holder-thumb-s2 img { border-radius: 0; } + .payment-info-card { width: auto; text-align: left; } + .has-rtl .payment-info-card { text-align: right; } } + +/** 04.14 datatable */ +.table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } + +.dataTables_filter label { width: 100%; height: 50px; border: 2px solid #d1e0f6; background: transparent; border-radius: 5px; padding: 13px 20px 10px; display: flex; align-items: center; margin-bottom: 30px; } + +.dataTables_filter input { border: none; width: 97% !important; } + +.dataTables_filter input:focus { outline: none; } + +.dataTable { width: 100%; } + +.data-table-area { position: relative; } + +.data-item { box-shadow: 0px 3px 15px rgba(29, 14, 138, 0.06); background: #fff; } + +.data-col { padding: 10px 20px; font-size: 14px; font-weight: 400; color: #fff; } + +.data-col-three { border-left: 1px solid; border-bottom: 1px solid; border-right: 1px solid; } + +.data-col-four { border-bottom: 1px solid; } + +.data-col-five { border-left: 1px solid; } + +.data-col-six { border-right: 1px solid; } + +.data-col:before, .data-col:after { display: none !important; } + +.data-col-inner { padding: 20px; } + +.data-item:not(:last-child) .data-col-inner { border-bottom: 5px solid #e7edf5; } + +.data-col-inner.alphabetical { min-width: 186px; } + +.dt-short { position: absolute; right: 0; top: 0; z-index: 9; } + +.dt-short label { width: 86px; margin-bottom: 0; } + +.has-rtl .dt-short { right: auto; left: 0; } + +@media (max-width: 409px) { .dt-short { position: static !important; margin-bottom: 20px; } + .dataTables_filter label { margin-bottom: 0; } } + +/** 05. Layouts */ +/** 05.01 Header */ +.header-main { padding: 12px 0; transition: all .4s; } + +.is-transparent .header-main, .has-fixed .header-main { width: 100%; z-index: 49; } + +.is-transparent .header-main { position: absolute !important; } + +.has-fixed .header-main { position: fixed !important; box-shadow: 0 0 20px 0 rgba(18, 24, 58, 0.08); } + +.has-fixed:not(.is-dark) .header-main { background: #fff; } + +.has-fixed.is-dark .header-main { background: #0f084d; } + +.has-fixed.is-shrink .header-main { padding: 8px 0; } + +.header-container:not(.container) { width: 100%; padding: 0 15px; } + +.header-wrap { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } + +.header-logo { margin: 6px 0; flex-shrink: 0; } + +.header-logo-ls { display: flex; align-items: center; } + +.header-navbar { position: fixed; left: -280px; top: 0; width: 260px; height: 100vh; } + +.header-navbar.menu-mobile { transition: all 0.4s; } + +.header-navbar::before, .header-navbar-overlay { position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.header-navbar::before { background: #fff; left: 50%; transform: translateX(-50%); transition: all .4s; } + +.is-dark .header-navbar::before { background: #4a36d3; } + +.header-navbar-overlay { background: rgba(22, 11, 109, 0.7); left: 100%; width: 0; z-index: -1; opacity: 0; visibility: hidden; transition: opacity .3s; transition-delay: .2s; } + +.header-navbar.menu-shown { left: 0 !important; z-index: 10; } + +.header-navbar.menu-shown .header-navbar-overlay { width: 100vw; opacity: 1; visibility: visible; } + +.header-navbar-classic { position: absolute; top: 99%; right: 0; left: 0; width: 100%; height: auto; background: transparent; margin-top: 12px; z-index: auto; flex-grow: 1; transition: all 0.4s; padding: 0 20px; } + +.has-fixed .header-navbar-classic { margin-top: -6px; padding: 0; } + +.header-navbar-classic:before { border-radius: 4px; } + +.has-fixed .header-navbar-classic:before { width: 100vw; border-radius: 0; } + +.header-navbar-s1 { flex-grow: 1; } + +.header-menu { justify-content: flex-end; padding: 30px 25px; } + +.header-navbar-classic .header-menu { padding: 0; } + +.header-banner { min-height: 72px; } + +.overlay-menu-shown { overflow: hidden; } + +.overlay-menu-shown .has-fixed > .header-main { z-index: 6; } + +@media (min-width: 375px) { .header-navbar:not(.header-navbar-classic) { left: -310px; width: 290px; } } + +@media (min-width: 576px) { .header-navbar:not(.header-navbar-classic) { left: -360px; width: 340px; } } + +.logo-dark, .is-transparent:not(.has-fixed) .logo-light, .is-dark .logo-light { display: block; } + +.logo-light, .is-transparent:not(.has-fixed) .logo-dark, .is-dark .logo-dark { display: none; } + +.logo img { height: 36px; transition: all .4s; } + +.logo-md img { height: 44px; } + +.logo-lg img { height: 52px; } + +@media (min-width: 992px) { .header-navbar:not(.header-navbar-classic) { height: auto; width: auto; left: 0; } + .header-main { padding: 20px 0; } + .header-nav-toggle { display: none; } + .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 25px; } + .header-banner { min-height: 98px; } + .logo img { height: 40px; } + .logo-md img { height: 50px; } + .logo-lg img { height: 60px; } } + +@media (min-width: 1200px) { .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 35px; } } + +.header-menu { max-height: 100vh; overflow: hidden; overflow-y: auto; height: 100%; } + +.header-navbar-classic .header-menu { display: none; max-height: 65vh; } + +.header-navbar-classic .header-menu.menu-shown { display: block; } + +.header-nav-toggle { height: 44px; } + +.language-switcher .toggle-tigger, .header-menu .btn-outline:not(:hover) { color: #223b55; } + +.is-light .language-switcher .toggle-tigger, .language-switcher .toggle-tigger .is-transparent:not(.is-dark), .is-light .header-menu .btn-outline:not(:hover), .header-menu .btn-outline:not(:hover) .is-transparent:not(.is-dark) { color: #223b55; } + +.tc-light .language-switcher .toggle-tigger, .tc-light .btn-outline:not(:hover), .is-dark .language-switcher .toggle-tigger, .is-dark .btn-outline:not(:hover) { color: #fff; } + +@media (min-width: 992px) { .tc-light .header-menu .language-switcher .toggle-tigger, .tc-light .header-menu .btn-outline:not(:hover), .is-transparent .header-menu .language-switcher .toggle-tigger, .is-transparent .header-menu .btn-outline:not(:hover), .is-transparent:not(.has-fixed):not(.is-light) .header-menu .language-switcher .toggle-tigger, .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover), .is-dark .header-menu .language-switcher .toggle-tigger, .is-dark .header-menu .btn-outline:not(:hover) { color: #fff; } + .is-split:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover) { color: #223b55; } + .has-fixed:not(.is-dark) .header-menu .language-switcher .toggle-tigger:not(.btn), .has-fixed:not(.is-dark) .header-menu .btn-outline:not(:hover), .is-light .header-menu .language-switcher .toggle-tigger:not(.btn), .is-light .header-menu .btn-outline:not(:hover) { color: #223b55; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover):not(.no-change) { border-color: rgba(255, 255, 255, 0.4); } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn:not(:hover):not(.no-change):not(.btn-outline) { border-color: #fff; background: #fff; color: #223b55; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not([class*="btn-grad"]):not(.no-change):hover { color: #16a1ff !important; border-color: #fff; background-color: #fff; } } + +@media (max-width: 991px) { .header-menu .language-switcher-s1, .header-menu .language-switcher-s4 { width: 100%; } + .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 0; } + .has-rtl .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 15px; padding-right: 0; } + .header-menu .btn { line-height: 24px; padding: 6px 14px; min-width: 100px; } + .header-menu .btn-transparent { padding: 6px 0; } } + +/** 05.02 Menu */ +.menu { padding: 12px 0; } + +.menu-btns { margin-bottom: 26px; margin-left: -10px; margin-right: -10px; margin-top: -10px; display: flex; flex-wrap: wrap; } + +.menu-btns > li { padding: 10px; padding: 10px; } + +.menu-item { position: relative; border-bottom: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-item { border-color: rgba(219, 228, 247, 0.1); } + +.menu-item:last-child { border-bottom: 0; } + +.menu-item > ul, .menu-item .menu-sub { display: none; } + +.menu-item a { font-family: "Poppins", sans-serif; font-size: 15px; line-height: 18px; color: #223b55; padding: 12px 0; display: block; position: relative; } + +.header-menu-s2 .menu-item a { font-size: 16px; } + +.menu-item a .badge { margin-left: 5px; position: relative; top: -1px; } + +.menu-item a .badge-dot { top: 0; } + +.menu-item a .active, .menu-item a:hover { color: #16a1ff; } + +.is-dark .menu-item a .active, .is-dark .menu-item a:hover { color: #16a1ff; } + +.menu-s2 > .menu-item > a { font-size: 13px; text-transform: uppercase; font-weight: 500; } + +.menu-sub { padding-left: 12px; } + +.menu-sub .menu-item:first-child { border-top: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-sub .menu-item:first-child { border-color: rgba(219, 228, 247, 0.1); } + +.menu-sub .menu-sub { margin-top: 0; margin-bottom: 15px; } + +.menu-sub .menu-sub .menu-item { border-bottom: none; } + +.menu-sub .menu-sub .menu-item:first-child { border-top: none; } + +.menu-sub .menu-sub .menu-item a { padding-top: 6px; padding-bottom: 6px; } + +.menu-sub a { font-family: "Poppins", sans-serif; font-size: 14px; color: #223b55; } + +.menu-mega a { font-family: "Poppins", sans-serif; font-size: 14px; color: #223b55; } + +.is-dark .menu-item a { color: #fff; } + +.menu-item > a.active { color: #16a1ff; } + +.has-sub > a { position: relative; } + +.has-sub > a:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.has-sub.open-nav > a:after { transform: translateY(-50%) rotate(-180deg); } + +.navbar-toggle { width: 44px; height: 44px; text-align: center; display: inline-block; border-radius: 50%; padding: 5px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s; } + +.navbar-toggle.navbar-active { color: #16a1ff; position: relative; z-index: 49; } + +.navbar-toggle:hover, .navbar-toggle.navbar-active { background: rgba(239, 246, 255, 0.2); } + +.is-transparent:not(.has-fixed) .navbar-toggle { color: #fff; } + +.is-transparent:not(.has-fixed) .navbar-toggle:hover, .is-transparent:not(.has-fixed) .navbar-toggle.navbar-active { background: rgba(239, 246, 255, 0.2); } + +.toggle-line { position: relative; width: 32px; height: 32px; display: block; color: #223b55; } + +.toggle-line:hover { color: #223b55; } + +.is-transparent:not(.has-fixed):not(.is-light) .toggle-line { color: #fff; } + +.is-dark.has-fixed .toggle-line { color: #fff; } + +.toggle-line::after, .toggle-line::before, .toggle-line > span { content: ""; position: absolute; background: currentColor; transition: all 0.2s; width: 24px; height: 2px; left: 4px; border-radius: 3px; } + +.toggle-line::before { top: 8px; } + +.toggle-line::after { bottom: 8px; } + +.toggle-line > span { top: 50%; margin-top: -1px; width: 20px; } + +.navbar-active .toggle-line { color: #fff; } + +.navbar-active .toggle-line::before, .navbar-active .toggle-line::after { width: 28px; left: 2px; } + +.navbar-active .toggle-line::before { transform: rotate(45deg); top: 15px; } + +.navbar-active .toggle-line::after { transform: rotate(-45deg); bottom: 15px; } + +.navbar-active .toggle-line > span { opacity: 0; visibility: hidden; } + +.secondary-navbar { box-shadow: 0px 5px 40px rgba(34, 59, 85, 0.1); padding: 15px 0; } + +.secondary-menu-list { display: flex; align-items: center; justify-content: center; padding: 0; flex-wrap: wrap; } + +.secondary-menu-item { width: 50%; } + +.secondary-menu-link { padding: 5px 16px; display: inline-block; color: #223b55; font-weight: 400; position: relative; } + +.secondary-menu-link:after { position: absolute; content: ""; left: 50%; bottom: 0; width: 0; height: 3px; background: #2b56f5; transform: translateX(-50%); transition: 0.3s; transform-origin: left; border-radius: 50%; } + +.secondary-menu-link:hover { color: currentColor; } + +.secondary-menu-link:hover:after { width: 3px; } + +.secondary-menu-item.active .secondary-menu-link { color: currentColor; } + +.secondary-menu-item.active .secondary-menu-link:after { width: 3px; } + +@media (min-width: 425px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 16px; width: auto; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-list { flex-wrap: nowrap; } + .secondary-menu-link:after { border-radius: 0; } + .secondary-menu-link:hover { color: currentColor; } + .secondary-menu-link:hover:after { width: 25px; } + .secondary-menu-item.active .secondary-menu-link { color: currentColor; } + .secondary-menu-item.active .secondary-menu-link:after { width: 25px; } } + +@media (min-width: 576px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 28px; width: auto; } } + +@media (min-width: 992px) { .header-menu { display: flex !important; width: auto; align-items: center; position: static; background: transparent; padding: 0; margin: 0; border-radius: 0; overflow: visible; } + .header-navbar { padding: 0 0 0 15px; margin-top: 0; position: relative; } + .header-navbar:before { display: none; } + .has-fixed .header-navbar { margin-top: 0; } + .menu { display: flex; align-items: center; padding: 0; } + .menu-item { border-bottom: none; } + .menu-item > a { font-weight: 400; padding: 20px 10px; } + .menu-drop .menu-item > a { font-weight: 300; } + .menu-item:hover { z-index: 9999; } + .menu-sub { position: absolute; min-width: 215px; max-width: 215px; background: #fff; padding: 15px 10px; top: 100%; left: 0; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; transform: translateX(0) translateY(-8px); box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); } + .menu-sub a { width: 100%; display: block; padding: 10px 10px; } + .menu-sub .menu-item:first-child { border-top: none; } + .menu-sub .menu-item:hover > a { color: #16a1ff; } + .menu-item:hover > .menu-sub { opacity: 1; visibility: visible; transform: translateX(0) translateY(0); } + .menu-sub .menu-sub { left: calc(100% - 25px); top: 15px; margin: 0; } + .menu-sub .menu-sub .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .is-dark .menu-sub { background-color: #513fd5; } + .menu-mega { position: absolute; left: 50%; background: #fff; padding: 15px 10px; top: 100%; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); transform: translateX(-50%) translateY(-8px); } + .menu-item:hover > .menu-mega { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } + .menu-mega .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .menu-mega-innr { display: flex; } + .menu-mega-innr > div, .menu-mega-innr ul { flex-grow: 1; } + .menu-mega-2clmn .menu-mega-innr > div, .menu-mega-2clmn .menu-mega-innr ul { width: 50%; } + .menu-mega-3clmn .menu-mega-innr > div, .menu-mega-3clmn .menu-mega-innr ul { width: auto; } + .menu-mega-2clmn { min-width: 370px; max-width: 370px; } + .menu-mega-3clmn { min-width: 520px; max-width: 520px; } + .is-dark .menu-mega { background-color: #513fd5; } + .menu-btns { display: flex; margin-bottom: -10px; margin-left: 10px; } + .menu-btns-s3 { margin-left: 0; } + .has-sub > a { padding-right: 24px !important; position: relative; } + .has-sub > a:after { right: 8px; } + .menu-sub .has-sub > a { padding-right: 35px; } + .menu-sub .has-sub > a:after { transform: translateY(-50%) rotate(-90deg); right: 15px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a { padding-right: 20px !important; padding-left: 35px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a:after { transform: translateY(-50%) rotate(90deg); left: 15px; right: auto; } + > .has-sub.menu-item:last-child .menu-mega { left: auto; right: 0; transform: translateX(0) translateY(-8px); } + > .has-sub.menu-item:last-child:hover .menu-mega { transform: translateX(0) translateY(0); } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item > a { color: #fff; } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item:hover > a { color: #16a1ff; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-link { padding: 20px 38px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .logo img { height: 32px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 4px; font-size: 12px; font-weight: 500; } + .menu-btns > li { padding: 6px; } + .menu-btns .btn { font-size: 13px; line-height: 20px; padding: 10px 15px; min-width: 0; } + .menu-btns .btn.btn-grad { padding: 12px 15px; } + .menu-btns .btn-md { font-size: 11px; line-height: 19px; padding: 8px 16px; } + .menu-btns .btn-md.btn-grad { padding: 10px 16px; } } + +@media (min-width: 1200px) { .menu > .menu-item > a { padding: 20px 15px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 8.5px; font-size: 12px; font-weight: 500; } + .menu-s2 > .menu-item > a { padding-left: 7.5px; padding-right: 7.5px; } + .menu-item.has-sub > a { padding-right: 23px !important; } + .menu-item.has-sub > a:after { right: 8px; } + .menu-sub a { padding: 10px 15px; } + .secondary-menu-link { padding: 20px 45px; } } + +@media (min-width: 1600px) { .header-navbar-s1 .menu > .menu-item > a { font-size: 14px; } + .header-menu-s2 .menu > .menu-item > a { padding: 20px 30px; } } + +/** 05.03 Sections */ +.nk-body { min-width: 320px; } + +.nk-pages-centered { display: flex; flex-direction: column; justify-content: center; min-height: 100vh; padding: 0 15px; } + +@media (min-width: 1600px) { .body-boxed .nk-wrap { max-width: 1400px; } } + +.container-md { max-width: 960px; } + +.container-sm { max-width: 720px; } + +.container-xs { max-width: 520px; } + +.container-z { z-index: 5; position: relative; } + +.section { position: relative; overflow-x: hidden; width: 100%; z-index: 2; } + +.section-sm { padding-top: 40px !important; padding-bottom: 40px !important; } + +.section-connect { overflow: visible; } + +.section-connect:before { position: absolute; top: 0; left: 50%; content: ""; height: 80px; width: 2px; transform: translate(-50%, -50%); background: linear-gradient(to bottom, #16a1ff 0%, #2b56f5 100%); z-index: 2; } + +.ov-v + .section { z-index: inherit; } + +.section-t-s-fixed, .section-s-fixed { padding-top: 60px !important; } + +.section-b-s-fixed, .section-s-fixed { padding-bottom: 60px !important; } + +.section-t-m-fixed, .section-m-fixed { padding-top: 90px !important; } + +.section-b-m-fixed, .section-m-fixed { padding-bottom: 90px !important; } + +.section-t-l-fixed, .section-l-fixed { padding-top: 120px !important; } + +.section-b-l-fixed, .section-l-fixed { padding-bottom: 120px !important; } + +.section-t-x-fixed, .section-x-fixed { padding-top: 180px !important; } + +.section-b-x-fixed, .section-x-fixed { padding-bottom: 180px !important; } + +.section-t, .section { padding-top: 60px; } + +.section-b, .section { padding-bottom: 60px; } + +.section-t-xl { padding-top: 150px !important; } + +@media (min-width: 576px) { .section-connect:before { height: 100px; } + .section-t, .section { padding-top: 60px; } + .section-b, .section { padding-bottom: 60px; } + .section-t-s, .section-s { padding-top: 60px !important; } + .section-b-s, .section-s { padding-bottom: 60px !important; } } + +@media (min-width: 768px) { .section-connect:before { height: 120px; } + .section-t, .section { padding-top: 90px; } + .section-b, .section { padding-bottom: 90px; } + .section-t-m, .section-m { padding-top: 90px !important; } + .section-b-m, .section-m { padding-bottom: 90px !important; } } + +@media (min-width: 992px) { .section-connect:before { height: 160px; } + .section-t, .section { padding-top: 120px; } + .section-b, .section { padding-bottom: 120px; } + .section-t-l, .section-l { padding-top: 120px !important; } + .section-b-l, .section-l { padding-bottom: 120px !important; } + .section-t-xl { padding-top: 180px !important; } } + +@media (min-width: 1600px) { .section-t, .section { padding-top: 180px; } + .section-b, .section { padding-bottom: 180px; } + .section-t-x, .section-x { padding-top: 180px !important; } + .section-b-x, .section-x { padding-bottom: 180px !important; } } + +@media (max-width: 575px) { .section-mxw-t-0 { padding-top: 0; } + .section-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 767px) { .section-sm-mxw-t-0 { padding-top: 0; } + .section-sm-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 991px) { .section-md-mxw-t-0 { padding-top: 0; } + .section-md-mxw-b-0 { padding-bottom: 0 !important; } } + +@media (max-width: 1199px) { .section-lg-mxw-t-0 { padding-top: 0; } + .section-lg-mxw-b-0 { padding-bottom: 0; } } + +[class*="section"].pt-0, [class*="section"].pdt-0 { padding-top: 0 !important; } + +[class*="section"].pb-0, [class*="section"].pdb-0 { padding-bottom: 0 !important; } + +.split { height: 100%; } + +.split-left { border-radius: 6px 6px 0 0; } + +.split-right { border-radius: 0 0 6px 6px; } + +@media (min-width: 576px) { .split-sm-left { border-radius: 6px 0 0 6px; } + .split-sm-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 768px) { .split-md-left { border-radius: 6px 0 0 6px; } + .split-md-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 992px) { .split-lg { border-radius: 6px; } + .split-lg-left { border-radius: 6px 0 0 6px; } + .split-lg-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 1200px) { .split-xl-left { border-radius: 6px 0 0 6px; } + .split-xl-right { border-radius: 0 6px 6px 0; } } + +.nk-pages-angled { margin-top: -450px; } + +@media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } + +/** 05.04 Footer */ +.nk-footer-angled { margin-top: -450px; } + +.footer-links { margin: 0 -12px; } + +.footer-links > li { display: inline-block; padding: 0 12px; } + +.footer-links > li > a { font-size: 13px; color: #223b55; } + +.footer-links > li > a:hover { color: #16a1ff; } + +.tc-light .footer-links > li > a { color: #6a7894 !important; } + +.tc-light .footer-links > li > a:hover { color: #16a1ff !important; } + +/** 06. Override */ +.mfp-bg, .mfp-wrap, .mfp-wrap[class*="bg-"], .mfp-bg[class*="bg-"] { position: fixed !important; z-index: 99999999 !important; top: 0 !important; } + +.mfp-wrap, .mfp-wrap[class*="bg-"] { background: transparent !important; } + +/** 07. Preview Purpose */ +.icon-preview { text-align: center; padding: 30px; border-radius: 4px; border: 1px solid #dfeaf8; height: 100%; } + +.icon-wrap [class*="ikon-"] { font-size: 40px; } + +.icon-class { padding-top: 15px; } + +.nk-preview { position: relative; padding-bottom: 60px; } + +.nk-preview:first-child { padding-top: 60px; } + +.nk-preview-content { padding-top: 10px; } + +.nk-preview-content > .tab-pane { padding-top: 0; box-shadow: 0 5px 35px -5px rgba(18, 24, 58, 0.12); } + +.nk-preview .nk-block-head .nav { margin-bottom: 25px; margin-left: 0; margin-right: 0; } + +.nk-preview .nk-block-head .nav a { font-size: .8rem; padding: 10px 5px 5px; } + +.nk-preview .nk-block-head .title { color: #415076; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.nk-preview .nk-block-head .title .badge { margin-left: 5px; } + +.has-rtl .nk-preview .nk-block-head .title .badge { margin-left: 0; margin-right: 5px; } + +.nk-preview .nk-block-head .title small { font-size: 12px; text-transform: none; letter-spacing: 0; margin-top: 0.45rem; color: #828998; display: block; } + +@media (min-width: 576px) { .nk-preview { padding-bottom: 60px; } + .nk-preview:first-child { padding-top: 60px; } } + +@media (min-width: 768px) { .nk-preview { padding-bottom: 90px; } + .nk-preview:first-child { padding-top: 90px; } } + +@media (min-width: 992px) { .nk-preview { padding-bottom: 120px; } + .nk-preview:first-child { padding-top: 120px; } } + +@media (min-width: 1600px) { .nk-preview { padding-bottom: 180px; } + .nk-preview:first-child { padding-top: 180px; } } + +@media (min-width: 1280px) { .nk-preview { padding-left: 48px; padding-right: 48px; } + .nk-preview-content > .tab-pane { box-shadow: 0 5px 35px -5px rgba(18, 24, 58, 0.12); } } + +@media (min-width: 1200px) and (min-height: 900px) { .nk-preview .banner-fs, .nk-preview .nk-pages-centered { min-height: calc(100vh - 200px); } } + +/* END @iO */ +/* END @iO */ diff --git a/assets/css/style-lavender.css b/assets/css/style-lavender.css new file mode 100644 index 0000000..08f9d54 --- /dev/null +++ b/assets/css/style-lavender.css @@ -0,0 +1,6918 @@ +/*! Theme Name: ICOCrypto + * Author: Softnio + * Author URI: http://themeforest.net/user/softnio + * Version : 1.9.3 + * Updated : 05/05/2021 +*/ +/** +---------------------- +## TABLE CONTNETS ## +01. Fonts +02. Utilities +-- 02.01 Reset +-- 02.02 Spacing +-- 02.03 Colors +-- 02.04 Misc +03. Elements +-- 03.01 Alert +-- 03.02 Buttons +-- 03.03 Title +-- 03.04 List +-- 03.05 Form +-- 03.06 Table +-- 03.07 Progress +-- 03.08 CountDown +-- 03.09 Toastr +-- 03.10 Misc +04. Components +-- 04.01 Tab +-- 04.02 Accordion +-- 04.03 Blocks +-- 04.04 Box +-- 04.05 Banner +-- 04.06 Head +-- 04.07 Features +-- 04.08 Roadmap +-- 04.09 Token +-- 04.10 Team +-- 04.11 Partners +-- 04.12 Contact +-- 04.13 WGS +-- 04.14 Others +05. Layouts +-- 05.01 Header +-- 05.02 Menu +-- 05.03 Sections +-- 05.04 Footer +06. Override +07. Preview Purpose +---------------------- **/ +/** IMPORTANT NOTE: DO NOT Edit this file. Best to write own code in css/theme.css file. It will helps you to easy update of the template. */ +/** 01. Fonts */ +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Bold.eot"); src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Light.eot"); src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins-Light.woff") format("woff"), url("../fonts/Poppins-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-SemiBold.eot"); src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Medium.eot"); src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Regular.eot"); src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } + +/** 02. Utilities */ +/** 02.01 Reset */ +html, body { font-family: "Poppins", sans-serif; color: #696993; font-size: 14px; line-height: 1.86; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; } + +@media (min-width: 576px) { html, body { font-size: 16px; line-height: 1.86; font-weight: 300; } } + +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } + +*[hidden] { display: none; } + +ol, ul { list-style: none; } + +blockquote, q { quotes: none; } + +blockquote::after, blockquote::before, q::after, q::before { content: none; } + +table { border-collapse: collapse; border-spacing: 0; } + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #38385f; font-weight: 600; font-family: "Poppins", sans-serif; line-height: 1.45; margin-bottom: 0.5rem; } + +h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 0; } + +.tc-light h1, .tc-light h2, .tc-light h3, .tc-light h4, .tc-light h5, .tc-light h6, .tc-light .h1, .tc-light .h2, .tc-light .h3, .tc-light .h4, .tc-light .h5, .tc-light .h6 { color: #fff; } + +p { font-size: 14px; margin-bottom: 1rem; color: #696993; } + +p:last-child { margin-bottom: 0; } + +p + [class*=btn] { margin-top: 15px; } + +@media (min-width: 576px) { p { font-size: 15px; } } + +ul, ol, table { margin: 0; padding: 0; } + +strong, b { font-weight: 500; } + +a { outline: 0 none; transition: all 0.5s; color: #5d46e8; } + +a:link, a:visited { text-decoration: none; } + +a:hover, a:focus, a:active { outline: 0; color: #ff9259; } + +img { max-width: 100%; height: auto; } + +h1, .h1, .fz-1 { font-size: 1.75rem; } + +h2, .h2, .fz-2 { font-size: 1.35rem; } + +h3, .h3, .fz-3 { font-size: 1.25rem; } + +h4, .h4, .fz-4 { font-size: 1.2rem; } + +h5, .h5, .fz-5 { font-size: 1.2rem; } + +h6, .h6, .fz-6 { font-size: 0.94rem; } + +.fz-7 { font-size: 0.88rem; } + +.fz-8 { font-size: 0.75rem; } + +.lead, .lead-light { font-size: 1.1rem; font-weight: 300; color: #696993; } + +.lead-s2 { font-size: 1.1rem; color: #696993; } + +.lead-regular { font-weight: 400; } + +@media (min-width: 576px) { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.3; } + h1, .h1, .fz-1 { font-size: 2.75rem; } + h2, .h2, .fz-2 { font-size: 2.25rem; } + h3, .h3, .fz-3 { font-size: 1.87rem; } + h4, .h4, .fz-4 { font-size: 1.6rem; } + .lead, .lead-light { font-size: 1.1rem; } + .lead-s2 { font-size: 1.2rem; } } + +.nk-df-content, .nk-ovm:before, .nk-ovm:after { content: ""; } + +.nk-df-rel, .has-ovm, .has-bg, [class*='bg-'], .has-bg-image, .has-bg-video { position: relative; } + +.nk-df-over-up, .has-ovm > [class*=container], .has-ovm > *:not(.nk-ovm):not(.header-main):not(.nk-header):not([class*=ui-mask]), .has-bg-image > [class*=container], .has-bg-video > [class*=container] { position: relative; z-index: 5; } + +.nk-df-t, .nk-df-y { top: 0; } + +.nk-df-b, .nk-df-y { bottom: 0; } + +.nk-df-l, .nk-df-x { left: 0; } + +.nk-df-r, .nk-df-x { right: 0; } + +.nk-df-around, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .bg-image, .bg-video, .bg-video-cover, .overlay:after, .nk-ovm .nk-svgs, .accordion-icon:before, .accordion-icon:after { position: absolute; bottom: 0; top: 0; left: 0; right: 0; } + +.nk-df-center, .abs-center, .nk-block-video-play { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.nk-df-bg, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .has-bg, [class*='bg-'], .bg-image, .bg-video, .bg-video-cover { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } + +.nk-df-bg-100, .img-block-dot, .app-slide-wrap:after, .rank-item { background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; } + +.text-regular-sm { font-weight: 400; font-size: 0.9rem; } + +.block-row:not(:last-child) { margin-bottom: 40px !important; } + +@media (min-width: 992px) { .block-row:not(:last-child) { margin-bottom: 50px !important; } } + +/** 02.02 Spacing */ +.gap { height: 30px; } + +.gap-s { height: 10px; } + +.gap-m { height: 20px; } + +.gap-l { height: 40px; } + +.gap-x { height: 60px; } + +.gap-1x { height: 10px; } + +.gap-2x { height: 20px; } + +.gap-3x { height: 30px; } + +.gap-4x { height: 40px; } + +.gap-5x { height: 50px; } + +.gap-6x { height: 60px; } + +.gap-7x { height: 70px; } + +.gap-8x { height: 80px; } + +.gap-9x { height: 90px; } + +.gap-10x { height: 100px; } + +.pdt, .pd, .pdy { padding-top: 30px; } + +.pdb, .pd, .pdy { padding-bottom: 30px; } + +.pdl, .pd, .pdx { padding-left: 30px; } + +.pdr, .pd, .pdx { padding-right: 30px; } + +.pdt-s, .pd-s, .pdy-s { padding-top: 10px !important; } + +.pdt-m, .pd-m, .pdy-m { padding-top: 20px !important; } + +.pdt-r, .pd-r, .pdy-r { padding-top: 30px !important; } + +.pdt-l, .pd-l, .pdy-l { padding-top: 40px !important; } + +.pdt-x, .pd-x, .pdy-x { padding-top: 60px !important; } + +.pdb-s, .pd-s, .pdy-s { padding-bottom: 10px !important; } + +.pdb-m, .pd-m, .pdy-m { padding-bottom: 20px !important; } + +.pdb-r, .pd-r, .pdy-r { padding-bottom: 30px !important; } + +.pdb-l, .pd-l, .pdy-l { padding-bottom: 40px !important; } + +.pdb-x, .pd-x, .pdy-x { padding-bottom: 60px !important; } + +.pdl-s, .pd-s, .pdx-s { padding-left: 10px !important; } + +.pdl-m, .pd-m, .pdx-m { padding-left: 20px !important; } + +.pdl-r, .pd-r, .pdx-r { padding-left: 30px !important; } + +.pdl-l, .pd-l, .pdx-l { padding-left: 40px !important; } + +.pdl-x, .pd-x, .pdx-x { padding-left: 60px !important; } + +.pdr-s, .pd-s, .pdx-s { padding-right: 10px !important; } + +.pdr-m, .pd-m, .pdx-m { padding-right: 20px !important; } + +.pdr-r, .pd-r, .pdx-r { padding-right: 30px !important; } + +.pdr-l, .pd-l, .pdx-l { padding-right: 40px !important; } + +.pdr-x, .pd-x, .pdx-x { padding-right: 60px !important; } + +.mgt, .mg, .mgy { margin-top: 30px !important; } + +.mgb, .mg, .mgy { margin-bottom: 30px !important; } + +.mgl, .mg, .mgx { margin-left: 30px !important; } + +.mgr, .mg, .mgx { margin-right: 30px !important; } + +.mg-fix { margin-bottom: -20px; } + +.mg-fix-lg { margin-bottom: -45px; } + +.mg-fix-md { margin-bottom: -30px; } + +.mg-fix-sm { margin-bottom: -15px; } + +.mg-fix-xs { margin-bottom: -10px; } + +.mgt-s, .mg-s, .mgy-s { margin-top: 10px !important; } + +.mgt-m, .mg-m, .mgy-m { margin-top: 20px !important; } + +.mgt-r, .mg-r, .mgy-r { margin-top: 30px !important; } + +.mgt-l, .mg-l, .mgy-l { margin-top: 40px !important; } + +.mgt-x, .mg-x, .mgy-x { margin-top: 60px !important; } + +.mgb-s, .mg-s, .mgy-s { margin-bottom: 10px !important; } + +.mgb-m, .mg-m, .mgy-m { margin-bottom: 20px !important; } + +.mgb-r, .mg-r, .mgy-r { margin-bottom: 30px !important; } + +.mgb-l, .mg-l, .mgy-l { margin-bottom: 40px !important; } + +.mgb-x, .mg-x, .mgy-x { margin-bottom: 60px !important; } + +.mgl-s, .mg-s, .mgx-s { margin-left: 10px !important; } + +.mgl-m, .mg-m, .mgx-m { margin-left: 20px !important; } + +.mgl-r, .mg-r, .mgx-r { margin-left: 30px !important; } + +.mgl-l, .mg-l, .mgx-l { margin-left: 40px !important; } + +.mgl-x, .mg-x, .mgx-x { margin-left: 60px !important; } + +.mgr-s, .mg-s, .mgx-s { margin-right: 10px !important; } + +.mgr-m, .mg-m, .mgx-m { margin-right: 20px !important; } + +.mgr-r, .mg-r, .mgx-r { margin-right: 30px !important; } + +.mgr-l, .mg-l, .mgx-l { margin-right: 40px !important; } + +.mgr-x, .mg-x, .mgx-x { margin-right: 60px !important; } + +@media (min-width: 576px) { .pdt-l, .pd-l, .pdy-l { padding-top: 60px !important; } + .pdt-x, .pd-x, .pdy-x { padding-top: 90px !important; } + .pdb-l, .pd-l, .pdy-l { padding-bottom: 60px !important; } + .pdb-x, .pd-x, .pdy-x { padding-bottom: 90px !important; } + .pdl-l, .pd-l, .pdx-l { padding-left: 60px !important; } + .pdl-x, .pd-x, .pdx-x { padding-left: 90px !important; } + .pdr-l, .pd-l, .pdx-l { padding-right: 60px !important; } + .pdr-x, .pd-x, .pdx-x { padding-right: 90px !important; } + .mgt-l, .mg-l, .mgy-l { margin-top: 60px !important; } + .mgt-x, .mg-x, .mgy-x { margin-top: 90px !important; } + .mgb-l, .mg-l, .mgy-l { margin-bottom: 60px !important; } + .mgb-x, .mg-x, .mgy-x { margin-bottom: 90px !important; } + .mgl-l, .mg-l, .mgx-l { margin-left: 60px !important; } + .mgl-x, .mg-x, .mgx-x { margin-left: 90px !important; } + .mgr-l, .mg-l, .mgx-l { margin-right: 60px !important; } + .mgr-x, .mg-x, .mgx-x { margin-right: 90px !important; } } + +.mgb-m10 { margin-bottom: -10px !important; } + +.mgb-m20 { margin-bottom: -20px !important; } + +.mgb-m30 { margin-bottom: -30px !important; } + +.mgb-m40 { margin-bottom: -40px !important; } + +.mgb-m50 { margin-bottom: -50px !important; } + +.mgt-m10 { margin-top: -10px !important; } + +.mgt-m20 { margin-top: -20px !important; } + +.mgt-m30 { margin-top: -30px !important; } + +.mgt-m40 { margin-top: -40px !important; } + +.mgt-m50 { margin-top: -50px !important; } + +.mgt-m70 { margin-top: -70px !important; } + +.gutter-5px { margin-left: -2.5px !important; margin-right: -2.5px !important; } + +.gutter-5px > li, .gutter-5px > div { padding-left: 2.5px !important; padding-right: 2.5px !important; } + +.gutter-15px { margin-left: -7.5px !important; margin-right: -7.5px !important; } + +.gutter-15px > li, .gutter-15px > div { padding-left: 7.5px !important; padding-right: 7.5px !important; } + +.gutter-25px { margin-left: -12.5px !important; margin-right: -12.5px !important; } + +.gutter-25px > li, .gutter-25px > div { padding-left: 12.5px !important; padding-right: 12.5px !important; } + +.gutter-10px { margin-left: -5px !important; margin-right: -5px !important; } + +.gutter-10px > li, .gutter-10px > div { padding-left: 5px !important; padding-right: 5px !important; } + +.gutter-20px { margin-left: -10px !important; margin-right: -10px !important; } + +.gutter-20px > li, .gutter-20px > div { padding-left: 10px !important; padding-right: 10px !important; } + +.gutter-30px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-30px > li, .gutter-30px > div { padding-left: 15px !important; padding-right: 15px !important; } + +.gutter-40px { margin-left: -20px !important; margin-right: -20px !important; } + +.gutter-40px > li, .gutter-40px > div { padding-left: 20px !important; padding-right: 20px !important; } + +.gutter-50px { margin-left: -25px !important; margin-right: -25px !important; } + +.gutter-50px > li, .gutter-50px > div { padding-left: 25px !important; padding-right: 25px !important; } + +.gutter-60px { margin-left: -30px !important; margin-right: -30px !important; } + +.gutter-60px > li, .gutter-60px > div { padding-left: 30px !important; padding-right: 30px !important; } + +.gutter-70px { margin-left: -35px !important; margin-right: -35px !important; } + +.gutter-70px > li, .gutter-70px > div { padding-left: 35px !important; padding-right: 35px !important; } + +.gutter-80px { margin-left: -40px !important; margin-right: -40px !important; } + +.gutter-80px > li, .gutter-80px > div { padding-left: 40px !important; padding-right: 40px !important; } + +.gutter-90px { margin-left: -45px !important; margin-right: -45px !important; } + +.gutter-90px > li, .gutter-90px > div { padding-left: 45px !important; padding-right: 45px !important; } + +.gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } + +.gutter-vr-5px { margin-top: -2.5px !important; margin-bottom: -2.5px !important; } + +.gutter-vr-5px > li, .gutter-vr-5px > div { padding-top: 2.5px !important; padding-bottom: 2.5px !important; } + +.gutter-vr-15px { margin-top: -7.5px !important; margin-bottom: -7.5px !important; } + +.gutter-vr-15px > li, .gutter-vr-15px > div { padding-top: 7.5px !important; padding-bottom: 7.5px !important; } + +.gutter-vr-25px { margin-top: -12.5px !important; margin-bottom: -12.5px !important; } + +.gutter-vr-25px > li, .gutter-vr-25px > div { padding-top: 12.5px !important; padding-bottom: 12.5px !important; } + +.gutter-vr-10px { margin-top: -5px !important; margin-bottom: -5px !important; } + +.gutter-vr-10px > li, .gutter-vr-10px > div { padding-top: 5px !important; padding-bottom: 5px !important; } + +.gutter-vr-20px { margin-top: -10px !important; margin-bottom: -10px !important; } + +.gutter-vr-20px > li, .gutter-vr-20px > div { padding-top: 10px !important; padding-bottom: 10px !important; } + +.gutter-vr-30px { margin-top: -15px !important; margin-bottom: -15px !important; } + +.gutter-vr-30px > li, .gutter-vr-30px > div { padding-top: 15px !important; padding-bottom: 15px !important; } + +.gutter-vr-40px { margin-top: -20px !important; margin-bottom: -20px !important; } + +.gutter-vr-40px > li, .gutter-vr-40px > div { padding-top: 20px !important; padding-bottom: 20px !important; } + +.gutter-vr-50px { margin-top: -25px !important; margin-bottom: -25px !important; } + +.gutter-vr-50px > li, .gutter-vr-50px > div { padding-top: 25px !important; padding-bottom: 25px !important; } + +.gutter-vr-60px { margin-top: -30px !important; margin-bottom: -30px !important; } + +.gutter-vr-60px > li, .gutter-vr-60px > div { padding-top: 30px !important; padding-bottom: 30px !important; } + +.gutter-vr-70px { margin-top: -35px !important; margin-bottom: -35px !important; } + +.gutter-vr-70px > li, .gutter-vr-70px > div { padding-top: 35px !important; padding-bottom: 35px !important; } + +.gutter-vr-80px { margin-top: -40px !important; margin-bottom: -40px !important; } + +.gutter-vr-80px > li, .gutter-vr-80px > div { padding-top: 40px !important; padding-bottom: 40px !important; } + +.gutter-vr-90px { margin-top: -45px !important; margin-bottom: -45px !important; } + +.gutter-vr-90px > li, .gutter-vr-90px > div { padding-top: 45px !important; padding-bottom: 45px !important; } + +.gutter-vr-100px { margin-top: -50px !important; margin-bottom: -50px !important; } + +.gutter-vr-100px > li, .gutter-vr-100px > div { padding-top: 50px !important; padding-bottom: 50px !important; } + +.gutter-100px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 15px !important; padding-right: 15px !important; } + +@media (min-width: 992px) { .gutter-100px { margin-left: -25px !important; margin-right: -25px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 25px !important; padding-right: 25px !important; } } + +@media (min-width: 1200px) { .gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } } + +/** 02.03 Colors */ +.tc-base-white, .tc-light, .tc-light a:not(.btn):not([class*="link-"]) { color: #f8f8ff; } + +.tc-base-white-hover, .tc-light a:not(.btn):not([class*="link-"]):hover { color: #46bdf4; } + +.tc-default, .tc-default a { color: #696993 !important; } + +.tc-alternet, .tc-alternet a { color: #696993 !important; } + +.tc-primary, .tc-primary a { color: #5d46e8 !important; } + +.tc-primary a:hover { color: #ff9259 !important; } + +.tc-secondary, .tc-secondary a { color: #ff9259 !important; } + +.tc-secondary a:hover { color: #5d46e8 !important; } + +.tc-info, .tc-info a { color: #026bfb !important; } + +.tc-warning, .tc-warning a { color: #ff9259 !important; } + +.tc-success, .tc-success a { color: #39d884 !important; } + +.tc-danger, .tc-danger a { color: #e6604a !important; } + +.tc-light p, .tc-light .list { color: #fff; } + +.tc-light .lead, .tc-light .lead-light, .tc-light .lead-s2 { color: #fff; } + +.tc-light-alt a:not(.btn):not([class*="link-"]) { color: #fff !important; } + +.tc-light-alt a:not(.btn):not([class*="link-"]):hover { color: #ff9259 !important; } + +.tc-light-alt li { color: #fff; } + +.tc-lighter { color: rgba(255, 255, 255, 0.6) !important; } + +.tc-dark, .tc-dark a { color: #0b0c10 !important; } + +.tc-theme, .tc-theme a { color: #5d46e8 !important; } + +.tc-theme-alt, .tc-theme-alt a { color: #4936b5 !important; } + +.tc-white { color: #fff !important; } + +.bg-default { background-color: #696993 !important; } + +.bg-alternet { background-color: #4936b5 !important; } + +.bg-primary { background-color: #5d46e8 !important; } + +.bg-secondary { background-color: #ff9259 !important; } + +.bg-light { background-color: #f8f8ff !important; } + +.bg-light.current { background-color: rgba(248, 248, 255, 0.7) !important; } + +.bg-light-alt { background-color: #f3f2fe !important; } + +.bg-light-alt.current { background-color: rgba(243, 242, 254, 0.7) !important; } + +.bg-light-grad { background-image: linear-gradient(to bottom, #fff 0%, #f8f8ff 100%); } + +.bg-dark { background-color: #2a1f69 !important; } + +.bg-dark.current { background-color: rgba(42, 31, 105, 0.7) !important; } + +.bg-dark-alt { background-color: rgba(42, 31, 105, 0.7) !important; } + +.bg-dark-alt.current { background-color: rgba(58, 43, 139, 0.7) !important; } + +.bg-dark-opacity { background: rgba(0, 0, 0, 0.15) !important; } + +.bg-trans { background-color: transparent !important; } + +.bg-grad { background-image: linear-gradient(90deg, #5d46e8 0%, #ff9259 100%) !important; } + +.bg-grad-alt { background-image: linear-gradient(90deg, #ff9259 0%, #5d46e8 100%) !important; } + +.bg-grad-special { background-image: linear-gradient(140deg, #46bdf4 0%, #46bdf4 20%, transparent 50%, transparent 100%) !important; } + +.bg-grad-special-alt { background-image: linear-gradient(to top, #5d46e8 0%, #5d46e8 5%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.bg-grad-vr-theme-to-alt { background-image: linear-gradient(to bottom, #4936b5 0%, #5d46e8 100%) !important; } + +.bg-grad-vr-theme-dark-to-dark-alt { background-image: linear-gradient(to bottom, #2a1f69 0%, #3a2b8b 100%) !important; } + +.bg-grad-vr-alt-to-theme { background-image: linear-gradient(to top, #4936b5 0%, #5d46e8 100%) !important; } + +.bg-grad-vr-dark-alt-to-theme-dark-to-theme { background-image: linear-gradient(to top, #2a1f69 0%, #3a2b8b 100%) !important; } + +.bg-info { background-color: #026bfb !important; } + +.bg-warning { background-color: #ff9259 !important; } + +.bg-success { background-color: #39d884 !important; } + +.bg-danger { background-color: #e6604a !important; } + +.bg-black { background-color: #000; } + +.bg-black-2, .bonus-info { background-color: rgba(0, 0, 0, 0.02); } + +.bg-black-5 { background-color: rgba(0, 0, 0, 0.05); } + +.bg-black-7 { background-color: rgba(0, 0, 0, 0.07); } + +.bg-black-10 { background-color: rgba(0, 0, 0, 0.1); } + +.bg-black-14 { background-color: rgba(0, 0, 0, 0.14); } + +.bg-black-22 { background-color: rgba(0, 0, 0, 0.22); } + +.bg-white { background-color: #fff; } + +.bg-white-2 { background-color: rgba(255, 255, 255, 0.02); } + +.bg-white-5 { background-color: rgba(255, 255, 255, 0.05); } + +.bg-white-7 { background-color: rgba(255, 255, 255, 0.07); } + +.bg-white-10 { background-color: rgba(255, 255, 255, 0.1); } + +.bg-white-14 { background-color: rgba(255, 255, 255, 0.14); } + +.bg-white-22 { background-color: rgba(255, 255, 255, 0.22); } + +.bg-theme { background-color: #4936b5 !important; } + +.bg-theme.current { background-color: rgba(73, 54, 181, 0.7) !important; } + +.bg-theme-alt { background-color: #5d46e8 !important; } + +.bg-theme-alt.current { background-color: rgba(93, 70, 232, 0.7) !important; } + +.bg-theme-grad { background-image: linear-gradient(to right, #4936b5 0%, #5d46e8 100%) !important; } + +.bg-theme-grad-alt { background-image: linear-gradient(to right, #5d46e8 0%, #4936b5 100%) !important; } + +.bg-theme-grad-s2 { background-image: linear-gradient(135deg, #4936b5 0%, #5d46e8 100%) !important; } + +.bg-theme-grad-s2-alt { background-image: linear-gradient(135deg, #5d46e8 0%, #4936b5 100%) !important; } + +.bg-theme-grad-alternet { background-image: linear-gradient(to right, #4936b5 0%, #46bdf4 100%) !important; } + +.bg-theme-dark { background-color: #2a1f69 !important; } + +.bg-theme-dark.current { background-color: rgba(42, 31, 105, 0.7) !important; } + +.bg-theme-dark-alt { background-color: #3a2b8b !important; } + +.bg-theme-dark-alt.current { background-color: rgba(58, 43, 139, 0.7) !important; } + +.bg-theme-light { background-color: #f8f8ff !important; } + +.bg-theme-light.current { background-color: rgba(248, 248, 255, 0.7) !important; } + +.bg-theme-light-alt { background-color: #f3f2fe !important; } + +.bg-theme-light-alt.current { background-color: rgba(243, 242, 254, 0.7) !important; } + +.bg-theme-accent { background-color: #5d46e8 !important; } + +.bg-theme-accent.current { background-color: rgba(93, 70, 232, 0.7) !important; } + +.bg-theme-accent-alt { background-color: #ff9259 !important; } + +.bg-theme-accent-alt.current { background-color: rgba(255, 146, 89, 0.7) !important; } + +.bg-blend:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #4936b5); } + +.bg-blend-alt:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #5d46e8); } + +.bg-blend-light { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #f8f8ff); } + +.bg-blend-light-alt { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #f3f2fe); } + +.bg-rblend-light { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #f8f8ff); } + +.bg-rblend-light-alt { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #f3f2fe); } + +.theme-dark { background: #2a1f69 !important; } + +.text-primary { color: #4936b5 !important; } + +.text-primary-alt { color: #5d46e8 !important; } + +.text-theme-alt { color: #46bdf4; } + +.text-base { color: #38385f; } + +/** 02.04 Misc */ +.ttc { text-transform: capitalize !important; } + +.ttu { text-transform: uppercase !important; } + +.ttl { text-transform: lowercase !important; } + +.ttn { text-transform: none !important; } + +.fw-7 { font-weight: 700 !important; } + +.fw-6 { font-weight: 600 !important; } + +.fw-5 { font-weight: 500 !important; } + +.fw-4 { font-weight: 400 !important; } + +.fw-3 { font-weight: 300 !important; } + +.fw-rg { font-weight: 400 !important; } + +.fw-bold { font-weight: 700 !important; } + +.fw-md { font-weight: 500 !important; } + +.fw-lt { font-weight: 300 !important; } + +.lh { line-height: 1; } + +.lh-11 { line-height: 1.1; } + +.lh-12 { line-height: 1.2; } + +.lh-13 { line-height: 1.3; } + +.lh-14 { line-height: 1.4; } + +.lh-15 { line-height: 1.5; } + +.lh-16 { line-height: 1.6; } + +.lh-17 { line-height: 1.7; } + +.lh-18 { line-height: 1.8; } + +.lh-19 { line-height: 1.9; } + +.lh-2 { line-height: 2; } + +.ov-h, .nk-block-video, .nk-banner, .banner-wrap, .feature-group, .feature-img { overflow: hidden; } + +.ov-xh { overflow-x: hidden; } + +.ov-yh { overflow-y: hidden; } + +.ov-s { overflow: scroll; } + +.ov-xs { overflow-x: scroll; } + +.ov-ys { overflow-y: scroll; } + +.ov-v { overflow: visible !important; } + +.ov-xv { overflow-x: visible !important; } + +.ov-yv { overflow-y: visible !important; } + +.bd { border: 1px solid #d1e0f6; } + +.bd-2 { border-width: 2px; } + +.bd-3 { border-width: 3px; } + +.bdt { border-top: 1px solid #d1e0f6; } + +.bdt-2 { border-top-width: 2px; } + +.bdt-3 { border-top-width: 3px; } + +.bdb { border-bottom: 1px solid #d1e0f6; } + +.bdb-2 { border-bottom-width: 2px; } + +.bdb-3 { border-bottom-width: 3px; } + +.bdl { border-left: 1px solid #d1e0f6; } + +.bdl-2 { border-left-width: 2px; } + +.bdl-3 { border-left-width: 3px; } + +.bdr { border-right: 1px solid #d1e0f6; } + +.bdr-2 { border-right-width: 2px; } + +.bdr-3 { border-right-width: 3px; } + +.bd-dashed { border-style: dashed; } + +.bd-dotted { border-style: dotted; } + +.bd-double { border-style: double; } + +.bd-light { border-color: #dbe4f7; } + +.bd-lighter { border-color: #dbe4f7; } + +.bd-lightest { border-color: #f4f7fd; } + +.bd-dark { border-color: #394995; } + +.bd-darker { border-color: #394995; } + +.bd-darkest { border-color: #394995; } + +.bd-primary { border-color: #5d46e8; } + +.bd-alternet { border-color: #a2b3cd; } + +.bd-secondary { border-color: #4936b5; } + +.bd-info { border-color: #9ac4fd; } + +.bd-warning { border-color: #fbe5a8; } + +.bd-success { border-color: #b0efce; } + +.bd-danger { border-color: #f5bfb7; } + +.round, .token-stage { border-radius: 6px !important; } + +.round-sm { border-radius: 4px !important; } + +.round-md { border-radius: 10px !important; } + +.round-lg { border-radius: 15px !important; } + +.round-xl { border-radius: 44px !important; } + +.round-full, .circle { border-radius: 50% !important; } + +.round-full:before, .circle:before, .round-full:after, .circle:after { border-radius: 50% !important; } + +.bdrs-1 { border-radius: 1px; } + +.bdrs-2 { border-radius: 2px; } + +.bdrs-3 { border-radius: 3px; } + +.bdrs-4 { border-radius: 4px; } + +.bdrs-5 { border-radius: 5px; } + +.bdrs-6 { border-radius: 6px; } + +.bdrs-7 { border-radius: 7px; } + +.bdrs-8 { border-radius: 8px; } + +.bdrs-9 { border-radius: 9px; } + +.bdrs-1x { border-radius: 10px; } + +.bdrs-2x { border-radius: 20px; } + +.bdrs-3x { border-radius: 30px; } + +.bdrs-4x { border-radius: 40px; } + +.bdrs-5x { border-radius: 50px; } + +.bdrs-15x { border-radius: 15px; } + +.bdrs-25x { border-radius: 25px; } + +.bdrs-35x { border-radius: 35px; } + +.bdrs-45x { border-radius: 45px; } + +.shadow { box-shadow: 0 3px 12px 0 rgba(93, 70, 232, 0.08) !important; } + +.shadow-alt { box-shadow: 0 8px 16px 0 rgba(93, 70, 232, 0.15); } + +.shadow-soft { box-shadow: 0 5px 45px 0 rgba(93, 70, 232, 0.08); } + +.shadow-soft-sm { box-shadow: 0 2px 12px 0 rgba(93, 70, 232, 0.08); } + +.shadow-dark { box-shadow: 0 10px 40px rgba(93, 70, 232, 0.15); } + +.shadow-dark-sm { box-shadow: 0 3px 12px 0 rgba(93, 70, 232, 0.15); } + +.shadow-heavy { box-shadow: 0 0 60px rgba(93, 70, 232, 0.15); } + +.shadow-heavy-sm { box-shadow: 0 3px 12px 0 rgba(93, 70, 232, 0.25); } + +.nk-df-mask-a, .mask-a:before, .mask-a-bg { background-image: url(../images/mask-a.svg); } + +.ie .nk-df-mask-a, .ie .mask-a:before, .ie .mask-a-bg { background-image: url(../images/mask-a.png); } + +.nk-df-mask-a-md, .mask-a-md:before, .mask-a-md-bg { background-image: url(../images/mask-a-md.svg); } + +.ie .nk-df-mask-a-md, .ie .mask-a-md:before, .ie .mask-a-md-bg { background-image: url(../images/mask-a-md.png); } + +.nk-df-mask-a-dark, .mask-a-dark:before, .mask-a-dark-bg { background-image: url(../images/mask-a-dark.svg); } + +.ie .nk-df-mask-a-dark, .ie .mask-a-dark:before, .ie .mask-a-dark-bg { background-image: url(../images/mask-a-dark.png); } + +.nk-df-mask-line, .mask-line:before, .mask-line-bg { background-image: url(../images/mask-line.svg); } + +.ie .nk-df-mask-line, .ie .mask-line:before, .ie .mask-line-bg { background-image: url(../images/mask-line.png); } + +.nk-df-mask-b, .mask-b:before, .mask-b-bg { background-image: url(../images/mask-b.svg); } + +.ie .nk-df-mask-b, .ie .mask-b:before, .ie .mask-b-bg { background-image: url(../images/mask-b.png); } + +.nk-df-mask-c, .mask-c:before, .mask-c-bg { background-image: url(../images/mask-c.svg); } + +.ie .nk-df-mask-c, .ie .mask-c:before, .ie .mask-c-bg { background-image: url(../images/mask-c.png); } + +.nk-df-mask-c-light, .mask-c-light:before, .mask-c-light-bg { background-image: url(../images/mask-c-light.svg); } + +.ie .nk-df-mask-c-light, .ie .mask-c-light:before, .ie .mask-c-light-bg { background-image: url(../images/mask-c-light.png); } + +.nk-df-mask-c-dark, .mask-c-dark:before, .mask-c-dark-bg { background-image: url(../images/mask-c-dark.svg); } + +.ie .nk-df-mask-c-dark, .ie .mask-c-dark:before, .ie .mask-c-dark-bg { background-image: url(../images/mask-c-dark.png); } + +.nk-df-mask-d, .mask-d:before, .mask-d-bg { background-image: url(../images/mask-d.svg); } + +.ie .nk-df-mask-d, .ie .mask-d:before, .ie .mask-d-bg { background-image: url(../images/mask-d.png); } + +.nk-df-mask-d2, .mask-d2:before, .mask-d2-bg { background-image: url(../images/mask-d2.svg); } + +.ie .nk-df-mask-d2, .ie .mask-d2:before, .ie .mask-d2-bg { background-image: url(../images/mask-d2.png); } + +.nk-df-mask-e, .mask-e:before, .mask-e-bg { background-image: url(../images/mask-e.svg); } + +.ie .nk-df-mask-e, .ie .mask-e:before, .ie .mask-e-bg { background-image: url(../images/mask-e.png); } + +.nk-df-mask-f, .mask-f:before, .mask-f-bg { background-image: url(../images/mask-f.svg); } + +.ie .nk-df-mask-f, .ie .mask-f:before, .ie .mask-f-bg { background-image: url(../images/mask-f.png); } + +.nk-df-mask-f-footer, .mask-f-footer:before, .mask-f-footer-bg { background-image: url(../images/mask-f-footer.svg); } + +.ie .nk-df-mask-f-footer, .ie .mask-f-footer:before, .ie .mask-f-footer-bg { background-image: url(../images/mask-f-footer.png); } + +.mask-a:before, .mask-a-md:before, .mask-a-dark:before { background-position: bottom center !important; } + +.mask-contain-bottom:before { background-size: contain; background-position: 50% 100%; } + +.mask-c-blend { background-image: linear-gradient(180deg, #0d1b61 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-dark { background-image: linear-gradient(180deg, #0C0E24 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-light { background-image: linear-gradient(180deg, #f0f6ff 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-f:before { left: 0 !important; } + +.mask-f-footer:before { background-position: 50% -1px; } + +.before-bottom:before { top: auto; } + +.before-h10:before { height: 10%; } + +.before-h20:before { height: 20%; } + +.before-h30:before { height: 30%; } + +.before-h40:before { height: 40%; } + +.before-h50:before { height: 50%; } + +.before-h60:before { height: 60%; } + +.before-h70:before { height: 70%; } + +.before-h80:before { height: 80%; } + +.before-h90:before { height: 90%; } + +.nk-df-shape-a, .shape-a:after, .shape-a-bg, .bg-shape-a { background-image: url(../images/shape-a.png); } + +.nk-df-shape-a-sm, .shape-a-sm:after, .shape-a-sm-bg { background-image: url(../images/shape-a-sm.png); } + +.nk-df-shape-b, .shape-b:after, .shape-b-bg, .bg-shape-b { background-image: url(../images/shape-b.png); } + +.nk-df-shape-b-sm, .shape-b-sm:after, .shape-b-sm-bg { background-image: url(../images/shape-b-sm.png); } + +.nk-df-shape-c, .shape-c:after, .shape-c-bg { background-image: url(../images/shape-c.png); } + +.nk-df-shape-c-sm, .shape-c-sm:after, .shape-c-sm-bg { background-image: url(../images/shape-c-sm.png); } + +.nk-df-shape-d, .shape-d:after, .shape-d-bg { background-image: url(../images/shape-d.png); } + +.nk-df-shape-d-sm, .shape-d-sm:after, .shape-d-sm-bg { background-image: url(../images/shape-d-sm.png); } + +.nk-df-shape-e, .shape-e:after, .shape-e-bg { background-image: url(../images/shape-e.png); } + +.nk-df-shape-e-sm, .shape-e-sm:after, .shape-e-sm-bg { background-image: url(../images/shape-e-sm.png); } + +.nk-df-shape-f, .shape-f:after, .shape-f-bg { background-image: url(../images/shape-f.png); } + +.nk-df-shape-f-sm, .shape-f-sm:after, .shape-f-sm-bg { background-image: url(../images/shape-f-sm.png); } + +.nk-df-shape-g, .shape-g:after, .shape-g-bg { background-image: url(../images/shape-g.png); } + +.nk-df-shape-g-sm, .shape-g-sm:after, .shape-g-sm-bg { background-image: url(../images/shape-g-sm.png); } + +.nk-df-shape-h, .shape-h:after, .shape-h-bg { background-image: url(../images/shape-h.png); } + +.nk-df-shape-h-sm, .shape-h-sm:after, .shape-h-sm-bg { background-image: url(../images/shape-h-sm.png); } + +.nk-df-shape-i, .shape-i:after, .shape-i-bg { background-image: url(../images/shape-i.png); } + +.nk-df-shape-i-sm, .shape-i-sm:after, .shape-i-sm-bg { background-image: url(../images/shape-i-sm.png); } + +.nk-df-shape-m, .shape-m:after, .shape-m-bg { background-image: url(../images/shape-m.png); } + +.nk-df-shape-n, .shape-n:after, .shape-n-bg { background-image: url(../images/shape-n.png); } + +.nk-df-shape-o, .shape-o:after, .shape-o-bg { background-image: url(../images/shape-o.png); } + +.nk-df-shape-p, .shape-p:after, .shape-p-bg { background-image: url(../images/shape-p.png); } + +.nk-df-shape-q, .shape-q:after, .shape-q-bg { background-image: url(../images/shape-q.png); } + +.nk-df-shape-r, .shape-r:after, .shape-r-bg { background-image: url(../images/shape-r.png); } + +.nk-df-shape-s, .shape-s:after, .shape-s-bg { background-image: url(../images/shape-s.png); } + +.nk-df-shape-s-sm, .shape-s-sm:after, .shape-s-sm-bg { background-image: url(../images/shape-s-sm.png); } + +.nk-df-shape-t, .shape-t:after, .shape-t-bg { background-image: url(../images/shape-t.png); } + +.nk-df-shape-u, .shape-u:after, .shape-u-bg { background-image: url(../images/shape-u.png); } + +.nk-df-shape-v, .shape-v:after, .shape-v-bg { background-image: url(../images/shape-v.png); } + +.nk-df-shape-w, .shape-w:after, .shape-w-bg { background-image: url(../images/shape-w.png); } + +.nk-df-shape-x, .shape-x:after, .shape-x-bg { background-image: url(../images/shape-x.png); } + +.nk-df-shape-x-2, .shape-x-2:after, .shape-x-2-bg { background-image: url(../images/shape-x-2.png); } + +.nk-df-shape-x-3, .shape-x-3:after, .shape-x-3-bg { background-image: url(../images/shape-x-3.png); } + +.nk-df-shape-y, .shape-y:after, .shape-y-bg { background-image: url(../images/shape-y.png); } + +.nk-df-shape-z, .shape-z:after, .shape-z-bg { background-image: url(../images/shape-z.png); } + +.nk-df-shape-z2, .shape-z2:after, .shape-z2-bg { background-image: url(../images/shape-z2.png); } + +.nk-df-shape-a2, .shape-a2:after, .shape-a2-bg { background-image: url(../images/shape-a2.png); } + +.nk-df-shape-z3, .shape-z3:after, .shape-z3-bg { background-image: url(../images/shape-z3.png); } + +.nk-df-shape-z4, .shape-z4:after, .shape-z4-bg { background-image: url(../images/shape-z4.png); } + +.nk-df-shape-z6, .shape-z6:after, .shape-z6-bg { background-image: url(../images/shape-z6.png); } + +.nk-df-shape-z6-sm, .shape-z6-sm:after, .shape-z6-sm-bg { background-image: url(../images/shape-z6-sm.png); } + +.nk-df-shape-z7, .shape-z7:after, .shape-z7-bg { background-image: url(../images/shape-z7.png); } + +.shape-contain:after { background-size: contain; } + +.shape-center-top:after { background-position: 50% 0; } + +.shape-center-bottom:after { background-position: 50% 100%; } + +.shape-left-top:after { background-position: 0 0; } + +.shape-q:after { background-size: contain; background-repeat: repeat; background-position: 0 50%; } + +.shape-lg-60:after { background-size: 60%; } + +.shape-z3:after { background-size: 100%; background-position: bottom center; } + +.shape-x.nk-ovm:after, .shape-x.nk-ovm:before { left: 0 !important; } + +.shape-a2:before { background-size: 100%; } + +.nk-ovm { z-index: 1; } + +.nk-ovm:before, .nk-ovm:after { bottom: -1px; left: -1px; } + +.nk-ovm:before { z-index: 1; } + +.nk-ovm-repeat:after { background-repeat: repeat; background-size: contain; } + +.nk-ovm-fixed:after { background-attachment: fixed; } + +.ovm-top { bottom: auto; } + +.ovm-bottom { top: auto; } + +.ovm-left { right: auto; } + +.ovm-right { left: auto; } + +.ovm-h-10 { height: 10%; } + +.ovm-h-20 { height: 20%; } + +.ovm-h-30 { height: 30%; } + +.ovm-h-40 { height: 40%; } + +.ovm-h-50 { height: 50%; } + +.ovm-h-60 { height: 60%; } + +.ovm-h-70 { height: 70%; } + +.ovm-h-80 { height: 80%; } + +.ovm-h-90 { height: 90%; } + +.ovm-w-10 { width: 10%; } + +.ovm-w-20 { width: 20%; } + +.ovm-w-30 { width: 30%; } + +.ovm-w-40 { width: 40%; } + +.ovm-w-50 { width: 50%; } + +.ovm-w-60 { width: 60%; } + +.ovm-w-70 { width: 70%; } + +.ovm-w-80 { width: 80%; } + +.ovm-w-90 { width: 90%; } + +.has-bg-image > div, .has-bg-video > div { position: relative; z-index: 1; } + +.bg-fixed { background-attachment: fixed; } + +.bg-image { position: absolute !important; z-index: 0 !important; opacity: 0; transition: opacity .4s; } + +.bg-image.bg-image-loaded { opacity: 1; } + +.bg-image img { display: none !important; } + +.bg-pattern-dots-color { background-image: url(../images/dot-a.png); background-size: contain; } + +.bg-pattern-dots { background-image: url(../images/dot-b.png); background-size: contain; background-repeat: repeat-y; } + +.bg-contain { background-size: contain; } + +.bg-bottom-center { background-position: 50% 100%; } + +.bg-shape-b { background-position: 50% 100%; } + +.bg-video { position: absolute !important; z-index: 0 !important; overflow: hidden; } + +.bg-video-cover { opacity: 0; } + +.cover-enabled .bg-video-cover { opacity: 1; } + +.bg-video .ytplayer-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.bg-video .ytplayer-container.cover-enabled .bg-video .ytplayer-container { display: none; } + +.cover-enabled .ytplayer-container { display: none; } + +.bg-image.bp-l0, .has-bg.bp-l0 { background-position: 0%; } + +.bg-image.bp-r0, .has-bg.bp-r0 { background-position: 0%; } + +.bg-image.bp-l10, .has-bg.bp-l10 { background-position: 10%; } + +.bg-image.bp-r10, .has-bg.bp-r10 { background-position: 40%; } + +.bg-image.bp-l20, .has-bg.bp-l20 { background-position: 20%; } + +.bg-image.bp-r20, .has-bg.bp-r20 { background-position: 30%; } + +.bg-image.bp-l25, .has-bg.bp-l25 { background-position: 25%; } + +.bg-image.bp-r25, .has-bg.bp-r25 { background-position: 25%; } + +.bg-image.bp-l30, .has-bg.bp-l30 { background-position: 30%; } + +.bg-image.bp-r30, .has-bg.bp-r30 { background-position: 20%; } + +.bg-image.bp-l40, .has-bg.bp-l40 { background-position: 40%; } + +.bg-image.bp-r40, .has-bg.bp-r40 { background-position: 10%; } + +.overlay:after { content: ''; } + +.overlay-light:after { background: #fff; } + +.overlay-dark:after { background: #000; } + +.overlay-theme:after { background: #4936b5; } + +.overlay-theme-dark:after { background: #2a1f69; } + +.overlay-opacity-10:after { opacity: 0.1; } + +.overlay-opacity-15:after { opacity: 0.15; } + +.overlay-opacity-20:after { opacity: 0.2; } + +.overlay-opacity-25:after { opacity: 0.25; } + +.overlay-opacity-30:after { opacity: 0.3; } + +.overlay-opacity-35:after { opacity: 0.35; } + +.overlay-opacity-40:after { opacity: 0.4; } + +.overlay-opacity-45:after { opacity: 0.45; } + +.overlay-opacity-50:after { opacity: 0.5; } + +.overlay-opacity-55:after { opacity: 0.55; } + +.overlay-opacity-60:after { opacity: 0.6; } + +.overlay-opacity-65:after { opacity: 0.65; } + +.overlay-opacity-70:after { opacity: 0.7; } + +.overlay-opacity-75:after { opacity: 0.75; } + +.overlay-opacity-80:after { opacity: 0.8; } + +.overlay-opacity-85:after { opacity: 0.85; } + +.overlay-opacity-90:after { opacity: 0.9; } + +.overlay-opacity-95:after { opacity: 0.95; } + +.overlay-opacity-100:after { opacity: 1; } + +.op-10 { opacity: 0.1; } + +.op-20 { opacity: 0.2; } + +.op-30 { opacity: 0.3; } + +.op-40 { opacity: 0.4; } + +.op-50 { opacity: 0.5; } + +.op-60 { opacity: 0.6; } + +.op-70 { opacity: 0.7; } + +.op-80 { opacity: 0.8; } + +.op-90 { opacity: 0.9; } + +.op-100 { opacity: 1; } + +.op-15 { opacity: 0.15; } + +.op-25 { opacity: 0.25; } + +.op-35 { opacity: 0.35; } + +.op-45 { opacity: 0.45; } + +.op-55 { opacity: 0.55; } + +.op-65 { opacity: 0.65; } + +.op-75 { opacity: 0.75; } + +.op-85 { opacity: 0.85; } + +.op-95 { opacity: 0.95; } + +.alignright, .alignleft, .aligncenter, .alignnone { display: block; padding: 0; margin: 15px auto; } + +@media (min-width: 576px) { .alignright, .alignleft, .aligncenter, .alignnone { margin: 0 0 15px; display: inline; } + .alignright { margin-left: 20px; float: right; } + .alignleft { margin-right: 20px; float: left; } + .alignnone { margin-right: 20px; } + .aligncenter { display: block; margin: 15px auto; } } + +.wide, .wide-rg, .wide-auto, .wide-auto-rg { max-width: 750px; } + +.wide-auto, .wide-auto-rg, .wide-auto-xl, .wide-auto-lg, .wide-auto-md, .wide-auto-sm, .wide-auto-xs { margin: 0 auto; } + +.wide-xl, .wide-auto-xl { max-width: 1560px; } + +.wide-lg, .wide-auto-lg { max-width: 1140px; } + +.wide-md, .wide-auto-md { max-width: 945px; } + +.wide-sm, .wide-auto-sm { max-width: 555px; } + +.wide-xs, .wide-auto-xs { max-width: 360px; } + +.wide-none, .wide-auto-none { max-width: inherit; } + +.text-center [class*="wide"], .text-center[class*="wide"] { margin-left: auto; margin-right: auto; } + +.over-up, [class*="over-up-"] { z-index: 9; } + +.over-up { margin-top: -175px; } + +.over-up-sm { margin-top: -45px; } + +.over-up-md { margin-top: -75px; } + +.over-up-lg { margin-top: -165px; } + +.over-up-xl { margin-top: -275px; } + +.over-up-s2 { margin-top: -70px; } + +.over-lg-up { margin-top: 0; } + +.over-up-xl-s2 { margin-top: 0; } + +@media (min-width: 768px) { .over-up { margin-top: -190px; } + .over-up-sm { margin-top: -75px; } + .over-up-md { margin-top: -125px; } + .over-up-lg { margin-top: -275px; } + .over-up-xl { margin-top: -350px; } + .over-up-s2 { margin-top: -50px; } } + +@media (min-width: 992px) { .over-lg-up { margin-top: -80px !important; } + .over-up-xl-s2 { margin-top: -230px; } + .nk-ovm-inner { position: absolute; right: 0; top: 0; width: 30%; background: #f8f8ff; height: 100%; z-index: 1; } } + +@media (min-width: 1200px) { .over-lg-up { margin-top: -100px !important; } + .over-up-xl-s2 { margin-top: -230px; } } + +@media (min-width: 1600px) { .over-lg-up { margin-top: -160px !important; } + .over-up-xl-s2 { margin-top: -295px; } } + +.nk-ovm .nk-svgs { z-index: 3; } + +.nk-svgs svg { height: 100%; width: auto; } + +.nk-svgs.svg-loaded svg { display: none; } + +hr { position: relative; z-index: 5; } + +.hr { border-top: 1px solid #dbe4f7; } + +.hr-white { border-top-color: #fff; } + +.hr-white-5 { border-top-color: rgba(255, 255, 255, 0.05); } + +.hr-white-10 { border-top-color: rgba(255, 255, 255, 0.1); } + +.hr-white-15 { border-top-color: rgba(255, 255, 255, 0.15); } + +.hr-black { border-top-color: #000; } + +.hr-black-5 { border-top-color: rgba(0, 0, 0, 0.05); } + +.hr-black-10 { border-top-color: rgba(0, 0, 0, 0.1); } + +.hr-black-15 { border-top-color: rgba(0, 0, 0, 0.15); } + +.h-110 { height: 110% !important; } + +.h-115 { height: 115% !important; } + +.h-120 { height: 120% !important; } + +.h-125 { height: 125% !important; } + +.h-130 { height: 130% !important; } + +.ui-shape { position: absolute; top: 0; left: 0; height: 100%; width: 100%; left: 50%; overflow: hidden; transform: translateX(-50%); z-index: -1; } + +.ui-shape:after, .ui-shape:before { position: absolute; content: ''; height: 210px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; transition: all .4s; } + +.ui-shape:before { top: 15%; left: -4%; width: 100px; background-image: url(../images/ui-shape-a.svg); } + +.ui-shape:after { bottom: 10%; right: -4%; width: 90px; background-image: url(../images/ui-shape-b.svg); } + +.ui-shape-light:before { background-image: url(../images/ui-shape-light-a.svg); } + +.ui-shape-light:after { background-image: url(../images/ui-shape-light-b.svg); } + +.ui-shape-s1:after { transform: rotate(60deg); } + +.ui-shape-s3:before { top: auto; bottom: 20%; } + +.ui-shape-s3:after { top: 10%; bottom: auto; } + +@media (min-width: 576px) { .ui-shape:before { width: 140px; } + .ui-shape:after { width: 120px; } } + +@media (min-width: 768px) { .ui-shape-s7:after { bottom: 15%; right: 16%; } + .ui-shape-s7:before { top: 6%; left: 22%; } + .ui-shape-s6:after { bottom: 9%; right: 0%; } + .ui-shape-s6:before { top: 9%; left: 13.3%; } + .ui-shape-s5:after { right: 4%; bottom: 15%; } + .ui-shape-s4:before { left: 20%; top: 23.5%; } + .ui-shape-s3:after { right: 4%; } + .ui-shape-s2:before { top: 8%; left: 21%; } + .ui-shape-s1:after { right: 0; } + .ui-shape-header:before { top: 22%; left: 9%; } + .ui-shape-header:after { right: 15%; bottom: 32%; } + .ui-shape-footer:before { top: 2%; } + .ui-shape-footer:after { bottom: -11%; } } + +@media (min-width: 992px) { .ui-shape { width: 960px; overflow: visible; } + .ui-shape:after { width: 166px; } + .ui-shape:before { width: 190px; } + .ui-shape-s5:after { right: -2.5%; } + .ui-shape-s3:before { top: auto; bottom: 20%; } + .ui-shape-header:before { left: 5%; } + .ui-shape-header:after { right: 3%; bottom: 22%; } } + +@media (min-width: 1200px) { .ui-shape { width: 1170px; } + .ui-shape-header:before { left: 2%; } + .ui-shape-header:after { right: -2.5%; bottom: 33%; } } + +.overlay-bars { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; } + +.overlay-bars div { position: absolute; background: rgba(255, 255, 255, 0.03); transform: rotate(-15deg); } + +.overlay-bars.reverse { transform: scaleX(-1); } + +.overlay-bar-1 { height: 140%; width: 300px; left: calc(50% - 210px); top: -20%; } + +.overlay-bar-2 { height: 100%; width: 160px; left: calc(50% - 170px); bottom: calc(50% + 155px); } + +.overlay-bar-3 { height: 100%; width: 230px; left: calc(50% - 90px); top: calc(50% + 280px); } + +.overlay-bar-4 { height: 140%; width: 300px; left: calc(50% - 860px); top: -20%; transform: rotate(-15deg); } + +.overlay-bar-5 { height: 140%; width: 160px; left: calc(50% - 910px); top: -20%; } + +.overlay-bar-6 { height: 140%; width: 300px; left: calc(50% + 530px); top: -20%; } + +.overlay-bar-7 { height: 140%; width: 300px; left: calc(50% + 670px); top: -20%; } + +.overlay-x { position: relative; } + +.overlay-x:before, .overlay-x:after { position: absolute; bottom: 0; content: ''; width: 300px; z-index: 1; } + +.overlay-x:before { left: 50%; margin-left: -125px; height: 800px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(-60deg); transform-origin: bottom right; } + +.overlay-x:after { right: 50%; margin-right: -125px; height: 3600px; background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(60deg); transform-origin: bottom right; } + +.background-shape { background: rgba(0, 52, 86, 0.03); position: absolute; height: 100%; width: 100%; content: ''; top: 0; left: 50%; transform: skewX(33deg); transform-origin: left bottom; } + +.tc-light .background-shape { background: rgba(0, 0, 0, 0.03); } + +.background-shape:before, .background-shape:after { background: rgba(255, 255, 255, 0.2); position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.tc-light .background-shape:before, .tc-light .background-shape:after { background: rgba(0, 0, 0, 0.05); } + +.background-shape:before { left: 280px; } + +.background-shape:after { left: 560px; } + +.background-shape.bs-right { left: 70%; } + +.background-shape.bs-reverse { right: 70%; left: auto; transform: skewX(-33deg); transform-origin: right bottom; } + +.background-shape.bs-reverse:before { left: auto; right: 280px; } + +.background-shape.bs-reverse:after { left: auto; right: 560px; } + +.background-shade { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } + +.background-shade .container { height: 100vh; position: relative; } + +.background-shade-left, .background-shade-right { position: absolute; top: 160px; width: 50%; height: calc(100% - 130px); opacity: .15; } + +.background-shade-left:after, .background-shade-right:after { position: absolute; top: 40px; width: 100%; height: 100%; content: ''; } + +.background-shade-left { left: -80px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(-12deg); } + +.tc-light .background-shade-left { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-left:after { left: 40px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-left:after { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right { right: -80px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(12deg); } + +.tc-light .background-shade-right { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right:after { right: 40px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-right:after { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.header-bubbles { position: absolute; left: 0; top: -100%; height: 200%; width: 100%; content: ''; z-index: 1; overflow: hidden; } + +.header-bubbles-single { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } + +.header-bubbles-single div { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.05); } + +.header-bubbles-single-1 { height: 735px; width: 735px; right: calc(50% - 65px); top: calc(50% + 10px); } + +.header-bubbles-single-2 { height: 680px; width: 680px; right: calc(50% + 360px); top: calc(50% - 145px); } + +.header-bubbles-single-3 { height: 350px; width: 350px; right: calc(50% - 95px); top: calc(50% + 540px); } + +.header-bubbles-single-4 { height: 650px; width: 650px; left: calc(50% + 435px); top: calc(50% - 240px); } + +.header-bubbles-single-5 { height: 350px; width: 350px; left: calc(50% + 490px); top: calc(50% + 240px); } + +.header-bubbles-single-6 { height: 440px; width: 440px; left: calc(50% + 685px); top: calc(50% + 240px); } + +.banner-rounded-bg { position: absolute; right: 390px; top: -750px; width: 120%; height: 1350px; z-index: 5; border-radius: 0 0 250px 0; transform: rotate(-8deg) skew(10deg); transform-origin: top right; padding: 0 120px 110px 0; overflow: hidden; } + +.banner-rounded-bg .particles-container { transform: rotate(8deg) skew(-10deg); transform-origin: top right; } + +.banner-shade-1, .banner-shade-2, .banner-shade-3 { display: block; height: 100%; width: 100%; } + +.banner-shade-1 { border-radius: 0 0 160px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%); opacity: .15; padding: 0 100px 90px 0; } + +.banner-shade-2 { border-radius: 0 0 110px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%); padding: 0 90px 80px 0; } + +.banner-shade-3 { border-radius: 0 0 80px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%); } + +@media (max-width: 1400px) { .banner-rounded-bg { right: 330px; } } + +.nk-pages-angled .section { z-index: inherit; } + +.section-bg-angle { position: absolute !important; left: 0; top: 0; height: 100%; width: 100%; content: ''; transform: skewY(10deg); z-index: 1; } + +.section-bg-angle ~ .container, .section-bg-angle ~ .nk-block { position: relative; z-index: 5; } + +.section-angle-top:before { position: absolute; left: 0; top: 0; height: 450px; width: 100%; content: ''; background: #f3f2fe; z-index: 1; } + +.section-angle-top:after { position: absolute; left: 0; bottom: -450px; height: 450px; width: 100%; content: ''; background: #f3f2fe; z-index: 1; } + +.section-angle-bottom:before { position: absolute; left: 0; top: -450px; height: 450px; width: 100%; content: ''; background: #fff; z-index: 2; } + +@media (min-width: 992px) { .section-bg-angle { transform: skewY(17deg); } + .section-bg-angle-s2 { transform: skewY(-4deg); } } + +.ui-mask, [class*=ui-mask] { position: absolute !important; left: 0; top: 0; width: 400px; height: 600px; z-index: 1; overflow: hidden; } + +.ui-mask:after, [class*=ui-mask]:after { position: absolute; right: 30%; top: 25%; content: ""; display: block; background-image: linear-gradient(135deg, rgba(93, 70, 232, 0) 15%, #1c62d8 50%, rgba(93, 70, 232, 0) 80%); border-radius: 50%; height: 400px; width: 400px; -webkit-filter: blur(80px); filter: blur(80px); z-index: 1; } + +.ui-mask:before, [class*=ui-mask]:before { display: none; content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 50%; z-index: 3; } + +.bg-white .ui-mask:after, .bg-theme-light .ui-mask:after, .bg-theme-light-alt .ui-mask:after, .bg-white [class*=ui-mask]:after, .bg-theme-light [class*=ui-mask]:after, .bg-theme-light-alt [class*=ui-mask]:after { display: none; } + +.ui-mask-right { left: auto; right: 0; } + +.ui-mask-right:after { right: auto; left: 30%; } + +.ui-mask-right:before { background-position: 100% 50%; } + +.ui-mask-s2 { width: 420px; height: 900px; transform: translateY(-30%); } + +.ui-mask-s2:after { background-image: linear-gradient(135deg, rgba(93, 70, 232, 0) 15%, #28298a 50%, rgba(93, 70, 232, 0) 80%); } + +.ui-mask-s2:before { display: block; background-image: url(../images/mask-line-a.png); } + +.ui-mask-s2.ui-mask-left:before { transform: rotate(-180deg); } + +.ui-mask-s3 { width: 600px; height: 1400px; transform: translateY(0); } + +.ui-mask-s3:after { height: 650px; width: 400px; right: 45%; background-image: linear-gradient(135deg, rgba(93, 70, 232, 0) 15%, #102486 50%, rgba(93, 70, 232, 0) 80%); } + +.ui-mask-s3:before { display: block; background-image: url(../images/mask-line-b.png); } + +.ui-mask-s3.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s4 { width: 420px; height: 820px; transform: translateY(-20%); } + +.ui-mask-s4:after { height: 510px; background-image: linear-gradient(135deg, rgba(93, 70, 232, 0) 15%, #1d5ecf 50%, rgba(93, 70, 232, 0) 80%); } + +.ui-mask-s5 { width: 440px; height: 1000px; transform: translateY(12%); } + +.ui-mask-s5:after { height: 600px; width: 350px; right: 45%; background-image: linear-gradient(135deg, rgba(93, 70, 232, 0) 15%, #1b5ed1 50%, rgba(93, 70, 232, 0) 80%); } + +.ui-mask-s5:before { display: block; background-image: url(../images/mask-line-c.png); } + +.ui-mask-s5.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s6 { width: 440px; height: 1000px; transform: translateY(2%); } + +.ui-mask-s6:after { height: 410px; width: 500px; left: 30%; background-image: linear-gradient(135deg, rgba(93, 70, 232, 0) 15%, #142692 50%, rgba(93, 70, 232, 0) 80%); } + +.ui-mask-s6:before { display: block; background-image: url(../images/mask-line-d.png); } + +.ui-mask-s6.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s7 { width: 870px; height: 800px; bottom: -20%; left: 50%; margin-left: -150px; top: auto; transform: translateY(0); } + +.ui-mask-s7:after { height: 710px; width: 600px; right: 0; top: 15%; transform: translateX(-25%); background-image: linear-gradient(135deg, rgba(93, 70, 232, 0) 15%, #3762d3 50%, rgba(93, 70, 232, 0) 80%); } + +.ui-mask-s7.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s8 { width: 350px; height: 392px; } + +.ui-mask-s8:before { display: block; background-image: url(../images/polygon-line-a.png); } + +.ui-mask-s8:after { display: none; } + +.ui-mask-s9 { width: 417px; height: 733px; } + +.ui-mask-s9:before { display: block; top: -31px; background-image: url(../images/polygon-line-b.png); } + +.ui-mask-s9:after { display: none; } + +.ui-mask-s10 { width: 417px; height: 733px; } + +.ui-mask-s10:before { display: block; top: -31px; background-image: url(../images/polygon-line-a-fill.png); } + +.ui-mask-s10:after { display: none; } + +.ui-mask-s11 { width: 384px; height: 733px; } + +.ui-mask-s11:before { display: block; top: -31px; background-image: url(../images/polygon-line-c.png); } + +.ui-mask-s11:after { display: none; } + +.ui-mask-s11.ui-mask-right:before { transform: rotateY(180deg); } + +.ui-mask-s12 { width: 80px; height: 270px; } + +.ui-mask-s12:before { display: block; top: 50px; background-image: url(../images/polygon-fill.png); } + +.ui-mask-s12:after { display: none; } + +@media only screen and (min-width: 767px) and (max-width: 1024px) { .ui-mask:before, [class*=ui-mask]:before { background-size: 50%; } } + +@media only screen and (max-width: 767px) { .ui-mask, [class*=ui-mask] { transform: scale(0.5); transform-origin: right; } + .ui-mask-left { transform-origin: left; } } + +/** 03. Elements */ +/** 03.01 Alert */ +.alert { position: relative; font-weight: 400; color: #fff; border: none; } + +.alert:last-child { margin-bottom: 0; } + +.alert a, .alert .alert-link { color: inherit; font-weight: inherit; box-shadow: 0 1px 0 currentColor; transition: box-shadow .3s; } + +.alert a:hover, .alert .alert-link:hover { box-shadow: 0 0 0; } + +.alert .close { color: inherit; transition: all .4s; height: 30px; width: 30px; padding: 0; background: none; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); right: 10px; text-shadow: none; opacity: .7; } + +.alert .close:not(:disabled):not(.disabled):focus, .alert .close:not(:disabled):not(.disabled):hover, .alert .close:hover, .alert .close:focus { color: currentColor; box-shadow: none; outline: none; opacity: 1; } + +.alert .close:after { position: absolute; font-family: 'themify'; content: '\e646'; top: 0; left: 0; color: currentColor; font-size: 12px; line-height: 30px; text-align: center; width: 100%; } + +.alert .close span { display: none; } + +.alert-primary { color: #2c16b2; background: #dcd7fa; } + +.alert-primary .close { background: #aca1f3; } + +.alert-primary-alt { background: #5d46e8; } + +.alert-primary-alt .close { background: #3219c9; } + +.alert-secondary { color: #f25300; background: #fffdfc; } + +.alert-secondary .close { background: white; } + +.alert-secondary-alt { background: #ff9259; } + +.alert-secondary-alt .close { background: #ff600d; } + +.alert-success { color: #29cf77; background: #cef5e1; } + +.alert-success .close { background: #64e09e; } + +.alert-success-alt { background: #39d884; } + +.alert-success-alt .close { background: #25b96b; } + +.alert-danger { color: #e6604a; background: #f9d6d0; } + +.alert-danger .close { background: #f2afa4; } + +.alert-danger-alt { background: #e6604a; } + +.alert-danger-alt .close { background: #9b2815; } + +.alert-info { color: #026bfb; background: #cae0ff; } + +.alert-info .close { background: #65a6fe; } + +.alert-info-alt { background: #026bfb; } + +.alert-info-alt .close { background: #014096; } + +.alert-warning { color: #ff7126; background: white; } + +.alert-warning .close { background: #ffc4a6; } + +.alert-warning-alt { background: #ff9259; } + +.alert-warning-alt .close { background: #ff7126; } + +/** 03.02 Buttons */ +.btn { position: relative; font-size: 12px; line-height: 24px; font-weight: 500; padding: 8px 15px; text-align: center; text-transform: uppercase; color: #fff; min-width: 120px; max-width: 100%; border: 2px solid #5d46e8; box-sizing: border-box; transition: all 0.5s; position: relative; border-radius: 5px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; cursor: pointer; } + +.btn .icon { color: inherit; } + +.btn:hover { color: #fff !important; } + +.btn-grad { border: none; background-image: linear-gradient(to right, #5d46e8 0%, #ff9259 100%); } + +.btn-grad:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; z-index: -2; border-radius: 5px; opacity: 0; transition: all .5s; background-image: linear-gradient(to right, #ff9259 0%, #5d46e8 100%); } + +.btn-grad:hover:before { opacity: 1; } + +.btn-grad:hover, .btn-grad:focus { color: #fff !important; } + +.btn-grad-alt { background-image: linear-gradient(to right, #ff9259 0%, #5d46e8 100%); } + +.btn-grad-alt:before { background-image: linear-gradient(to right, #5d46e8 0%, #ff9259 100%); } + +.btn-grad-alternet { background-image: linear-gradient(to right, #46bdf4 0%, #5d46e8 100%); } + +.btn-grad-alternet:before { background-image: linear-gradient(to right, #5d46e8 0%, #46bdf4 100%); } + +.btn-grad-alternet-alt { background-image: linear-gradient(to right, #5d46e8 0%, #46bdf4 100%); } + +.btn-grad-alternet-alt:before { background-image: linear-gradient(to right, #46bdf4 0%, #5d46e8 100%); } + +.btn-grad-theme { background-image: linear-gradient(to right, #4936b5 0%, #5d46e8 100%); } + +.btn-grad-theme:before { background-image: linear-gradient(to right, #5d46e8 0%, #4936b5 100%); } + +.btn-grad-theme-alt { background-image: linear-gradient(to right, #ff9259 0%, #5d46e8 100%); } + +.btn-grad-theme-alt:before { background-image: linear-gradient(to right, #5d46e8 0%, #ff9259 100%); } + +.btn:hover, .btn:focus { outline: none !important; box-shadow: none !important; } + +.btn span { position: relative; z-index: 999999; display: block; } + +.btn span + .icon { margin-left: 10px; } + +.btn .icon + span { margin-left: 10px; } + +.btn .badge { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); } + +.btn-md { font-size: 12px; line-height: 24px; padding: 10px 26px; } + +.btn-rg { line-height: 24px; padding: 8px 20px; } + +.btn-sm { font-size: 11px; line-height: 23px; padding: 8px 20px; } + +.btn-xxs { font-size: 12px; line-height: 21px; padding: 0 10px; border-width: 1px; border-radius: 3px; } + +.btn-auto { min-width: 44px !important; } + +.btn-auto-lg { min-width: 80px !important; height: 100%; } + +.btn-grp { display: inline-flex; flex-wrap: wrap; align-items: center; margin: -7px; } + +.btn-grp > div, .btn-grp > li { padding: 7px; } + +.btn-grp-break > div, .btn-grp-break > li { width: 100%; text-align: center; } + +.text-center .btn-grp { justify-content: center; } + +.btn-download { display: inline-block; height: 40px; } + +.btn-grp-s2 .btn-download { width: 100px; height: 35px; } + +.btn-download img { height: 100%; } + +.btn-outline:not(:hover) { color: #696993; background-color: transparent !important; } + +.btn-outline:before { background-image: none; background-color: #fff; opacity: 1; margin: 2px; width: calc(100% - 4px); height: calc(100% - 4px); } + +.btn-outline.on-bg-light:before { background-color: #f8f8ff; } + +.btn-outline.on-bg-light-alt:before { background-color: #f3f2fe; } + +.btn-outline.on-bg-theme, .btn-outline.on-bg-theme-alt, .btn-outline.on-bg-theme-dark, .btn-outline.on-bg-theme-dark-alt { color: #fff; } + +.btn-outline.on-bg-theme:before { background-color: #4936b5; } + +.btn-outline.on-bg-theme-alt:before { background-color: #5d46e8; } + +.btn-outline.on-bg-theme-dark:before { background-color: #2a1f69; } + +.btn-outline.on-bg-theme-dark-alt:before { background-color: #3a2b8b; } + +.btn-outline:hover { color: #fff !important; } + +.btn-outline:hover:before { opacity: 0; } + +.btn-outline.btn-grad { border: none; } + +.btn-outline.btn-grad:hover { color: #fff !important; } + +.btn-icon { min-width: 44px; padding-left: 6px; padding-right: 6px; } + +.btn-primary { background-color: #5d46e8; border-color: #5d46e8; } + +.btn-primary:hover, .btn-primary:focus { background-color: #ff9259; border-color: #ff9259; } + +.btn-primary:hover:focus, .btn-primary:focus:focus { color: #fff !important; } + +.tc-light .btn-primary:hover, .tc-light .btn-primary:focus { background-color: #ff9259; border-color: #ff9259; color: #fff !important; } + +.btn-primary.btn-outline:hover { background-color: #5d46e8; border-color: #5d46e8; color: #fff !important; } + +.btn-secondary { background-color: #ff9259; border-color: #ff9259; } + +.btn-secondary:hover, .btn-secondary:focus { background-color: #5d46e8; border-color: #5d46e8; } + +.btn-secondary.focus:focus { color: #fff !important; } + +.btn-secondary.btn-outline:hover, .btn-secondary.btn-outline:focus { background-color: #ff9259; border-color: #ff9259; } + +.btn-info { background-color: #026bfb; border-color: #026bfb; } + +.btn-info:hover { background-color: #014baf; border-color: #014baf; } + +.btn-info.btn-outline:hover { background-color: #026bfb; border-color: #026bfb; } + +.btn-warning { background-color: #ff9259; border-color: #ff9259; } + +.btn-warning:hover { background-color: #ff600d; border-color: #ff600d; } + +.btn-warning.btn-outline:hover { background-color: #ff9259; border-color: #ff9259; } + +.btn-success { background-color: #39d884; border-color: #39d884; } + +.btn-success:hover { background-color: #20a45f; border-color: #20a45f; } + +.btn-success.btn-outline:hover { background-color: #39d884; border-color: #39d884; } + +.btn-danger { background-color: #e6604a; border-color: #e6604a; } + +.btn-danger:hover { background-color: #c8341c; border-color: #c8341c; } + +.btn-danger.btn-outline:hover { background-color: #e6604a; border-color: #e6604a; } + +.btn-dark { background-color: #696993; border-color: #696993; } + +.btn-dark:hover { background-color: #3f3f58; border-color: #3f3f58; } + +.btn-dark.btn-outline:hover { background-color: #696993; border-color: #696993; } + +.btn-theme-dark { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0); } + +.btn-theme-dark:hover { background-color: #2a1f69; border-color: #2a1f69; } + +.btn-light { background-color: #f8f8ff; border-color: #f8f8ff; color: #696993 !important; } + +.btn-light:hover { background-color: #c5c5ff; border-color: #c5c5ff; color: #696993 !important; } + +.btn-light.btn-outline { background-color: #f8f8ff; border-color: #f8f8ff; } + +.btn-light.btn-outline:hover { background-color: #f8f8ff; border-color: #f8f8ff; } + +.tc-light .btn-light.btn-outline { color: #fff !important; } + +.tc-light .btn-light.btn-outline:hover { color: #696993 !important; } + +.btn-light.tc-light:not(:hover) { color: #fff !important; } + +.btn-facebook { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook:hover { background-color: #2d4373; border-color: #2d4373; } + +.btn-facebook.btn-outline .icon { color: #3b5998; } + +.btn-facebook.btn-outline:hover { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook.btn-outline:hover .icon { color: #fff; } + +.btn-google { background-color: #d85040; border-color: #d85040; } + +.btn-google:hover { background-color: #be3727; border-color: #be3727; } + +.btn-google.btn-outline .icon { color: #d85040; } + +.btn-google.btn-outline:hover { background-color: #d85040; border-color: #d85040; } + +.btn-google.btn-outline:hover .icon { color: #fff; } + +.btn-play { position: relative; color: #fff; height: 60px; width: 60px; font-size: 18px; text-align: center; line-height: 58px; border-radius: 50%; display: inline-block; border: 1px solid currentColor; } + +.btn-play-sm { height: 40px; width: 40px; line-height: 38px; } + +.btn-play:after { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(105, 105, 147, 0.35); animation: 1s ease 0s normal none infinite running playbutton; } + +.tc-light .btn-play:after { border-color: rgba(255, 255, 255, 0.35); } + +.btn-play:hover { color: #ff9259 !important; } + +.btn-play-s2 { background-image: linear-gradient(to right, #5d46e8 0%, #ff9259 100%); border: none; } + +.btn-play-s2:before { position: absolute; height: calc(100% - 4px); width: calc(100% - 4px); top: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .btn-play-s2:before { background: #f8f8ff; } + +.bg-light-alt .btn-play-s2:before { background: #f3f2fe; } + +.bg-theme .btn-play-s2:before { background: #4936b5; } + +.bg-theme-alt .btn-play-s2:before { background: #5d46e8; } + +.bg-theme-dark .btn-play-s2:before { background: #2a1f69; } + +.bg-theme-dark-alt .btn-play-s2:before { background: #3a2b8b; } + +.bg-white .btn-play-s2:before { background: #fff; } + +.btn-play-s3 { background-color: #fff; border: none; } + +.btn-play-icon { height: 20px; width: 14px; background: linear-gradient(to right, #5d46e8 0%, #ff9259 100%); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); } + +.btn-play-icon:before, .btn-play-icon:after { position: absolute; content: ''; height: 0; width: 0; right: -1px; border-right: 14px solid #fff; } + +.bg-light .btn-play-icon:before, .bg-light .btn-play-icon:after { border-right-color: #f8f8ff; } + +.bg-light-alt .btn-play-icon:before, .bg-light-alt .btn-play-icon:after { border-right-color: #f3f2fe; } + +.bg-theme .btn-play-icon:before, .bg-theme .btn-play-icon:after { border-right-color: #4936b5; } + +.bg-theme-alt .btn-play-icon:before, .bg-theme-alt .btn-play-icon:after { border-right-color: #5d46e8; } + +.bg-theme-dark .btn-play-icon:before, .bg-theme-dark .btn-play-icon:after { border-right-color: #2a1f69; } + +.bg-theme-dark-alt .btn-play-icon:before, .bg-theme-dark-alt .btn-play-icon:after { border-right-color: #3a2b8b; } + +.bg-white .btn-play-icon:before, .bg-white .btn-play-icon:after { border-right-color: #fff; } + +.btn-play-icon:before { top: 0; border-bottom: 10px solid transparent; } + +.btn-play-icon:after { bottom: 0; border-top: 10px solid transparent; } + +.btn-play-icon-s2 { height: 34px; width: 24px; } + +.btn-play-icon-s2 path { fill: #5d46e8; } + +.btn-play-dark { color: #fff; } + +.btn-play-dark:hover { color: #ff9259; } + +.btn-play-wrap { display: inline-flex; align-items: center; } + +.btn-play-wrap-s2 { flex-direction: column; } + +.btn-play-wrap-s1:hover { transform: translateX(15px); } + +.btn-play-text { margin-left: 20px; } + +.btn-play-text span { display: block; color: #696993; } + +.tc-light .btn-play-text span { color: #fff; } + +.btn-play-text .text-sm { font-size: 21px; } + +.btn-play-text .text-xs { font-size: 12px; color: #5d46e8 !important; } + +.btn-play-wrap-s2 .btn-play-text { margin-left: 0; margin-top: 15px; } + +.btn-link { color: #5d46e8; text-decoration: none; } + +.btn-link:hover, .btn-link:focus { color: #5d46e8; text-decoration: none; box-shadow: 0 1px 0 currentColor; } + +.btn-underline { padding-left: 0 !important; padding-right: 0 !important; color: #5d46e8; background: none !important; border-color: transparent !important; text-decoration: none; } + +.btn-underline:hover, .btn-underline:focus { color: #fff; text-decoration: none; } + +.btn-round { border-radius: 40px; } + +.btn-round:before { border-radius: 40px; } + +.btn-round.btn-lg { border-radius: 54px; } + +.btn-round.btn-lg:before { border-radius: 54px; } + +.btn-round.btn-md { border-radius: 44px; } + +.btn-round.btn-md:before { border-radius: 44px; } + +.btn-round.btn-sm { border-radius: 39px; } + +.btn-round.btn-sm:before { border-radius: 39px; } + +.btn-round.btn-xxs { border-radius: 21px; } + +.btn-round.btn-xxs:before { border-radius: 21px; } + +.btn-with-icon { padding: 1px; background-color: #5d46e8; } + +.btn-with-icon span { display: inline-block; padding: 0 18px 0 28px; flex-grow: 1; } + +.btn-with-icon .icon { height: 47px; width: 47px; line-height: 47px; border-radius: 5px; background: #fff; color: #5d46e8; transition: all 0.3s; } + +.btn-with-icon.btn-md { padding: 1px; } + +.btn-with-icon.btn-md .icon { height: 38px; width: 38px; line-height: 38px; } + +.btn-with-icon.btn-sm { padding: 1px; } + +.btn-with-icon.btn-sm span { padding: 0 13px 0 23px; } + +.btn-with-icon.btn-sm .icon { height: 28px; width: 28px; line-height: 28px; } + +.btn-with-icon.btn-round .icon { border-radius: 24px; } + +.btn-with-icon.btn-round.btn-md .icon { border-radius: 19px; } + +.btn-with-icon.btn-round.btn-sm .icon { border-radius: 14px; } + +.btn-with-icon.btn-light { color: #4936b5 !important; border-color: #fff; background: #fff; } + +.btn-with-icon.btn-light .icon { color: #fff; background: #5d46e8; } + +.btn-with-icon.btn-light:hover { color: #5d46e8 !important; } + +.btn-with-icon.btn-light:hover .icon { background: #4936b5; } + +.btn-with-icon.btn-light:not(:disabled):not(.disabled).active { border-color: #fff !important; background: #fff !important; color: #696993 !important; } + +.btn-with-icon.btn-alt .icon { color: currentColor; background: transparent !important; font-size: 20px; width: auto; margin-right: 30px; transition: none; } + +.btn-grp-after li { font-size: 20px; position: relative; } + +.btn-grp-after li a { color: rgba(255, 255, 255, 0.8) !important; } + +.btn-grp-after li:not(:last-child):after { content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 14px; width: 1px; background: rgba(255, 255, 255, 0.3); } + +.btn-transparent { background: transparent !important; border: transparent; color: #fff !important; font-size: 0.9rem !important; padding: 12px 0; } + +.as-mobile .btn-transparent, .has-fixed .btn-transparent { color: #696993 !important; } + +@keyframes playbutton { 0% { transform: scale(0.75); + opacity: 1; } + 100% { transform: scale(1.3); + opacity: 0; } } + +@media (min-width: 576px) { .btn { font-size: 13px; line-height: 25px; padding: 12px 30px; letter-spacing: 0.1em; min-width: 120px; } + .btn.btn-grad { padding: 14px 30px; } + .btn-lg { font-size: 14px; font-weight: 700; line-height: 24px; padding: 15px 40px; min-width: 190px; } + .btn-md { font-size: 12px; line-height: 24px; padding: 8px 20px; min-width: 160px; } + .btn-md.btn-grad { padding: 10px 30px; } + .btn-rg { font-size: 12px; line-height: 24px; padding: 6px 20px; } + .btn-rg.btn-grad { padding: 8px 25px; } + .btn-sm { font-size: 12px; line-height: 23px; padding: 3px 20px; } + .btn-sm.btn-grad { padding: 5px 30px; } + .btn-xxs { font-size: 13px; line-height: 21px; padding: 0 10px; } + .btn-play { height: 80px; width: 80px; font-size: 18px; line-height: 78px; } + .btn-play-sm { height: 60px; width: 60px; line-height: 58px; } + .btn-icon { padding-left: 6px; padding-right: 6px; } + .btn-grp { margin: -15px; } + .btn-grp > div, .btn-grp > li { padding: 15px; } + .text-sm-left .btn-grp { justify-content: center; } + .btn-grp-s2 { margin: -10px; position: relative; } + .btn-grp-s2 > div, .btn-grp-s2 > li { padding: 10px; } + .btn-grp-s2 .btn-download { width: auto; height: 40px; } + .btn-transparent { padding: 12px 6px; } } + +@media (min-width: 768px) { .text-md-left .btn-grp { justify-content: flex-start; } } + +@media (min-width: 992px) { .text-lg-left .btn-grp { justify-content: flex-start; } + .btn-grp .btn-lg { padding: 15px 35px; } } + +@media (min-width: 1200px) { .text-xl-left .btn-grp { justify-content: flex-start; } } + +.badge { color: #fff; background-color: #5d46e8; display: inline-block; font-weight: 600; text-transform: uppercase; border-radius: 34px; padding: 5px 16px; font-size: 13px; line-height: 24px; border: 1px solid #5d46e8; } + +.badge:not(.badge-outline) { color: #fff; } + +.badge-primary { background-color: #5d46e8; border-color: #5d46e8; color: #5d46e8; } + +.badge-secondary { background-color: #ff9259; border-color: #ff9259; color: #ff9259; } + +.badge-info { background-color: #026bfb; border-color: #026bfb; color: #026bfb; } + +.badge-warning, .badge-hot { background-color: #ff9259; border-color: #ff9259; color: #ff9259; } + +.badge-success, .badge-new { background-color: #39d884; border-color: #39d884; color: #39d884; } + +.badge-danger { background-color: #e6604a; border-color: #e6604a; color: #e6604a; } + +.badge-dark { background-color: #0b0c10; border-color: #0b0c10; color: #0b0c10; } + +.badge-light { background-color: #c5c5ff; border-color: #c5c5ff; color: #696993 !important; } + +.badge-light.badge-outline { color: #c5c5ff; } + +.badge-outline { background-color: transparent; } + +.badge-lg { font-size: 16px; } + +.badge-md { border-radius: 34px; padding: 5px 16px; font-size: 12px; line-height: 18px; } + +.badge-sm { border-radius: 34px; padding: 2px 12px; font-size: 12px; line-height: 18px; } + +.badge-xs { border-radius: 34px; padding: 0 8px; font-size: 9px; line-height: 16px; letter-spacing: 0.05em; } + +.badge-cap { text-transform: capitalize; } + +.badge-regular { font-weight: 400; } + +.badge-dot { width: 5px; height: 5px; border-radius: 50%; background: #5d46e8; border-color: #5d46e8; display: inline-block !important; vertical-align: middle; padding: 0; } + +.link { display: inline-flex; align-items: center; font-size: 12px; color: #5d46e8; font-weight: 500; letter-spacing: 0.005rem; white-space: nowrap; } + +.link:hover { color: #5d46e8; } + +.link-uc { text-transform: uppercase; letter-spacing: 0.2em; } + +.link-icon { margin-right: 5px; font-size: 14px; transition: transform .3s; } + +.link-icon:only-child { margin-right: 0 !important; } + +.link-icon-sm { font-size: 12px; } + +.link-xs .link-icon { font-size: 12px; margin-right: 12px; } + +.link-animate:hover .link-icon { transform: translate(-5px, 0); } + +.link span + .link-icon { margin-left: 5px; margin-right: 0; } + +.link-animate:hover span + .link-icon { transform: translate(5px, 0); } + +.link .icon-circle { font-size: inherit; margin-right: 12px; } + +.link .icon-circle.link-icon { transition: all .4s; } + +.link-break { flex-direction: column; } + +.link-break .icon-circle { margin-left: 10px; margin-bottom: 10px; } + +.link-primary { color: #5d46e8 !important; } + +.link-primary .link-icon.icon-circle { background: #5d46e8; color: #fff !important; } + +.link-primary:hover { color: #ff9259 !important; } + +.link-primary:hover .link-icon.icon-circle { background: #ff9259; } + +.link-light { color: #696993 !important; } + +.tc-light .link-light { color: #fff !important; } + +.link-light .link-icon { color: #5d46e8; } + +.link-light .link-icon.icon-circle { background: #696993; color: #fff !important; } + +.link-light:hover { color: #5d46e8 !important; } + +.link-light:hover .link-icon.icon-circle { background: #5d46e8; } + +.link-thin { font-weight: 300; } + +.link-underline { text-decoration: underline !important; } + +@media (min-width: 420px) { .btn-grp-break > div, .btn-grp-break > li { width: auto; text-align: left; } + .link { font-size: 14px; } + .link-xs { font-size: 12px; } + .link-break { flex-direction: row; } + .link-break .icon-circle { margin-left: 0; margin-bottom: 0; } } + +/** 03.03 Title */ +.title { position: relative; font-size: 1.75rem; } + +.title:not(:last-child) { margin-bottom: 1.25rem; } + +.title small { font-size: 50%; margin-top: 0.75rem; } + +.title-thin { font-weight: 300; } + +.title-regular { font-weight: 400; } + +.title-xxs { font-size: 12px; letter-spacing: 0.1em; } + +.title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + +.title-xs { text-transform: uppercase; font-size: 0.88rem; letter-spacing: 0.2em; } + +.title-xs-alt { font-size: 0.94rem; } + +.title-xs-s1 { font-size: 1.1rem; letter-spacing: 0.4em; } + +.title-xs-s2 { font-size: 1.1rem; letter-spacing: 0; } + +.title-xs small { font-size: 70%; } + +.title-sm { font-size: 1.125rem; } + +.title-sm:not(:last-child) { margin-bottom: 0.85rem; } + +.title-sm small { font-size: 70%; } + +.title-md { font-size: 1.375rem; } + +.feature-text-wd .title-md { font-size: 1.125rem; } + +.title-md:not(:last-child) { margin-bottom: 1rem; } + +.title-lg { font-size: 1.75rem; } + +.title-xl { font-size: 1.75rem; } + +.title-xl-s2 { font-size: 1.75rem; line-height: 1.3; } + +.title-light { color: rgba(56, 56, 95, 0.6); } + +.title-dark { color: #38385f; } + +.title-base { color: #696993; } + +.title a { color: #38385f; } + +.title a:hover { color: #5d46e8; } + +a:hover .title { color: #5d46e8; } + +a .title { transition: all .4s; } + +.title-mid { font-weight: 500; } + +.title-semibold { font-weight: 600; } + +.title-bold { font-weight: 700; } + +.title-s1 { padding-left: 75px; display: inline-block; font-weight: 600; } + +.title-s1:before { position: absolute; left: 0 !important; top: 50%; margin-top: -1px; height: 2px; width: 60px; content: ''; transform: translate(0, -50%) !important; opacity: 1 !important; background: #38385f; } + +.tc-light .title-s1:before { background: #fff; } + +.title-s1.tc-primary:before, .tc-primary a.title-s1:before { background: #5d46e8; } + +.title-s2 { padding-bottom: 26px; } + +.title-s2:after { position: absolute; left: 50%; bottom: 0; content: ''; margin-left: -20px; width: 40px; height: 6px; border-radius: 3px; background: #5d46e8; } + +.tc-light .title-s2:after { background: #ff9259; } + +.title-s2-alt { padding-bottom: 0; padding-top: 26px; } + +.title-s2-alt:after { top: 0; bottom: auto; } + +.title-s3 { font-size: 2.2rem !important; line-height: 1.3 !important; } + +.title-s4 { font-size: 2.3rem; opacity: 0.3; padding-bottom: 10px; text-transform: uppercase; } + +.title-s5 { padding-bottom: 24px; margin-bottom: 20px; } + +.title-s5.title-sm { font-size: 0.9rem; } + +.title-s5.title-sm span:first-child { font-size: 1.25rem; } + +.title-s5 span:first-child { display: block; padding-bottom: 13px; color: #5d46e8; font-weight: 500; } + +.tc-light .title-s5 span:first-child { color: #fff; } + +.title-s5 span:last-child { opacity: .7; } + +.title-s5:after { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); content: ''; width: 50px; height: 3px; border-radius: 2px; background: #5d46e8; } + +.title-s6 { position: relative; } + +.title-s6:before { position: absolute; top: 8px; left: -15px; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #5d46e8; } + +.title-s7 span:first-child { display: block; padding-bottom: 13px; color: #5d46e8; font-size: 1.35rem; } + +.tc-light .title-s7 span:first-child { color: #fff; } + +.title-s7 span:last-child { font-size: 0.9rem; color: #696993; } + +.title-xxl-grad { font-size: 70px; line-height: 1; font-weight: 700; margin-bottom: 0; background: -webkit-linear-gradient(#381cdf, #ff7126); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: .4; } + +.title-ele-head { background: linear-gradient(180deg, #696993 0%, #fff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.title-sub { color: #d87032; } + +@media (min-width: 576px) { .title { font-size: 2.25rem; } + .title:not(:last-child) { margin-bottom: 1.25rem; } + .title small { font-size: 50%; margin-top: 0.75rem; } + .title-xxs { font-size: 12px; letter-spacing: 0.1em; } + .title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + .title-xs { font-size: 0.88rem; } + .title-xs-alt { font-size: 0.94rem; } + .title-xs-s1 { font-size: 1.1rem; } + .title-xs-s2 { font-size: 1.1rem; } + .title-xs small { font-size: 70%; } + .title-sm { font-size: 1.125rem; } + .title-sm:not(:last-child) { margin-bottom: 0.85rem; } + .title-md { font-size: 1.375rem; } + .title-md:not(:last-child) { margin-bottom: 1rem; } + .title-md-s2 { font-size: 1.675rem; line-height: 1.6; } + .title-lg { font-size: 1.75rem; } + .title-xl { font-size: 3.5rem; } + .title-xl-s2 { font-size: 2.2rem; } + .title-s3 { font-size: 2.2rem !important; } + .title-s4 { font-size: 2.3rem; } + .title-s5.title-sm { font-size: 0.9rem; } + .title-s5.title-sm span:first-child { font-size: 1.25rem; } + .title-xl-2 { font-size: 1.8rem !important; } + .title-xxl-grad { font-size: 140px; } } + +@media (min-width: 768px) { .title-xl-2 { font-size: 2.2rem !important; } + .title-xxl-grad { font-size: 200px; } } + +@media (min-width: 992px) { .title-xxl-grad { font-size: 250px; } + .feature-text-wd .title-md { font-size: 1.375rem; } } + +@media (min-width: 1200px) { .title-xl-s2 { font-size: 2.8rem !important; } } + +@media (min-width: 1600px) { .title-xl-2 { font-size: 2.8rem !important; line-height: 1.3 !important; } + .banner-s1 .title-xl-2 { font-size: 2.3rem !important; } + .title-xl-s3 { font-size: 2.75rem !important; } } + +/** 03.04 List */ +.list li { line-height: 1.674; padding: 5px 0; position: relative; color: #696993; font-size: 14px; } + +.tc-light .list li { color: #fff; } + +.list-check li { padding-left: 24px; } + +.list-check li:before { position: absolute; top: 0; left: 0; height: 22px; width: 26px; line-height: 26px; padding: 3px 0; color: #5d46e8; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; content: '\f00c'; transition: all .4s; } + +.tc-light .list-check li:before { color: #5d46e8; } + +.list-check-s3 li { padding: 0px 0px 0px 55px; margin-bottom: 18px; line-height: 1.8; } + +.list-check-s3 li:before { width: 35px; height: 35px; background: #5d46e8; border-radius: 50%; color: #fff; text-align: center; line-height: 29px; font-size: 16px; left: 0; top: 5px; } + +.tc-light .list-check-s3 li:before { background: #5d46e8; color: #fff; } + +.list-check-s3-sm li { padding: 0px 0px 0px 40px; margin-bottom: 30px; } + +.list-check-s3-sm li .title-md { margin-bottom: 0.5rem; } + +.list-check-s3-sm li:before { width: 25px; height: 25px; line-height: 20px; font-size: 11px; top: 2px; } + +.list-check-s4 li { margin: 0; padding-left: 35px; position: relative; } + +.list-check-s4 li:before { left: 15px; top: 14px; } + +.list-number { counter-reset: item; } + +.list-number li { line-height: 1.86; margin-bottom: 10px; padding-left: 65px; } + +.list-number li:before { position: absolute; top: 10px; left: 25px; counter-increment: item; content: counter(item) "."; font-size: 30px; font-weight: 700; line-height: 1; color: #5d46e8; font-family: 'Poppins', sans-serif !important; } + +.tc-light .list-number li:before { color: #5d46e8; } + +.list-number-s2 li { padding-left: 60px; } + +.has-rtl .list-number-s2 li { padding-right: 60px; padding-left: 0; } + +.list-number-s2 li:not(:last-child) { margin-bottom: 16px; } + +.list-number-s2 li span { width: 30px; height: 30px; position: absolute; left: 0; top: 5px; line-height: 30px; text-align: center; background: rgba(93, 70, 232, 0.2); border-radius: 50%; color: #46bdf4; font-weight: 400; } + +.has-rtl .list-number-s2 li span { left: auto; right: 0; } + +.list-dot li { position: relative; padding-left: 22px; line-height: 1.62; } + +.list-dot li:before { position: absolute; top: 14px; left: 0; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #46bdf4; } + +.tc-light .list-dot li:before { background: #ff9259; } + +.list-dot.list-sm { margin-top: -5px; margin-bottom: -5px; } + +.list-dot.list-sm li { padding-left: 16px; font-size: 0.9rem; padding-top: 10px; padding-bottom: 10px; } + +.list-dot.list-sm li:before { top: 19px; } + +.list-dot-bar { padding: 20px 0 65px 38px; } + +.list-dot-bar li { margin-bottom: 10px; } + +.list-dot-bar li span { width: 20px; height: 20px; content: ""; background: transparent; position: absolute; border-radius: 50%; border: 2px solid #ff9259; left: -38px; top: 7px; } + +.list-dot-bar li span:after, .list-dot-bar li span:before { position: absolute; content: ""; top: 50%; left: 50%; background: #ff9259; } + +.list-dot-bar li span:after { width: 7px; height: 7px; border-radius: 50%; transform: translate(-50%, -50%); } + +.list-dot-bar li span:before { width: 18px; height: 2px; transform: translateY(-50%); } + +.list-btn li { display: inline-block; padding-right: 15px; } + +.list-btn li:not(:first-child) a { padding-right: 10px; } + +.list-btn-dropdown { margin: -22px -30px; } + +.list-btn-dropdown > li { display: inline-block; margin: 18px 30px; } + +.list-btn-dropdown > li a { min-width: 200px; } + +.list-btn-dropdown > li a i { position: absolute; font-size: 20px; top: 0; right: 30px; line-height: 42px; } + +.list-inline { display: inline-flex; } + +@media (min-width: 576px) { .list li { font-size: 15px; } } + +/** 03.05 Form */ +input ~ .error, textarea ~ .error, select ~ .error { position: absolute; right: -10px; top: -15px; background: #e6604a; color: #fff; font-size: 11px; line-height: 18px; padding: 2px 10px; border-radius: 2px; z-index: 9; white-space: nowrap; } + +input ~ .error:after, textarea ~ .error:after, select ~ .error:after { position: absolute; content: ''; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid #e6604a; border-bottom: 5px solid transparent; bottom: -5px; left: 3px; } + +.tc-light input ~ .error, .tc-light textarea ~ .error, .tc-light select ~ .error { background: #e6604a; color: #fff; box-shadow: none; } + +.tc-light input ~ .error:after, .tc-light textarea ~ .error:after, .tc-light select ~ .error:after { border-right-color: #e6604a; } + +input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(105, 105, 147, 0.6); } + +.tc-light .bg-light input::-webkit-input-placeholder, .tc-light .bg-light-alt input::-webkit-input-placeholder, .tc-light .bg-white input::-webkit-input-placeholder, .tc-light .bg-light textarea::-webkit-input-placeholder, .tc-light .bg-light-alt textarea::-webkit-input-placeholder, .tc-light .bg-white textarea::-webkit-input-placeholder { color: rgba(105, 105, 147, 0.6); } + +.tc-light input::-webkit-input-placeholder, .tc-light textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(105, 105, 147, 0.6); } + +.tc-light .bg-light input::-moz-placeholder, .tc-light .bg-light-alt input::-moz-placeholder, .tc-light .bg-white input::-moz-placeholder, .tc-light .bg-light textarea::-moz-placeholder, .tc-light .bg-light-alt textarea::-moz-placeholder, .tc-light .bg-white textarea::-moz-placeholder { color: rgba(105, 105, 147, 0.6); } + +.tc-light input::-moz-placeholder, .tc-light textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(105, 105, 147, 0.6); } + +.tc-light .bg-light input:-ms-input-placeholder, .tc-light .bg-light-alt input:-ms-input-placeholder, .tc-light .bg-white input:-ms-input-placeholder, .tc-light .bg-light textarea:-ms-input-placeholder, .tc-light .bg-light-alt textarea:-ms-input-placeholder, .tc-light .bg-white textarea:-ms-input-placeholder { color: rgba(105, 105, 147, 0.6); } + +.tc-light input:-ms-input-placeholder, .tc-light textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-moz-placeholder, textarea:-moz-placeholder { color: rgba(105, 105, 147, 0.6); } + +.tc-light .bg-light input:-moz-placeholder, .tc-light .bg-light-alt input:-moz-placeholder, .tc-light .bg-white input:-moz-placeholder, .tc-light .bg-light textarea:-moz-placeholder, .tc-light .bg-light-alt textarea:-moz-placeholder, .tc-light .bg-white textarea:-moz-placeholder { color: rgba(105, 105, 147, 0.6); } + +.tc-light input:-moz-placeholder, .tc-light textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +.field-item { position: relative; padding-bottom: 15px; } + +.field-wrap { position: relative; } + +.field-wrap + p { margin-top: .75rem; } + +.field-wrap .btn + .form-results:not(:empty) { margin-top: 30px; } + +.field-wrap .label-inline { padding-left: 25px; line-height: normal; } + +.has-rtl .field-wrap .label-inline { padding-left: 0; padding-right: 25px; } + +.field-wrap .label-inline .icon { font-size: 20px; color: #adb2be; } + +.field-label { font-size: 12px; font-weight: 700; letter-spacing: 0.2em; } + +.field-label-line { position: absolute; width: 100%; top: 10px; font-size: 0.94rem; font-weight: 400; letter-spacing: normal; left: 0; color: rgba(105, 105, 147, 0.6); z-index: 1; transition: all .5s ease; transform-origin: left; } + +.tc-light .field-label-line { color: #fff; } + +.field-item-center .field-label-line { transform-origin: center; } + +.field-inline { border-radius: 6px; display: flex; } + +.field-inline input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } + +.field-inline.field-split .btn:not(.btn-round) { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; } + +.wgs-search .field-inline.field-split .btn:not(.btn-round) { height: auto; } + +.field-inline .field-wrap { flex-grow: 1; } + +.field-inline .submit-wrap .btn { width: 100%; } + +.field-inline + .form-results.alert { width: 100%; margin-top: 15px; } + +.field-inline-s2 { padding: 10px; display: block; } + +.field-inline-s2 .btn { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + +.field-inline-s2-sm { padding: 5px; } + +.field-inline-s2 input { text-align: center; } + +@media (max-width: 575px) { .field-inline-s2 input { margin-bottom: 5px; } } + +.field-inline-s3 .btn-light { color: #5d46e8 !important; } + +.field-inline-s4 { align-items: center; } + +.field-inline-s4 .input-solid { background: rgba(255, 255, 255, 0.2); } + +.field-inline-s4 .field-wrap { margin-right: -50px; } + +.field-inline-round { border-radius: 50px; } + +.field-inline-round .input-solid { padding-left: 30px; } + +.input-solid { background: none; border: none; width: 100%; padding: 15px 20px; line-height: 23px; } + +.tc-light .input-solid { color: #fff; } + +.tc-light .bg-light .input-solid, .tc-light .bg-light-alt .input-solid, .tc-light .bg-white .input-solid { color: #696993; } + +.input-solid-md { padding: 12px 20px; line-height: 22px; } + +.input-solid-lg { padding: 20px 20px; } + +.input-solid:focus { outline: none; } + +.input-line { position: relative; z-index: 2; background: transparent; border: none; width: 100%; font-size: 15px; line-height: 19px; padding: 16px 0 8px; color: #696993; border-bottom: 1px solid #dbe4f7; outline: none; transition: all .4s; } + +.tc-light .input-line { color: #fff; border-bottom-color: rgba(219, 228, 247, 0.3); } + +.input-line:focus { border-bottom-color: #5d46e8; } + +.field-item-center .input-line { text-align: center; } + +.input-textarea { height: 105px; resize: none; outline: none; } + +.input-textarea ~ .field-label-line { top: 73px; } + +.input-focused .field-label-line { left: 0; top: -10px; transform: scale(0.7); } + +.input-bordered { border-radius: 6px; border: 1px solid #dbe4f7; width: 100%; padding: 10px 15px; line-height: 21px; font-size: .9em; color: #696993; transition: all .4s; background-color: transparent; } + +.input-bordered-lg { padding: 13px 20px; } + +.input-bordered-lg-s1 { padding: 17px 20px; } + +.tc-light .field-inline-s3 .input-bordered { border-color: rgba(255, 255, 255, 0.5); } + +.field-inline-s3 .input-bordered { border-width: 2px; border-right-width: 0 !important; } + +.field-item-s2 .input-bordered { border: 2px solid #d1e0f6; background: transparent; } + +.tc-light .input-bordered { color: #fff; background: #5a47c8; border-color: rgba(255, 255, 255, 0.25); } + +.tc-light .input-bordered:focus { border-color: rgba(255, 255, 255, 0.45); } + +.input-bordered:focus { box-shadow: none; outline: none; border-color: #b7bee3; } + +.input-bordered:disabled { background: rgba(219, 228, 247, 0.2); } + +.input-switch { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-switch ~ label:not(.error) { line-height: 20px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; padding-left: 48px; min-height: 30px; min-width: 48px; border-radius: 12px; margin-bottom: 0; display: flex; align-items: center; position: relative; font-size: 14px; color: #696993; } + +.input-switch ~ label:not(.error).no-text { padding-left: 56px; } + +.input-switch ~ label:not(.error):before, .input-switch ~ label:not(.error):after { position: absolute; content: ''; transition: all .4s; } + +.input-switch ~ label:not(.error):before { left: 0; top: 50%; transform: translateY(-50%); height: 20px; width: 40px; border-radius: 15px; background: #d3e0f3; } + +.input-switch ~ label:not(.error):after { left: 2px; top: 50%; transform: translateY(-50%); height: 16px; width: 16px; border-radius: 50%; background: #fff; } + +.input-switch ~ label:not(.error) span { transition: all .4s; opacity: 1; } + +.input-switch ~ label:not(.error) span.over { position: absolute; left: 48px; } + +.input-switch ~ label:not(.error) span:last-child { opacity: 0; } + +.input-switch:disabled ~ label { opacity: .5; } + +.input-switch:checked ~ label:before { background: #5d46e8; } + +.input-switch:checked ~ label:after { left: 22px; } + +.input-switch:checked ~ label span { opacity: 0; } + +.input-switch:checked ~ label span:last-child { opacity: 1; } + +.input-switch ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-checkbox, .input-radio { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-checkbox ~ label:not(.error), .input-radio ~ label:not(.error) { position: relative; padding-left: 28px; line-height: 20px; font-size: 14px; cursor: pointer; margin-bottom: 0; } + +.input-checkbox ~ label:not(.error):before, .input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { position: absolute; left: 0; top: 0; height: 20px; width: 20px; line-height: 20px; text-align: center; content: ''; background-color: transparent; border-radius: 3px; } + +.input-checkbox ~ label:not(.error):before, .input-radio ~ label:not(.error):before { border: 2px solid #dbe4f7; } + +.input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; background-color: #5d46e8; color: #fff; opacity: 0; transition: all .4s; } + +.input-checkbox:checked ~ label:not(.error):after, .input-radio:checked ~ label:not(.error):after { opacity: 1; } + +.input-checkbox ~ .error, .input-radio ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { border-radius: 50%; } + +@media (min-width: 576px) { .field-item { padding-bottom: 30px; } + .field-inline .btn-md { line-height: 23px; } } + +@media (min-width: 768px) { .field-inline .submit-wrap .btn { width: auto; height: 100%; } + .field-inline-s2 { display: flex; } + .field-inline-s2 input { text-align: left; } } + +.select2-container.select2 { width: 100% !important; } + +.select2-container .select2-selection { position: relative; } + +.select2-container .select2-selection:focus { outline: none; } + +.select2-container .select2-selection .select2-selection__rendered { color: rgba(105, 105, 147, 0.6); font-size: 0.94rem; } + +.select2-container .select2-selection .select2-selection__arrow { position: absolute; top: 0; right: 0; height: 100%; width: 40px; } + +.select2-container .select2-selection .select2-selection__arrow:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; font-family: "themify"; content: '\e64b'; text-align: center; line-height: 20px; padding: 10px 0; font-size: .88rem; } + +.select2-container .select2-dropdown { border-color: #dbe4f7 !important; } + +.select2-container.select-line .select2-selection { height: 44px; line-height: 20px; padding: 16px 40px 8px 0; border-bottom: 1px solid #dbe4f7; } + +.select2-container.select-line .select2-selection .select2-selection__rendered { padding-left: 0; } + +.select2-container.select-line .select2-selection .select2-selection__arrow:after { padding: 16px 0 8px; } + +.select2-container.select-bordered .select2-selection { height: 42px; line-height: 20px; padding: 10px 40px 10px 0; border: 1px solid #dbe4f7; border-radius: 6px; } + +.select2-container.select-bordered .select2-selection .select2-selection__rendered { padding-left: 15px; } + +.select2-container.select-bordered.select-lg .select2-selection { height: 50px; border: 2px solid #dbe4f7; padding: 13px 40px 13px 10px; min-width: 146px; } + +.select2-container--below.select2-container--open.select-bordered .select2-selection--single { border-radius: 6px 6px 0 0; } + +.select2-container--above.select2-container--open.select-bordered .select2-selection--single { border-radius: 0 0 6px 6px; } + +.select2-container.select-lg .select2-selection .select2-selection__arrow:after { padding: 13px 0; } + +.select2-container.select-lg .select2-selection .select2-selection__rendered { color: #38385f; font-size: 1rem; } + +.select2-search { display: none; } + +.select2-results { padding: 5px 0; } + +.select2-results__option { padding: 6px 15px; font-size: .88rem; transition: all .4s; max-height: 180px; } + +.select2-results__option[aria-selected="true"], .select2-results__option:hover { background: #dbe4f7; } + +.select-line.select2-container--open .select2-dropdown--above { border-bottom: 1px solid #dbe4f7 !important; } + +.submit-wrap { margin-left: -3px; } + +.submit-wrap-s2 { margin: -4px 0; } + +.submit-wrap-s2 .btn { border-radius: 5px !important; } + +.btn-auto-lg { font-size: 20px; } + +@media (min-width: 992px) { .select2-container.select-bordered.select-lg .select2-selection { min-width: 255px; } } + +@media (max-width: 400px) { .field-inline-wrap { flex-wrap: wrap; } + .field-inline-wrap .submit-wrap { margin-left: auto; margin-right: auto; margin-top: 10px; } } + +/**/ +/** 03.06 Table */ +.table { color: inherit; } + +.table td { border-top: none; padding: 18px 0; font-size: 1rem; line-height: 1.5rem; } + +.table tr { border-bottom: 1px solid rgba(93, 70, 232, 0.2); } + +.table tr:last-child { border-bottom: none; } + +.table-head { font-weight: 500; color: #5d46e8; } + +.table-token { margin-bottom: 5px; } + +.table-token .table-head { padding-bottom: 2px; } + +.table-token .table-des { padding-top: 2px; } + +.table-token-s1 { border: 1px solid rgba(209, 224, 246, 0.7); border-collapse: separate; border-radius: 6px; margin-bottom: 0; } + +.tc-light .table-token-s1 { border-color: rgba(255, 255, 255, 0.1); } + +.table-token-s1 tr:nth-child(odd) td:first-child { background: #eff8ff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:first-child { background: #4936b5; } + +.table-token-s1 tr:nth-child(odd) td:last-child { background: #fff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:last-child { background: #4634ad; } + +.table-token-s1 tr:nth-child(even) td:first-child { background: #e7f3ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:first-child { background: #533fc6; } + +.table-token-s1 tr:nth-child(even) td:last-child { background: #f7f9ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:last-child { background: #4c38bd; } + +.table-token-s1 tr:first-child td:first-child { border-top-left-radius: 6px; } + +.table-token-s1 tr:first-child td:last-child { border-top-right-radius: 6px; } + +.table-token-s1 tr:last-child td:first-child { border-bottom-left-radius: 6px; } + +.table-token-s1 tr:last-child td:last-child { border-bottom-right-radius: 6px; } + +.table-token-s1 tr td { width: 48%; font-weight: 500; font-size: 0.93rem; line-height: 24px; padding: 12px !important; padding-left: 18px !important; color: #696993; } + +.tc-light .table-token-s1 tr td { color: #fff; } + +.table-token-s1 tr td:last-child { color: #5d46e8; font-weight: 400; font-size: 0.88rem; } + +.tc-light .table-token-s1 tr td:last-child { color: rgba(255, 255, 255, 0.6); } + +.table-bordered td { padding-left: 20px; padding-right: 20px; border: 1px solid rgba(93, 70, 232, 0.2); } + +@media (min-width: 576px) { .table-token { margin-bottom: 1rem; display: table; } + .table-token tbody { display: table-row-group; } + .table-token tr { display: table-row; } + .table-token td { display: table-cell; } + .table-token .table-head, .table-token .table-des { padding: 18px 0; } } + +/** 03.07 Progress */ +.progress-list { margin-top: .8rem; } + +.progress-wrap { margin-bottom: 1rem; } + +.progress-wrap:last-child:not(:only-child) { margin-bottom: 0; } + +.progress-wrap-point { margin-bottom: 55px; } + +.progress-wrap-point-s1 { margin-bottom: 30px; margin-top: 50px; } + +.progress-title { text-transform: uppercase; font-size: 0.75rem; font-weight: 500; display: flex; justify-content: space-between; padding-bottom: .4rem; } + +.progress-amount { font-weight: 400; } + +.progress-bar { position: relative; width: 100%; height: 20px; border-radius: 4px; background: rgba(93, 70, 232, 0.2); } + +.progress-bar .progress-percent { border-radius: 4px; } + +.progress-bar-xs { height: 6px; border-radius: 2px; } + +.progress-bar-xs .progress-percent { border-radius: 2px; border: none; } + +.progress-bar-sm { height: 15px; border-radius: 2px; } + +.progress-bar-md { height: 24px; border-radius: 3px; } + +.progress-bar-md .progress-percent { padding: 3px 0; } + +.progress-bar-s1 { padding: 6px; width: 100%; background: #fff; border-radius: 16px; height: auto; } + +.progress-bar-s2.bar-round { border-radius: 30px; } + +.progress-bar-s2.bar-round .progress-percent { border-radius: 30px; } + +.progress-bar-s2 .progress-percent { top: 3px; left: 3px; bottom: 3px; right: 3px; border: none; } + +.progress-bar-s2 .progress-percent:after { display: none; } + +.progress-percent { position: absolute; top: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 12px; background: #5d46e8; } + +.progress-percent-s2 { z-index: 2; } + +.progress-percent-s2:after { position: absolute; content: ''; top: 50%; right: 0; height: 18px; width: 18px; border-radius: 50%; border: 2px solid #fff; background: #5d46e8; transform: translate(50%, -50%); } + +.progress-percent-s1 { position: relative; max-height: 20px; border: none; min-height: 20px; border-radius: 20px !important; } + +.progress-percent-s3 { border: none; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } + +.progress-info { display: block; font-size: 16px; color: #fff; padding: 12px 0 22px; } + +.progress-info span { font-weight: 500; font-size: 18px; color: #ff9259; } + +.progress-info-s2 { font-size: 12px; text-transform: uppercase; padding: 0 0 17px; } + +.progress-info-s2 span { font-size: 14px; text-transform: capitalize; color: #fff; } + +.progress-point { color: #fff; font-size: 11px; line-height: 14px; font-weight: 500; text-transform: uppercase; position: absolute; top: 30px; transform: translateX(-50%); padding: 3px 0; } + +.progress-point:after { position: absolute; bottom: 100%; left: 50%; margin-left: -1px; content: ''; width: 2px; height: 40px; background: rgba(193, 206, 241, 0.5); } + +.progress-bar-md .progress-point { top: 40px; font-size: 14px; font-weight: 400; text-transform: capitalize; } + +.progress-bar-md .progress-point:after { bottom: calc(100% + 10px); height: 30px; } + +.progress-point span { display: block; font-size: 12px; color: #5d46e8; } + +.progress-point-s1 { top: -35px; } + +.progress-point-s1:after { bottom: auto; top: 100%; height: 30px; } + +.progress-point-1 { left: 25%; } + +.progress-point-2 { left: 85%; } + +.progress-points { padding-top: 10px; display: flex; justify-content: space-between; } + +ul.progress-info { display: flex; justify-content: space-between; } + +@media (min-width: 576px) { .progress-bar-md { height: 36px; } + .progress-percent { font-size: 14px; } + .progress-wrap-point { margin-bottom: 78px; } + .progress-wrap-point-s1 { margin-bottom: 30px; } + .progress-bar-md .progress-point { top: 60px; } + .progress-bar-md .progress-point:after { height: 50px; } } + +/** 03.08 CountDown */ +.countdown { display: flex; justify-content: space-around; margin: 0 -5px; } + +.countdown-small { justify-content: flex-start; margin: 0 -20px; } + +.countdown-s2 { margin: 0; justify-content: space-between; } + +.countdown-s3 { margin: 0 -16px 0 -25px; } + +.countdown-s4 { margin: 0; } + +.countdown-md { padding-bottom: 35px; } + +.countdown-item { padding: 0 5px; } + +.countdown-s2 .countdown-item { padding: 0; } + +.countdown-s3 .countdown-item { flex-grow: 1; } + +.countdown-s3.countdown-small .countdown-item, .countdown-s3-alt .countdown-item { flex-grow: 0; width: auto; } + +.countdown-s4 .countdown-item, .countdown-s5 .countdown-item { width: 100%; } + +.countdown-wd .countdown-item { flex-grow: 0; width: 100%; } + +.countdown-md .countdown-item { width: 80px; } + +.countdown-wd { text-align: center; } + +.countdown-time { position: relative; height: 54px; width: 54px; border-radius: 50%; border: 2px solid #5d46e8; text-align: center; line-height: 50px; display: block; } + +.countdown-s2 .countdown-time { border-radius: 6px; background-color: #4936b5; border-color: transparent; font-size: 1.4rem; font-weight: 500; color: #fff; } + +.countdown-s3 .countdown-time { border-radius: 0; border: none; font-size: 2.8125rem; line-height: 50px; font-weight: 700; height: 50px; width: 100%; color: #5d46e8; } + +.tc-light .countdown-s3 .countdown-time { color: #fff; } + +.countdown-s3 .countdown-time:after { position: absolute; top: calc(50% - 3px); right: -6px; transform: translate(50%, -50%); content: ':'; } + +.countdown-s3 .countdown-time-last:after { display: none; } + +.countdown-s3-alt .countdown-time { font-size: 1.875rem; padding: 0 20px; font-weight: 300; height: 38px; line-height: 38px; margin-bottom: 0.5rem; } + +.countdown-s3.countdown-small .countdown-time { font-size: 1rem; line-height: 24px; height: 24px; text-align: left; padding: 0 20px; } + +.countdown-s4 .countdown-time { font-size: 2rem; } + +.countdown-s4 .countdown-time, .countdown-thin .countdown-time { font-weight: 300; } + +.tc-light .countdown-s5 .countdown-time { color: #5d46e8; } + +.countdown-md .countdown-time { font-size: 2rem; line-height: normal; font-weight: 400; height: auto; } + +.countdown-text { display: block; font-weight: 500; font-size: 12px; letter-spacing: 0.01em; padding-top: 8px; text-align: center; } + +.tc-light .countdown-text { color: #fff; } + +.countdown-s2 .countdown-text { text-transform: uppercase; font-weight: 400; } + +.tc-light .countdown-s2 .countdown-text { color: #5d46e8; } + +.countdown-s3 .countdown-text { text-transform: uppercase; } + +.tc-light .countdown-s3 .countdown-text { color: #fff; } + +.countdown-s3-alt .countdown-text { text-transform: capitalize; padding-top: 0; font-weight: 400; } + +.countdown-s3.countdown-small .countdown-text { text-align: left; padding: 0 22px; } + +.countdown-s4 .countdown-text { text-transform: capitalize; padding-top: 0; } + +.tc-light .countdown-s5 .countdown-text { color: #5d46e8; } + +.countdown-md .countdown-text { font-weight: 400; padding-top: 2px; } + +.status-countdown { overflow: hidden; } + +@media (min-width: 420px) { .countdown-time { height: 64px; width: 64px; line-height: 60px; } } + +@media (min-width: 576px) { .status-countdown { min-width: 290px; } + .countdown-large .countdown-time { font-size: 3.5rem; } + .countdown-large .countdown-time:after { font-size: 2.5rem; } } + +@media (min-width: 768px) { .countdown-wd .countdown .item { width: 100%; } + .countdown-xxl .countdown-time { font-size: 5.5rem; } + .countdown-xl .countdown-time { font-size: 4rem; } + .countdown-xl.countdown-s2 .countdown-time { width: 123px; height: 123px; line-height: 123px; border-radius: 4px; } + .countdown-xxl .countdown-text { padding-top: 30px; } + .countdown-s3-lg { margin: 0 -38px; } } + +@media (min-width: 992px) { .countdown-s4 .countdown-time { font-size: 2rem; } + .countdown-large .countdown-time { font-size: 3.5rem; } } + +@media (min-width: 1200px) { .countdown-s4 .countdown-time { font-size: 2.9rem; } + .countdown-large .countdown-time { font-size: 3.6rem; } } + +/** 03.09 Toastr */ +/* Toastr */ +#toast-container { position: fixed; z-index: 999999; margin-top: 22px; margin-bottom: 16px; } + +#toast-container .toast { opacity: 1; } + +.toast-top-center { top: 0; right: 0; width: 100%; } + +.toast-bottom-center { bottom: 0; right: 0; width: 100%; } + +.toast-top-full-width { top: 0; right: 0; width: 100%; } + +.toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } + +.toast-top-left { top: 0; left: 16px; } + +.toast-top-right { top: 0; right: 16px; } + +.toast-bottom-right { right: 16px; bottom: 0; } + +.toast-bottom-left { bottom: 0; left: 16px; } + +.toast-top-center > div, .toast-bottom-center > div { width: 650px; max-width: 90%; margin-left: auto; margin-right: auto; } + +.toast-top-full-width > div, .toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } + +.toast { background: #fff; color: #fff; overflow: hidden; margin: 0 0 8px; padding: 15px 51px 15px 15px; width: 300px; border-radius: 5px; border: none; display: flex; align-items: center; box-shadow: 0px 2px 18px 2px rgba(56, 56, 95, 0.25); background: #2a1f69; position: relative; } + +.toast-close-button { cursor: pointer; position: absolute; text-align: left; right: 15px; text-indent: -9999em; overflow: hidden; background: none; border-radius: 50%; border: none; height: 36px; width: 36px; transition: all .3s; } + +.toast-close-button:after { position: absolute; content: '\e646'; font-family: 'themify'; top: 0; right: -1px; text-indent: 0; display: block; font-size: 13px; line-height: 38px; height: 36px; width: 36px; text-align: center; color: #fff; transition: all .3s; } + +.toast-close-button:hover, .toast-close-button:focus { background: rgba(248, 248, 255, 0.15); box-shadow: none; outline: none; } + +.toast-message { position: relative; flex-grow: 1; font-size: 13px; line-height: 17px; display: flex; align-items: center; padding-left: 10px; min-height: 30px; } + +.toast-message-icon { display: inline-block; font-size: 14px; margin-right: 15px; margin-left: -10px; text-align: center; height: 30px; width: 30px; line-height: 30px; border-radius: 50%; } + +.toast-message-icon.ti-alert:before { position: relative; top: -2px; } + +.toast-info .toast-message-icon { background: #026bfb; } + +.toast-warning .toast-message-icon { background: #ff9259; } + +.toast-success .toast-message-icon { background: #39d884; } + +.toast-error .toast-message-icon { background: #e6604a; } + +@media (min-width: 576px) { .toast-message { font-size: 14px; line-height: 18px; } } + +/** 03.10 Misc */ +.img-xs { height: 40px; width: 40px; } + +.text-thumb { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; font-weight: 500; letter-spacing: 0.1em; border: 2px solid #fff; background: #5d46e8; } + +.text-thumb-xs { height: 40px; width: 40px; } + +.icon { display: inline-block; } + +.icon-lg { font-size: 50px; } + +.icon-round { display: inline-block; text-align: center; border-radius: 50%; background: rgba(93, 70, 232, 0.1); } + +.icon-round.icon-lg { height: 90px; width: 90px; line-height: 90px; } + +.icon-circle { display: inline-flex; align-items: center; justify-content: center; height: 38px; width: 38px; border-radius: 50%; } + +.icon-circle-md { height: 50px; width: 50px; } + +.icon-border { border: 1px solid #fff; } + +.icon-animation { position: relative; } + +.icon-animation:after { position: absolute; content: ""; top: -8px; right: -8px; bottom: -8px; left: -8px; border-radius: 50%; border: 1px solid #fff; animation: 1s ease 0s normal none infinite running playbutton; } + +.icon-list li { display: inline-block; margin: 0 5px; } + +.icon-currency-list { display: flex; justify-content: center; align-items: center; } + +.icon-bg { min-width: 40px; min-height: 40px; background: #8c8c8c; color: #fff; text-align: center; line-height: 40px; font-size: 1.7rem; border-radius: 50%; margin-right: 8px; } + +.has-rtl .icon-bg { margin-right: 0; margin-left: 8px; } + +.icon-bg-md { min-height: 32px; min-width: 32px; line-height: 32px; font-size: 1.5rem; } + +.icon-bg-lg { min-width: 60px; min-height: 60px; line-height: 60px; font-size: 2rem; } + +.icon-bg-xl { min-width: 92px; min-height: 92px; line-height: 92px; font-size: 4rem; } + +.icon-bg-eth { background: #61688f; } + +.icon-bg-btc { background: #f9931a; } + +.icon-bg-ltc { background: #838383; } + +.icon-bg-dash { background: #3573c0; } + +.icon-bg-xrp { background: #1c1c1c; } + +.icon-bg-xmr { background: #ff9f17; } + +.toggle-wrap { position: relative; } + +.toggle-tigger { display: inline-block; } + +.toggle-tigger.btn { display: inline-flex; } + +.toggle-class { visibility: hidden; opacity: 0; transition: all .4s; } + +.toggle-class.active { visibility: visible; opacity: 1; } + +.toggle-drop { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: -10px; z-index: 9; } + +.toggle-drop-left { left: 0; transform: translateX(0); } + +.toggle-drop-right { left: auto; right: 0; transform: translateX(0); } + +.toggle-drop-top { bottom: 100%; top: auto; margin-bottom: 10px; } + +.toggle-drop.active { margin-top: 0; margin-bottom: 0; } + +@media (max-width: 991px) { .toggle-class-lg { position: static; margin-top: 0; display: block; visibility: visible; opacity: 1; } + .toggle-wrap-nav { width: 100%; display: flex; } + .toggle-wrap-nav .toggle-class-lg { margin-left: 20px; flex-grow: 1; } + .toggle-wrap-nav .toggle-class-lg .drop-list { max-width: 100%; } } + +.drop-wrap { position: relative; } + +.drop-list { min-width: 160px; max-width: 160px; background: #fff; padding: 10px 0; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(93, 70, 232, 0.08); } + +.drop-list a { font-size: 13px; line-height: 18px; color: #696993; padding: 7px 20px; display: block; position: relative; } + +.drop-list a .badge { margin-left: 5px; position: relative; top: -1px; } + +.tc-light:not(.btn) .drop-list a { color: #696993; } + +.drop-list a:hover { color: #5d46e8; } + +.drop-list-xs { min-width: 60px; max-width: 60px; } + +.drop-list-xs a { padding: 7px 8px; } + +.drop-list-mb { min-width: 80px; max-width: 80px; } + +.drop-list-mb a { padding: 7px 14px; } + +.drop-list-sm { min-width: 110px; max-width: 110px; } + +.drop-list-full { min-width: 100%; max-width: 100%; } + +.drop-list-center { text-align: center; } + +.breadcumb { margin: 0 -13px; } + +.breadcumb li { display: inline-block; padding: 0 15px; font-size: .75rem; line-height: 18px; position: relative; color: #696993; } + +.breadcumb li:not(:last-child):after { position: absolute; top: 0; right: -3px; content: '-'; line-height: 18px; color: #5d46e8 !important; } + +.breadcumb li a { color: #5d46e8 !important; } + +.breadcumb li a:hover:not([class]) { color: #ff9259 !important; } + +.preloader { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; } + +.preloader:before, .preloader:after { position: absolute; left: 0; height: 51%; width: 100%; transition: all .6s ease; background: #fff; content: ''; } + +.preloader:before { top: 0; } + +.page-loaded .preloader:before { transform: translate(0, -100%); } + +.preloader:after { bottom: 0; } + +.page-loaded .preloader:after { transform: translate(0, 100%); } + +.preloader.no-default { background-color: #4936b5; } + +.page-loaded .preloader.no-default:before, .page-loaded .preloader.no-default:after { transform: translate(0, 0); } + +.preloader.no-default:before, .preloader.no-default:after { position: absolute; top: 0; left: 0; height: 100%; transition: all .6s; background-color: #4936b5; } + +.preloader-alt:after, .preloader-alt:before { background: #5d46e8; } + +.page-loaded .preloader.no-split:before, .page-loaded .preloader.no-split:after { transform: translate(0, 0); } + +.spinner { display: block; position: relative; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; z-index: 1001; } + +.spinner-round { border-radius: 50%; border: 2px solid transparent; border-top-color: #5d46e8; animation: spin 2s linear infinite; } + +.spinner-round:before, .spinner-round:after { content: ""; position: absolute; border-radius: 50%; border: 3px solid transparent; } + +.spinner-round:before { top: 5px; left: 5px; right: 5px; bottom: 5px; border-top-color: #ff9259; animation: spin 3s linear infinite; } + +.spinner-round:after { top: 15px; left: 15px; right: 15px; bottom: 15px; border-top-color: #4936b5; animation: spin 1.5s linear infinite; } + +.spinner-alt { border-radius: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; } + +.spinner-alt:after, .spinner-alt:before { content: ""; position: absolute; border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; } + +.spinner-alt:before { border: 1px solid rgba(255, 255, 255, 0.1); } + +.spinner-alt:after { border: 1px solid; border-top-color: #fff; border-right-color: transparent; border-left-width: 0; border-bottom-width: 0; animation: spin 1.5s linear infinite; } + +.spinner-alt.load-done { transition: all .4s; transform: scale(3); opacity: 0; border-color: transparent; } + +.spinner-alt.load-done:after, .spinner-alt.load-done:before { opacity: 0; } + +.spinner-alt.spinner-light { border: 1px solid rgba(10, 16, 21, 0.1); } + +.spinner-alt.spinner-light:after { border-top-color: #0a1015; } + +.spinner-brand { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100px; } + +@keyframes spin { 0% { -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); } } + +.text-zoom { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; text-transform: uppercase; font-weight: 700; height: 100px; width: 100px; } + +.text-item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } + +.text-item:nth-child(2) > * { animation-delay: 1s; } + +.text-item:nth-child(3) > * { animation-delay: 2s; } + +.text-item:nth-child(4) > * { animation-delay: 3s; } + +.text-item:nth-child(5) > * { animation-delay: 4s; } + +.text-item:nth-child(6) > * { animation-delay: 5s; } + +.text-item:nth-child(7) > * { animation-delay: 6s; } + +.text-item:nth-child(8) > * { animation-delay: 7s; } + +.text-item:nth-child(9) > * { animation-delay: 8s; } + +.text-small, .text-large { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; opacity: 0; } + +.text-small { color: #97afd5; z-index: 2; font-size: 60px; animation: textzoom9 9s linear infinite; } + +.text-large { color: #19243e; z-index: 0; font-size: 120px; animation: textzoom9l 9s linear infinite; } + +@keyframes textzoom9 { 0% { transform: translate(-50%, -50%) scale(0); + opacity: 0; } + 6% { transform: translate(-50%, -50%) scale(1); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.3); + opacity: 0; } } + +@keyframes textzoom9l { 0% { transform: translate(-50%, -50%) scale(0.2); + opacity: 0; } + 8% { transform: translate(-50%, -50%) scale(1.2); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.7); + opacity: 0; } } + +.modal-dialog-bottom { display: flex; align-items: flex-end; min-height: calc(100% - (.5rem * 2)); } + +.modal.fade .modal-dialog-bottom { -webkit-transform: translate(0, 25%); transform: translate(0, 25%); } + +.modal.show .modal-dialog-bottom { -webkit-transform: translate(0, -30px); transform: translate(0, -30px); } + +.modal-content { background: none; border: none; margin-left: auto; margin-right: auto; width: auto; max-width: 100%; } + +.modal-body { background: #fff; border-radius: 6px; } + +.modal-close { position: absolute; cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 39px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #696993; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(105, 105, 147, 0.2); } + +.mfp-close-btn-in .mfp-close { cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 37px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #696993 !important; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(105, 105, 147, 0.2); transition: all .4s; } + +.mfp-close-btn-in .mfp-close:hover { text-decoration: none; color: #5d46e8 !important; } + +.tc-light .mfp-close-btn-in .mfp-close:hover { color: #5d46e8 !important; } + +.image-popup .mfp-close { cursor: pointer; top: 22px; right: -18px; } + +.owl-nav { margin: 0 -10px 0; padding-top: 40px; } + +.carousel-nav-s1 .owl-nav { padding-top: 0px; } + +.carousel-nav-center .owl-nav { display: flex; justify-content: center; } + +.owl-nav button { border: 1px solid #fff !important; border-radius: 50% !important; height: 40px; width: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 0 10px; transition: all .4s; } + +.carousel-nav-s1 .owl-nav button { border-width: 0 !important; margin: 0; } + +.owl-nav button:focus { box-shadow: none; outline: none; } + +.owl-nav button.disabled { opacity: 0.4; } + +.owl-nav button:after { font-family: "themify"; font-size: 1rem; } + +.carousel-nav-s1 .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.carousel-nav-light .owl-nav { color: #fff; } + +.owl-prev:after { content: '\e64a'; } + +.owl-rtl .owl-prev:after { content: '\e649'; } + +.carousel-nav-s1 .owl-prev:after { content: '\f060'; } + +.carousel-nav-s1.owl-rtl .owl-prev:after { content: '\f061'; } + +.owl-next:after { content: '\e649'; } + +.owl-rtl .owl-next:after { content: '\e64a'; } + +.carousel-nav-s1 .owl-next:after { content: '\f061'; } + +.carousel-nav-s1.owl-rtl .owl-next:after { content: '\f060'; } + +.owl-dot { height: 6px; width: 12px; border-radius: 3px; display: inline-block; margin: 0 4px; transition: all .4s ease; background: rgba(93, 70, 232, 0.3) !important; } + +.owl-dot.active { background: rgba(93, 70, 232, 0.8) !important; width: 20px; } + +.owl-dot:focus { outline: none; } + +.owl-dots { text-align: center; } + +.carousel-shadow-fix .owl-stage-outer { margin: 0 -30px; margin-top: -20px; padding-left: 40px; } + +.carousel-shadow-fix.feature-carousel-center .owl-stage-outer { padding-left: 30px; } + +.carousel-shadow-fix.owl-rtl .owl-stage-outer { padding-left: 0; padding-right: 30px; } + +.carousel-shadow-fix .owl-item { padding: 20px 0 40px; } + +.carousel-shadow-fix .owl-item > div { transition: all .4s; opacity: 0; } + +.carousel-shadow-fix .owl-item.active > div { opacity: 1; } + +.carousel-shadow-fix .owl-item:not(.active) [class*='shadow'] { box-shadow: none !important; } + +.carousel-shadow-fix .owl-item .feature { margin-bottom: 0; } + +.ovm-line { position: relative; width: 64%; max-width: 1280px; height: 100%; margin-left: auto; margin-right: auto; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } + +.ovm-line:before, .ovm-line:after { position: absolute; content: ''; height: 100%; top: 0; left: 50%; transform: translateX(-50%); } + +.ovm-line:before { width: 1px; background: rgba(255, 255, 255, 0.05); } + +@media (min-width: 992px) { .ovm-line:after { width: 50%; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.nk-circle-animation { height: 300px; width: 300px; z-index: 1; } + +.nk-circle-animation + * { position: relative; z-index: 1; } + +.nk-circle-animation:before, .nk-circle-animation:after { position: absolute; content: ''; border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 50%; } + +.nk-circle-animation:before { top: 0; left: 0; bottom: 0; right: 0; border-top-color: #5d46e8; border-right-color: #5d46e8; animation: rotatecw 30s linear infinite 0s; } + +.nk-circle-animation:after { top: 25px; left: 25px; bottom: 25px; right: 25px; border-top-color: #5d46e8; border-bottom-color: #5d46e8; animation: rotateacw 24s linear infinite 0s; } + +.nk-circle-animation.small:before, .nk-circle-animation.small:after { border-width: 2px; } + +.nk-circle-animation.fast:before { animation: rotatecw 15s linear infinite 0s; } + +.nk-circle-animation.fast:after { animation: rotateacw 10s linear infinite 0s; } + +.nk-circle-animation.white:before { border-top-color: #fff; border-right-color: #fff; } + +.nk-circle-animation.white:after { border-top-color: #fff; border-bottom-color: #fff; } + +.nk-circle-animation.accent-alt:before { border-top-color: #ff9259; border-right-color: #ff9259; } + +.nk-circle-animation.accent-alt:after { border-top-color: #ff9259; border-bottom-color: #ff9259; } + +.nk-circle-pk { position: relative; height: 565px; width: 640px; } + +.nk-circle-pk [class*="line"] { position: absolute; top: 0; border-radius: 50%; border: 1px solid rgba(93, 70, 232, 0.2); height: 100%; width: calc(100% - 80px); } + +.nk-circle-pk .line-1 { left: 0; } + +.nk-circle-pk .line-2 { left: 20px; } + +.nk-circle-pk .line-3 { left: 45px; } + +.nk-circle-pk .line-4 { left: 65px; } + +.token-status .nk-circle-pk { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } + +@media (min-width: 576px) { .nk-circle-animation { height: 500px; width: 500px; overflow: hidden; } + .nk-circle-animation:after { top: 45px; left: 45px; bottom: 45px; right: 45px; } + .nk-circle-animation.small { height: 400px; width: 400px; } + .nk-circle-animation.small:after { top: 35px; left: 35px; bottom: 35px; right: 35px; } } + +@media (min-width: 992px) { .token-status .nk-circle-pk { display: block; } + .icon-bg { margin-right: 20px; } + .has-rtl .icon-bg { margin-right: 0px; margin-left: 20px; } } + +.circle-animation { position: absolute; height: 700px; width: 700px; top: -75px; left: 50%; transform: translateX(-50%); } + +.circle-animation .ca { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid rgba(105, 105, 147, 0.15); } + +.tc-light .circle-animation .ca { border-color: rgba(255, 255, 255, 0.1); } + +.circle-animation .ca-dot { position: absolute; height: 12px; width: 12px; border-radius: 50%; } + +.circle-animation .ca-color-1 { background: #86cfff; } + +.circle-animation .ca-color-2 { background: #859fff; } + +.circle-animation .ca-color-3 { background: #93a6ba; } + +.circle-animation-l1 { height: 100%; width: 100%; animation: rotatecw_alt 78s linear infinite 0s; } + +.circle-animation-l1-d1 { left: 23%; top: 6.35%; } + +.circle-animation-l1-d2 { right: 23%; top: 6.35%; } + +.circle-animation-l1-d3 { right: -7px; top: 50%; } + +.circle-animation-l1-d4 { right: 23%; bottom: 6.35%; } + +.circle-animation-l1-d5 { left: 23%; bottom: 6.35%; } + +.circle-animation-l1-d6 { left: -7px; top: 50%; } + +.circle-animation-l2 { height: 84.6%; width: 84.6%; border-radius: 50%; animation: rotateacw_alt 66s linear infinite 0s; } + +.circle-animation-l2-d1 { right: 4.9%; top: 25%; } + +.circle-animation-l2-d2 { left: 42%; top: -.6%; } + +.circle-animation-l2-d3 { left: -2px; top: 40%; } + +.circle-animation-l2-d4 { left: 24%; bottom: 5.5%; } + +.circle-animation-l2-d5 { right: 11.2%; bottom: 16%; } + +.circle-animation-l3 { height: 69.2%; width: 69.2%; animation: rotatecw_alt 54s linear infinite 0s; } + +.circle-animation-l3-d1 { left: 7.6%; top: 20%; } + +.circle-animation-l3-d2 { right: 24%; top: 5.2%; } + +.circle-animation-l3-d3 { right: -3px; bottom: 39%; } + +.circle-animation-l3-d4 { right: 37%; bottom: 0; } + +.circle-animation-l3-d5 { left: 8.4%; bottom: 19%; } + +@keyframes rotatecw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(360deg); } } + +@keyframes rotateacw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(-360deg); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.social li { text-align: center; display: inline-block; padding: 0 3px; } + +.social li:first-child { padding-left: 0; } + +.social li a { display: inline-flex; align-items: center; transition: all 0.3s; width: auto; } + +.social li a:hover { opacity: 1; transform: translateX(0); } + +.social li a:hover .social-icon { background: #ff9259; color: #fff; } + +.tc-light .social li a:hover .social-icon { background: #5d46e8; } + +.social li a:hover .social-icon + span { color: #fff; } + +.social-icon { width: 32px; height: 32px; line-height: 32px; border-radius: 50%; transition: 0.3s; color: #696993; background: #fff; } + +.tc-light .social-icon { color: #fff; background: rgba(255, 255, 255, 0.15); } + +.social-icon-transparent { background: transparent; } + +.tc-light .social-icon-transparent { background: transparent; } + +.social-icon + span { display: none; margin-left: 8px; font-weight: 600; text-transform: uppercase; font-size: 12px; color: #5d46e8; transition: all 0.3s; } + +.social-bar { display: flex; flex-wrap: wrap; } + +.social-bar li { flex-grow: 1; text-align: center; line-height: 30px; } + +.social-bar li:not(:last-child) { border-right: 1px solid #f0f5fc; } + +.social-bar li span { font-size: 14px; text-transform: uppercase; } + +.social-bar li a, .social-bar li span { display: block; padding: 7px 10px; } + +.social-bar-title { width: 100%; border-bottom: 1px solid #f0f5fc; } + +@media (min-width: 576px) { .social-icon + span { display: inline-block; } + .social-bar li a, .social-bar li span { padding: 20px; } + .social-bar-title { width: auto; border-bottom: none; } } + +@media (min-width: 992px) { .social-bar li a { font-size: 20px; } + .social-bar li a, .social-bar li span { padding: 40px 20px; } } + +.language-switcher .toggle-tigger { color: #696993; position: relative; } + +.is-transparent:not(.has-fixed) .header-logo .language-switcher .toggle-tigger { color: #fff; } + +.language-switcher .toggle-tigger:not(.btn) { padding: 8px 15px 8px 10px; } + +.language-switcher .toggle-tigger:not(.btn):after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.language-switcher-s1 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s2 .toggle-tigger:after { right: 14px; } + +.language-switcher-s2 .toggle-tigger:not(.btn) { padding: 3px 26px 3px 16px; } + +.language-switcher-s3 { border-left: 1px solid rgba(255, 255, 255, 0.15); text-transform: uppercase; font-size: .88rem; margin-left: 15px; } + +.language-switcher-s3 .toggle-tigger:not(.btn) { padding: 2px 20px 2px 15px; } + +.language-switcher-s4 { position: relative; } + +@media (min-width: 992px) { .language-switcher-s4:after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; content: ''; background: rgba(255, 255, 255, 0.15); } } + +.language-switcher-s4 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s5 .toggle-tigger { font-size: 12px; font-weight: 500; text-transform: uppercase; } + +.language-flag { width: 24px; margin: 3px 8px 3px 0; } + +.language-flag-lg { width: 36px; } + +.gfx { max-width: 400px; } + +.gfx-auto { margin-left: auto; margin-right: auto; } + +.gfx-inherit { max-width: 420px; } + +.gfx-md { max-width: 380px; } + +@media (min-width: 768px) { .gfx { max-width: 500px; } + .gfx-inherit { max-width: 420px; } + .gfx-md { max-width: 380px; } } + +@media (min-width: 992px) { .gfx-re-s1 { margin: 0 -230px 0 0; } } + +@media (min-width: 1600px) { .gfx-re-lgl { margin-left: -188px; } + .gfx-re-lg { margin: 0 -168px 0 42px; } } + +@media (min-width: 1900px) { .gfx-re-lgl { margin-left: -315px; } + .gfx-re-lgr { margin-right: -315px; } + .gfx-re-mdl { margin-left: -230px; } + .gfx-re-lg { margin: 0 -200px 0 42px; } } + +.piller-one, .piller-two { position: absolute; z-index: -1; } + +.piller-one { width: 250px; top: 20%; right: 100%; margin-right: 65px; } + +.piller-two { width: 200px; left: 100%; top: 50%; margin-left: 40px; } + +.gfx-round-bg { min-width: 300px; min-height: 300px; background: #f8f8ff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } + +.gfx-round-bg.after:after { position: absolute; content: ""; left: 44px; top: 0; width: 100%; height: 100%; border: 1px solid #ff9259; border-radius: 50%; } + +@media (min-width: 768px) { .gfx-round-bg { min-width: 400px; min-height: 400px; } } + +@media (min-width: 1200px) { .gfx-round-bg { min-width: 480px; min-height: 480px; } } + +@media (min-width: 1600px) { .gfx-round-bg { min-width: 600px; min-height: 600px; } } + +@media (min-width: 1900px) { .gfx-round-bg { min-width: 660px; min-height: 660px; } + .gfx-round-bg-md { min-width: 557px; min-height: 557px; } } + +/** 04. Components */ +/** 04.01 Tab */ +.tab-nav li a { display: block; padding: 12px 12px; line-height: 19px; font-weight: 400; color: rgba(56, 56, 95, 0.6); border-bottom: 1px solid rgba(219, 228, 247, 0.5); transition: all .4s; } + +.tab-nav li a:hover, .tab-nav li a.active { color: #5d46e8; } + +.tab-nav li a .fas, .tab-nav li a .far { margin-right: 10px; } + +.tab-nav-sap { flex-grow: 1; height: 2px; background: rgba(70, 189, 244, 0.4); align-self: center; margin: 0 -7px; } + +.tc-light .tab-nav-sap { background: rgba(70, 189, 244, 0.4); } + +.tab-nav-vr { display: block; } + +.tab-nav-vr li:not(:last-child) a { border-bottom: 1px solid rgba(219, 228, 247, 0.5); } + +.tab-nav-vr li:last-child a { border: none; } + +.tab-nav-vr li a { padding: 18px 20px; } + +.tc-light .tab-nav-vr li:not(:last-child) a { border-color: rgba(255, 255, 255, 0.07); } + +.tab-nav-s2 { margin: 0 -15px 15px; } + +.tab-nav-s2 li { padding: 0 15px; } + +.tab-nav-s2 li a { font-size: 18px; letter-spacing: 0.01em; text-transform: uppercase; padding: 12px 5px; border-bottom-color: transparent; } + +.tc-light .tab-nav-s2 li a { color: rgba(255, 255, 255, 0.5) !important; } + +.tab-nav-s2 li a:hover, .tab-nav-s2 li a.active { color: #5d46e8; border-bottom-color: #5d46e8; } + +.tab-nav-s2 li a .fas, .tab-nav-s2 li a .far { margin-right: 10px; } + +.tab-nav-s3 li a { border: none !important; border-radius: 3px; cursor: pointer; padding: 28px 30px; } + +.tab-nav-s3 li a [class*=title] { color: #38385f; transition: all .4s; } + +.tc-light .tab-nav-s3 li a [class*=title] { color: #fff; } + +.tab-nav-s3 li a p { color: #696993; line-height: 1.6; } + +.tc-light .tab-nav-s3 li a p { color: #fff; } + +.tab-nav-s3 li a.active { box-shadow: 0 3px 12px 0 rgba(93, 70, 232, 0.08); background: #fff; cursor: default; } + +.tab-nav-s3 li a.active [class*=title] { color: #5d46e8; } + +.tc-light .tab-nav-s3 li a.active { background: #5d46e8; } + +.bg-theme-alt .tab-nav-s3 li a.active { background: #4936b5; } + +.tab-nav-s4 { border: none; padding: 5px; border-radius: 30px; display: inline-block; } + +.tab-nav-s4 li { display: inline-block; } + +.tab-nav-s4 li a { border: none; line-height: 24px; background: transparent; font-weight: 600; color: #fff; font-size: 11px; padding: 10px 22px; border-radius: 25px; font-weight: 600; display: inline-block; } + +.tab-nav-s4 li a.active { color: #4936b5 !important; background: #fff; } + +.tc-light .tab-nav-s4 li a.active:hover { color: tab_nav_s4_active_color !important; } + +.tc-light .tab-nav-s4 li a:hover { color: #fff !important; } + +.tab-nav-center { justify-content: center; } + +.tab-nav-bdr { border: 1px solid #dbe4f7; border-radius: 5px; } + +.tc-light .tab-nav-bdr { border-color: rgba(255, 255, 255, 0.07); background: rgba(255, 255, 255, 0.02); } + +.tab-nav-line { margin-bottom: 20px; border-bottom: 2px solid rgba(219, 228, 247, 0.5); text-align: center; justify-content: center; } + +.tab-nav-line li a { border-bottom: none; position: relative; } + +.tab-nav-line li a:after { position: absolute; width: 100%; height: 2px; left: 0; bottom: -2px; content: ''; background: #5d46e8; opacity: 0; transition: all .4s; } + +.tab-nav-line li a:hover, .tab-nav-line li a.active { color: #5d46e8; } + +.tab-nav-line li a.active:after { opacity: 1; } + +.tc-light .tab-nav-line { border-bottom-color: rgba(219, 228, 247, 0.5); } + +.tc-light .tab-nav li a:after { background: #5d46e8; } + +.tc-light .tab-nav li a:hover, .tc-light .tab-nav li a.active { color: #5d46e8 !important; } + +.tab-nav-btn { margin: -7px -7px 8px; } + +.tab-nav-btn li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn li a { border-radius: 3px; color: #696993; background: rgba(73, 54, 181, 0.1); border-color: transparent; padding: 10px 18px; } + +.tc-light .tab-nav-btn li a { color: #696993; background: rgba(255, 255, 255, 0.1); border-color: transparent; } + +.tab-nav-btn li a:hover, .tab-nav-btn li a.active { color: #5d46e8 !important; background: rgba(73, 54, 181, 0.1); } + +.tc-light .tab-nav-btn li a:hover, .tc-light .tab-nav-btn li a.active { color: #5d46e8 !important; background: rgba(93, 70, 232, 0.1); } + +.tab-nav-btn-s2 li a:hover, .tab-nav-btn-s2 li a.active { color: #fff !important; background: #5d46e8; } + +.tc-light .tab-nav-btn-s2 li a:hover, .tc-light .tab-nav-btn-s2 li a.active { color: #5d46e8 !important; background: rgba(73, 54, 181, 0.1); } + +.tab-nav-btn-bdr { margin: -7px; } + +.tab-nav-btn-bdr li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr li a { border-radius: 3px; color: #696993 !important; background: transparent; border: 1px solid !important; border-color: #696993 !important; } + +.tc-light .tab-nav-btn-bdr li a { color: #fff !important; background: transparent; border-color: rgba(70, 189, 244, 0.4) !important; } + +.tab-nav-btn-bdr li a:hover, .tab-nav-btn-bdr li a.active { color: #5d46e8 !important; background: transparent; border-color: #5d46e8 !important; } + +.tc-light .tab-nav-btn-bdr li a:hover, .tc-light .tab-nav-btn-bdr li a.active { color: #5d46e8 !important; background: transparent; border-color: #5d46e8 !important; } + +.tab-nav-btn-bdr-s2 { margin: -7px; } + +.tab-nav-btn-bdr-s2 li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr-s2 li a { text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; font-size: .88rem; padding: 14px 22px; border-radius: 6px; color: #696993 !important; background: transparent; border: 2px solid !important; border-color: rgba(70, 189, 244, 0.4) !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a { color: #fff !important; background: transparent; border-color: rgba(70, 189, 244, 0.4) !important; } + +.tab-nav-btn-bdr-s2 li a:hover, .tab-nav-btn-bdr-s2 li a.active { color: #5d46e8 !important; background: transparent; border-color: #5d46e8 !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a:hover, .tc-light .tab-nav-btn-bdr-s2 li a.active { color: #5d46e8 !important; background: transparent; border-color: #5d46e8 !important; } + +.tab-nav-grad li a { position: relative; } + +.tc-light .tab-nav-grad li a { background: rgba(255, 255, 255, 0.1); } + +.tab-nav-grad li a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: -1; border-radius: 3px; background: linear-gradient(-45deg, #4936b5 0%, #5d46e8 100%); opacity: 0; transition: all .4s; } + +.tc-light .tab-nav-grad li a:before { background: linear-gradient(-45deg, #5d46e8 0%, #ff9259 100%) !important; } + +.tab-nav-grad li a:hover, .tab-nav-grad li a.active { color: #fff !important; background: transparent; } + +.tab-nav-grad li a:hover:before, .tab-nav-grad li a.active:before { opacity: 1; } + +.tc-light .tab-nav-grad li a:hover, .tc-light .tab-nav-grad li a.active { color: #fff !important; } + +.tab-pane { padding: 10px 0 0; } + +@media (min-width: 576px) { .tab-nav-line > li { flex-grow: 1; } + .tab-nav-s4 li a { font-size: 14px; padding: 13px 25px; } } + +/** 04.02 Accordion */ +.accordion-item { transition: all .4s; padding-bottom: 8px; } + +.accordion-item:not(:last-child) { border-bottom: 1px solid #dbe4f7; } + +.tc-light .accordion-item:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item:not(:last-child) { border-color: rgba(93, 70, 232, 0.3); } + +.accordion-item-s2 { border-width: 2px !important; border: 2px solid #dbe4f7; border-radius: 6px; } + +.tc-light .accordion-item-s2 { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2 { border-color: rgba(93, 70, 232, 0.3); } + +.accordion-item-s2.current { border-color: rgba(73, 54, 181, 0.5) !important; } + +.tc-light .accordion-item-s2.current { border-color: #5d46e8 !important; } + +.accordion-item-s2:not(:last-child) { margin-bottom: 15px; } + +.tc-light .accordion-item-s2:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2:not(:last-child) { border-color: rgba(93, 70, 232, 0.3); } + +.accordion-item-s3 { border: none !important; border-radius: 6px; background: #fff; box-shadow: 0px 4px 6px 0px rgba(73, 54, 181, 0.07); } + +.bg-theme .accordion-item-s3, .tc-light .accordion-item-s3 { background: rgba(255, 255, 255, 0.05); box-shadow: none; } + +.has-bg-image .accordion-item-s3 { background: rgba(42, 31, 105, 0.7); box-shadow: none; } + +.accordion-item-s3:not(:last-child) { margin-bottom: 30px; } + +.accordion-item-s4 { background: rgba(73, 54, 181, 0.09); } + +.accordion-item-s4.current { background: rgba(73, 54, 181, 0.05); } + +.accordion-title { position: relative; color: #38385f; font-weight: 500; cursor: pointer; padding: 22px 54px 14px 0; margin-bottom: 0; } + +.accordion-item-s2 .accordion-title { padding: 25px 54px 17px 30px; } + +.accordion-item-s3 .accordion-title { padding: 20px 54px 12px 30px; } + +.accordion-item-s4 .accordion-title { padding: 16px 54px 8px 30px; } + +.tc-light .accordion-title { color: #5d46e8; } + +.accordion-title-sm { font-size: 16px; } + +.accordion-title.collapsed { color: #696993; transition: all .4s; } + +.tc-light .accordion-title.collapsed { color: #fff; } + +.tc-light .accordion-title.collapsed:hover { color: #5d46e8; } + +.accordion-title.collapsed:hover { color: #38385f; } + +.accordion-title.collapsed .accordion-icon:before { opacity: 0; } + +.accordion-title.collapsed .accordion-icon:after { opacity: 1; } + +.accordion-title.collapsed .accordion-icon-s2:after { transform: rotate(-180deg); } + +.accordion-icon { position: absolute; top: calc(50% + 4px); transform: translateY(-50%); right: 0; height: 36px; width: 36px; border-radius: 50%; background: transparent; } + +.current .accordion-icon { background: transparent; } + +.accordion-icon:before, .accordion-icon:after { line-height: 36px; color: #5d46e8; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; text-align: center; transition: all .4s; } + +.current .accordion-icon:before, .current .accordion-icon:after { color: #5d46e8; } + +.accordion-icon:before { content: '\f068'; opacity: 1; } + +.accordion-icon:after { content: '\f067'; opacity: 0; } + +.accordion-icon-s2 { background: transparent; } + +.accordion-icon-s2:after { font-family: "themify"; content: '\e648'; opacity: 1 !important; } + +.accordion-icon-s2:before { display: none; } + +.accordion-item-s2 .accordion-icon { right: 12px; } + +.accordion-item-s3 .accordion-icon { right: 18px; } + +.accordion-item-s4 .accordion-icon { right: 12px; } + +.tc-light .accordion-icon { background: transparent; } + +.tc-light .accordion-icon:after, .tc-light .accordion-icon:before { color: #5d46e8; } + +.accordion-content { padding-bottom: 12px; padding-right: 46px; } + +.accordion-content p:last-child { margin-bottom: 0; } + +.accordion-item-s2 .accordion-content, .accordion-item-s3 .accordion-content, .accordion-item-s4 .accordion-content { padding-left: 30px; } + +.accordion-item-s4 .accordion-content { padding-bottom: 6px; } + +.accordion-faq { margin-top: -15px; } + +.accordion-header { padding: 20px; } + +.accordion-header p { margin-bottom: 0; } + +.accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: none; } + +.accordion-body { padding: 0 20px 30px; } + +.accordion-box:not(:last-child) { margin-bottom: 40px; } + +.border-b-none { border-bottom: 0px !important; } + +@media (min-width: 576px) { .accordion-title-sm { font-size: 18px; } + .accordion-header { padding: 20px 40px; } + .accordion-header p { margin-bottom: 0; } + .accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: block; } + .accordion-body { padding: 0 40px 40px; } } + +/** 04.03 Blocks */ +.nk-block { display: block; width: 100%; position: relative; z-index: 1; } + +.nk-block ~ .nk-block { padding-top: 40px; } + +.nk-block ~ .nk-block-team-list { padding-top: 60px; } + +.nk-block + .hr { margin-top: 40px; margin-bottom: 40px; } + +.section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + +.nk-block-lg + .nk-block { padding-top: 60px; } + +.nk-block-zero + .nk-block { padding-top: 0 !important; } + +.nk-block-text-head { padding-bottom: 35px; } + +.nk-block-img { position: relative; } + +.nk-block-img-plx { position: absolute; } + +.nk-block-img-s1 { position: relative; z-index: 99; margin-top: -71px; padding: 30px 50px; background: #fff; border-radius: 60px 60px 60px 200px; box-shadow: 0 15px 30px rgba(73, 54, 181, 0.1); } + +.nk-block-img-s2 img { max-width: 400px; width: 100%; } + +.nk-block-img-s3 img { max-width: 300px; width: 100%; } + +.nk-block-screen { padding: 70px 50px 100px 0; } + +.nk-block-screen img { border-radius: 3px; border: 1px solid #dfeaf8; } + +.nk-block-screen-small { position: absolute; right: 0; bottom: 0; max-width: 210px; } + +.nk-block-video { position: relative; border-radius: 4px; } + +.nk-block-ca { padding: 70px 20px; } + +.nk-block-plx { width: 300px; padding: 30px 10px; margin-left: auto; margin-right: auto; } + +.nk-block-contact-s1 { padding: 110px 0; position: relative; display: flex; align-items: center; justify-content: center; background: url(../images/dot-c.png) no-repeat; background-size: contain; background-position: 50% 50%; } + +.nk-block-m30, .nk-block-team-list, .nk-block-features { margin-bottom: -30px; } + +.nk-block-m40 { margin-bottom: -40px; } + +.nk-block-m50 { margin-bottom: -50px; } + +.nk-block .pagination { margin-top: 10px; } + +.nk-block-status + .nk-block-actions { padding-top: 80px; padding-bottom: 40px; } + +.nk-block-note { position: relative; background: rgba(0, 0, 0, 0.2); border-radius: 6px; margin-top: 40px; padding: 20px 25px 20px 65px; } + +.nk-block-note-s2 { background: rgba(255, 255, 255, 0.25); } + +.nk-block-note .icon { position: absolute; left: 15px; top: 50%; font-size: 30px; color: #46bdf4; transform: translateY(-50%); } + +.nk-block-shade { position: absolute; left: -120px; bottom: 65px; width: 100%; height: calc(100% - 130px); border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); opacity: .10; transform: skew(9deg); } + +.nk-block-shade:after { position: absolute; left: 50px; bottom: 50px; width: 100%; height: 100%; content: ''; border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.nk-block-shape-s1 { position: relative; z-index: 2; padding-top: 80px; padding-bottom: 100px; background: #4936b5; } + +.nk-block-shape-s1:before, .nk-block-shape-s1:after { position: absolute; top: 0; height: 100%; content: ''; z-index: -1; background: #4936b5; } + +.nk-block-shape-s1:before { left: -190px; width: 320px; border-radius: 100px 0 0 100px; transform: skew(9deg); } + +.nk-block-shape-s1:after { right: -280px; width: 370px; border-radius: 0 100px 100px 0; transform: skew(-7deg); } + +.nk-block-shape-s1.bg-theme-alt { background: #5d46e8; } + +.nk-block-shape-s1.bg-theme-alt:before, .nk-block-shape-s1.bg-theme-alt:after { background: #5d46e8; } + +.nk-block-shape-s1.bg-theme-dark { background: #2a1f69; } + +.nk-block-shape-s1.bg-theme-dark:before, .nk-block-shape-s1.bg-theme-dark:after { background: #2a1f69; } + +.nk-block-shape-s1.bg-theme-dark-alt { background: #3a2b8b; } + +.nk-block-shape-s1.bg-theme-dark-alt:before, .nk-block-shape-s1.bg-theme-dark-alt:after { background: #3a2b8b; } + +.nk-block-header { padding-top: 30px; padding-bottom: 30px; } + +.plx-screen { width: 80px; bottom: 0; left: 0; } + +.plx-circle-s1 { width: 80px; top: 10px; left: -5px; z-index: -1; animation: ani_cicle 4s infinite linear; } + +.plx-polygon-s1 { width: 70px; bottom: 15px; left: 40px; transform-origin: center; animation: ani_round 20s infinite linear; } + +.plx-triangle-s1 { width: 80px; bottom: 0; right: 0; animation: ani_round 30s infinite reverse linear; } + +@keyframes ani_round { 0% { transform: translate(0, 0) rotate(0deg); } + 25% { transform: translate(10px, 15px) rotate(90deg); } + 50% { transform: translate(0, 0) rotate(180deg); } + 75% { transform: translate(-10px, -15px) rotate(270deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +@keyframes ani_cicle { 0% { transform: translate(0, 0) rotate(0deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +.img-block-dot { background-image: url(../images/dot-a.png); background-position: top center; padding: 50px 0; margin-top: -40px; } + +@media (min-width: 576px) { .nk-block-screen { padding: 0 50px 100px 0; } + .nk-block-team-list { margin-bottom: -50px; } } + +@media (min-width: 576px) { .nk-block ~ .nk-block { padding-top: 60px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-lg + .nk-block { padding-top: 80px; } + .nk-block-ca { padding: 90px 20px; } + .nk-block-plx { padding: 60px; width: 100%; } + .nk-block-contact-s1 { padding: 180px 0; } + .nk-block-img-s1 { padding: 40px 70px; } + .nk-block-note { margin-top: 40px; padding: 20px 65px 20px 75px; } + .nk-block-note .icon { left: 20px; } + .nk-block-shape-s1 { padding-top: 150px; padding-right: 40px; padding-bottom: 150px; } + .plx-screen { width: 130px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 140px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 95px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 768px) { .nk-block-img-s2 img { max-width: 100%; } + .nk-block-ca { padding: 60px; } + .nk-block-plx { padding: 60px; } + .plx-screen { width: 160px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 160px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 125px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 992px) { .nk-block ~ .nk-block { padding-top: 100px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-status + .nk-block-actions { padding-top: 70px; padding-bottom: 40px; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-sm + .nk-block { padding-top: 70px; } + .nk-block-lg + .nk-block { padding-top: 100px; } + .nk-block-img-s1 { margin-right: -71px; } + .nk-block-img.edge-r1 { margin-right: -160px; } + .nk-block-img.edge-l1 { margin-left: -160px; } + .nk-block-img.edge-r2 { margin-right: -360px; } + .nk-block-img.edge-l2 { margin-left: -360px; } + .nk-block-img.edge-r3 { margin-right: -500px; } + .nk-block-img.edge-l3 { margin-left: -500px; } + .nk-block .pagination { margin-top: 30px; } } + +@media (min-width: 1200px) { .nk-block-lg + .nk-block { padding-top: 130px; } } + +.app-slide-wrap { position: relative; width: 230px; margin: 15px auto; } + +.app-slide-wrap:after { position: absolute; height: calc(100% + 80px); width: calc(100% + 96px); top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; background-image: url(../images/light-ix.png); } + +.app-slide img { border-radius: 4px; } + +/** 04.04 Box */ +.card { padding: 20px; background: #fff; border: none; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.02); } + +.card.card-s3 { padding: 30px 20px; } + +.card-full { height: calc(100% - 30px); } + +.card-full-lg { height: calc(100% - 80px); } + +.card.feature-s8 { padding: 35px 25px; } + +.card-s2 { padding: 55px 30px 110px; box-shadow: 0px 5px 46px rgba(93, 70, 232, 0.14); } + +.card-lg-y { box-shadow: 0px 20px 60px rgba(56, 56, 95, 0.1); } + +.card-s3 { box-shadow: 0px 5px 18px rgba(105, 105, 147, 0.2); } + +@media (min-width: 576px) { .card { padding: 30px; } + .card.card-s3 { padding: 30px; } + .card-md { padding: 40px 30px; } + .card-lg { padding: 45px 40px; } + .card.feature-s8 { padding: 45px 30px; } + .card-s2 { padding: 55px 30px 110px; } + .card-lg-y { padding: 70px 30px; } + .card-lg-xy { padding: 70px 55px; } } + +/** 04.05 Banner */ +.nk-banner { display: block; width: 100%; z-index: 5; position: relative; } + +.banner { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } + +.is-transparent .banner { padding-top: 60px; } + +.has-mask .banner { padding-bottom: 75px; } + +.has-mask .banner-page { padding-bottom: 40px; } + +.has-mask .banner-mask-fix { padding-bottom: 40px !important; } + +.has-mask .banner-inner { padding-bottom: 125px; } + +.header-banner-angled .banner { padding-bottom: 540px; } + +.header-banner-angled-s2 .banner { padding-bottom: 498px; } + +.banner-screen { position: absolute !important; z-index: 0 !important; left: 50%; right: 0; bottom: -8px; width: 320px; transform: translateX(-50%); } + +.banner-wrap { width: 100%; } + +.banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } + +.banner-gfx { position: relative; margin: -15px 0; } + +.banner-gfx-auto { margin: 0 auto !important; } + +.banner-gfx-re-s4 { margin: 0 -95px; } + +.banner-gfx-icon { position: absolute; width: 4.2%; top: 32%; } + +.banner-gfx-icon-1 { left: 43.75%; animation: jumping 1s linear 0s infinite alternate; } + +.banner-gfx-icon-2 { right: 40.25%; animation: jumping 1s linear .5s infinite alternate; } + +.banner-gfx-s2 { max-width: 280px; margin: 0 auto; } + +.banner-fs { min-height: calc(100vh - 90px); } + +.is-transparent .banner-fs { min-height: 100vh; } + +.banner-gap-b1 { padding-bottom: 50px; } + +.has-mask .banner-gap-b1 { padding-bottom: 75px; } + +.banner-gap-b2 { padding-bottom: 75px; } + +.has-mask .banner-gap-b2 { padding-bottom: 125px; } + +.banner-gap-b3 { padding-bottom: 75px; } + +.has-mask .banner-gap-b3 { padding-bottom: 120px; } + +.banner-gap-b4 { padding-bottom: 340px; } + +.has-mask .banner-gap-b4 { padding-bottom: 360px; } + +.banner-page .banner-wrap { padding: 40px 0; } + +.is-transparent .banner-page .banner-wrap { padding-top: 20px; } + +.banner-page .breadcumb { padding-top: 10px; } + +.banner-page-md { min-height: 340px; } + +.banner-page-lg { min-height: 460px; } + +.banner-caption:not([class*=wide]) { max-width: 720px; margin-left: auto; margin-right: auto; } + +.banner > .nk-block { position: relative; z-index: 2; } + +.banner-social { background: rgba(255, 255, 255, 0.2); border-radius: 25px; padding: 0px 20px; display: inline-block; } + +.banner-social-wrap { margin-top: 30px; } + +.banner-social li { padding: 13px 8px; display: inline-block; } + +.banner-social li a { color: #fff; text-align: center; line-height: 24px; width: 24px; display: block; } + +.banner-social li a:hover { opacity: .5; outline: none; transform: translateY(-3px); } + +.banner-with-token-box-s1 .banner-wrap { padding-bottom: 175px; } + +.banner-s1-overlay { position: relative; overflow: hidden; } + +.banner-s1-overlay:before, .banner-s1-overlay:after { position: absolute; content: ''; width: 875px; height: 300%; bottom: -100%; transform: rotate(-45deg); background: rgba(255, 255, 255, 0.02); z-index: -1; } + +.banner-s1-overlay:before { left: 50%; margin-left: -130px; } + +.banner-s1-overlay:after { right: 50%; margin-right: -110px; } + +.banner-s1 .title-xs { margin-bottom: 1.14rem; } + +.banner-inner { min-height: 500px; } + +@keyframes jumping { 0% { transform: translateY(5px); } + 100% { transform: translateY(-25px); } } + +.cpn { padding-top: 30px; padding-bottom: 30px; } + +.cpn-head, .cpn-action, .cpn-text { margin-top: 20px; } + +.cpn > *:first-child { margin-top: 0; } + +.cpn-head .title { font-size: 1.75rem; line-height: 1.5; } + +.cpn-head .title-lg { line-height: 1.3; font-weight: 700; } + +.cpn-text { font-weight: 300; font-size: 1.1rem; line-height: 1.8; margin-bottom: 25px; color: #696993; } + +.tc-light .cpn-text { color: #fff; } + +.cpn-text p { color: inherit !important; font-size: inherit !important; } + +.cpn-text-center { margin-left: auto; margin-right: auto; } + +.cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } + +.cpn-text .lead, .cpn-text .lead-light { font-size: 1.2rem; font-weight: 300; line-height: 1.7; } + +.cpn-text .lead-s2 { font-size: 1.3rem; font-weight: 300; line-height: 1.7; } + +.cpn-text .lead-s3 { font-size: 1.3rem !important; font-weight: 300; line-height: 1.7; } + +.cpn-text-light .lead, .cpn-text-light .lead-light { font-weight: 300; } + +.cpn-links { padding-top: 20px; margin-top: -10px; margin-bottom: -10px; margin-left: -15px; margin-right: -15px; } + +.cpn-action .cpn-links { padding-top: 0; } + +.cpn-links li { display: inline-block; padding: 10px 15px; font-weight: 500; } + +.cpn-links-s1 { display: flex; justify-content: space-around; align-items: center; padding: 0 50px; } + +.cpn-btns + .cpn-links { padding-top: 20px; } + +.cpn-links + .cpn-btns { padding-top: 20px; } + +.cpn-boxed { padding: 20px; background: rgba(42, 31, 105, 0.6); } + +.cpn-boxed:not([class*='radius']) { border-radius: 6px; } + +.cpn-social { margin-top: 30px; } + +@media (max-width: 575px) { .cpn-title .title { font-size: 1.75rem; line-height: 1.5; } } + +@media (min-width: 576px) { .banner-gap-b3 { padding-bottom: 120px; } + .has-mask .banner-gap-b3 { padding-bottom: 160px; } + .banner-screen { bottom: -40px; width: 100%; } + .banner-screen-right { bottom: -70px; width: 360px; } + .banner-fs .banner-wrap { padding-top: 70px; padding-bottom: 70px; } } + +@media (min-width: 768px) { .banner-gfx-re-s2 { margin: -50px 0 0; } + .has-mask .banner { padding-bottom: 160px; } + .has-mask .banner-page { padding-bottom: 80px; } + .banner-gap-b1 { padding-bottom: 75px; } + .has-mask .banner-gap-b1 { padding-bottom: 125px; } + .banner-gap-b2 { padding-bottom: 125px; } + .has-mask .banner-gap-b2 { padding-bottom: 200px; } + .banner-gap-b4 { padding-bottom: 340px; } + .has-mask .banner-gap-b4 { padding-bottom: 360px; } + .banner-page .banner-wrap { padding: 80px 0; } + .is-transparent .banner-page .banner-wrap { padding-top: 60px; } + .banner-page-md { min-height: 400px; } + .banner-page-lg { min-height: 580px; } + .banner-social-wrap { margin-top: 0; } + .banner-social-vertical { right: 60px; top: 50%; transform: translateY(-50%); position: absolute; z-index: 3; padding: 20px 0; margin-top: -30px; } + .banner-social-vertical li { display: block; padding: 8px 13px; } + .banner-with-token-box-s1.banner-fs { min-height: 92vh; } + .banner-with-token-box-s1 .banner-wrap { padding-bottom: 40px; } + .cpn-text, .cpn-action { margin-top: 20px; } + .cpn-text { margin-bottom: 15px; } + .cpn-btns { padding-top: 10px; } + .cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } } + +@media (min-width: 992px) { .is-transparent .banner { padding-top: 75px; } + .banner-gfx-re-s1 { margin: 0 -80px 0 -180px; } + .banner-gfx-re-s2 { margin: -50px -280px 0 -110px; } + .banner-gfx-re-s3 { margin: 0 -150px 0 -35px; } + .banner-gfx-re-s5 { margin: 0 -305px 0 0; } + .has-mask .banner { padding-bottom: 180px; } + .has-mask .banner-page { padding-bottom: 100px; } + .banner-gap-b3 { padding-bottom: 200px; } + .has-mask .banner-gap-b3 { padding-bottom: 220px; } + .banner-gap-b4 { padding-bottom: 60px; } + .has-mask .banner-gap-b4 { padding-bottom: 80px; } + .banner-screen-right { bottom: -45px; width: 100%; } + .has-mask .banner-pd-lg { padding-bottom: 225px; padding-top: 65px; } + .banner-inner { min-height: 600px; } + .cpn { max-width: 90%; } + .banner-page .cpn { max-width: 100%; } + .cpn-head, .cpn-action, .cpn-text { margin-top: 30px; } + .banner-s1 .cpn-head { margin-top: 0; } + .cpn-text { margin-bottom: 25px; max-width: 90%; } + .banner-s1 .cpn-text { margin-top: 20px; margin-bottom: 6px; } + .banner-s2 .cpn-text { margin-top: 20px; } + .cpn-text-s1 { margin-top: 20px; margin-bottom: 12px; } + .cpn-text-s2 { max-width: 100% !important; } + .cpn-text-s3 { margin-top: 10px; } + .cpn-btns, .cpn-links { padding-top: 20px; } + .cpn-action .cpn-btns, .cpn-action .cpn-links { padding-top: 0; } + .cpn-btns + .cpn-links { padding-top: 20px; } + .cpn-links + .cpn-btns { padding-top: 20px; } + .cpn-head .title { font-size: 2.125rem; } + .cpn-head .title-sm { font-size: 1.85rem; } + .cpn-head .title-md { font-size: 2.4rem; } + .cpn-head .title-lg { font-size: 4rem; } + .cpn-head .title-lg-s2 { font-size: 3rem; } + .cpn-head .title-lg-s3 { font-size: 2rem; } + .cpn-boxed { padding: 35px; } + .cpn-social { margin-top: 50px; } + .cpn-s2 { margin-top: -122px !important; padding-top: 0; } } + +@media (min-width: 1200px) { .banner-gfx-re-s1 { margin: 0 -380px 0 -180px; } + .banner-gfx-re-s2 { margin: 0 -330px 0 -110px; } + .banner-gfx-re-s5 { margin: 0 -515px 0 0; } + .banner-gfx-re-s7 { margin: 140px -505px -183px -290px; } + .banner-gfx-re-s7 + .abs-center { right: 15px; transform: translateY(-50%); left: auto; } + .banner-gap-b3 { padding-bottom: 290px; } + .has-mask .banner-gap-b3 { padding-bottom: 320px; } + .banner-screen-right { bottom: -90px; } + .banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } } + +@media (min-width: 1600px) { .banner-caption:not([class*=wide]) { max-width: 1080px; } + .banner-gfx-re-s2 { margin: -100px -480px 0 -110px; } + .banner-fs-lg { min-height: calc(100vh - 100px); } + .has-mask .banner-pd-lg { padding-bottom: 295px; padding-top: 65px; } + .cpn-head .title-lg-s3 { font-size: 3rem; } } + +@media (max-width: 991px) and (orientation: landscape) { .banner-gfx { margin-left: auto; margin-right: auto; max-width: 390px; } } + +@media (max-width: 767px) and (orientation: landscape) { .banner-gfx { max-width: 320px; } } + +@media (min-width: 992px) and (max-width: 1200px) and (orientation: portrait) { .banner-fs { min-height: calc(65vh - 90px); } + .is-transparent .banner-fs { min-height: 60vh; } } + +@media (max-width: 420px) { .cpn-btns .btn:not(.btn-with-icon) { font-size: 11px; padding: 8px 16px; } } + +.banner-y-pd { padding-top: 100px !important; padding-bottom: 124px !important; } + +.gfx-screen { position: absolute; top: 5px; left: 44px; width: calc(100% - 91px); height: calc(100% - 25px); } + +.gfx-screen .owl-stage-outer, .gfx-screen .owl-stage, .gfx-screen .owl-item, .gfx-screen .slides { height: 100%; width: 100%; border-radius: 6px; } + +.gfx-screen .flex-control-nav { position: absolute; right: -45px; top: 50%; transform: translateY(-50%); width: auto; height: fit-content; } + +.gfx-screen .flex-control-nav li { display: block; } + +.gfx-screen .flex-control-nav li a { width: 8px; height: 8px; border-radius: 50%; margin: 10px; box-shadow: none; border-radius: 50%; background: #d4d1fb !important; } + +.gfx-screen .flex-control-nav li a.flex-active { background: #ff9259 !important; } + +.gfx-slide, .gfx-slide-item { height: 100%; } + +.gfx-slide img { border-top-right-radius: 10px; border-top-left-radius: 10px; } + +.gfx-slide-item { width: 100%; } + +@media (min-width: 400px) { .gfx-screen { top: 8px; left: 57px; width: calc(100% - 117px); height: calc(100% - 35px); } + .gfx-screen .flex-control-nav { right: -46px; } + .banner-gfx-s2 { max-width: 350px; } } + +@media (min-width: 576px) { .gfx-screen { left: 63px; width: calc(100% - 130px); } + .gfx-screen .flex-control-nav { right: -53px; } + .banner-gfx-s2 { max-width: 100%; } } + +@media (min-width: 768px) { .gfx-screen { top: 9px; left: 73px; width: calc(100% - 150px); height: calc(100% - 44px); } + .gfx-screen .flex-control-nav { right: -65px; } } + +@media (min-width: 1200px) { .gfx-screen { top: 18px; left: 106px; width: calc(100% - 220px); height: calc(100% - 66px); } + .gfx-screen .flex-control-nav { right: -100px; } } + +@media (min-width: 1600px) { .gfx-screen { left: 135px; width: calc(100% - 279px); height: calc(100% - 81px); } + .gfx-screen .flex-control-nav { right: -128px; } } + +/** 04.06 Head */ +.section-head { position: relative; } + +.section-head:not([class*=pdb]) { padding-bottom: 40px; } + +.section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + +.section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + +.section-head p { color: #696993; } + +.tc-light .section-head p { color: #fff; } + +.section-head.tc-light p { color: #fff; } + +.section-head .title { font-weight: 400; } + +.section-head .title-thin { font-weight: 300; } + +.section-head .title:not(:last-child) { margin-bottom: .75rem; } + +.section-head .title-xs:not(:last-child) { margin-bottom: .5rem; } + +.section-head .title:before { position: absolute; left: 50%; top: 50%; content: attr(title); font-family: "Poppins", sans-serif; line-height: .9; text-transform: uppercase; white-space: nowrap; color: #38385f; transform: translate(-50%, -50%); opacity: 0.06; } + +.tc-light .section-head .title:before { opacity: 0.06; } + +.section-head .title-s4 { text-transform: uppercase; padding: 30px 0; margin-bottom: 0; opacity: 1; position: relative; } + +.section-head .title-s4.title:before { font-size: 120px !important; font-weight: 700; } + +.section-head-s2 .title:before { font-size: 48px; background-image: linear-gradient(180deg, #696993 0%, #fff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.firefox .section-head-s2 .title:before { -webkit-text-fill-color: #000; } + +.firefox .tc-light .section-head-s2 .title:before { -webkit-text-fill-color: #fff; } + +.section-head-s3 { position: relative; } + +.section-head-s3:after, .section-head-s3:before { position: absolute; left: 50%; height: 1px; width: 110px; content: ""; transform: rotate(-45deg); z-index: -1; opacity: .4; } + +.section-head-s3:before { top: 60px; margin-left: -80px; background: #ff9259; } + +.tc-light .section-head-s3:before { background: #ff9259; } + +.section-head-s3:after { top: 5px; margin-left: -50px; background: #5d46e8; } + +.tc-light .section-head-s3:after { background: #5d46e8; } + +.section-head-line { position: absolute; height: 60px; width: 60px; left: 50%; top: 10px; opacity: .2; border-radius: 50%; background: transparent; transform: rotate(45deg) translate(-50%, 0); } + +.section-head-line .line-1, .section-head-line .line-2, .section-head-line .line-3, .section-head-line .line-4, .section-head-line .line-5, .section-head-line .line-6, .section-head-line .line-7, .section-head-line .line-8 { position: absolute; content: ""; border-radius: 50%; background: transparent; border-top: 1px solid #5d46e8; border-left: 1px solid #5d46e8; } + +.section-head-line .line-1 { top: -15px; left: -15px; height: 90px; width: 90px; } + +.section-head-line .line-2 { top: -30px; left: -30px; height: 120px; width: 120px; } + +.section-head-line .line-3 { top: -45px; left: -45px; height: 150px; width: 150px; } + +.section-head-line .line-4 { top: -60px; left: -60px; height: 180px; width: 180px; } + +.section-head-line .line-5 { top: -75px; left: -75px; height: 210px; width: 210px; } + +.section-head-line .line-6 { top: -90px; left: -90px; height: 240px; width: 240px; } + +.section-head-line .line-7 { top: -105px; left: -105px; height: 270px; width: 270px; } + +.section-head-line .line-8 { top: -120px; left: -120px; height: 300px; width: 300px; } + +@media (min-width: 576px) { .section-head:not([class*=pdb]) { padding-bottom: 50px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + .section-head .title:not(:last-child) { margin-bottom: 1.25rem; } + .section-head .title-xs:not(:last-child) { margin-bottom: .75rem; } + .section-head-s2 .title:before { font-size: 64px; } } + +@media (min-width: 992px) { .section-head:not([class*=pdb]) { padding-bottom: 60px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 40px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-s2 .title:before { font-size: 90px; } + .section-head-s2 .title-xl:before { font-size: 124px; } } + +.t-cap { text-transform: capitalize !important; } + +/** 04.07 Features */ +.feature { margin-bottom: 30px; display: block; } + +.feature-download { margin-bottom: 0; } + +.feature.card { height: calc(100% - 30px); } + +.feature-group .feature { margin-bottom: 0; } + +.feature-group { border-radius: 6px; } + +.feature-icon { position: relative; width: 60px; margin-bottom: 15px; flex-shrink: 0; margin-right: 12px; } + +.feature-icon-md { width: 40px; } + +.feature-icon-md-s2 { width: 80px; } + +.feature-icon-xl { width: 120px; } + +.feature-icon.dot:before { position: absolute; bottom: 0; right: 0; content: ''; height: 30px; width: 30px; border-radius: 50%; background: rgba(93, 70, 232, 0.5); z-index: 4; } + +.tc-light .feature-icon .icon { color: #5d46e8; } + +.feature-icon .icon { position: relative; font-size: 3.75rem; color: #5d46e8; z-index: 5; margin-left: -5px; } + +.feature-icon .icon.icon-circle { margin-left: 0; } + +.feature-icon .icon-xs { font-size: 1rem; } + +.feature-icon .icon-md { font-size: 2.75rem; } + +.feature-icon .icon-rg { font-size: 4.35rem; } + +.feature-icon .icon-lg { font-size: 5.75rem; } + +.feature-icon .icon-lg-s2 { font-size: 5rem; padding-top: 15px; } + +.feature-icon .icon-xl { font-size: 9rem; } + +.feature-icon .icon-grd { background-image: linear-gradient(-45deg, #5d46e8 0%, #ff9259 80%, #ff9259 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.feature-icon .icon-circle { position: relative; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #ff9259; border-radius: 50%; background-image: linear-gradient(-45deg, #5d46e8 0%, #ff9259 80%, #ff9259 100%); } + +.feature-icon .icon-circle:after { position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; content: ''; border-radius: 50%; background: #fff; z-index: -1; } + +.bg-theme .feature-icon .icon-circle:after { background: #4936b5; } + +.bg-theme-alt .feature-icon .icon-circle:after { background: #5d46e8; } + +.bg-theme-dark .feature-icon .icon-circle:after { background: #2a1f69; } + +.bg-theme-dark-alt .feature-icon .icon-circle:after { background: #3a2b8b; } + +.feature-icon-s1 { text-align: center; margin-left: 10px; margin-bottom: 40px; } + +.feature-icon-s1:after { position: absolute; content: ""; left: 50%; top: 50%; width: 62px; height: 62px; border: 2px solid rgba(93, 70, 232, 0.2); transform: translate(-50%, -50%) rotate(45deg); border-radius: 8px; } + +.tc-light .feature-icon-s1:after { border: 2px solid rgba(93, 70, 232, 0.8); } + +.feature-icon-s1 .icon { margin-left: 0; line-height: 48px; } + +.feature-icon-s5 { width: 60px; height: 60px; text-align: center; line-height: 63px; border-radius: 50%; margin-bottom: 0; } + +.feature-icon-s5 .icon { font-size: 1rem; width: 40px; height: 40px; background: #fff; line-height: 40px; border-radius: 50%; text-align: center; border: 1px solid; border-color: currentColor; margin-left: 0; } + +.tc-light .feature-icon-s5 .icon { border-width: 0; } + +.feature-icon-s5-1 { background: rgba(93, 70, 232, 0.2); } + +.tc-light .feature-icon-s5-1 { background: rgba(93, 70, 232, 0.6); } + +.feature-icon-s5-1 .icon { color: #5d46e8; background: linear-gradient(-90deg, #fff 0%, #e8e5fc 100%); } + +.tc-light .feature-icon-s5-1 .icon { color: #5d46e8; } + +.feature-icon-s5-2 { background: rgba(255, 146, 89, 0.2); } + +.tc-light .feature-icon-s5-2 { background: rgba(255, 146, 89, 0.4); } + +.feature-icon-s5-2 .icon { color: #ff9259; background: linear-gradient(-90deg, #fff 0%, white 100%); } + +.tc-light .feature-icon-s5-2 .icon { color: #ff9259; } + +.feature-icon-s5-3 { background: rgba(93, 70, 232, 0.2); } + +.tc-light .feature-icon-s5-3 { background: rgba(93, 70, 232, 0.4); } + +.feature-icon-s5-3 .icon { color: #5d46e8; background: linear-gradient(-90deg, #fff 0%, #e8e5fc 100%); } + +.tc-light .feature-icon-s5-3 .icon { color: #5d46e8; } + +.feature-icon-s5-4 { background: rgba(230, 96, 74, 0.2); } + +.tc-light .feature-icon-s5-4 { background: rgba(230, 96, 74, 0.4); } + +.feature-icon-s5-4 .icon { color: #e97460; background: linear-gradient(-90deg, #fff 0%, #fceae7 100%); } + +.tc-light .feature-icon-s5-4 .icon { color: #e97460; } + +.feature-icon-s6 { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(to right, #5d46e8 0%, #ff9259 100%); text-align: center; line-height: 60px; } + +.feature-icon-s6 .icon { font-size: 40px; color: #fff; opacity: 0.8; line-height: 60px; margin-left: 0; } + +.tc-light .feature-icon-s6 .icon { color: #fff; } + +.feature-icon-s6-bg { width: 60px; height: 60px; border-radius: 50%; background: rgba(93, 70, 232, 0.2); text-align: center; line-height: 60px; } + +.feature-icon-s6-bg .icon { font-size: 40px; color: #5d46e8; line-height: 60px; margin: 0 auto; } + +.feature-icon-s7 { width: 65px; height: 65px; border-radius: 50%; text-align: center; line-height: 65px; background: #46bdf4; } + +.feature-icon-s7 .icon { font-size: 30px; margin-left: 0; line-height: inherit; color: #fff; } + +.tc-light .feature-icon-s7 .icon { color: #fff; } + +.feature-icon-s8 { width: 90%; } + +.text-center .feature-icon-s8 { margin-left: auto; margin-right: auto; } + +.feature-icon-auto { width: auto; } + +.feature-icon-lg { width: 160px; margin-top: -15px; margin-bottom: 5px !important; } + +.feature-icon-lg-s1 { width: 110px; margin-top: -10px; margin-bottom: 5px !important; } + +.feature-icon-lg-s2 { width: 130px; margin-top: -12px; margin-bottom: 5px !important; } + +.feature-icon-lg-s3 { width: 95px; margin-top: -8px; margin-bottom: 20px !important; } + +.feature-icon-lg + .feature-text-s8 { padding-top: 25px; } + +.feature-icon-sm { width: 60px; } + +.feature-icon-bg { margin: 0; position: absolute; right: -15px; bottom: -15px; width: 121px; height: 121px; margin: 0; background: rgba(93, 70, 232, 0.15); border-radius: 50%; box-shadow: 0px 0px 0px 10px rgba(93, 70, 232, 0.06); text-align: center; line-height: 104px; } + +.feature-icon-bg img { max-width: 60px; } + +.feature-icon-bg-grd { background-position: center center; background-size: contain; min-height: 135px; min-width: 230px; text-align: center; display: flex; align-items: center; justify-content: center; } + +.feature-icon-bg-grd-s1 { background-image: url(../../images/icons/icon-bg-a.png); } + +.feature-icon-bg-grd-s1 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s2 { background-image: url(../../images/icons/icon-bg-a2.png); } + +.feature-icon-bg-grd-s2 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s3 { background-image: url(../../images/icons/icon-bg-a3.png); } + +.feature-icon-bg-grd-s3 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-inline { display: flex; } + +.feature-inline.card { flex-direction: row; } + +.feature-middle { align-items: center; } + +.feature-middle .feature-icon { margin-bottom: 0; margin-right: 15px; display: inline-flex; align-items: center; } + +.feature-img { border-radius: 4px; } + +.feature-image { padding-bottom: 15px; } + +.feature-image img { height: 55px; width: auto !important; } + +.feature-center .feature-image img { margin-left: auto; margin-right: auto; } + +.feature-text p:last-child { margin-bottom: 0; } + +.feature-text-s8 .title-s5 { margin-bottom: 20px; } + +.feature-text-s1 .title-xs-alt { color: #38385f; line-height: 1.4; display: inline-block; } + +.feature-center { text-align: center; } + +.feature-center .feature-icon { margin-left: auto; margin-right: auto; } + +.feature-center .feature-icon .icon { margin-left: 0; } + +.feature-s1 { display: flex; margin-bottom: 0; align-items: center; padding-right: 20px; } + +.feature-s1.boxed { height: 100%; border-radius: 4px; } + +.feature-s1.bordered { border: 2px solid rgba(93, 70, 232, 0.2); } + +.feature-s1-1.bordered { border-color: rgba(93, 70, 232, 0.2); } + +.feature-s1-2.bordered { border-color: rgba(255, 146, 89, 0.2); } + +.feature-s1-3.bordered { border-color: rgba(93, 70, 232, 0.2); } + +.feature-s1-4.bordered { border-color: rgba(230, 96, 74, 0.2); } + +.feature-s3 { margin-bottom: 0; } + +.feature-s3.card { padding: 30px 30px 40px; margin-bottom: 0; height: 100%; } + +.feature-s3-alt { position: relative; padding: 0; padding-bottom: 25px !important; } + +.feature-s3-alt .title-md { margin-bottom: 0.6rem; } + +.feature-s3-alt:not(:last-child):before { position: absolute; content: ""; left: 30px; top: 20px; width: 1px; background: #5d46e8; height: 100%; } + +.feature-s4 .title { padding-top: 15px; } + +.feature-s6 { margin-bottom: 0; } + +.feature-s7 { margin-bottom: 50px; } + +.feature-s8.card { height: calc(100% - 40px); } + +.feature-s8-alt { padding-top: 50px; margin-top: 50px; } + +.feature-s8-alt .feature-icon { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); } + +.feature-s8-alt.card { height: calc(100% - 90px); } + +.feature-s10 { padding: 30px 30px 30px 25px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); } + +.feature-s10-left { margin-right: 20px; padding-bottom: 60px; } + +.feature-s10-right { margin-left: 20px; margin-top: -35px; } + +.feature-s10 .title-sm { margin-bottom: 1.2rem; } + +.feature-s11 { flex-wrap: wrap; align-items: flex-start; margin-bottom: 0; } + +.feature-s11 .list { margin-left: 20px; } + +.feature-s12 { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; } + +.feature-slider-dots { display: flex; justify-content: center; margin-bottom: 40px; } + +.feature-slider-dot { position: relative; height: 46px; width: 46px; flex-grow: 0; flex-shrink: 0; border-radius: 4px; padding: 5px; text-align: center; background: #a992ea; cursor: pointer; color: #6a55ea; box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15); transition: all .4s ease; margin: 0 8px; border: none; } + +.tc-light .feature-slider-dot { background: #9e90f1; } + +.feature-slider-dot:focus, .feature-slider-dot:active { outline: none; } + +.feature-slider-dot.active { background: #6a55ea; } + +.feature-slider-dot:after { position: absolute; top: 50%; left: 100%; height: 2px; content: ''; width: 100%; background: url(../images/line.png) repeat 0 0; z-index: -1; animation: slide 1s linear infinite; } + +.feature-slider-dot:last-child:after { display: none; } + +.feature-slider-dot:nth-child(2) { color: #2bc9b4; background: #def7f3; } + +.tc-light .feature-slider-dot:nth-child(2) { background: #8de7db; } + +.feature-slider-dot:nth-child(2).active { background: #2bc9b4; } + +.feature-slider-dot:nth-child(3) { color: #49adf3; background: #dbeffd; } + +.tc-light .feature-slider-dot:nth-child(3) { background: #9fd4f9; } + +.feature-slider-dot:nth-child(3).active { background: #49adf3; } + +.feature-slider-dot:nth-child(4) { color: #f2801c; background: #fce6d2; } + +.tc-light .feature-slider-dot:nth-child(4) { background: #f9c395; } + +.feature-slider-dot:nth-child(4).active { background: #f2801c; } + +.feature-slider-dot:nth-child(5) { color: #ea64c6; background: #fbe0f4; } + +.tc-light .feature-slider-dot:nth-child(5) { background: #f29edb; } + +.feature-slider-dot:nth-child(5).active { background: #ea64c6; } + +.feature-slider-dot .ikon { font-size: 28px; line-height: 35px; width: 35px; border-radius: 50%; background: #fff; display: block; } + +.feature-slider-dot-s1 { border-radius: 50%; padding: 0; } + +.feature-slider-dot-s1.active:before { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(132, 132, 164, 0.35); animation: 1.5s linear 0s normal none infinite focuse; } + +.feature-slider-dot-s1.active .ikon { background: transparent; color: #fff; } + +.feature-slider-dot-s1 .ikon { line-height: 46px; width: 46px; } + +.feature-document { padding: 0 27px; max-width: 280px; margin-left: auto; margin-right: auto; } + +.feature-document-s2 { margin: 0 0 20px 20px; position: relative; border-radius: 6px; min-height: 140px; padding: 25px 20px 20px 95px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); } + +.tc-light .feature-document-s2 { background: #5d46e8; } + +.feature-document-img { padding-right: 25px; position: relative; z-index: 1; } + +.feature-document-img-s2 { position: absolute; top: 20px; left: -20px; width: 100px; } + +.feature-document-img-s2 img { border-radius: 4px; } + +.feature-document-img img { border: 2px solid #fff; box-shadow: 0px 0px 12px 0px rgba(93, 70, 232, 0.15); position: relative; z-index: 2; border-radius: 5px; } + +.tc-light .feature-document-img img { border-width: 0; box-shadow: 0px 0px 12px 0px rgba(42, 31, 105, 0.25); } + +.feature-document-img:before { position: absolute; right: 0; content: ''; top: 40px; width: 40px; height: calc(100% - 70px); z-index: 1; background: #fff; box-shadow: 0px 5px 20px 0px rgba(93, 70, 232, 0.07); z-index: -1; } + +.tc-light .feature-document-img:before { background: rgba(93, 70, 232, 0.75); box-shadow: 0px 5px 20px 0px rgba(42, 31, 105, 0.15); } + +.feature-document-text { justify-content: space-between; display: flex; padding-top: 18px; align-items: center; } + +.feature-document-text-s2 { color: #696993; margin-bottom: 14px; font-weight: 600; } + +.tc-light .feature-document-text-s2 { color: #fff; } + +.feature-document-text .drop-wrap { padding-bottom: 5px; } + +.feature-document-info span { display: block; line-height: 1; font-size: 13px; font-weight: 400; opacity: .5; } + +.feature-document-link { display: block; margin-top: 6px; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; color: #fff; background: #ff9259; } + +.feature-document-link:hover, .feature-document-link:active, .feature-document-link:focus { background: #5d46e8; color: #fff; } + +.tc-light .feature-document-link:hover, .tc-light .feature-document-link:active, .tc-light .feature-document-link:focus { background: #5d46e8; color: #fff; } + +.feature-document-link-s2 li { display: inline-block; margin: 0 2px 5px; } + +.feature-document-link-s2 li a { padding: 0 10px; display: inline-block; line-height: 21px; border: 2px solid #fff; border-radius: 4px; font-size: .86em; font-weight: 500; color: #5d46e8; } + +.tc-light .feature-document-link-s2 li a { color: #fff !important; border: 2px solid #fff; } + +.feature-reverse { flex-direction: row-reverse; text-align: right; } + +.feature-serial { font-size: 100px; font-weight: 700; line-height: normal; color: rgba(56, 56, 95, 0.2); } + +@keyframes focuse { 0% { transform: scale(0.8); + opacity: 1; } + 75% { transform: scale(1.2); + opacity: 0; } + 100% { transform: scale(1.2); + opacity: 0; } } + +@keyframes slide { from { background-position: 0 0; } + to { background-position: 40px 0; } } + +.boxed { padding: 15px 20px; } + +.boxed-xs { padding: 18px; } + +.boxed-sm { padding: 30px 25px; } + +.boxed-lg { padding: 30px 25px; } + +.boxed-xl { padding: 30px 25px; } + +@media (max-width: 575px) { .boxed.contact-form { padding: 20px; } + .feature-icon-s8 img { max-width: 220px; } } + +@media (min-width: 480px) { .feature-s10 { padding: 40px 90px 50px 35px; } + .feature-s10-left { margin-right: 45px; padding-bottom: 90px; } + .feature-s10-right { margin-left: 45px; margin-top: -45px; } + .feature-s11 { flex-wrap: nowrap; } } + +@media (min-width: 576px) { .feature.card { height: calc(100% - 30px); } + .feature-icon { margin-bottom: 20px; margin-right: 20px; } + .card-s3 .feature-icon { margin-right: 30px; } + .feature-sm-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-icon-s1 { margin-bottom: 40px; } + .feature-icon-s5 { margin-bottom: 0; } + .feature-icon-s7 { margin-right: 30px; } + .feature-sm-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-icon-bg { right: -40px; bottom: -40px; } + .has-rtl .feature-icon-bg { right: auto; left: -40px; } + .feature-icon-bg-grd { margin-bottom: 35px; } + .feature-s2 { display: flex; align-items: flex-start; } + .feature-s3 { margin-bottom: 0; padding: 0 30px; } + .feature-s3.card { margin-bottom: 0; height: 100%; } + .feature-s3-alt { padding: 0; } + .feature-s6 { padding-bottom: 145px; } + .feature-s6:before, .feature-s6:after { position: absolute; left: 50%; content: ''; transform: translateX(-50%); } + .feature-s6:before { bottom: 0; width: 2px; height: 95px; background: #dbe4f7; border-radius: 2px; } + .tc-light .feature-s6:before { background: rgba(255, 255, 255, 0.8); } + .feature-s6:after { bottom: 94px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #dbe4f7; background: #5d46e8; } + .tc-light .feature-s6:after { border-color: #fff; } + .feature-s8.card { height: calc(100% - 40px); } + .feature-s8-alt.card { height: calc(100% - 80px); } + .feature-s12 { flex-wrap: nowrap; } + .feature-slider-dot { height: 76px; width: 76px; padding: 10px; margin: 0 20px; } + .feature-slider-dot .ikon { font-size: 38px; line-height: 56px; width: 56px; } + .feature-slider-dot-s1 { padding: 0; } + .feature-slider-dot-s1 .ikon { font-size: 48px; line-height: 76px; width: 76px; } + .feature-sm-reverse { flex-direction: row-reverse; text-align: right; } + .boxed { padding: 40px 50px; } + .boxed-xs { padding: 18px; } + .boxed-sm { padding: 35px 25px; } + .boxed-md { padding: 40px 30px; } + .boxed-lg { padding: 45px 40px; } + .feature-icon-lg-s3 { margin-bottom: 5px !important; } } + +.link-feature-s1 { position: absolute; bottom: -40px; left: 50%; opacity: 0; transform: translate(-50%, 0); } + +.feature:hover .link-feature-s1 { bottom: -25px; opacity: 1; } + +@media (min-width: 768px) { .feature-s10 { padding: 40px 45px 50px 35px; } + .feature-s10-left { margin-right: -22.5px; margin-top: 60px; padding-bottom: 50px; } + .feature-s10-right { margin-left: -22.5px; margin-bottom: 60px; margin-top: 0; } + .feature-carousel-s1 .owl-nav { position: absolute; bottom: 35px; right: 15px; } + .feature-md-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-md-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-md-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (min-width: 992px) { .feature-s6-1 { padding-top: 197px; } + .feature-s6-2 { padding-top: 73px; } + .feature-s6-3 { padding-top: 0; } + .feature-s6-4 { padding-top: 184px; } + .feature-s10 { padding: 40px 240px 50px 50px; } + .feature-s10-left { margin-right: -95px; margin-top: 80px; } + .feature-s10-right { margin-left: -95px; } + .feature-text-s2 { padding: 0 0 0 45px; } + .feature-text-wd p { width: 72%; } + .feature-s11 { margin-top: 15px; margin-bottom: 15px; } + .feature-s12 { align-items: flex-start; } + .feature-lg-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-lg-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-lg-reverse { flex-direction: row-reverse; text-align: right; } + .boxed-xs { padding: 18px; } + .boxed-md { padding: 45px 40px; } + .boxed-lg { padding: 55px 60px; } + .boxed-xl { padding: 65px 60px; } } + +@media (min-width: 1200px) { .feature-text-s2 { padding: 0 65px 0 45px; } + .feature-text-wd p { width: 60%; } + .feature-xl-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-xl-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-xl-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (max-width: 991px) { .feature-icon-s1 { margin: 0 auto 40px; } } + +.feature-icon-btc .icon { color: #ffba00; } + +.feature-icon-eth .icon { color: #6a7aa2; } + +.feature-icon-ltc .icon { color: #adadad; } + +.feature-icon-xrp .icon { color: #2f3135; } + +.feature-icon-dash .icon { color: #1174bc; } + +.feature-icon-monero .icon { color: #ff6600; } + +.feature-currency .title { color: #696993 !important; } + +.feature-pd-lg { padding: 50px 30px; } + +.owl-item.active .feature { opacity: 0.8 !important; } + +.owl-item.active.center .feature { transition: 0.3s; opacity: 1 !important; } + +.feature-img-xl { max-width: 176px; margin: 0 auto; } + +@media (min-width: 992px) { .feature.center-lg { transform: scale(1.2); } } + +/** 04.08 Roadmap */ +.roadmap { position: relative; z-index: 10; padding-bottom: 30px; } + +.roadmap-carousel .roadmap { padding-bottom: 0; } + +.roadmap-s1:before, .roadmap-s1:after { position: absolute; content: ""; left: -1px; height: 50%; border-left-width: 3px; border-left-style: solid; border-color: #dbe4f7; } + +.tc-light .roadmap-s1:before, .tc-light .roadmap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + +.roadmap-s1:before { height: 45px; top: 0; } + +.flex-row-reverse .roadmap-s1:before { right: auto; } + +.roadmap-s1:after { height: calc(100% - 45px); right: auto; top: 45px; } + +.roadmap-s1-alt:before, .roadmap-s1-alt:after { left: 1px; border-left-width: 1px; border-left-style: dashed; } + +.tc-light .roadmap-s1-alt:before, .tc-light .roadmap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + +.flex-row-reverse .roadmap-s1-alt:before, .flex-row-reverse .roadmap-s1-alt:after { right: auto; left: 1px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-current:before { top: 0; } + +.roadmap-s1-alt.roadmap-done:after, .roadmap-s1-alt.roadmap-current:after { top: 45px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1-alt.roadmap-current:before { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1.roadmap-done:before, .roadmap-s1.roadmap-done:after { border-color: #5d46e8; } + +.roadmap-s1.roadmap-current:before { border-color: #5d46e8; } + +.roadmap-s2 { text-align: center; } + +.roadmap-s2:before, .roadmap-s2:after { position: absolute; content: ''; transition: width .3s; } + +.roadmap-s2:before { width: 0; height: 4px; background: #5d46e8; left: 0; top: 55px; } + +.tc-light .roadmap-s2:before { background: #5d46e8; } + +.roadmap-s2:after { left: 50%; top: 49px; transform: translateX(-50%); height: 16px; width: 16px; border-radius: 50%; border: 3px solid #dbe4f7; background: #fff; } + +.tc-light .roadmap-s2:after { border-color: #5b77a3; background: #4936b5; } + +.roadmap-s2.roadmap-finished:after, .roadmap-s2.roadmap-running:after { background: #5d46e8; border: 2px solid #fff; } + +.tc-light .roadmap-s2.roadmap-finished:after, .tc-light .roadmap-s2.roadmap-running:after { background: #5d46e8; border-color: #fff; } + +.roadmap-s2.roadmap-finished:before { width: 100%; } + +.roadmap-s2.roadmap-running:before { width: 50%; } + +.roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(255, 146, 89, 0.1); } + +.tc-light .roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1); } + +.roadmap-s5 { width: 100%; } + +.roadmap-s5:last-child { padding-bottom: 30px; } + +.roadmap-s6 { padding-top: 65px; margin-top: 15px; } + +.roadmap-s6:before { position: absolute; content: ""; top: 0; left: -6px; width: calc(100% + 30px); height: 1px; z-index: 2; background: #fff; } + +.roadmap-s6:after { position: absolute; content: ""; top: 0; right: 50%; width: 19px; height: 19px; z-index: 3; border: 1px solid #fff; border-radius: 50%; transform: translate(50%, -50%); background: #fff; } + +.tc-light .roadmap-s6:after { background: #4936b5; } + +.roadmap-s6.roadmap-done:after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; line-height: 17px; text-align: center; color: #fff; background: #39d884; } + +.roadmap-s6-1-2:before { background: linear-gradient(90deg, #5d46e8 0%, #ff9259 100%); } + +.roadmap-s6-1-2:after { border-color: #ff9259; } + +.roadmap-s6-1-2 .roadmap-head-s6:after { background: #ff9259; } + +.roadmap-s6-2-1:before { background: linear-gradient(90deg, #ff9259 0%, #5d46e8 100%); } + +.roadmap-s6-2-1:after { border-color: #5d46e8; } + +.roadmap-s6-2-1 .roadmap-head-s6:after { background: #5d46e8; } + +.roadmap-s6-2-3:before { background: linear-gradient(90deg, #ff9259 0%, #5d46e8 100%); } + +.roadmap-s6-2-3:after { border-color: #5d46e8; } + +.roadmap-s6-2-3 .roadmap-head-s6:after { background: #5d46e8; } + +.roadmap-s6-3-2:before { background: linear-gradient(90deg, #5d46e8 0%, #ff9259 100%); } + +.roadmap-s6-3-2:after { border-color: #ff9259; } + +.roadmap-s6-3-2 .roadmap-head-s6:after { background: #ff9259; } + +.roadmap-s6-3-1:before { background: linear-gradient(90deg, #5d46e8 0%, #5d46e8 100%); } + +.roadmap-s6-3-1:after { border-color: #5d46e8; } + +.roadmap-s6-3-1 .roadmap-head-s6:after { background: #5d46e8; } + +.roadmap-s6-1-3:before { background: linear-gradient(90deg, #5d46e8 0%, #5d46e8 100%); } + +.roadmap-s6-1-3:after { border-color: #5d46e8; } + +.roadmap-s6-1-3 .roadmap-head-s6:after { background: #5d46e8; } + +.roadmap-slider { position: relative; } + +.roadmap-text { max-width: 265px; margin-left: auto; margin-right: auto; } + +.roadmap-wrap { position: relative; padding: 40px 0 10px; margin-bottom: 40px; max-width: 430px; margin-left: auto; margin-right: auto; } + +.nk-block-left .roadmap-wrap { margin-left: 0; margin-right: 0; } + +.roadmap-wrap:before, .roadmap-wrap:after { position: absolute; content: ''; top: 0; bottom: 0; z-index: 7; } + +.roadmap-wrap-ovl-right:after { right: 0; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-light .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(248, 248, 255, 0.8) 25%, #f8f8ff 60%, #f8f8ff 100%); } + +.bg-light-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(243, 242, 254, 0.8) 25%, #f3f2fe 60%, #f3f2fe 100%); } + +.bg-white .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-theme .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(73, 54, 181, 0.8) 25%, #4936b5 60%, #4936b5 100%); } + +.bg-theme_alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(93, 70, 232, 0.8) 25%, #5d46e8 60%, #5d46e8 100%); } + +.bg-theme-dark .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(42, 31, 105, 0.8) 25%, #2a1f69 60%, #2a1f69 100%); } + +.bg-theme-dark-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(58, 43, 139, 0.8) 25%, #3a2b8b 60%, #3a2b8b 100%); } + +.roadmap-wrap-s1 { padding-bottom: 0; padding-top: 0; max-width: 90%; } + +.roadmap-wrap-s5 { display: flex; flex-wrap: wrap; padding: 40px 0 0; } + +.roadmap-wrap-s5:before { position: absolute; content: ""; left: 0; width: 1px; height: calc(100% + 30px); background: #5d46e8; } + +.roadmap-line { position: absolute; left: 19px; top: 0; background: #c1cef1; height: 100%; width: 2px; content: ''; z-index: 9; } + +.roadmap-line:after, .roadmap-line:before { position: absolute; background: #c1cef1; height: 10px; width: 10px; border-radius: 50%; content: ''; left: -4px; } + +.roadmap-line:before { top: 0; } + +.roadmap-line:after { bottom: 0; } + +.tc-light .roadmap-line { background: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-line:after, .tc-light .roadmap-line:before { background: #5d46e8; } + +.bg-theme-dark .roadmap-line { background: #5d46e8; } + +.bg-theme-dark .roadmap-line:after, .bg-theme-dark .roadmap-line:before { background: #5d46e8; } + +.bg-theme .roadmap-line { background: #5d46e8; } + +.bg-theme .roadmap-line:after, .bg-theme .roadmap-line:before { background: #5d46e8; } + +.roadmap-line-s2 { position: absolute; width: 100%; height: 4px; background: #dbe4f7; content: ''; top: 95px; border-radius: 2px; left: 0; } + +.tc-light .roadmap-line-s2 { background: #5b77a3; } + +.roadmap-line-s3:before, .roadmap-line-s3:after { display: none; } + +.roadmap-year { border-radius: 50%; color: #fff; background: #4936b5; height: 50px; width: 50px; text-align: center; line-height: 50px; font-weight: 700; font-size: 12px; position: relative; left: -5px; } + +.tc-light .roadmap-year { background: #5d46e8; } + +.bg-theme .roadmap-year, .bg-theme-dark .roadmap-year { background: #5d46e8; } + +.roadmap-year-s2 { padding-bottom: 65px; } + +.roadmap-step { border: 2px solid #dbe4f7; border-radius: 5px; position: relative; margin-left: 50px; padding: 20px 20px 15px; position: relative; max-width: 380px; } + +.bg-light .roadmap-step { background: #fff; } + +.roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + +.roadmap-step:before { height: 18px; width: 18px; border-radius: 50%; border: 5px solid #fff; background: #4936b5; left: -41px; top: 34px; z-index: 1; } + +.roadmap-step:after { height: 2px; width: 22px; background: #dbe4f7; left: -22px; top: 42px; } + +.roadmap-step p:last-child { margin-bottom: 0; } + +.roadmap-step-list li:before { background: #696993; } + +.tc-light .roadmap-step-list li:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-step-list-s1 li { list-style: none; padding: 8px 0; position: relative; } + +.roadmap-step-list-s1 li:after { position: absolute; content: ""; left: 10px; bottom: 0; width: 20px; height: 1px; transform: translateX(-50%); background: currentColor; } + +.roadmap-step-list-s1 li:last-child:after { display: none; } + +.tc-light .roadmap-step { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-step:before { background: #5d46e8; } + +.tc-light .roadmap-step:after { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); } + +.bg-theme .roadmap-step, .bg-theme-dark .roadmap-step { background: #3a2b8b; border-color: #5d46e8; } + +.bg-theme .roadmap-step:before, .bg-theme-dark .roadmap-step:before { background: #5d46e8; border-color: #4936b5; } + +.bg-theme .roadmap-step:after, .bg-theme-dark .roadmap-step:after { background: #5d46e8; border-color: #5d46e8; } + +.bg-theme-dark .roadmap-step:before { border-color: #2a1f69; } + +.bg-theme-alt .roadmap-step:before { border-color: #5d46e8; } + +.bg-light .roadmap-step:before { border-color: #f8f8ff; } + +.has-bg-image .roadmap-step:before { border-color: transparent; } + +.roadmap-step-s1 { margin-left: 0; border: none; padding-top: 0; padding-right: 25px; padding-left: 25px; z-index: 1; max-width: 100%; } + +.bg-light .roadmap-step-s1 { background: transparent; } + +.bg-theme .roadmap-step-s1, .bg-theme-dark .roadmap-step-s1, .tc-light .roadmap-step-s1 { background: transparent; } + +.roadmap-step-s1:before { display: none; } + +.roadmap-step-s1:after { width: 38px !important; left: 0 !important; height: 0; top: 49px; z-index: -1; background: none !important; border-top: 1px solid; border-color: #dbe4f7; } + +.roadmap-s1-alt .roadmap-step-s1:after { border-top-style: dashed; } + +.roadmap-step-s3 { margin-left: 0; border: none; padding: 0px 23px 30px; } + +.tc-light .roadmap-step-s3 { background: transparent; } + +.roadmap-step-s3:before { display: none; } + +.roadmap-step-s3:after { height: 60px; left: 50%; width: 2px; top: 75px; } + +.roadmap-step-s5 { margin: 0; background-color: transparent !important; border: none; padding-top: 0; padding-bottom: 0; } + +.roadmap-step-s5:before, .roadmap-step-s5:after { display: none; } + +.roadmap-head { margin-bottom: 10px; padding-right: 35px; position: relative; } + +.roadmap-finished .roadmap-head:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; line-height: 32px; border-radius: 50%; text-align: center; color: #fff; background: #ff9259; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: .88rem; content: '\f00c'; } + +.roadmap-head-s1 { padding-right: 0; margin-bottom: 0; line-height: 1.6; } + +.roadmap-head-s3 { padding-bottom: 120px; margin-bottom: 0; padding-right: 0; } + +.roadmap-head-s5 { padding: 0; } + +.roadmap-head-s5:after { display: none; } + +.roadmap-head-s6 { padding-left: 0; padding-right: 0; } + +.roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: 50%; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + +.roadmap-time { display: block; color: #4936b5; font-size: 13px; text-transform: uppercase; } + +.tc-light .roadmap-time { color: rgba(255, 255, 255, 0.8); } + +.roadmap-time-s1 { padding-bottom: 27px; line-height: 26px; width: 100%; display: inline-block; font-weight: 700; font-size: 0.81rem; position: relative; color: #8ca2e5; line-height: 25px; } + +.roadmap-time-s1:after, .roadmap-time-s1:before { position: absolute; content: ""; left: -24px; border-radius: 50%; } + +.roadmap-time-s1:after { bottom: -2px; width: 11px; height: 11px; margin-left: -5.5px; margin-top: -5.5px; background: #5d46e8; } + +.tc-light .roadmap-time-s1:after { background: #fff; } + +.roadmap-time-s1:before { bottom: -10px; width: 27px; height: 27px; margin-left: -13.5px; margin-top: -13.5px; } + +.roadmap-done .roadmap-time-s1:before, .roadmap-current .roadmap-time-s1:before { background: rgba(93, 70, 232, 0.23); } + +.tc-light .roadmap-done .roadmap-time-s1:before, .tc-light .roadmap-current .roadmap-time-s1:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-time-s3 { color: #8ca2e5; } + +.roadmap-time-s3:before { position: absolute; left: 50%; transform: translateX(-50%); content: '\f1da'; border-radius: 50%; font-family: "Font Awesome 5 Free"; font-weight: 600; box-shadow: 0px 2px 7px 0px rgba(93, 70, 232, 0.1); top: 32px; background: linear-gradient(-90deg, #fff 0%, #fcfbff 100%); border: 1px solid rgba(93, 70, 232, 0.2); height: 32px; line-height: 32px; width: 32px; color: #8ca2e5; z-index: 1; font-size: 13px; } + +.tc-light .roadmap-time-s3:before { color: rgba(255, 255, 255, 0.8); background: linear-gradient(-90deg, #4936b5 0%, #6552cc 100%); border-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 2px 7px 0px rgba(255, 255, 255, 0.1); } + +.roadmap-done .roadmap-time-s3:before { content: '\f00c'; } + +.roadmap-running .roadmap-time-s3:before { content: '\f021'; } + +.roadmap-s3-1 .roadmap-time-s3:before { content: ''; background: rgba(93, 70, 232, 0.5); border: none; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:before { background: rgba(57, 29, 227, 0.5); } + +.roadmap-s3-1 .roadmap-time-s3:after { position: absolute; left: 50%; top: 40px; transform: translateX(-50%); border-radius: 50%; content: ''; background: #5d46e8; height: 16px; width: 16px; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:after { background: #391de3; } + +.roadmap-time-s5 { font-weight: 600; text-transform: capitalize; font-size: 1rem; color: #5d46e8; } + +.roadmap-time-s5:not(:last-child) { padding-bottom: 10px; } + +.roadmap-time-s5:after { position: absolute; height: 19px; width: 19px; border: 1px solid #5d46e8; background: #5d46e8; top: 2px; left: -29px; border-radius: 50%; content: ''; } + +.roadmap-finished .roadmap-time-s5:after { background: #f8f8ff; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 10px; text-align: center; line-height: 18px; color: #ff9259; } + +.tc-light .roadmap-finished .roadmap-time-s5:after { color: #ff9259; background: #4936b5; } + +.roadmap-time-s6 { text-transform: none; } + +.roadmap-title { color: #8ca2e5; font-weight: 700; font-size: 16px; } + +.tc-light .roadmap-title { color: #fff; } + +.roadmap-title-s1 { padding-top: 25px; display: inline-block; font-size: 1rem; font-weight: 500; line-height: 1.6; color: #696993; } + +.roadmap-title-s2 { position: relative; font-size: 1rem; font-weight: 500; color: #5d46e8; top: -10px; } + +.tc-light .roadmap-title-s2 { color: rgba(255, 255, 255, 0.8); } + +.roadmap-title-s2:before { position: absolute; content: ''; left: -25px; top: 1px; transform: translate(-50%, 0); height: 15px; width: 15px; border-radius: 50%; background: #5d46e8; border: 1px solid #5d46e8; } + +.roadmap-done .roadmap-title-s2:before { height: 19px; width: 19px; font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900; font-size: 9px; line-height: 18px; text-align: center; color: #39d884; background: #fff; } + +.tc-light .roadmap-done .roadmap-title-s2:before { color: #fff; background: #4936b5; } + +.bg-theme .roadmap-done .roadmap-title-s2:before { background: #4936b5; } + +.bg-theme-alt .roadmap-done .roadmap-title-s2:before { background: #5d46e8; } + +.bg-theme-dark .roadmap-done .roadmap-title-s2:before { background: #2a1f69; } + +.bg-theme-dark-alt .roadmap-done .roadmap-title-s2:before { background: #3a2b8b; } + +.roadmap-carousel { padding: 0 40px; } + +.roadmap-carousel:after, .roadmap-carousel:before { position: absolute; height: 12px; width: 12px; border-radius: 50%; content: ''; top: 42px; background: #dbe4f7; } + +.tc-light .roadmap-carousel:after, .tc-light .roadmap-carousel:before { background: #5d46e8; } + +.roadmap-carousel .owl-nav { position: absolute; left: -30px; top: 23px; font-size: 36px; font-weight: 400; width: calc(100% + 60px); opacity: 0.3; } + +.roadmap-carousel .owl-nav .owl-next { right: -30px; } + +.roadmap-carousel .owl-nav .owl-prev { left: -30px; } + +.roadmap-carousel .owl-nav .owl-next, .roadmap-carousel .owl-nav .owl-prev { top: -30px; position: absolute; z-index: 2; height: 52px; width: 52px; font-size: 36px; line-height: 52px; text-align: center; color: #5d46e8; transform: translateY(50%); } + +.roadmap-carousel:after { right: 0; } + +.roadmap-carousel:before { left: 0; } + +.roadmap-carousel-s2:after, .roadmap-carousel-s2:before { height: 1px; width: 85px; border-radius: 0; top: 15px; z-index: 4; } + +.roadmap-carousel-s2:before { background: linear-gradient(90deg, #f3f2fe 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme .roadmap-carousel-s2:before { background: linear-gradient(90deg, #4936b5 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #5d46e8 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark .roadmap-carousel-s2:before { background: linear-gradient(90deg, #2a1f69 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #3a2b8b 0%, rgba(0, 0, 0, 0) 100%); } + +.roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #f3f2fe 100%); } + +.bg-theme .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #4936b5 100%); } + +.bg-theme-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #5d46e8 100%); } + +.bg-theme-dark .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #2a1f69 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #3a2b8b 100%); } + +.roadmap-carousel-s2:after { right: 40px; } + +.roadmap-carousel-s2:before { left: 40px; } + +.roadmap-carousel-container { position: relative; } + +.roadmap-carousel-container:before { position: absolute; content: ""; left: 0; top: 47px; width: 100%; height: 2px; background: #dbe4f7; } + +.tc-light .roadmap-carousel-container:before { background: #5d46e8; } + +.roadmap-carousel-nav-s2 .owl-nav { width: calc(100% + 80px); top: 26px; opacity: 1; } + +.roadmap-carousel-nav-s2 .owl-nav button { border: none !important; } + +.roadmap-carousel-nav-s2 .owl-nav button:after { font-size: 36px; line-height: 52px; color: #dbe4f7; } + +.roadmap-carousel-nav-s2.roadmap-carousel-s2 .owl-nav { top: -7px; left: 0; width: calc(100% + 20px); } + +.roadmap-carousel:not([data-dots="true"]) { margin-bottom: -30px; } + +.roadmap-list { position: relative; padding-top: 15px; } + +.roadmap-list:after { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100vw; height: 1px; content: ''; background: #ff9259; } + +.roadmap-innr { padding: 0 25px 30px; } + +.roadmap-innr:before { position: absolute; left: 0; height: 100%; width: 1px; content: ''; transform: translateX(-50%); background-image: linear-gradient(to bottom, #5d46e8 0%, #ff9259 100%); } + +.roadmap-item { position: relative; } + +.roadmap-item:nth-child(even) .roadmap-innr:before { background-image: linear-gradient(to top, #5d46e8 0%, #ff9259 100%); } + +@media (min-width: 576px) { .roadmap-wrap-ovl-right { max-width: none; margin-right: -200px; } + .roadmap-wrap-ovl-right:after { width: 280px; } + .roadmap-wrap-ovl-right .owl-nav { margin-right: 190px; } } + +@media (min-width: 768px) { .roadmap-s5 { display: flex; text-align: right; } + .roadmap-s5.roadmap-right { justify-content: flex-end; text-align: left; } + .roadmap-s5:not(:last-child) { padding-bottom: 15px; } + .roadmap-wrap-s5 { max-width: 100%; } + .roadmap-wrap-s5:before { top: -30px; left: 50%; margin-left: -0.5px; } + .roadmap-step-s5 { max-width: 50%; padding-left: 30px; padding-right: 30px; } + .roadmap-time-s5:after { left: -39px; } + .roadmap-left .roadmap-time-s5:after { right: -40px; left: auto; } } + +@media (min-width: 992px) { .roadmap { display: flex; } + .roadmap-s1:before, .roadmap-s1:after { top: 41px; height: 0; width: 50%; border-top-width: 3px; border-top-style: solid; border-left-width: 0; } + .roadmap-s1:before { left: 0; } + .flex-row-reverse .roadmap-s1:before { right: 0; left: auto; } + .roadmap-s1:after { left: auto; right: 0; z-index: -1; } + .flex-row-reverse .roadmap-s1:after { right: auto; left: 0; } + .roadmap-s1-alt:before, .roadmap-s1-alt:after { top: 42px; border-top-width: 1px; border-top-style: dashed; } + .roadmap-s1-alt:after { right: 0; } + .roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-done:after { right: 0; left: auto; } + .roadmap-s1-alt.roadmap-current:before { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-current:after { top: 42px; } + .roadmap-s2 { display: block; } + .roadmap-s6 { display: block; } + .roadmap-s6:after { right: -14px; } + .roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: -14px; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + .roadmap-wrap { padding: 40px 0 10px; margin-bottom: 60px; max-width: 100%; } + .roadmap-wrap-ovl-left, .roadmap-wrap-ovl-right { max-width: none; } + .roadmap-wrap-s1 { padding-top: 0; } + .roadmap-wrap-s1:after { position: absolute; width: 15px; height: calc(100% + 3px); border-width: 3px; border-style: solid; border-color: #dbe4f7; top: 41px; } + .tc-light .roadmap-wrap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + .roadmap-wrap-s1-alt:after { height: calc(100% + 1px); border-width: 1px; border-style: dashed; top: 42px; } + .tc-light .roadmap-wrap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + .roadmap-wrap-s1-alt.roadmap-wrap-done:after { height: calc(100% + 3px); border-width: 3px; border-style: solid; top: 41px; } + .roadmap-wrap-s1.roadmap-wrap-done:after { border-color: #5d46e8; } + .roadmap-wrap-s1:nth-child(odd):after { right: -15px; border-radius: 0 20px 20px 0; border-left-width: 0; } + .roadmap-wrap-s1:nth-child(even):after { left: -15px; border-radius: 20px 0px 0px 20px; border-right-width: 0; } + .roadmap-wrap-s1:last-child:after { display: none; } + .roadmap-line { left: 50%; margin-left: -1px; } + .roadmap-left { justify-content: flex-start; margin-top: -80px; } + .roadmap-left .roadmap-step { margin-left: 0; margin-right: 80px; } + .roadmap-left .roadmap-step:before { left: auto; right: -91px; } + .roadmap-left .roadmap-step:after { left: auto; right: -78px; } + .roadmap-left.roadmap-s5 { margin-top: 0; } + .roadmap-right { justify-content: flex-end; } + .roadmap-right .roadmap-step { margin-left: 80px; } + .roadmap-year { height: 60px; width: 60px; line-height: 60px; font-size: 16px; position: static; margin-left: auto; margin-right: auto; } + .roadmap-step { width: 100%; padding: 40px 30px 35px; } + .roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + .roadmap-step:before { left: -91px; } + .roadmap-step:after { width: 78px; left: -78px; } + .roadmap-step-list li:before { top: 12px; } + .roadmap-step-list-s1 li:after { left: 50%; } + .roadmap-step-s1 { padding-top: 0; padding-left: 15px; padding-right: 15px; } + .roadmap-step-s1:after { width: 0 !important; left: 50% !important; margin-left: -0.5px; height: 40px !important; top: 48px; border-top: 0; border-left: 1px solid; border-color: #dbe4f7; } + .roadmap-s1-alt .roadmap-step-s1:after { border-left-style: dashed; } + .roadmap-step-s3 { padding-top: 0; background: transparent !important; } + .roadmap-step-s3:after { left: 50%; width: 2px; } + .roadmap-step-s5 { padding-top: 0; padding-bottom: 0; } + .roadmap-head { margin-bottom: 15px; } + .roadmap-time { font-size: 14px; } + .roadmap-time-s1:after { left: 50%; bottom: 5px; } + .roadmap-time-s1:before { bottom: -2px; left: 50%; } + .roadmap-time-s3 { font-size: .87rem; font-weight: 600; } + .roadmap-time-s6 { font-size: 18px; } + .roadmap-title { font-size: 18px; } + .roadmap-title-s1 { padding-top: 48px; } + .roadmap-title-s2 { font-size: 1rem; } + .roadmap-list { display: flex; align-items: flex-end; margin-bottom: 200px; } + .roadmap-item { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .roadmap-item:nth-child(even) { flex-grow: 0; width: 0; } + .roadmap-item:nth-child(even) .roadmap-innr { position: absolute; top: 0; left: 0; padding-top: 90px; min-width: 190px; transform: translateX(calc(-50% + 5px)); } + .roadmap-item:nth-child(even) .roadmap-innr:before { top: 0; height: 90px; } + .roadmap-item-sm { min-height: 170px; } + .roadmap-item-lg { min-height: 300px; } } + +@media (min-width: 1200px) { .roadmap-left .roadmap-step:before { right: -86px; } + .roadmap-left .roadmap-step:after { right: -73px; } + .roadmap-step:before { left: -86px; } + .roadmap-step:after { width: 73px; left: -73px; } + .roadmap-step-s1:before { left: 50%; } + .roadmap-step-s3:after { left: 50%; width: 2px; } } + +/** 04.091 Token */ +.token-info { border: 1px solid rgba(93, 70, 232, 0.2); border-radius: 8px; padding: 18px 20px 0; margin-bottom: 30px; } + +.token-info-s1 { padding: 0 30px; border: none; text-align: left; } + +.token-info-item { position: relative; padding-left: 25px; } + +.token-info-item:before { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; content: ''; border-radius: 2px; background: #a963ff; } + +.token-info-item.color-2:before { background: #f42f54; } + +.token-info-item.color-3:before { background: #f5a946; } + +.token-info-item.color-4:before { background: #63a5ff; } + +.token-info-item.color-5:before { background: #ff8d87; } + +.token-info-item-s1 { padding-left: 0; display: flex; align-items: center; justify-content: space-between; margin: 25px 0; } + +.token-info-item-s1:first-child { margin-top: 16px; } + +.token-info-item-s1:before { display: none; } + +.token-info-item-s1 span { font-size: 12px; font-weight: 400; color: #5d46e8; text-transform: uppercase; } + +.token-info-item-s1 h4 { font-size: 1.5rem; line-height: 1; font-weight: 300; } + +.token-info-title { font-size: 0.7rem; text-transform: uppercase; font-weight: 700; letter-spacing: 0.04em; margin-bottom: 4px; } + +.token-info-des { font-size: 1.1rem; } + +.token-status { border-radius: 8px 8px 0 0; border: 1px solid rgba(93, 70, 232, 0.2); padding: 18px 20px 10px; text-align: center; } + +.token-status .countdown-s2 { padding: 0; } + +.token-status-s1 { padding: 30px; box-shadow: 0px 15px 20px 0px rgba(73, 54, 181, 0.1); margin-left: 0; } + +.token-status-s2 { position: relative; border: none; padding: 0; max-width: 360px; margin: 50px auto 0; } + +.token-status-s2 .icon-list { margin-top: 10px; } + +.token-status-s3 { padding: 29px 0 0; border: none; } + +.token-status-s3 .countdown-s2 { padding-left: 30px; padding-right: 30px; } + +.token-status-s4 { border: none; padding: 65px 0 50px; } + +.token-status-s4 .icon-list { margin-top: 10px; } + +.token-status-s5 { background: #4936b5; padding-bottom: 25px; } + +.token-status-s6 { border: none; padding: 20px 20px 25px; } + +.token-countdown { padding: 16px 0 20px; } + +.token-min { font-size: 13px; color: #fff; display: block; padding: 12px 0; } + +.token-min-s2 { padding: 15px 0 0; text-align: left; } + +.token-min-s2 span { display: block; } + +.token-min-s2 span:first-child { color: #5d46e8; font-size: 12px; line-height: 1; text-transform: uppercase; font-weight: 300; } + +.token-min-s2 span:last-child { line-height: normal; padding-top: 4px; } + +.token-alocate-item { position: relative; padding: 0 20px 15px; margin-bottom: 30px; margin-left: auto; margin-right: auto; background: #fff; height: calc(100% - 30px); border-radius: 4px; } + +.token-alocate-item:not([class*='shadow']) { box-shadow: 0 5px 45px 0 rgba(93, 70, 232, 0.08); } + +.token-alocate-item-s1 { padding-left: 0; padding-right: 0; background-color: transparent; } + +.token-alocate-graph { padding: 20px 0 15px; position: relative; } + +.token-alocate-graph span, .token-alocate-graph img { position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; } + +.token-alocate-graph span { color: #696993; font-size: 2em; font-weight: 400; line-height: 1.3; } + +.token-alocate-graph img { width: 150px; } + +.token-alocate-graph canvas { position: relative; z-index: 5; } + +.token-alocate-graph-s1 canvas { min-height: 230px; } + +.token-alocate-list li { color: #696993; display: flex; align-items: center; font-weight: 400; padding: 13px 0; } + +.token-alocate-list li .token-alocate-percent { font-weight: 600; color: #4936b5; } + +.token-box-s1 { position: absolute !important; left: 0; bottom: -157px; width: 100%; z-index: 9 !important; } + +.token-box-s2 { background: rgba(73, 54, 181, 0.3); padding: 30px 20px 52px; } + +.token-box-s2 .title { margin-bottom: 1.2rem; } + +.token-box-s3 { padding-bottom: 20px; } + +.token-countdown-wrapper { padding: 30px; background: #fff; box-shadow: 0px 15px 20px 0px rgba(73, 54, 181, 0.1); } + +.token-countdown-wrapper h6 { color: currentColor; } + +.token-action-s1 { margin-top: -22px; } + +.token-action-s2 { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action + .icon-list { margin-top: 15px; } + +.token-sale-box { background: #f8f8ff; border-radius: 4px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; padding: 20px 15px 33px; transition: all .4s; } + +.tc-light .token-sale-box { background: rgba(93, 70, 232, 0.08); } + +.token-sale-info { display: block; font-size: 2.4rem; font-weight: 300; color: #5d46e8; } + +.token-sale-title { font-size: 14px; text-transform: uppercase; font-weight: 400; } + +.token-bonus-item { padding: 50px 25px 46px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; border-radius: 4px; margin-bottom: 30px; transition: all .4s; height: calc(100% - 30px); background: #8d7cef; } + +.token-bonus-item span { display: block; } + +.token-bonus-item.two { background: #715deb; } + +.token-bonus-item.three { background: #8573ee; } + +.token-bonus-title { display: inline-block !important; line-height: 18px; font-size: 13px; color: #fff; text-transform: uppercase; padding: 6px 20px; background: #2a1f69; border-radius: 15px; font-weight: 400; } + +.token-bonus-percent { font-size: 4em; line-height: 1; padding: 22px 0 7px; font-weight: 300; color: #fff; } + +.token-bonus-txt { font-size: 14px; line-height: 18px; font-weight: 400; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); } + +.tc-light .token-bonus-txt { color: rgba(255, 255, 255, 0.6); } + +.token-stage { margin-bottom: 33px; } + +.token-stage-title { color: #fff; background: #3118c4; text-transform: uppercase; font-weight: 700; line-height: 26px; padding: 10px; border-radius: 6px 6px 0 0; } + +.token-stage-pre { background: #3d22e3; } + +.token-stage-one { background: #351bd6; } + +.token-stage-date { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; padding: 12px 0 10px; } + +.tc-light .token-stage-date { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-date h6 { font-weight: 700; font-size: 1rem; margin-bottom: 0; } + +.token-stage-date span { font-size: 15px; } + +.token-stage-info { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; border-radius: 0 0 6px 6px; padding: 14px 0 16px; } + +.tc-light .token-stage-info { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-info span { display: block; font-size: 15px; line-height: 1.86; } + +.token-stage-bonus { color: #5d46e8; } + +.token-action-s2 { padding: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action-box { display: flex; align-items: center; flex-wrap: wrap; border-radius: 6px; background: rgba(93, 70, 232, 0.1); } + +.token-action-box > div { padding: 20px 25px; width: 100%; } + +.token-action-box > div:last-child { padding-top: 0; } + +.tc-light .token-action-box { background: rgba(93, 70, 232, 0.1); } + +.token-action-title { width: 30%; background: #5d46e8; border-radius: 6px 6px 0 0; font-weight: 500; font-size: 1.2em; line-height: 1.44; flex-grow: 1; width: 100%; } + +.tc-light .token-action-title { background: #5d46e8; } + +.token-action-box .token-action-title { padding: 25px; } + +.token-action-date { width: 40%; } + +.token-action-date strong { display: block; } + +.token-action-btn { width: 34%; } + +.token-action-btn .btn-grad { padding: 14px 0px; width: 100%; } + +.token-bar-chart { position: relative; z-index: 9; } + +.token-bar-item { position: relative; height: 40px; border-radius: 20px; margin: 10px 0; } + +.token-bar-item.tbic1 { background: #002674; } + +.token-bar-item.tbic1:before { background: #002674; } + +.token-bar-item.tbic2 { background: #004ae2; } + +.token-bar-item.tbic2:before { background: #004ae2; } + +.token-bar-item.tbic3 { background: #3b7bff; } + +.token-bar-item.tbic3:before { background: #3b7bff; } + +.token-bar-item.tbic4 { background: #3bb8ff; } + +.token-bar-item.tbic4:before { background: #3bb8ff; } + +.token-bar-item.tbic5 { background: #5378fb; } + +.token-bar-item.tbic5:before { background: #5378fb; } + +.token-bar-txt { position: absolute; font-size: 13px; padding-bottom: 0; top: 50%; left: 100%; min-width: 300%; transform: translateX(45px) translateY(-50%); } + +.token-bar-txt:after { position: absolute; content: ''; left: 0; top: 50%; height: 1px; width: 25px; margin-left: -35px; background: rgba(22, 161, 255, 0.5); } + +.token-bar-txt span { display: block; line-height: 1.5; white-space: nowrap; } + +.token-bar-txt span:first-of-type { font-weight: 600; } + +.token-bar-item.tbic1 .token-bar-txt span:first-of-type { color: #002674; } + +.token-bar-item.tbic2 .token-bar-txt span:first-of-type { color: #004ae2; } + +.token-bar-item.tbic3 .token-bar-txt span:first-of-type { color: #3b7bff; } + +.token-bar-item.tbic4 .token-bar-txt span:first-of-type { color: #3bb8ff; } + +.token-bar-item.tbic5 .token-bar-txt span:first-of-type { color: #5378fb; } + +@media (min-width: 768px) { .token-bar-chart { display: flex; overflow: visible; margin-top: 135px; } + .token-bar-item { margin: 0; } + .token-bar-item:before { position: absolute; left: -20px; top: 0; height: 40px; width: 40px; content: ''; z-index: -1; } + .token-bar-item:first-child:before { display: none; } + .token-bar-txt { padding-bottom: 10px; top: -110px; left: 50%; min-width: 100%; transform: translateX(-50%); text-align: center; } + .token-bar-txt:after { left: 50%; top: 100%; height: 65px; width: 1px; margin-left: 0; } } + +@media (max-width: 420px) { .token-status-s6 .countdown-time { font-size: 1.8rem; } + .token-status-s6 .cpn-links, .token-status-s6 .cpn-links li { padding-left: 10px; padding-right: 10px; } } + +@media (min-width: 480px) { .token-status .countdown-s2 { padding: 0 30px 20px; } + .token-info-s1 { padding: 0 30px; } + .token-min-s2 { padding: 0; } } + +@media (min-width: 576px) { .token-info { padding: 24px 40px 0; } + .token-info .text-block-title { text-align: center; } + .token-info-list li { display: flex; } + .token-info-list li > span { width: 50%; } + .token-info-title { font-size: 0.88rem; letter-spacing: 0.2em; } + .token-info-des { font-size: 1.375rem; } + .token-info-s1 { padding: 0 30px; } + .token-status { padding: 24px 28px 20px; } + .token-status-md { padding: 36px; } + .token-status-s2 { padding: 0; } + .token-status-s3 { padding: 29px 0 0; border: none; } + .token-status-s4 { padding: 65px 0 50px; } + .token-status-s5 { padding: 40px 30px 40px; } + .token-status-s6 { border: none; padding: 35px 50px 45px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; } + .token-alocate-graph { padding: 30px 40px 30px; } + .token-action-box { flex-wrap: nowrap; } + .token-action-box > div:last-child { padding-top: 20px; padding-left: 0; } + .token-action-title { width: auto; border-radius: 6px 0 0 6px; } + .token-action-s2 { padding: 30px; } } + +@media (min-width: 768px) { .token-alocate-item { padding: 20px 30px 40px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; margin-bottom: 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-box-s1 { position: absolute !important; left: 0; bottom: -45px; width: 100%; z-index: 9 !important; } } + +@media (min-width: 992px) { .token-countdown-wrapper { padding: 30px 60px 30px 66px; } + .token-status-s1 { padding: 30px 60px 30px 66px; margin-left: 0; } + .token-status-s2 { margin: 65px 140px 0 0; } + .token-status-s3 { margin-left: 25px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding: 30px 65px 0px; } + .token-alocate-item-s1:before { position: absolute; height: 610px; width: 610px; top: 0; left: 50%; content: ''; border-radius: 20px; background: rgba(73, 54, 181, 0.04); transform: rotate(45deg); transform-origin: 0 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-alocate-graph-s1 { margin-top: 80px; } + .token-action-box { margin-top: 25px; } } + +.tokdis-item { position: relative; padding-left: 0; padding-bottom: 15px; margin-bottom: 15px; padding-top: 8px; display: inline-block; } + +.tokdis-item:before { position: absolute; width: 40px; height: 3px; border-radius: 1.5px; content: ''; background: #5d46e8; top: 0; left: 50%; transform: translateX(-50%); } + +.tokdis-item h5 { font-size: 1.125em; } + +.tokdis-list { padding-bottom: 40px; } + +@media (min-width: 992px) { .tokdis-item { padding-left: 25px; padding-bottom: 4px; padding-top: 0; } + .tokdis-item:before { width: 3px; height: 100%; top: 0; left: 0; transform: translateX(0); } + .tokdis-list { padding-bottom: 80px; } } + +.toktmln-item { position: relative; padding: 0 0 20px; display: flex; justify-content: center; } + +.toktmln-item:before { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); content: ''; height: 30px; width: 30px; border-radius: 50%; border: 6px solid #dbe4f7; background: #5d46e8; } + +.tc-light .toktmln-item:before { border-color: #fff; } + +.toktmln-item div { padding: 0 30px 5px 0; text-align: right; width: 50%; flex-grow: 1; } + +.toktmln-item div:last-child { padding: 0 0 0 30px; text-align: left; } + +.toktmln-item div span { display: block; font-weight: 600; } + +.toktmln-item div span:last-child { font-size: .775em; padding-bottom: 8px; font-weight: 400; color: #696993; } + +.tc-light .toktmln-item div span:last-child { color: #fff; } + +.toktmln-list { position: relative; } + +.toktmln-list:before { position: absolute; left: 50%; top: -24px; width: 2px; margin-left: -1px; height: 100%; background: #dbe4f7; content: ''; } + +.tc-light .toktmln-list:before { background: #fff; } + +@media (min-width: 992px) { .toktmln-list { position: relative; } + .toktmln-list:before { left: 0; top: 14px; width: 100%; height: 2px; } + .toktmln-item { padding: 64px 0 0; display: block; } + .toktmln-item:before { top: 0; left: 0; transform: translateX(0); } + .toktmln-item div { padding-bottom: 5px; text-align: left; width: 100%; padding-left: 0; padding-right: 0; } + .toktmln-item div:last-child { padding: 0 0 0 0; } + .toktmln-item div span:last-child { font-size: .875em; } } + +.stage-info { padding-left: 15px; } + +.stage-info .title { margin-bottom: .5rem; } + +/** 04.10 Team */ +.team { position: relative; margin-bottom: 30px; max-width: 255px; margin-left: auto; margin-right: auto; text-align: center; } + +.nk-block-left .team { max-width: 100%; } + +.team:hover .team-show { opacity: 1; } + +.team-s2 { max-width: 240px; text-align: center; } + +.team-s2 .word-split { justify-content: center; } + +.team-s2:hover .team-show { opacity: .25; } + +.team-s4 { padding: 30px 30px; } + +.team-s5 { text-align: left; max-width: 228px; padding-bottom: 25px; } + +.team-s5:before { position: absolute; content: ""; left: 20px; top: 50px; right: 0; bottom: 0; background: #f3f2fe; z-index: -1; } + +.bg-theme .team-s5:before { background: #5d46e8; } + +.has-bg-image .team-s5:before { background: #5d46e8; } + +.tc-light .team-s5:before { background: #3a2b8b; } + +.team-s6 { text-align: left; display: flex; max-width: 100%; } + +.team-s6 .team-left { width: 135px; flex-shrink: 0; } + +.team-s6 .team-photo { max-width: 170px; margin-right: 25px; margin-left: 0; } + +.team-sm-s2 { text-align: left; max-width: 145px; } + +.team-photo { display: block; position: relative; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 2; } + +.team-photo + .list { padding-top: 15px; } + +.team-photo-s1 { max-width: 160px; } + +.team-photo img { border-radius: 6px; width: 100%; transition: all .4s; } + +.team-photo-sm { max-width: 180px; } + +.team-photo-s2 { max-width: 90%; } + +.team-photo-s2:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(93, 70, 232, 0.4); border-radius: 6px; z-index: 1; } + +.team-photo-s3:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: linear-gradient(to top left, #5d46e8 0%, #46bdf4 100%); border-radius: 6px; z-index: 1; opacity: .2; } + +.team-photo-circle { border-radius: 50%; } + +.team-sm-s2 .team-photo { margin-left: 0; max-width: 90%; } + +.team-sm-s2:hover .team-photo { transform: translateY(-8px); } + +.team-s3 .team-photo { max-width: 160px; } + +.team-s5 .team-photo { margin-left: 0; } + +.team-s5 .team-photo:before, .team-s5 .team-photo:after { position: absolute; content: ''; } + +.team-s5 .team-photo:before { top: 24px; right: -33px; height: 3px; width: 65px; background: linear-gradient(to top left, #5d46e8 0%, #ff9259 100%); z-index: 1; } + +.team-s5 .team-photo:after { top: 0; bottom: 0; right: 0; left: 0; background: rgba(93, 70, 232, 0.4); transition: all .4s; } + +.team-s5 .team-photo:hover { transform: translateY(-8px); } + +.team-s5 .team-photo:hover:after { opacity: .5; } + +.team-s5 .team-photo:hover .team-show { opacity: 0; } + +.team-photo-bg:before { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; transform: scale(1); z-index: -1; opacity: 1; transition: all .5s ease; background-image: linear-gradient(90deg, #ff9259 0%, #5d46e8 100%); } + +.team-s3-alt .team-photo-bg:before { opacity: 0; transform: scale(0.8); } + +.team-photo-bg a { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; z-index: 1; } + +.team-photo-bg:hover a + img { transform: scale(0.85); } + +.team-s3-alt .team-photo-bg:hover a + img { transform: scale(1); } + +.team-s3-alt .team-photo-bg:hover:before { opacity: 1; transform: scale(1); } + +.team-show { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(93, 70, 232, 0.4); border-radius: 6px; transition: all .4s; z-index: 20; opacity: 0; } + +.team-s2 .team-show { opacity: 0; } + +.team-s3 .team-photo-bg .team-show { opacity: 0 !important; top: 0; right: 0; bottom: 0; left: 0; } + +.team-s5 .team-show { border-radius: 0; } + +.team-s5:hover .team-show { opacity: 0; } + +.team-social { margin: 0 -5px; } + +.team-photo .team-social { position: absolute; bottom: -17px; right: 17px; z-index: 21; text-align: right; } + +.team-social li { padding: 0 4px; display: inline-block; } + +.team-social li a { font-size: 13px; text-align: center; display: inline-block; line-height: 34px; height: 34px; width: 34px; border-radius: 50%; color: #fff !important; background: #ff9259; box-shadow: 0px 2px 15px 0px rgba(255, 146, 89, 0.5); } + +.team-social li a:hover { color: #fff !important; background: #5d46e8; box-shadow: 0px 2px 15px 0px rgba(93, 70, 232, 0.5); } + +.team-social-s2 { margin: 0 -10px; } + +.team-social-s2 li { padding: 0 10px; } + +.team-social-s2 li a { width: auto; background-color: transparent; box-shadow: none; color: #46bdf4 !important; } + +.tc-light .team-social-s2 li a { color: #fff !important; } + +.team-social-s2 li a:hover { color: #5d46e8 !important; background-color: transparent; box-shadow: none; } + +.team-s2 .team-social-s2 { padding-top: 15px; } + +.team-s3 .team-social-s2 { padding-top: 10px; } + +.team-social-vr li { display: block; text-align: center; } + +.team-social-vr li a { width: 30px !important; } + +.team-s5 .team-social { position: absolute; top: 64px; right: 20px; } + +.team-s5 .team-social li a { color: #5d46e8; } + +.team-name { color: #38385f; padding-top: 28px; font-weight: 600; } + +.team-name.title { margin-bottom: .5rem !important; } + +.team-s2 .team-name.title-sm { font-size: .95em !important; } + +.team-s2 .team-name { padding-top: 18px; } + +.team-s3 .team-name { color: #5d46e8; font-size: 1.125rem !important; font-weight: 400; margin-bottom: 1px !important; } + +.team-s3-alt .team-name { color: #38385f; } + +.tc-light .team-s3-alt .team-name { color: #fff; } + +.team-s4 .team-name { font-weight: 400; padding-top: 21px; font-size: 1.33rem; margin-bottom: 0 !important; } + +.team-s5 .team-name { padding-left: 45px; padding-right: 40px; } + +.team-s6 .team-name { text-transform: uppercase; font-weight: 400; } + +.team-position { font-size: 12px; font-weight: 400; display: inline-block; } + +.team-s3 .team-position { font-weight: 300; color: #8686a9; } + +.team-s3-alt .team-position { color: #5d46e8; } + +.tc-light .team-s3-alt .team-position { color: #5d46e8; } + +.team-s4 .team-position { padding-bottom: 10px; } + +.team-s5 .team-position { padding-left: 45px; padding-right: 40px; color: #38385f; } + +.team-s6 .team-position { position: relative; color: #46bdf4; padding-bottom: 13px; margin-bottom: 5px; line-height: 1.4; } + +.team-s6 .team-position:before { position: absolute; height: 3px; width: 190px; left: 0; bottom: 0; content: ''; background: linear-gradient(to right, #46bdf4 0%, #5d46e8 100%); z-index: 5; } + +.tc-light .team-position { color: #fff; } + +.team-featured-photo { position: relative; border-radius: 5px; overflow: hidden; } + +.team-featured-info { position: absolute; left: 0; bottom: 0; font-size: 18px; padding: 15px 20px; } + +.team-featured-info span { font-size: 16px; font-weight: 300; display: block; padding-top: 5px; } + +.team-featured-cont p:last-child { margin-bottom: 0; } + +.team-featured-sub { text-transform: uppercase; color: #fff; font-size: 14px; letter-spacing: 0.15em; } + +.team-popup { position: relative; max-width: 100%; margin: 10px; padding: 15px; background: #fff; border-radius: 6px; } + +.team-popup-info p:last-child { margin-bottom: 0; } + +.team-list { margin-bottom: -30px; } + +.team-s4 .team-desc { font-size: .87rem; margin-bottom: 8px; } + +.team-s4 .team-desc p { font-size: inherit; } + +@media (min-width: 576px) { .team { margin-bottom: 50px; } + .team-s2 { margin-bottom: 30px; text-align: left; } + .team-s2 .word-split { justify-content: flex-start; } + .team-s4 { padding: 30px 15px; } + .team-s2 .team-photo { margin-left: 0; } + .team-s2 .team-name { padding-top: 25px; } + .team-featured-info { padding: 25px 30px; } + .team-popup { padding: 40px; } + .team-list { margin-bottom: -50px; } } + +@media (min-width: 768px) { .team-even { margin-top: 60px; } + .team-s4 { margin-bottom: 50px; } } + +@media (min-width: 992px) { .team-featured-cont { padding-left: 20px; } + .team-featured-title { padding: 8px 0 15px; } + .team-name { padding-top: 34px; margin-bottom: 8px !important; } + .team-s2 .team-name, .team-s3-alt .team-name { padding-top: 20px; } + .team-s5 .team-name { padding-top: 24px; } + .team-position { font-size: 0.88rem; } + .team-position-sm { font-size: 13px; } + .team-social { bottom: -20px; right: 20px; margin: 0 -5px; } + .team-social li { padding: 0 4px; } + .team-social li a { font-size: 16px; line-height: 40px; height: 40px; width: 40px; } + .team-social-s2 { margin: 0 -8px; } + .team-social-s2 li { padding: 0 8px; } + .team-social-s2 li a { font-size: 14px; height: auto; width: auto; } + .team-popup { margin: 10px auto; width: 950px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .team-s5 .team-social { right: 9px; } } + +@media (min-width: 1600px) { .team-photo-s2 { max-width: 100%; } } + +/** 04.11 Partners */ +.partner-list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: -15px; } + +.partner-list-left { justify-content: left; } + +.partner-list-lg { margin-bottom: -20px; } + +.partner-logo { padding: 15px 10px; } + +[class*="col-"] > .partner-logo { padding: 0; } + +.partner-logo img { max-height: 30px; max-width: 100%; width: auto !important; margin-left: auto; margin-right: 0; } + +.has-carousel .partner-logo img { margin-right: auto; } + +.partner-list-lg .partner-logo { padding: 20px 25px; } + +.partner-list-lg .partner-logo img { max-height: 50px; } + +.partner-logo-s2, .partner-logo-s3 { width: 50%; max-width: 50%; text-align: center; padding: 0 10px; } + +.partner-logo-s2 img, .partner-logo-s3 img { max-height: 50px; } + +.partner-list-left .partner-logo-s2, .partner-list-left .partner-logo-s3 { text-align: left; } + +.partner-logo-s3 img { max-height: 60px; } + +.partner-logo-lg { width: 50%; margin-bottom: 30px; } + +.partner-box { padding: 15px 0px; margin-bottom: 30px; } + +@media (min-width: 576px) { .partner-logo-s2, .partner-logo-s3 { margin-bottom: 30px; max-width: 16.6%; width: 16.6%; } + .partner-logo-lg { width: 33%; } + .partner-box { padding: 15px 66px; box-shadow: 0px 5px 25px rgba(93, 70, 232, 0.1); } } + +@media (min-width: 992px) { .partner-box .partner-list { justify-content: space-between; } + .partner-list-lg { margin-bottom: -20px; } + .partner-list-lg .partner-logo { padding: 20px 25px; } + .partner-list-lg .partner-logo img { max-height: 50px; } + [class*="col-"] > .partner-logo { padding: 15px 0; } } + +/** 04.12 Contact */ +.contact-wrap { padding: 20px; } + +.contact-list { margin-top: -7.5px; margin-bottom: -7.5px; position: relative; z-index: 2; } + +.contact-list li { display: flex; padding-top: 7.5px; padding-bottom: 7.5px; font-size: 0.94rem; } + +.contact-list-s1 { display: flex; justify-content: center; } + +.contact-list-s1 li { width: 100%; flex-wrap: wrap; justify-content: center; } + +.contact-icon { height: 38px; width: 38px; font-size: 16px; line-height: 38px; text-align: center; color: #fff; background: #ff9259; box-shadow: 0px 2px 15px 0px rgba(255, 146, 89, 0.5); border-radius: 50%; margin-right: 15px; flex-shrink: 0; } + +.tc-light .contact-icon { color: #4936b5; background: #fff; box-shadow: none; } + +.bg-secondary .contact-icon { color: #ff9259; } + +.contact-list-s1 .contact-icon { margin-right: 0; color: #fff; box-shadow: 0px 2px 15px 0px rgba(73, 54, 181, 0.5); background: linear-gradient(-45deg, #4936b5 0%, #5d46e8 100%); } + +.tc-light .contact-list-s1 .contact-icon { color: #4936b5; background: #fff; } + +.contact-icon-s2 { color: #ff9259; background: transparent; box-shadow: inset 0 0 0 2px #ff9259; } + +.tc-light .contact-icon-s2 { color: #fff; background-color: transparent; box-shadow: inset 0 0 0 2px #fff; } + +.contact-icon-s3 { position: relative; color: #5d46e8; background: linear-gradient(to right, #5d46e8 0%, #ff9259 100%); box-shadow: none; } + +.tc-light .contact-icon-s3 { color: #fff; background: linear-gradient(to right, #5d46e8 0%, #ff9259 100%); } + +.contact-icon-s3:after { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .contact-icon-s3:after { background: #f8f8ff; } + +.bg-light-alt .contact-icon-s3:after { background: #f3f2fe; } + +.bg-theme .contact-icon-s3:after { background: #4936b5; } + +.bg-theme-alt .contact-icon-s3:after { background: #5d46e8; } + +.bg-theme-dark .contact-icon-s3:after { background: #2a1f69; } + +.bg-theme-dark-alt .contact-icon-s3:after { background: #3a2b8b; } + +.bg-theme-accent .contact-icon-s3:after { background: #5d46e8; } + +.bg-theme-accent-alt .contact-icon-s3:after { background: #ff9259; } + +.contact-icon-s3:before { position: relative; z-index: 1; } + +.contact-text { padding-top: 7px; } + +.contact-list-s1 .contact-text { width: 100%; } + +.contact-social { margin-top: auto; padding-top: 20px; } + +.contact-social h6 { margin-bottom: 1rem; } + +.subscribe-wrap { padding: 20px; } + +@media (min-width: 576px) { .contact-wrap { padding: 50px; } + .subscribe-wrap { padding: 65px; } } + +@media (min-width: 768px) { .contact-list-s1 li { width: 33.33%; flex-wrap: wrap; } + .contact-list-s1 .contact-text { width: auto; } + .contact-list-s1 .contact-icon { margin-right: 15px; } } + +@media (max-width: 480px) { .contact-list-s2 { flex-wrap: wrap; } } + +@media (max-width: 767px) { .contact-list-s2 li { flex-wrap: wrap; text-align: center; } + .contact-list-s2 li .contact-icon { margin-right: 0; } + .contact-list-s2 li .contact-text { width: 100%; } } + +@media (max-width: 991px) { .contact-list-s2 { display: flex; justify-content: center; } + .contact-list-s2 li { width: 100%; justify-content: center; } } + +@media (min-width: 992px) and (max-width: 1199px) { .contact-wrap, .subscribe-wrap { padding: 35px; } } + +.social-links { display: flex; margin: -3px; } + +.social-links li { padding: 3px; } + +.social-links li a { display: inline-block; border-radius: 50%; border: 1px solid #fff; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #696993; } + +.social-links li a:hover { color: #5d46e8; background: #fff; } + +.tc-light .social-links li a { color: #fff; } + +.tc-light .social-links li a:hover { color: #5d46e8; } + +.bg-secondary .social-links li a:hover { color: #ff9259 !important; } + +.social-links-s2 li a { border: none; } + +.social-links-s2 li a:hover { background-color: #fff; color: #5d46e8 !important; } + +.tc-light .social-links-s2 li a:hover { color: #5d46e8 !important; } + +@media (min-width: 992px) { .section-contact .ovm-h-60 { height: 50%; } } + +/** 04.13 WGS */ +.wgs { margin-bottom: 30px; } + +.wgs-title { text-transform: uppercase; color: #38385f; font-size: 1rem; font-weight: 600; letter-spacing: 0.075em; } + +.wgs-title-s2, .wgs-title-s3 { font-size: 1.125rem; letter-spacing: normal; } + +.wgs-title-s2 { margin-bottom: 18px; font-weight: 600; } + +.wgs-title-s3 { font-weight: 700; margin-bottom: 22px; padding-top: 10px; } + +.tc-light .wgs-title { color: #ff9259; } + +.wgs-logo { padding-bottom: 22px; display: inline-block; } + +.wgs-body p { font-size: 0.93em; line-height: 1.71; margin-bottom: 0.75rem; } + +.wgs-body p:last-child { margin-bottom: 0; } + +.wgs-list li { font-size: .9em; padding-bottom: 14px; letter-spacing: 0.01em; } + +.wgs-list li:last-child { padding-bottom: 0; } + +.wgs-links li { position: relative; padding: 5px 0; line-height: 1; } + +.wgs-links li:last-child { padding-bottom: 0px; } + +.wgs-links li a { font-size: 0.9em; line-height: 20px; display: block; color: #38385f; } + +.wgs-links li a:hover { color: #5d46e8; } + +.tc-light .wgs-links li a { color: #fff !important; } + +.tc-light .wgs-links li a:hover { color: #fff !important; } + +.wgs-links-s2 li { padding: 7px 0; } + +.wgs-links-s2 li a { font-size: 1em; } + +.wgs-links-s3 li { padding: 9px 0; } + +.wgs-links-s4 li { padding: 7px 0; } + +.wgs-links-s5 li { margin-bottom: 17px; } + +.wgs-links-s5 li:first-child { margin-top: -5px; } + +.wgs-links-s5 li a { font-size: 1rem; font-weight: 400; } + +.wgs-links-uline li a { display: inline-block; } + +.wgs-links-uline li a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.wgs-links-category li { padding-left: 20px; } + +.wgs-links-category li a { padding: 10px 0; } + +.wgs-links-category li:before { position: absolute; left: 0; top: 50%; margin-top: -1px; height: 2px; width: 8px; content: ''; background: #5d46e8; } + +.wgs-links-tags { padding: 12px 0; margin: -7px -5px; } + +.wgs-links-tags li { display: inline-block; padding: 7px 5px; } + +.wgs-links-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; } + +.wgs-links-tags li a:hover { color: #fff; border-color: #5d46e8; background: #5d46e8; } + +.wgs-links-3clumn li { width: 32%; display: inline-block; } + +.wgs-archive .wgs-body { padding: 12px 0; } + +.wgs-cta .wgs-body { padding: 30px 30px 35px; } + +.wgs-address { font-size: .9rem; line-height: 2; } + +.wgs-address li:not(:last-child) { margin-bottom: 10px; } + +.wgs-regular { font-weight: 400; } + +@media (min-width: 992px) { .wgs-subscribe-form-s1 { margin-left: -50px; padding-right: 50px; } } + +.copyright-text { color: #696993; } + +.tc-light .copyright-text { color: #fff; } + +.copyright-text p { color: inherit; } + +.copyright-text a { color: #696993; } + +.copyright-text a:hover { color: #5d46e8; } + +.tc-light .copyright-text a { color: #fff; } + +.tc-light .copyright-text a:hover { color: #5d46e8; } + +.copyright-text-s1 { font-size: 14px; } + +.copyright-text-s1 p { font-size: inherit; } + +.copyright-text-s2 { text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; } + +.copyright-text-s3 { font-size: 13px; color: #38385f; } + +.tc-light .copyright-text-s3 { color: #fff; } + +.copyright-text-s3 p { font-size: 13px; color: inherit; } + +.copyright-text-s3 p a { color: inherit !important; } + +.copyright-text-s3 p a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.copyright-text-s3 a { font-weight: 500; } + +.copyright-text-s3 span { color: #696993; padding-bottom: 3px; } + +.tc-light .copyright-text-s3 span { color: #fff; } + +.copyright-text-s4 p { font-size: 0.9rem !important; } + +.copyright-text li a, .copyright-text p { font-size: 13px; color: #fff; } + +.copyright-text li { width: 100%; } + +.footer-nav { margin: 0 -15px; } + +.footer-nav li { display: inline-block; padding: 0 15px; } + +.footer-nav li a { color: #696993; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; } + +.footer-nav li a:hover { color: #5d46e8 !important; } + +.tc-light .footer-nav li a { color: #fff !important; } + +.tc-light .footer-nav li a:hover { color: #5d46e8 !important; } + +@media (min-width: 576px) { .copyright-text-s2 { font-size: 12px; } + .copyright-text li { width: auto; } } + +.wgs-nl-title { margin-bottom: 32px; } + +/** 04.14 Others */ +.rank-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.rank-item { background-image: url(../images/hexagon.png); height: 88px; width: 94px; padding: 16px 20px 0; } + +.rank-item img { max-height: 16px; } + +.rank-count { font-size: 1rem; color: #5d46e8; font-weight: 700; padding-top: 4px; line-height: 1.3; } + +.rank-count span { font-size: .7rem; color: #fff; } + +@media (min-width: 400px) { .rank-item { height: 104px; width: 108px; padding-top: 24px; } } + +@media (min-width: 768px) { .rank-item { height: 136px; width: 146px; padding: 32px 30px 0; } + .rank-item img { max-height: 24px; } + .rank-count { padding-top: 10px; font-size: 1.4rem; } + .rank-count span { font-size: .9rem; } } + +@media (min-width: 992px) { .rank-item { height: 160px; width: 164px; padding-top: 38px; } } + +.rating-info { font-size: 2.23em; line-height: 1; padding: 16px 0; font-weight: 700; background: #f3f2fe; border-radius: 6px 6px 0 0; color: #696993; } + +.rating-info span { font-size: .5em; font-weight: 400; color: #fff; margin-left: 6px; } + +.tc-light .rating-info span { color: #f3f2fe; } + +.rating-info span:before { content: '/'; } + +.tc-light .rating-info { color: #fff; background: #8d7cef; } + +.rating-title { background: #5d46e8; color: #fff; padding: 5px 0; font-size: .93em; line-height: 20px; border-radius: 0 0 6px 6px; } + +.tc-light .rating-title { background: #2a1f69; } + +.bonus { border-radius: 0 0 8px 8px; border: 1px solid rgba(93, 70, 232, 0.2); border-top: none; display: flex; } + +.bonus-info { position: relative; width: 50%; padding: 12px 16px 16px; } + +.bonus-info:not(:last-child) { border-right: 1px solid rgba(93, 70, 232, 0.2); } + +.bonus-percent { font-size: 20px; } + +.bonus-percent small { font-size: 14px; } + +.bonus-date { font-size: 12px; color: #fff; } + +.bonus-badge { position: absolute; top: 5px; right: 5px; text-transform: uppercase; border-radius: 11px; line-height: 15px; font-size: 8px; font-weight: 500; padding: 0 8px; color: #fff; background: #ff9259; } + +@media (min-width: 420px) { .bonus-info { padding: 12px 30px 16px; } + .bonus-percent { font-size: 28px; } + .bonus-percent small { font-size: 14px; } + .bonus-date { font-size: 12px; color: #fff; } + .bonus-badge { top: 50%; right: 0; transform: translateY(-50%) rotate(-90deg); line-height: 22px; font-size: 11px; padding: 0 10px; } } + +.chart-data li { display: flex; font-size: 1rem; line-height: 1.4; font-weight: 400; padding: 7px 0; } + +.chart-data li span { display: block; } + +.chart-data-s1 { display: flex; flex-wrap: wrap; } + +.chart-data-s1 li { display: flex; align-items: center; width: auto; transition-delay: .8s; width: 100%; } + +.chart-data-s1 .chart-p { min-width: 55px; height: 55px; line-height: 50px; padding: 0; color: #fff; transform: rotate(45deg); border-radius: 10px; margin: 30px; order: -1; font-size: 16px; font-weight: 600; line-height: 55px; } + +.chart-data-s1 .chart-p span { transform: rotate(-45deg); display: block; } + +.chart-data-s1 .chart-l { text-align: left; } + +.chart-data-s2 { display: flex; flex-wrap: wrap; margin: -10px; } + +.chart-data-s2 li { padding: 10px; } + +.chart-data-item { position: relative; padding: 15px 25px; } + +.chart-data-item:before, .chart-data-item:after { position: absolute; content: ''; top: 0; height: 100%; width: 45px; border: 2px solid #dbe4f7; transition: all .4s; } + +.tc-light .chart-data-item:before, .tc-light .chart-data-item:after { border-color: rgba(219, 228, 247, 0.5); } + +.active > .chart-data-item:before, .active > .chart-data-item:after { border-color: #5d46e8; } + +.chart-data-item:before { left: 0; border-radius: 6px 0 0 6px; border-right: none; } + +.chart-data-item:after { right: 0; border-radius: 0 6px 6px 0; border-left: none; } + +.chart-label { font-size: 14px; font-weight: 700; color: #38385f; transition: all .4s; } + +.tc-light .chart-label { color: #fff; } + +.active > div > .chart-label { color: #5d46e8; } + +.chart-info { display: block; } + +.chart-percent { font-size: 22px; font-weight: 400; color: #38385f; } + +.tc-light .chart-percent { color: #fff; } + +.chart-sublabel { font-size: 13px; color: #696993; margin-left: 8px; } + +.tc-light .chart-sublabel { color: #fff; } + +.chart-p { margin-left: auto; font-size: 1.125rem; font-weight: 500; color: #5d46e8; } + +.chart-c { position: relative; top: 3px; height: 14px; width: 14px; border-radius: 3px; margin-right: 12px; flex-shrink: 0; display: block; } + +.chart-canvas { min-height: 300px; max-width: 100%; margin-left: auto; margin-right: auto; } + +.chart-canvas-s1 { min-height: 215px; } + +@media (min-width: 480px) { .chart-data-s1 li { width: 50%; } } + +@media (min-width: 576px) { .chart-label, .chart-percent { font-size: 18px; } + .chart-c { top: 6px; } + .chart-canvas { min-height: 360px; } + .chart-canvas-s1 { min-height: 215px; } } + +@media (min-width: 768px) { .chart-data-s1 li { width: 33.33%; } } + +@media (min-width: 992px) { .chart-data-s1 li { position: absolute; width: auto; transition: all .4s; opacity: 0; } + .chart-data-s1 li:nth-child(1) { top: -60px; left: 50%; transform: translateX(-50%) translateY(-30px) !important; flex-wrap: wrap; transition-delay: .6s; } + .chart-data-s1 li:nth-child(1) .chart-l { order: -1 !important; width: 100%; } + .chart-data-s1 li:nth-child(1) .chart-p { margin: 20px auto; transform: rotate(0); } + .chart-data-s1 li:nth-child(1) .chart-p span { transform: rotate(0); } + .animate.show .chart-data-s1 li:nth-child(1) { transform: translateX(-50%) translateY(0) !important; } + .chart-data-s1 li:nth-child(odd) { left: 50%; transform: translateX(30px) translateY(0); } + .chart-data-s1 li:nth-child(odd) .chart-l { order: 1; } + .chart-data-s1 li:nth-child(even) { right: 50%; transform: translateX(-30px) translateY(0); } + .chart-data-s1 li:nth-child(even) .chart-l { order: -1; text-align: right; } + .chart-data-s1 li:nth-child(even) .chart-p { left: auto; right: 29px; top: 33px; } + .chart-data-s1 li:nth-child(2) { top: 65px; margin-right: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(3) { top: 65px; margin-left: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(4) { top: 173px; margin-right: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(5) { top: 173px; margin-left: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(6) { top: 281px; margin-right: 278px; transition-delay: 1.2s; } + .chart-data-s1 li:nth-child(7) { top: 281px; margin-left: 278px; transition-delay: 1.2s; } + .animate.show .chart-data-s1 li { opacity: 1; transform: translateX(0) translateY(0); } + .chart-data-s1 .chart-p { order: 0; } + .chart-data-s1 .chart-l { text-align: center; font-weight: 400; } + .chart-canvas { min-height: 300px; } + .chart-canvas-s1 { min-height: 215px; } } + +.ath-container { width: 440px; max-width: 100%; margin: 30px auto; } + +.ath-header { padding: 0 0 30px; } + +.ath-heading { text-align: center; font-weight: 300; } + +.ath-heading small { display: block; padding-bottom: 10px; } + +.ath-body { background: #fff; border-radius: 6px; padding: 18px 25px 25px; } + +.ath-note { padding: 25px 0 0; } + +@media (min-width: 576px) { .ath-body { padding: 32px 40px 40px; } } + +.sap-text { position: relative; text-align: center; padding: 20px 0; } + +.sap-text:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; content: ''; background: #dbe4f7; z-index: 3; } + +.sap-text span { position: relative; background: #fff; display: inline-block; padding: 0 15px; z-index: 5; font-size: .9rem; text-transform: uppercase; } + +.bg-theme > .sap-text span { background: #4936b5; } + +.bg-theme-alt > .sap-text span { background: #5d46e8; } + +.blog { background: #fff; border-radius: 6px; box-shadow: 0 5px 45px 0 rgba(93, 70, 232, 0.08); margin-bottom: 30px; } + +.tc-light .blog { background: #5d46e8; } + +.blog-photo { padding: 30px 30px 0; } + +.blog-photo > img { border-radius: 6px 6px 0 0; } + +.blog-s2 .blog-photo { padding: 0; } + +.blog-text { padding: 25px 30px 30px; } + +.blog-text p { font-size: 0.88rem; } + +.blog-s2 .blog-title { margin-bottom: 8px; } + +.blog-content-inline { padding: 18px 30px 14px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } + +.blog-content .blog-text { padding: 9px 0; } + +.blog-meta { margin-bottom: .25rem; margin: 0 -7px 4px; } + +.blog-meta li { position: relative; display: inline-block; font-size: .88rem; padding: 0 7px; } + +.blog-meta li:not(:last-child):after { content: '|'; position: absolute; right: -3px; top: -1px; color: #696993; } + +.tc-light .blog-meta li:not(:last-child):after { color: #fff; } + +.blog-meta li a { color: #a4a4be; } + +.blog-meta li a:hover { color: #5d46e8; } + +.blog-tags { padding: 12px 0; margin: -7px -5px; } + +.blog-tags li { display: inline-block; padding: 7px 5px; } + +.blog-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; color: #38385f; font-size: .88rem; } + +.blog-tags li a:hover { color: #fff; border-color: #5d46e8; background: #5d46e8; } + +.blog-featured { margin-bottom: 30px; } + +.blog-comment { padding-top: 25px; } + +.blog-action { padding: 9px 0; } + +.comment-wrap { background: #f8f8ff; border-radius: 6px; overflow: hidden; margin-bottom: 30px; } + +.comment-item { padding: 20px; } + +.comment-item:not(:last-child) { border-bottom: 1px solid #fff; } + +.comment-item + .comment-item { padding-left: 40px; } + +.comment-item + .comment-item + .comment-item { padding-left: 60px; } + +.comment-photo { width: 50px; flex-shrink: 0; margin-bottom: 10px; margin-right: 20px; } + +.comment-content { padding-top: 6px; } + +.comment-info .title { margin-bottom: 0; } + +.comment-time { font-size: .75rem; } + +.comment-text { margin-top: 8px; } + +.comment-text p { font-size: .88rem; } + +@media (min-width: 576px) { .comment-wrap { margin-bottom: 30px; } + .comment-item { display: flex; padding: 30px; } + .comment-item + .comment-item { padding-left: 60px; } + .comment-item + .comment-item + .comment-item { padding-left: 90px; } + .comment-photo { margin-bottom: 0; } } + +.pagination { margin-left: auto; margin-right: auto; display: inline-flex; justify-content: center; box-shadow: 0 5px 45px 0 rgba(93, 70, 232, 0.08); } + +.pagination li a { display: inline-block; height: 50px; min-width: 56px; text-align: center; line-height: 20px; padding: 15px 5px; background: #fff; color: rgba(105, 105, 147, 0.7); } + +.pagination li a .icon { line-height: 20px; padding: 0 5px; } + +.pagination li a.active, .pagination li a:hover { background: #5d46e8; color: #fff; } + +.pagination li a.active .icon, .pagination li a:hover .icon { color: #fff; } + +.pagination li:first-child a { border-radius: 6px 0 0 6px; } + +.pagination li:last-child a { border-radius: 0 6px 6px 0; } + +.download-option { text-align: center; position: relative; padding: 10px; margin: 15px 0; } + +.download-option .icon { display: block; padding-bottom: 35px; font-size: 44px; color: #696993; } + +@media (min-width: 992px) { .download-option:not(:last-child):after { position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 1px; background: rgba(162, 179, 205, 0.3); } } + +.doc { text-align: center; position: relative; } + +.doc:hover { z-index: 9; } + +.doc-s2 { display: flex; margin-left: 20px; margin-bottom: 20px; border-radius: 6px; text-align: left; } + +.doc-photo { max-width: 125px; margin-left: auto; margin-right: auto; transition: all .2s linear; } + +.doc-photo img { border-radius: 4px; } + +.doc:hover .doc-photo { transform: translateY(-10px); } + +.doc:hover .doc-photo.no-hover { transform: translateY(0); } + +.doc-s2 .doc-photo { max-width: 100px; margin-top: 20px; margin-left: -20px; margin-bottom: -20px; margin-right: 15px; } + +.doc-shape { padding-top: 60px; position: relative; } + +.doc-shape:before { position: absolute; top: 0; left: 50%; margin-left: -5px; transform: translateX(-50%); transform-origin: 50% 50%; content: ''; background: url(../images/polygon-a-dark.png) 50% 0/contain no-repeat; width: 215px; height: 205px; z-index: -1; transition: all .2s linear; } + +.tc-light .doc-shape:before { background-image: url(../images/polygon-a-light.png); } + +.doc-shape-a:before { transform: translateX(-50%) rotate(0deg); } + +.doc:hover .doc-shape-a:before { transform: translateX(-50%) translateY(10px) rotate(0deg) scale(1.1); } + +.doc-shape-b:before { transform: translateX(-50%) rotate(90deg); } + +.doc:hover .doc-shape-b:before { transform: translateX(-50%) translateY(10px) rotate(90deg) scale(1.1); } + +.doc-shape-c:before { transform: translateX(-50%) rotate(-90deg); } + +.doc:hover .doc-shape-c:before { transform: translateX(-50%) translateY(10px) rotate(-90deg) scale(1.1); } + +.doc-shape-d:before { transform: translateX(-50%) rotate(135deg); } + +.doc:hover .doc-shape-d:before { transform: translateX(-50%) translateY(10px) rotate(135deg) scale(1.1); } + +.doc-title { margin-top: 15px; padding-bottom: 8px; } + +.doc-title small { display: block; } + +.tc-light .doc-title small { color: #fff; } + +.doc-s2 .doc-title { margin-top: 25px; font-weight: 600; } + +.doc-download { font-size: 18px; line-height: 19px; padding: 8px 15px; min-width: 60px; border-radius: 4px; color: #fff; background: #5d46e8; display: inline-block; } + +.doc-download:hover { color: #fff !important; background: #ff9259; } + +.doc-lang { text-transform: uppercase; font-size: 11px; margin-top: 5px; } + +.tc-light a.doc-download { color: #fff !important; } + +.tc-light a.doc-download:hover { color: #5d46e8 !important; background: #fff; } + +@media (min-width: 1200px) { .doc-shape:before { width: 255px; height: 245px; } + .doc-photo { max-width: 175px; } } + +.particles-container { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 0 !important; } + +.particles-container.is-fixed { position: fixed !important; z-index: -1 !important; } + +.product-box { position: relative; display: block; background: #4936b5; border-radius: 4px; padding: 25px 35px 0; max-width: 360px; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 6; } + +.tc-light .product-box { background: #fff; } + +.product-box:hover { transform: translateY(-8px); } + +.product-name { color: #fff; font-weight: 500; text-align: center; padding-bottom: 5px; margin-bottom: 18px; } + +.tc-light .product-name { color: #ff9259; } + +.product-image { border: 2px solid #5d46e8; border-bottom: 0; border-radius: 4px 4px 0 0; } + +.tc-light .product-image { border-color: #ff9259; } + +.qr-code { background: #fff; border-radius: 4px; width: 40px; height: 40px; text-align: center; box-shadow: 0px 5px 15px rgba(93, 70, 232, 0.14); padding: 0px !important; cursor: pointer; position: relative; margin: 0px 10px; display: none; line-height: 38.5px; } + +.qr-code > img { width: 22px; } + +@media (min-width: 576px) { .qr-code { display: block; } + .qr-code:hover .qr-list { opacity: 1; visibility: visible; } + .qr-list { position: absolute; width: 264px; display: flex; background: #fff; padding: 18px; justify-content: space-between; bottom: calc(100% + 15px); right: 0; box-shadow: 0px 5px 30px rgba(93, 70, 232, 0.3); border-radius: 5px; opacity: 0; transition: 0.3s; visibility: hidden; } + .has-rtl .qr-list { right: auto; left: 0; } + .qr-list:after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 2px; height: 30px; background: #46bdf4; } + .qr-list:before { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; right: 10px; z-index: 1; bottom: -13px; } + .has-rtl .qr-list:before { right: auto; left: 10px; } + .qr-list img { padding: 0 6px; } } + +.bg-dark-opacity.card { height: auto; } + +.testimonial { display: block; box-shadow: 0px 5px 40px rgba(93, 70, 232, 0.08); } + +.tesm-image { min-width: 210px; max-width: 210px; margin: 0 auto; box-shadow: 0px 5px 10px rgba(93, 70, 232, 0.08); } + +.tesm-image img { border-radius: 5px; } + +.tesm-content { padding-left: 0; padding-right: 0; text-align: center; padding-top: 30px; position: relative; } + +.tesm-content:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10e"; font-size: 46px; color: rgba(93, 70, 232, 0.07); position: absolute; bottom: 0; right: 0; line-height: normal; } + +.has-rtl .tesm-content:after { right: auto; left: 0; transform: rotateY(-180deg); } + +.tesm-content .title-sm { font-size: 1.1rem; font-weight: 500; color: #696993; opacity: 0.6; line-height: 30px; } + +.tesm-content span { display: block; font-size: 0.9rem; font-style: italic; font-weight: 300; line-height: normal; } + +.testimonial-carousel .owl-nav { top: 50%; opacity: 1; position: absolute; transform: translateY(-50%); padding-top: 0; margin: 0; width: calc(100% + 60px); left: -30px; } + +.testimonial-carousel .owl-nav button { border-width: 0 !important; margin: 0; color: #696993; opacity: 0.5; transition: 0.3s; } + +.has-rtl .testimonial-carousel .owl-nav button:after { transform: rotateY(-180deg); } + +.testimonial-carousel .owl-nav button:hover { opacity: 1; } + +.testimonial-carousel .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.testimonial-carousel .owl-prev:after { content: '\f060'; } + +.testimonial-carousel .owl-next { position: absolute; right: 0; } + +.has-rtl .testimonial-carousel .owl-next { right: auto; left: 0; } + +.testimonial-carousel .owl-next:after { content: '\f061'; } + +@media (min-width: 576px) { .testimonial { display: flex; flex-direction: row; align-items: center; } + .tesm-content { padding-left: 40px; padding-right: 15px; text-align: left; padding-top: 0; } + .has-rtl .tesm-content { text-align: right; padding-left: 15px; padding-right: 40px; } + .tesm-image { margin: -45px 0; } + .testimonial-carousel .owl-stage-outer { padding: 30px 0; } } + +@media (min-width: 768px) { .testimonial-carousel .owl-nav { width: calc(100% + 80px); left: -40px; } } + +@media (min-width: 992px) { .mlm-30 { margin-left: -30px; } + .testimonial-carousel .owl-nav { width: calc(100% + 160px); left: -80px; } } + +/** 04.14 Others */ +.payment-holder { position: relative; } + +.payment-holder-list { max-width: 1200px; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between; } + +.payment-holder-thumb { width: 58px; height: 58px; box-shadow: 0px 0px 0px 3px #46bdf4; position: relative; border-radius: 50%; margin-bottom: 20px; } + +.payment-holder-thumb-s2 { box-shadow: none; border-radius: 0; height: auto; width: auto; } + +.payment-holder-thumb img { width: 100%; border-radius: 50%; } + +.payment-holder-info p { font-size: 11px; font-weight: 500; } + +.payment-holder-single { display: flex; margin-bottom: 30px; align-items: center; width: 100%; align-items: center; flex-wrap: wrap; flex-direction: column-reverse; } + +.payment-info-card { padding: 14px 20px; background: #fff; box-shadow: 0px 5px 20px rgba(70, 189, 244, 0.25); border-radius: 4px; width: 100%; text-align: center; } + +.title-pcard { font-size: 1rem; margin-bottom: 0 !important; font-weight: 400; } + +@media (min-width: 576px) { .payment-holder-single { width: 48%; } } + +@media (min-width: 992px) { .payment-holder-info { margin-bottom: 14px; position: relative; } + .payment-holder-info:after { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; top: 99%; z-index: 1; } + .payment-holder-thumb { border-radius: 50%; } + .payment-holder-thumb img { border-radius: 50%; } + .payment-holder-single { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; flex-direction: column; } + .payment-holder-single:nth-child(1) { margin-left: -23%; margin-top: -10%; } + .payment-holder-single:nth-child(2) { margin-left: -14%; margin-top: 3%; } + .payment-holder-single:nth-child(3) { margin-left: 10%; margin-top: 0; } + .payment-holder-single:nth-child(4) { margin-left: 31%; margin-top: -9%; } + .payment-holder-thumb:after, .payment-holder-thumb:before { position: absolute; content: ""; left: 50%; transform: translateX(-50%); } + .payment-holder-thumb:after { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 40px solid #fff; bottom: -30px; z-index: -1; filter: drop-shadow(0px 6px 0px #46bdf4); } + .payment-holder-thumb:before { width: 30px; height: 15px; border-radius: 50%; background: rgba(70, 189, 244, 0.4); bottom: -41px; z-index: -1; } + .payment-holder-thumb-s2 { border-radius: 0px; } + .payment-holder-thumb-s2:before, .payment-holder-thumb-s2:after { display: none; } + .payment-holder-thumb-s2 img { border-radius: 0; } + .payment-info-card { width: auto; text-align: left; } + .has-rtl .payment-info-card { text-align: right; } } + +/** 04.14 datatable */ +.table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } + +.dataTables_filter label { width: 100%; height: 50px; border: 2px solid #d1e0f6; background: transparent; border-radius: 5px; padding: 13px 20px 10px; display: flex; align-items: center; margin-bottom: 30px; } + +.dataTables_filter input { border: none; width: 97% !important; } + +.dataTables_filter input:focus { outline: none; } + +.dataTable { width: 100%; } + +.data-table-area { position: relative; } + +.data-item { box-shadow: 0px 3px 15px rgba(58, 43, 139, 0.06); background: #fff; } + +.data-col { padding: 10px 20px; font-size: 14px; font-weight: 400; color: #fff; } + +.data-col-three { border-left: 1px solid; border-bottom: 1px solid; border-right: 1px solid; } + +.data-col-four { border-bottom: 1px solid; } + +.data-col-five { border-left: 1px solid; } + +.data-col-six { border-right: 1px solid; } + +.data-col:before, .data-col:after { display: none !important; } + +.data-col-inner { padding: 20px; } + +.data-item:not(:last-child) .data-col-inner { border-bottom: 5px solid #f3f2fe; } + +.data-col-inner.alphabetical { min-width: 186px; } + +.dt-short { position: absolute; right: 0; top: 0; z-index: 9; } + +.dt-short label { width: 86px; margin-bottom: 0; } + +.has-rtl .dt-short { right: auto; left: 0; } + +@media (max-width: 409px) { .dt-short { position: static !important; margin-bottom: 20px; } + .dataTables_filter label { margin-bottom: 0; } } + +/** 05. Layouts */ +/** 05.01 Header */ +.header-main { padding: 12px 0; transition: all .4s; } + +.is-transparent .header-main, .has-fixed .header-main { width: 100%; z-index: 49; } + +.is-transparent .header-main { position: absolute !important; } + +.has-fixed .header-main { position: fixed !important; box-shadow: 0 0 20px 0 rgba(56, 56, 95, 0.08); } + +.has-fixed:not(.is-dark) .header-main { background: #fff; } + +.has-fixed.is-dark .header-main { background: #1f174d; } + +.has-fixed.is-shrink .header-main { padding: 8px 0; } + +.header-container:not(.container) { width: 100%; padding: 0 15px; } + +.header-wrap { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } + +.header-logo { margin: 6px 0; flex-shrink: 0; } + +.header-logo-ls { display: flex; align-items: center; } + +.header-navbar { position: fixed; left: -280px; top: 0; width: 260px; height: 100vh; } + +.header-navbar.menu-mobile { transition: all 0.4s; } + +.header-navbar::before, .header-navbar-overlay { position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.header-navbar::before { background: #fff; left: 50%; transform: translateX(-50%); transition: all .4s; } + +.is-dark .header-navbar::before { background: #715deb; } + +.header-navbar-overlay { background: rgba(42, 31, 105, 0.7); left: 100%; width: 0; z-index: -1; opacity: 0; visibility: hidden; transition: opacity .3s; transition-delay: .2s; } + +.header-navbar.menu-shown { left: 0 !important; z-index: 10; } + +.header-navbar.menu-shown .header-navbar-overlay { width: 100vw; opacity: 1; visibility: visible; } + +.header-navbar-classic { position: absolute; top: 99%; right: 0; left: 0; width: 100%; height: auto; background: transparent; margin-top: 12px; z-index: auto; flex-grow: 1; transition: all 0.4s; padding: 0 20px; } + +.has-fixed .header-navbar-classic { margin-top: -6px; padding: 0; } + +.header-navbar-classic:before { border-radius: 4px; } + +.has-fixed .header-navbar-classic:before { width: 100vw; border-radius: 0; } + +.header-navbar-s1 { flex-grow: 1; } + +.header-menu { justify-content: flex-end; padding: 30px 25px; } + +.header-navbar-classic .header-menu { padding: 0; } + +.header-banner { min-height: 72px; } + +.overlay-menu-shown { overflow: hidden; } + +.overlay-menu-shown .has-fixed > .header-main { z-index: 6; } + +@media (min-width: 375px) { .header-navbar:not(.header-navbar-classic) { left: -310px; width: 290px; } } + +@media (min-width: 576px) { .header-navbar:not(.header-navbar-classic) { left: -360px; width: 340px; } } + +.logo-dark, .is-transparent:not(.has-fixed) .logo-light, .is-dark .logo-light { display: block; } + +.logo-light, .is-transparent:not(.has-fixed) .logo-dark, .is-dark .logo-dark { display: none; } + +.logo img { height: 36px; transition: all .4s; } + +.logo-md img { height: 44px; } + +.logo-lg img { height: 52px; } + +@media (min-width: 992px) { .header-navbar:not(.header-navbar-classic) { height: auto; width: auto; left: 0; } + .header-main { padding: 20px 0; } + .header-nav-toggle { display: none; } + .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 25px; } + .header-banner { min-height: 98px; } + .logo img { height: 40px; } + .logo-md img { height: 50px; } + .logo-lg img { height: 60px; } } + +@media (min-width: 1200px) { .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 35px; } } + +.header-menu { max-height: 100vh; overflow: hidden; overflow-y: auto; height: 100%; } + +.header-navbar-classic .header-menu { display: none; max-height: 65vh; } + +.header-navbar-classic .header-menu.menu-shown { display: block; } + +.header-nav-toggle { height: 44px; } + +.language-switcher .toggle-tigger, .header-menu .btn-outline:not(:hover) { color: #696993; } + +.is-light .language-switcher .toggle-tigger, .language-switcher .toggle-tigger .is-transparent:not(.is-dark), .is-light .header-menu .btn-outline:not(:hover), .header-menu .btn-outline:not(:hover) .is-transparent:not(.is-dark) { color: #696993; } + +.tc-light .language-switcher .toggle-tigger, .tc-light .btn-outline:not(:hover), .is-dark .language-switcher .toggle-tigger, .is-dark .btn-outline:not(:hover) { color: #fff; } + +@media (min-width: 992px) { .tc-light .header-menu .language-switcher .toggle-tigger, .tc-light .header-menu .btn-outline:not(:hover), .is-transparent .header-menu .language-switcher .toggle-tigger, .is-transparent .header-menu .btn-outline:not(:hover), .is-transparent:not(.has-fixed):not(.is-light) .header-menu .language-switcher .toggle-tigger, .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover), .is-dark .header-menu .language-switcher .toggle-tigger, .is-dark .header-menu .btn-outline:not(:hover) { color: #fff; } + .is-split:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover) { color: #696993; } + .has-fixed:not(.is-dark) .header-menu .language-switcher .toggle-tigger:not(.btn), .has-fixed:not(.is-dark) .header-menu .btn-outline:not(:hover), .is-light .header-menu .language-switcher .toggle-tigger:not(.btn), .is-light .header-menu .btn-outline:not(:hover) { color: #696993; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover):not(.no-change) { border-color: rgba(255, 255, 255, 0.4); } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn:not(:hover):not(.no-change):not(.btn-outline) { border-color: #fff; background: #fff; color: #696993; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not([class*="btn-grad"]):not(.no-change):hover { color: #5d46e8 !important; border-color: #fff; background-color: #fff; } } + +@media (max-width: 991px) { .header-menu .language-switcher-s1, .header-menu .language-switcher-s4 { width: 100%; } + .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 0; } + .has-rtl .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 15px; padding-right: 0; } + .header-menu .btn { line-height: 24px; padding: 6px 14px; min-width: 100px; } + .header-menu .btn-transparent { padding: 6px 0; } } + +/** 05.02 Menu */ +.menu { padding: 12px 0; } + +.menu-btns { margin-bottom: 26px; margin-left: -10px; margin-right: -10px; margin-top: -10px; display: flex; flex-wrap: wrap; } + +.menu-btns > li { padding: 10px; padding: 10px; } + +.menu-item { position: relative; border-bottom: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-item { border-color: rgba(219, 228, 247, 0.1); } + +.menu-item:last-child { border-bottom: 0; } + +.menu-item > ul, .menu-item .menu-sub { display: none; } + +.menu-item a { font-family: "Poppins", sans-serif; font-size: 15px; line-height: 18px; color: #696993; padding: 12px 0; display: block; position: relative; } + +.header-menu-s2 .menu-item a { font-size: 16px; } + +.menu-item a .badge { margin-left: 5px; position: relative; top: -1px; } + +.menu-item a .badge-dot { top: 0; } + +.menu-item a .active, .menu-item a:hover { color: #5d46e8; } + +.is-dark .menu-item a .active, .is-dark .menu-item a:hover { color: #5d46e8; } + +.menu-s2 > .menu-item > a { font-size: 13px; text-transform: uppercase; font-weight: 500; } + +.menu-sub { padding-left: 12px; } + +.menu-sub .menu-item:first-child { border-top: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-sub .menu-item:first-child { border-color: rgba(219, 228, 247, 0.1); } + +.menu-sub .menu-sub { margin-top: 0; margin-bottom: 15px; } + +.menu-sub .menu-sub .menu-item { border-bottom: none; } + +.menu-sub .menu-sub .menu-item:first-child { border-top: none; } + +.menu-sub .menu-sub .menu-item a { padding-top: 6px; padding-bottom: 6px; } + +.menu-sub a { font-family: "Poppins", sans-serif; font-size: 14px; color: #696993; } + +.menu-mega a { font-family: "Poppins", sans-serif; font-size: 14px; color: #696993; } + +.is-dark .menu-item a { color: #fff; } + +.menu-item > a.active { color: #5d46e8; } + +.has-sub > a { position: relative; } + +.has-sub > a:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.has-sub.open-nav > a:after { transform: translateY(-50%) rotate(-180deg); } + +.navbar-toggle { width: 44px; height: 44px; text-align: center; display: inline-block; border-radius: 50%; padding: 5px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s; } + +.navbar-toggle.navbar-active { color: #5d46e8; position: relative; z-index: 49; } + +.navbar-toggle:hover, .navbar-toggle.navbar-active { background: rgba(248, 248, 255, 0.2); } + +.is-transparent:not(.has-fixed) .navbar-toggle { color: #fff; } + +.is-transparent:not(.has-fixed) .navbar-toggle:hover, .is-transparent:not(.has-fixed) .navbar-toggle.navbar-active { background: rgba(248, 248, 255, 0.2); } + +.toggle-line { position: relative; width: 32px; height: 32px; display: block; color: #696993; } + +.toggle-line:hover { color: #696993; } + +.is-transparent:not(.has-fixed):not(.is-light) .toggle-line { color: #fff; } + +.is-dark.has-fixed .toggle-line { color: #fff; } + +.toggle-line::after, .toggle-line::before, .toggle-line > span { content: ""; position: absolute; background: currentColor; transition: all 0.2s; width: 24px; height: 2px; left: 4px; border-radius: 3px; } + +.toggle-line::before { top: 8px; } + +.toggle-line::after { bottom: 8px; } + +.toggle-line > span { top: 50%; margin-top: -1px; width: 20px; } + +.navbar-active .toggle-line { color: #fff; } + +.navbar-active .toggle-line::before, .navbar-active .toggle-line::after { width: 28px; left: 2px; } + +.navbar-active .toggle-line::before { transform: rotate(45deg); top: 15px; } + +.navbar-active .toggle-line::after { transform: rotate(-45deg); bottom: 15px; } + +.navbar-active .toggle-line > span { opacity: 0; visibility: hidden; } + +.secondary-navbar { box-shadow: 0px 5px 40px rgba(105, 105, 147, 0.1); padding: 15px 0; } + +.secondary-menu-list { display: flex; align-items: center; justify-content: center; padding: 0; flex-wrap: wrap; } + +.secondary-menu-item { width: 50%; } + +.secondary-menu-link { padding: 5px 16px; display: inline-block; color: #696993; font-weight: 400; position: relative; } + +.secondary-menu-link:after { position: absolute; content: ""; left: 50%; bottom: 0; width: 0; height: 3px; background: #ff9259; transform: translateX(-50%); transition: 0.3s; transform-origin: left; border-radius: 50%; } + +.secondary-menu-link:hover { color: currentColor; } + +.secondary-menu-link:hover:after { width: 3px; } + +.secondary-menu-item.active .secondary-menu-link { color: currentColor; } + +.secondary-menu-item.active .secondary-menu-link:after { width: 3px; } + +@media (min-width: 425px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 16px; width: auto; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-list { flex-wrap: nowrap; } + .secondary-menu-link:after { border-radius: 0; } + .secondary-menu-link:hover { color: currentColor; } + .secondary-menu-link:hover:after { width: 25px; } + .secondary-menu-item.active .secondary-menu-link { color: currentColor; } + .secondary-menu-item.active .secondary-menu-link:after { width: 25px; } } + +@media (min-width: 576px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 28px; width: auto; } } + +@media (min-width: 992px) { .header-menu { display: flex !important; width: auto; align-items: center; position: static; background: transparent; padding: 0; margin: 0; border-radius: 0; overflow: visible; } + .header-navbar { padding: 0 0 0 15px; margin-top: 0; position: relative; } + .header-navbar:before { display: none; } + .has-fixed .header-navbar { margin-top: 0; } + .menu { display: flex; align-items: center; padding: 0; } + .menu-item { border-bottom: none; } + .menu-item > a { font-weight: 400; padding: 20px 10px; } + .menu-drop .menu-item > a { font-weight: 300; } + .menu-item:hover { z-index: 9999; } + .menu-sub { position: absolute; min-width: 215px; max-width: 215px; background: #fff; padding: 15px 10px; top: 100%; left: 0; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; transform: translateX(0) translateY(-8px); box-shadow: 0 3px 12px 0 rgba(93, 70, 232, 0.08); } + .menu-sub a { width: 100%; display: block; padding: 10px 10px; } + .menu-sub .menu-item:first-child { border-top: none; } + .menu-sub .menu-item:hover > a { color: #5d46e8; } + .menu-item:hover > .menu-sub { opacity: 1; visibility: visible; transform: translateX(0) translateY(0); } + .menu-sub .menu-sub { left: calc(100% - 25px); top: 15px; margin: 0; } + .menu-sub .menu-sub .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .is-dark .menu-sub { background-color: #7966ec; } + .menu-mega { position: absolute; left: 50%; background: #fff; padding: 15px 10px; top: 100%; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(93, 70, 232, 0.08); transform: translateX(-50%) translateY(-8px); } + .menu-item:hover > .menu-mega { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } + .menu-mega .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .menu-mega-innr { display: flex; } + .menu-mega-innr > div, .menu-mega-innr ul { flex-grow: 1; } + .menu-mega-2clmn .menu-mega-innr > div, .menu-mega-2clmn .menu-mega-innr ul { width: 50%; } + .menu-mega-3clmn .menu-mega-innr > div, .menu-mega-3clmn .menu-mega-innr ul { width: auto; } + .menu-mega-2clmn { min-width: 370px; max-width: 370px; } + .menu-mega-3clmn { min-width: 520px; max-width: 520px; } + .is-dark .menu-mega { background-color: #7966ec; } + .menu-btns { display: flex; margin-bottom: -10px; margin-left: 10px; } + .menu-btns-s3 { margin-left: 0; } + .has-sub > a { padding-right: 24px !important; position: relative; } + .has-sub > a:after { right: 8px; } + .menu-sub .has-sub > a { padding-right: 35px; } + .menu-sub .has-sub > a:after { transform: translateY(-50%) rotate(-90deg); right: 15px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a { padding-right: 20px !important; padding-left: 35px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a:after { transform: translateY(-50%) rotate(90deg); left: 15px; right: auto; } + > .has-sub.menu-item:last-child .menu-mega { left: auto; right: 0; transform: translateX(0) translateY(-8px); } + > .has-sub.menu-item:last-child:hover .menu-mega { transform: translateX(0) translateY(0); } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item > a { color: #fff; } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item:hover > a { color: #46bdf4; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-link { padding: 20px 38px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .logo img { height: 32px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 4px; font-size: 12px; font-weight: 500; } + .menu-btns > li { padding: 6px; } + .menu-btns .btn { font-size: 13px; line-height: 20px; padding: 8px 15px; min-width: 0; } + .menu-btns .btn.btn-grad { padding: 10px 15px; } + .menu-btns .btn-md { font-size: 11px; line-height: 19px; padding: 8px 16px; } + .menu-btns .btn-md.btn-grad { padding: 10px 16px; } } + +@media (min-width: 1200px) { .menu > .menu-item > a { padding: 20px 15px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 8.5px; font-size: 12px; font-weight: 500; } + .menu-s2 > .menu-item > a { padding-left: 7.5px; padding-right: 7.5px; } + .menu-item.has-sub > a { padding-right: 23px !important; } + .menu-item.has-sub > a:after { right: 8px; } + .menu-sub a { padding: 10px 15px; } + .secondary-menu-link { padding: 20px 45px; } } + +@media (min-width: 1600px) { .header-navbar-s1 .menu > .menu-item > a { font-size: 14px; } + .header-menu-s2 .menu > .menu-item > a { padding: 20px 30px; } } + +/** 05.03 Sections */ +.nk-body { min-width: 320px; } + +.nk-pages-centered { display: flex; flex-direction: column; justify-content: center; min-height: 100vh; padding: 0 15px; } + +@media (min-width: 1600px) { .body-boxed .nk-wrap { max-width: 1400px; } } + +.container-md { max-width: 960px; } + +.container-sm { max-width: 720px; } + +.container-xs { max-width: 520px; } + +.container-z { z-index: 5; position: relative; } + +.section { position: relative; overflow-x: hidden; width: 100%; z-index: 2; } + +.section-sm { padding-top: 40px !important; padding-bottom: 40px !important; } + +.section-connect { overflow: visible; } + +.section-connect:before { position: absolute; top: 0; left: 50%; content: ""; height: 80px; width: 2px; transform: translate(-50%, -50%); background: linear-gradient(to bottom, #5d46e8 0%, #ff9259 100%); z-index: 2; } + +.ov-v + .section { z-index: inherit; } + +.section-t-s-fixed, .section-s-fixed { padding-top: 60px !important; } + +.section-b-s-fixed, .section-s-fixed { padding-bottom: 60px !important; } + +.section-t-m-fixed, .section-m-fixed { padding-top: 90px !important; } + +.section-b-m-fixed, .section-m-fixed { padding-bottom: 90px !important; } + +.section-t-l-fixed, .section-l-fixed { padding-top: 120px !important; } + +.section-b-l-fixed, .section-l-fixed { padding-bottom: 120px !important; } + +.section-t-x-fixed, .section-x-fixed { padding-top: 180px !important; } + +.section-b-x-fixed, .section-x-fixed { padding-bottom: 180px !important; } + +.section-t, .section { padding-top: 60px; } + +.section-b, .section { padding-bottom: 60px; } + +.section-t-xl { padding-top: 150px !important; } + +@media (min-width: 576px) { .section-connect:before { height: 100px; } + .section-t, .section { padding-top: 60px; } + .section-b, .section { padding-bottom: 60px; } + .section-t-s, .section-s { padding-top: 60px !important; } + .section-b-s, .section-s { padding-bottom: 60px !important; } } + +@media (min-width: 768px) { .section-connect:before { height: 120px; } + .section-t, .section { padding-top: 90px; } + .section-b, .section { padding-bottom: 90px; } + .section-t-m, .section-m { padding-top: 90px !important; } + .section-b-m, .section-m { padding-bottom: 90px !important; } } + +@media (min-width: 992px) { .section-connect:before { height: 160px; } + .section-t, .section { padding-top: 120px; } + .section-b, .section { padding-bottom: 120px; } + .section-t-l, .section-l { padding-top: 120px !important; } + .section-b-l, .section-l { padding-bottom: 120px !important; } + .section-t-xl { padding-top: 180px !important; } } + +@media (min-width: 1600px) { .section-t, .section { padding-top: 180px; } + .section-b, .section { padding-bottom: 180px; } + .section-t-x, .section-x { padding-top: 180px !important; } + .section-b-x, .section-x { padding-bottom: 180px !important; } } + +@media (max-width: 575px) { .section-mxw-t-0 { padding-top: 0; } + .section-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 767px) { .section-sm-mxw-t-0 { padding-top: 0; } + .section-sm-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 991px) { .section-md-mxw-t-0 { padding-top: 0; } + .section-md-mxw-b-0 { padding-bottom: 0 !important; } } + +@media (max-width: 1199px) { .section-lg-mxw-t-0 { padding-top: 0; } + .section-lg-mxw-b-0 { padding-bottom: 0; } } + +[class*="section"].pt-0, [class*="section"].pdt-0 { padding-top: 0 !important; } + +[class*="section"].pb-0, [class*="section"].pdb-0 { padding-bottom: 0 !important; } + +.split { height: 100%; } + +.split-left { border-radius: 6px 6px 0 0; } + +.split-right { border-radius: 0 0 6px 6px; } + +@media (min-width: 576px) { .split-sm-left { border-radius: 6px 0 0 6px; } + .split-sm-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 768px) { .split-md-left { border-radius: 6px 0 0 6px; } + .split-md-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 992px) { .split-lg { border-radius: 6px; } + .split-lg-left { border-radius: 6px 0 0 6px; } + .split-lg-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 1200px) { .split-xl-left { border-radius: 6px 0 0 6px; } + .split-xl-right { border-radius: 0 6px 6px 0; } } + +.nk-pages-angled { margin-top: -450px; } + +@media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } + +/** 05.04 Footer */ +.nk-footer-angled { margin-top: -450px; } + +.footer-links { margin: 0 -12px; } + +.footer-links > li { display: inline-block; padding: 0 12px; } + +.footer-links > li > a { font-size: 13px; color: #696993; } + +.footer-links > li > a:hover { color: #5d46e8; } + +.tc-light .footer-links > li > a { color: #fff !important; } + +.tc-light .footer-links > li > a:hover { color: #46bdf4 !important; } + +/** 06. Override */ +.mfp-bg, .mfp-wrap, .mfp-wrap[class*="bg-"], .mfp-bg[class*="bg-"] { position: fixed !important; z-index: 99999999 !important; top: 0 !important; } + +.mfp-wrap, .mfp-wrap[class*="bg-"] { background: transparent !important; } + +/** 07. Preview Purpose */ +.icon-preview { text-align: center; padding: 30px; border-radius: 4px; border: 1px solid #dfeaf8; height: 100%; } + +.icon-wrap [class*="ikon-"] { font-size: 40px; } + +.icon-class { padding-top: 15px; } + +.nk-preview { position: relative; padding-bottom: 60px; } + +.nk-preview:first-child { padding-top: 60px; } + +.nk-preview-content { padding-top: 10px; } + +.nk-preview-content > .tab-pane { padding-top: 0; box-shadow: 0 5px 35px -5px rgba(56, 56, 95, 0.12); } + +.nk-preview .nk-block-head .nav { margin-bottom: 25px; margin-left: 0; margin-right: 0; } + +.nk-preview .nk-block-head .nav a { font-size: .8rem; padding: 10px 5px 5px; } + +.nk-preview .nk-block-head .title { color: #415076; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.nk-preview .nk-block-head .title .badge { margin-left: 5px; } + +.has-rtl .nk-preview .nk-block-head .title .badge { margin-left: 0; margin-right: 5px; } + +.nk-preview .nk-block-head .title small { font-size: 12px; text-transform: none; letter-spacing: 0; margin-top: 0.45rem; color: #828998; display: block; } + +@media (min-width: 576px) { .nk-preview { padding-bottom: 60px; } + .nk-preview:first-child { padding-top: 60px; } } + +@media (min-width: 768px) { .nk-preview { padding-bottom: 90px; } + .nk-preview:first-child { padding-top: 90px; } } + +@media (min-width: 992px) { .nk-preview { padding-bottom: 120px; } + .nk-preview:first-child { padding-top: 120px; } } + +@media (min-width: 1600px) { .nk-preview { padding-bottom: 180px; } + .nk-preview:first-child { padding-top: 180px; } } + +@media (min-width: 1280px) { .nk-preview { padding-left: 48px; padding-right: 48px; } + .nk-preview-content > .tab-pane { box-shadow: 0 5px 35px -5px rgba(56, 56, 95, 0.12); } } + +@media (min-width: 1200px) and (min-height: 900px) { .nk-preview .banner-fs, .nk-preview .nk-pages-centered { min-height: calc(100vh - 200px); } } + +/* END @iO */ +/* END @iO */ diff --git a/assets/css/style-lobelia.css b/assets/css/style-lobelia.css new file mode 100644 index 0000000..10941a6 --- /dev/null +++ b/assets/css/style-lobelia.css @@ -0,0 +1,6918 @@ +/*! Theme Name: ICOCrypto + * Author: Softnio + * Author URI: http://themeforest.net/user/softnio + * Version : 1.9.3 + * Updated : 05/05/2021 +*/ +/** +---------------------- +## TABLE CONTNETS ## +01. Fonts +02. Utilities +-- 02.01 Reset +-- 02.02 Spacing +-- 02.03 Colors +-- 02.04 Misc +03. Elements +-- 03.01 Alert +-- 03.02 Buttons +-- 03.03 Title +-- 03.04 List +-- 03.05 Form +-- 03.06 Table +-- 03.07 Progress +-- 03.08 CountDown +-- 03.09 Toastr +-- 03.10 Misc +04. Components +-- 04.01 Tab +-- 04.02 Accordion +-- 04.03 Blocks +-- 04.04 Box +-- 04.05 Banner +-- 04.06 Head +-- 04.07 Features +-- 04.08 Roadmap +-- 04.09 Token +-- 04.10 Team +-- 04.11 Partners +-- 04.12 Contact +-- 04.13 WGS +-- 04.14 Others +05. Layouts +-- 05.01 Header +-- 05.02 Menu +-- 05.03 Sections +-- 05.04 Footer +06. Override +07. Preview Purpose +---------------------- **/ +/** IMPORTANT NOTE: DO NOT Edit this file. Best to write own code in css/theme.css file. It will helps you to easy update of the template. */ +/** 01. Fonts */ +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Bold.eot"); src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Light.eot"); src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins-Light.woff") format("woff"), url("../fonts/Poppins-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-SemiBold.eot"); src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Medium.eot"); src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Regular.eot"); src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } + +/** 02. Utilities */ +/** 02.01 Reset */ +html, body { font-family: "Poppins", sans-serif; color: #415076; font-size: 14px; line-height: 1.68; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; } + +@media (min-width: 576px) { html, body { font-size: 16px; line-height: 1.68; font-weight: 300; } } + +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } + +*[hidden] { display: none; } + +ol, ul { list-style: none; } + +blockquote, q { quotes: none; } + +blockquote::after, blockquote::before, q::after, q::before { content: none; } + +table { border-collapse: collapse; border-spacing: 0; } + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #0a1992; font-weight: 600; font-family: "Poppins", sans-serif; line-height: 1.45; margin-bottom: 0.5rem; } + +h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 0; } + +.tc-light h1, .tc-light h2, .tc-light h3, .tc-light h4, .tc-light h5, .tc-light h6, .tc-light .h1, .tc-light .h2, .tc-light .h3, .tc-light .h4, .tc-light .h5, .tc-light .h6 { color: #fff; } + +p { font-size: 14px; margin-bottom: 1rem; color: #415076; } + +p:last-child { margin-bottom: 0; } + +p + [class*=btn] { margin-top: 15px; } + +@media (min-width: 576px) { p { font-size: 15px; } } + +ul, ol, table { margin: 0; padding: 0; } + +strong, b { font-weight: 500; } + +a { outline: 0 none; transition: all 0.5s; color: #2b56f5; } + +a:link, a:visited { text-decoration: none; } + +a:hover, a:focus, a:active { outline: 0; color: #46bdf4; } + +img { max-width: 100%; height: auto; } + +h1, .h1, .fz-1 { font-size: 1.75rem; } + +h2, .h2, .fz-2 { font-size: 1.35rem; } + +h3, .h3, .fz-3 { font-size: 1.25rem; } + +h4, .h4, .fz-4 { font-size: 1.2rem; } + +h5, .h5, .fz-5 { font-size: 1.2rem; } + +h6, .h6, .fz-6 { font-size: 0.94rem; } + +.fz-7 { font-size: 0.88rem; } + +.fz-8 { font-size: 0.75rem; } + +.lead, .lead-light { font-size: 1.1rem; font-weight: 300; color: #415076; } + +.lead-s2 { font-size: 1.1rem; color: #415076; } + +.lead-regular { font-weight: 400; } + +@media (min-width: 576px) { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.3; } + h1, .h1, .fz-1 { font-size: 2.75rem; } + h2, .h2, .fz-2 { font-size: 2.25rem; } + h3, .h3, .fz-3 { font-size: 1.87rem; } + h4, .h4, .fz-4 { font-size: 1.6rem; } + .lead, .lead-light { font-size: 1.1rem; } + .lead-s2 { font-size: 1.2rem; } } + +.nk-df-content, .nk-ovm:before, .nk-ovm:after { content: ""; } + +.nk-df-rel, .has-ovm, .has-bg, [class*='bg-'], .has-bg-image, .has-bg-video { position: relative; } + +.nk-df-over-up, .has-ovm > [class*=container], .has-ovm > *:not(.nk-ovm):not(.header-main):not(.nk-header):not([class*=ui-mask]), .has-bg-image > [class*=container], .has-bg-video > [class*=container] { position: relative; z-index: 5; } + +.nk-df-t, .nk-df-y { top: 0; } + +.nk-df-b, .nk-df-y { bottom: 0; } + +.nk-df-l, .nk-df-x { left: 0; } + +.nk-df-r, .nk-df-x { right: 0; } + +.nk-df-around, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .bg-image, .bg-video, .bg-video-cover, .overlay:after, .nk-ovm .nk-svgs, .accordion-icon:before, .accordion-icon:after { position: absolute; bottom: 0; top: 0; left: 0; right: 0; } + +.nk-df-center, .abs-center, .nk-block-video-play { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.nk-df-bg, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .has-bg, [class*='bg-'], .bg-image, .bg-video, .bg-video-cover { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } + +.nk-df-bg-100, .img-block-dot, .app-slide-wrap:after, .rank-item { background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; } + +.text-regular-sm { font-weight: 400; font-size: 0.9rem; } + +.block-row:not(:last-child) { margin-bottom: 40px !important; } + +@media (min-width: 992px) { .block-row:not(:last-child) { margin-bottom: 50px !important; } } + +/** 02.02 Spacing */ +.gap { height: 30px; } + +.gap-s { height: 10px; } + +.gap-m { height: 20px; } + +.gap-l { height: 40px; } + +.gap-x { height: 60px; } + +.gap-1x { height: 10px; } + +.gap-2x { height: 20px; } + +.gap-3x { height: 30px; } + +.gap-4x { height: 40px; } + +.gap-5x { height: 50px; } + +.gap-6x { height: 60px; } + +.gap-7x { height: 70px; } + +.gap-8x { height: 80px; } + +.gap-9x { height: 90px; } + +.gap-10x { height: 100px; } + +.pdt, .pd, .pdy { padding-top: 30px; } + +.pdb, .pd, .pdy { padding-bottom: 30px; } + +.pdl, .pd, .pdx { padding-left: 30px; } + +.pdr, .pd, .pdx { padding-right: 30px; } + +.pdt-s, .pd-s, .pdy-s { padding-top: 10px !important; } + +.pdt-m, .pd-m, .pdy-m { padding-top: 20px !important; } + +.pdt-r, .pd-r, .pdy-r { padding-top: 30px !important; } + +.pdt-l, .pd-l, .pdy-l { padding-top: 40px !important; } + +.pdt-x, .pd-x, .pdy-x { padding-top: 60px !important; } + +.pdb-s, .pd-s, .pdy-s { padding-bottom: 10px !important; } + +.pdb-m, .pd-m, .pdy-m { padding-bottom: 20px !important; } + +.pdb-r, .pd-r, .pdy-r { padding-bottom: 30px !important; } + +.pdb-l, .pd-l, .pdy-l { padding-bottom: 40px !important; } + +.pdb-x, .pd-x, .pdy-x { padding-bottom: 60px !important; } + +.pdl-s, .pd-s, .pdx-s { padding-left: 10px !important; } + +.pdl-m, .pd-m, .pdx-m { padding-left: 20px !important; } + +.pdl-r, .pd-r, .pdx-r { padding-left: 30px !important; } + +.pdl-l, .pd-l, .pdx-l { padding-left: 40px !important; } + +.pdl-x, .pd-x, .pdx-x { padding-left: 60px !important; } + +.pdr-s, .pd-s, .pdx-s { padding-right: 10px !important; } + +.pdr-m, .pd-m, .pdx-m { padding-right: 20px !important; } + +.pdr-r, .pd-r, .pdx-r { padding-right: 30px !important; } + +.pdr-l, .pd-l, .pdx-l { padding-right: 40px !important; } + +.pdr-x, .pd-x, .pdx-x { padding-right: 60px !important; } + +.mgt, .mg, .mgy { margin-top: 30px !important; } + +.mgb, .mg, .mgy { margin-bottom: 30px !important; } + +.mgl, .mg, .mgx { margin-left: 30px !important; } + +.mgr, .mg, .mgx { margin-right: 30px !important; } + +.mg-fix { margin-bottom: -20px; } + +.mg-fix-lg { margin-bottom: -45px; } + +.mg-fix-md { margin-bottom: -30px; } + +.mg-fix-sm { margin-bottom: -15px; } + +.mg-fix-xs { margin-bottom: -10px; } + +.mgt-s, .mg-s, .mgy-s { margin-top: 10px !important; } + +.mgt-m, .mg-m, .mgy-m { margin-top: 20px !important; } + +.mgt-r, .mg-r, .mgy-r { margin-top: 30px !important; } + +.mgt-l, .mg-l, .mgy-l { margin-top: 40px !important; } + +.mgt-x, .mg-x, .mgy-x { margin-top: 60px !important; } + +.mgb-s, .mg-s, .mgy-s { margin-bottom: 10px !important; } + +.mgb-m, .mg-m, .mgy-m { margin-bottom: 20px !important; } + +.mgb-r, .mg-r, .mgy-r { margin-bottom: 30px !important; } + +.mgb-l, .mg-l, .mgy-l { margin-bottom: 40px !important; } + +.mgb-x, .mg-x, .mgy-x { margin-bottom: 60px !important; } + +.mgl-s, .mg-s, .mgx-s { margin-left: 10px !important; } + +.mgl-m, .mg-m, .mgx-m { margin-left: 20px !important; } + +.mgl-r, .mg-r, .mgx-r { margin-left: 30px !important; } + +.mgl-l, .mg-l, .mgx-l { margin-left: 40px !important; } + +.mgl-x, .mg-x, .mgx-x { margin-left: 60px !important; } + +.mgr-s, .mg-s, .mgx-s { margin-right: 10px !important; } + +.mgr-m, .mg-m, .mgx-m { margin-right: 20px !important; } + +.mgr-r, .mg-r, .mgx-r { margin-right: 30px !important; } + +.mgr-l, .mg-l, .mgx-l { margin-right: 40px !important; } + +.mgr-x, .mg-x, .mgx-x { margin-right: 60px !important; } + +@media (min-width: 576px) { .pdt-l, .pd-l, .pdy-l { padding-top: 60px !important; } + .pdt-x, .pd-x, .pdy-x { padding-top: 90px !important; } + .pdb-l, .pd-l, .pdy-l { padding-bottom: 60px !important; } + .pdb-x, .pd-x, .pdy-x { padding-bottom: 90px !important; } + .pdl-l, .pd-l, .pdx-l { padding-left: 60px !important; } + .pdl-x, .pd-x, .pdx-x { padding-left: 90px !important; } + .pdr-l, .pd-l, .pdx-l { padding-right: 60px !important; } + .pdr-x, .pd-x, .pdx-x { padding-right: 90px !important; } + .mgt-l, .mg-l, .mgy-l { margin-top: 60px !important; } + .mgt-x, .mg-x, .mgy-x { margin-top: 90px !important; } + .mgb-l, .mg-l, .mgy-l { margin-bottom: 60px !important; } + .mgb-x, .mg-x, .mgy-x { margin-bottom: 90px !important; } + .mgl-l, .mg-l, .mgx-l { margin-left: 60px !important; } + .mgl-x, .mg-x, .mgx-x { margin-left: 90px !important; } + .mgr-l, .mg-l, .mgx-l { margin-right: 60px !important; } + .mgr-x, .mg-x, .mgx-x { margin-right: 90px !important; } } + +.mgb-m10 { margin-bottom: -10px !important; } + +.mgb-m20 { margin-bottom: -20px !important; } + +.mgb-m30 { margin-bottom: -30px !important; } + +.mgb-m40 { margin-bottom: -40px !important; } + +.mgb-m50 { margin-bottom: -50px !important; } + +.mgt-m10 { margin-top: -10px !important; } + +.mgt-m20 { margin-top: -20px !important; } + +.mgt-m30 { margin-top: -30px !important; } + +.mgt-m40 { margin-top: -40px !important; } + +.mgt-m50 { margin-top: -50px !important; } + +.mgt-m70 { margin-top: -70px !important; } + +.gutter-5px { margin-left: -2.5px !important; margin-right: -2.5px !important; } + +.gutter-5px > li, .gutter-5px > div { padding-left: 2.5px !important; padding-right: 2.5px !important; } + +.gutter-15px { margin-left: -7.5px !important; margin-right: -7.5px !important; } + +.gutter-15px > li, .gutter-15px > div { padding-left: 7.5px !important; padding-right: 7.5px !important; } + +.gutter-25px { margin-left: -12.5px !important; margin-right: -12.5px !important; } + +.gutter-25px > li, .gutter-25px > div { padding-left: 12.5px !important; padding-right: 12.5px !important; } + +.gutter-10px { margin-left: -5px !important; margin-right: -5px !important; } + +.gutter-10px > li, .gutter-10px > div { padding-left: 5px !important; padding-right: 5px !important; } + +.gutter-20px { margin-left: -10px !important; margin-right: -10px !important; } + +.gutter-20px > li, .gutter-20px > div { padding-left: 10px !important; padding-right: 10px !important; } + +.gutter-30px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-30px > li, .gutter-30px > div { padding-left: 15px !important; padding-right: 15px !important; } + +.gutter-40px { margin-left: -20px !important; margin-right: -20px !important; } + +.gutter-40px > li, .gutter-40px > div { padding-left: 20px !important; padding-right: 20px !important; } + +.gutter-50px { margin-left: -25px !important; margin-right: -25px !important; } + +.gutter-50px > li, .gutter-50px > div { padding-left: 25px !important; padding-right: 25px !important; } + +.gutter-60px { margin-left: -30px !important; margin-right: -30px !important; } + +.gutter-60px > li, .gutter-60px > div { padding-left: 30px !important; padding-right: 30px !important; } + +.gutter-70px { margin-left: -35px !important; margin-right: -35px !important; } + +.gutter-70px > li, .gutter-70px > div { padding-left: 35px !important; padding-right: 35px !important; } + +.gutter-80px { margin-left: -40px !important; margin-right: -40px !important; } + +.gutter-80px > li, .gutter-80px > div { padding-left: 40px !important; padding-right: 40px !important; } + +.gutter-90px { margin-left: -45px !important; margin-right: -45px !important; } + +.gutter-90px > li, .gutter-90px > div { padding-left: 45px !important; padding-right: 45px !important; } + +.gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } + +.gutter-vr-5px { margin-top: -2.5px !important; margin-bottom: -2.5px !important; } + +.gutter-vr-5px > li, .gutter-vr-5px > div { padding-top: 2.5px !important; padding-bottom: 2.5px !important; } + +.gutter-vr-15px { margin-top: -7.5px !important; margin-bottom: -7.5px !important; } + +.gutter-vr-15px > li, .gutter-vr-15px > div { padding-top: 7.5px !important; padding-bottom: 7.5px !important; } + +.gutter-vr-25px { margin-top: -12.5px !important; margin-bottom: -12.5px !important; } + +.gutter-vr-25px > li, .gutter-vr-25px > div { padding-top: 12.5px !important; padding-bottom: 12.5px !important; } + +.gutter-vr-10px { margin-top: -5px !important; margin-bottom: -5px !important; } + +.gutter-vr-10px > li, .gutter-vr-10px > div { padding-top: 5px !important; padding-bottom: 5px !important; } + +.gutter-vr-20px { margin-top: -10px !important; margin-bottom: -10px !important; } + +.gutter-vr-20px > li, .gutter-vr-20px > div { padding-top: 10px !important; padding-bottom: 10px !important; } + +.gutter-vr-30px { margin-top: -15px !important; margin-bottom: -15px !important; } + +.gutter-vr-30px > li, .gutter-vr-30px > div { padding-top: 15px !important; padding-bottom: 15px !important; } + +.gutter-vr-40px { margin-top: -20px !important; margin-bottom: -20px !important; } + +.gutter-vr-40px > li, .gutter-vr-40px > div { padding-top: 20px !important; padding-bottom: 20px !important; } + +.gutter-vr-50px { margin-top: -25px !important; margin-bottom: -25px !important; } + +.gutter-vr-50px > li, .gutter-vr-50px > div { padding-top: 25px !important; padding-bottom: 25px !important; } + +.gutter-vr-60px { margin-top: -30px !important; margin-bottom: -30px !important; } + +.gutter-vr-60px > li, .gutter-vr-60px > div { padding-top: 30px !important; padding-bottom: 30px !important; } + +.gutter-vr-70px { margin-top: -35px !important; margin-bottom: -35px !important; } + +.gutter-vr-70px > li, .gutter-vr-70px > div { padding-top: 35px !important; padding-bottom: 35px !important; } + +.gutter-vr-80px { margin-top: -40px !important; margin-bottom: -40px !important; } + +.gutter-vr-80px > li, .gutter-vr-80px > div { padding-top: 40px !important; padding-bottom: 40px !important; } + +.gutter-vr-90px { margin-top: -45px !important; margin-bottom: -45px !important; } + +.gutter-vr-90px > li, .gutter-vr-90px > div { padding-top: 45px !important; padding-bottom: 45px !important; } + +.gutter-vr-100px { margin-top: -50px !important; margin-bottom: -50px !important; } + +.gutter-vr-100px > li, .gutter-vr-100px > div { padding-top: 50px !important; padding-bottom: 50px !important; } + +.gutter-100px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 15px !important; padding-right: 15px !important; } + +@media (min-width: 992px) { .gutter-100px { margin-left: -25px !important; margin-right: -25px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 25px !important; padding-right: 25px !important; } } + +@media (min-width: 1200px) { .gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } } + +/** 02.03 Colors */ +.tc-base-white, .tc-light, .tc-light a:not(.btn):not([class*="link-"]) { color: #f5f7fe; } + +.tc-base-white-hover, .tc-light a:not(.btn):not([class*="link-"]):hover { color: #2b56f5; } + +.tc-default, .tc-default a { color: #415076 !important; } + +.tc-alternet, .tc-alternet a { color: #415076 !important; } + +.tc-primary, .tc-primary a { color: #2b56f5 !important; } + +.tc-primary a:hover { color: #46bdf4 !important; } + +.tc-secondary, .tc-secondary a { color: #46bdf4 !important; } + +.tc-secondary a:hover { color: #2b56f5 !important; } + +.tc-info, .tc-info a { color: #026bfb !important; } + +.tc-warning, .tc-warning a { color: #f6be26 !important; } + +.tc-success, .tc-success a { color: #39d884 !important; } + +.tc-danger, .tc-danger a { color: #e6604a !important; } + +.tc-light p, .tc-light .list { color: #d2d3ff; } + +.tc-light .lead, .tc-light .lead-light, .tc-light .lead-s2 { color: #d2d3ff; } + +.tc-light-alt a:not(.btn):not([class*="link-"]) { color: #d2d3ff !important; } + +.tc-light-alt a:not(.btn):not([class*="link-"]):hover { color: #2b56f5 !important; } + +.tc-light-alt li { color: #d2d3ff; } + +.tc-lighter { color: rgba(255, 255, 255, 0.6) !important; } + +.tc-dark, .tc-dark a { color: #0b0c10 !important; } + +.tc-theme, .tc-theme a { color: #2b56f5 !important; } + +.tc-theme-alt, .tc-theme-alt a { color: #0a1992 !important; } + +.tc-white { color: #fff !important; } + +.bg-default { background-color: #415076 !important; } + +.bg-alternet { background-color: #0a1992 !important; } + +.bg-primary { background-color: #2b56f5 !important; } + +.bg-secondary { background-color: #46bdf4 !important; } + +.bg-light { background-color: #f5f7fe !important; } + +.bg-light.current { background-color: rgba(245, 247, 254, 0.7) !important; } + +.bg-light-alt { background-color: #e3e7f8 !important; } + +.bg-light-alt.current { background-color: rgba(227, 231, 248, 0.7) !important; } + +.bg-light-grad { background-image: linear-gradient(to bottom, #fff 0%, #f5f7fe 100%); } + +.bg-dark { background-color: #000537 !important; } + +.bg-dark.current { background-color: rgba(0, 5, 55, 0.7) !important; } + +.bg-dark-alt { background-color: rgba(0, 5, 55, 0.7) !important; } + +.bg-dark-alt.current { background-color: rgba(8, 21, 122, 0.7) !important; } + +.bg-dark-opacity { background: rgba(0, 0, 0, 0.15) !important; } + +.bg-trans { background-color: transparent !important; } + +.bg-grad { background-image: linear-gradient(90deg, #2b56f5 0%, #46bdf4 100%) !important; } + +.bg-grad-alt { background-image: linear-gradient(90deg, #46bdf4 0%, #2b56f5 100%) !important; } + +.bg-grad-special { background-image: linear-gradient(140deg, #7a0fff 0%, #7a0fff 20%, transparent 50%, transparent 100%) !important; } + +.bg-grad-special-alt { background-image: linear-gradient(to top, #000537 0%, #000537 5%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.bg-grad-vr-theme-to-alt { background-image: linear-gradient(to bottom, #0a1992 0%, #000537 100%) !important; } + +.bg-grad-vr-theme-dark-to-dark-alt { background-image: linear-gradient(to bottom, #000537 0%, #08157a 100%) !important; } + +.bg-grad-vr-alt-to-theme { background-image: linear-gradient(to top, #0a1992 0%, #000537 100%) !important; } + +.bg-grad-vr-dark-alt-to-theme-dark-to-theme { background-image: linear-gradient(to top, #000537 0%, #08157a 100%) !important; } + +.bg-info { background-color: #026bfb !important; } + +.bg-warning { background-color: #f6be26 !important; } + +.bg-success { background-color: #39d884 !important; } + +.bg-danger { background-color: #e6604a !important; } + +.bg-black { background-color: #000; } + +.bg-black-2, .bonus-info { background-color: rgba(0, 0, 0, 0.02); } + +.bg-black-5 { background-color: rgba(0, 0, 0, 0.05); } + +.bg-black-7 { background-color: rgba(0, 0, 0, 0.07); } + +.bg-black-10 { background-color: rgba(0, 0, 0, 0.1); } + +.bg-black-14 { background-color: rgba(0, 0, 0, 0.14); } + +.bg-black-22 { background-color: rgba(0, 0, 0, 0.22); } + +.bg-white { background-color: #fff; } + +.bg-white-2 { background-color: rgba(255, 255, 255, 0.02); } + +.bg-white-5 { background-color: rgba(255, 255, 255, 0.05); } + +.bg-white-7 { background-color: rgba(255, 255, 255, 0.07); } + +.bg-white-10 { background-color: rgba(255, 255, 255, 0.1); } + +.bg-white-14 { background-color: rgba(255, 255, 255, 0.14); } + +.bg-white-22 { background-color: rgba(255, 255, 255, 0.22); } + +.bg-theme { background-color: #0a1992 !important; } + +.bg-theme.current { background-color: rgba(10, 25, 146, 0.7) !important; } + +.bg-theme-alt { background-color: #000537 !important; } + +.bg-theme-alt.current { background-color: rgba(0, 5, 55, 0.7) !important; } + +.bg-theme-grad { background-image: linear-gradient(to right, #0a1992 0%, #000537 100%) !important; } + +.bg-theme-grad-alt { background-image: linear-gradient(to right, #000537 0%, #0a1992 100%) !important; } + +.bg-theme-grad-s2 { background-image: linear-gradient(135deg, #0a1992 0%, #000537 100%) !important; } + +.bg-theme-grad-s2-alt { background-image: linear-gradient(135deg, #000537 0%, #0a1992 100%) !important; } + +.bg-theme-grad-alternet { background-image: linear-gradient(to right, #0a1992 0%, #7a0fff 100%) !important; } + +.bg-theme-dark { background-color: #000537 !important; } + +.bg-theme-dark.current { background-color: rgba(0, 5, 55, 0.7) !important; } + +.bg-theme-dark-alt { background-color: #08157a !important; } + +.bg-theme-dark-alt.current { background-color: rgba(8, 21, 122, 0.7) !important; } + +.bg-theme-light { background-color: #f5f7fe !important; } + +.bg-theme-light.current { background-color: rgba(245, 247, 254, 0.7) !important; } + +.bg-theme-light-alt { background-color: #e3e7f8 !important; } + +.bg-theme-light-alt.current { background-color: rgba(227, 231, 248, 0.7) !important; } + +.bg-theme-accent { background-color: #2b56f5 !important; } + +.bg-theme-accent.current { background-color: rgba(43, 86, 245, 0.7) !important; } + +.bg-theme-accent-alt { background-color: #46bdf4 !important; } + +.bg-theme-accent-alt.current { background-color: rgba(70, 189, 244, 0.7) !important; } + +.bg-blend:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #0a1992); } + +.bg-blend-alt:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000537); } + +.bg-blend-light { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #f5f7fe); } + +.bg-blend-light-alt { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #e3e7f8); } + +.bg-rblend-light { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #f5f7fe); } + +.bg-rblend-light-alt { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #e3e7f8); } + +.theme-dark { background: #000537 !important; } + +.text-primary { color: #0a1992 !important; } + +.text-primary-alt { color: #000537 !important; } + +.text-theme-alt { color: #7a0fff; } + +.text-base { color: #12183a; } + +/** 02.04 Misc */ +.ttc { text-transform: capitalize !important; } + +.ttu { text-transform: uppercase !important; } + +.ttl { text-transform: lowercase !important; } + +.ttn { text-transform: none !important; } + +.fw-7 { font-weight: 700 !important; } + +.fw-6 { font-weight: 600 !important; } + +.fw-5 { font-weight: 500 !important; } + +.fw-4 { font-weight: 400 !important; } + +.fw-3 { font-weight: 300 !important; } + +.fw-rg { font-weight: 400 !important; } + +.fw-bold { font-weight: 700 !important; } + +.fw-md { font-weight: 500 !important; } + +.fw-lt { font-weight: 300 !important; } + +.lh { line-height: 1; } + +.lh-11 { line-height: 1.1; } + +.lh-12 { line-height: 1.2; } + +.lh-13 { line-height: 1.3; } + +.lh-14 { line-height: 1.4; } + +.lh-15 { line-height: 1.5; } + +.lh-16 { line-height: 1.6; } + +.lh-17 { line-height: 1.7; } + +.lh-18 { line-height: 1.8; } + +.lh-19 { line-height: 1.9; } + +.lh-2 { line-height: 2; } + +.ov-h, .nk-block-video, .nk-banner, .banner-wrap, .feature-group, .feature-img { overflow: hidden; } + +.ov-xh { overflow-x: hidden; } + +.ov-yh { overflow-y: hidden; } + +.ov-s { overflow: scroll; } + +.ov-xs { overflow-x: scroll; } + +.ov-ys { overflow-y: scroll; } + +.ov-v { overflow: visible !important; } + +.ov-xv { overflow-x: visible !important; } + +.ov-yv { overflow-y: visible !important; } + +.bd { border: 1px solid #d1e0f6; } + +.bd-2 { border-width: 2px; } + +.bd-3 { border-width: 3px; } + +.bdt { border-top: 1px solid #d1e0f6; } + +.bdt-2 { border-top-width: 2px; } + +.bdt-3 { border-top-width: 3px; } + +.bdb { border-bottom: 1px solid #d1e0f6; } + +.bdb-2 { border-bottom-width: 2px; } + +.bdb-3 { border-bottom-width: 3px; } + +.bdl { border-left: 1px solid #d1e0f6; } + +.bdl-2 { border-left-width: 2px; } + +.bdl-3 { border-left-width: 3px; } + +.bdr { border-right: 1px solid #d1e0f6; } + +.bdr-2 { border-right-width: 2px; } + +.bdr-3 { border-right-width: 3px; } + +.bd-dashed { border-style: dashed; } + +.bd-dotted { border-style: dotted; } + +.bd-double { border-style: double; } + +.bd-light { border-color: #dbe4f7; } + +.bd-lighter { border-color: #dbe4f7; } + +.bd-lightest { border-color: #f4f7fd; } + +.bd-dark { border-color: #394995; } + +.bd-darker { border-color: #394995; } + +.bd-darkest { border-color: #394995; } + +.bd-primary { border-color: #2b56f5; } + +.bd-alternet { border-color: #a2b3cd; } + +.bd-secondary { border-color: #0a1992; } + +.bd-info { border-color: #9ac4fd; } + +.bd-warning { border-color: #fbe5a8; } + +.bd-success { border-color: #b0efce; } + +.bd-danger { border-color: #f5bfb7; } + +.round, .token-stage { border-radius: 6px !important; } + +.round-sm { border-radius: 4px !important; } + +.round-md { border-radius: 10px !important; } + +.round-lg { border-radius: 15px !important; } + +.round-xl { border-radius: 44px !important; } + +.round-full, .circle { border-radius: 50% !important; } + +.round-full:before, .circle:before, .round-full:after, .circle:after { border-radius: 50% !important; } + +.bdrs-1 { border-radius: 1px; } + +.bdrs-2 { border-radius: 2px; } + +.bdrs-3 { border-radius: 3px; } + +.bdrs-4 { border-radius: 4px; } + +.bdrs-5 { border-radius: 5px; } + +.bdrs-6 { border-radius: 6px; } + +.bdrs-7 { border-radius: 7px; } + +.bdrs-8 { border-radius: 8px; } + +.bdrs-9 { border-radius: 9px; } + +.bdrs-1x { border-radius: 10px; } + +.bdrs-2x { border-radius: 20px; } + +.bdrs-3x { border-radius: 30px; } + +.bdrs-4x { border-radius: 40px; } + +.bdrs-5x { border-radius: 50px; } + +.bdrs-15x { border-radius: 15px; } + +.bdrs-25x { border-radius: 25px; } + +.bdrs-35x { border-radius: 35px; } + +.bdrs-45x { border-radius: 45px; } + +.shadow { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08) !important; } + +.shadow-alt { box-shadow: 0 8px 16px 0 rgba(18, 24, 58, 0.15); } + +.shadow-soft { box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.shadow-soft-sm { box-shadow: 0 2px 12px 0 rgba(18, 24, 58, 0.08); } + +.shadow-dark { box-shadow: 0 5px 40px rgba(18, 24, 58, 0.15); } + +.shadow-dark-sm { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.15); } + +.shadow-heavy { box-shadow: 0 5px 50px rgba(18, 24, 58, 0.25); } + +.shadow-heavy-sm { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.25); } + +.nk-df-mask-a, .mask-a:before, .mask-a-bg { background-image: url(../images/mask-a.svg); } + +.ie .nk-df-mask-a, .ie .mask-a:before, .ie .mask-a-bg { background-image: url(../images/mask-a.png); } + +.nk-df-mask-a-md, .mask-a-md:before, .mask-a-md-bg { background-image: url(../images/mask-a-md.svg); } + +.ie .nk-df-mask-a-md, .ie .mask-a-md:before, .ie .mask-a-md-bg { background-image: url(../images/mask-a-md.png); } + +.nk-df-mask-a-dark, .mask-a-dark:before, .mask-a-dark-bg { background-image: url(../images/mask-a-dark.svg); } + +.ie .nk-df-mask-a-dark, .ie .mask-a-dark:before, .ie .mask-a-dark-bg { background-image: url(../images/mask-a-dark.png); } + +.nk-df-mask-line, .mask-line:before, .mask-line-bg { background-image: url(../images/mask-line.svg); } + +.ie .nk-df-mask-line, .ie .mask-line:before, .ie .mask-line-bg { background-image: url(../images/mask-line.png); } + +.nk-df-mask-b, .mask-b:before, .mask-b-bg { background-image: url(../images/mask-b.svg); } + +.ie .nk-df-mask-b, .ie .mask-b:before, .ie .mask-b-bg { background-image: url(../images/mask-b.png); } + +.nk-df-mask-c, .mask-c:before, .mask-c-bg { background-image: url(../images/mask-c.svg); } + +.ie .nk-df-mask-c, .ie .mask-c:before, .ie .mask-c-bg { background-image: url(../images/mask-c.png); } + +.nk-df-mask-c-light, .mask-c-light:before, .mask-c-light-bg { background-image: url(../images/mask-c-light.svg); } + +.ie .nk-df-mask-c-light, .ie .mask-c-light:before, .ie .mask-c-light-bg { background-image: url(../images/mask-c-light.png); } + +.nk-df-mask-c-dark, .mask-c-dark:before, .mask-c-dark-bg { background-image: url(../images/mask-c-dark.svg); } + +.ie .nk-df-mask-c-dark, .ie .mask-c-dark:before, .ie .mask-c-dark-bg { background-image: url(../images/mask-c-dark.png); } + +.nk-df-mask-d, .mask-d:before, .mask-d-bg { background-image: url(../images/mask-d.svg); } + +.ie .nk-df-mask-d, .ie .mask-d:before, .ie .mask-d-bg { background-image: url(../images/mask-d.png); } + +.nk-df-mask-d2, .mask-d2:before, .mask-d2-bg { background-image: url(../images/mask-d2.svg); } + +.ie .nk-df-mask-d2, .ie .mask-d2:before, .ie .mask-d2-bg { background-image: url(../images/mask-d2.png); } + +.nk-df-mask-e, .mask-e:before, .mask-e-bg { background-image: url(../images/mask-e.svg); } + +.ie .nk-df-mask-e, .ie .mask-e:before, .ie .mask-e-bg { background-image: url(../images/mask-e.png); } + +.nk-df-mask-f, .mask-f:before, .mask-f-bg { background-image: url(../images/mask-f.svg); } + +.ie .nk-df-mask-f, .ie .mask-f:before, .ie .mask-f-bg { background-image: url(../images/mask-f.png); } + +.nk-df-mask-f-footer, .mask-f-footer:before, .mask-f-footer-bg { background-image: url(../images/mask-f-footer.svg); } + +.ie .nk-df-mask-f-footer, .ie .mask-f-footer:before, .ie .mask-f-footer-bg { background-image: url(../images/mask-f-footer.png); } + +.mask-a:before, .mask-a-md:before, .mask-a-dark:before { background-position: bottom center !important; } + +.mask-contain-bottom:before { background-size: contain; background-position: 50% 100%; } + +.mask-c-blend { background-image: linear-gradient(180deg, #0d1b61 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-dark { background-image: linear-gradient(180deg, #0C0E24 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-light { background-image: linear-gradient(180deg, #f0f6ff 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-f:before { left: 0 !important; } + +.mask-f-footer:before { background-position: 50% -1px; } + +.before-bottom:before { top: auto; } + +.before-h10:before { height: 10%; } + +.before-h20:before { height: 20%; } + +.before-h30:before { height: 30%; } + +.before-h40:before { height: 40%; } + +.before-h50:before { height: 50%; } + +.before-h60:before { height: 60%; } + +.before-h70:before { height: 70%; } + +.before-h80:before { height: 80%; } + +.before-h90:before { height: 90%; } + +.nk-df-shape-a, .shape-a:after, .shape-a-bg, .bg-shape-a { background-image: url(../images/shape-a.png); } + +.nk-df-shape-a-sm, .shape-a-sm:after, .shape-a-sm-bg { background-image: url(../images/shape-a-sm.png); } + +.nk-df-shape-b, .shape-b:after, .shape-b-bg, .bg-shape-b { background-image: url(../images/shape-b.png); } + +.nk-df-shape-b-sm, .shape-b-sm:after, .shape-b-sm-bg { background-image: url(../images/shape-b-sm.png); } + +.nk-df-shape-c, .shape-c:after, .shape-c-bg { background-image: url(../images/shape-c.png); } + +.nk-df-shape-c-sm, .shape-c-sm:after, .shape-c-sm-bg { background-image: url(../images/shape-c-sm.png); } + +.nk-df-shape-d, .shape-d:after, .shape-d-bg { background-image: url(../images/shape-d.png); } + +.nk-df-shape-d-sm, .shape-d-sm:after, .shape-d-sm-bg { background-image: url(../images/shape-d-sm.png); } + +.nk-df-shape-e, .shape-e:after, .shape-e-bg { background-image: url(../images/shape-e.png); } + +.nk-df-shape-e-sm, .shape-e-sm:after, .shape-e-sm-bg { background-image: url(../images/shape-e-sm.png); } + +.nk-df-shape-f, .shape-f:after, .shape-f-bg { background-image: url(../images/shape-f.png); } + +.nk-df-shape-f-sm, .shape-f-sm:after, .shape-f-sm-bg { background-image: url(../images/shape-f-sm.png); } + +.nk-df-shape-g, .shape-g:after, .shape-g-bg { background-image: url(../images/shape-g.png); } + +.nk-df-shape-g-sm, .shape-g-sm:after, .shape-g-sm-bg { background-image: url(../images/shape-g-sm.png); } + +.nk-df-shape-h, .shape-h:after, .shape-h-bg { background-image: url(../images/shape-h.png); } + +.nk-df-shape-h-sm, .shape-h-sm:after, .shape-h-sm-bg { background-image: url(../images/shape-h-sm.png); } + +.nk-df-shape-i, .shape-i:after, .shape-i-bg { background-image: url(../images/shape-i.png); } + +.nk-df-shape-i-sm, .shape-i-sm:after, .shape-i-sm-bg { background-image: url(../images/shape-i-sm.png); } + +.nk-df-shape-m, .shape-m:after, .shape-m-bg { background-image: url(../images/shape-m.png); } + +.nk-df-shape-n, .shape-n:after, .shape-n-bg { background-image: url(../images/shape-n.png); } + +.nk-df-shape-o, .shape-o:after, .shape-o-bg { background-image: url(../images/shape-o.png); } + +.nk-df-shape-p, .shape-p:after, .shape-p-bg { background-image: url(../images/shape-p.png); } + +.nk-df-shape-q, .shape-q:after, .shape-q-bg { background-image: url(../images/shape-q.png); } + +.nk-df-shape-r, .shape-r:after, .shape-r-bg { background-image: url(../images/shape-r.png); } + +.nk-df-shape-s, .shape-s:after, .shape-s-bg { background-image: url(../images/shape-s.png); } + +.nk-df-shape-s-sm, .shape-s-sm:after, .shape-s-sm-bg { background-image: url(../images/shape-s-sm.png); } + +.nk-df-shape-t, .shape-t:after, .shape-t-bg { background-image: url(../images/shape-t.png); } + +.nk-df-shape-u, .shape-u:after, .shape-u-bg { background-image: url(../images/shape-u.png); } + +.nk-df-shape-v, .shape-v:after, .shape-v-bg { background-image: url(../images/shape-v.png); } + +.nk-df-shape-w, .shape-w:after, .shape-w-bg { background-image: url(../images/shape-w.png); } + +.nk-df-shape-x, .shape-x:after, .shape-x-bg { background-image: url(../images/shape-x.png); } + +.nk-df-shape-x-2, .shape-x-2:after, .shape-x-2-bg { background-image: url(../images/shape-x-2.png); } + +.nk-df-shape-x-3, .shape-x-3:after, .shape-x-3-bg { background-image: url(../images/shape-x-3.png); } + +.nk-df-shape-y, .shape-y:after, .shape-y-bg { background-image: url(../images/shape-y.png); } + +.nk-df-shape-z, .shape-z:after, .shape-z-bg { background-image: url(../images/shape-z.png); } + +.nk-df-shape-z2, .shape-z2:after, .shape-z2-bg { background-image: url(../images/shape-z2.png); } + +.nk-df-shape-a2, .shape-a2:after, .shape-a2-bg { background-image: url(../images/shape-a2.png); } + +.nk-df-shape-z3, .shape-z3:after, .shape-z3-bg { background-image: url(../images/shape-z3.png); } + +.nk-df-shape-z4, .shape-z4:after, .shape-z4-bg { background-image: url(../images/shape-z4.png); } + +.nk-df-shape-z6, .shape-z6:after, .shape-z6-bg { background-image: url(../images/shape-z6.png); } + +.nk-df-shape-z6-sm, .shape-z6-sm:after, .shape-z6-sm-bg { background-image: url(../images/shape-z6-sm.png); } + +.nk-df-shape-z7, .shape-z7:after, .shape-z7-bg { background-image: url(../images/shape-z7.png); } + +.shape-contain:after { background-size: contain; } + +.shape-center-top:after { background-position: 50% 0; } + +.shape-center-bottom:after { background-position: 50% 100%; } + +.shape-left-top:after { background-position: 0 0; } + +.shape-q:after { background-size: contain; background-repeat: repeat; background-position: 0 50%; } + +.shape-lg-60:after { background-size: 60%; } + +.shape-z3:after { background-size: 100%; background-position: bottom center; } + +.shape-x.nk-ovm:after, .shape-x.nk-ovm:before { left: 0 !important; } + +.shape-a2:before { background-size: 100%; } + +.nk-ovm { z-index: 1; } + +.nk-ovm:before, .nk-ovm:after { bottom: -1px; left: -1px; } + +.nk-ovm:before { z-index: 1; } + +.nk-ovm-repeat:after { background-repeat: repeat; background-size: contain; } + +.nk-ovm-fixed:after { background-attachment: fixed; } + +.ovm-top { bottom: auto; } + +.ovm-bottom { top: auto; } + +.ovm-left { right: auto; } + +.ovm-right { left: auto; } + +.ovm-h-10 { height: 10%; } + +.ovm-h-20 { height: 20%; } + +.ovm-h-30 { height: 30%; } + +.ovm-h-40 { height: 40%; } + +.ovm-h-50 { height: 50%; } + +.ovm-h-60 { height: 60%; } + +.ovm-h-70 { height: 70%; } + +.ovm-h-80 { height: 80%; } + +.ovm-h-90 { height: 90%; } + +.ovm-w-10 { width: 10%; } + +.ovm-w-20 { width: 20%; } + +.ovm-w-30 { width: 30%; } + +.ovm-w-40 { width: 40%; } + +.ovm-w-50 { width: 50%; } + +.ovm-w-60 { width: 60%; } + +.ovm-w-70 { width: 70%; } + +.ovm-w-80 { width: 80%; } + +.ovm-w-90 { width: 90%; } + +.has-bg-image > div, .has-bg-video > div { position: relative; z-index: 1; } + +.bg-fixed { background-attachment: fixed; } + +.bg-image { position: absolute !important; z-index: 0 !important; opacity: 0; transition: opacity .4s; } + +.bg-image.bg-image-loaded { opacity: 1; } + +.bg-image img { display: none !important; } + +.bg-pattern-dots-color { background-image: url(../images/dot-a.png); background-size: contain; } + +.bg-pattern-dots { background-image: url(../images/dot-b.png); background-size: contain; background-repeat: repeat-y; } + +.bg-contain { background-size: contain; } + +.bg-bottom-center { background-position: 50% 100%; } + +.bg-shape-b { background-position: 50% 100%; } + +.bg-video { position: absolute !important; z-index: 0 !important; overflow: hidden; } + +.bg-video-cover { opacity: 0; } + +.cover-enabled .bg-video-cover { opacity: 1; } + +.bg-video .ytplayer-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.bg-video .ytplayer-container.cover-enabled .bg-video .ytplayer-container { display: none; } + +.cover-enabled .ytplayer-container { display: none; } + +.bg-image.bp-l0, .has-bg.bp-l0 { background-position: 0%; } + +.bg-image.bp-r0, .has-bg.bp-r0 { background-position: 0%; } + +.bg-image.bp-l10, .has-bg.bp-l10 { background-position: 10%; } + +.bg-image.bp-r10, .has-bg.bp-r10 { background-position: 40%; } + +.bg-image.bp-l20, .has-bg.bp-l20 { background-position: 20%; } + +.bg-image.bp-r20, .has-bg.bp-r20 { background-position: 30%; } + +.bg-image.bp-l25, .has-bg.bp-l25 { background-position: 25%; } + +.bg-image.bp-r25, .has-bg.bp-r25 { background-position: 25%; } + +.bg-image.bp-l30, .has-bg.bp-l30 { background-position: 30%; } + +.bg-image.bp-r30, .has-bg.bp-r30 { background-position: 20%; } + +.bg-image.bp-l40, .has-bg.bp-l40 { background-position: 40%; } + +.bg-image.bp-r40, .has-bg.bp-r40 { background-position: 10%; } + +.overlay:after { content: ''; } + +.overlay-light:after { background: #fff; } + +.overlay-dark:after { background: #000; } + +.overlay-theme:after { background: #0a1992; } + +.overlay-theme-dark:after { background: #000537; } + +.overlay-opacity-10:after { opacity: 0.1; } + +.overlay-opacity-15:after { opacity: 0.15; } + +.overlay-opacity-20:after { opacity: 0.2; } + +.overlay-opacity-25:after { opacity: 0.25; } + +.overlay-opacity-30:after { opacity: 0.3; } + +.overlay-opacity-35:after { opacity: 0.35; } + +.overlay-opacity-40:after { opacity: 0.4; } + +.overlay-opacity-45:after { opacity: 0.45; } + +.overlay-opacity-50:after { opacity: 0.5; } + +.overlay-opacity-55:after { opacity: 0.55; } + +.overlay-opacity-60:after { opacity: 0.6; } + +.overlay-opacity-65:after { opacity: 0.65; } + +.overlay-opacity-70:after { opacity: 0.7; } + +.overlay-opacity-75:after { opacity: 0.75; } + +.overlay-opacity-80:after { opacity: 0.8; } + +.overlay-opacity-85:after { opacity: 0.85; } + +.overlay-opacity-90:after { opacity: 0.9; } + +.overlay-opacity-95:after { opacity: 0.95; } + +.overlay-opacity-100:after { opacity: 1; } + +.op-10 { opacity: 0.1; } + +.op-20 { opacity: 0.2; } + +.op-30 { opacity: 0.3; } + +.op-40 { opacity: 0.4; } + +.op-50 { opacity: 0.5; } + +.op-60 { opacity: 0.6; } + +.op-70 { opacity: 0.7; } + +.op-80 { opacity: 0.8; } + +.op-90 { opacity: 0.9; } + +.op-100 { opacity: 1; } + +.op-15 { opacity: 0.15; } + +.op-25 { opacity: 0.25; } + +.op-35 { opacity: 0.35; } + +.op-45 { opacity: 0.45; } + +.op-55 { opacity: 0.55; } + +.op-65 { opacity: 0.65; } + +.op-75 { opacity: 0.75; } + +.op-85 { opacity: 0.85; } + +.op-95 { opacity: 0.95; } + +.alignright, .alignleft, .aligncenter, .alignnone { display: block; padding: 0; margin: 15px auto; } + +@media (min-width: 576px) { .alignright, .alignleft, .aligncenter, .alignnone { margin: 0 0 15px; display: inline; } + .alignright { margin-left: 20px; float: right; } + .alignleft { margin-right: 20px; float: left; } + .alignnone { margin-right: 20px; } + .aligncenter { display: block; margin: 15px auto; } } + +.wide, .wide-rg, .wide-auto, .wide-auto-rg { max-width: 750px; } + +.wide-auto, .wide-auto-rg, .wide-auto-xl, .wide-auto-lg, .wide-auto-md, .wide-auto-sm, .wide-auto-xs { margin: 0 auto; } + +.wide-xl, .wide-auto-xl { max-width: 1560px; } + +.wide-lg, .wide-auto-lg { max-width: 1140px; } + +.wide-md, .wide-auto-md { max-width: 945px; } + +.wide-sm, .wide-auto-sm { max-width: 555px; } + +.wide-xs, .wide-auto-xs { max-width: 360px; } + +.wide-none, .wide-auto-none { max-width: inherit; } + +.text-center [class*="wide"], .text-center[class*="wide"] { margin-left: auto; margin-right: auto; } + +.over-up, [class*="over-up-"] { z-index: 9; } + +.over-up { margin-top: -175px; } + +.over-up-sm { margin-top: -45px; } + +.over-up-md { margin-top: -75px; } + +.over-up-lg { margin-top: -165px; } + +.over-up-xl { margin-top: -275px; } + +.over-up-s2 { margin-top: -70px; } + +.over-lg-up { margin-top: 0; } + +.over-up-xl-s2 { margin-top: 0; } + +@media (min-width: 768px) { .over-up { margin-top: -190px; } + .over-up-sm { margin-top: -75px; } + .over-up-md { margin-top: -125px; } + .over-up-lg { margin-top: -275px; } + .over-up-xl { margin-top: -350px; } + .over-up-s2 { margin-top: -50px; } } + +@media (min-width: 992px) { .over-lg-up { margin-top: -80px !important; } + .over-up-xl-s2 { margin-top: -230px; } + .nk-ovm-inner { position: absolute; right: 0; top: 0; width: 30%; background: #f5f7fe; height: 100%; z-index: 1; } } + +@media (min-width: 1200px) { .over-lg-up { margin-top: -100px !important; } + .over-up-xl-s2 { margin-top: -230px; } } + +@media (min-width: 1600px) { .over-lg-up { margin-top: -160px !important; } + .over-up-xl-s2 { margin-top: -295px; } } + +.nk-ovm .nk-svgs { z-index: 3; } + +.nk-svgs svg { height: 100%; width: auto; } + +.nk-svgs.svg-loaded svg { display: none; } + +hr { position: relative; z-index: 5; } + +.hr { border-top: 1px solid #dbe4f7; } + +.hr-white { border-top-color: #fff; } + +.hr-white-5 { border-top-color: rgba(255, 255, 255, 0.05); } + +.hr-white-10 { border-top-color: rgba(255, 255, 255, 0.1); } + +.hr-white-15 { border-top-color: rgba(255, 255, 255, 0.15); } + +.hr-black { border-top-color: #000; } + +.hr-black-5 { border-top-color: rgba(0, 0, 0, 0.05); } + +.hr-black-10 { border-top-color: rgba(0, 0, 0, 0.1); } + +.hr-black-15 { border-top-color: rgba(0, 0, 0, 0.15); } + +.h-110 { height: 110% !important; } + +.h-115 { height: 115% !important; } + +.h-120 { height: 120% !important; } + +.h-125 { height: 125% !important; } + +.h-130 { height: 130% !important; } + +.ui-shape { position: absolute; top: 0; left: 0; height: 100%; width: 100%; left: 50%; overflow: hidden; transform: translateX(-50%); z-index: -1; } + +.ui-shape:after, .ui-shape:before { position: absolute; content: ''; height: 210px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; transition: all .4s; } + +.ui-shape:before { top: 15%; left: -4%; width: 100px; background-image: url(../images/ui-shape-a.svg); } + +.ui-shape:after { bottom: 10%; right: -4%; width: 90px; background-image: url(../images/ui-shape-b.svg); } + +.ui-shape-light:before { background-image: url(../images/ui-shape-light-a.svg); } + +.ui-shape-light:after { background-image: url(../images/ui-shape-light-b.svg); } + +.ui-shape-s1:after { transform: rotate(60deg); } + +.ui-shape-s3:before { top: auto; bottom: 20%; } + +.ui-shape-s3:after { top: 10%; bottom: auto; } + +@media (min-width: 576px) { .ui-shape:before { width: 140px; } + .ui-shape:after { width: 120px; } } + +@media (min-width: 768px) { .ui-shape-s7:after { bottom: 15%; right: 16%; } + .ui-shape-s7:before { top: 6%; left: 22%; } + .ui-shape-s6:after { bottom: 9%; right: 0%; } + .ui-shape-s6:before { top: 9%; left: 13.3%; } + .ui-shape-s5:after { right: 4%; bottom: 15%; } + .ui-shape-s4:before { left: 20%; top: 23.5%; } + .ui-shape-s3:after { right: 4%; } + .ui-shape-s2:before { top: 8%; left: 21%; } + .ui-shape-s1:after { right: 0; } + .ui-shape-header:before { top: 22%; left: 9%; } + .ui-shape-header:after { right: 15%; bottom: 32%; } + .ui-shape-footer:before { top: 2%; } + .ui-shape-footer:after { bottom: -11%; } } + +@media (min-width: 992px) { .ui-shape { width: 960px; overflow: visible; } + .ui-shape:after { width: 166px; } + .ui-shape:before { width: 190px; } + .ui-shape-s5:after { right: -2.5%; } + .ui-shape-s3:before { top: auto; bottom: 20%; } + .ui-shape-header:before { left: 5%; } + .ui-shape-header:after { right: 3%; bottom: 22%; } } + +@media (min-width: 1200px) { .ui-shape { width: 1170px; } + .ui-shape-header:before { left: 2%; } + .ui-shape-header:after { right: -2.5%; bottom: 33%; } } + +.overlay-bars { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; } + +.overlay-bars div { position: absolute; background: rgba(255, 255, 255, 0.03); transform: rotate(-15deg); } + +.overlay-bars.reverse { transform: scaleX(-1); } + +.overlay-bar-1 { height: 140%; width: 300px; left: calc(50% - 210px); top: -20%; } + +.overlay-bar-2 { height: 100%; width: 160px; left: calc(50% - 170px); bottom: calc(50% + 155px); } + +.overlay-bar-3 { height: 100%; width: 230px; left: calc(50% - 90px); top: calc(50% + 280px); } + +.overlay-bar-4 { height: 140%; width: 300px; left: calc(50% - 860px); top: -20%; transform: rotate(-15deg); } + +.overlay-bar-5 { height: 140%; width: 160px; left: calc(50% - 910px); top: -20%; } + +.overlay-bar-6 { height: 140%; width: 300px; left: calc(50% + 530px); top: -20%; } + +.overlay-bar-7 { height: 140%; width: 300px; left: calc(50% + 670px); top: -20%; } + +.overlay-x { position: relative; } + +.overlay-x:before, .overlay-x:after { position: absolute; bottom: 0; content: ''; width: 300px; z-index: 1; } + +.overlay-x:before { left: 50%; margin-left: -125px; height: 800px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(-60deg); transform-origin: bottom right; } + +.overlay-x:after { right: 50%; margin-right: -125px; height: 3600px; background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(60deg); transform-origin: bottom right; } + +.background-shape { background: rgba(0, 52, 86, 0.03); position: absolute; height: 100%; width: 100%; content: ''; top: 0; left: 50%; transform: skewX(33deg); transform-origin: left bottom; } + +.tc-light .background-shape { background: rgba(0, 0, 0, 0.03); } + +.background-shape:before, .background-shape:after { background: rgba(255, 255, 255, 0.2); position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.tc-light .background-shape:before, .tc-light .background-shape:after { background: rgba(0, 0, 0, 0.05); } + +.background-shape:before { left: 280px; } + +.background-shape:after { left: 560px; } + +.background-shape.bs-right { left: 70%; } + +.background-shape.bs-reverse { right: 70%; left: auto; transform: skewX(-33deg); transform-origin: right bottom; } + +.background-shape.bs-reverse:before { left: auto; right: 280px; } + +.background-shape.bs-reverse:after { left: auto; right: 560px; } + +.background-shade { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } + +.background-shade .container { height: 100vh; position: relative; } + +.background-shade-left, .background-shade-right { position: absolute; top: 160px; width: 50%; height: calc(100% - 130px); opacity: .15; } + +.background-shade-left:after, .background-shade-right:after { position: absolute; top: 40px; width: 100%; height: 100%; content: ''; } + +.background-shade-left { left: -80px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(-12deg); } + +.tc-light .background-shade-left { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-left:after { left: 40px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-left:after { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right { right: -80px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(12deg); } + +.tc-light .background-shade-right { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right:after { right: 40px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-right:after { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.header-bubbles { position: absolute; left: 0; top: -100%; height: 200%; width: 100%; content: ''; z-index: 1; overflow: hidden; } + +.header-bubbles-single { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } + +.header-bubbles-single div { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.05); } + +.header-bubbles-single-1 { height: 735px; width: 735px; right: calc(50% - 65px); top: calc(50% + 10px); } + +.header-bubbles-single-2 { height: 680px; width: 680px; right: calc(50% + 360px); top: calc(50% - 145px); } + +.header-bubbles-single-3 { height: 350px; width: 350px; right: calc(50% - 95px); top: calc(50% + 540px); } + +.header-bubbles-single-4 { height: 650px; width: 650px; left: calc(50% + 435px); top: calc(50% - 240px); } + +.header-bubbles-single-5 { height: 350px; width: 350px; left: calc(50% + 490px); top: calc(50% + 240px); } + +.header-bubbles-single-6 { height: 440px; width: 440px; left: calc(50% + 685px); top: calc(50% + 240px); } + +.banner-rounded-bg { position: absolute; right: 390px; top: -750px; width: 120%; height: 1350px; z-index: 5; border-radius: 0 0 250px 0; transform: rotate(-8deg) skew(10deg); transform-origin: top right; padding: 0 120px 110px 0; overflow: hidden; } + +.banner-rounded-bg .particles-container { transform: rotate(8deg) skew(-10deg); transform-origin: top right; } + +.banner-shade-1, .banner-shade-2, .banner-shade-3 { display: block; height: 100%; width: 100%; } + +.banner-shade-1 { border-radius: 0 0 160px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%); opacity: .15; padding: 0 100px 90px 0; } + +.banner-shade-2 { border-radius: 0 0 110px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%); padding: 0 90px 80px 0; } + +.banner-shade-3 { border-radius: 0 0 80px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%); } + +@media (max-width: 1400px) { .banner-rounded-bg { right: 330px; } } + +.nk-pages-angled .section { z-index: inherit; } + +.section-bg-angle { position: absolute !important; left: 0; top: 0; height: 100%; width: 100%; content: ''; transform: skewY(10deg); z-index: 1; } + +.section-bg-angle ~ .container, .section-bg-angle ~ .nk-block { position: relative; z-index: 5; } + +.section-angle-top:before { position: absolute; left: 0; top: 0; height: 450px; width: 100%; content: ''; background: #e3e7f8; z-index: 1; } + +.section-angle-top:after { position: absolute; left: 0; bottom: -450px; height: 450px; width: 100%; content: ''; background: #e3e7f8; z-index: 1; } + +.section-angle-bottom:before { position: absolute; left: 0; top: -450px; height: 450px; width: 100%; content: ''; background: #fff; z-index: 2; } + +@media (min-width: 992px) { .section-bg-angle { transform: skewY(17deg); } + .section-bg-angle-s2 { transform: skewY(-4deg); } } + +.ui-mask, [class*=ui-mask] { position: absolute !important; left: 0; top: 0; width: 400px; height: 600px; z-index: 1; overflow: hidden; } + +.ui-mask:after, [class*=ui-mask]:after { position: absolute; right: 30%; top: 25%; content: ""; display: block; background-image: linear-gradient(135deg, rgba(0, 5, 55, 0) 15%, #1c62d8 50%, rgba(0, 5, 55, 0) 80%); border-radius: 50%; height: 400px; width: 400px; -webkit-filter: blur(80px); filter: blur(80px); z-index: 1; } + +.ui-mask:before, [class*=ui-mask]:before { display: none; content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 50%; z-index: 3; } + +.bg-white .ui-mask:after, .bg-theme-light .ui-mask:after, .bg-theme-light-alt .ui-mask:after, .bg-white [class*=ui-mask]:after, .bg-theme-light [class*=ui-mask]:after, .bg-theme-light-alt [class*=ui-mask]:after { display: none; } + +.ui-mask-right { left: auto; right: 0; } + +.ui-mask-right:after { right: auto; left: 30%; } + +.ui-mask-right:before { background-position: 100% 50%; } + +.ui-mask-s2 { width: 420px; height: 900px; transform: translateY(-30%); } + +.ui-mask-s2:after { background-image: linear-gradient(135deg, rgba(0, 5, 55, 0) 15%, #28298a 50%, rgba(0, 5, 55, 0) 80%); } + +.ui-mask-s2:before { display: block; background-image: url(../images/mask-line-a.png); } + +.ui-mask-s2.ui-mask-left:before { transform: rotate(-180deg); } + +.ui-mask-s3 { width: 600px; height: 1400px; transform: translateY(0); } + +.ui-mask-s3:after { height: 650px; width: 400px; right: 45%; background-image: linear-gradient(135deg, rgba(0, 5, 55, 0) 15%, #102486 50%, rgba(0, 5, 55, 0) 80%); } + +.ui-mask-s3:before { display: block; background-image: url(../images/mask-line-b.png); } + +.ui-mask-s3.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s4 { width: 420px; height: 820px; transform: translateY(-20%); } + +.ui-mask-s4:after { height: 510px; background-image: linear-gradient(135deg, rgba(0, 5, 55, 0) 15%, #1d5ecf 50%, rgba(0, 5, 55, 0) 80%); } + +.ui-mask-s5 { width: 440px; height: 1000px; transform: translateY(12%); } + +.ui-mask-s5:after { height: 600px; width: 350px; right: 45%; background-image: linear-gradient(135deg, rgba(0, 5, 55, 0) 15%, #1b5ed1 50%, rgba(0, 5, 55, 0) 80%); } + +.ui-mask-s5:before { display: block; background-image: url(../images/mask-line-c.png); } + +.ui-mask-s5.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s6 { width: 440px; height: 1000px; transform: translateY(2%); } + +.ui-mask-s6:after { height: 410px; width: 500px; left: 30%; background-image: linear-gradient(135deg, rgba(0, 5, 55, 0) 15%, #142692 50%, rgba(0, 5, 55, 0) 80%); } + +.ui-mask-s6:before { display: block; background-image: url(../images/mask-line-d.png); } + +.ui-mask-s6.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s7 { width: 870px; height: 800px; bottom: -20%; left: 50%; margin-left: -150px; top: auto; transform: translateY(0); } + +.ui-mask-s7:after { height: 710px; width: 600px; right: 0; top: 15%; transform: translateX(-25%); background-image: linear-gradient(135deg, rgba(0, 5, 55, 0) 15%, #3762d3 50%, rgba(0, 5, 55, 0) 80%); } + +.ui-mask-s7.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s8 { width: 350px; height: 392px; } + +.ui-mask-s8:before { display: block; background-image: url(../images/polygon-line-a.png); } + +.ui-mask-s8:after { display: none; } + +.ui-mask-s9 { width: 417px; height: 733px; } + +.ui-mask-s9:before { display: block; top: -31px; background-image: url(../images/polygon-line-b.png); } + +.ui-mask-s9:after { display: none; } + +.ui-mask-s10 { width: 417px; height: 733px; } + +.ui-mask-s10:before { display: block; top: -31px; background-image: url(../images/polygon-line-a-fill.png); } + +.ui-mask-s10:after { display: none; } + +.ui-mask-s11 { width: 384px; height: 733px; } + +.ui-mask-s11:before { display: block; top: -31px; background-image: url(../images/polygon-line-c.png); } + +.ui-mask-s11:after { display: none; } + +.ui-mask-s11.ui-mask-right:before { transform: rotateY(180deg); } + +.ui-mask-s12 { width: 80px; height: 270px; } + +.ui-mask-s12:before { display: block; top: 50px; background-image: url(../images/polygon-fill.png); } + +.ui-mask-s12:after { display: none; } + +@media only screen and (min-width: 767px) and (max-width: 1024px) { .ui-mask:before, [class*=ui-mask]:before { background-size: 50%; } } + +@media only screen and (max-width: 767px) { .ui-mask, [class*=ui-mask] { transform: scale(0.5); transform-origin: right; } + .ui-mask-left { transform-origin: left; } } + +/** 03. Elements */ +/** 03.01 Alert */ +.alert { position: relative; font-weight: 400; color: #fff; border: none; } + +.alert:last-child { margin-bottom: 0; } + +.alert a, .alert .alert-link { color: inherit; font-weight: inherit; box-shadow: 0 1px 0 currentColor; transition: box-shadow .3s; } + +.alert a:hover, .alert .alert-link:hover { box-shadow: 0 0 0; } + +.alert .close { color: inherit; transition: all .4s; height: 30px; width: 30px; padding: 0; background: none; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); right: 10px; text-shadow: none; opacity: .7; } + +.alert .close:not(:disabled):not(.disabled):focus, .alert .close:not(:disabled):not(.disabled):hover, .alert .close:hover, .alert .close:focus { color: currentColor; box-shadow: none; outline: none; opacity: 1; } + +.alert .close:after { position: absolute; font-family: 'themify'; content: '\e646'; top: 0; left: 0; color: currentColor; font-size: 12px; line-height: 30px; text-align: center; width: 100%; } + +.alert .close span { display: none; } + +.alert-primary { color: #082cb2; background: #c7d2fc; } + +.alert-primary .close { background: #8ca4fa; } + +.alert-primary-alt { background: #2b56f5; } + +.alert-primary-alt .close { background: #0a32ca; } + +.alert-secondary { color: #0c8dc8; background: #e0f4fd; } + +.alert-secondary .close { background: #eef9fe; } + +.alert-secondary-alt { background: #46bdf4; } + +.alert-secondary-alt .close { background: #0d9ee0; } + +.alert-success { color: #29cf77; background: #cef5e1; } + +.alert-success .close { background: #64e09e; } + +.alert-success-alt { background: #39d884; } + +.alert-success-alt .close { background: #25b96b; } + +.alert-danger { color: #e6604a; background: #f9d6d0; } + +.alert-danger .close { background: #f2afa4; } + +.alert-danger-alt { background: #e6604a; } + +.alert-danger-alt .close { background: #9b2815; } + +.alert-info { color: #026bfb; background: #cae0ff; } + +.alert-info .close { background: #65a6fe; } + +.alert-info-alt { background: #026bfb; } + +.alert-info-alt .close { background: #014096; } + +.alert-warning { color: #e0a609; background: #fef4db; } + +.alert-warning .close { background: #f9d46f; } + +.alert-warning-alt { background: #f6be26; } + +.alert-warning-alt .close { background: #e0a609; } + +/** 03.02 Buttons */ +.btn { position: relative; font-size: 12px; line-height: 24px; font-weight: 500; padding: 8px 15px; text-align: center; text-transform: uppercase; color: #fff; min-width: 120px; max-width: 100%; border: 2px solid #2b56f5; box-sizing: border-box; transition: all 0.5s; position: relative; border-radius: 5px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; cursor: pointer; } + +.btn .icon { color: inherit; } + +.btn:hover { color: #fff !important; } + +.btn-grad { border: none; background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%); } + +.btn-grad:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; z-index: -2; border-radius: 5px; opacity: 0; transition: all .5s; background-image: linear-gradient(to right, #46bdf4 0%, #2b56f5 100%); } + +.btn-grad:hover:before { opacity: 1; } + +.btn-grad:hover, .btn-grad:focus { color: #fff !important; } + +.btn-grad-alt { background-image: linear-gradient(to right, #46bdf4 0%, #2b56f5 100%); } + +.btn-grad-alt:before { background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%); } + +.btn-grad-alternet { background-image: linear-gradient(to right, #7a0fff 0%, #2b56f5 100%); } + +.btn-grad-alternet:before { background-image: linear-gradient(to right, #2b56f5 0%, #7a0fff 100%); } + +.btn-grad-alternet-alt { background-image: linear-gradient(to right, #2b56f5 0%, #7a0fff 100%); } + +.btn-grad-alternet-alt:before { background-image: linear-gradient(to right, #7a0fff 0%, #2b56f5 100%); } + +.btn-grad-theme { background-image: linear-gradient(to right, #0a1992 0%, #000537 100%); } + +.btn-grad-theme:before { background-image: linear-gradient(to right, #000537 0%, #0a1992 100%); } + +.btn-grad-theme-alt { background-image: linear-gradient(to right, #46bdf4 0%, #2b56f5 100%); } + +.btn-grad-theme-alt:before { background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%); } + +.btn:hover, .btn:focus { outline: none !important; box-shadow: none !important; } + +.btn span { position: relative; z-index: 999999; display: block; } + +.btn span + .icon { margin-left: 10px; } + +.btn .icon + span { margin-left: 10px; } + +.btn .badge { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); } + +.btn-md { font-size: 12px; line-height: 24px; padding: 10px 26px; } + +.btn-rg { line-height: 24px; padding: 8px 20px; } + +.btn-sm { font-size: 11px; line-height: 23px; padding: 8px 20px; } + +.btn-xxs { font-size: 12px; line-height: 21px; padding: 0 10px; border-width: 1px; border-radius: 3px; } + +.btn-auto { min-width: 44px !important; } + +.btn-auto-lg { min-width: 80px !important; height: 100%; } + +.btn-grp { display: inline-flex; flex-wrap: wrap; align-items: center; margin: -7px; } + +.btn-grp > div, .btn-grp > li { padding: 7px; } + +.btn-grp-break > div, .btn-grp-break > li { width: 100%; text-align: center; } + +.text-center .btn-grp { justify-content: center; } + +.btn-download { display: inline-block; height: 40px; } + +.btn-grp-s2 .btn-download { width: 100px; height: 35px; } + +.btn-download img { height: 100%; } + +.btn-outline:not(:hover) { color: #415076; background-color: transparent !important; } + +.btn-outline:before { background-image: none; background-color: #fff; opacity: 1; margin: 2px; width: calc(100% - 4px); height: calc(100% - 4px); } + +.btn-outline.on-bg-light:before { background-color: #f5f7fe; } + +.btn-outline.on-bg-light-alt:before { background-color: #e3e7f8; } + +.btn-outline.on-bg-theme, .btn-outline.on-bg-theme-alt, .btn-outline.on-bg-theme-dark, .btn-outline.on-bg-theme-dark-alt { color: #fff; } + +.btn-outline.on-bg-theme:before { background-color: #0a1992; } + +.btn-outline.on-bg-theme-alt:before { background-color: #000537; } + +.btn-outline.on-bg-theme-dark:before { background-color: #000537; } + +.btn-outline.on-bg-theme-dark-alt:before { background-color: #08157a; } + +.btn-outline:hover { color: #fff !important; } + +.btn-outline:hover:before { opacity: 0; } + +.btn-outline.btn-grad { border: none; } + +.btn-outline.btn-grad:hover { color: #fff !important; } + +.btn-icon { min-width: 44px; padding-left: 6px; padding-right: 6px; } + +.btn-primary { background-color: #2b56f5; border-color: #2b56f5; } + +.btn-primary:hover, .btn-primary:focus { background-color: #46bdf4; border-color: #46bdf4; } + +.btn-primary:hover:focus, .btn-primary:focus:focus { color: #fff !important; } + +.tc-light .btn-primary:hover, .tc-light .btn-primary:focus { background-color: #46bdf4; border-color: #46bdf4; color: #fff !important; } + +.btn-primary.btn-outline:hover { background-color: #2b56f5; border-color: #2b56f5; color: #fff !important; } + +.btn-secondary { background-color: #46bdf4; border-color: #46bdf4; } + +.btn-secondary:hover, .btn-secondary:focus { background-color: #2b56f5; border-color: #2b56f5; } + +.btn-secondary.focus:focus { color: #fff !important; } + +.btn-secondary.btn-outline:hover, .btn-secondary.btn-outline:focus { background-color: #46bdf4; border-color: #46bdf4; } + +.btn-info { background-color: #026bfb; border-color: #026bfb; } + +.btn-info:hover { background-color: #014baf; border-color: #014baf; } + +.btn-info.btn-outline:hover { background-color: #026bfb; border-color: #026bfb; } + +.btn-warning { background-color: #f6be26; border-color: #f6be26; } + +.btn-warning:hover { background-color: #c79408; border-color: #c79408; } + +.btn-warning.btn-outline:hover { background-color: #f6be26; border-color: #f6be26; } + +.btn-success { background-color: #39d884; border-color: #39d884; } + +.btn-success:hover { background-color: #20a45f; border-color: #20a45f; } + +.btn-success.btn-outline:hover { background-color: #39d884; border-color: #39d884; } + +.btn-danger { background-color: #e6604a; border-color: #e6604a; } + +.btn-danger:hover { background-color: #c8341c; border-color: #c8341c; } + +.btn-danger.btn-outline:hover { background-color: #e6604a; border-color: #e6604a; } + +.btn-dark { background-color: #415076; border-color: #415076; } + +.btn-dark:hover { background-color: #1d2334; border-color: #1d2334; } + +.btn-dark.btn-outline:hover { background-color: #415076; border-color: #415076; } + +.btn-theme-dark { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0); } + +.btn-theme-dark:hover { background-color: #000537; border-color: #000537; } + +.btn-light { background-color: #f5f7fe; border-color: #f5f7fe; color: #415076 !important; } + +.btn-light:hover { background-color: #c7d2f9; border-color: #c7d2f9; color: #415076 !important; } + +.btn-light.btn-outline { background-color: #f5f7fe; border-color: #f5f7fe; } + +.btn-light.btn-outline:hover { background-color: #f5f7fe; border-color: #f5f7fe; } + +.tc-light .btn-light.btn-outline { color: #fff !important; } + +.tc-light .btn-light.btn-outline:hover { color: #415076 !important; } + +.btn-light.tc-light:not(:hover) { color: #fff !important; } + +.btn-facebook { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook:hover { background-color: #2d4373; border-color: #2d4373; } + +.btn-facebook.btn-outline .icon { color: #3b5998; } + +.btn-facebook.btn-outline:hover { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook.btn-outline:hover .icon { color: #fff; } + +.btn-google { background-color: #d85040; border-color: #d85040; } + +.btn-google:hover { background-color: #be3727; border-color: #be3727; } + +.btn-google.btn-outline .icon { color: #d85040; } + +.btn-google.btn-outline:hover { background-color: #d85040; border-color: #d85040; } + +.btn-google.btn-outline:hover .icon { color: #fff; } + +.btn-play { position: relative; color: #fff; height: 60px; width: 60px; font-size: 18px; text-align: center; line-height: 58px; border-radius: 50%; display: inline-block; border: 1px solid currentColor; } + +.btn-play-sm { height: 40px; width: 40px; line-height: 38px; } + +.btn-play:after { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(65, 80, 118, 0.35); animation: 1s ease 0s normal none infinite running playbutton; } + +.tc-light .btn-play:after { border-color: rgba(255, 255, 255, 0.35); } + +.btn-play:hover { color: #46bdf4 !important; } + +.btn-play-s2 { background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%); border: none; } + +.btn-play-s2:before { position: absolute; height: calc(100% - 4px); width: calc(100% - 4px); top: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .btn-play-s2:before { background: #f5f7fe; } + +.bg-light-alt .btn-play-s2:before { background: #e3e7f8; } + +.bg-theme .btn-play-s2:before { background: #0a1992; } + +.bg-theme-alt .btn-play-s2:before { background: #000537; } + +.bg-theme-dark .btn-play-s2:before { background: #000537; } + +.bg-theme-dark-alt .btn-play-s2:before { background: #08157a; } + +.bg-white .btn-play-s2:before { background: #fff; } + +.btn-play-s3 { background-color: #fff; border: none; } + +.btn-play-icon { height: 20px; width: 14px; background: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); } + +.btn-play-icon:before, .btn-play-icon:after { position: absolute; content: ''; height: 0; width: 0; right: -1px; border-right: 14px solid #fff; } + +.bg-light .btn-play-icon:before, .bg-light .btn-play-icon:after { border-right-color: #f5f7fe; } + +.bg-light-alt .btn-play-icon:before, .bg-light-alt .btn-play-icon:after { border-right-color: #e3e7f8; } + +.bg-theme .btn-play-icon:before, .bg-theme .btn-play-icon:after { border-right-color: #0a1992; } + +.bg-theme-alt .btn-play-icon:before, .bg-theme-alt .btn-play-icon:after { border-right-color: #000537; } + +.bg-theme-dark .btn-play-icon:before, .bg-theme-dark .btn-play-icon:after { border-right-color: #000537; } + +.bg-theme-dark-alt .btn-play-icon:before, .bg-theme-dark-alt .btn-play-icon:after { border-right-color: #08157a; } + +.bg-white .btn-play-icon:before, .bg-white .btn-play-icon:after { border-right-color: #fff; } + +.btn-play-icon:before { top: 0; border-bottom: 10px solid transparent; } + +.btn-play-icon:after { bottom: 0; border-top: 10px solid transparent; } + +.btn-play-icon-s2 { height: 34px; width: 24px; } + +.btn-play-icon-s2 path { fill: #2b56f5; } + +.btn-play-dark { color: #fff; } + +.btn-play-dark:hover { color: #46bdf4; } + +.btn-play-wrap { display: inline-flex; align-items: center; } + +.btn-play-wrap-s2 { flex-direction: column; } + +.btn-play-wrap-s1:hover { transform: translateX(15px); } + +.btn-play-text { margin-left: 20px; } + +.btn-play-text span { display: block; color: #415076; } + +.tc-light .btn-play-text span { color: #fff; } + +.btn-play-text .text-sm { font-size: 21px; } + +.btn-play-text .text-xs { font-size: 12px; color: #2b56f5 !important; } + +.btn-play-wrap-s2 .btn-play-text { margin-left: 0; margin-top: 15px; } + +.btn-link { color: #2b56f5; text-decoration: none; } + +.btn-link:hover, .btn-link:focus { color: #2b56f5; text-decoration: none; box-shadow: 0 1px 0 currentColor; } + +.btn-underline { padding-left: 0 !important; padding-right: 0 !important; color: #2b56f5; background: none !important; border-color: transparent !important; text-decoration: none; } + +.btn-underline:hover, .btn-underline:focus { color: #fff; text-decoration: none; } + +.btn-round { border-radius: 40px; } + +.btn-round:before { border-radius: 40px; } + +.btn-round.btn-lg { border-radius: 54px; } + +.btn-round.btn-lg:before { border-radius: 54px; } + +.btn-round.btn-md { border-radius: 44px; } + +.btn-round.btn-md:before { border-radius: 44px; } + +.btn-round.btn-sm { border-radius: 39px; } + +.btn-round.btn-sm:before { border-radius: 39px; } + +.btn-round.btn-xxs { border-radius: 21px; } + +.btn-round.btn-xxs:before { border-radius: 21px; } + +.btn-with-icon { padding: 1px; background-color: #2b56f5; } + +.btn-with-icon span { display: inline-block; padding: 0 18px 0 28px; flex-grow: 1; } + +.btn-with-icon .icon { height: 47px; width: 47px; line-height: 47px; border-radius: 5px; background: #fff; color: #2b56f5; transition: all 0.3s; } + +.btn-with-icon.btn-md { padding: 1px; } + +.btn-with-icon.btn-md .icon { height: 38px; width: 38px; line-height: 38px; } + +.btn-with-icon.btn-sm { padding: 1px; } + +.btn-with-icon.btn-sm span { padding: 0 13px 0 23px; } + +.btn-with-icon.btn-sm .icon { height: 28px; width: 28px; line-height: 28px; } + +.btn-with-icon.btn-round .icon { border-radius: 24px; } + +.btn-with-icon.btn-round.btn-md .icon { border-radius: 19px; } + +.btn-with-icon.btn-round.btn-sm .icon { border-radius: 14px; } + +.btn-with-icon.btn-light { color: #0a1992 !important; border-color: #fff; background: #fff; } + +.btn-with-icon.btn-light .icon { color: #fff; background: #000537; } + +.btn-with-icon.btn-light:hover { color: #000537 !important; } + +.btn-with-icon.btn-light:hover .icon { background: #0a1992; } + +.btn-with-icon.btn-light:not(:disabled):not(.disabled).active { border-color: #fff !important; background: #fff !important; color: #415076 !important; } + +.btn-with-icon.btn-alt .icon { color: currentColor; background: transparent !important; font-size: 20px; width: auto; margin-right: 30px; transition: none; } + +.btn-grp-after li { font-size: 20px; position: relative; } + +.btn-grp-after li a { color: rgba(174, 175, 255, 0.8) !important; } + +.btn-grp-after li:not(:last-child):after { content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 14px; width: 1px; background: rgba(174, 175, 255, 0.3); } + +.btn-transparent { background: transparent !important; border: transparent; color: #fff !important; font-size: 0.9rem !important; padding: 12px 0; } + +.as-mobile .btn-transparent, .has-fixed .btn-transparent { color: #415076 !important; } + +@keyframes playbutton { 0% { transform: scale(0.75); + opacity: 1; } + 100% { transform: scale(1.3); + opacity: 0; } } + +@media (min-width: 576px) { .btn { font-size: 13px; line-height: 25px; padding: 12px 30px; letter-spacing: 0.1em; min-width: 120px; } + .btn.btn-grad { padding: 14px 30px; } + .btn-lg { font-size: 14px; font-weight: 700; line-height: 24px; padding: 15px 40px; min-width: 190px; } + .btn-md { font-size: 12px; line-height: 24px; padding: 10px 20px; min-width: 160px; } + .btn-md.btn-grad { padding: 10px 30px; } + .btn-rg { font-size: 12px; line-height: 24px; padding: 6px 20px; } + .btn-rg.btn-grad { padding: 8px 25px; } + .btn-sm { font-size: 12px; line-height: 23px; padding: 3px 20px; } + .btn-sm.btn-grad { padding: 5px 30px; } + .btn-xxs { font-size: 13px; line-height: 21px; padding: 0 10px; } + .btn-play { height: 80px; width: 80px; font-size: 18px; line-height: 78px; } + .btn-play-sm { height: 60px; width: 60px; line-height: 58px; } + .btn-icon { padding-left: 6px; padding-right: 6px; } + .btn-grp { margin: -15px; } + .btn-grp > div, .btn-grp > li { padding: 15px; } + .text-sm-left .btn-grp { justify-content: center; } + .btn-grp-s2 { margin: -10px; position: relative; } + .btn-grp-s2 > div, .btn-grp-s2 > li { padding: 10px; } + .btn-grp-s2 .btn-download { width: auto; height: 40px; } + .btn-transparent { padding: 12px 6px; } } + +@media (min-width: 768px) { .text-md-left .btn-grp { justify-content: flex-start; } } + +@media (min-width: 992px) { .text-lg-left .btn-grp { justify-content: flex-start; } + .btn-grp .btn-lg { padding: 15px 35px; } } + +@media (min-width: 1200px) { .text-xl-left .btn-grp { justify-content: flex-start; } } + +.badge { color: #fff; background-color: #2b56f5; display: inline-block; font-weight: 600; text-transform: uppercase; border-radius: 34px; padding: 5px 16px; font-size: 13px; line-height: 24px; border: 1px solid #2b56f5; } + +.badge:not(.badge-outline) { color: #fff; } + +.badge-primary { background-color: #2b56f5; border-color: #2b56f5; color: #2b56f5; } + +.badge-secondary { background-color: #46bdf4; border-color: #46bdf4; color: #46bdf4; } + +.badge-info { background-color: #026bfb; border-color: #026bfb; color: #026bfb; } + +.badge-warning, .badge-hot { background-color: #f6be26; border-color: #f6be26; color: #f6be26; } + +.badge-success, .badge-new { background-color: #39d884; border-color: #39d884; color: #39d884; } + +.badge-danger { background-color: #e6604a; border-color: #e6604a; color: #e6604a; } + +.badge-dark { background-color: #0b0c10; border-color: #0b0c10; color: #0b0c10; } + +.badge-light { background-color: #c7d2f9; border-color: #c7d2f9; color: #415076 !important; } + +.badge-light.badge-outline { color: #c7d2f9; } + +.badge-outline { background-color: transparent; } + +.badge-lg { font-size: 16px; } + +.badge-md { border-radius: 34px; padding: 5px 16px; font-size: 12px; line-height: 18px; } + +.badge-sm { border-radius: 34px; padding: 2px 12px; font-size: 12px; line-height: 18px; } + +.badge-xs { border-radius: 34px; padding: 0 8px; font-size: 9px; line-height: 16px; letter-spacing: 0.05em; } + +.badge-cap { text-transform: capitalize; } + +.badge-regular { font-weight: 400; } + +.badge-dot { width: 5px; height: 5px; border-radius: 50%; background: #2b56f5; border-color: #2b56f5; display: inline-block !important; vertical-align: middle; padding: 0; } + +.link { display: inline-flex; align-items: center; font-size: 12px; color: #000537; font-weight: 500; letter-spacing: 0.005rem; white-space: nowrap; } + +.link:hover { color: #2b56f5; } + +.link-uc { text-transform: uppercase; letter-spacing: 0.2em; } + +.link-icon { margin-right: 5px; font-size: 14px; transition: transform .3s; } + +.link-icon:only-child { margin-right: 0 !important; } + +.link-icon-sm { font-size: 12px; } + +.link-xs .link-icon { font-size: 12px; margin-right: 12px; } + +.link-animate:hover .link-icon { transform: translate(-5px, 0); } + +.link span + .link-icon { margin-left: 5px; margin-right: 0; } + +.link-animate:hover span + .link-icon { transform: translate(5px, 0); } + +.link .icon-circle { font-size: inherit; margin-right: 12px; } + +.link .icon-circle.link-icon { transition: all .4s; } + +.link-break { flex-direction: column; } + +.link-break .icon-circle { margin-left: 10px; margin-bottom: 10px; } + +.link-primary { color: #2b56f5 !important; } + +.link-primary .link-icon.icon-circle { background: #2b56f5; color: #fff !important; } + +.link-primary:hover { color: #46bdf4 !important; } + +.link-primary:hover .link-icon.icon-circle { background: #46bdf4; } + +.link-light { color: #415076 !important; } + +.tc-light .link-light { color: #fff !important; } + +.link-light .link-icon { color: #2b56f5; } + +.link-light .link-icon.icon-circle { background: #415076; color: #fff !important; } + +.link-light:hover { color: #2b56f5 !important; } + +.link-light:hover .link-icon.icon-circle { background: #2b56f5; } + +.link-thin { font-weight: 300; } + +.link-underline { text-decoration: underline !important; } + +@media (min-width: 420px) { .btn-grp-break > div, .btn-grp-break > li { width: auto; text-align: left; } + .link { font-size: 14px; } + .link-xs { font-size: 12px; } + .link-break { flex-direction: row; } + .link-break .icon-circle { margin-left: 0; margin-bottom: 0; } } + +/** 03.03 Title */ +.title { position: relative; font-size: 1.75rem; } + +.title:not(:last-child) { margin-bottom: 1.25rem; } + +.title small { font-size: 50%; margin-top: 0.75rem; } + +.title-thin { font-weight: 300; } + +.title-regular { font-weight: 400; } + +.title-xxs { font-size: 12px; letter-spacing: 0.1em; } + +.title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + +.title-xs { text-transform: uppercase; font-size: 0.88rem; letter-spacing: 0.2em; } + +.title-xs-alt { font-size: 0.94rem; } + +.title-xs-s1 { font-size: 1.1rem; letter-spacing: 0.4em; } + +.title-xs-s2 { font-size: 1.1rem; letter-spacing: 0; } + +.title-xs small { font-size: 70%; } + +.title-sm { font-size: 1.125rem; } + +.title-sm:not(:last-child) { margin-bottom: 0.85rem; } + +.title-sm small { font-size: 70%; } + +.title-md { font-size: 1.375rem; } + +.feature-text-wd .title-md { font-size: 1.125rem; } + +.title-md:not(:last-child) { margin-bottom: 1rem; } + +.title-lg { font-size: 1.75rem; } + +.title-xl { font-size: 1.75rem; } + +.title-xl-s2 { font-size: 1.75rem; line-height: 1.3; } + +.title-light { color: rgba(10, 25, 146, 0.6); } + +.title-dark { color: #12183a; } + +.title-base { color: #415076; } + +.title a { color: #0a1992; } + +.title a:hover { color: #2b56f5; } + +a:hover .title { color: #2b56f5; } + +a .title { transition: all .4s; } + +.title-mid { font-weight: 500; } + +.title-semibold { font-weight: 600; } + +.title-bold { font-weight: 700; } + +.title-s1 { padding-left: 75px; display: inline-block; font-weight: 600; } + +.title-s1:before { position: absolute; left: 0 !important; top: 50%; margin-top: -1px; height: 2px; width: 60px; content: ''; transform: translate(0, -50%) !important; opacity: 1 !important; background: #0a1992; } + +.tc-light .title-s1:before { background: #fff; } + +.title-s1.tc-primary:before, .tc-primary a.title-s1:before { background: #2b56f5; } + +.title-s2 { padding-bottom: 26px; } + +.title-s2:after { position: absolute; left: 50%; bottom: 0; content: ''; margin-left: -40px; width: 80px; height: 6px; border-radius: 3px; background: #2b56f5; } + +.tc-light .title-s2:after { background: #2b56f5; } + +.title-s2-alt { padding-bottom: 0; padding-top: 26px; } + +.title-s2-alt:after { top: 0; bottom: auto; } + +.title-s3 { font-size: 2.2rem !important; line-height: 1.3 !important; } + +.title-s4 { font-size: 2.3rem; opacity: 0.3; padding-bottom: 10px; text-transform: uppercase; } + +.title-s5 { padding-bottom: 24px; margin-bottom: 20px; } + +.title-s5.title-sm { font-size: 0.9rem; } + +.title-s5.title-sm span:first-child { font-size: 1.25rem; } + +.title-s5 span:first-child { display: block; padding-bottom: 13px; color: #2b56f5; font-weight: 500; } + +.tc-light .title-s5 span:first-child { color: #fff; } + +.title-s5 span:last-child { opacity: .7; } + +.title-s5:after { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); content: ''; width: 50px; height: 3px; border-radius: 2px; background: #2b56f5; } + +.title-s6 { position: relative; } + +.title-s6:before { position: absolute; top: 8px; left: -15px; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #2b56f5; } + +.title-s7 span:first-child { display: block; padding-bottom: 13px; color: #000537; font-size: 1.35rem; } + +.tc-light .title-s7 span:first-child { color: #fff; } + +.title-s7 span:last-child { font-size: 0.9rem; color: #415076; } + +.title-xxl-grad { font-size: 70px; line-height: 1; font-weight: 700; margin-bottom: 0; background: -webkit-linear-gradient(#0b39e2, #16acf1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: .4; } + +.title-ele-head { background: linear-gradient(180deg, #415076 0%, #aeafff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.title-sub { color: #d87032; } + +@media (min-width: 576px) { .title { font-size: 2.25rem; } + .title:not(:last-child) { margin-bottom: 1.25rem; } + .title small { font-size: 50%; margin-top: 0.75rem; } + .title-xxs { font-size: 12px; letter-spacing: 0.1em; } + .title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + .title-xs { font-size: 0.88rem; } + .title-xs-alt { font-size: 0.94rem; } + .title-xs-s1 { font-size: 1.1rem; } + .title-xs-s2 { font-size: 1.1rem; } + .title-xs small { font-size: 70%; } + .title-sm { font-size: 1.125rem; } + .title-sm:not(:last-child) { margin-bottom: 0.85rem; } + .title-md { font-size: 1.375rem; } + .title-md:not(:last-child) { margin-bottom: 1rem; } + .title-md-s2 { font-size: 1.675rem; line-height: 1.6; } + .title-lg { font-size: 1.75rem; } + .title-xl { font-size: 3.5rem; } + .title-xl-s2 { font-size: 2.2rem; } + .title-s3 { font-size: 2.2rem !important; } + .title-s4 { font-size: 2.3rem; } + .title-s5.title-sm { font-size: 0.9rem; } + .title-s5.title-sm span:first-child { font-size: 1.25rem; } + .title-xl-2 { font-size: 1.8rem !important; } + .title-xxl-grad { font-size: 140px; } } + +@media (min-width: 768px) { .title-xl-2 { font-size: 2.2rem !important; } + .title-xxl-grad { font-size: 200px; } } + +@media (min-width: 992px) { .title-xxl-grad { font-size: 250px; } + .feature-text-wd .title-md { font-size: 1.375rem; } } + +@media (min-width: 1200px) { .title-xl-s2 { font-size: 2.8rem !important; } } + +@media (min-width: 1600px) { .title-xl-2 { font-size: 2.8rem !important; line-height: 1.3 !important; } + .banner-s1 .title-xl-2 { font-size: 2.3rem !important; } + .title-xl-s3 { font-size: 2.75rem !important; } } + +/** 03.04 List */ +.list li { line-height: 1.512; padding: 5px 0; position: relative; color: #415076; font-size: 14px; } + +.tc-light .list li { color: #d2d3ff; } + +.list-check li { padding-left: 24px; } + +.list-check li:before { position: absolute; top: 0; left: 0; height: 22px; width: 26px; line-height: 26px; padding: 3px 0; color: #2b56f5; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; content: '\f00c'; transition: all .4s; } + +.tc-light .list-check li:before { color: #2b56f5; } + +.list-check-s3 li { padding: 0px 0px 0px 55px; margin-bottom: 18px; line-height: 1.8; } + +.list-check-s3 li:before { width: 35px; height: 35px; background: #2b56f5; border-radius: 50%; color: #fff; text-align: center; line-height: 29px; font-size: 16px; left: 0; top: 5px; } + +.tc-light .list-check-s3 li:before { background: #2b56f5; color: #fff; } + +.list-check-s3-sm li { padding: 0px 0px 0px 40px; margin-bottom: 30px; } + +.list-check-s3-sm li .title-md { margin-bottom: 0.5rem; } + +.list-check-s3-sm li:before { width: 25px; height: 25px; line-height: 20px; font-size: 11px; top: 2px; } + +.list-check-s4 li { margin: 0; padding-left: 35px; position: relative; } + +.list-check-s4 li:before { left: 15px; top: 14px; } + +.list-number { counter-reset: item; } + +.list-number li { line-height: 1.86; margin-bottom: 10px; padding-left: 65px; } + +.list-number li:before { position: absolute; top: 10px; left: 25px; counter-increment: item; content: counter(item) "."; font-size: 30px; font-weight: 700; line-height: 1; color: #2b56f5; font-family: 'Poppins', sans-serif !important; } + +.tc-light .list-number li:before { color: #2b56f5; } + +.list-number-s2 li { padding-left: 60px; } + +.has-rtl .list-number-s2 li { padding-right: 60px; padding-left: 0; } + +.list-number-s2 li:not(:last-child) { margin-bottom: 16px; } + +.list-number-s2 li span { width: 30px; height: 30px; position: absolute; left: 0; top: 5px; line-height: 30px; text-align: center; background: rgba(43, 86, 245, 0.2); border-radius: 50%; color: #7a0fff; font-weight: 400; } + +.has-rtl .list-number-s2 li span { left: auto; right: 0; } + +.list-dot li { position: relative; padding-left: 22px; line-height: 1.62; } + +.list-dot li:before { position: absolute; top: 14px; left: 0; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #0a1992; } + +.tc-light .list-dot li:before { background: #46bdf4; } + +.list-dot.list-sm { margin-top: -5px; margin-bottom: -5px; } + +.list-dot.list-sm li { padding-left: 16px; font-size: 0.9rem; padding-top: 10px; padding-bottom: 10px; } + +.list-dot.list-sm li:before { top: 19px; } + +.list-dot-bar { padding: 20px 0 65px 38px; } + +.list-dot-bar li { margin-bottom: 10px; } + +.list-dot-bar li span { width: 20px; height: 20px; content: ""; background: transparent; position: absolute; border-radius: 50%; border: 2px solid #46bdf4; left: -38px; top: 7px; } + +.list-dot-bar li span:after, .list-dot-bar li span:before { position: absolute; content: ""; top: 50%; left: 50%; background: #46bdf4; } + +.list-dot-bar li span:after { width: 7px; height: 7px; border-radius: 50%; transform: translate(-50%, -50%); } + +.list-dot-bar li span:before { width: 18px; height: 2px; transform: translateY(-50%); } + +.list-btn li { display: inline-block; padding-right: 15px; } + +.list-btn li:not(:first-child) a { padding-right: 10px; } + +.list-btn-dropdown { margin: -22px -30px; } + +.list-btn-dropdown > li { display: inline-block; margin: 18px 30px; } + +.list-btn-dropdown > li a { min-width: 200px; } + +.list-btn-dropdown > li a i { position: absolute; font-size: 20px; top: 0; right: 30px; line-height: 42px; } + +.list-inline { display: inline-flex; } + +@media (min-width: 576px) { .list li { font-size: 15px; } } + +/** 03.05 Form */ +input ~ .error, textarea ~ .error, select ~ .error { position: absolute; right: -10px; top: -15px; background: #e6604a; color: #fff; font-size: 11px; line-height: 18px; padding: 2px 10px; border-radius: 2px; z-index: 9; white-space: nowrap; } + +input ~ .error:after, textarea ~ .error:after, select ~ .error:after { position: absolute; content: ''; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid #e6604a; border-bottom: 5px solid transparent; bottom: -5px; left: 3px; } + +.tc-light input ~ .error, .tc-light textarea ~ .error, .tc-light select ~ .error { background: #e6604a; color: #fff; box-shadow: none; } + +.tc-light input ~ .error:after, .tc-light textarea ~ .error:after, .tc-light select ~ .error:after { border-right-color: #e6604a; } + +input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input::-webkit-input-placeholder, .tc-light .bg-light-alt input::-webkit-input-placeholder, .tc-light .bg-white input::-webkit-input-placeholder, .tc-light .bg-light textarea::-webkit-input-placeholder, .tc-light .bg-light-alt textarea::-webkit-input-placeholder, .tc-light .bg-white textarea::-webkit-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input::-webkit-input-placeholder, .tc-light textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input::-moz-placeholder, .tc-light .bg-light-alt input::-moz-placeholder, .tc-light .bg-white input::-moz-placeholder, .tc-light .bg-light textarea::-moz-placeholder, .tc-light .bg-light-alt textarea::-moz-placeholder, .tc-light .bg-white textarea::-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input::-moz-placeholder, .tc-light textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input:-ms-input-placeholder, .tc-light .bg-light-alt input:-ms-input-placeholder, .tc-light .bg-white input:-ms-input-placeholder, .tc-light .bg-light textarea:-ms-input-placeholder, .tc-light .bg-light-alt textarea:-ms-input-placeholder, .tc-light .bg-white textarea:-ms-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input:-ms-input-placeholder, .tc-light textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-moz-placeholder, textarea:-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input:-moz-placeholder, .tc-light .bg-light-alt input:-moz-placeholder, .tc-light .bg-white input:-moz-placeholder, .tc-light .bg-light textarea:-moz-placeholder, .tc-light .bg-light-alt textarea:-moz-placeholder, .tc-light .bg-white textarea:-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input:-moz-placeholder, .tc-light textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +.field-item { position: relative; padding-bottom: 15px; } + +.field-wrap { position: relative; } + +.field-wrap + p { margin-top: .75rem; } + +.field-wrap .btn + .form-results:not(:empty) { margin-top: 30px; } + +.field-wrap .label-inline { padding-left: 25px; line-height: normal; } + +.has-rtl .field-wrap .label-inline { padding-left: 0; padding-right: 25px; } + +.field-wrap .label-inline .icon { font-size: 20px; color: #adb2be; } + +.field-label { font-size: 12px; font-weight: 700; letter-spacing: 0.2em; } + +.field-label-line { position: absolute; width: 100%; top: 10px; font-size: 0.94rem; font-weight: 400; letter-spacing: normal; left: 0; color: rgba(65, 80, 118, 0.6); z-index: 1; transition: all .5s ease; transform-origin: left; } + +.tc-light .field-label-line { color: #fff; } + +.field-item-center .field-label-line { transform-origin: center; } + +.field-inline { border-radius: 6px; display: flex; } + +.field-inline input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } + +.field-inline.field-split .btn:not(.btn-round) { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; } + +.wgs-search .field-inline.field-split .btn:not(.btn-round) { height: auto; } + +.field-inline .field-wrap { flex-grow: 1; } + +.field-inline .submit-wrap .btn { width: 100%; } + +.field-inline + .form-results.alert { width: 100%; margin-top: 15px; } + +.field-inline-s2 { padding: 10px; display: block; } + +.field-inline-s2 .btn { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + +.field-inline-s2-sm { padding: 5px; } + +.field-inline-s2 input { text-align: center; } + +@media (max-width: 575px) { .field-inline-s2 input { margin-bottom: 5px; } } + +.field-inline-s3 .btn-light { color: #2b56f5 !important; } + +.field-inline-s4 { align-items: center; } + +.field-inline-s4 .input-solid { background: rgba(255, 255, 255, 0.2); } + +.field-inline-s4 .field-wrap { margin-right: -50px; } + +.field-inline-round { border-radius: 50px; } + +.field-inline-round .input-solid { padding-left: 30px; } + +.input-solid { background: none; border: none; width: 100%; padding: 15px 20px; line-height: 23px; } + +.tc-light .input-solid { color: #fff; } + +.tc-light .bg-light .input-solid, .tc-light .bg-light-alt .input-solid, .tc-light .bg-white .input-solid { color: #415076; } + +.input-solid-md { padding: 12px 20px; line-height: 22px; } + +.input-solid-lg { padding: 20px 20px; } + +.input-solid:focus { outline: none; } + +.input-line { position: relative; z-index: 2; background: transparent; border: none; width: 100%; font-size: 15px; line-height: 19px; padding: 16px 0 8px; color: #415076; border-bottom: 1px solid #dbe4f7; outline: none; transition: all .4s; } + +.tc-light .input-line { color: #fff; border-bottom-color: rgba(219, 228, 247, 0.3); } + +.input-line:focus { border-bottom-color: #2b56f5; } + +.field-item-center .input-line { text-align: center; } + +.input-textarea { height: 105px; resize: none; outline: none; } + +.input-textarea ~ .field-label-line { top: 73px; } + +.input-focused .field-label-line { left: 0; top: -10px; transform: scale(0.7); } + +.input-bordered { border-radius: 6px; border: 1px solid #dbe4f7; width: 100%; padding: 10px 15px; line-height: 21px; font-size: .9em; color: #415076; transition: all .4s; background-color: transparent; } + +.input-bordered-lg { padding: 13px 20px; } + +.input-bordered-lg-s1 { padding: 17px 20px; } + +.tc-light .field-inline-s3 .input-bordered { border-color: rgba(255, 255, 255, 0.5); } + +.field-inline-s3 .input-bordered { border-width: 2px; border-right-width: 0 !important; } + +.field-item-s2 .input-bordered { border: 2px solid #d1e0f6; background: transparent; } + +.tc-light .input-bordered { color: #aeafff; background: #0c1fb3; border-color: rgba(255, 255, 255, 0.25); } + +.tc-light .input-bordered:focus { border-color: rgba(255, 255, 255, 0.45); } + +.input-bordered:focus { box-shadow: none; outline: none; border-color: #b7bee3; } + +.input-bordered:disabled { background: rgba(219, 228, 247, 0.2); } + +.input-switch { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-switch ~ label:not(.error) { line-height: 20px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; padding-left: 48px; min-height: 30px; min-width: 48px; border-radius: 12px; margin-bottom: 0; display: flex; align-items: center; position: relative; font-size: 14px; color: #415076; } + +.input-switch ~ label:not(.error).no-text { padding-left: 56px; } + +.input-switch ~ label:not(.error):before, .input-switch ~ label:not(.error):after { position: absolute; content: ''; transition: all .4s; } + +.input-switch ~ label:not(.error):before { left: 0; top: 50%; transform: translateY(-50%); height: 20px; width: 40px; border-radius: 15px; background: #d3e0f3; } + +.input-switch ~ label:not(.error):after { left: 2px; top: 50%; transform: translateY(-50%); height: 16px; width: 16px; border-radius: 50%; background: #fff; } + +.input-switch ~ label:not(.error) span { transition: all .4s; opacity: 1; } + +.input-switch ~ label:not(.error) span.over { position: absolute; left: 48px; } + +.input-switch ~ label:not(.error) span:last-child { opacity: 0; } + +.input-switch:disabled ~ label { opacity: .5; } + +.input-switch:checked ~ label:before { background: #2b56f5; } + +.input-switch:checked ~ label:after { left: 22px; } + +.input-switch:checked ~ label span { opacity: 0; } + +.input-switch:checked ~ label span:last-child { opacity: 1; } + +.input-switch ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-checkbox, .input-radio { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-checkbox ~ label:not(.error), .input-radio ~ label:not(.error) { position: relative; padding-left: 28px; line-height: 20px; font-size: 14px; cursor: pointer; margin-bottom: 0; } + +.input-checkbox ~ label:not(.error):before, .input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { position: absolute; left: 0; top: 0; height: 20px; width: 20px; line-height: 20px; text-align: center; content: ''; background-color: transparent; border-radius: 3px; } + +.input-checkbox ~ label:not(.error):before, .input-radio ~ label:not(.error):before { border: 2px solid #dbe4f7; } + +.input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; background-color: #2b56f5; color: #fff; opacity: 0; transition: all .4s; } + +.input-checkbox:checked ~ label:not(.error):after, .input-radio:checked ~ label:not(.error):after { opacity: 1; } + +.input-checkbox ~ .error, .input-radio ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { border-radius: 50%; } + +@media (min-width: 576px) { .field-item { padding-bottom: 30px; } + .field-inline .btn-md { line-height: 23px; } } + +@media (min-width: 768px) { .field-inline .submit-wrap .btn { width: auto; height: 100%; } + .field-inline-s2 { display: flex; } + .field-inline-s2 input { text-align: left; } } + +.select2-container.select2 { width: 100% !important; } + +.select2-container .select2-selection { position: relative; } + +.select2-container .select2-selection:focus { outline: none; } + +.select2-container .select2-selection .select2-selection__rendered { color: rgba(65, 80, 118, 0.6); font-size: 0.94rem; } + +.select2-container .select2-selection .select2-selection__arrow { position: absolute; top: 0; right: 0; height: 100%; width: 40px; } + +.select2-container .select2-selection .select2-selection__arrow:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; font-family: "themify"; content: '\e64b'; text-align: center; line-height: 20px; padding: 10px 0; font-size: .88rem; } + +.select2-container .select2-dropdown { border-color: #dbe4f7 !important; } + +.select2-container.select-line .select2-selection { height: 44px; line-height: 20px; padding: 16px 40px 8px 0; border-bottom: 1px solid #dbe4f7; } + +.select2-container.select-line .select2-selection .select2-selection__rendered { padding-left: 0; } + +.select2-container.select-line .select2-selection .select2-selection__arrow:after { padding: 16px 0 8px; } + +.select2-container.select-bordered .select2-selection { height: 42px; line-height: 20px; padding: 10px 40px 10px 0; border: 1px solid #dbe4f7; border-radius: 6px; } + +.select2-container.select-bordered .select2-selection .select2-selection__rendered { padding-left: 15px; } + +.select2-container.select-bordered.select-lg .select2-selection { height: 50px; border: 2px solid #dbe4f7; padding: 13px 40px 13px 10px; min-width: 146px; } + +.select2-container--below.select2-container--open.select-bordered .select2-selection--single { border-radius: 6px 6px 0 0; } + +.select2-container--above.select2-container--open.select-bordered .select2-selection--single { border-radius: 0 0 6px 6px; } + +.select2-container.select-lg .select2-selection .select2-selection__arrow:after { padding: 13px 0; } + +.select2-container.select-lg .select2-selection .select2-selection__rendered { color: #12183a; font-size: 1rem; } + +.select2-search { display: none; } + +.select2-results { padding: 5px 0; } + +.select2-results__option { padding: 6px 15px; font-size: .88rem; transition: all .4s; max-height: 180px; } + +.select2-results__option[aria-selected="true"], .select2-results__option:hover { background: #dbe4f7; } + +.select-line.select2-container--open .select2-dropdown--above { border-bottom: 1px solid #dbe4f7 !important; } + +.submit-wrap { margin-left: -3px; } + +.submit-wrap-s2 { margin: -4px 0; } + +.submit-wrap-s2 .btn { border-radius: 5px !important; } + +.btn-auto-lg { font-size: 20px; } + +@media (min-width: 992px) { .select2-container.select-bordered.select-lg .select2-selection { min-width: 255px; } } + +@media (max-width: 400px) { .field-inline-wrap { flex-wrap: wrap; } + .field-inline-wrap .submit-wrap { margin-left: auto; margin-right: auto; margin-top: 10px; } } + +/**/ +/** 03.06 Table */ +.table { color: inherit; } + +.table td { border-top: none; padding: 18px 0; font-size: 1rem; line-height: 1.5rem; } + +.table tr { border-bottom: 1px solid rgba(43, 86, 245, 0.2); } + +.table tr:last-child { border-bottom: none; } + +.table-head { font-weight: 500; color: #2b56f5; } + +.table-token { margin-bottom: 5px; } + +.table-token .table-head { padding-bottom: 2px; } + +.table-token .table-des { padding-top: 2px; } + +.table-token-s1 { border: 1px solid rgba(209, 224, 246, 0.7); border-collapse: separate; border-radius: 6px; margin-bottom: 0; } + +.tc-light .table-token-s1 { border-color: rgba(255, 255, 255, 0.1); } + +.table-token-s1 tr:nth-child(odd) td:first-child { background: #eff8ff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:first-child { background: #0a1992; } + +.table-token-s1 tr:nth-child(odd) td:last-child { background: #fff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:last-child { background: #091788; } + +.table-token-s1 tr:nth-child(even) td:first-child { background: #e7f3ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:first-child { background: #0c1daa; } + +.table-token-s1 tr:nth-child(even) td:last-child { background: #f7f9ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:last-child { background: #0b1b9c; } + +.table-token-s1 tr:first-child td:first-child { border-top-left-radius: 6px; } + +.table-token-s1 tr:first-child td:last-child { border-top-right-radius: 6px; } + +.table-token-s1 tr:last-child td:first-child { border-bottom-left-radius: 6px; } + +.table-token-s1 tr:last-child td:last-child { border-bottom-right-radius: 6px; } + +.table-token-s1 tr td { width: 48%; font-weight: 500; font-size: 0.93rem; line-height: 24px; padding: 12px !important; padding-left: 18px !important; color: #415076; } + +.tc-light .table-token-s1 tr td { color: #fff; } + +.table-token-s1 tr td:last-child { color: #2b56f5; font-weight: 400; font-size: 0.88rem; } + +.tc-light .table-token-s1 tr td:last-child { color: rgba(255, 255, 255, 0.6); } + +.table-bordered td { padding-left: 20px; padding-right: 20px; border: 1px solid rgba(43, 86, 245, 0.2); } + +@media (min-width: 576px) { .table-token { margin-bottom: 1rem; display: table; } + .table-token tbody { display: table-row-group; } + .table-token tr { display: table-row; } + .table-token td { display: table-cell; } + .table-token .table-head, .table-token .table-des { padding: 18px 0; } } + +/** 03.07 Progress */ +.progress-list { margin-top: .8rem; } + +.progress-wrap { margin-bottom: 1rem; } + +.progress-wrap:last-child:not(:only-child) { margin-bottom: 0; } + +.progress-wrap-point { margin-bottom: 55px; } + +.progress-wrap-point-s1 { margin-bottom: 30px; margin-top: 50px; } + +.progress-title { text-transform: uppercase; font-size: 0.75rem; font-weight: 500; display: flex; justify-content: space-between; padding-bottom: .4rem; } + +.progress-amount { font-weight: 400; } + +.progress-bar { position: relative; width: 100%; height: 20px; border-radius: 4px; background: rgba(43, 86, 245, 0.2); } + +.progress-bar .progress-percent { border-radius: 4px; } + +.progress-bar-xs { height: 6px; border-radius: 2px; } + +.progress-bar-xs .progress-percent { border-radius: 2px; border: none; } + +.progress-bar-sm { height: 15px; border-radius: 2px; } + +.progress-bar-md { height: 24px; border-radius: 3px; } + +.progress-bar-md .progress-percent { padding: 3px 0; } + +.progress-bar-s1 { padding: 6px; width: 100%; background: #fff; border-radius: 16px; height: auto; } + +.progress-bar-s2.bar-round { border-radius: 30px; } + +.progress-bar-s2.bar-round .progress-percent { border-radius: 30px; } + +.progress-bar-s2 .progress-percent { top: 3px; left: 3px; bottom: 3px; right: 3px; border: none; } + +.progress-bar-s2 .progress-percent:after { display: none; } + +.progress-percent { position: absolute; top: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 12px; background: #2b56f5; } + +.progress-percent-s2 { z-index: 2; } + +.progress-percent-s2:after { position: absolute; content: ''; top: 50%; right: 0; height: 18px; width: 18px; border-radius: 50%; border: 2px solid #fff; background: #2b56f5; transform: translate(50%, -50%); } + +.progress-percent-s1 { position: relative; max-height: 20px; border: none; min-height: 20px; border-radius: 20px !important; } + +.progress-percent-s3 { border: none; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } + +.progress-info { display: block; font-size: 16px; color: #aeafff; padding: 12px 0 22px; } + +.progress-info span { font-weight: 500; font-size: 18px; color: #46bdf4; } + +.progress-info-s2 { font-size: 12px; text-transform: uppercase; padding: 0 0 17px; } + +.progress-info-s2 span { font-size: 14px; text-transform: capitalize; color: #fff; } + +.progress-point { color: #aeafff; font-size: 11px; line-height: 14px; font-weight: 500; text-transform: uppercase; position: absolute; top: 30px; transform: translateX(-50%); padding: 3px 0; } + +.progress-point:after { position: absolute; bottom: 100%; left: 50%; margin-left: -1px; content: ''; width: 2px; height: 40px; background: rgba(193, 206, 241, 0.5); } + +.progress-bar-md .progress-point { top: 40px; font-size: 14px; font-weight: 400; text-transform: capitalize; } + +.progress-bar-md .progress-point:after { bottom: calc(100% + 10px); height: 30px; } + +.progress-point span { display: block; font-size: 12px; color: #2b56f5; } + +.progress-point-s1 { top: -35px; } + +.progress-point-s1:after { bottom: auto; top: 100%; height: 30px; } + +.progress-point-1 { left: 25%; } + +.progress-point-2 { left: 85%; } + +.progress-points { padding-top: 10px; display: flex; justify-content: space-between; } + +ul.progress-info { display: flex; justify-content: space-between; } + +@media (min-width: 576px) { .progress-bar-md { height: 36px; } + .progress-percent { font-size: 14px; } + .progress-wrap-point { margin-bottom: 78px; } + .progress-wrap-point-s1 { margin-bottom: 30px; } + .progress-bar-md .progress-point { top: 60px; } + .progress-bar-md .progress-point:after { height: 50px; } } + +/** 03.08 CountDown */ +.countdown { display: flex; justify-content: space-around; margin: 0 -5px; } + +.countdown-small { justify-content: flex-start; margin: 0 -20px; } + +.countdown-s2 { margin: 0; justify-content: space-between; } + +.countdown-s3 { margin: 0 -16px 0 -25px; } + +.countdown-s4 { margin: 0; } + +.countdown-md { padding-bottom: 35px; } + +.countdown-item { padding: 0 5px; } + +.countdown-s2 .countdown-item { padding: 0; } + +.countdown-s3 .countdown-item { flex-grow: 1; } + +.countdown-s3.countdown-small .countdown-item, .countdown-s3-alt .countdown-item { flex-grow: 0; width: auto; } + +.countdown-s4 .countdown-item, .countdown-s5 .countdown-item { width: 100%; } + +.countdown-wd .countdown-item { flex-grow: 0; width: 100%; } + +.countdown-md .countdown-item { width: 80px; } + +.countdown-wd { text-align: center; } + +.countdown-time { position: relative; height: 54px; width: 54px; border-radius: 50%; border: 2px solid #2b56f5; text-align: center; line-height: 50px; display: block; } + +.countdown-s2 .countdown-time { border-radius: 6px; background-color: #0a1992; border-color: transparent; font-size: 1.4rem; font-weight: 500; color: #fff; } + +.countdown-s3 .countdown-time { border-radius: 0; border: none; font-size: 2.8125rem; line-height: 50px; font-weight: 700; height: 50px; width: 100%; color: #000537; } + +.tc-light .countdown-s3 .countdown-time { color: #fff; } + +.countdown-s3 .countdown-time:after { position: absolute; top: calc(50% - 3px); right: -6px; transform: translate(50%, -50%); content: ':'; } + +.countdown-s3 .countdown-time-last:after { display: none; } + +.countdown-s3-alt .countdown-time { font-size: 1.875rem; padding: 0 20px; font-weight: 300; height: 38px; line-height: 38px; margin-bottom: 0.5rem; } + +.countdown-s3.countdown-small .countdown-time { font-size: 1rem; line-height: 24px; height: 24px; text-align: left; padding: 0 20px; } + +.countdown-s4 .countdown-time { font-size: 2rem; } + +.countdown-s4 .countdown-time, .countdown-thin .countdown-time { font-weight: 300; } + +.tc-light .countdown-s5 .countdown-time { color: #2b56f5; } + +.countdown-md .countdown-time { font-size: 2rem; line-height: normal; font-weight: 400; height: auto; } + +.countdown-text { display: block; font-weight: 500; font-size: 12px; letter-spacing: 0.01em; padding-top: 8px; text-align: center; } + +.tc-light .countdown-text { color: #aeafff; } + +.countdown-s2 .countdown-text { text-transform: uppercase; font-weight: 400; } + +.tc-light .countdown-s2 .countdown-text { color: #2b56f5; } + +.countdown-s3 .countdown-text { text-transform: uppercase; } + +.tc-light .countdown-s3 .countdown-text { color: #aeafff; } + +.countdown-s3-alt .countdown-text { text-transform: capitalize; padding-top: 0; font-weight: 400; } + +.countdown-s3.countdown-small .countdown-text { text-align: left; padding: 0 22px; } + +.countdown-s4 .countdown-text { text-transform: capitalize; padding-top: 0; } + +.tc-light .countdown-s5 .countdown-text { color: #2b56f5; } + +.countdown-md .countdown-text { font-weight: 400; padding-top: 2px; } + +.status-countdown { overflow: hidden; } + +@media (min-width: 420px) { .countdown-time { height: 64px; width: 64px; line-height: 60px; } } + +@media (min-width: 576px) { .status-countdown { min-width: 290px; } + .countdown-large .countdown-time { font-size: 3.5rem; } + .countdown-large .countdown-time:after { font-size: 2.5rem; } } + +@media (min-width: 768px) { .countdown-wd .countdown .item { width: 100%; } + .countdown-xxl .countdown-time { font-size: 5.5rem; } + .countdown-xl .countdown-time { font-size: 4rem; } + .countdown-xl.countdown-s2 .countdown-time { width: 123px; height: 123px; line-height: 123px; border-radius: 4px; } + .countdown-xxl .countdown-text { padding-top: 30px; } + .countdown-s3-lg { margin: 0 -38px; } } + +@media (min-width: 992px) { .countdown-s4 .countdown-time { font-size: 2rem; } + .countdown-large .countdown-time { font-size: 3.5rem; } } + +@media (min-width: 1200px) { .countdown-s4 .countdown-time { font-size: 2.9rem; } + .countdown-large .countdown-time { font-size: 3.6rem; } } + +/** 03.09 Toastr */ +/* Toastr */ +#toast-container { position: fixed; z-index: 999999; margin-top: 22px; margin-bottom: 16px; } + +#toast-container .toast { opacity: 1; } + +.toast-top-center { top: 0; right: 0; width: 100%; } + +.toast-bottom-center { bottom: 0; right: 0; width: 100%; } + +.toast-top-full-width { top: 0; right: 0; width: 100%; } + +.toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } + +.toast-top-left { top: 0; left: 16px; } + +.toast-top-right { top: 0; right: 16px; } + +.toast-bottom-right { right: 16px; bottom: 0; } + +.toast-bottom-left { bottom: 0; left: 16px; } + +.toast-top-center > div, .toast-bottom-center > div { width: 650px; max-width: 90%; margin-left: auto; margin-right: auto; } + +.toast-top-full-width > div, .toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } + +.toast { background: #fff; color: #fff; overflow: hidden; margin: 0 0 8px; padding: 15px 51px 15px 15px; width: 300px; border-radius: 5px; border: none; display: flex; align-items: center; box-shadow: 0px 2px 18px 2px rgba(18, 24, 58, 0.25); background: #000537; position: relative; } + +.toast-close-button { cursor: pointer; position: absolute; text-align: left; right: 15px; text-indent: -9999em; overflow: hidden; background: none; border-radius: 50%; border: none; height: 36px; width: 36px; transition: all .3s; } + +.toast-close-button:after { position: absolute; content: '\e646'; font-family: 'themify'; top: 0; right: -1px; text-indent: 0; display: block; font-size: 13px; line-height: 38px; height: 36px; width: 36px; text-align: center; color: #fff; transition: all .3s; } + +.toast-close-button:hover, .toast-close-button:focus { background: rgba(245, 247, 254, 0.15); box-shadow: none; outline: none; } + +.toast-message { position: relative; flex-grow: 1; font-size: 13px; line-height: 17px; display: flex; align-items: center; padding-left: 10px; min-height: 30px; } + +.toast-message-icon { display: inline-block; font-size: 14px; margin-right: 15px; margin-left: -10px; text-align: center; height: 30px; width: 30px; line-height: 30px; border-radius: 50%; } + +.toast-message-icon.ti-alert:before { position: relative; top: -2px; } + +.toast-info .toast-message-icon { background: #026bfb; } + +.toast-warning .toast-message-icon { background: #f6be26; } + +.toast-success .toast-message-icon { background: #39d884; } + +.toast-error .toast-message-icon { background: #e6604a; } + +@media (min-width: 576px) { .toast-message { font-size: 14px; line-height: 18px; } } + +/** 03.10 Misc */ +.img-xs { height: 40px; width: 40px; } + +.text-thumb { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; font-weight: 500; letter-spacing: 0.1em; border: 2px solid #fff; background: #2b56f5; } + +.text-thumb-xs { height: 40px; width: 40px; } + +.icon { display: inline-block; } + +.icon-lg { font-size: 50px; } + +.icon-round { display: inline-block; text-align: center; border-radius: 50%; background: rgba(43, 86, 245, 0.1); } + +.icon-round.icon-lg { height: 90px; width: 90px; line-height: 90px; } + +.icon-circle { display: inline-flex; align-items: center; justify-content: center; height: 38px; width: 38px; border-radius: 50%; } + +.icon-circle-md { height: 50px; width: 50px; } + +.icon-border { border: 1px solid #aeafff; } + +.icon-animation { position: relative; } + +.icon-animation:after { position: absolute; content: ""; top: -8px; right: -8px; bottom: -8px; left: -8px; border-radius: 50%; border: 1px solid #aeafff; animation: 1s ease 0s normal none infinite running playbutton; } + +.icon-list li { display: inline-block; margin: 0 5px; } + +.icon-currency-list { display: flex; justify-content: center; align-items: center; } + +.icon-bg { min-width: 40px; min-height: 40px; background: #8c8c8c; color: #fff; text-align: center; line-height: 40px; font-size: 1.7rem; border-radius: 50%; margin-right: 8px; } + +.has-rtl .icon-bg { margin-right: 0; margin-left: 8px; } + +.icon-bg-md { min-height: 32px; min-width: 32px; line-height: 32px; font-size: 1.5rem; } + +.icon-bg-lg { min-width: 60px; min-height: 60px; line-height: 60px; font-size: 2rem; } + +.icon-bg-xl { min-width: 92px; min-height: 92px; line-height: 92px; font-size: 4rem; } + +.icon-bg-eth { background: #61688f; } + +.icon-bg-btc { background: #f9931a; } + +.icon-bg-ltc { background: #838383; } + +.icon-bg-dash { background: #3573c0; } + +.icon-bg-xrp { background: #1c1c1c; } + +.icon-bg-xmr { background: #ff9f17; } + +.toggle-wrap { position: relative; } + +.toggle-tigger { display: inline-block; } + +.toggle-tigger.btn { display: inline-flex; } + +.toggle-class { visibility: hidden; opacity: 0; transition: all .4s; } + +.toggle-class.active { visibility: visible; opacity: 1; } + +.toggle-drop { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: -10px; z-index: 9; } + +.toggle-drop-left { left: 0; transform: translateX(0); } + +.toggle-drop-right { left: auto; right: 0; transform: translateX(0); } + +.toggle-drop-top { bottom: 100%; top: auto; margin-bottom: 10px; } + +.toggle-drop.active { margin-top: 0; margin-bottom: 0; } + +@media (max-width: 991px) { .toggle-class-lg { position: static; margin-top: 0; display: block; visibility: visible; opacity: 1; } + .toggle-wrap-nav { width: 100%; display: flex; } + .toggle-wrap-nav .toggle-class-lg { margin-left: 20px; flex-grow: 1; } + .toggle-wrap-nav .toggle-class-lg .drop-list { max-width: 100%; } } + +.drop-wrap { position: relative; } + +.drop-list { min-width: 160px; max-width: 160px; background: #fff; padding: 10px 0; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); } + +.drop-list a { font-size: 13px; line-height: 16.8px; color: #415076; padding: 7px 20px; display: block; position: relative; } + +.drop-list a .badge { margin-left: 5px; position: relative; top: -1px; } + +.tc-light:not(.btn) .drop-list a { color: #415076; } + +.drop-list a:hover { color: #46bdf4; } + +.drop-list-xs { min-width: 60px; max-width: 60px; } + +.drop-list-xs a { padding: 7px 8px; } + +.drop-list-mb { min-width: 80px; max-width: 80px; } + +.drop-list-mb a { padding: 7px 14px; } + +.drop-list-sm { min-width: 110px; max-width: 110px; } + +.drop-list-full { min-width: 100%; max-width: 100%; } + +.drop-list-center { text-align: center; } + +.breadcumb { margin: 0 -13px; } + +.breadcumb li { display: inline-block; padding: 0 15px; font-size: .75rem; line-height: 18px; position: relative; color: #415076; } + +.breadcumb li:not(:last-child):after { position: absolute; top: 0; right: -3px; content: '-'; line-height: 18px; color: #2b56f5 !important; } + +.breadcumb li a { color: #2b56f5 !important; } + +.breadcumb li a:hover:not([class]) { color: #46bdf4 !important; } + +.preloader { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; } + +.preloader:before, .preloader:after { position: absolute; left: 0; height: 51%; width: 100%; transition: all .6s ease; background: #fff; content: ''; } + +.preloader:before { top: 0; } + +.page-loaded .preloader:before { transform: translate(0, -100%); } + +.preloader:after { bottom: 0; } + +.page-loaded .preloader:after { transform: translate(0, 100%); } + +.preloader.no-default { background-color: #0a1992; } + +.page-loaded .preloader.no-default:before, .page-loaded .preloader.no-default:after { transform: translate(0, 0); } + +.preloader.no-default:before, .preloader.no-default:after { position: absolute; top: 0; left: 0; height: 100%; transition: all .6s; background-color: #0a1992; } + +.preloader-alt:after, .preloader-alt:before { background: #000537; } + +.page-loaded .preloader.no-split:before, .page-loaded .preloader.no-split:after { transform: translate(0, 0); } + +.spinner { display: block; position: relative; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; z-index: 1001; } + +.spinner-round { border-radius: 50%; border: 2px solid transparent; border-top-color: #2b56f5; animation: spin 2s linear infinite; } + +.spinner-round:before, .spinner-round:after { content: ""; position: absolute; border-radius: 50%; border: 3px solid transparent; } + +.spinner-round:before { top: 5px; left: 5px; right: 5px; bottom: 5px; border-top-color: #46bdf4; animation: spin 3s linear infinite; } + +.spinner-round:after { top: 15px; left: 15px; right: 15px; bottom: 15px; border-top-color: #0a1992; animation: spin 1.5s linear infinite; } + +.spinner-alt { border-radius: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; } + +.spinner-alt:after, .spinner-alt:before { content: ""; position: absolute; border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; } + +.spinner-alt:before { border: 1px solid rgba(255, 255, 255, 0.1); } + +.spinner-alt:after { border: 1px solid; border-top-color: #fff; border-right-color: transparent; border-left-width: 0; border-bottom-width: 0; animation: spin 1.5s linear infinite; } + +.spinner-alt.load-done { transition: all .4s; transform: scale(3); opacity: 0; border-color: transparent; } + +.spinner-alt.load-done:after, .spinner-alt.load-done:before { opacity: 0; } + +.spinner-alt.spinner-light { border: 1px solid rgba(10, 16, 21, 0.1); } + +.spinner-alt.spinner-light:after { border-top-color: #0a1015; } + +.spinner-brand { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100px; } + +@keyframes spin { 0% { -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); } } + +.text-zoom { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; text-transform: uppercase; font-weight: 700; height: 100px; width: 100px; } + +.text-item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } + +.text-item:nth-child(2) > * { animation-delay: 1s; } + +.text-item:nth-child(3) > * { animation-delay: 2s; } + +.text-item:nth-child(4) > * { animation-delay: 3s; } + +.text-item:nth-child(5) > * { animation-delay: 4s; } + +.text-item:nth-child(6) > * { animation-delay: 5s; } + +.text-item:nth-child(7) > * { animation-delay: 6s; } + +.text-item:nth-child(8) > * { animation-delay: 7s; } + +.text-item:nth-child(9) > * { animation-delay: 8s; } + +.text-small, .text-large { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; opacity: 0; } + +.text-small { color: #97afd5; z-index: 2; font-size: 60px; animation: textzoom9 9s linear infinite; } + +.text-large { color: #19243e; z-index: 0; font-size: 120px; animation: textzoom9l 9s linear infinite; } + +@keyframes textzoom9 { 0% { transform: translate(-50%, -50%) scale(0); + opacity: 0; } + 6% { transform: translate(-50%, -50%) scale(1); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.3); + opacity: 0; } } + +@keyframes textzoom9l { 0% { transform: translate(-50%, -50%) scale(0.2); + opacity: 0; } + 8% { transform: translate(-50%, -50%) scale(1.2); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.7); + opacity: 0; } } + +.modal-dialog-bottom { display: flex; align-items: flex-end; min-height: calc(100% - (.5rem * 2)); } + +.modal.fade .modal-dialog-bottom { -webkit-transform: translate(0, 25%); transform: translate(0, 25%); } + +.modal.show .modal-dialog-bottom { -webkit-transform: translate(0, -30px); transform: translate(0, -30px); } + +.modal-content { background: none; border: none; margin-left: auto; margin-right: auto; width: auto; max-width: 100%; } + +.modal-body { background: #fff; border-radius: 6px; } + +.modal-close { position: absolute; cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 39px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #415076; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(65, 80, 118, 0.2); } + +.mfp-close-btn-in .mfp-close { cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 37px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #415076 !important; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(65, 80, 118, 0.2); transition: all .4s; } + +.mfp-close-btn-in .mfp-close:hover { text-decoration: none; color: #2b56f5 !important; } + +.tc-light .mfp-close-btn-in .mfp-close:hover { color: #2b56f5 !important; } + +.image-popup .mfp-close { cursor: pointer; top: 22px; right: -18px; } + +.owl-nav { margin: 0 -10px 0; padding-top: 40px; } + +.carousel-nav-s1 .owl-nav { padding-top: 0px; } + +.carousel-nav-center .owl-nav { display: flex; justify-content: center; } + +.owl-nav button { border: 1px solid #d2d3ff !important; border-radius: 50% !important; height: 40px; width: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 0 10px; transition: all .4s; } + +.carousel-nav-s1 .owl-nav button { border-width: 0 !important; margin: 0; } + +.owl-nav button:focus { box-shadow: none; outline: none; } + +.owl-nav button.disabled { opacity: 0.4; } + +.owl-nav button:after { font-family: "themify"; font-size: 1rem; } + +.carousel-nav-s1 .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.carousel-nav-light .owl-nav { color: #fff; } + +.owl-prev:after { content: '\e64a'; } + +.owl-rtl .owl-prev:after { content: '\e649'; } + +.carousel-nav-s1 .owl-prev:after { content: '\f060'; } + +.carousel-nav-s1.owl-rtl .owl-prev:after { content: '\f061'; } + +.owl-next:after { content: '\e649'; } + +.owl-rtl .owl-next:after { content: '\e64a'; } + +.carousel-nav-s1 .owl-next:after { content: '\f061'; } + +.carousel-nav-s1.owl-rtl .owl-next:after { content: '\f060'; } + +.owl-dot { height: 6px; width: 12px; border-radius: 3px; display: inline-block; margin: 0 4px; transition: all .4s ease; background: rgba(43, 86, 245, 0.3) !important; } + +.owl-dot.active { background: rgba(43, 86, 245, 0.8) !important; width: 20px; } + +.owl-dot:focus { outline: none; } + +.owl-dots { text-align: center; } + +.carousel-shadow-fix .owl-stage-outer { margin: 0 -30px; margin-top: -20px; padding-left: 40px; } + +.carousel-shadow-fix.feature-carousel-center .owl-stage-outer { padding-left: 30px; } + +.carousel-shadow-fix.owl-rtl .owl-stage-outer { padding-left: 0; padding-right: 30px; } + +.carousel-shadow-fix .owl-item { padding: 20px 0 40px; } + +.carousel-shadow-fix .owl-item > div { transition: all .4s; opacity: 0; } + +.carousel-shadow-fix .owl-item.active > div { opacity: 1; } + +.carousel-shadow-fix .owl-item:not(.active) [class*='shadow'] { box-shadow: none !important; } + +.carousel-shadow-fix .owl-item .feature { margin-bottom: 0; } + +.ovm-line { position: relative; width: 64%; max-width: 1280px; height: 100%; margin-left: auto; margin-right: auto; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } + +.ovm-line:before, .ovm-line:after { position: absolute; content: ''; height: 100%; top: 0; left: 50%; transform: translateX(-50%); } + +.ovm-line:before { width: 1px; background: rgba(255, 255, 255, 0.05); } + +@media (min-width: 992px) { .ovm-line:after { width: 50%; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.nk-circle-animation { height: 300px; width: 300px; z-index: 1; } + +.nk-circle-animation + * { position: relative; z-index: 1; } + +.nk-circle-animation:before, .nk-circle-animation:after { position: absolute; content: ''; border: 4px solid rgba(210, 211, 255, 0.3); border-radius: 50%; } + +.nk-circle-animation:before { top: 0; left: 0; bottom: 0; right: 0; border-top-color: #2b56f5; border-right-color: #2b56f5; animation: rotatecw 30s linear infinite 0s; } + +.nk-circle-animation:after { top: 25px; left: 25px; bottom: 25px; right: 25px; border-top-color: #2b56f5; border-bottom-color: #2b56f5; animation: rotateacw 24s linear infinite 0s; } + +.nk-circle-animation.small:before, .nk-circle-animation.small:after { border-width: 2px; } + +.nk-circle-animation.fast:before { animation: rotatecw 15s linear infinite 0s; } + +.nk-circle-animation.fast:after { animation: rotateacw 10s linear infinite 0s; } + +.nk-circle-animation.white:before { border-top-color: #fff; border-right-color: #fff; } + +.nk-circle-animation.white:after { border-top-color: #fff; border-bottom-color: #fff; } + +.nk-circle-animation.accent-alt:before { border-top-color: #46bdf4; border-right-color: #46bdf4; } + +.nk-circle-animation.accent-alt:after { border-top-color: #46bdf4; border-bottom-color: #46bdf4; } + +.nk-circle-pk { position: relative; height: 565px; width: 640px; } + +.nk-circle-pk [class*="line"] { position: absolute; top: 0; border-radius: 50%; border: 1px solid rgba(43, 86, 245, 0.2); height: 100%; width: calc(100% - 80px); } + +.nk-circle-pk .line-1 { left: 0; } + +.nk-circle-pk .line-2 { left: 20px; } + +.nk-circle-pk .line-3 { left: 45px; } + +.nk-circle-pk .line-4 { left: 65px; } + +.token-status .nk-circle-pk { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } + +@media (min-width: 576px) { .nk-circle-animation { height: 500px; width: 500px; overflow: hidden; } + .nk-circle-animation:after { top: 45px; left: 45px; bottom: 45px; right: 45px; } + .nk-circle-animation.small { height: 400px; width: 400px; } + .nk-circle-animation.small:after { top: 35px; left: 35px; bottom: 35px; right: 35px; } } + +@media (min-width: 992px) { .token-status .nk-circle-pk { display: block; } + .icon-bg { margin-right: 20px; } + .has-rtl .icon-bg { margin-right: 0px; margin-left: 20px; } } + +.circle-animation { position: absolute; height: 700px; width: 700px; top: -75px; left: 50%; transform: translateX(-50%); } + +.circle-animation .ca { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid rgba(65, 80, 118, 0.15); } + +.tc-light .circle-animation .ca { border-color: rgba(255, 255, 255, 0.1); } + +.circle-animation .ca-dot { position: absolute; height: 12px; width: 12px; border-radius: 50%; } + +.circle-animation .ca-color-1 { background: #86cfff; } + +.circle-animation .ca-color-2 { background: #859fff; } + +.circle-animation .ca-color-3 { background: #93a6ba; } + +.circle-animation-l1 { height: 100%; width: 100%; animation: rotatecw_alt 78s linear infinite 0s; } + +.circle-animation-l1-d1 { left: 23%; top: 6.35%; } + +.circle-animation-l1-d2 { right: 23%; top: 6.35%; } + +.circle-animation-l1-d3 { right: -7px; top: 50%; } + +.circle-animation-l1-d4 { right: 23%; bottom: 6.35%; } + +.circle-animation-l1-d5 { left: 23%; bottom: 6.35%; } + +.circle-animation-l1-d6 { left: -7px; top: 50%; } + +.circle-animation-l2 { height: 84.6%; width: 84.6%; border-radius: 50%; animation: rotateacw_alt 66s linear infinite 0s; } + +.circle-animation-l2-d1 { right: 4.9%; top: 25%; } + +.circle-animation-l2-d2 { left: 42%; top: -.6%; } + +.circle-animation-l2-d3 { left: -2px; top: 40%; } + +.circle-animation-l2-d4 { left: 24%; bottom: 5.5%; } + +.circle-animation-l2-d5 { right: 11.2%; bottom: 16%; } + +.circle-animation-l3 { height: 69.2%; width: 69.2%; animation: rotatecw_alt 54s linear infinite 0s; } + +.circle-animation-l3-d1 { left: 7.6%; top: 20%; } + +.circle-animation-l3-d2 { right: 24%; top: 5.2%; } + +.circle-animation-l3-d3 { right: -3px; bottom: 39%; } + +.circle-animation-l3-d4 { right: 37%; bottom: 0; } + +.circle-animation-l3-d5 { left: 8.4%; bottom: 19%; } + +@keyframes rotatecw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(360deg); } } + +@keyframes rotateacw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(-360deg); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.social li { text-align: center; display: inline-block; padding: 0 3px; } + +.social li:first-child { padding-left: 0; } + +.social li a { display: inline-flex; align-items: center; transition: all 0.3s; width: auto; } + +.social li a:hover { opacity: 1; transform: translateX(0); } + +.social li a:hover .social-icon { background: #46bdf4; color: #fff; } + +.tc-light .social li a:hover .social-icon { background: #2b56f5; } + +.social li a:hover .social-icon + span { color: #fff; } + +.social-icon { width: 32px; height: 32px; line-height: 32px; border-radius: 50%; transition: 0.3s; color: #415076; background: #fff; } + +.tc-light .social-icon { color: #fff; background: rgba(255, 255, 255, 0.15); } + +.social-icon-transparent { background: transparent; } + +.tc-light .social-icon-transparent { background: transparent; } + +.social-icon + span { display: none; margin-left: 8px; font-weight: 600; text-transform: uppercase; font-size: 12px; color: #2b56f5; transition: all 0.3s; } + +.social-bar { display: flex; flex-wrap: wrap; } + +.social-bar li { flex-grow: 1; text-align: center; line-height: 30px; } + +.social-bar li:not(:last-child) { border-right: 1px solid #f0f5fc; } + +.social-bar li span { font-size: 14px; text-transform: uppercase; } + +.social-bar li a, .social-bar li span { display: block; padding: 7px 10px; } + +.social-bar-title { width: 100%; border-bottom: 1px solid #f0f5fc; } + +@media (min-width: 576px) { .social-icon + span { display: inline-block; } + .social-bar li a, .social-bar li span { padding: 20px; } + .social-bar-title { width: auto; border-bottom: none; } } + +@media (min-width: 992px) { .social-bar li a { font-size: 20px; } + .social-bar li a, .social-bar li span { padding: 40px 20px; } } + +.language-switcher .toggle-tigger { color: #415076; position: relative; } + +.is-transparent:not(.has-fixed) .header-logo .language-switcher .toggle-tigger { color: #fff; } + +.language-switcher .toggle-tigger:not(.btn) { padding: 8px 15px 8px 10px; } + +.language-switcher .toggle-tigger:not(.btn):after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.language-switcher-s1 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s2 .toggle-tigger:after { right: 14px; } + +.language-switcher-s2 .toggle-tigger:not(.btn) { padding: 3px 26px 3px 16px; } + +.language-switcher-s3 { border-left: 1px solid rgba(255, 255, 255, 0.15); text-transform: uppercase; font-size: .88rem; margin-left: 15px; } + +.language-switcher-s3 .toggle-tigger:not(.btn) { padding: 2px 20px 2px 15px; } + +.language-switcher-s4 { position: relative; } + +@media (min-width: 992px) { .language-switcher-s4:after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; content: ''; background: rgba(255, 255, 255, 0.15); } } + +.language-switcher-s4 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s5 .toggle-tigger { font-size: 12px; font-weight: 500; text-transform: uppercase; } + +.language-flag { width: 24px; margin: 3px 8px 3px 0; } + +.language-flag-lg { width: 36px; } + +.gfx { max-width: 400px; } + +.gfx-auto { margin-left: auto; margin-right: auto; } + +.gfx-inherit { max-width: 420px; } + +.gfx-md { max-width: 380px; } + +@media (min-width: 768px) { .gfx { max-width: 500px; } + .gfx-inherit { max-width: 420px; } + .gfx-md { max-width: 380px; } } + +@media (min-width: 992px) { .gfx-re-s1 { margin: 0 -230px 0 0; } } + +@media (min-width: 1600px) { .gfx-re-lgl { margin-left: -188px; } + .gfx-re-lg { margin: 0 -168px 0 42px; } } + +@media (min-width: 1900px) { .gfx-re-lgl { margin-left: -315px; } + .gfx-re-lgr { margin-right: -315px; } + .gfx-re-mdl { margin-left: -230px; } + .gfx-re-lg { margin: 0 -200px 0 42px; } } + +.piller-one, .piller-two { position: absolute; z-index: -1; } + +.piller-one { width: 250px; top: 20%; right: 100%; margin-right: 65px; } + +.piller-two { width: 200px; left: 100%; top: 50%; margin-left: 40px; } + +.gfx-round-bg { min-width: 300px; min-height: 300px; background: #f5f7fe; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } + +.gfx-round-bg.after:after { position: absolute; content: ""; left: 44px; top: 0; width: 100%; height: 100%; border: 1px solid #46bdf4; border-radius: 50%; } + +@media (min-width: 768px) { .gfx-round-bg { min-width: 400px; min-height: 400px; } } + +@media (min-width: 1200px) { .gfx-round-bg { min-width: 480px; min-height: 480px; } } + +@media (min-width: 1600px) { .gfx-round-bg { min-width: 600px; min-height: 600px; } } + +@media (min-width: 1900px) { .gfx-round-bg { min-width: 660px; min-height: 660px; } + .gfx-round-bg-md { min-width: 557px; min-height: 557px; } } + +/** 04. Components */ +/** 04.01 Tab */ +.tab-nav li a { display: block; padding: 12px 12px; line-height: 19px; font-weight: 400; color: rgba(10, 25, 146, 0.6); border-bottom: 1px solid rgba(219, 228, 247, 0.5); transition: all .4s; } + +.tab-nav li a:hover, .tab-nav li a.active { color: #000537; } + +.tab-nav li a .fas, .tab-nav li a .far { margin-right: 10px; } + +.tab-nav-sap { flex-grow: 1; height: 2px; background: rgba(122, 15, 255, 0.4); align-self: center; margin: 0 -7px; } + +.tc-light .tab-nav-sap { background: rgba(122, 15, 255, 0.4); } + +.tab-nav-vr { display: block; } + +.tab-nav-vr li:not(:last-child) a { border-bottom: 1px solid rgba(219, 228, 247, 0.5); } + +.tab-nav-vr li:last-child a { border: none; } + +.tab-nav-vr li a { padding: 18px 20px; } + +.tc-light .tab-nav-vr li:not(:last-child) a { border-color: rgba(255, 255, 255, 0.07); } + +.tab-nav-s2 { margin: 0 -15px 15px; } + +.tab-nav-s2 li { padding: 0 15px; } + +.tab-nav-s2 li a { font-size: 18px; letter-spacing: 0.01em; text-transform: uppercase; padding: 12px 5px; border-bottom-color: transparent; } + +.tc-light .tab-nav-s2 li a { color: rgba(255, 255, 255, 0.5) !important; } + +.tab-nav-s2 li a:hover, .tab-nav-s2 li a.active { color: #2b56f5; border-bottom-color: #2b56f5; } + +.tab-nav-s2 li a .fas, .tab-nav-s2 li a .far { margin-right: 10px; } + +.tab-nav-s3 li a { border: none !important; border-radius: 3px; cursor: pointer; padding: 28px 30px; } + +.tab-nav-s3 li a [class*=title] { color: #12183a; transition: all .4s; } + +.tc-light .tab-nav-s3 li a [class*=title] { color: #fff; } + +.tab-nav-s3 li a p { color: #415076; line-height: 1.6; } + +.tc-light .tab-nav-s3 li a p { color: #d2d3ff; } + +.tab-nav-s3 li a.active { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); background: #fff; cursor: default; } + +.tab-nav-s3 li a.active [class*=title] { color: #2b56f5; } + +.tc-light .tab-nav-s3 li a.active { background: #000537; } + +.bg-theme-alt .tab-nav-s3 li a.active { background: #0a1992; } + +.tab-nav-s4 { border: none; padding: 5px; border-radius: 30px; display: inline-block; } + +.tab-nav-s4 li { display: inline-block; } + +.tab-nav-s4 li a { border: none; line-height: 24px; background: transparent; font-weight: 600; color: #fff; font-size: 11px; padding: 10px 22px; border-radius: 25px; font-weight: 600; display: inline-block; } + +.tab-nav-s4 li a.active { color: #0a1992 !important; background: #fff; } + +.tc-light .tab-nav-s4 li a.active:hover { color: tab_nav_s4_active_color !important; } + +.tc-light .tab-nav-s4 li a:hover { color: #fff !important; } + +.tab-nav-center { justify-content: center; } + +.tab-nav-bdr { border: 1px solid #dbe4f7; border-radius: 5px; } + +.tc-light .tab-nav-bdr { border-color: rgba(255, 255, 255, 0.07); background: rgba(255, 255, 255, 0.02); } + +.tab-nav-line { margin-bottom: 20px; border-bottom: 2px solid rgba(219, 228, 247, 0.25); text-align: center; justify-content: center; } + +.tab-nav-line li a { border-bottom: none; position: relative; } + +.tab-nav-line li a:after { position: absolute; width: 100%; height: 2px; left: 0; bottom: -2px; content: ''; background: #2b56f5; opacity: 0; transition: all .4s; } + +.tab-nav-line li a:hover, .tab-nav-line li a.active { color: #2b56f5; } + +.tab-nav-line li a.active:after { opacity: 1; } + +.tc-light .tab-nav-line { border-bottom-color: rgba(219, 228, 247, 0.5); } + +.tc-light .tab-nav li a:after { background: #46bdf4; } + +.tc-light .tab-nav li a:hover, .tc-light .tab-nav li a.active { color: #46bdf4 !important; } + +.tab-nav-btn { margin: -7px -7px 8px; } + +.tab-nav-btn li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn li a { border-radius: 3px; color: #415076; background: rgba(10, 25, 146, 0.1); border-color: transparent; padding: 10px 18px; } + +.tc-light .tab-nav-btn li a { color: #415076; background: rgba(255, 255, 255, 0.1); border-color: transparent; } + +.tab-nav-btn li a:hover, .tab-nav-btn li a.active { color: #2b56f5 !important; background: rgba(10, 25, 146, 0.1); } + +.tc-light .tab-nav-btn li a:hover, .tc-light .tab-nav-btn li a.active { color: #2b56f5 !important; background: rgba(43, 86, 245, 0.1); } + +.tab-nav-btn-s2 li a:hover, .tab-nav-btn-s2 li a.active { color: #fff !important; background: #2b56f5; } + +.tc-light .tab-nav-btn-s2 li a:hover, .tc-light .tab-nav-btn-s2 li a.active { color: #2b56f5 !important; background: rgba(10, 25, 146, 0.1); } + +.tab-nav-btn-bdr { margin: -7px; } + +.tab-nav-btn-bdr li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr li a { border-radius: 3px; color: #415076 !important; background: transparent; border: 1px solid !important; border-color: #415076 !important; } + +.tc-light .tab-nav-btn-bdr li a { color: #fff !important; background: transparent; border-color: rgba(122, 15, 255, 0.4) !important; } + +.tab-nav-btn-bdr li a:hover, .tab-nav-btn-bdr li a.active { color: #2b56f5 !important; background: transparent; border-color: #2b56f5 !important; } + +.tc-light .tab-nav-btn-bdr li a:hover, .tc-light .tab-nav-btn-bdr li a.active { color: #2b56f5 !important; background: transparent; border-color: #2b56f5 !important; } + +.tab-nav-btn-bdr-s2 { margin: -7px; } + +.tab-nav-btn-bdr-s2 li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr-s2 li a { text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; font-size: .88rem; padding: 14px 22px; border-radius: 6px; color: #415076 !important; background: transparent; border: 2px solid !important; border-color: rgba(122, 15, 255, 0.4) !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a { color: #fff !important; background: transparent; border-color: rgba(122, 15, 255, 0.4) !important; } + +.tab-nav-btn-bdr-s2 li a:hover, .tab-nav-btn-bdr-s2 li a.active { color: #2b56f5 !important; background: transparent; border-color: #2b56f5 !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a:hover, .tc-light .tab-nav-btn-bdr-s2 li a.active { color: #2b56f5 !important; background: transparent; border-color: #2b56f5 !important; } + +.tab-nav-grad li a { position: relative; } + +.tc-light .tab-nav-grad li a { background: rgba(255, 255, 255, 0.1); } + +.tab-nav-grad li a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: -1; border-radius: 3px; background: linear-gradient(-45deg, #0a1992 0%, #000537 100%); opacity: 0; transition: all .4s; } + +.tc-light .tab-nav-grad li a:before { background: linear-gradient(-45deg, #2b56f5 0%, #46bdf4 100%) !important; } + +.tab-nav-grad li a:hover, .tab-nav-grad li a.active { color: #fff !important; background: transparent; } + +.tab-nav-grad li a:hover:before, .tab-nav-grad li a.active:before { opacity: 1; } + +.tc-light .tab-nav-grad li a:hover, .tc-light .tab-nav-grad li a.active { color: #fff !important; } + +.tab-pane { padding: 10px 0 0; } + +@media (min-width: 576px) { .tab-nav-line > li { flex-grow: 1; } + .tab-nav-s4 li a { font-size: 14px; padding: 13px 25px; } } + +/** 04.02 Accordion */ +.accordion-item { transition: all .4s; padding-bottom: 8px; } + +.accordion-item:not(:last-child) { border-bottom: 1px solid #dbe4f7; } + +.tc-light .accordion-item:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item:not(:last-child) { border-color: rgba(43, 86, 245, 0.3); } + +.accordion-item-s2 { border-width: 2px !important; border: 2px solid #dbe4f7; border-radius: 6px; } + +.tc-light .accordion-item-s2 { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2 { border-color: rgba(43, 86, 245, 0.3); } + +.accordion-item-s2.current { border-color: rgba(10, 25, 146, 0.5) !important; } + +.tc-light .accordion-item-s2.current { border-color: #2b56f5 !important; } + +.accordion-item-s2:not(:last-child) { margin-bottom: 15px; } + +.tc-light .accordion-item-s2:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2:not(:last-child) { border-color: rgba(43, 86, 245, 0.3); } + +.accordion-item-s3 { border: none !important; border-radius: 6px; background: #fff; box-shadow: 0px 4px 6px 0px rgba(10, 25, 146, 0.07); } + +.bg-theme .accordion-item-s3, .tc-light .accordion-item-s3 { background: rgba(255, 255, 255, 0.05); box-shadow: none; } + +.has-bg-image .accordion-item-s3 { background: rgba(0, 5, 55, 0.7); box-shadow: none; } + +.accordion-item-s3:not(:last-child) { margin-bottom: 30px; } + +.accordion-item-s4 { background: rgba(10, 25, 146, 0.09); } + +.accordion-item-s4.current { background: rgba(10, 25, 146, 0.05); } + +.accordion-title { position: relative; color: #0a1992; font-weight: 400; cursor: pointer; padding: 22px 54px 14px 0; margin-bottom: 0; } + +.accordion-item-s2 .accordion-title { padding: 25px 54px 17px 30px; } + +.accordion-item-s3 .accordion-title { padding: 20px 54px 12px 30px; } + +.accordion-item-s4 .accordion-title { padding: 16px 54px 8px 30px; } + +.tc-light .accordion-title { color: #46bdf4; } + +.accordion-title-sm { font-size: 16px; } + +.accordion-title.collapsed { color: #415076; transition: all .4s; } + +.tc-light .accordion-title.collapsed { color: #fff; } + +.tc-light .accordion-title.collapsed:hover { color: #46bdf4; } + +.accordion-title.collapsed:hover { color: #0a1992; } + +.accordion-title.collapsed .accordion-icon:before { opacity: 0; } + +.accordion-title.collapsed .accordion-icon:after { opacity: 1; } + +.accordion-title.collapsed .accordion-icon-s2:after { transform: rotate(-180deg); } + +.accordion-icon { position: absolute; top: calc(50% + 4px); transform: translateY(-50%); right: 0; height: 36px; width: 36px; border-radius: 50%; background: #f5f7fe; } + +.current .accordion-icon { background: #f5f7fe; } + +.accordion-icon:before, .accordion-icon:after { line-height: 36px; color: #000537; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; text-align: center; transition: all .4s; } + +.current .accordion-icon:before, .current .accordion-icon:after { color: #000537; } + +.accordion-icon:before { content: '\f068'; opacity: 1; } + +.accordion-icon:after { content: '\f067'; opacity: 0; } + +.accordion-icon-s2 { background: #f5f7fe; } + +.accordion-icon-s2:after { font-family: "themify"; content: '\e648'; opacity: 1 !important; } + +.accordion-icon-s2:before { display: none; } + +.accordion-item-s2 .accordion-icon { right: 12px; } + +.accordion-item-s3 .accordion-icon { right: 18px; } + +.accordion-item-s4 .accordion-icon { right: 12px; } + +.tc-light .accordion-icon { background: rgba(70, 189, 244, 0.1); } + +.tc-light .accordion-icon:after, .tc-light .accordion-icon:before { color: #46bdf4; } + +.accordion-content { padding-bottom: 12px; padding-right: 46px; } + +.accordion-content p:last-child { margin-bottom: 0; } + +.accordion-item-s2 .accordion-content, .accordion-item-s3 .accordion-content, .accordion-item-s4 .accordion-content { padding-left: 30px; } + +.accordion-item-s4 .accordion-content { padding-bottom: 6px; } + +.accordion-faq { margin-top: -15px; } + +.accordion-header { padding: 20px; } + +.accordion-header p { margin-bottom: 0; } + +.accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: none; } + +.accordion-body { padding: 0 20px 30px; } + +.accordion-box:not(:last-child) { margin-bottom: 40px; } + +.border-b-none { border-bottom: 0px !important; } + +@media (min-width: 576px) { .accordion-title-sm { font-size: 18px; } + .accordion-header { padding: 20px 40px; } + .accordion-header p { margin-bottom: 0; } + .accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: block; } + .accordion-body { padding: 0 40px 40px; } } + +/** 04.03 Blocks */ +.nk-block { display: block; width: 100%; position: relative; z-index: 1; } + +.nk-block ~ .nk-block { padding-top: 40px; } + +.nk-block ~ .nk-block-team-list { padding-top: 60px; } + +.nk-block + .hr { margin-top: 40px; margin-bottom: 40px; } + +.section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + +.nk-block-lg + .nk-block { padding-top: 60px; } + +.nk-block-zero + .nk-block { padding-top: 0 !important; } + +.nk-block-text-head { padding-bottom: 35px; } + +.nk-block-img { position: relative; } + +.nk-block-img-plx { position: absolute; } + +.nk-block-img-s1 { position: relative; z-index: 99; margin-top: -71px; padding: 30px 50px; background: #fff; border-radius: 60px 60px 60px 200px; box-shadow: 0 15px 30px rgba(10, 25, 146, 0.1); } + +.nk-block-img-s2 img { max-width: 400px; width: 100%; } + +.nk-block-img-s3 img { max-width: 300px; width: 100%; } + +.nk-block-screen { padding: 70px 50px 100px 0; } + +.nk-block-screen img { border-radius: 3px; border: 1px solid #dfeaf8; } + +.nk-block-screen-small { position: absolute; right: 0; bottom: 0; max-width: 210px; } + +.nk-block-video { position: relative; border-radius: 4px; } + +.nk-block-ca { padding: 70px 20px; } + +.nk-block-plx { width: 300px; padding: 30px 10px; margin-left: auto; margin-right: auto; } + +.nk-block-contact-s1 { padding: 110px 0; position: relative; display: flex; align-items: center; justify-content: center; background: url(../images/dot-c.png) no-repeat; background-size: contain; background-position: 50% 50%; } + +.nk-block-m30, .nk-block-team-list, .nk-block-features { margin-bottom: -30px; } + +.nk-block-m40 { margin-bottom: -40px; } + +.nk-block-m50 { margin-bottom: -50px; } + +.nk-block .pagination { margin-top: 10px; } + +.nk-block-status + .nk-block-actions { padding-top: 80px; padding-bottom: 40px; } + +.nk-block-note { position: relative; background: rgba(0, 0, 0, 0.2); border-radius: 6px; margin-top: 40px; padding: 20px 25px 20px 65px; } + +.nk-block-note-s2 { background: rgba(210, 211, 255, 0.25); } + +.nk-block-note .icon { position: absolute; left: 15px; top: 50%; font-size: 30px; color: #2b56f5; transform: translateY(-50%); } + +.nk-block-shade { position: absolute; left: -120px; bottom: 65px; width: 100%; height: calc(100% - 130px); border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); opacity: .10; transform: skew(9deg); } + +.nk-block-shade:after { position: absolute; left: 50px; bottom: 50px; width: 100%; height: 100%; content: ''; border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.nk-block-shape-s1 { position: relative; z-index: 2; padding-top: 80px; padding-bottom: 100px; background: #0a1992; } + +.nk-block-shape-s1:before, .nk-block-shape-s1:after { position: absolute; top: 0; height: 100%; content: ''; z-index: -1; background: #0a1992; } + +.nk-block-shape-s1:before { left: -190px; width: 320px; border-radius: 100px 0 0 100px; transform: skew(9deg); } + +.nk-block-shape-s1:after { right: -280px; width: 370px; border-radius: 0 100px 100px 0; transform: skew(-7deg); } + +.nk-block-shape-s1.bg-theme-alt { background: #000537; } + +.nk-block-shape-s1.bg-theme-alt:before, .nk-block-shape-s1.bg-theme-alt:after { background: #000537; } + +.nk-block-shape-s1.bg-theme-dark { background: #000537; } + +.nk-block-shape-s1.bg-theme-dark:before, .nk-block-shape-s1.bg-theme-dark:after { background: #000537; } + +.nk-block-shape-s1.bg-theme-dark-alt { background: #08157a; } + +.nk-block-shape-s1.bg-theme-dark-alt:before, .nk-block-shape-s1.bg-theme-dark-alt:after { background: #08157a; } + +.nk-block-header { padding-top: 30px; padding-bottom: 30px; } + +.plx-screen { width: 80px; bottom: 0; left: 0; } + +.plx-circle-s1 { width: 80px; top: 10px; left: -5px; z-index: -1; animation: ani_cicle 4s infinite linear; } + +.plx-polygon-s1 { width: 70px; bottom: 15px; left: 40px; transform-origin: center; animation: ani_round 20s infinite linear; } + +.plx-triangle-s1 { width: 80px; bottom: 0; right: 0; animation: ani_round 30s infinite reverse linear; } + +@keyframes ani_round { 0% { transform: translate(0, 0) rotate(0deg); } + 25% { transform: translate(10px, 15px) rotate(90deg); } + 50% { transform: translate(0, 0) rotate(180deg); } + 75% { transform: translate(-10px, -15px) rotate(270deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +@keyframes ani_cicle { 0% { transform: translate(0, 0) rotate(0deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +.img-block-dot { background-image: url(../images/dot-a.png); background-position: top center; padding: 50px 0; margin-top: -40px; } + +@media (min-width: 576px) { .nk-block-screen { padding: 0 50px 100px 0; } + .nk-block-team-list { margin-bottom: -50px; } } + +@media (min-width: 576px) { .nk-block ~ .nk-block { padding-top: 60px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-lg + .nk-block { padding-top: 80px; } + .nk-block-ca { padding: 90px 20px; } + .nk-block-plx { padding: 60px; width: 100%; } + .nk-block-contact-s1 { padding: 180px 0; } + .nk-block-img-s1 { padding: 40px 70px; } + .nk-block-note { margin-top: 40px; padding: 20px 65px 20px 75px; } + .nk-block-note .icon { left: 20px; } + .nk-block-shape-s1 { padding-top: 150px; padding-right: 40px; padding-bottom: 150px; } + .plx-screen { width: 130px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 140px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 95px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 768px) { .nk-block-img-s2 img { max-width: 100%; } + .nk-block-ca { padding: 60px; } + .nk-block-plx { padding: 60px; } + .plx-screen { width: 160px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 160px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 125px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 992px) { .nk-block ~ .nk-block { padding-top: 100px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-status + .nk-block-actions { padding-top: 70px; padding-bottom: 40px; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-sm + .nk-block { padding-top: 70px; } + .nk-block-lg + .nk-block { padding-top: 100px; } + .nk-block-img-s1 { margin-right: -71px; } + .nk-block-img.edge-r1 { margin-right: -160px; } + .nk-block-img.edge-l1 { margin-left: -160px; } + .nk-block-img.edge-r2 { margin-right: -360px; } + .nk-block-img.edge-l2 { margin-left: -360px; } + .nk-block-img.edge-r3 { margin-right: -500px; } + .nk-block-img.edge-l3 { margin-left: -500px; } + .nk-block .pagination { margin-top: 30px; } } + +@media (min-width: 1200px) { .nk-block-lg + .nk-block { padding-top: 130px; } } + +.app-slide-wrap { position: relative; width: 230px; margin: 15px auto; } + +.app-slide-wrap:after { position: absolute; height: calc(100% + 80px); width: calc(100% + 96px); top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; background-image: url(../images/light-ix.png); } + +.app-slide img { border-radius: 4px; } + +/** 04.04 Box */ +.card { padding: 20px; background: #fff; border: none; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.02); } + +.card.card-s3 { padding: 30px 20px; } + +.card-full { height: calc(100% - 30px); } + +.card-full-lg { height: calc(100% - 80px); } + +.card.feature-s8 { padding: 35px 25px; } + +.card-s2 { padding: 55px 30px 110px; box-shadow: 0px 5px 46px rgba(0, 5, 55, 0.14); } + +.card-lg-y { box-shadow: 0px 20px 60px rgba(18, 24, 58, 0.1); } + +.card-s3 { box-shadow: 0px 5px 18px rgba(65, 80, 118, 0.2); } + +@media (min-width: 576px) { .card { padding: 30px; } + .card.card-s3 { padding: 30px; } + .card-md { padding: 40px 30px; } + .card-lg { padding: 45px 40px; } + .card.feature-s8 { padding: 45px 30px; } + .card-s2 { padding: 55px 30px 110px; } + .card-lg-y { padding: 70px 30px; } + .card-lg-xy { padding: 70px 55px; } } + +/** 04.05 Banner */ +.nk-banner { display: block; width: 100%; z-index: 5; position: relative; } + +.banner { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } + +.is-transparent .banner { padding-top: 60px; } + +.has-mask .banner { padding-bottom: 75px; } + +.has-mask .banner-page { padding-bottom: 40px; } + +.has-mask .banner-mask-fix { padding-bottom: 40px !important; } + +.has-mask .banner-inner { padding-bottom: 125px; } + +.header-banner-angled .banner { padding-bottom: 540px; } + +.header-banner-angled-s2 .banner { padding-bottom: 498px; } + +.banner-screen { position: absolute !important; z-index: 0 !important; left: 50%; right: 0; bottom: -8px; width: 320px; transform: translateX(-50%); } + +.banner-wrap { width: 100%; } + +.banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } + +.banner-gfx { position: relative; margin: -15px 0; } + +.banner-gfx-auto { margin: 0 auto !important; } + +.banner-gfx-re-s4 { margin: 0 -95px; } + +.banner-gfx-icon { position: absolute; width: 4.2%; top: 32%; } + +.banner-gfx-icon-1 { left: 43.75%; animation: jumping 1s linear 0s infinite alternate; } + +.banner-gfx-icon-2 { right: 40.25%; animation: jumping 1s linear .5s infinite alternate; } + +.banner-gfx-s2 { max-width: 280px; margin: 0 auto; } + +.banner-fs { min-height: calc(100vh - 90px); } + +.is-transparent .banner-fs { min-height: 100vh; } + +.banner-gap-b1 { padding-bottom: 50px; } + +.has-mask .banner-gap-b1 { padding-bottom: 75px; } + +.banner-gap-b2 { padding-bottom: 75px; } + +.has-mask .banner-gap-b2 { padding-bottom: 125px; } + +.banner-gap-b3 { padding-bottom: 75px; } + +.has-mask .banner-gap-b3 { padding-bottom: 120px; } + +.banner-gap-b4 { padding-bottom: 340px; } + +.has-mask .banner-gap-b4 { padding-bottom: 360px; } + +.banner-page .banner-wrap { padding: 40px 0; } + +.is-transparent .banner-page .banner-wrap { padding-top: 20px; } + +.banner-page .breadcumb { padding-top: 10px; } + +.banner-page-md { min-height: 340px; } + +.banner-page-lg { min-height: 460px; } + +.banner-caption:not([class*=wide]) { max-width: 720px; margin-left: auto; margin-right: auto; } + +.banner > .nk-block { position: relative; z-index: 2; } + +.banner-social { background: rgba(255, 255, 255, 0.2); border-radius: 25px; padding: 0px 20px; display: inline-block; } + +.banner-social-wrap { margin-top: 30px; } + +.banner-social li { padding: 13px 8px; display: inline-block; } + +.banner-social li a { color: #fff; text-align: center; line-height: 24px; width: 24px; display: block; } + +.banner-social li a:hover { opacity: .5; outline: none; transform: translateY(-3px); } + +.banner-with-token-box-s1 .banner-wrap { padding-bottom: 175px; } + +.banner-s1-overlay { position: relative; overflow: hidden; } + +.banner-s1-overlay:before, .banner-s1-overlay:after { position: absolute; content: ''; width: 875px; height: 300%; bottom: -100%; transform: rotate(-45deg); background: rgba(255, 255, 255, 0.02); z-index: -1; } + +.banner-s1-overlay:before { left: 50%; margin-left: -130px; } + +.banner-s1-overlay:after { right: 50%; margin-right: -110px; } + +.banner-s1 .title-xs { margin-bottom: 1.14rem; } + +.banner-inner { min-height: 500px; } + +@keyframes jumping { 0% { transform: translateY(5px); } + 100% { transform: translateY(-25px); } } + +.cpn { padding-top: 30px; padding-bottom: 30px; } + +.cpn-head, .cpn-action, .cpn-text { margin-top: 20px; } + +.cpn > *:first-child { margin-top: 0; } + +.cpn-head .title { font-size: 1.75rem; line-height: 1.5; } + +.cpn-head .title-lg { line-height: 1.3; font-weight: 700; } + +.cpn-text { font-weight: 300; font-size: 1.1rem; line-height: 1.8; margin-bottom: 25px; color: #415076; } + +.tc-light .cpn-text { color: #8ca2e5; } + +.cpn-text p { color: inherit !important; font-size: inherit !important; } + +.cpn-text-center { margin-left: auto; margin-right: auto; } + +.cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } + +.cpn-text .lead, .cpn-text .lead-light { font-size: 1.25rem; font-weight: 400; line-height: 1.7; } + +.cpn-text .lead-s2 { font-size: 1.2rem; font-weight: 300; line-height: 1.7; } + +.cpn-text .lead-s3 { font-size: 1.3rem !important; font-weight: 300; line-height: 1.7; } + +.cpn-text-light .lead, .cpn-text-light .lead-light { font-weight: 300; } + +.cpn-links { padding-top: 20px; margin-top: -10px; margin-bottom: -10px; margin-left: -15px; margin-right: -15px; } + +.cpn-action .cpn-links { padding-top: 0; } + +.cpn-links li { display: inline-block; padding: 10px 15px; font-weight: 500; } + +.cpn-links-s1 { display: flex; justify-content: space-around; align-items: center; padding: 0 50px; } + +.cpn-btns + .cpn-links { padding-top: 20px; } + +.cpn-links + .cpn-btns { padding-top: 20px; } + +.cpn-boxed { padding: 20px; background: rgba(0, 5, 55, 0.6); } + +.cpn-boxed:not([class*='radius']) { border-radius: 6px; } + +.cpn-social { margin-top: 30px; } + +@media (max-width: 575px) { .cpn-title .title { font-size: 1.75rem; line-height: 1.5; } } + +@media (min-width: 576px) { .banner-gap-b3 { padding-bottom: 120px; } + .has-mask .banner-gap-b3 { padding-bottom: 160px; } + .banner-screen { bottom: -40px; width: 100%; } + .banner-screen-right { bottom: -70px; width: 360px; } + .banner-fs .banner-wrap { padding-top: 70px; padding-bottom: 70px; } } + +@media (min-width: 768px) { .banner-gfx-re-s2 { margin: -50px 0 0; } + .has-mask .banner { padding-bottom: 160px; } + .has-mask .banner-page { padding-bottom: 80px; } + .banner-gap-b1 { padding-bottom: 75px; } + .has-mask .banner-gap-b1 { padding-bottom: 125px; } + .banner-gap-b2 { padding-bottom: 125px; } + .has-mask .banner-gap-b2 { padding-bottom: 200px; } + .banner-gap-b4 { padding-bottom: 340px; } + .has-mask .banner-gap-b4 { padding-bottom: 360px; } + .banner-page .banner-wrap { padding: 80px 0; } + .is-transparent .banner-page .banner-wrap { padding-top: 60px; } + .banner-page-md { min-height: 400px; } + .banner-page-lg { min-height: 580px; } + .banner-social-wrap { margin-top: 0; } + .banner-social-vertical { right: 60px; top: 50%; transform: translateY(-50%); position: absolute; z-index: 3; padding: 20px 0; margin-top: -30px; } + .banner-social-vertical li { display: block; padding: 8px 13px; } + .banner-with-token-box-s1.banner-fs { min-height: 92vh; } + .banner-with-token-box-s1 .banner-wrap { padding-bottom: 40px; } + .cpn-text, .cpn-action { margin-top: 20px; } + .cpn-text { margin-bottom: 15px; } + .cpn-btns { padding-top: 10px; } + .cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } } + +@media (min-width: 992px) { .is-transparent .banner { padding-top: 75px; } + .banner-gfx-re-s1 { margin: 0 -80px 0 -180px; } + .banner-gfx-re-s2 { margin: -50px -280px 0 -110px; } + .banner-gfx-re-s3 { margin: 0 -150px 0 -35px; } + .banner-gfx-re-s5 { margin: 0 -305px 0 0; } + .has-mask .banner { padding-bottom: 180px; } + .has-mask .banner-page { padding-bottom: 100px; } + .banner-gap-b3 { padding-bottom: 200px; } + .has-mask .banner-gap-b3 { padding-bottom: 220px; } + .banner-gap-b4 { padding-bottom: 60px; } + .has-mask .banner-gap-b4 { padding-bottom: 80px; } + .banner-screen-right { bottom: -45px; width: 100%; } + .has-mask .banner-pd-lg { padding-bottom: 225px; padding-top: 65px; } + .banner-inner { min-height: 600px; } + .cpn { max-width: 90%; } + .banner-page .cpn { max-width: 100%; } + .cpn-head, .cpn-action, .cpn-text { margin-top: 20px; } + .banner-s1 .cpn-head { margin-top: 0; } + .cpn-text { margin-bottom: 25px; max-width: 90%; } + .banner-s1 .cpn-text { margin-top: 20px; margin-bottom: 6px; } + .banner-s2 .cpn-text { margin-top: 20px; } + .cpn-text-s1 { margin-top: 20px; margin-bottom: 12px; } + .cpn-text-s2 { max-width: 100% !important; } + .cpn-text-s3 { margin-top: 10px; } + .cpn-btns, .cpn-links { padding-top: 20px; } + .cpn-action .cpn-btns, .cpn-action .cpn-links { padding-top: 0; } + .cpn-btns + .cpn-links { padding-top: 20px; } + .cpn-links + .cpn-btns { padding-top: 20px; } + .cpn-head .title { font-size: 2.125rem; } + .cpn-head .title-sm { font-size: 1.85rem; } + .cpn-head .title-md { font-size: 2.6rem; } + .cpn-head .title-lg { font-size: 4rem; } + .cpn-head .title-lg-s2 { font-size: 3rem; } + .cpn-head .title-lg-s3 { font-size: 2rem; } + .cpn-boxed { padding: 35px; } + .cpn-social { margin-top: 50px; } + .cpn-s2 { margin-top: -122px !important; padding-top: 0; } } + +@media (min-width: 1200px) { .banner-gfx-re-s1 { margin: 0 -380px 0 -180px; } + .banner-gfx-re-s2 { margin: 0 -330px 0 -110px; } + .banner-gfx-re-s5 { margin: 0 -515px 0 0; } + .banner-gfx-re-s7 { margin: 140px -505px -183px -290px; } + .banner-gfx-re-s7 + .abs-center { right: 15px; transform: translateY(-50%); left: auto; } + .banner-gap-b3 { padding-bottom: 290px; } + .has-mask .banner-gap-b3 { padding-bottom: 320px; } + .banner-screen-right { bottom: -90px; } + .banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } } + +@media (min-width: 1600px) { .banner-caption:not([class*=wide]) { max-width: 1080px; } + .banner-gfx-re-s2 { margin: -100px -480px 0 -110px; } + .banner-fs-lg { min-height: calc(100vh - 100px); } + .has-mask .banner-pd-lg { padding-bottom: 295px; padding-top: 65px; } + .cpn-head .title-lg-s3 { font-size: 3rem; } } + +@media (max-width: 991px) and (orientation: landscape) { .banner-gfx { margin-left: auto; margin-right: auto; max-width: 390px; } } + +@media (max-width: 767px) and (orientation: landscape) { .banner-gfx { max-width: 320px; } } + +@media (min-width: 992px) and (max-width: 1200px) and (orientation: portrait) { .banner-fs { min-height: calc(65vh - 90px); } + .is-transparent .banner-fs { min-height: 60vh; } } + +@media (max-width: 420px) { .cpn-btns .btn:not(.btn-with-icon) { font-size: 11px; padding: 8px 16px; } } + +.banner-y-pd { padding-top: 100px !important; padding-bottom: 124px !important; } + +.gfx-screen { position: absolute; top: 5px; left: 44px; width: calc(100% - 91px); height: calc(100% - 25px); } + +.gfx-screen .owl-stage-outer, .gfx-screen .owl-stage, .gfx-screen .owl-item, .gfx-screen .slides { height: 100%; width: 100%; border-radius: 6px; } + +.gfx-screen .flex-control-nav { position: absolute; right: -45px; top: 50%; transform: translateY(-50%); width: auto; height: fit-content; } + +.gfx-screen .flex-control-nav li { display: block; } + +.gfx-screen .flex-control-nav li a { width: 8px; height: 8px; border-radius: 50%; margin: 10px; box-shadow: none; border-radius: 50%; background: #c6cff1 !important; } + +.gfx-screen .flex-control-nav li a.flex-active { background: #46bdf4 !important; } + +.gfx-slide, .gfx-slide-item { height: 100%; } + +.gfx-slide img { border-top-right-radius: 10px; border-top-left-radius: 10px; } + +.gfx-slide-item { width: 100%; } + +@media (min-width: 400px) { .gfx-screen { top: 8px; left: 57px; width: calc(100% - 117px); height: calc(100% - 35px); } + .gfx-screen .flex-control-nav { right: -46px; } + .banner-gfx-s2 { max-width: 350px; } } + +@media (min-width: 576px) { .gfx-screen { left: 63px; width: calc(100% - 130px); } + .gfx-screen .flex-control-nav { right: -53px; } + .banner-gfx-s2 { max-width: 100%; } } + +@media (min-width: 768px) { .gfx-screen { top: 9px; left: 73px; width: calc(100% - 150px); height: calc(100% - 44px); } + .gfx-screen .flex-control-nav { right: -65px; } } + +@media (min-width: 1200px) { .gfx-screen { top: 18px; left: 106px; width: calc(100% - 220px); height: calc(100% - 66px); } + .gfx-screen .flex-control-nav { right: -100px; } } + +@media (min-width: 1600px) { .gfx-screen { left: 135px; width: calc(100% - 279px); height: calc(100% - 81px); } + .gfx-screen .flex-control-nav { right: -128px; } } + +/** 04.06 Head */ +.section-head { position: relative; } + +.section-head:not([class*=pdb]) { padding-bottom: 40px; } + +.section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + +.section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + +.section-head p { color: #415076; } + +.tc-light .section-head p { color: #aeafff; } + +.section-head.tc-light p { color: #aeafff; } + +.section-head .title { font-weight: 600; } + +.section-head .title-thin { font-weight: 300; } + +.section-head .title:not(:last-child) { margin-bottom: .75rem; } + +.section-head .title-xs:not(:last-child) { margin-bottom: .5rem; } + +.section-head .title:before { position: absolute; left: 50%; top: 50%; content: attr(title); font-family: "Poppins", sans-serif; line-height: .9; text-transform: uppercase; white-space: nowrap; color: #7381f5; transform: translate(-50%, -50%); opacity: 0.06; } + +.tc-light .section-head .title:before { opacity: 0.06; } + +.section-head .title-s4 { text-transform: uppercase; padding: 30px 0; margin-bottom: 0; opacity: 1; position: relative; } + +.section-head .title-s4.title:before { font-size: 120px !important; font-weight: 700; } + +.section-head-s2 .title:before { font-size: 48px; background-image: linear-gradient(180deg, #415076 0%, #aeafff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.firefox .section-head-s2 .title:before { -webkit-text-fill-color: #000; } + +.firefox .tc-light .section-head-s2 .title:before { -webkit-text-fill-color: #fff; } + +.section-head-s3 { position: relative; } + +.section-head-s3:after, .section-head-s3:before { position: absolute; left: 50%; height: 1px; width: 110px; content: ""; transform: rotate(-45deg); z-index: -1; opacity: .4; } + +.section-head-s3:before { top: 60px; margin-left: -80px; background: #46bdf4; } + +.tc-light .section-head-s3:before { background: #46bdf4; } + +.section-head-s3:after { top: 5px; margin-left: -50px; background: #2b56f5; } + +.tc-light .section-head-s3:after { background: #2b56f5; } + +.section-head-line { position: absolute; height: 60px; width: 60px; left: 50%; top: 10px; opacity: .2; border-radius: 50%; background: transparent; transform: rotate(45deg) translate(-50%, 0); } + +.section-head-line .line-1, .section-head-line .line-2, .section-head-line .line-3, .section-head-line .line-4, .section-head-line .line-5, .section-head-line .line-6, .section-head-line .line-7, .section-head-line .line-8 { position: absolute; content: ""; border-radius: 50%; background: transparent; border-top: 1px solid #2b56f5; border-left: 1px solid #2b56f5; } + +.section-head-line .line-1 { top: -15px; left: -15px; height: 90px; width: 90px; } + +.section-head-line .line-2 { top: -30px; left: -30px; height: 120px; width: 120px; } + +.section-head-line .line-3 { top: -45px; left: -45px; height: 150px; width: 150px; } + +.section-head-line .line-4 { top: -60px; left: -60px; height: 180px; width: 180px; } + +.section-head-line .line-5 { top: -75px; left: -75px; height: 210px; width: 210px; } + +.section-head-line .line-6 { top: -90px; left: -90px; height: 240px; width: 240px; } + +.section-head-line .line-7 { top: -105px; left: -105px; height: 270px; width: 270px; } + +.section-head-line .line-8 { top: -120px; left: -120px; height: 300px; width: 300px; } + +@media (min-width: 576px) { .section-head:not([class*=pdb]) { padding-bottom: 50px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + .section-head .title:not(:last-child) { margin-bottom: 1.25rem; } + .section-head .title-xs:not(:last-child) { margin-bottom: .75rem; } + .section-head-s2 .title:before { font-size: 64px; } } + +@media (min-width: 992px) { .section-head:not([class*=pdb]) { padding-bottom: 60px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 40px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-s2 .title:before { font-size: 90px; } + .section-head-s2 .title-xl:before { font-size: 124px; } } + +.t-cap { text-transform: capitalize !important; } + +/** 04.07 Features */ +.feature { margin-bottom: 30px; display: block; } + +.feature-download { margin-bottom: 0; } + +.feature.card { height: calc(100% - 30px); } + +.feature-group .feature { margin-bottom: 0; } + +.feature-group { border-radius: 6px; } + +.feature-icon { position: relative; width: 60px; margin-bottom: 15px; flex-shrink: 0; margin-right: 12px; } + +.feature-icon-md { width: 40px; } + +.feature-icon-md-s2 { width: 80px; } + +.feature-icon-xl { width: 120px; } + +.feature-icon.dot:before { position: absolute; bottom: 0; right: 0; content: ''; height: 30px; width: 30px; border-radius: 50%; background: rgba(43, 86, 245, 0.5); z-index: 4; } + +.tc-light .feature-icon .icon { color: #2b56f5; } + +.feature-icon .icon { position: relative; font-size: 3.75rem; color: #000537; z-index: 5; margin-left: -5px; } + +.feature-icon .icon.icon-circle { margin-left: 0; } + +.feature-icon .icon-xs { font-size: 1rem; } + +.feature-icon .icon-md { font-size: 2.75rem; } + +.feature-icon .icon-rg { font-size: 4.35rem; } + +.feature-icon .icon-lg { font-size: 5.75rem; } + +.feature-icon .icon-lg-s2 { font-size: 5rem; padding-top: 15px; } + +.feature-icon .icon-xl { font-size: 9rem; } + +.feature-icon .icon-grd { background-image: linear-gradient(-45deg, #2b56f5 0%, #46bdf4 80%, #46bdf4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.feature-icon .icon-circle { position: relative; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #46bdf4; border-radius: 50%; background-image: linear-gradient(-45deg, #2b56f5 0%, #46bdf4 80%, #46bdf4 100%); } + +.feature-icon .icon-circle:after { position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; content: ''; border-radius: 50%; background: #fff; z-index: -1; } + +.bg-theme .feature-icon .icon-circle:after { background: #0a1992; } + +.bg-theme-alt .feature-icon .icon-circle:after { background: #000537; } + +.bg-theme-dark .feature-icon .icon-circle:after { background: #000537; } + +.bg-theme-dark-alt .feature-icon .icon-circle:after { background: #08157a; } + +.feature-icon-s1 { text-align: center; margin-left: 10px; margin-bottom: 40px; } + +.feature-icon-s1:after { position: absolute; content: ""; left: 50%; top: 50%; width: 62px; height: 62px; border: 2px solid rgba(0, 5, 55, 0.2); transform: translate(-50%, -50%) rotate(45deg); border-radius: 8px; } + +.tc-light .feature-icon-s1:after { border: 2px solid rgba(0, 5, 55, 0.8); } + +.feature-icon-s1 .icon { margin-left: 0; line-height: 48px; } + +.feature-icon-s5 { width: 60px; height: 60px; text-align: center; line-height: 63px; border-radius: 50%; margin-bottom: 0; } + +.feature-icon-s5 .icon { font-size: 1rem; width: 40px; height: 40px; background: #fff; line-height: 40px; border-radius: 50%; text-align: center; border: 1px solid; border-color: currentColor; margin-left: 0; } + +.tc-light .feature-icon-s5 .icon { border-width: 0; } + +.feature-icon-s5-1 { background: rgba(0, 5, 55, 0.2); } + +.tc-light .feature-icon-s5-1 { background: rgba(0, 5, 55, 0.6); } + +.feature-icon-s5-1 .icon { color: #000537; background: linear-gradient(-90deg, #fff 0%, #0015ea 100%); } + +.tc-light .feature-icon-s5-1 .icon { color: #000537; } + +.feature-icon-s5-2 { background: rgba(70, 189, 244, 0.2); } + +.tc-light .feature-icon-s5-2 { background: rgba(70, 189, 244, 0.4); } + +.feature-icon-s5-2 .icon { color: #46bdf4; background: linear-gradient(-90deg, #fff 0%, #eef9fe 100%); } + +.tc-light .feature-icon-s5-2 .icon { color: #46bdf4; } + +.feature-icon-s5-3 { background: rgba(43, 86, 245, 0.2); } + +.tc-light .feature-icon-s5-3 { background: rgba(43, 86, 245, 0.4); } + +.feature-icon-s5-3 .icon { color: #2b56f5; background: linear-gradient(-90deg, #fff 0%, #d5defd 100%); } + +.tc-light .feature-icon-s5-3 .icon { color: #2b56f5; } + +.feature-icon-s5-4 { background: rgba(230, 96, 74, 0.2); } + +.tc-light .feature-icon-s5-4 { background: rgba(230, 96, 74, 0.4); } + +.feature-icon-s5-4 .icon { color: #e97460; background: linear-gradient(-90deg, #fff 0%, #fceae7 100%); } + +.tc-light .feature-icon-s5-4 .icon { color: #e97460; } + +.feature-icon-s6 { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%); text-align: center; line-height: 60px; } + +.feature-icon-s6 .icon { font-size: 40px; color: #fff; opacity: 0.8; line-height: 60px; margin-left: 0; } + +.tc-light .feature-icon-s6 .icon { color: #fff; } + +.feature-icon-s6-bg { width: 60px; height: 60px; border-radius: 50%; background: rgba(43, 86, 245, 0.2); text-align: center; line-height: 60px; } + +.feature-icon-s6-bg .icon { font-size: 40px; color: #2b56f5; line-height: 60px; margin: 0 auto; } + +.feature-icon-s7 { width: 65px; height: 65px; border-radius: 50%; text-align: center; line-height: 65px; background: #2b56f5; } + +.feature-icon-s7 .icon { font-size: 30px; margin-left: 0; line-height: inherit; color: #fff; } + +.tc-light .feature-icon-s7 .icon { color: #fff; } + +.feature-icon-s8 { width: 90%; } + +.text-center .feature-icon-s8 { margin-left: auto; margin-right: auto; } + +.feature-icon-auto { width: auto; } + +.feature-icon-lg { width: 160px; margin-top: -15px; margin-bottom: 5px !important; } + +.feature-icon-lg-s1 { width: 110px; margin-top: -10px; margin-bottom: 5px !important; } + +.feature-icon-lg-s2 { width: 130px; margin-top: -12px; margin-bottom: 5px !important; } + +.feature-icon-lg-s3 { width: 95px; margin-top: -8px; margin-bottom: 20px !important; } + +.feature-icon-lg + .feature-text-s8 { padding-top: 25px; } + +.feature-icon-sm { width: 60px; } + +.feature-icon-bg { margin: 0; position: absolute; right: -15px; bottom: -15px; width: 121px; height: 121px; margin: 0; background: rgba(43, 86, 245, 0.15); border-radius: 50%; box-shadow: 0px 0px 0px 10px rgba(43, 86, 245, 0.06); text-align: center; line-height: 104px; } + +.feature-icon-bg img { max-width: 60px; } + +.feature-icon-bg-grd { background-position: center center; background-size: contain; min-height: 135px; min-width: 230px; text-align: center; display: flex; align-items: center; justify-content: center; } + +.feature-icon-bg-grd-s1 { background-image: url(../../images/icons/icon-bg-a.png); } + +.feature-icon-bg-grd-s1 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s2 { background-image: url(../../images/icons/icon-bg-a2.png); } + +.feature-icon-bg-grd-s2 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s3 { background-image: url(../../images/icons/icon-bg-a3.png); } + +.feature-icon-bg-grd-s3 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-inline { display: flex; } + +.feature-inline.card { flex-direction: row; } + +.feature-middle { align-items: center; } + +.feature-middle .feature-icon { margin-bottom: 0; margin-right: 15px; display: inline-flex; align-items: center; } + +.feature-img { border-radius: 4px; } + +.feature-image { padding-bottom: 15px; } + +.feature-image img { height: 55px; width: auto !important; } + +.feature-center .feature-image img { margin-left: auto; margin-right: auto; } + +.feature-text p:last-child { margin-bottom: 0; } + +.feature-text-s8 .title-s5 { margin-bottom: 20px; } + +.feature-text-s1 .title-xs-alt { color: #0a1992; line-height: 1.4; display: inline-block; } + +.feature-center { text-align: center; } + +.feature-center .feature-icon { margin-left: auto; margin-right: auto; } + +.feature-center .feature-icon .icon { margin-left: 0; } + +.feature-s1 { display: flex; margin-bottom: 0; align-items: center; padding-right: 20px; } + +.feature-s1.boxed { height: 100%; border-radius: 4px; } + +.feature-s1.bordered { border: 2px solid rgba(0, 5, 55, 0.2); } + +.feature-s1-1.bordered { border-color: rgba(0, 5, 55, 0.2); } + +.feature-s1-2.bordered { border-color: rgba(70, 189, 244, 0.2); } + +.feature-s1-3.bordered { border-color: rgba(43, 86, 245, 0.2); } + +.feature-s1-4.bordered { border-color: rgba(230, 96, 74, 0.2); } + +.feature-s3 { margin-bottom: 0; } + +.feature-s3.card { padding: 30px 30px 40px; margin-bottom: 0; height: 100%; } + +.feature-s3-alt { position: relative; padding: 0; padding-bottom: 25px !important; } + +.feature-s3-alt .title-md { margin-bottom: 0.6rem; } + +.feature-s3-alt:not(:last-child):before { position: absolute; content: ""; left: 30px; top: 20px; width: 1px; background: #2b56f5; height: 100%; } + +.feature-s4 .title { padding-top: 15px; } + +.feature-s6 { margin-bottom: 0; } + +.feature-s7 { margin-bottom: 50px; } + +.feature-s8.card { height: calc(100% - 40px); } + +.feature-s8-alt { padding-top: 50px; margin-top: 50px; } + +.feature-s8-alt .feature-icon { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); } + +.feature-s8-alt.card { height: calc(100% - 90px); } + +.feature-s10 { padding: 30px 30px 30px 25px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); } + +.feature-s10-left { margin-right: 20px; padding-bottom: 60px; } + +.feature-s10-right { margin-left: 20px; margin-top: -35px; } + +.feature-s10 .title-sm { margin-bottom: 1.2rem; } + +.feature-s11 { flex-wrap: wrap; align-items: flex-start; margin-bottom: 0; } + +.feature-s11 .list { margin-left: 20px; } + +.feature-s12 { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; } + +.feature-slider-dots { display: flex; justify-content: center; margin-bottom: 40px; } + +.feature-slider-dot { position: relative; height: 46px; width: 46px; flex-grow: 0; flex-shrink: 0; border-radius: 4px; padding: 5px; text-align: center; background: #a992ea; cursor: pointer; color: #6a55ea; box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15); transition: all .4s ease; margin: 0 8px; border: none; } + +.tc-light .feature-slider-dot { background: #9e90f1; } + +.feature-slider-dot:focus, .feature-slider-dot:active { outline: none; } + +.feature-slider-dot.active { background: #6a55ea; } + +.feature-slider-dot:after { position: absolute; top: 50%; left: 100%; height: 2px; content: ''; width: 100%; background: url(../images/line.png) repeat 0 0; z-index: -1; animation: slide 1s linear infinite; } + +.feature-slider-dot:last-child:after { display: none; } + +.feature-slider-dot:nth-child(2) { color: #2bc9b4; background: #def7f3; } + +.tc-light .feature-slider-dot:nth-child(2) { background: #8de7db; } + +.feature-slider-dot:nth-child(2).active { background: #2bc9b4; } + +.feature-slider-dot:nth-child(3) { color: #49adf3; background: #dbeffd; } + +.tc-light .feature-slider-dot:nth-child(3) { background: #9fd4f9; } + +.feature-slider-dot:nth-child(3).active { background: #49adf3; } + +.feature-slider-dot:nth-child(4) { color: #f2801c; background: #fce6d2; } + +.tc-light .feature-slider-dot:nth-child(4) { background: #f9c395; } + +.feature-slider-dot:nth-child(4).active { background: #f2801c; } + +.feature-slider-dot:nth-child(5) { color: #ea64c6; background: #fbe0f4; } + +.tc-light .feature-slider-dot:nth-child(5) { background: #f29edb; } + +.feature-slider-dot:nth-child(5).active { background: #ea64c6; } + +.feature-slider-dot .ikon { font-size: 28px; line-height: 35px; width: 35px; border-radius: 50%; background: #fff; display: block; } + +.feature-slider-dot-s1 { border-radius: 50%; padding: 0; } + +.feature-slider-dot-s1.active:before { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(132, 132, 164, 0.35); animation: 1.5s linear 0s normal none infinite focuse; } + +.feature-slider-dot-s1.active .ikon { background: transparent; color: #fff; } + +.feature-slider-dot-s1 .ikon { line-height: 46px; width: 46px; } + +.feature-document { padding: 0 27px; max-width: 280px; margin-left: auto; margin-right: auto; } + +.feature-document-s2 { margin: 0 0 20px 20px; position: relative; border-radius: 6px; min-height: 140px; padding: 25px 20px 20px 95px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); } + +.tc-light .feature-document-s2 { background: #000537; } + +.feature-document-img { padding-right: 25px; position: relative; z-index: 1; } + +.feature-document-img-s2 { position: absolute; top: 20px; left: -20px; width: 100px; } + +.feature-document-img-s2 img { border-radius: 4px; } + +.feature-document-img img { border: 2px solid #fff; box-shadow: 0px 0px 12px 0px rgba(43, 86, 245, 0.15); position: relative; z-index: 2; border-radius: 5px; } + +.tc-light .feature-document-img img { border-width: 0; box-shadow: 0px 0px 12px 0px rgba(0, 5, 55, 0.25); } + +.feature-document-img:before { position: absolute; right: 0; content: ''; top: 40px; width: 40px; height: calc(100% - 70px); z-index: 1; background: #fff; box-shadow: 0px 5px 20px 0px rgba(43, 86, 245, 0.07); z-index: -1; } + +.tc-light .feature-document-img:before { background: rgba(43, 86, 245, 0.75); box-shadow: 0px 5px 20px 0px rgba(0, 5, 55, 0.15); } + +.feature-document-text { justify-content: space-between; display: flex; padding-top: 18px; align-items: center; } + +.feature-document-text-s2 { color: #415076; margin-bottom: 14px; font-weight: 600; } + +.tc-light .feature-document-text-s2 { color: #fff; } + +.feature-document-text .drop-wrap { padding-bottom: 5px; } + +.feature-document-info span { display: block; line-height: 1; font-size: 13px; font-weight: 400; opacity: .5; } + +.feature-document-link { display: block; margin-top: 6px; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; color: #fff; background: #46bdf4; } + +.feature-document-link:hover, .feature-document-link:active, .feature-document-link:focus { background: #2b56f5; color: #fff; } + +.tc-light .feature-document-link:hover, .tc-light .feature-document-link:active, .tc-light .feature-document-link:focus { background: #2b56f5; color: #fff; } + +.feature-document-link-s2 li { display: inline-block; margin: 0 2px 5px; } + +.feature-document-link-s2 li a { padding: 0 10px; display: inline-block; line-height: 21px; border: 2px solid #aeafff; border-radius: 4px; font-size: .86em; font-weight: 500; color: #2b56f5; } + +.tc-light .feature-document-link-s2 li a { color: #aeafff !important; border: 2px solid #fff; } + +.feature-reverse { flex-direction: row-reverse; text-align: right; } + +.feature-serial { font-size: 100px; font-weight: 700; line-height: normal; color: rgba(18, 24, 58, 0.2); } + +@keyframes focuse { 0% { transform: scale(0.8); + opacity: 1; } + 75% { transform: scale(1.2); + opacity: 0; } + 100% { transform: scale(1.2); + opacity: 0; } } + +@keyframes slide { from { background-position: 0 0; } + to { background-position: 40px 0; } } + +.boxed { padding: 15px 20px; } + +.boxed-xs { padding: 18px; } + +.boxed-sm { padding: 30px 25px; } + +.boxed-lg { padding: 30px 25px; } + +.boxed-xl { padding: 30px 25px; } + +@media (max-width: 575px) { .boxed.contact-form { padding: 20px; } + .feature-icon-s8 img { max-width: 220px; } } + +@media (min-width: 480px) { .feature-s10 { padding: 40px 90px 50px 35px; } + .feature-s10-left { margin-right: 45px; padding-bottom: 90px; } + .feature-s10-right { margin-left: 45px; margin-top: -45px; } + .feature-s11 { flex-wrap: nowrap; } } + +@media (min-width: 576px) { .feature.card { height: calc(100% - 30px); } + .feature-icon { margin-bottom: 20px; margin-right: 20px; } + .card-s3 .feature-icon { margin-right: 30px; } + .feature-sm-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-icon-s1 { margin-bottom: 40px; } + .feature-icon-s5 { margin-bottom: 0; } + .feature-icon-s7 { margin-right: 30px; } + .feature-sm-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-icon-bg { right: -40px; bottom: -40px; } + .has-rtl .feature-icon-bg { right: auto; left: -40px; } + .feature-icon-bg-grd { margin-bottom: 35px; } + .feature-s2 { display: flex; align-items: flex-start; } + .feature-s3 { margin-bottom: 0; padding: 0 30px; } + .feature-s3.card { margin-bottom: 0; height: 100%; } + .feature-s3-alt { padding: 0; } + .feature-s6 { padding-bottom: 145px; } + .feature-s6:before, .feature-s6:after { position: absolute; left: 50%; content: ''; transform: translateX(-50%); } + .feature-s6:before { bottom: 0; width: 2px; height: 95px; background: #dbe4f7; border-radius: 2px; } + .tc-light .feature-s6:before { background: rgba(255, 255, 255, 0.8); } + .feature-s6:after { bottom: 94px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #dbe4f7; background: #2b56f5; } + .tc-light .feature-s6:after { border-color: #fff; } + .feature-s8.card { height: calc(100% - 40px); } + .feature-s8-alt.card { height: calc(100% - 80px); } + .feature-s12 { flex-wrap: nowrap; } + .feature-slider-dot { height: 76px; width: 76px; padding: 10px; margin: 0 20px; } + .feature-slider-dot .ikon { font-size: 38px; line-height: 56px; width: 56px; } + .feature-slider-dot-s1 { padding: 0; } + .feature-slider-dot-s1 .ikon { font-size: 48px; line-height: 76px; width: 76px; } + .feature-sm-reverse { flex-direction: row-reverse; text-align: right; } + .boxed { padding: 40px 50px; } + .boxed-xs { padding: 18px; } + .boxed-sm { padding: 35px 25px; } + .boxed-md { padding: 40px 30px; } + .boxed-lg { padding: 45px 40px; } + .feature-icon-lg-s3 { margin-bottom: 5px !important; } } + +.link-feature-s1 { position: absolute; bottom: -40px; left: 50%; opacity: 0; transform: translate(-50%, 0); } + +.feature:hover .link-feature-s1 { bottom: -25px; opacity: 1; } + +@media (min-width: 768px) { .feature-s10 { padding: 40px 45px 50px 35px; } + .feature-s10-left { margin-right: -22.5px; margin-top: 60px; padding-bottom: 50px; } + .feature-s10-right { margin-left: -22.5px; margin-bottom: 60px; margin-top: 0; } + .feature-carousel-s1 .owl-nav { position: absolute; bottom: 35px; right: 15px; } + .feature-md-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-md-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-md-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (min-width: 992px) { .feature-s6-1 { padding-top: 197px; } + .feature-s6-2 { padding-top: 73px; } + .feature-s6-3 { padding-top: 0; } + .feature-s6-4 { padding-top: 184px; } + .feature-s10 { padding: 40px 240px 50px 50px; } + .feature-s10-left { margin-right: -95px; margin-top: 80px; } + .feature-s10-right { margin-left: -95px; } + .feature-text-s2 { padding: 0 0 0 45px; } + .feature-text-wd p { width: 72%; } + .feature-s11 { margin-top: 15px; margin-bottom: 15px; } + .feature-s12 { align-items: flex-start; } + .feature-lg-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-lg-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-lg-reverse { flex-direction: row-reverse; text-align: right; } + .boxed-xs { padding: 18px; } + .boxed-md { padding: 45px 40px; } + .boxed-lg { padding: 55px 60px; } + .boxed-xl { padding: 65px 60px; } } + +@media (min-width: 1200px) { .feature-text-s2 { padding: 0 65px 0 45px; } + .feature-text-wd p { width: 60%; } + .feature-xl-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-xl-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-xl-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (max-width: 991px) { .feature-icon-s1 { margin: 0 auto 40px; } } + +.feature-icon-btc .icon { color: #ffba00; } + +.feature-icon-eth .icon { color: #6a7aa2; } + +.feature-icon-ltc .icon { color: #adadad; } + +.feature-icon-xrp .icon { color: #2f3135; } + +.feature-icon-dash .icon { color: #1174bc; } + +.feature-icon-monero .icon { color: #ff6600; } + +.feature-currency .title { color: #415076 !important; } + +.feature-pd-lg { padding: 50px 30px; } + +.owl-item.active .feature { opacity: 0.8 !important; } + +.owl-item.active.center .feature { transition: 0.3s; opacity: 1 !important; } + +.feature-img-xl { max-width: 176px; margin: 0 auto; } + +@media (min-width: 992px) { .feature.center-lg { transform: scale(1.2); } } + +/** 04.08 Roadmap */ +.roadmap { position: relative; z-index: 10; padding-bottom: 30px; } + +.roadmap-carousel .roadmap { padding-bottom: 0; } + +.roadmap-s1:before, .roadmap-s1:after { position: absolute; content: ""; left: -1px; height: 50%; border-left-width: 3px; border-left-style: solid; border-color: #dbe4f7; } + +.tc-light .roadmap-s1:before, .tc-light .roadmap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + +.roadmap-s1:before { height: 45px; top: 0; } + +.flex-row-reverse .roadmap-s1:before { right: auto; } + +.roadmap-s1:after { height: calc(100% - 45px); right: auto; top: 45px; } + +.roadmap-s1-alt:before, .roadmap-s1-alt:after { left: 1px; border-left-width: 1px; border-left-style: dashed; } + +.tc-light .roadmap-s1-alt:before, .tc-light .roadmap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + +.flex-row-reverse .roadmap-s1-alt:before, .flex-row-reverse .roadmap-s1-alt:after { right: auto; left: 1px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-current:before { top: 0; } + +.roadmap-s1-alt.roadmap-done:after, .roadmap-s1-alt.roadmap-current:after { top: 45px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1-alt.roadmap-current:before { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1.roadmap-done:before, .roadmap-s1.roadmap-done:after { border-color: #2b56f5; } + +.roadmap-s1.roadmap-current:before { border-color: #2b56f5; } + +.roadmap-s2 { text-align: center; } + +.roadmap-s2:before, .roadmap-s2:after { position: absolute; content: ''; transition: width .3s; } + +.roadmap-s2:before { width: 0; height: 4px; background: #2b56f5; left: 0; top: 55px; } + +.tc-light .roadmap-s2:before { background: #2b56f5; } + +.roadmap-s2:after { left: 50%; top: 49px; transform: translateX(-50%); height: 16px; width: 16px; border-radius: 50%; border: 3px solid #dbe4f7; background: #fff; } + +.tc-light .roadmap-s2:after { border-color: #5b77a3; background: #0a1992; } + +.roadmap-s2.roadmap-finished:after, .roadmap-s2.roadmap-running:after { background: #2b56f5; border: 2px solid #fff; } + +.tc-light .roadmap-s2.roadmap-finished:after, .tc-light .roadmap-s2.roadmap-running:after { background: #2b56f5; border-color: #fff; } + +.roadmap-s2.roadmap-finished:before { width: 100%; } + +.roadmap-s2.roadmap-running:before { width: 50%; } + +.roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(70, 189, 244, 0.1); } + +.tc-light .roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1); } + +.roadmap-s5 { width: 100%; } + +.roadmap-s5:last-child { padding-bottom: 30px; } + +.roadmap-s6 { padding-top: 65px; margin-top: 15px; } + +.roadmap-s6:before { position: absolute; content: ""; top: 0; left: -6px; width: calc(100% + 30px); height: 1px; z-index: 2; background: #fff; } + +.roadmap-s6:after { position: absolute; content: ""; top: 0; right: 50%; width: 19px; height: 19px; z-index: 3; border: 1px solid #fff; border-radius: 50%; transform: translate(50%, -50%); background: #fff; } + +.tc-light .roadmap-s6:after { background: #0a1992; } + +.roadmap-s6.roadmap-done:after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; line-height: 17px; text-align: center; color: #fff; background: #39d884; } + +.roadmap-s6-1-2:before { background: linear-gradient(90deg, #2b56f5 0%, #46bdf4 100%); } + +.roadmap-s6-1-2:after { border-color: #46bdf4; } + +.roadmap-s6-1-2 .roadmap-head-s6:after { background: #46bdf4; } + +.roadmap-s6-2-1:before { background: linear-gradient(90deg, #46bdf4 0%, #2b56f5 100%); } + +.roadmap-s6-2-1:after { border-color: #2b56f5; } + +.roadmap-s6-2-1 .roadmap-head-s6:after { background: #2b56f5; } + +.roadmap-s6-2-3:before { background: linear-gradient(90deg, #46bdf4 0%, #000537 100%); } + +.roadmap-s6-2-3:after { border-color: #000537; } + +.roadmap-s6-2-3 .roadmap-head-s6:after { background: #000537; } + +.roadmap-s6-3-2:before { background: linear-gradient(90deg, #000537 0%, #46bdf4 100%); } + +.roadmap-s6-3-2:after { border-color: #46bdf4; } + +.roadmap-s6-3-2 .roadmap-head-s6:after { background: #46bdf4; } + +.roadmap-s6-3-1:before { background: linear-gradient(90deg, #000537 0%, #2b56f5 100%); } + +.roadmap-s6-3-1:after { border-color: #2b56f5; } + +.roadmap-s6-3-1 .roadmap-head-s6:after { background: #2b56f5; } + +.roadmap-s6-1-3:before { background: linear-gradient(90deg, #2b56f5 0%, #000537 100%); } + +.roadmap-s6-1-3:after { border-color: #000537; } + +.roadmap-s6-1-3 .roadmap-head-s6:after { background: #000537; } + +.roadmap-slider { position: relative; } + +.roadmap-text { max-width: 265px; margin-left: auto; margin-right: auto; } + +.roadmap-wrap { position: relative; padding: 40px 0 10px; margin-bottom: 40px; max-width: 430px; margin-left: auto; margin-right: auto; } + +.nk-block-left .roadmap-wrap { margin-left: 0; margin-right: 0; } + +.roadmap-wrap:before, .roadmap-wrap:after { position: absolute; content: ''; top: 0; bottom: 0; z-index: 7; } + +.roadmap-wrap-ovl-right:after { right: 0; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-light .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(245, 247, 254, 0.8) 25%, #f5f7fe 60%, #f5f7fe 100%); } + +.bg-light-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(227, 231, 248, 0.8) 25%, #e3e7f8 60%, #e3e7f8 100%); } + +.bg-white .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-theme .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(10, 25, 146, 0.8) 25%, #0a1992 60%, #0a1992 100%); } + +.bg-theme_alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 5, 55, 0.8) 25%, #000537 60%, #000537 100%); } + +.bg-theme-dark .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 5, 55, 0.8) 25%, #000537 60%, #000537 100%); } + +.bg-theme-dark-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(8, 21, 122, 0.8) 25%, #08157a 60%, #08157a 100%); } + +.roadmap-wrap-s1 { padding-bottom: 0; padding-top: 0; max-width: 90%; } + +.roadmap-wrap-s5 { display: flex; flex-wrap: wrap; padding: 40px 0 0; } + +.roadmap-wrap-s5:before { position: absolute; content: ""; left: 0; width: 1px; height: calc(100% + 30px); background: #2b56f5; } + +.roadmap-line { position: absolute; left: 19px; top: 0; background: #c1cef1; height: 100%; width: 2px; content: ''; z-index: 9; } + +.roadmap-line:after, .roadmap-line:before { position: absolute; background: #c1cef1; height: 10px; width: 10px; border-radius: 50%; content: ''; left: -4px; } + +.roadmap-line:before { top: 0; } + +.roadmap-line:after { bottom: 0; } + +.tc-light .roadmap-line { background: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-line:after, .tc-light .roadmap-line:before { background: #2b56f5; } + +.bg-theme-dark .roadmap-line { background: #000537; } + +.bg-theme-dark .roadmap-line:after, .bg-theme-dark .roadmap-line:before { background: #2b56f5; } + +.bg-theme .roadmap-line { background: #000537; } + +.bg-theme .roadmap-line:after, .bg-theme .roadmap-line:before { background: #2b56f5; } + +.roadmap-line-s2 { position: absolute; width: 100%; height: 4px; background: #dbe4f7; content: ''; top: 95px; border-radius: 2px; left: 0; } + +.tc-light .roadmap-line-s2 { background: #5b77a3; } + +.roadmap-line-s3:before, .roadmap-line-s3:after { display: none; } + +.roadmap-year { border-radius: 50%; color: #fff; background: #0a1992; height: 50px; width: 50px; text-align: center; line-height: 50px; font-weight: 700; font-size: 12px; position: relative; left: -5px; } + +.tc-light .roadmap-year { background: #2b56f5; } + +.bg-theme .roadmap-year, .bg-theme-dark .roadmap-year { background: #2b56f5; } + +.roadmap-year-s2 { padding-bottom: 65px; } + +.roadmap-step { border: 2px solid #dbe4f7; border-radius: 5px; position: relative; margin-left: 50px; padding: 20px 20px 15px; position: relative; max-width: 380px; } + +.bg-light .roadmap-step { background: #fff; } + +.roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + +.roadmap-step:before { height: 18px; width: 18px; border-radius: 50%; border: 5px solid #fff; background: #0a1992; left: -41px; top: 34px; z-index: 1; } + +.roadmap-step:after { height: 2px; width: 22px; background: #dbe4f7; left: -22px; top: 42px; } + +.roadmap-step p:last-child { margin-bottom: 0; } + +.roadmap-step-list li:before { background: #415076; } + +.tc-light .roadmap-step-list li:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-step-list-s1 li { list-style: none; padding: 8px 0; position: relative; } + +.roadmap-step-list-s1 li:after { position: absolute; content: ""; left: 10px; bottom: 0; width: 20px; height: 1px; transform: translateX(-50%); background: currentColor; } + +.roadmap-step-list-s1 li:last-child:after { display: none; } + +.tc-light .roadmap-step { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-step:before { background: #2b56f5; } + +.tc-light .roadmap-step:after { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); } + +.bg-theme .roadmap-step, .bg-theme-dark .roadmap-step { background: #08157a; border-color: #000537; } + +.bg-theme .roadmap-step:before, .bg-theme-dark .roadmap-step:before { background: #2b56f5; border-color: #0a1992; } + +.bg-theme .roadmap-step:after, .bg-theme-dark .roadmap-step:after { background: #000537; border-color: #000537; } + +.bg-theme-dark .roadmap-step:before { border-color: #000537; } + +.bg-theme-alt .roadmap-step:before { border-color: #000537; } + +.bg-light .roadmap-step:before { border-color: #f5f7fe; } + +.has-bg-image .roadmap-step:before { border-color: transparent; } + +.roadmap-step-s1 { margin-left: 0; border: none; padding-top: 0; padding-right: 25px; padding-left: 25px; z-index: 1; max-width: 100%; } + +.bg-light .roadmap-step-s1 { background: transparent; } + +.bg-theme .roadmap-step-s1, .bg-theme-dark .roadmap-step-s1, .tc-light .roadmap-step-s1 { background: transparent; } + +.roadmap-step-s1:before { display: none; } + +.roadmap-step-s1:after { width: 38px !important; left: 0 !important; height: 0; top: 49px; z-index: -1; background: none !important; border-top: 1px solid; border-color: #dbe4f7; } + +.roadmap-s1-alt .roadmap-step-s1:after { border-top-style: dashed; } + +.roadmap-step-s3 { margin-left: 0; border: none; padding: 0px 23px 30px; } + +.tc-light .roadmap-step-s3 { background: transparent; } + +.roadmap-step-s3:before { display: none; } + +.roadmap-step-s3:after { height: 60px; left: 50%; width: 2px; top: 75px; } + +.roadmap-step-s5 { margin: 0; background-color: transparent !important; border: none; padding-top: 0; padding-bottom: 0; } + +.roadmap-step-s5:before, .roadmap-step-s5:after { display: none; } + +.roadmap-head { margin-bottom: 10px; padding-right: 35px; position: relative; } + +.roadmap-finished .roadmap-head:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; line-height: 32px; border-radius: 50%; text-align: center; color: #fff; background: #46bdf4; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: .88rem; content: '\f00c'; } + +.roadmap-head-s1 { padding-right: 0; margin-bottom: 0; line-height: 1.6; } + +.roadmap-head-s3 { padding-bottom: 120px; margin-bottom: 0; padding-right: 0; } + +.roadmap-head-s5 { padding: 0; } + +.roadmap-head-s5:after { display: none; } + +.roadmap-head-s6 { padding-left: 0; padding-right: 0; } + +.roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: 50%; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + +.roadmap-time { display: block; color: #0a1992; font-size: 13px; text-transform: uppercase; } + +.tc-light .roadmap-time { color: rgba(255, 255, 255, 0.8); } + +.roadmap-time-s1 { padding-bottom: 27px; line-height: 26px; width: 100%; display: inline-block; font-weight: 700; font-size: 0.81rem; position: relative; color: #8ca2e5; line-height: 25px; } + +.roadmap-time-s1:after, .roadmap-time-s1:before { position: absolute; content: ""; left: -24px; border-radius: 50%; } + +.roadmap-time-s1:after { bottom: -2px; width: 11px; height: 11px; margin-left: -5.5px; margin-top: -5.5px; background: #2b56f5; } + +.tc-light .roadmap-time-s1:after { background: #fff; } + +.roadmap-time-s1:before { bottom: -10px; width: 27px; height: 27px; margin-left: -13.5px; margin-top: -13.5px; } + +.roadmap-done .roadmap-time-s1:before, .roadmap-current .roadmap-time-s1:before { background: rgba(43, 86, 245, 0.23); } + +.tc-light .roadmap-done .roadmap-time-s1:before, .tc-light .roadmap-current .roadmap-time-s1:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-time-s3 { color: #8ca2e5; } + +.roadmap-time-s3:before { position: absolute; left: 50%; transform: translateX(-50%); content: '\f1da'; border-radius: 50%; font-family: "Font Awesome 5 Free"; font-weight: 600; box-shadow: 0px 2px 7px 0px rgba(43, 86, 245, 0.1); top: 32px; background: linear-gradient(-90deg, #fff 0%, #eef1fe 100%); border: 1px solid rgba(43, 86, 245, 0.2); height: 32px; line-height: 32px; width: 32px; color: #8ca2e5; z-index: 1; font-size: 13px; } + +.tc-light .roadmap-time-s3:before { color: rgba(255, 255, 255, 0.8); background: linear-gradient(-90deg, #0a1992 0%, #0d21c2 100%); border-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 2px 7px 0px rgba(255, 255, 255, 0.1); } + +.roadmap-done .roadmap-time-s3:before { content: '\f00c'; } + +.roadmap-running .roadmap-time-s3:before { content: '\f021'; } + +.roadmap-s3-1 .roadmap-time-s3:before { content: ''; background: rgba(43, 86, 245, 0.5); border: none; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:before { background: rgba(11, 58, 231, 0.5); } + +.roadmap-s3-1 .roadmap-time-s3:after { position: absolute; left: 50%; top: 40px; transform: translateX(-50%); border-radius: 50%; content: ''; background: #2b56f5; height: 16px; width: 16px; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:after { background: #0b3ae7; } + +.roadmap-time-s5 { font-weight: 600; text-transform: capitalize; font-size: 1rem; color: #2b56f5; } + +.roadmap-time-s5:not(:last-child) { padding-bottom: 10px; } + +.roadmap-time-s5:after { position: absolute; height: 19px; width: 19px; border: 1px solid #2b56f5; background: #2b56f5; top: 2px; left: -29px; border-radius: 50%; content: ''; } + +.roadmap-finished .roadmap-time-s5:after { background: #f5f7fe; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 10px; text-align: center; line-height: 18px; color: #46bdf4; } + +.tc-light .roadmap-finished .roadmap-time-s5:after { color: #46bdf4; background: #0a1992; } + +.roadmap-time-s6 { text-transform: none; } + +.roadmap-title { color: #8ca2e5; font-weight: 700; font-size: 16px; } + +.tc-light .roadmap-title { color: #fff; } + +.roadmap-title-s1 { padding-top: 25px; display: inline-block; font-size: 1rem; font-weight: 500; line-height: 1.6; color: #415076; } + +.roadmap-title-s2 { position: relative; font-size: 1rem; font-weight: 500; color: #2b56f5; top: -10px; } + +.tc-light .roadmap-title-s2 { color: rgba(255, 255, 255, 0.8); } + +.roadmap-title-s2:before { position: absolute; content: ''; left: -25px; top: 1px; transform: translate(-50%, 0); height: 15px; width: 15px; border-radius: 50%; background: #2b56f5; border: 1px solid #2b56f5; } + +.roadmap-done .roadmap-title-s2:before { height: 19px; width: 19px; font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900; font-size: 9px; line-height: 18px; text-align: center; color: #39d884; background: #fff; } + +.tc-light .roadmap-done .roadmap-title-s2:before { color: #fff; background: #0a1992; } + +.bg-theme .roadmap-done .roadmap-title-s2:before { background: #0a1992; } + +.bg-theme-alt .roadmap-done .roadmap-title-s2:before { background: #000537; } + +.bg-theme-dark .roadmap-done .roadmap-title-s2:before { background: #000537; } + +.bg-theme-dark-alt .roadmap-done .roadmap-title-s2:before { background: #08157a; } + +.roadmap-carousel { padding: 0 40px; } + +.roadmap-carousel:after, .roadmap-carousel:before { position: absolute; height: 12px; width: 12px; border-radius: 50%; content: ''; top: 42px; background: #dbe4f7; } + +.tc-light .roadmap-carousel:after, .tc-light .roadmap-carousel:before { background: #000537; } + +.roadmap-carousel .owl-nav { position: absolute; left: -30px; top: 23px; font-size: 36px; font-weight: 400; width: calc(100% + 60px); opacity: 0.3; } + +.roadmap-carousel .owl-nav .owl-next { right: -30px; } + +.roadmap-carousel .owl-nav .owl-prev { left: -30px; } + +.roadmap-carousel .owl-nav .owl-next, .roadmap-carousel .owl-nav .owl-prev { top: -30px; position: absolute; z-index: 2; height: 52px; width: 52px; font-size: 36px; line-height: 52px; text-align: center; color: #2b56f5; transform: translateY(50%); } + +.roadmap-carousel:after { right: 0; } + +.roadmap-carousel:before { left: 0; } + +.roadmap-carousel-s2:after, .roadmap-carousel-s2:before { height: 1px; width: 85px; border-radius: 0; top: 15px; z-index: 4; } + +.roadmap-carousel-s2:before { background: linear-gradient(90deg, #e3e7f8 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme .roadmap-carousel-s2:before { background: linear-gradient(90deg, #0a1992 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #000537 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark .roadmap-carousel-s2:before { background: linear-gradient(90deg, #000537 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #08157a 0%, rgba(0, 0, 0, 0) 100%); } + +.roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #e3e7f8 100%); } + +.bg-theme .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #0a1992 100%); } + +.bg-theme-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000537 100%); } + +.bg-theme-dark .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000537 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #08157a 100%); } + +.roadmap-carousel-s2:after { right: 40px; } + +.roadmap-carousel-s2:before { left: 40px; } + +.roadmap-carousel-container { position: relative; } + +.roadmap-carousel-container:before { position: absolute; content: ""; left: 0; top: 47px; width: 100%; height: 2px; background: #dbe4f7; } + +.tc-light .roadmap-carousel-container:before { background: #000537; } + +.roadmap-carousel-nav-s2 .owl-nav { width: calc(100% + 80px); top: 26px; opacity: 1; } + +.roadmap-carousel-nav-s2 .owl-nav button { border: none !important; } + +.roadmap-carousel-nav-s2 .owl-nav button:after { font-size: 36px; line-height: 52px; color: #dbe4f7; } + +.roadmap-carousel-nav-s2.roadmap-carousel-s2 .owl-nav { top: -7px; left: 0; width: calc(100% + 20px); } + +.roadmap-carousel:not([data-dots="true"]) { margin-bottom: -30px; } + +.roadmap-list { position: relative; padding-top: 15px; } + +.roadmap-list:after { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100vw; height: 1px; content: ''; background: #46bdf4; } + +.roadmap-innr { padding: 0 25px 30px; } + +.roadmap-innr:before { position: absolute; left: 0; height: 100%; width: 1px; content: ''; transform: translateX(-50%); background-image: linear-gradient(to bottom, #2b56f5 0%, #46bdf4 100%); } + +.roadmap-item { position: relative; } + +.roadmap-item:nth-child(even) .roadmap-innr:before { background-image: linear-gradient(to top, #2b56f5 0%, #46bdf4 100%); } + +@media (min-width: 576px) { .roadmap-wrap-ovl-right { max-width: none; margin-right: -200px; } + .roadmap-wrap-ovl-right:after { width: 280px; } + .roadmap-wrap-ovl-right .owl-nav { margin-right: 190px; } } + +@media (min-width: 768px) { .roadmap-s5 { display: flex; text-align: right; } + .roadmap-s5.roadmap-right { justify-content: flex-end; text-align: left; } + .roadmap-s5:not(:last-child) { padding-bottom: 15px; } + .roadmap-wrap-s5 { max-width: 100%; } + .roadmap-wrap-s5:before { top: -30px; left: 50%; margin-left: -0.5px; } + .roadmap-step-s5 { max-width: 50%; padding-left: 30px; padding-right: 30px; } + .roadmap-time-s5:after { left: -39px; } + .roadmap-left .roadmap-time-s5:after { right: -40px; left: auto; } } + +@media (min-width: 992px) { .roadmap { display: flex; } + .roadmap-s1:before, .roadmap-s1:after { top: 41px; height: 0; width: 50%; border-top-width: 3px; border-top-style: solid; border-left-width: 0; } + .roadmap-s1:before { left: 0; } + .flex-row-reverse .roadmap-s1:before { right: 0; left: auto; } + .roadmap-s1:after { left: auto; right: 0; z-index: -1; } + .flex-row-reverse .roadmap-s1:after { right: auto; left: 0; } + .roadmap-s1-alt:before, .roadmap-s1-alt:after { top: 42px; border-top-width: 1px; border-top-style: dashed; } + .roadmap-s1-alt:after { right: 0; } + .roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-done:after { right: 0; left: auto; } + .roadmap-s1-alt.roadmap-current:before { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-current:after { top: 42px; } + .roadmap-s2 { display: block; } + .roadmap-s6 { display: block; } + .roadmap-s6:after { right: -14px; } + .roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: -14px; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + .roadmap-wrap { padding: 40px 0 10px; margin-bottom: 60px; max-width: 100%; } + .roadmap-wrap-ovl-left, .roadmap-wrap-ovl-right { max-width: none; } + .roadmap-wrap-s1 { padding-top: 0; } + .roadmap-wrap-s1:after { position: absolute; width: 15px; height: calc(100% + 3px); border-width: 3px; border-style: solid; border-color: #dbe4f7; top: 41px; } + .tc-light .roadmap-wrap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + .roadmap-wrap-s1-alt:after { height: calc(100% + 1px); border-width: 1px; border-style: dashed; top: 42px; } + .tc-light .roadmap-wrap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + .roadmap-wrap-s1-alt.roadmap-wrap-done:after { height: calc(100% + 3px); border-width: 3px; border-style: solid; top: 41px; } + .roadmap-wrap-s1.roadmap-wrap-done:after { border-color: #2b56f5; } + .roadmap-wrap-s1:nth-child(odd):after { right: -15px; border-radius: 0 20px 20px 0; border-left-width: 0; } + .roadmap-wrap-s1:nth-child(even):after { left: -15px; border-radius: 20px 0px 0px 20px; border-right-width: 0; } + .roadmap-wrap-s1:last-child:after { display: none; } + .roadmap-line { left: 50%; margin-left: -1px; } + .roadmap-left { justify-content: flex-start; margin-top: -80px; } + .roadmap-left .roadmap-step { margin-left: 0; margin-right: 80px; } + .roadmap-left .roadmap-step:before { left: auto; right: -91px; } + .roadmap-left .roadmap-step:after { left: auto; right: -78px; } + .roadmap-left.roadmap-s5 { margin-top: 0; } + .roadmap-right { justify-content: flex-end; } + .roadmap-right .roadmap-step { margin-left: 80px; } + .roadmap-year { height: 60px; width: 60px; line-height: 60px; font-size: 16px; position: static; margin-left: auto; margin-right: auto; } + .roadmap-step { width: 100%; padding: 40px 30px 35px; } + .roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + .roadmap-step:before { left: -91px; } + .roadmap-step:after { width: 78px; left: -78px; } + .roadmap-step-list li:before { top: 12px; } + .roadmap-step-list-s1 li:after { left: 50%; } + .roadmap-step-s1 { padding-top: 0; padding-left: 15px; padding-right: 15px; } + .roadmap-step-s1:after { width: 0 !important; left: 50% !important; margin-left: -0.5px; height: 40px !important; top: 48px; border-top: 0; border-left: 1px solid; border-color: #dbe4f7; } + .roadmap-s1-alt .roadmap-step-s1:after { border-left-style: dashed; } + .roadmap-step-s3 { padding-top: 0; background: transparent !important; } + .roadmap-step-s3:after { left: 50%; width: 2px; } + .roadmap-step-s5 { padding-top: 0; padding-bottom: 0; } + .roadmap-head { margin-bottom: 15px; } + .roadmap-time { font-size: 14px; } + .roadmap-time-s1:after { left: 50%; bottom: 5px; } + .roadmap-time-s1:before { bottom: -2px; left: 50%; } + .roadmap-time-s3 { font-size: .87rem; font-weight: 600; } + .roadmap-time-s6 { font-size: 18px; } + .roadmap-title { font-size: 18px; } + .roadmap-title-s1 { padding-top: 48px; } + .roadmap-title-s2 { font-size: 1rem; } + .roadmap-list { display: flex; align-items: flex-end; margin-bottom: 200px; } + .roadmap-item { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .roadmap-item:nth-child(even) { flex-grow: 0; width: 0; } + .roadmap-item:nth-child(even) .roadmap-innr { position: absolute; top: 0; left: 0; padding-top: 90px; min-width: 190px; transform: translateX(calc(-50% + 5px)); } + .roadmap-item:nth-child(even) .roadmap-innr:before { top: 0; height: 90px; } + .roadmap-item-sm { min-height: 170px; } + .roadmap-item-lg { min-height: 300px; } } + +@media (min-width: 1200px) { .roadmap-left .roadmap-step:before { right: -86px; } + .roadmap-left .roadmap-step:after { right: -73px; } + .roadmap-step:before { left: -86px; } + .roadmap-step:after { width: 73px; left: -73px; } + .roadmap-step-s1:before { left: 50%; } + .roadmap-step-s3:after { left: 50%; width: 2px; } } + +/** 04.091 Token */ +.token-info { border: 1px solid rgba(43, 86, 245, 0.2); border-radius: 8px; padding: 18px 20px 0; margin-bottom: 30px; } + +.token-info-s1 { padding: 0 30px; border: none; text-align: left; } + +.token-info-item { position: relative; padding-left: 25px; } + +.token-info-item:before { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; content: ''; border-radius: 2px; background: #a963ff; } + +.token-info-item.color-2:before { background: #f42f54; } + +.token-info-item.color-3:before { background: #f5a946; } + +.token-info-item.color-4:before { background: #63a5ff; } + +.token-info-item.color-5:before { background: #ff8d87; } + +.token-info-item-s1 { padding-left: 0; display: flex; align-items: center; justify-content: space-between; margin: 25px 0; } + +.token-info-item-s1:first-child { margin-top: 16px; } + +.token-info-item-s1:before { display: none; } + +.token-info-item-s1 span { font-size: 12px; font-weight: 400; color: #2b56f5; text-transform: uppercase; } + +.token-info-item-s1 h4 { font-size: 1.5rem; line-height: 1; font-weight: 300; } + +.token-info-title { font-size: 0.7rem; text-transform: uppercase; font-weight: 700; letter-spacing: 0.04em; margin-bottom: 4px; } + +.token-info-des { font-size: 1.1rem; } + +.token-status { border-radius: 8px 8px 0 0; border: 1px solid rgba(43, 86, 245, 0.2); padding: 18px 20px 10px; text-align: center; } + +.token-status .countdown-s2 { padding: 0; } + +.token-status-s1 { padding: 30px; box-shadow: 0px 15px 20px 0px rgba(10, 25, 146, 0.1); margin-left: 0; } + +.token-status-s2 { position: relative; border: none; padding: 0; max-width: 360px; margin: 50px auto 0; } + +.token-status-s2 .icon-list { margin-top: 10px; } + +.token-status-s3 { padding: 29px 0 0; border: none; } + +.token-status-s3 .countdown-s2 { padding-left: 30px; padding-right: 30px; } + +.token-status-s4 { border: none; padding: 65px 0 50px; } + +.token-status-s4 .icon-list { margin-top: 10px; } + +.token-status-s5 { background: #0a1992; padding-bottom: 25px; } + +.token-status-s6 { border: none; padding: 20px 20px 25px; } + +.token-countdown { padding: 16px 0 20px; } + +.token-min { font-size: 13px; color: #aeafff; display: block; padding: 12px 0; } + +.token-min-s2 { padding: 15px 0 0; text-align: left; } + +.token-min-s2 span { display: block; } + +.token-min-s2 span:first-child { color: #2b56f5; font-size: 12px; line-height: 1; text-transform: uppercase; font-weight: 300; } + +.token-min-s2 span:last-child { line-height: normal; padding-top: 4px; } + +.token-alocate-item { position: relative; padding: 0 20px 15px; margin-bottom: 30px; margin-left: auto; margin-right: auto; background: #fff; height: calc(100% - 30px); border-radius: 4px; } + +.token-alocate-item:not([class*='shadow']) { box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.token-alocate-item-s1 { padding-left: 0; padding-right: 0; background-color: transparent; } + +.token-alocate-graph { padding: 20px 0 15px; position: relative; } + +.token-alocate-graph span, .token-alocate-graph img { position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; } + +.token-alocate-graph span { color: #415076; font-size: 2em; font-weight: 400; line-height: 1.3; } + +.token-alocate-graph img { width: 150px; } + +.token-alocate-graph canvas { position: relative; z-index: 5; } + +.token-alocate-graph-s1 canvas { min-height: 230px; } + +.token-alocate-list li { color: #415076; display: flex; align-items: center; font-weight: 400; padding: 13px 0; } + +.token-alocate-list li .token-alocate-percent { font-weight: 600; color: #0a1992; } + +.token-box-s1 { position: absolute !important; left: 0; bottom: -157px; width: 100%; z-index: 9 !important; } + +.token-box-s2 { background: rgba(10, 25, 146, 0.3); padding: 30px 20px 52px; } + +.token-box-s2 .title { margin-bottom: 1.2rem; } + +.token-box-s3 { padding-bottom: 20px; } + +.token-countdown-wrapper { padding: 30px; background: #fff; box-shadow: 0px 15px 20px 0px rgba(10, 25, 146, 0.1); } + +.token-countdown-wrapper h6 { color: currentColor; } + +.token-action-s1 { margin-top: -22px; } + +.token-action-s2 { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action + .icon-list { margin-top: 15px; } + +.token-sale-box { background: #f5f7fe; border-radius: 4px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; padding: 20px 15px 33px; transition: all .4s; } + +.tc-light .token-sale-box { background: rgba(43, 86, 245, 0.08); } + +.token-sale-info { display: block; font-size: 2.4rem; font-weight: 300; color: #2b56f5; } + +.token-sale-title { font-size: 14px; text-transform: uppercase; font-weight: 400; } + +.token-bonus-item { padding: 50px 25px 46px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; border-radius: 4px; margin-bottom: 30px; transition: all .4s; height: calc(100% - 30px); background: #000b74; } + +.token-bonus-item span { display: block; } + +.token-bonus-item.two { background: #000751; } + +.token-bonus-item.three { background: #000a6a; } + +.token-bonus-title { display: inline-block !important; line-height: 18px; font-size: 13px; color: #fff; text-transform: uppercase; padding: 6px 20px; background: #000537; border-radius: 15px; font-weight: 400; } + +.token-bonus-percent { font-size: 4em; line-height: 1; padding: 22px 0 7px; font-weight: 300; color: #fff; } + +.token-bonus-txt { font-size: 14px; line-height: 18px; font-weight: 400; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); } + +.tc-light .token-bonus-txt { color: rgba(255, 255, 255, 0.6); } + +.token-stage { margin-bottom: 33px; } + +.token-stage-title { color: #fff; background: #0931c5; text-transform: uppercase; font-weight: 700; line-height: 26px; padding: 10px; border-radius: 6px 6px 0 0; } + +.token-stage-pre { background: #0b3bec; } + +.token-stage-one { background: #0a36d9; } + +.token-stage-date { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; padding: 12px 0 10px; } + +.tc-light .token-stage-date { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-date h6 { font-weight: 700; font-size: 1rem; margin-bottom: 0; } + +.token-stage-date span { font-size: 15px; } + +.token-stage-info { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; border-radius: 0 0 6px 6px; padding: 14px 0 16px; } + +.tc-light .token-stage-info { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-info span { display: block; font-size: 15px; line-height: 1.86; } + +.token-stage-bonus { color: #2b56f5; } + +.token-action-s2 { padding: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action-box { display: flex; align-items: center; flex-wrap: wrap; border-radius: 6px; background: rgba(43, 86, 245, 0.1); } + +.token-action-box > div { padding: 20px 25px; width: 100%; } + +.token-action-box > div:last-child { padding-top: 0; } + +.tc-light .token-action-box { background: rgba(43, 86, 245, 0.1); } + +.token-action-title { width: 30%; background: #2b56f5; border-radius: 6px 6px 0 0; font-weight: 500; font-size: 1.2em; line-height: 1.44; flex-grow: 1; width: 100%; } + +.tc-light .token-action-title { background: #2b56f5; } + +.token-action-box .token-action-title { padding: 25px; } + +.token-action-date { width: 40%; } + +.token-action-date strong { display: block; } + +.token-action-btn { width: 34%; } + +.token-action-btn .btn-grad { padding: 14px 0px; width: 100%; } + +.token-bar-chart { position: relative; z-index: 9; } + +.token-bar-item { position: relative; height: 40px; border-radius: 20px; margin: 10px 0; } + +.token-bar-item.tbic1 { background: #002674; } + +.token-bar-item.tbic1:before { background: #002674; } + +.token-bar-item.tbic2 { background: #004ae2; } + +.token-bar-item.tbic2:before { background: #004ae2; } + +.token-bar-item.tbic3 { background: #3b7bff; } + +.token-bar-item.tbic3:before { background: #3b7bff; } + +.token-bar-item.tbic4 { background: #3bb8ff; } + +.token-bar-item.tbic4:before { background: #3bb8ff; } + +.token-bar-item.tbic5 { background: #5378fb; } + +.token-bar-item.tbic5:before { background: #5378fb; } + +.token-bar-txt { position: absolute; font-size: 13px; padding-bottom: 0; top: 50%; left: 100%; min-width: 300%; transform: translateX(45px) translateY(-50%); } + +.token-bar-txt:after { position: absolute; content: ''; left: 0; top: 50%; height: 1px; width: 25px; margin-left: -35px; background: rgba(22, 161, 255, 0.5); } + +.token-bar-txt span { display: block; line-height: 1.5; white-space: nowrap; } + +.token-bar-txt span:first-of-type { font-weight: 600; } + +.token-bar-item.tbic1 .token-bar-txt span:first-of-type { color: #002674; } + +.token-bar-item.tbic2 .token-bar-txt span:first-of-type { color: #004ae2; } + +.token-bar-item.tbic3 .token-bar-txt span:first-of-type { color: #3b7bff; } + +.token-bar-item.tbic4 .token-bar-txt span:first-of-type { color: #3bb8ff; } + +.token-bar-item.tbic5 .token-bar-txt span:first-of-type { color: #5378fb; } + +@media (min-width: 768px) { .token-bar-chart { display: flex; overflow: visible; margin-top: 135px; } + .token-bar-item { margin: 0; } + .token-bar-item:before { position: absolute; left: -20px; top: 0; height: 40px; width: 40px; content: ''; z-index: -1; } + .token-bar-item:first-child:before { display: none; } + .token-bar-txt { padding-bottom: 10px; top: -110px; left: 50%; min-width: 100%; transform: translateX(-50%); text-align: center; } + .token-bar-txt:after { left: 50%; top: 100%; height: 65px; width: 1px; margin-left: 0; } } + +@media (max-width: 420px) { .token-status-s6 .countdown-time { font-size: 1.8rem; } + .token-status-s6 .cpn-links, .token-status-s6 .cpn-links li { padding-left: 10px; padding-right: 10px; } } + +@media (min-width: 480px) { .token-status .countdown-s2 { padding: 0 30px 20px; } + .token-info-s1 { padding: 0 30px; } + .token-min-s2 { padding: 0; } } + +@media (min-width: 576px) { .token-info { padding: 24px 40px 0; } + .token-info .text-block-title { text-align: center; } + .token-info-list li { display: flex; } + .token-info-list li > span { width: 50%; } + .token-info-title { font-size: 0.88rem; letter-spacing: 0.2em; } + .token-info-des { font-size: 1.375rem; } + .token-info-s1 { padding: 0 30px; } + .token-status { padding: 24px 28px 20px; } + .token-status-md { padding: 36px; } + .token-status-s2 { padding: 0; } + .token-status-s3 { padding: 29px 0 0; border: none; } + .token-status-s4 { padding: 65px 0 50px; } + .token-status-s5 { padding: 40px 30px 40px; } + .token-status-s6 { border: none; padding: 35px 50px 45px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; } + .token-alocate-graph { padding: 30px 40px 30px; } + .token-action-box { flex-wrap: nowrap; } + .token-action-box > div:last-child { padding-top: 20px; padding-left: 0; } + .token-action-title { width: auto; border-radius: 6px 0 0 6px; } + .token-action-s2 { padding: 30px; } } + +@media (min-width: 768px) { .token-alocate-item { padding: 20px 30px 40px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; margin-bottom: 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-box-s1 { position: absolute !important; left: 0; bottom: -45px; width: 100%; z-index: 9 !important; } } + +@media (min-width: 992px) { .token-countdown-wrapper { padding: 30px 60px 30px 66px; } + .token-status-s1 { padding: 30px 60px 30px 66px; margin-left: 0; } + .token-status-s2 { margin: 65px 140px 0 0; } + .token-status-s3 { margin-left: 25px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding: 30px 65px 0px; } + .token-alocate-item-s1:before { position: absolute; height: 610px; width: 610px; top: 0; left: 50%; content: ''; border-radius: 20px; background: rgba(10, 25, 146, 0.04); transform: rotate(45deg); transform-origin: 0 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-alocate-graph-s1 { margin-top: 80px; } + .token-action-box { margin-top: 25px; } } + +.tokdis-item { position: relative; padding-left: 0; padding-bottom: 15px; margin-bottom: 15px; padding-top: 8px; display: inline-block; } + +.tokdis-item:before { position: absolute; width: 40px; height: 3px; border-radius: 1.5px; content: ''; background: #2b56f5; top: 0; left: 50%; transform: translateX(-50%); } + +.tokdis-item h5 { font-size: 1.125em; } + +.tokdis-list { padding-bottom: 40px; } + +@media (min-width: 992px) { .tokdis-item { padding-left: 25px; padding-bottom: 4px; padding-top: 0; } + .tokdis-item:before { width: 3px; height: 100%; top: 0; left: 0; transform: translateX(0); } + .tokdis-list { padding-bottom: 80px; } } + +.toktmln-item { position: relative; padding: 0 0 20px; display: flex; justify-content: center; } + +.toktmln-item:before { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); content: ''; height: 30px; width: 30px; border-radius: 50%; border: 6px solid #dbe4f7; background: #2b56f5; } + +.tc-light .toktmln-item:before { border-color: #fff; } + +.toktmln-item div { padding: 0 30px 5px 0; text-align: right; width: 50%; flex-grow: 1; } + +.toktmln-item div:last-child { padding: 0 0 0 30px; text-align: left; } + +.toktmln-item div span { display: block; font-weight: 600; } + +.toktmln-item div span:last-child { font-size: .775em; padding-bottom: 8px; font-weight: 400; color: #415076; } + +.tc-light .toktmln-item div span:last-child { color: #aeafff; } + +.toktmln-list { position: relative; } + +.toktmln-list:before { position: absolute; left: 50%; top: -24px; width: 2px; margin-left: -1px; height: 100%; background: #dbe4f7; content: ''; } + +.tc-light .toktmln-list:before { background: #fff; } + +@media (min-width: 992px) { .toktmln-list { position: relative; } + .toktmln-list:before { left: 0; top: 14px; width: 100%; height: 2px; } + .toktmln-item { padding: 64px 0 0; display: block; } + .toktmln-item:before { top: 0; left: 0; transform: translateX(0); } + .toktmln-item div { padding-bottom: 5px; text-align: left; width: 100%; padding-left: 0; padding-right: 0; } + .toktmln-item div:last-child { padding: 0 0 0 0; } + .toktmln-item div span:last-child { font-size: .875em; } } + +.stage-info { padding-left: 15px; } + +.stage-info .title { margin-bottom: .5rem; } + +/** 04.10 Team */ +.team { position: relative; margin-bottom: 30px; max-width: 255px; margin-left: auto; margin-right: auto; text-align: center; } + +.nk-block-left .team { max-width: 100%; } + +.team:hover .team-show { opacity: 1; } + +.team-s2 { max-width: 240px; text-align: center; } + +.team-s2 .word-split { justify-content: center; } + +.team-s2:hover .team-show { opacity: .25; } + +.team-s4 { padding: 30px 30px; } + +.team-s5 { text-align: left; max-width: 228px; padding-bottom: 25px; } + +.team-s5:before { position: absolute; content: ""; left: 20px; top: 50px; right: 0; bottom: 0; background: #e3e7f8; z-index: -1; } + +.bg-theme .team-s5:before { background: #000537; } + +.has-bg-image .team-s5:before { background: #000537; } + +.tc-light .team-s5:before { background: #08157a; } + +.team-s6 { text-align: left; display: flex; max-width: 100%; } + +.team-s6 .team-left { width: 135px; flex-shrink: 0; } + +.team-s6 .team-photo { max-width: 170px; margin-right: 25px; margin-left: 0; } + +.team-sm-s2 { text-align: left; max-width: 145px; } + +.team-photo { display: block; position: relative; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 2; } + +.team-photo + .list { padding-top: 15px; } + +.team-photo-s1 { max-width: 160px; } + +.team-photo img { border-radius: 6px; width: 100%; transition: all .4s; } + +.team-photo-sm { max-width: 180px; } + +.team-photo-s2 { max-width: 90%; } + +.team-photo-s2:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(43, 86, 245, 0.4); border-radius: 6px; z-index: 1; } + +.team-photo-s3:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: linear-gradient(to top left, #2b56f5 0%, #46bdf4 100%); border-radius: 6px; z-index: 1; opacity: .2; } + +.team-photo-circle { border-radius: 50%; } + +.team-sm-s2 .team-photo { margin-left: 0; max-width: 90%; } + +.team-sm-s2:hover .team-photo { transform: translateY(-8px); } + +.team-s3 .team-photo { max-width: 160px; } + +.team-s5 .team-photo { margin-left: 0; } + +.team-s5 .team-photo:before, .team-s5 .team-photo:after { position: absolute; content: ''; } + +.team-s5 .team-photo:before { top: 24px; right: -33px; height: 3px; width: 65px; background: linear-gradient(to top left, #2b56f5 0%, #46bdf4 100%); z-index: 1; } + +.team-s5 .team-photo:after { top: 0; bottom: 0; right: 0; left: 0; background: rgba(43, 86, 245, 0.4); transition: all .4s; } + +.team-s5 .team-photo:hover { transform: translateY(-8px); } + +.team-s5 .team-photo:hover:after { opacity: .5; } + +.team-s5 .team-photo:hover .team-show { opacity: 0; } + +.team-photo-bg:before { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; transform: scale(1); z-index: -1; opacity: 1; transition: all .5s ease; background-image: linear-gradient(90deg, #46bdf4 0%, #2b56f5 100%); } + +.team-s3-alt .team-photo-bg:before { opacity: 0; transform: scale(0.8); } + +.team-photo-bg a { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; z-index: 1; } + +.team-photo-bg:hover a + img { transform: scale(0.85); } + +.team-s3-alt .team-photo-bg:hover a + img { transform: scale(1); } + +.team-s3-alt .team-photo-bg:hover:before { opacity: 1; transform: scale(1); } + +.team-show { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(43, 86, 245, 0.4); border-radius: 6px; transition: all .4s; z-index: 20; opacity: 0; } + +.team-s2 .team-show { opacity: 0; } + +.team-s3 .team-photo-bg .team-show { opacity: 0 !important; top: 0; right: 0; bottom: 0; left: 0; } + +.team-s5 .team-show { border-radius: 0; } + +.team-s5:hover .team-show { opacity: 0; } + +.team-social { margin: 0 -5px; } + +.team-photo .team-social { position: absolute; bottom: -17px; right: 17px; z-index: 21; text-align: right; } + +.team-social li { padding: 0 4px; display: inline-block; } + +.team-social li a { font-size: 13px; text-align: center; display: inline-block; line-height: 34px; height: 34px; width: 34px; border-radius: 50%; color: #fff !important; background: #46bdf4; box-shadow: 0px 2px 15px 0px rgba(70, 189, 244, 0.5); } + +.team-social li a:hover { color: #fff !important; background: #2b56f5; box-shadow: 0px 2px 15px 0px rgba(43, 86, 245, 0.5); } + +.team-social-s2 { margin: 0 -10px; } + +.team-social-s2 li { padding: 0 10px; } + +.team-social-s2 li a { width: auto; background-color: transparent; box-shadow: none; color: #415076 !important; } + +.tc-light .team-social-s2 li a { color: #fff !important; } + +.team-social-s2 li a:hover { color: #2b56f5 !important; background-color: transparent; box-shadow: none; } + +.team-s2 .team-social-s2 { padding-top: 15px; } + +.team-s3 .team-social-s2 { padding-top: 10px; } + +.team-social-vr li { display: block; text-align: center; } + +.team-social-vr li a { width: 30px !important; } + +.team-s5 .team-social { position: absolute; top: 64px; right: 20px; } + +.team-s5 .team-social li a { color: #2b56f5; } + +.team-name { color: #415076; padding-top: 28px; font-weight: 600; } + +.team-name.title { margin-bottom: .5rem !important; } + +.team-s2 .team-name.title-sm { font-size: .95em !important; } + +.team-s2 .team-name { padding-top: 18px; } + +.team-s3 .team-name { color: #2b56f5; font-size: 1.125rem !important; font-weight: 400; margin-bottom: 1px !important; } + +.team-s3-alt .team-name { color: #0a1992; } + +.tc-light .team-s3-alt .team-name { color: #fff; } + +.team-s4 .team-name { font-weight: 400; padding-top: 21px; font-size: 1.33rem; margin-bottom: 0 !important; } + +.team-s5 .team-name { padding-left: 45px; padding-right: 40px; } + +.team-s6 .team-name { text-transform: uppercase; font-weight: 400; } + +.team-position { font-size: 12px; font-weight: 400; display: inline-block; } + +.team-s3 .team-position { font-weight: 300; color: #536697; } + +.team-s3-alt .team-position { color: #2b56f5; } + +.tc-light .team-s3-alt .team-position { color: #2b56f5; } + +.team-s4 .team-position { padding-bottom: 10px; } + +.team-s5 .team-position { padding-left: 45px; padding-right: 40px; color: #0a1992; } + +.team-s6 .team-position { position: relative; color: #2b56f5; padding-bottom: 13px; margin-bottom: 5px; line-height: 1.4; } + +.team-s6 .team-position:before { position: absolute; height: 3px; width: 190px; left: 0; bottom: 0; content: ''; background: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%); z-index: 5; } + +.tc-light .team-position { color: #d2d3ff; } + +.team-featured-photo { position: relative; border-radius: 5px; overflow: hidden; } + +.team-featured-info { position: absolute; left: 0; bottom: 0; font-size: 18px; padding: 15px 20px; } + +.team-featured-info span { font-size: 16px; font-weight: 300; display: block; padding-top: 5px; } + +.team-featured-cont p:last-child { margin-bottom: 0; } + +.team-featured-sub { text-transform: uppercase; color: #aeafff; font-size: 14px; letter-spacing: 0.15em; } + +.team-popup { position: relative; max-width: 100%; margin: 10px; padding: 15px; background: #fff; border-radius: 6px; } + +.team-popup-info p:last-child { margin-bottom: 0; } + +.team-list { margin-bottom: -30px; } + +.team-s4 .team-desc { font-size: .87rem; margin-bottom: 8px; } + +.team-s4 .team-desc p { font-size: inherit; } + +@media (min-width: 576px) { .team { margin-bottom: 50px; } + .team-s2 { margin-bottom: 30px; text-align: left; } + .team-s2 .word-split { justify-content: flex-start; } + .team-s4 { padding: 30px 15px; } + .team-s2 .team-photo { margin-left: 0; } + .team-s2 .team-name { padding-top: 25px; } + .team-featured-info { padding: 25px 30px; } + .team-popup { padding: 40px; } + .team-list { margin-bottom: -50px; } } + +@media (min-width: 768px) { .team-even { margin-top: 60px; } + .team-s4 { margin-bottom: 50px; } } + +@media (min-width: 992px) { .team-featured-cont { padding-left: 20px; } + .team-featured-title { padding: 8px 0 15px; } + .team-name { padding-top: 34px; margin-bottom: 8px !important; } + .team-s2 .team-name, .team-s3-alt .team-name { padding-top: 20px; } + .team-s5 .team-name { padding-top: 24px; } + .team-position { font-size: 0.88rem; } + .team-position-sm { font-size: 13px; } + .team-social { bottom: -20px; right: 20px; margin: 0 -5px; } + .team-social li { padding: 0 4px; } + .team-social li a { font-size: 16px; line-height: 40px; height: 40px; width: 40px; } + .team-social-s2 { margin: 0 -8px; } + .team-social-s2 li { padding: 0 8px; } + .team-social-s2 li a { font-size: 14px; height: auto; width: auto; } + .team-popup { margin: 10px auto; width: 950px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .team-s5 .team-social { right: 9px; } } + +@media (min-width: 1600px) { .team-photo-s2 { max-width: 100%; } } + +/** 04.11 Partners */ +.partner-list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: -15px; } + +.partner-list-left { justify-content: left; } + +.partner-list-lg { margin-bottom: -20px; } + +.partner-logo { padding: 15px 10px; } + +[class*="col-"] > .partner-logo { padding: 0; } + +.partner-logo img { max-height: 30px; max-width: 100%; width: auto !important; margin-left: auto; margin-right: 0; } + +.has-carousel .partner-logo img { margin-right: auto; } + +.partner-list-lg .partner-logo { padding: 20px 25px; } + +.partner-list-lg .partner-logo img { max-height: 50px; } + +.partner-logo-s2, .partner-logo-s3 { width: 50%; max-width: 50%; text-align: center; padding: 0 10px; } + +.partner-logo-s2 img, .partner-logo-s3 img { max-height: 50px; } + +.partner-list-left .partner-logo-s2, .partner-list-left .partner-logo-s3 { text-align: left; } + +.partner-logo-s3 img { max-height: 60px; } + +.partner-logo-lg { width: 50%; margin-bottom: 30px; } + +.partner-box { padding: 15px 0px; margin-bottom: 30px; } + +@media (min-width: 576px) { .partner-logo-s2, .partner-logo-s3 { margin-bottom: 30px; max-width: 16.6%; width: 16.6%; } + .partner-logo-lg { width: 33%; } + .partner-box { padding: 15px 66px; box-shadow: 0px 5px 25px rgba(0, 5, 55, 0.1); } } + +@media (min-width: 992px) { .partner-box .partner-list { justify-content: space-between; } + .partner-list-lg { margin-bottom: -20px; } + .partner-list-lg .partner-logo { padding: 20px 25px; } + .partner-list-lg .partner-logo img { max-height: 50px; } + [class*="col-"] > .partner-logo { padding: 15px 0; } } + +/** 04.12 Contact */ +.contact-wrap { padding: 20px; } + +.contact-list { margin-top: -7.5px; margin-bottom: -7.5px; position: relative; z-index: 2; } + +.contact-list li { display: flex; padding-top: 7.5px; padding-bottom: 7.5px; font-size: 0.94rem; } + +.contact-list-s1 { display: flex; justify-content: center; } + +.contact-list-s1 li { width: 100%; flex-wrap: wrap; justify-content: center; } + +.contact-icon { height: 38px; width: 38px; font-size: 16px; line-height: 38px; text-align: center; color: #fff; background: #46bdf4; box-shadow: 0px 2px 15px 0px rgba(70, 189, 244, 0.5); border-radius: 50%; margin-right: 15px; flex-shrink: 0; } + +.tc-light .contact-icon { color: #0a1992; background: #fff; box-shadow: none; } + +.bg-secondary .contact-icon { color: #46bdf4; } + +.contact-list-s1 .contact-icon { margin-right: 0; color: #fff; box-shadow: 0px 2px 15px 0px rgba(10, 25, 146, 0.5); background: linear-gradient(-45deg, #0a1992 0%, #000537 100%); } + +.tc-light .contact-list-s1 .contact-icon { color: #0a1992; background: #fff; } + +.contact-icon-s2 { color: #46bdf4; background: transparent; box-shadow: inset 0 0 0 2px #46bdf4; } + +.tc-light .contact-icon-s2 { color: #fff; background-color: transparent; box-shadow: inset 0 0 0 2px #fff; } + +.contact-icon-s3 { position: relative; color: #2b56f5; background: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%); box-shadow: none; } + +.tc-light .contact-icon-s3 { color: #fff; background: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%); } + +.contact-icon-s3:after { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .contact-icon-s3:after { background: #f5f7fe; } + +.bg-light-alt .contact-icon-s3:after { background: #e3e7f8; } + +.bg-theme .contact-icon-s3:after { background: #0a1992; } + +.bg-theme-alt .contact-icon-s3:after { background: #000537; } + +.bg-theme-dark .contact-icon-s3:after { background: #000537; } + +.bg-theme-dark-alt .contact-icon-s3:after { background: #08157a; } + +.bg-theme-accent .contact-icon-s3:after { background: #2b56f5; } + +.bg-theme-accent-alt .contact-icon-s3:after { background: #46bdf4; } + +.contact-icon-s3:before { position: relative; z-index: 1; } + +.contact-text { padding-top: 7px; } + +.contact-list-s1 .contact-text { width: 100%; } + +.contact-social { margin-top: auto; padding-top: 20px; } + +.contact-social h6 { margin-bottom: 1rem; } + +.subscribe-wrap { padding: 20px; } + +@media (min-width: 576px) { .contact-wrap { padding: 50px; } + .subscribe-wrap { padding: 65px; } } + +@media (min-width: 768px) { .contact-list-s1 li { width: 33.33%; flex-wrap: wrap; } + .contact-list-s1 .contact-text { width: auto; } + .contact-list-s1 .contact-icon { margin-right: 15px; } } + +@media (max-width: 480px) { .contact-list-s2 { flex-wrap: wrap; } } + +@media (max-width: 767px) { .contact-list-s2 li { flex-wrap: wrap; text-align: center; } + .contact-list-s2 li .contact-icon { margin-right: 0; } + .contact-list-s2 li .contact-text { width: 100%; } } + +@media (max-width: 991px) { .contact-list-s2 { display: flex; justify-content: center; } + .contact-list-s2 li { width: 100%; justify-content: center; } } + +@media (min-width: 992px) and (max-width: 1199px) { .contact-wrap, .subscribe-wrap { padding: 35px; } } + +.social-links { display: flex; margin: -3px; } + +.social-links li { padding: 3px; } + +.social-links li a { display: inline-block; border-radius: 50%; border: 1px solid #fff; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #415076; } + +.social-links li a:hover { color: #2b56f5; background: #fff; } + +.tc-light .social-links li a { color: #fff; } + +.tc-light .social-links li a:hover { color: #2b56f5; } + +.bg-secondary .social-links li a:hover { color: #46bdf4 !important; } + +.social-links-s2 li a { border: none; } + +.social-links-s2 li a:hover { background-color: #fff; color: #2b56f5 !important; } + +.tc-light .social-links-s2 li a:hover { color: #2b56f5 !important; } + +@media (min-width: 992px) { .section-contact .ovm-h-60 { height: 50%; } } + +/** 04.13 WGS */ +.wgs { margin-bottom: 30px; } + +.wgs-title { text-transform: uppercase; color: #0a1992; font-size: 1rem; font-weight: 600; letter-spacing: 0.075em; } + +.wgs-title-s2, .wgs-title-s3 { font-size: 1.125rem; letter-spacing: normal; } + +.wgs-title-s2 { margin-bottom: 18px; font-weight: 600; } + +.wgs-title-s3 { font-weight: 700; margin-bottom: 22px; padding-top: 10px; } + +.tc-light .wgs-title { color: #46bdf4; } + +.wgs-logo { padding-bottom: 22px; display: inline-block; } + +.wgs-body p { font-size: 0.93em; line-height: 1.71; margin-bottom: 0.75rem; } + +.wgs-body p:last-child { margin-bottom: 0; } + +.wgs-list li { font-size: .9em; padding-bottom: 14px; letter-spacing: 0.01em; } + +.wgs-list li:last-child { padding-bottom: 0; } + +.wgs-links li { position: relative; padding: 5px 0; line-height: 1; } + +.wgs-links li:last-child { padding-bottom: 0px; } + +.wgs-links li a { font-size: 0.9em; line-height: 20px; display: block; color: #12183a; } + +.wgs-links li a:hover { color: #2b56f5; } + +.tc-light .wgs-links li a { color: #fff !important; } + +.tc-light .wgs-links li a:hover { color: #2b56f5 !important; } + +.wgs-links-s2 li { padding: 7px 0; } + +.wgs-links-s2 li a { font-size: 1em; } + +.wgs-links-s3 li { padding: 9px 0; } + +.wgs-links-s4 li { padding: 7px 0; } + +.wgs-links-s5 li { margin-bottom: 17px; } + +.wgs-links-s5 li:first-child { margin-top: -5px; } + +.wgs-links-s5 li a { font-size: 1rem; font-weight: 400; } + +.wgs-links-uline li a { display: inline-block; } + +.wgs-links-uline li a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.wgs-links-category li { padding-left: 20px; } + +.wgs-links-category li a { padding: 10px 0; } + +.wgs-links-category li:before { position: absolute; left: 0; top: 50%; margin-top: -1px; height: 2px; width: 8px; content: ''; background: #2b56f5; } + +.wgs-links-tags { padding: 12px 0; margin: -7px -5px; } + +.wgs-links-tags li { display: inline-block; padding: 7px 5px; } + +.wgs-links-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; } + +.wgs-links-tags li a:hover { color: #fff; border-color: #2b56f5; background: #2b56f5; } + +.wgs-links-3clumn li { width: 32%; display: inline-block; } + +.wgs-archive .wgs-body { padding: 12px 0; } + +.wgs-cta .wgs-body { padding: 30px 30px 35px; } + +.wgs-address { font-size: .9rem; line-height: 2; } + +.wgs-address li:not(:last-child) { margin-bottom: 10px; } + +.wgs-regular { font-weight: 400; } + +@media (min-width: 992px) { .wgs-subscribe-form-s1 { margin-left: -50px; padding-right: 50px; } } + +.copyright-text { color: #415076; } + +.tc-light .copyright-text { color: #d2d3ff; } + +.copyright-text p { color: inherit; } + +.copyright-text a { color: #415076; } + +.copyright-text a:hover { color: #2b56f5; } + +.tc-light .copyright-text a { color: #d2d3ff; } + +.tc-light .copyright-text a:hover { color: #2b56f5; } + +.copyright-text-s1 { font-size: 14px; } + +.copyright-text-s1 p { font-size: inherit; } + +.copyright-text-s2 { text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; } + +.copyright-text-s3 { font-size: 13px; color: #12183a; } + +.tc-light .copyright-text-s3 { color: #d2d3ff; } + +.copyright-text-s3 p { font-size: 13px; color: inherit; } + +.copyright-text-s3 p a { color: inherit !important; } + +.copyright-text-s3 p a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.copyright-text-s3 a { font-weight: 500; } + +.copyright-text-s3 span { color: #415076; padding-bottom: 3px; } + +.tc-light .copyright-text-s3 span { color: #fff; } + +.copyright-text-s4 p { font-size: 0.9rem !important; } + +.copyright-text li a, .copyright-text p { font-size: 13px; color: #fff; } + +.copyright-text li { width: 100%; } + +.footer-nav { margin: 0 -15px; } + +.footer-nav li { display: inline-block; padding: 0 15px; } + +.footer-nav li a { color: #415076; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; } + +.footer-nav li a:hover { color: #2b56f5 !important; } + +.tc-light .footer-nav li a { color: #aeafff !important; } + +.tc-light .footer-nav li a:hover { color: #2b56f5 !important; } + +@media (min-width: 576px) { .copyright-text-s2 { font-size: 12px; } + .copyright-text li { width: auto; } } + +.wgs-nl-title { margin-bottom: 32px; } + +/** 04.14 Others */ +.rank-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.rank-item { background-image: url(../images/hexagon.png); height: 88px; width: 94px; padding: 16px 20px 0; } + +.rank-item img { max-height: 16px; } + +.rank-count { font-size: 1rem; color: #000537; font-weight: 700; padding-top: 4px; line-height: 1.3; } + +.rank-count span { font-size: .7rem; color: #aeafff; } + +@media (min-width: 400px) { .rank-item { height: 104px; width: 108px; padding-top: 24px; } } + +@media (min-width: 768px) { .rank-item { height: 136px; width: 146px; padding: 32px 30px 0; } + .rank-item img { max-height: 24px; } + .rank-count { padding-top: 10px; font-size: 1.4rem; } + .rank-count span { font-size: .9rem; } } + +@media (min-width: 992px) { .rank-item { height: 160px; width: 164px; padding-top: 38px; } } + +.rating-info { font-size: 2.23em; line-height: 1; padding: 16px 0; font-weight: 700; background: #e3e7f8; border-radius: 6px 6px 0 0; color: #415076; } + +.rating-info span { font-size: .5em; font-weight: 400; color: #aeafff; margin-left: 6px; } + +.tc-light .rating-info span { color: #e3e7f8; } + +.rating-info span:before { content: '/'; } + +.tc-light .rating-info { color: #fff; background: #000b74; } + +.rating-title { background: #2b56f5; color: #fff; padding: 5px 0; font-size: .93em; line-height: 20px; border-radius: 0 0 6px 6px; } + +.tc-light .rating-title { background: #000537; } + +.bonus { border-radius: 0 0 8px 8px; border: 1px solid rgba(43, 86, 245, 0.2); border-top: none; display: flex; } + +.bonus-info { position: relative; width: 50%; padding: 12px 16px 16px; } + +.bonus-info:not(:last-child) { border-right: 1px solid rgba(43, 86, 245, 0.2); } + +.bonus-percent { font-size: 20px; } + +.bonus-percent small { font-size: 14px; } + +.bonus-date { font-size: 12px; color: #aeafff; } + +.bonus-badge { position: absolute; top: 5px; right: 5px; text-transform: uppercase; border-radius: 11px; line-height: 15px; font-size: 8px; font-weight: 500; padding: 0 8px; color: #fff; background: #46bdf4; } + +@media (min-width: 420px) { .bonus-info { padding: 12px 30px 16px; } + .bonus-percent { font-size: 28px; } + .bonus-percent small { font-size: 14px; } + .bonus-date { font-size: 12px; color: #aeafff; } + .bonus-badge { top: 50%; right: 0; transform: translateY(-50%) rotate(-90deg); line-height: 22px; font-size: 11px; padding: 0 10px; } } + +.chart-data li { display: flex; font-size: 1rem; line-height: 1.4; font-weight: 400; padding: 7px 0; } + +.chart-data li span { display: block; } + +.chart-data-s1 { display: flex; flex-wrap: wrap; } + +.chart-data-s1 li { display: flex; align-items: center; width: auto; transition-delay: .8s; width: 100%; } + +.chart-data-s1 .chart-p { min-width: 55px; height: 55px; line-height: 50px; padding: 0; color: #fff; transform: rotate(45deg); border-radius: 10px; margin: 30px; order: -1; font-size: 16px; font-weight: 600; line-height: 55px; } + +.chart-data-s1 .chart-p span { transform: rotate(-45deg); display: block; } + +.chart-data-s1 .chart-l { text-align: left; } + +.chart-data-s2 { display: flex; flex-wrap: wrap; margin: -10px; } + +.chart-data-s2 li { padding: 10px; } + +.chart-data-item { position: relative; padding: 15px 25px; } + +.chart-data-item:before, .chart-data-item:after { position: absolute; content: ''; top: 0; height: 100%; width: 45px; border: 2px solid #dbe4f7; transition: all .4s; } + +.tc-light .chart-data-item:before, .tc-light .chart-data-item:after { border-color: rgba(219, 228, 247, 0.5); } + +.active > .chart-data-item:before, .active > .chart-data-item:after { border-color: #2b56f5; } + +.chart-data-item:before { left: 0; border-radius: 6px 0 0 6px; border-right: none; } + +.chart-data-item:after { right: 0; border-radius: 0 6px 6px 0; border-left: none; } + +.chart-label { font-size: 14px; font-weight: 700; color: #0a1992; transition: all .4s; } + +.tc-light .chart-label { color: #fff; } + +.active > div > .chart-label { color: #2b56f5; } + +.chart-info { display: block; } + +.chart-percent { font-size: 22px; font-weight: 400; color: #0a1992; } + +.tc-light .chart-percent { color: #fff; } + +.chart-sublabel { font-size: 13px; color: #415076; margin-left: 8px; } + +.tc-light .chart-sublabel { color: #aeafff; } + +.chart-p { margin-left: auto; font-size: 1.125rem; font-weight: 500; color: #000537; } + +.chart-c { position: relative; top: 3px; height: 14px; width: 14px; border-radius: 3px; margin-right: 12px; flex-shrink: 0; display: block; } + +.chart-canvas { min-height: 300px; max-width: 100%; margin-left: auto; margin-right: auto; } + +.chart-canvas-s1 { min-height: 215px; } + +@media (min-width: 480px) { .chart-data-s1 li { width: 50%; } } + +@media (min-width: 576px) { .chart-label, .chart-percent { font-size: 18px; } + .chart-c { top: 6px; } + .chart-canvas { min-height: 360px; } + .chart-canvas-s1 { min-height: 215px; } } + +@media (min-width: 768px) { .chart-data-s1 li { width: 33.33%; } } + +@media (min-width: 992px) { .chart-data-s1 li { position: absolute; width: auto; transition: all .4s; opacity: 0; } + .chart-data-s1 li:nth-child(1) { top: -60px; left: 50%; transform: translateX(-50%) translateY(-30px) !important; flex-wrap: wrap; transition-delay: .6s; } + .chart-data-s1 li:nth-child(1) .chart-l { order: -1 !important; width: 100%; } + .chart-data-s1 li:nth-child(1) .chart-p { margin: 20px auto; transform: rotate(0); } + .chart-data-s1 li:nth-child(1) .chart-p span { transform: rotate(0); } + .animate.show .chart-data-s1 li:nth-child(1) { transform: translateX(-50%) translateY(0) !important; } + .chart-data-s1 li:nth-child(odd) { left: 50%; transform: translateX(30px) translateY(0); } + .chart-data-s1 li:nth-child(odd) .chart-l { order: 1; } + .chart-data-s1 li:nth-child(even) { right: 50%; transform: translateX(-30px) translateY(0); } + .chart-data-s1 li:nth-child(even) .chart-l { order: -1; text-align: right; } + .chart-data-s1 li:nth-child(even) .chart-p { left: auto; right: 29px; top: 33px; } + .chart-data-s1 li:nth-child(2) { top: 65px; margin-right: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(3) { top: 65px; margin-left: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(4) { top: 173px; margin-right: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(5) { top: 173px; margin-left: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(6) { top: 281px; margin-right: 278px; transition-delay: 1.2s; } + .chart-data-s1 li:nth-child(7) { top: 281px; margin-left: 278px; transition-delay: 1.2s; } + .animate.show .chart-data-s1 li { opacity: 1; transform: translateX(0) translateY(0); } + .chart-data-s1 .chart-p { order: 0; } + .chart-data-s1 .chart-l { text-align: center; font-weight: 400; } + .chart-canvas { min-height: 300px; } + .chart-canvas-s1 { min-height: 215px; } } + +.ath-container { width: 440px; max-width: 100%; margin: 30px auto; } + +.ath-header { padding: 0 0 30px; } + +.ath-heading { text-align: center; font-weight: 300; } + +.ath-heading small { display: block; padding-bottom: 10px; } + +.ath-body { background: #fff; border-radius: 6px; padding: 18px 25px 25px; } + +.ath-note { padding: 25px 0 0; } + +@media (min-width: 576px) { .ath-body { padding: 32px 40px 40px; } } + +.sap-text { position: relative; text-align: center; padding: 20px 0; } + +.sap-text:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; content: ''; background: #dbe4f7; z-index: 3; } + +.sap-text span { position: relative; background: #fff; display: inline-block; padding: 0 15px; z-index: 5; font-size: .9rem; text-transform: uppercase; } + +.bg-theme > .sap-text span { background: #0a1992; } + +.bg-theme-alt > .sap-text span { background: #000537; } + +.blog { background: #fff; border-radius: 6px; box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); margin-bottom: 30px; } + +.tc-light .blog { background: #000537; } + +.blog-photo { padding: 30px 30px 0; } + +.blog-photo > img { border-radius: 6px 6px 0 0; } + +.blog-s2 .blog-photo { padding: 0; } + +.blog-text { padding: 25px 30px 30px; } + +.blog-text p { font-size: 0.88rem; } + +.blog-s2 .blog-title { margin-bottom: 8px; } + +.blog-content-inline { padding: 18px 30px 14px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } + +.blog-content .blog-text { padding: 9px 0; } + +.blog-meta { margin-bottom: .25rem; margin: 0 -7px 4px; } + +.blog-meta li { position: relative; display: inline-block; font-size: .88rem; padding: 0 7px; } + +.blog-meta li:not(:last-child):after { content: '|'; position: absolute; right: -3px; top: -1px; color: #415076; } + +.tc-light .blog-meta li:not(:last-child):after { color: #aeafff; } + +.blog-meta li a { color: #6e80af; } + +.blog-meta li a:hover { color: #2b56f5; } + +.blog-tags { padding: 12px 0; margin: -7px -5px; } + +.blog-tags li { display: inline-block; padding: 7px 5px; } + +.blog-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; color: #12183a; font-size: .88rem; } + +.blog-tags li a:hover { color: #fff; border-color: #2b56f5; background: #2b56f5; } + +.blog-featured { margin-bottom: 30px; } + +.blog-comment { padding-top: 25px; } + +.blog-action { padding: 9px 0; } + +.comment-wrap { background: #f5f7fe; border-radius: 6px; overflow: hidden; margin-bottom: 30px; } + +.comment-item { padding: 20px; } + +.comment-item:not(:last-child) { border-bottom: 1px solid #fff; } + +.comment-item + .comment-item { padding-left: 40px; } + +.comment-item + .comment-item + .comment-item { padding-left: 60px; } + +.comment-photo { width: 50px; flex-shrink: 0; margin-bottom: 10px; margin-right: 20px; } + +.comment-content { padding-top: 6px; } + +.comment-info .title { margin-bottom: 0; } + +.comment-time { font-size: .75rem; } + +.comment-text { margin-top: 8px; } + +.comment-text p { font-size: .88rem; } + +@media (min-width: 576px) { .comment-wrap { margin-bottom: 30px; } + .comment-item { display: flex; padding: 30px; } + .comment-item + .comment-item { padding-left: 60px; } + .comment-item + .comment-item + .comment-item { padding-left: 90px; } + .comment-photo { margin-bottom: 0; } } + +.pagination { margin-left: auto; margin-right: auto; display: inline-flex; justify-content: center; box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.pagination li a { display: inline-block; height: 50px; min-width: 56px; text-align: center; line-height: 20px; padding: 15px 5px; background: #fff; color: rgba(65, 80, 118, 0.7); } + +.pagination li a .icon { line-height: 20px; padding: 0 5px; } + +.pagination li a.active, .pagination li a:hover { background: #2b56f5; color: #fff; } + +.pagination li a.active .icon, .pagination li a:hover .icon { color: #fff; } + +.pagination li:first-child a { border-radius: 6px 0 0 6px; } + +.pagination li:last-child a { border-radius: 0 6px 6px 0; } + +.download-option { text-align: center; position: relative; padding: 10px; margin: 15px 0; } + +.download-option .icon { display: block; padding-bottom: 35px; font-size: 44px; color: #415076; } + +@media (min-width: 992px) { .download-option:not(:last-child):after { position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 1px; background: rgba(162, 179, 205, 0.3); } } + +.doc { text-align: center; position: relative; } + +.doc:hover { z-index: 9; } + +.doc-s2 { display: flex; margin-left: 20px; margin-bottom: 20px; border-radius: 6px; text-align: left; } + +.doc-photo { max-width: 125px; margin-left: auto; margin-right: auto; transition: all .2s linear; } + +.doc-photo img { border-radius: 4px; } + +.doc:hover .doc-photo { transform: translateY(-10px); } + +.doc:hover .doc-photo.no-hover { transform: translateY(0); } + +.doc-s2 .doc-photo { max-width: 100px; margin-top: 20px; margin-left: -20px; margin-bottom: -20px; margin-right: 15px; } + +.doc-shape { padding-top: 60px; position: relative; } + +.doc-shape:before { position: absolute; top: 0; left: 50%; margin-left: -5px; transform: translateX(-50%); transform-origin: 50% 50%; content: ''; background: url(../images/polygon-a-dark.png) 50% 0/contain no-repeat; width: 215px; height: 205px; z-index: -1; transition: all .2s linear; } + +.tc-light .doc-shape:before { background-image: url(../images/polygon-a-light.png); } + +.doc-shape-a:before { transform: translateX(-50%) rotate(0deg); } + +.doc:hover .doc-shape-a:before { transform: translateX(-50%) translateY(10px) rotate(0deg) scale(1.1); } + +.doc-shape-b:before { transform: translateX(-50%) rotate(90deg); } + +.doc:hover .doc-shape-b:before { transform: translateX(-50%) translateY(10px) rotate(90deg) scale(1.1); } + +.doc-shape-c:before { transform: translateX(-50%) rotate(-90deg); } + +.doc:hover .doc-shape-c:before { transform: translateX(-50%) translateY(10px) rotate(-90deg) scale(1.1); } + +.doc-shape-d:before { transform: translateX(-50%) rotate(135deg); } + +.doc:hover .doc-shape-d:before { transform: translateX(-50%) translateY(10px) rotate(135deg) scale(1.1); } + +.doc-title { margin-top: 15px; padding-bottom: 8px; } + +.doc-title small { display: block; } + +.tc-light .doc-title small { color: #aeafff; } + +.doc-s2 .doc-title { margin-top: 25px; font-weight: 600; } + +.doc-download { font-size: 18px; line-height: 19px; padding: 8px 15px; min-width: 60px; border-radius: 4px; color: #fff; background: #2b56f5; display: inline-block; } + +.doc-download:hover { color: #fff !important; background: #46bdf4; } + +.doc-lang { text-transform: uppercase; font-size: 11px; margin-top: 5px; } + +.tc-light a.doc-download { color: #fff !important; } + +.tc-light a.doc-download:hover { color: #2b56f5 !important; background: #fff; } + +@media (min-width: 1200px) { .doc-shape:before { width: 255px; height: 245px; } + .doc-photo { max-width: 175px; } } + +.particles-container { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 0 !important; } + +.particles-container.is-fixed { position: fixed !important; z-index: -1 !important; } + +.product-box { position: relative; display: block; background: #0a1992; border-radius: 4px; padding: 25px 35px 0; max-width: 360px; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 6; } + +.tc-light .product-box { background: #fff; } + +.product-box:hover { transform: translateY(-8px); } + +.product-name { color: #fff; font-weight: 500; text-align: center; padding-bottom: 5px; margin-bottom: 18px; } + +.tc-light .product-name { color: #46bdf4; } + +.product-image { border: 2px solid #2b56f5; border-bottom: 0; border-radius: 4px 4px 0 0; } + +.tc-light .product-image { border-color: #46bdf4; } + +.qr-code { background: #fff; border-radius: 4px; width: 40px; height: 40px; text-align: center; box-shadow: 0px 5px 15px rgba(0, 5, 55, 0.14); padding: 0px !important; cursor: pointer; position: relative; margin: 0px 10px; display: none; line-height: 38.5px; } + +.qr-code > img { width: 22px; } + +@media (min-width: 576px) { .qr-code { display: block; } + .qr-code:hover .qr-list { opacity: 1; visibility: visible; } + .qr-list { position: absolute; width: 264px; display: flex; background: #fff; padding: 18px; justify-content: space-between; bottom: calc(100% + 15px); right: 0; box-shadow: 0px 5px 30px rgba(0, 5, 55, 0.3); border-radius: 5px; opacity: 0; transition: 0.3s; visibility: hidden; } + .has-rtl .qr-list { right: auto; left: 0; } + .qr-list:after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 2px; height: 30px; background: #7a0fff; } + .qr-list:before { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; right: 10px; z-index: 1; bottom: -13px; } + .has-rtl .qr-list:before { right: auto; left: 10px; } + .qr-list img { padding: 0 6px; } } + +.bg-dark-opacity.card { height: auto; } + +.testimonial { display: block; box-shadow: 0px 5px 40px rgba(0, 5, 55, 0.08); } + +.tesm-image { min-width: 210px; max-width: 210px; margin: 0 auto; box-shadow: 0px 5px 10px rgba(0, 5, 55, 0.08); } + +.tesm-image img { border-radius: 5px; } + +.tesm-content { padding-left: 0; padding-right: 0; text-align: center; padding-top: 30px; position: relative; } + +.tesm-content:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10e"; font-size: 46px; color: rgba(0, 5, 55, 0.07); position: absolute; bottom: 0; right: 0; line-height: normal; } + +.has-rtl .tesm-content:after { right: auto; left: 0; transform: rotateY(-180deg); } + +.tesm-content .title-sm { font-size: 1.1rem; font-weight: 500; color: #415076; opacity: 0.6; line-height: 30px; } + +.tesm-content span { display: block; font-size: 0.9rem; font-style: italic; font-weight: 300; line-height: normal; } + +.testimonial-carousel .owl-nav { top: 50%; opacity: 1; position: absolute; transform: translateY(-50%); padding-top: 0; margin: 0; width: calc(100% + 60px); left: -30px; } + +.testimonial-carousel .owl-nav button { border-width: 0 !important; margin: 0; color: #415076; opacity: 0.5; transition: 0.3s; } + +.has-rtl .testimonial-carousel .owl-nav button:after { transform: rotateY(-180deg); } + +.testimonial-carousel .owl-nav button:hover { opacity: 1; } + +.testimonial-carousel .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.testimonial-carousel .owl-prev:after { content: '\f060'; } + +.testimonial-carousel .owl-next { position: absolute; right: 0; } + +.has-rtl .testimonial-carousel .owl-next { right: auto; left: 0; } + +.testimonial-carousel .owl-next:after { content: '\f061'; } + +@media (min-width: 576px) { .testimonial { display: flex; flex-direction: row; align-items: center; } + .tesm-content { padding-left: 40px; padding-right: 15px; text-align: left; padding-top: 0; } + .has-rtl .tesm-content { text-align: right; padding-left: 15px; padding-right: 40px; } + .tesm-image { margin: -45px 0; } + .testimonial-carousel .owl-stage-outer { padding: 30px 0; } } + +@media (min-width: 768px) { .testimonial-carousel .owl-nav { width: calc(100% + 80px); left: -40px; } } + +@media (min-width: 992px) { .mlm-30 { margin-left: -30px; } + .testimonial-carousel .owl-nav { width: calc(100% + 160px); left: -80px; } } + +/** 04.14 Others */ +.payment-holder { position: relative; } + +.payment-holder-list { max-width: 1200px; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between; } + +.payment-holder-thumb { width: 58px; height: 58px; box-shadow: 0px 0px 0px 3px #7a0fff; position: relative; border-radius: 50%; margin-bottom: 20px; } + +.payment-holder-thumb-s2 { box-shadow: none; border-radius: 0; height: auto; width: auto; } + +.payment-holder-thumb img { width: 100%; border-radius: 50%; } + +.payment-holder-info p { font-size: 11px; font-weight: 500; } + +.payment-holder-single { display: flex; margin-bottom: 30px; align-items: center; width: 100%; align-items: center; flex-wrap: wrap; flex-direction: column-reverse; } + +.payment-info-card { padding: 14px 20px; background: #fff; box-shadow: 0px 5px 20px rgba(122, 15, 255, 0.25); border-radius: 4px; width: 100%; text-align: center; } + +.title-pcard { font-size: 1rem; margin-bottom: 0 !important; font-weight: 400; } + +@media (min-width: 576px) { .payment-holder-single { width: 48%; } } + +@media (min-width: 992px) { .payment-holder-info { margin-bottom: 14px; position: relative; } + .payment-holder-info:after { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; top: 99%; z-index: 1; } + .payment-holder-thumb { border-radius: 50%; } + .payment-holder-thumb img { border-radius: 50%; } + .payment-holder-single { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; flex-direction: column; } + .payment-holder-single:nth-child(1) { margin-left: -23%; margin-top: -10%; } + .payment-holder-single:nth-child(2) { margin-left: -14%; margin-top: 3%; } + .payment-holder-single:nth-child(3) { margin-left: 10%; margin-top: 0; } + .payment-holder-single:nth-child(4) { margin-left: 31%; margin-top: -9%; } + .payment-holder-thumb:after, .payment-holder-thumb:before { position: absolute; content: ""; left: 50%; transform: translateX(-50%); } + .payment-holder-thumb:after { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 40px solid #fff; bottom: -30px; z-index: -1; filter: drop-shadow(0px 6px 0px #7a0fff); } + .payment-holder-thumb:before { width: 30px; height: 15px; border-radius: 50%; background: rgba(122, 15, 255, 0.4); bottom: -41px; z-index: -1; } + .payment-holder-thumb-s2 { border-radius: 0px; } + .payment-holder-thumb-s2:before, .payment-holder-thumb-s2:after { display: none; } + .payment-holder-thumb-s2 img { border-radius: 0; } + .payment-info-card { width: auto; text-align: left; } + .has-rtl .payment-info-card { text-align: right; } } + +/** 04.14 datatable */ +.table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } + +.dataTables_filter label { width: 100%; height: 50px; border: 2px solid #d1e0f6; background: transparent; border-radius: 5px; padding: 13px 20px 10px; display: flex; align-items: center; margin-bottom: 30px; } + +.dataTables_filter input { border: none; width: 97% !important; } + +.dataTables_filter input:focus { outline: none; } + +.dataTable { width: 100%; } + +.data-table-area { position: relative; } + +.data-item { box-shadow: 0px 3px 15px rgba(8, 21, 122, 0.06); background: #fff; } + +.data-col { padding: 10px 20px; font-size: 14px; font-weight: 400; color: #fff; } + +.data-col-three { border-left: 1px solid; border-bottom: 1px solid; border-right: 1px solid; } + +.data-col-four { border-bottom: 1px solid; } + +.data-col-five { border-left: 1px solid; } + +.data-col-six { border-right: 1px solid; } + +.data-col:before, .data-col:after { display: none !important; } + +.data-col-inner { padding: 20px; } + +.data-item:not(:last-child) .data-col-inner { border-bottom: 5px solid #e3e7f8; } + +.data-col-inner.alphabetical { min-width: 186px; } + +.dt-short { position: absolute; right: 0; top: 0; z-index: 9; } + +.dt-short label { width: 86px; margin-bottom: 0; } + +.has-rtl .dt-short { right: auto; left: 0; } + +@media (max-width: 409px) { .dt-short { position: static !important; margin-bottom: 20px; } + .dataTables_filter label { margin-bottom: 0; } } + +/** 05. Layouts */ +/** 05.01 Header */ +.header-main { padding: 12px 0; transition: all .4s; } + +.is-transparent .header-main, .has-fixed .header-main { width: 100%; z-index: 49; } + +.is-transparent .header-main { position: absolute !important; } + +.has-fixed .header-main { position: fixed !important; box-shadow: 0 0 20px 0 rgba(18, 24, 58, 0.08); } + +.has-fixed:not(.is-dark) .header-main { background: #fff; } + +.has-fixed.is-dark .header-main { background: #061162; } + +.has-fixed.is-shrink .header-main { padding: 8px 0; } + +.header-container:not(.container) { width: 100%; padding: 0 15px; } + +.header-wrap { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } + +.header-logo { margin: 6px 0; flex-shrink: 0; } + +.header-logo-ls { display: flex; align-items: center; } + +.header-navbar { position: fixed; left: -280px; top: 0; width: 260px; height: 100vh; } + +.header-navbar.menu-mobile { transition: all 0.4s; } + +.header-navbar::before, .header-navbar-overlay { position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.header-navbar::before { background: #fff; left: 50%; transform: translateX(-50%); transition: all .4s; } + +.is-dark .header-navbar::before { background: #000751; } + +.header-navbar-overlay { background: rgba(0, 5, 55, 0.7); left: 100%; width: 0; z-index: -1; opacity: 0; visibility: hidden; transition: opacity .3s; transition-delay: .2s; } + +.header-navbar.menu-shown { left: 0 !important; z-index: 10; } + +.header-navbar.menu-shown .header-navbar-overlay { width: 100vw; opacity: 1; visibility: visible; } + +.header-navbar-classic { position: absolute; top: 99%; right: 0; left: 0; width: 100%; height: auto; background: transparent; margin-top: 12px; z-index: auto; flex-grow: 1; transition: all 0.4s; padding: 0 20px; } + +.has-fixed .header-navbar-classic { margin-top: -6px; padding: 0; } + +.header-navbar-classic:before { border-radius: 4px; } + +.has-fixed .header-navbar-classic:before { width: 100vw; border-radius: 0; } + +.header-navbar-s1 { flex-grow: 1; } + +.header-menu { justify-content: flex-end; padding: 30px 25px; } + +.header-navbar-classic .header-menu { padding: 0; } + +.header-banner { min-height: 72px; } + +.overlay-menu-shown { overflow: hidden; } + +.overlay-menu-shown .has-fixed > .header-main { z-index: 6; } + +@media (min-width: 375px) { .header-navbar:not(.header-navbar-classic) { left: -310px; width: 290px; } } + +@media (min-width: 576px) { .header-navbar:not(.header-navbar-classic) { left: -360px; width: 340px; } } + +.logo-dark, .is-transparent:not(.has-fixed) .logo-light, .is-dark .logo-light { display: block; } + +.logo-light, .is-transparent:not(.has-fixed) .logo-dark, .is-dark .logo-dark { display: none; } + +.logo img { height: 36px; transition: all .4s; } + +.logo-md img { height: 44px; } + +.logo-lg img { height: 52px; } + +@media (min-width: 992px) { .header-navbar:not(.header-navbar-classic) { height: auto; width: auto; left: 0; } + .header-main { padding: 20px 0; } + .header-nav-toggle { display: none; } + .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 25px; } + .header-banner { min-height: 98px; } + .logo img { height: 40px; } + .logo-md img { height: 50px; } + .logo-lg img { height: 60px; } } + +@media (min-width: 1200px) { .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 35px; } } + +.header-menu { max-height: 100vh; overflow: hidden; overflow-y: auto; height: 100%; } + +.header-navbar-classic .header-menu { display: none; max-height: 65vh; } + +.header-navbar-classic .header-menu.menu-shown { display: block; } + +.header-nav-toggle { height: 44px; } + +.language-switcher .toggle-tigger, .header-menu .btn-outline:not(:hover) { color: #415076; } + +.is-light .language-switcher .toggle-tigger, .language-switcher .toggle-tigger .is-transparent:not(.is-dark), .is-light .header-menu .btn-outline:not(:hover), .header-menu .btn-outline:not(:hover) .is-transparent:not(.is-dark) { color: #415076; } + +.tc-light .language-switcher .toggle-tigger, .tc-light .btn-outline:not(:hover), .is-dark .language-switcher .toggle-tigger, .is-dark .btn-outline:not(:hover) { color: #fff; } + +@media (min-width: 992px) { .tc-light .header-menu .language-switcher .toggle-tigger, .tc-light .header-menu .btn-outline:not(:hover), .is-transparent .header-menu .language-switcher .toggle-tigger, .is-transparent .header-menu .btn-outline:not(:hover), .is-transparent:not(.has-fixed):not(.is-light) .header-menu .language-switcher .toggle-tigger, .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover), .is-dark .header-menu .language-switcher .toggle-tigger, .is-dark .header-menu .btn-outline:not(:hover) { color: #fff; } + .is-split:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover) { color: #415076; } + .has-fixed:not(.is-dark) .header-menu .language-switcher .toggle-tigger:not(.btn), .has-fixed:not(.is-dark) .header-menu .btn-outline:not(:hover), .is-light .header-menu .language-switcher .toggle-tigger:not(.btn), .is-light .header-menu .btn-outline:not(:hover) { color: #415076; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover):not(.no-change) { border-color: rgba(255, 255, 255, 0.4); } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn:not(:hover):not(.no-change):not(.btn-outline) { border-color: #fff; background: #fff; color: #415076; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not([class*="btn-grad"]):not(.no-change):hover { color: #2b56f5 !important; border-color: #fff; background-color: #fff; } } + +@media (max-width: 991px) { .header-menu .language-switcher-s1, .header-menu .language-switcher-s4 { width: 100%; } + .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 0; } + .has-rtl .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 15px; padding-right: 0; } + .header-menu .btn { line-height: 24px; padding: 6px 14px; min-width: 100px; } + .header-menu .btn-transparent { padding: 6px 0; } } + +/** 05.02 Menu */ +.menu { padding: 12px 0; } + +.menu-btns { margin-bottom: 26px; margin-left: -10px; margin-right: -10px; margin-top: -10px; display: flex; flex-wrap: wrap; } + +.menu-btns > li { padding: 10px; padding: 10px; } + +.menu-item { position: relative; border-bottom: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-item { border-color: rgba(219, 228, 247, 0.1); } + +.menu-item:last-child { border-bottom: 0; } + +.menu-item > ul, .menu-item .menu-sub { display: none; } + +.menu-item a { font-family: "Poppins", sans-serif; font-size: 14px; line-height: 16.8px; color: #415076; padding: 12px 0; display: block; position: relative; } + +.header-menu-s2 .menu-item a { font-size: 15px; } + +.menu-item a .badge { margin-left: 5px; position: relative; top: -1px; } + +.menu-item a .badge-dot { top: 0; } + +.menu-item a .active, .menu-item a:hover { color: #46bdf4; } + +.is-dark .menu-item a .active, .is-dark .menu-item a:hover { color: #46bdf4; } + +.menu-s2 > .menu-item > a { font-size: 12px; text-transform: uppercase; font-weight: 500; } + +.menu-sub { padding-left: 12px; } + +.menu-sub .menu-item:first-child { border-top: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-sub .menu-item:first-child { border-color: rgba(219, 228, 247, 0.1); } + +.menu-sub .menu-sub { margin-top: 0; margin-bottom: 15px; } + +.menu-sub .menu-sub .menu-item { border-bottom: none; } + +.menu-sub .menu-sub .menu-item:first-child { border-top: none; } + +.menu-sub .menu-sub .menu-item a { padding-top: 6px; padding-bottom: 6px; } + +.menu-sub a { font-family: "Poppins", sans-serif; font-size: 13px; color: #415076; } + +.menu-mega a { font-family: "Poppins", sans-serif; font-size: 13px; color: #415076; } + +.is-dark .menu-item a { color: #fff; } + +.menu-item > a.active { color: #46bdf4; } + +.has-sub > a { position: relative; } + +.has-sub > a:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.has-sub.open-nav > a:after { transform: translateY(-50%) rotate(-180deg); } + +.navbar-toggle { width: 44px; height: 44px; text-align: center; display: inline-block; border-radius: 50%; padding: 5px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s; } + +.navbar-toggle.navbar-active { color: #46bdf4; position: relative; z-index: 49; } + +.navbar-toggle:hover, .navbar-toggle.navbar-active { background: rgba(245, 247, 254, 0.2); } + +.is-transparent:not(.has-fixed) .navbar-toggle { color: #fff; } + +.is-transparent:not(.has-fixed) .navbar-toggle:hover, .is-transparent:not(.has-fixed) .navbar-toggle.navbar-active { background: rgba(245, 247, 254, 0.2); } + +.toggle-line { position: relative; width: 32px; height: 32px; display: block; color: #415076; } + +.toggle-line:hover { color: #415076; } + +.is-transparent:not(.has-fixed):not(.is-light) .toggle-line { color: #fff; } + +.is-dark.has-fixed .toggle-line { color: #fff; } + +.toggle-line::after, .toggle-line::before, .toggle-line > span { content: ""; position: absolute; background: currentColor; transition: all 0.2s; width: 24px; height: 2px; left: 4px; border-radius: 3px; } + +.toggle-line::before { top: 8px; } + +.toggle-line::after { bottom: 8px; } + +.toggle-line > span { top: 50%; margin-top: -1px; width: 20px; } + +.navbar-active .toggle-line { color: #fff; } + +.navbar-active .toggle-line::before, .navbar-active .toggle-line::after { width: 28px; left: 2px; } + +.navbar-active .toggle-line::before { transform: rotate(45deg); top: 15px; } + +.navbar-active .toggle-line::after { transform: rotate(-45deg); bottom: 15px; } + +.navbar-active .toggle-line > span { opacity: 0; visibility: hidden; } + +.secondary-navbar { box-shadow: 0px 5px 40px rgba(65, 80, 118, 0.1); padding: 15px 0; } + +.secondary-menu-list { display: flex; align-items: center; justify-content: center; padding: 0; flex-wrap: wrap; } + +.secondary-menu-item { width: 50%; } + +.secondary-menu-link { padding: 5px 16px; display: inline-block; color: #415076; font-weight: 400; position: relative; } + +.secondary-menu-link:after { position: absolute; content: ""; left: 50%; bottom: 0; width: 0; height: 3px; background: #46bdf4; transform: translateX(-50%); transition: 0.3s; transform-origin: left; border-radius: 50%; } + +.secondary-menu-link:hover { color: currentColor; } + +.secondary-menu-link:hover:after { width: 3px; } + +.secondary-menu-item.active .secondary-menu-link { color: currentColor; } + +.secondary-menu-item.active .secondary-menu-link:after { width: 3px; } + +@media (min-width: 425px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 16px; width: auto; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-list { flex-wrap: nowrap; } + .secondary-menu-link:after { border-radius: 0; } + .secondary-menu-link:hover { color: currentColor; } + .secondary-menu-link:hover:after { width: 25px; } + .secondary-menu-item.active .secondary-menu-link { color: currentColor; } + .secondary-menu-item.active .secondary-menu-link:after { width: 25px; } } + +@media (min-width: 576px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 28px; width: auto; } } + +@media (min-width: 992px) { .header-menu { display: flex !important; width: auto; align-items: center; position: static; background: transparent; padding: 0; margin: 0; border-radius: 0; overflow: visible; } + .header-navbar { padding: 0 0 0 15px; margin-top: 0; position: relative; } + .header-navbar:before { display: none; } + .has-fixed .header-navbar { margin-top: 0; } + .menu { display: flex; align-items: center; padding: 0; } + .menu-item { border-bottom: none; } + .menu-item > a { font-weight: 400; padding: 20px 10px; } + .menu-drop .menu-item > a { font-weight: 300; } + .menu-item:hover { z-index: 9999; } + .menu-sub { position: absolute; min-width: 215px; max-width: 215px; background: #fff; padding: 15px 10px; top: 100%; left: 0; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; transform: translateX(0) translateY(-8px); box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); } + .menu-sub a { width: 100%; display: block; padding: 10px 10px; } + .menu-sub .menu-item:first-child { border-top: none; } + .menu-sub .menu-item:hover > a { color: #46bdf4; } + .menu-item:hover > .menu-sub { opacity: 1; visibility: visible; transform: translateX(0) translateY(0); } + .menu-sub .menu-sub { left: calc(100% - 25px); top: 15px; margin: 0; } + .menu-sub .menu-sub .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .is-dark .menu-sub { background-color: #00085b; } + .menu-mega { position: absolute; left: 50%; background: #fff; padding: 15px 10px; top: 100%; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); transform: translateX(-50%) translateY(-8px); } + .menu-item:hover > .menu-mega { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } + .menu-mega .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .menu-mega-innr { display: flex; } + .menu-mega-innr > div, .menu-mega-innr ul { flex-grow: 1; } + .menu-mega-2clmn .menu-mega-innr > div, .menu-mega-2clmn .menu-mega-innr ul { width: 50%; } + .menu-mega-3clmn .menu-mega-innr > div, .menu-mega-3clmn .menu-mega-innr ul { width: auto; } + .menu-mega-2clmn { min-width: 370px; max-width: 370px; } + .menu-mega-3clmn { min-width: 520px; max-width: 520px; } + .is-dark .menu-mega { background-color: #00085b; } + .menu-btns { display: flex; margin-bottom: -10px; margin-left: 10px; } + .menu-btns-s3 { margin-left: 0; } + .has-sub > a { padding-right: 24px !important; position: relative; } + .has-sub > a:after { right: 8px; } + .menu-sub .has-sub > a { padding-right: 35px; } + .menu-sub .has-sub > a:after { transform: translateY(-50%) rotate(-90deg); right: 15px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a { padding-right: 20px !important; padding-left: 35px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a:after { transform: translateY(-50%) rotate(90deg); left: 15px; right: auto; } + > .has-sub.menu-item:last-child .menu-mega { left: auto; right: 0; transform: translateX(0) translateY(-8px); } + > .has-sub.menu-item:last-child:hover .menu-mega { transform: translateX(0) translateY(0); } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item > a { color: #fff; } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item:hover > a { color: #46bdf4; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-link { padding: 20px 38px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .logo img { height: 32px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 4px; font-size: 12px; font-weight: 500; } + .menu-btns > li { padding: 6px; } + .menu-btns .btn { font-size: 13px; line-height: 20px; padding: 10px 15px; min-width: 0; } + .menu-btns .btn.btn-grad { padding: 12px 15px; } + .menu-btns .btn-md { font-size: 11px; line-height: 19px; padding: 8px 16px; } + .menu-btns .btn-md.btn-grad { padding: 10px 16px; } } + +@media (min-width: 1200px) { .menu > .menu-item > a { padding: 20px 15px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 8.5px; font-size: 12px; font-weight: 500; } + .menu-s2 > .menu-item > a { padding-left: 7.5px; padding-right: 7.5px; } + .menu-item.has-sub > a { padding-right: 23px !important; } + .menu-item.has-sub > a:after { right: 8px; } + .menu-sub a { padding: 10px 15px; } + .secondary-menu-link { padding: 20px 45px; } } + +@media (min-width: 1600px) { .header-navbar-s1 .menu > .menu-item > a { font-size: 13px; } + .header-menu-s2 .menu > .menu-item > a { padding: 20px 30px; } } + +/** 05.03 Sections */ +.nk-body { min-width: 320px; } + +.nk-pages-centered { display: flex; flex-direction: column; justify-content: center; min-height: 100vh; padding: 0 15px; } + +@media (min-width: 1600px) { .body-boxed .nk-wrap { max-width: 1400px; } } + +.container-md { max-width: 960px; } + +.container-sm { max-width: 720px; } + +.container-xs { max-width: 520px; } + +.container-z { z-index: 5; position: relative; } + +.section { position: relative; overflow-x: hidden; width: 100%; z-index: 2; } + +.section-sm { padding-top: 40px !important; padding-bottom: 40px !important; } + +.section-connect { overflow: visible; } + +.section-connect:before { position: absolute; top: 0; left: 50%; content: ""; height: 80px; width: 2px; transform: translate(-50%, -50%); background: linear-gradient(to bottom, #2b56f5 0%, #46bdf4 100%); z-index: 2; } + +.ov-v + .section { z-index: inherit; } + +.section-t-s-fixed, .section-s-fixed { padding-top: 60px !important; } + +.section-b-s-fixed, .section-s-fixed { padding-bottom: 60px !important; } + +.section-t-m-fixed, .section-m-fixed { padding-top: 90px !important; } + +.section-b-m-fixed, .section-m-fixed { padding-bottom: 90px !important; } + +.section-t-l-fixed, .section-l-fixed { padding-top: 120px !important; } + +.section-b-l-fixed, .section-l-fixed { padding-bottom: 120px !important; } + +.section-t-x-fixed, .section-x-fixed { padding-top: 180px !important; } + +.section-b-x-fixed, .section-x-fixed { padding-bottom: 180px !important; } + +.section-t, .section { padding-top: 60px; } + +.section-b, .section { padding-bottom: 60px; } + +.section-t-xl { padding-top: 150px !important; } + +@media (min-width: 576px) { .section-connect:before { height: 100px; } + .section-t, .section { padding-top: 60px; } + .section-b, .section { padding-bottom: 60px; } + .section-t-s, .section-s { padding-top: 60px !important; } + .section-b-s, .section-s { padding-bottom: 60px !important; } } + +@media (min-width: 768px) { .section-connect:before { height: 120px; } + .section-t, .section { padding-top: 90px; } + .section-b, .section { padding-bottom: 90px; } + .section-t-m, .section-m { padding-top: 90px !important; } + .section-b-m, .section-m { padding-bottom: 90px !important; } } + +@media (min-width: 992px) { .section-connect:before { height: 160px; } + .section-t, .section { padding-top: 120px; } + .section-b, .section { padding-bottom: 120px; } + .section-t-l, .section-l { padding-top: 120px !important; } + .section-b-l, .section-l { padding-bottom: 120px !important; } + .section-t-xl { padding-top: 180px !important; } } + +@media (min-width: 1600px) { .section-t, .section { padding-top: 180px; } + .section-b, .section { padding-bottom: 180px; } + .section-t-x, .section-x { padding-top: 180px !important; } + .section-b-x, .section-x { padding-bottom: 180px !important; } } + +@media (max-width: 575px) { .section-mxw-t-0 { padding-top: 0; } + .section-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 767px) { .section-sm-mxw-t-0 { padding-top: 0; } + .section-sm-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 991px) { .section-md-mxw-t-0 { padding-top: 0; } + .section-md-mxw-b-0 { padding-bottom: 0 !important; } } + +@media (max-width: 1199px) { .section-lg-mxw-t-0 { padding-top: 0; } + .section-lg-mxw-b-0 { padding-bottom: 0; } } + +[class*="section"].pt-0, [class*="section"].pdt-0 { padding-top: 0 !important; } + +[class*="section"].pb-0, [class*="section"].pdb-0 { padding-bottom: 0 !important; } + +.split { height: 100%; } + +.split-left { border-radius: 6px 6px 0 0; } + +.split-right { border-radius: 0 0 6px 6px; } + +@media (min-width: 576px) { .split-sm-left { border-radius: 6px 0 0 6px; } + .split-sm-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 768px) { .split-md-left { border-radius: 6px 0 0 6px; } + .split-md-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 992px) { .split-lg { border-radius: 6px; } + .split-lg-left { border-radius: 6px 0 0 6px; } + .split-lg-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 1200px) { .split-xl-left { border-radius: 6px 0 0 6px; } + .split-xl-right { border-radius: 0 6px 6px 0; } } + +.nk-pages-angled { margin-top: -450px; } + +@media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } + +/** 05.04 Footer */ +.nk-footer-angled { margin-top: -450px; } + +.footer-links { margin: 0 -12px; } + +.footer-links > li { display: inline-block; padding: 0 12px; } + +.footer-links > li > a { font-size: 13px; color: #415076; } + +.footer-links > li > a:hover { color: #2b56f5; } + +.tc-light .footer-links > li > a { color: #aeafff !important; } + +.tc-light .footer-links > li > a:hover { color: #2b56f5 !important; } + +/** 06. Override */ +.mfp-bg, .mfp-wrap, .mfp-wrap[class*="bg-"], .mfp-bg[class*="bg-"] { position: fixed !important; z-index: 99999999 !important; top: 0 !important; } + +.mfp-wrap, .mfp-wrap[class*="bg-"] { background: transparent !important; } + +/** 07. Preview Purpose */ +.icon-preview { text-align: center; padding: 30px; border-radius: 4px; border: 1px solid #dfeaf8; height: 100%; } + +.icon-wrap [class*="ikon-"] { font-size: 40px; } + +.icon-class { padding-top: 15px; } + +.nk-preview { position: relative; padding-bottom: 60px; } + +.nk-preview:first-child { padding-top: 60px; } + +.nk-preview-content { padding-top: 10px; } + +.nk-preview-content > .tab-pane { padding-top: 0; box-shadow: 0 5px 35px -5px rgba(18, 24, 58, 0.12); } + +.nk-preview .nk-block-head .nav { margin-bottom: 25px; margin-left: 0; margin-right: 0; } + +.nk-preview .nk-block-head .nav a { font-size: .8rem; padding: 10px 5px 5px; } + +.nk-preview .nk-block-head .title { color: #415076; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.nk-preview .nk-block-head .title .badge { margin-left: 5px; } + +.has-rtl .nk-preview .nk-block-head .title .badge { margin-left: 0; margin-right: 5px; } + +.nk-preview .nk-block-head .title small { font-size: 12px; text-transform: none; letter-spacing: 0; margin-top: 0.45rem; color: #828998; display: block; } + +@media (min-width: 576px) { .nk-preview { padding-bottom: 60px; } + .nk-preview:first-child { padding-top: 60px; } } + +@media (min-width: 768px) { .nk-preview { padding-bottom: 90px; } + .nk-preview:first-child { padding-top: 90px; } } + +@media (min-width: 992px) { .nk-preview { padding-bottom: 120px; } + .nk-preview:first-child { padding-top: 120px; } } + +@media (min-width: 1600px) { .nk-preview { padding-bottom: 180px; } + .nk-preview:first-child { padding-top: 180px; } } + +@media (min-width: 1280px) { .nk-preview { padding-left: 48px; padding-right: 48px; } + .nk-preview-content > .tab-pane { box-shadow: 0 5px 35px -5px rgba(18, 24, 58, 0.12); } } + +@media (min-width: 1200px) and (min-height: 900px) { .nk-preview .banner-fs, .nk-preview .nk-pages-centered { min-height: calc(100vh - 200px); } } + +/* END @iO */ +/* END @iO */ diff --git a/assets/css/style-lungwort.css b/assets/css/style-lungwort.css new file mode 100644 index 0000000..2d1b756 --- /dev/null +++ b/assets/css/style-lungwort.css @@ -0,0 +1,6918 @@ +/*! Theme Name: ICOCrypto + * Author: Softnio + * Author URI: http://themeforest.net/user/softnio + * Version : 1.9.3 + * Updated : 05/05/2021 +*/ +/** +---------------------- +## TABLE CONTNETS ## +01. Fonts +02. Utilities +-- 02.01 Reset +-- 02.02 Spacing +-- 02.03 Colors +-- 02.04 Misc +03. Elements +-- 03.01 Alert +-- 03.02 Buttons +-- 03.03 Title +-- 03.04 List +-- 03.05 Form +-- 03.06 Table +-- 03.07 Progress +-- 03.08 CountDown +-- 03.09 Toastr +-- 03.10 Misc +04. Components +-- 04.01 Tab +-- 04.02 Accordion +-- 04.03 Blocks +-- 04.04 Box +-- 04.05 Banner +-- 04.06 Head +-- 04.07 Features +-- 04.08 Roadmap +-- 04.09 Token +-- 04.10 Team +-- 04.11 Partners +-- 04.12 Contact +-- 04.13 WGS +-- 04.14 Others +05. Layouts +-- 05.01 Header +-- 05.02 Menu +-- 05.03 Sections +-- 05.04 Footer +06. Override +07. Preview Purpose +---------------------- **/ +/** IMPORTANT NOTE: DO NOT Edit this file. Best to write own code in css/theme.css file. It will helps you to easy update of the template. */ +/** 01. Fonts */ +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Bold.eot"); src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Light.eot"); src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins-Light.woff") format("woff"), url("../fonts/Poppins-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-SemiBold.eot"); src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Medium.eot"); src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Regular.eot"); src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } + +/** 02. Utilities */ +/** 02.01 Reset */ +html, body { font-family: "Poppins", sans-serif; color: #415076; font-size: 14px; line-height: 1.86; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; } + +@media (min-width: 576px) { html, body { font-size: 16px; line-height: 1.86; font-weight: 300; } } + +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } + +*[hidden] { display: none; } + +ol, ul { list-style: none; } + +blockquote, q { quotes: none; } + +blockquote::after, blockquote::before, q::after, q::before { content: none; } + +table { border-collapse: collapse; border-spacing: 0; } + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #3221ad; font-weight: 500; font-family: "Poppins", sans-serif; line-height: 1.45; margin-bottom: 0.5rem; } + +h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 0; } + +.tc-light h1, .tc-light h2, .tc-light h3, .tc-light h4, .tc-light h5, .tc-light h6, .tc-light .h1, .tc-light .h2, .tc-light .h3, .tc-light .h4, .tc-light .h5, .tc-light .h6 { color: #fff; } + +p { font-size: 14px; margin-bottom: 1rem; color: #415076; } + +p:last-child { margin-bottom: 0; } + +p + [class*=btn] { margin-top: 15px; } + +@media (min-width: 576px) { p { font-size: 15px; } } + +ul, ol, table { margin: 0; padding: 0; } + +strong, b { font-weight: 500; } + +a { outline: 0 none; transition: all 0.5s; color: #07bcff; } + +a:link, a:visited { text-decoration: none; } + +a:hover, a:focus, a:active { outline: 0; color: #7a5cff; } + +img { max-width: 100%; height: auto; } + +h1, .h1, .fz-1 { font-size: 1.75rem; } + +h2, .h2, .fz-2 { font-size: 1.35rem; } + +h3, .h3, .fz-3 { font-size: 1.25rem; } + +h4, .h4, .fz-4 { font-size: 1.2rem; } + +h5, .h5, .fz-5 { font-size: 1.2rem; } + +h6, .h6, .fz-6 { font-size: 0.94rem; } + +.fz-7 { font-size: 0.88rem; } + +.fz-8 { font-size: 0.75rem; } + +.lead, .lead-light { font-size: 1.2rem; font-weight: 300; color: #12183a; } + +.lead-s2 { font-size: 1.2rem; color: #12183a; } + +.lead-regular { font-weight: 400; } + +@media (min-width: 576px) { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.3; } + h1, .h1, .fz-1 { font-size: 2.75rem; } + h2, .h2, .fz-2 { font-size: 2.25rem; } + h3, .h3, .fz-3 { font-size: 1.87rem; } + h4, .h4, .fz-4 { font-size: 1.6rem; } + .lead, .lead-light { font-size: 1.2rem; } + .lead-s2 { font-size: 1.2rem; } } + +.nk-df-content, .nk-ovm:before, .nk-ovm:after { content: ""; } + +.nk-df-rel, .has-ovm, .has-bg, [class*='bg-'], .has-bg-image, .has-bg-video { position: relative; } + +.nk-df-over-up, .has-ovm > [class*=container], .has-ovm > *:not(.nk-ovm):not(.header-main):not(.nk-header):not([class*=ui-mask]), .has-bg-image > [class*=container], .has-bg-video > [class*=container] { position: relative; z-index: 5; } + +.nk-df-t, .nk-df-y { top: 0; } + +.nk-df-b, .nk-df-y { bottom: 0; } + +.nk-df-l, .nk-df-x { left: 0; } + +.nk-df-r, .nk-df-x { right: 0; } + +.nk-df-around, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .bg-image, .bg-video, .bg-video-cover, .overlay:after, .nk-ovm .nk-svgs, .accordion-icon:before, .accordion-icon:after { position: absolute; bottom: 0; top: 0; left: 0; right: 0; } + +.nk-df-center, .abs-center, .nk-block-video-play { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.nk-df-bg, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .has-bg, [class*='bg-'], .bg-image, .bg-video, .bg-video-cover { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } + +.nk-df-bg-100, .img-block-dot, .app-slide-wrap:after, .rank-item { background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; } + +.text-regular-sm { font-weight: 400; font-size: 0.9rem; } + +.block-row:not(:last-child) { margin-bottom: 40px !important; } + +@media (min-width: 992px) { .block-row:not(:last-child) { margin-bottom: 50px !important; } } + +/** 02.02 Spacing */ +.gap { height: 30px; } + +.gap-s { height: 10px; } + +.gap-m { height: 20px; } + +.gap-l { height: 40px; } + +.gap-x { height: 60px; } + +.gap-1x { height: 10px; } + +.gap-2x { height: 20px; } + +.gap-3x { height: 30px; } + +.gap-4x { height: 40px; } + +.gap-5x { height: 50px; } + +.gap-6x { height: 60px; } + +.gap-7x { height: 70px; } + +.gap-8x { height: 80px; } + +.gap-9x { height: 90px; } + +.gap-10x { height: 100px; } + +.pdt, .pd, .pdy { padding-top: 30px; } + +.pdb, .pd, .pdy { padding-bottom: 30px; } + +.pdl, .pd, .pdx { padding-left: 30px; } + +.pdr, .pd, .pdx { padding-right: 30px; } + +.pdt-s, .pd-s, .pdy-s { padding-top: 10px !important; } + +.pdt-m, .pd-m, .pdy-m { padding-top: 20px !important; } + +.pdt-r, .pd-r, .pdy-r { padding-top: 30px !important; } + +.pdt-l, .pd-l, .pdy-l { padding-top: 40px !important; } + +.pdt-x, .pd-x, .pdy-x { padding-top: 60px !important; } + +.pdb-s, .pd-s, .pdy-s { padding-bottom: 10px !important; } + +.pdb-m, .pd-m, .pdy-m { padding-bottom: 20px !important; } + +.pdb-r, .pd-r, .pdy-r { padding-bottom: 30px !important; } + +.pdb-l, .pd-l, .pdy-l { padding-bottom: 40px !important; } + +.pdb-x, .pd-x, .pdy-x { padding-bottom: 60px !important; } + +.pdl-s, .pd-s, .pdx-s { padding-left: 10px !important; } + +.pdl-m, .pd-m, .pdx-m { padding-left: 20px !important; } + +.pdl-r, .pd-r, .pdx-r { padding-left: 30px !important; } + +.pdl-l, .pd-l, .pdx-l { padding-left: 40px !important; } + +.pdl-x, .pd-x, .pdx-x { padding-left: 60px !important; } + +.pdr-s, .pd-s, .pdx-s { padding-right: 10px !important; } + +.pdr-m, .pd-m, .pdx-m { padding-right: 20px !important; } + +.pdr-r, .pd-r, .pdx-r { padding-right: 30px !important; } + +.pdr-l, .pd-l, .pdx-l { padding-right: 40px !important; } + +.pdr-x, .pd-x, .pdx-x { padding-right: 60px !important; } + +.mgt, .mg, .mgy { margin-top: 30px !important; } + +.mgb, .mg, .mgy { margin-bottom: 30px !important; } + +.mgl, .mg, .mgx { margin-left: 30px !important; } + +.mgr, .mg, .mgx { margin-right: 30px !important; } + +.mg-fix { margin-bottom: -20px; } + +.mg-fix-lg { margin-bottom: -45px; } + +.mg-fix-md { margin-bottom: -30px; } + +.mg-fix-sm { margin-bottom: -15px; } + +.mg-fix-xs { margin-bottom: -10px; } + +.mgt-s, .mg-s, .mgy-s { margin-top: 10px !important; } + +.mgt-m, .mg-m, .mgy-m { margin-top: 20px !important; } + +.mgt-r, .mg-r, .mgy-r { margin-top: 30px !important; } + +.mgt-l, .mg-l, .mgy-l { margin-top: 40px !important; } + +.mgt-x, .mg-x, .mgy-x { margin-top: 60px !important; } + +.mgb-s, .mg-s, .mgy-s { margin-bottom: 10px !important; } + +.mgb-m, .mg-m, .mgy-m { margin-bottom: 20px !important; } + +.mgb-r, .mg-r, .mgy-r { margin-bottom: 30px !important; } + +.mgb-l, .mg-l, .mgy-l { margin-bottom: 40px !important; } + +.mgb-x, .mg-x, .mgy-x { margin-bottom: 60px !important; } + +.mgl-s, .mg-s, .mgx-s { margin-left: 10px !important; } + +.mgl-m, .mg-m, .mgx-m { margin-left: 20px !important; } + +.mgl-r, .mg-r, .mgx-r { margin-left: 30px !important; } + +.mgl-l, .mg-l, .mgx-l { margin-left: 40px !important; } + +.mgl-x, .mg-x, .mgx-x { margin-left: 60px !important; } + +.mgr-s, .mg-s, .mgx-s { margin-right: 10px !important; } + +.mgr-m, .mg-m, .mgx-m { margin-right: 20px !important; } + +.mgr-r, .mg-r, .mgx-r { margin-right: 30px !important; } + +.mgr-l, .mg-l, .mgx-l { margin-right: 40px !important; } + +.mgr-x, .mg-x, .mgx-x { margin-right: 60px !important; } + +@media (min-width: 576px) { .pdt-l, .pd-l, .pdy-l { padding-top: 60px !important; } + .pdt-x, .pd-x, .pdy-x { padding-top: 90px !important; } + .pdb-l, .pd-l, .pdy-l { padding-bottom: 60px !important; } + .pdb-x, .pd-x, .pdy-x { padding-bottom: 90px !important; } + .pdl-l, .pd-l, .pdx-l { padding-left: 60px !important; } + .pdl-x, .pd-x, .pdx-x { padding-left: 90px !important; } + .pdr-l, .pd-l, .pdx-l { padding-right: 60px !important; } + .pdr-x, .pd-x, .pdx-x { padding-right: 90px !important; } + .mgt-l, .mg-l, .mgy-l { margin-top: 60px !important; } + .mgt-x, .mg-x, .mgy-x { margin-top: 90px !important; } + .mgb-l, .mg-l, .mgy-l { margin-bottom: 60px !important; } + .mgb-x, .mg-x, .mgy-x { margin-bottom: 90px !important; } + .mgl-l, .mg-l, .mgx-l { margin-left: 60px !important; } + .mgl-x, .mg-x, .mgx-x { margin-left: 90px !important; } + .mgr-l, .mg-l, .mgx-l { margin-right: 60px !important; } + .mgr-x, .mg-x, .mgx-x { margin-right: 90px !important; } } + +.mgb-m10 { margin-bottom: -10px !important; } + +.mgb-m20 { margin-bottom: -20px !important; } + +.mgb-m30 { margin-bottom: -30px !important; } + +.mgb-m40 { margin-bottom: -40px !important; } + +.mgb-m50 { margin-bottom: -50px !important; } + +.mgt-m10 { margin-top: -10px !important; } + +.mgt-m20 { margin-top: -20px !important; } + +.mgt-m30 { margin-top: -30px !important; } + +.mgt-m40 { margin-top: -40px !important; } + +.mgt-m50 { margin-top: -50px !important; } + +.mgt-m70 { margin-top: -70px !important; } + +.gutter-5px { margin-left: -2.5px !important; margin-right: -2.5px !important; } + +.gutter-5px > li, .gutter-5px > div { padding-left: 2.5px !important; padding-right: 2.5px !important; } + +.gutter-15px { margin-left: -7.5px !important; margin-right: -7.5px !important; } + +.gutter-15px > li, .gutter-15px > div { padding-left: 7.5px !important; padding-right: 7.5px !important; } + +.gutter-25px { margin-left: -12.5px !important; margin-right: -12.5px !important; } + +.gutter-25px > li, .gutter-25px > div { padding-left: 12.5px !important; padding-right: 12.5px !important; } + +.gutter-10px { margin-left: -5px !important; margin-right: -5px !important; } + +.gutter-10px > li, .gutter-10px > div { padding-left: 5px !important; padding-right: 5px !important; } + +.gutter-20px { margin-left: -10px !important; margin-right: -10px !important; } + +.gutter-20px > li, .gutter-20px > div { padding-left: 10px !important; padding-right: 10px !important; } + +.gutter-30px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-30px > li, .gutter-30px > div { padding-left: 15px !important; padding-right: 15px !important; } + +.gutter-40px { margin-left: -20px !important; margin-right: -20px !important; } + +.gutter-40px > li, .gutter-40px > div { padding-left: 20px !important; padding-right: 20px !important; } + +.gutter-50px { margin-left: -25px !important; margin-right: -25px !important; } + +.gutter-50px > li, .gutter-50px > div { padding-left: 25px !important; padding-right: 25px !important; } + +.gutter-60px { margin-left: -30px !important; margin-right: -30px !important; } + +.gutter-60px > li, .gutter-60px > div { padding-left: 30px !important; padding-right: 30px !important; } + +.gutter-70px { margin-left: -35px !important; margin-right: -35px !important; } + +.gutter-70px > li, .gutter-70px > div { padding-left: 35px !important; padding-right: 35px !important; } + +.gutter-80px { margin-left: -40px !important; margin-right: -40px !important; } + +.gutter-80px > li, .gutter-80px > div { padding-left: 40px !important; padding-right: 40px !important; } + +.gutter-90px { margin-left: -45px !important; margin-right: -45px !important; } + +.gutter-90px > li, .gutter-90px > div { padding-left: 45px !important; padding-right: 45px !important; } + +.gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } + +.gutter-vr-5px { margin-top: -2.5px !important; margin-bottom: -2.5px !important; } + +.gutter-vr-5px > li, .gutter-vr-5px > div { padding-top: 2.5px !important; padding-bottom: 2.5px !important; } + +.gutter-vr-15px { margin-top: -7.5px !important; margin-bottom: -7.5px !important; } + +.gutter-vr-15px > li, .gutter-vr-15px > div { padding-top: 7.5px !important; padding-bottom: 7.5px !important; } + +.gutter-vr-25px { margin-top: -12.5px !important; margin-bottom: -12.5px !important; } + +.gutter-vr-25px > li, .gutter-vr-25px > div { padding-top: 12.5px !important; padding-bottom: 12.5px !important; } + +.gutter-vr-10px { margin-top: -5px !important; margin-bottom: -5px !important; } + +.gutter-vr-10px > li, .gutter-vr-10px > div { padding-top: 5px !important; padding-bottom: 5px !important; } + +.gutter-vr-20px { margin-top: -10px !important; margin-bottom: -10px !important; } + +.gutter-vr-20px > li, .gutter-vr-20px > div { padding-top: 10px !important; padding-bottom: 10px !important; } + +.gutter-vr-30px { margin-top: -15px !important; margin-bottom: -15px !important; } + +.gutter-vr-30px > li, .gutter-vr-30px > div { padding-top: 15px !important; padding-bottom: 15px !important; } + +.gutter-vr-40px { margin-top: -20px !important; margin-bottom: -20px !important; } + +.gutter-vr-40px > li, .gutter-vr-40px > div { padding-top: 20px !important; padding-bottom: 20px !important; } + +.gutter-vr-50px { margin-top: -25px !important; margin-bottom: -25px !important; } + +.gutter-vr-50px > li, .gutter-vr-50px > div { padding-top: 25px !important; padding-bottom: 25px !important; } + +.gutter-vr-60px { margin-top: -30px !important; margin-bottom: -30px !important; } + +.gutter-vr-60px > li, .gutter-vr-60px > div { padding-top: 30px !important; padding-bottom: 30px !important; } + +.gutter-vr-70px { margin-top: -35px !important; margin-bottom: -35px !important; } + +.gutter-vr-70px > li, .gutter-vr-70px > div { padding-top: 35px !important; padding-bottom: 35px !important; } + +.gutter-vr-80px { margin-top: -40px !important; margin-bottom: -40px !important; } + +.gutter-vr-80px > li, .gutter-vr-80px > div { padding-top: 40px !important; padding-bottom: 40px !important; } + +.gutter-vr-90px { margin-top: -45px !important; margin-bottom: -45px !important; } + +.gutter-vr-90px > li, .gutter-vr-90px > div { padding-top: 45px !important; padding-bottom: 45px !important; } + +.gutter-vr-100px { margin-top: -50px !important; margin-bottom: -50px !important; } + +.gutter-vr-100px > li, .gutter-vr-100px > div { padding-top: 50px !important; padding-bottom: 50px !important; } + +.gutter-100px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 15px !important; padding-right: 15px !important; } + +@media (min-width: 992px) { .gutter-100px { margin-left: -25px !important; margin-right: -25px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 25px !important; padding-right: 25px !important; } } + +@media (min-width: 1200px) { .gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } } + +/** 02.03 Colors */ +.tc-base-white, .tc-light, .tc-light a:not(.btn):not([class*="link-"]) { color: #e4e1ff; } + +.tc-base-white-hover, .tc-light a:not(.btn):not([class*="link-"]):hover { color: #07bcff; } + +.tc-default, .tc-default a { color: #415076 !important; } + +.tc-alternet, .tc-alternet a { color: #415076 !important; } + +.tc-primary, .tc-primary a { color: #07bcff !important; } + +.tc-primary a:hover { color: #7a5cff !important; } + +.tc-secondary, .tc-secondary a { color: #7a5cff !important; } + +.tc-secondary a:hover { color: #07bcff !important; } + +.tc-info, .tc-info a { color: #026bfb !important; } + +.tc-warning, .tc-warning a { color: #f6be26 !important; } + +.tc-success, .tc-success a { color: #39d884 !important; } + +.tc-danger, .tc-danger a { color: #e6604a !important; } + +.tc-light p, .tc-light .list { color: #e4e1ff; } + +.tc-light .lead, .tc-light .lead-light, .tc-light .lead-s2 { color: #a89ffe; } + +.tc-light-alt a:not(.btn):not([class*="link-"]) { color: #a89ffe !important; } + +.tc-light-alt a:not(.btn):not([class*="link-"]):hover { color: #07bcff !important; } + +.tc-light-alt li { color: #a89ffe; } + +.tc-lighter { color: rgba(255, 255, 255, 0.6) !important; } + +.tc-dark, .tc-dark a { color: #0b0c10 !important; } + +.tc-theme, .tc-theme a { color: #07bcff !important; } + +.tc-theme-alt, .tc-theme-alt a { color: #3221ad !important; } + +.tc-white { color: #fff !important; } + +.bg-default { background-color: #415076 !important; } + +.bg-alternet { background-color: #3221ad !important; } + +.bg-primary { background-color: #07bcff !important; } + +.bg-secondary { background-color: #7a5cff !important; } + +.bg-light { background-color: #eff6ff !important; } + +.bg-light.current { background-color: rgba(239, 246, 255, 0.7) !important; } + +.bg-light-alt { background-color: #e7edf5 !important; } + +.bg-light-alt.current { background-color: rgba(231, 237, 245, 0.7) !important; } + +.bg-light-grad { background-image: linear-gradient(to bottom, #fff 0%, #eff6ff 100%); } + +.bg-dark { background-color: #160b6d !important; } + +.bg-dark.current { background-color: rgba(22, 11, 109, 0.7) !important; } + +.bg-dark-alt { background-color: rgba(22, 11, 109, 0.7) !important; } + +.bg-dark-alt.current { background-color: rgba(29, 14, 138, 0.7) !important; } + +.bg-dark-opacity { background: rgba(0, 0, 0, 0.15) !important; } + +.bg-trans { background-color: transparent !important; } + +.bg-grad { background-image: linear-gradient(90deg, #07bcff 0%, #7a5cff 100%) !important; } + +.bg-grad-alt { background-image: linear-gradient(90deg, #7a5cff 0%, #07bcff 100%) !important; } + +.bg-grad-special { background-image: linear-gradient(140deg, #a722f4 0%, #a722f4 20%, transparent 50%, transparent 100%) !important; } + +.bg-grad-special-alt { background-image: linear-gradient(to top, #3e2bc5 0%, #3e2bc5 5%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.bg-grad-vr-theme-to-alt { background-image: linear-gradient(to bottom, #3221ad 0%, #3e2bc5 100%) !important; } + +.bg-grad-vr-theme-dark-to-dark-alt { background-image: linear-gradient(to bottom, #160b6d 0%, #1d0e8a 100%) !important; } + +.bg-grad-vr-alt-to-theme { background-image: linear-gradient(to top, #3221ad 0%, #3e2bc5 100%) !important; } + +.bg-grad-vr-dark-alt-to-theme-dark-to-theme { background-image: linear-gradient(to top, #160b6d 0%, #1d0e8a 100%) !important; } + +.bg-info { background-color: #026bfb !important; } + +.bg-warning { background-color: #f6be26 !important; } + +.bg-success { background-color: #39d884 !important; } + +.bg-danger { background-color: #e6604a !important; } + +.bg-black { background-color: #000; } + +.bg-black-2, .bonus-info { background-color: rgba(0, 0, 0, 0.02); } + +.bg-black-5 { background-color: rgba(0, 0, 0, 0.05); } + +.bg-black-7 { background-color: rgba(0, 0, 0, 0.07); } + +.bg-black-10 { background-color: rgba(0, 0, 0, 0.1); } + +.bg-black-14 { background-color: rgba(0, 0, 0, 0.14); } + +.bg-black-22 { background-color: rgba(0, 0, 0, 0.22); } + +.bg-white { background-color: #fff; } + +.bg-white-2 { background-color: rgba(255, 255, 255, 0.02); } + +.bg-white-5 { background-color: rgba(255, 255, 255, 0.05); } + +.bg-white-7 { background-color: rgba(255, 255, 255, 0.07); } + +.bg-white-10 { background-color: rgba(255, 255, 255, 0.1); } + +.bg-white-14 { background-color: rgba(255, 255, 255, 0.14); } + +.bg-white-22 { background-color: rgba(255, 255, 255, 0.22); } + +.bg-theme { background-color: #3221ad !important; } + +.bg-theme.current { background-color: rgba(50, 33, 173, 0.7) !important; } + +.bg-theme-alt { background-color: #3e2bc5 !important; } + +.bg-theme-alt.current { background-color: rgba(62, 43, 197, 0.7) !important; } + +.bg-theme-grad { background-image: linear-gradient(to right, #3221ad 0%, #3e2bc5 100%) !important; } + +.bg-theme-grad-alt { background-image: linear-gradient(to right, #3e2bc5 0%, #3221ad 100%) !important; } + +.bg-theme-grad-s2 { background-image: linear-gradient(135deg, #7a5cff 0%, #3221ad 100%) !important; } + +.bg-theme-grad-s2-alt { background-image: linear-gradient(135deg, #3221ad 0%, #7a5cff 100%) !important; } + +.bg-theme-grad-alternet { background-image: linear-gradient(to right, #3221ad 0%, #a722f4 100%) !important; } + +.bg-theme-dark { background-color: #160b6d !important; } + +.bg-theme-dark.current { background-color: rgba(22, 11, 109, 0.7) !important; } + +.bg-theme-dark-alt { background-color: #1d0e8a !important; } + +.bg-theme-dark-alt.current { background-color: rgba(29, 14, 138, 0.7) !important; } + +.bg-theme-light { background-color: #eff6ff !important; } + +.bg-theme-light.current { background-color: rgba(239, 246, 255, 0.7) !important; } + +.bg-theme-light-alt { background-color: #e7edf5 !important; } + +.bg-theme-light-alt.current { background-color: rgba(231, 237, 245, 0.7) !important; } + +.bg-theme-accent { background-color: #07bcff !important; } + +.bg-theme-accent.current { background-color: rgba(7, 188, 255, 0.7) !important; } + +.bg-theme-accent-alt { background-color: #7a5cff !important; } + +.bg-theme-accent-alt.current { background-color: rgba(122, 92, 255, 0.7) !important; } + +.bg-blend:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #3221ad); } + +.bg-blend-alt:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #3e2bc5); } + +.bg-blend-light { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #eff6ff); } + +.bg-blend-light-alt { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #e7edf5); } + +.bg-rblend-light { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #eff6ff); } + +.bg-rblend-light-alt { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #e7edf5); } + +.theme-dark { background: #160b6d !important; } + +.text-primary { color: #3221ad !important; } + +.text-primary-alt { color: #3e2bc5 !important; } + +.text-theme-alt { color: #a722f4; } + +.text-base { color: #12183a; } + +/** 02.04 Misc */ +.ttc { text-transform: capitalize !important; } + +.ttu { text-transform: uppercase !important; } + +.ttl { text-transform: lowercase !important; } + +.ttn { text-transform: none !important; } + +.fw-7 { font-weight: 700 !important; } + +.fw-6 { font-weight: 600 !important; } + +.fw-5 { font-weight: 500 !important; } + +.fw-4 { font-weight: 400 !important; } + +.fw-3 { font-weight: 300 !important; } + +.fw-rg { font-weight: 400 !important; } + +.fw-bold { font-weight: 700 !important; } + +.fw-md { font-weight: 500 !important; } + +.fw-lt { font-weight: 300 !important; } + +.lh { line-height: 1; } + +.lh-11 { line-height: 1.1; } + +.lh-12 { line-height: 1.2; } + +.lh-13 { line-height: 1.3; } + +.lh-14 { line-height: 1.4; } + +.lh-15 { line-height: 1.5; } + +.lh-16 { line-height: 1.6; } + +.lh-17 { line-height: 1.7; } + +.lh-18 { line-height: 1.8; } + +.lh-19 { line-height: 1.9; } + +.lh-2 { line-height: 2; } + +.ov-h, .nk-block-video, .nk-banner, .banner-wrap, .feature-group, .feature-img { overflow: hidden; } + +.ov-xh { overflow-x: hidden; } + +.ov-yh { overflow-y: hidden; } + +.ov-s { overflow: scroll; } + +.ov-xs { overflow-x: scroll; } + +.ov-ys { overflow-y: scroll; } + +.ov-v { overflow: visible !important; } + +.ov-xv { overflow-x: visible !important; } + +.ov-yv { overflow-y: visible !important; } + +.bd { border: 1px solid #d1e0f6; } + +.bd-2 { border-width: 2px; } + +.bd-3 { border-width: 3px; } + +.bdt { border-top: 1px solid #d1e0f6; } + +.bdt-2 { border-top-width: 2px; } + +.bdt-3 { border-top-width: 3px; } + +.bdb { border-bottom: 1px solid #d1e0f6; } + +.bdb-2 { border-bottom-width: 2px; } + +.bdb-3 { border-bottom-width: 3px; } + +.bdl { border-left: 1px solid #d1e0f6; } + +.bdl-2 { border-left-width: 2px; } + +.bdl-3 { border-left-width: 3px; } + +.bdr { border-right: 1px solid #d1e0f6; } + +.bdr-2 { border-right-width: 2px; } + +.bdr-3 { border-right-width: 3px; } + +.bd-dashed { border-style: dashed; } + +.bd-dotted { border-style: dotted; } + +.bd-double { border-style: double; } + +.bd-light { border-color: #dbe4f7; } + +.bd-lighter { border-color: #dbe4f7; } + +.bd-lightest { border-color: #f4f7fd; } + +.bd-dark { border-color: #394995; } + +.bd-darker { border-color: #394995; } + +.bd-darkest { border-color: #394995; } + +.bd-primary { border-color: #07bcff; } + +.bd-alternet { border-color: #a2b3cd; } + +.bd-secondary { border-color: #3221ad; } + +.bd-info { border-color: #9ac4fd; } + +.bd-warning { border-color: #fbe5a8; } + +.bd-success { border-color: #b0efce; } + +.bd-danger { border-color: #f5bfb7; } + +.round, .token-stage { border-radius: 6px !important; } + +.round-sm { border-radius: 4px !important; } + +.round-md { border-radius: 10px !important; } + +.round-lg { border-radius: 15px !important; } + +.round-xl { border-radius: 44px !important; } + +.round-full, .circle { border-radius: 50% !important; } + +.round-full:before, .circle:before, .round-full:after, .circle:after { border-radius: 50% !important; } + +.bdrs-1 { border-radius: 1px; } + +.bdrs-2 { border-radius: 2px; } + +.bdrs-3 { border-radius: 3px; } + +.bdrs-4 { border-radius: 4px; } + +.bdrs-5 { border-radius: 5px; } + +.bdrs-6 { border-radius: 6px; } + +.bdrs-7 { border-radius: 7px; } + +.bdrs-8 { border-radius: 8px; } + +.bdrs-9 { border-radius: 9px; } + +.bdrs-1x { border-radius: 10px; } + +.bdrs-2x { border-radius: 20px; } + +.bdrs-3x { border-radius: 30px; } + +.bdrs-4x { border-radius: 40px; } + +.bdrs-5x { border-radius: 50px; } + +.bdrs-15x { border-radius: 15px; } + +.bdrs-25x { border-radius: 25px; } + +.bdrs-35x { border-radius: 35px; } + +.bdrs-45x { border-radius: 45px; } + +.shadow { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08) !important; } + +.shadow-alt { box-shadow: 0 8px 16px 0 rgba(18, 24, 58, 0.15); } + +.shadow-soft { box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.shadow-soft-sm { box-shadow: 0 2px 12px 0 rgba(18, 24, 58, 0.08); } + +.shadow-dark { box-shadow: 0 5px 40px rgba(18, 24, 58, 0.15); } + +.shadow-dark-sm { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.15); } + +.shadow-heavy { box-shadow: 0 5px 50px rgba(18, 24, 58, 0.25); } + +.shadow-heavy-sm { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.25); } + +.nk-df-mask-a, .mask-a:before, .mask-a-bg { background-image: url(../images/mask-a.svg); } + +.ie .nk-df-mask-a, .ie .mask-a:before, .ie .mask-a-bg { background-image: url(../images/mask-a.png); } + +.nk-df-mask-a-md, .mask-a-md:before, .mask-a-md-bg { background-image: url(../images/mask-a-md.svg); } + +.ie .nk-df-mask-a-md, .ie .mask-a-md:before, .ie .mask-a-md-bg { background-image: url(../images/mask-a-md.png); } + +.nk-df-mask-a-dark, .mask-a-dark:before, .mask-a-dark-bg { background-image: url(../images/mask-a-dark.svg); } + +.ie .nk-df-mask-a-dark, .ie .mask-a-dark:before, .ie .mask-a-dark-bg { background-image: url(../images/mask-a-dark.png); } + +.nk-df-mask-line, .mask-line:before, .mask-line-bg { background-image: url(../images/mask-line.svg); } + +.ie .nk-df-mask-line, .ie .mask-line:before, .ie .mask-line-bg { background-image: url(../images/mask-line.png); } + +.nk-df-mask-b, .mask-b:before, .mask-b-bg { background-image: url(../images/mask-b.svg); } + +.ie .nk-df-mask-b, .ie .mask-b:before, .ie .mask-b-bg { background-image: url(../images/mask-b.png); } + +.nk-df-mask-c, .mask-c:before, .mask-c-bg { background-image: url(../images/mask-c.svg); } + +.ie .nk-df-mask-c, .ie .mask-c:before, .ie .mask-c-bg { background-image: url(../images/mask-c.png); } + +.nk-df-mask-c-light, .mask-c-light:before, .mask-c-light-bg { background-image: url(../images/mask-c-light.svg); } + +.ie .nk-df-mask-c-light, .ie .mask-c-light:before, .ie .mask-c-light-bg { background-image: url(../images/mask-c-light.png); } + +.nk-df-mask-c-dark, .mask-c-dark:before, .mask-c-dark-bg { background-image: url(../images/mask-c-dark.svg); } + +.ie .nk-df-mask-c-dark, .ie .mask-c-dark:before, .ie .mask-c-dark-bg { background-image: url(../images/mask-c-dark.png); } + +.nk-df-mask-d, .mask-d:before, .mask-d-bg { background-image: url(../images/mask-d.svg); } + +.ie .nk-df-mask-d, .ie .mask-d:before, .ie .mask-d-bg { background-image: url(../images/mask-d.png); } + +.nk-df-mask-d2, .mask-d2:before, .mask-d2-bg { background-image: url(../images/mask-d2.svg); } + +.ie .nk-df-mask-d2, .ie .mask-d2:before, .ie .mask-d2-bg { background-image: url(../images/mask-d2.png); } + +.nk-df-mask-e, .mask-e:before, .mask-e-bg { background-image: url(../images/mask-e.svg); } + +.ie .nk-df-mask-e, .ie .mask-e:before, .ie .mask-e-bg { background-image: url(../images/mask-e.png); } + +.nk-df-mask-f, .mask-f:before, .mask-f-bg { background-image: url(../images/mask-f.svg); } + +.ie .nk-df-mask-f, .ie .mask-f:before, .ie .mask-f-bg { background-image: url(../images/mask-f.png); } + +.nk-df-mask-f-footer, .mask-f-footer:before, .mask-f-footer-bg { background-image: url(../images/mask-f-footer.svg); } + +.ie .nk-df-mask-f-footer, .ie .mask-f-footer:before, .ie .mask-f-footer-bg { background-image: url(../images/mask-f-footer.png); } + +.mask-a:before, .mask-a-md:before, .mask-a-dark:before { background-position: bottom center !important; } + +.mask-contain-bottom:before { background-size: contain; background-position: 50% 100%; } + +.mask-c-blend { background-image: linear-gradient(180deg, #0d1b61 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-dark { background-image: linear-gradient(180deg, #0C0E24 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-light { background-image: linear-gradient(180deg, #f0f6ff 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-f:before { left: 0 !important; } + +.mask-f-footer:before { background-position: 50% -1px; } + +.before-bottom:before { top: auto; } + +.before-h10:before { height: 10%; } + +.before-h20:before { height: 20%; } + +.before-h30:before { height: 30%; } + +.before-h40:before { height: 40%; } + +.before-h50:before { height: 50%; } + +.before-h60:before { height: 60%; } + +.before-h70:before { height: 70%; } + +.before-h80:before { height: 80%; } + +.before-h90:before { height: 90%; } + +.nk-df-shape-a, .shape-a:after, .shape-a-bg, .bg-shape-a { background-image: url(../images/shape-a.png); } + +.nk-df-shape-a-sm, .shape-a-sm:after, .shape-a-sm-bg { background-image: url(../images/shape-a-sm.png); } + +.nk-df-shape-b, .shape-b:after, .shape-b-bg, .bg-shape-b { background-image: url(../images/shape-b.png); } + +.nk-df-shape-b-sm, .shape-b-sm:after, .shape-b-sm-bg { background-image: url(../images/shape-b-sm.png); } + +.nk-df-shape-c, .shape-c:after, .shape-c-bg { background-image: url(../images/shape-c.png); } + +.nk-df-shape-c-sm, .shape-c-sm:after, .shape-c-sm-bg { background-image: url(../images/shape-c-sm.png); } + +.nk-df-shape-d, .shape-d:after, .shape-d-bg { background-image: url(../images/shape-d.png); } + +.nk-df-shape-d-sm, .shape-d-sm:after, .shape-d-sm-bg { background-image: url(../images/shape-d-sm.png); } + +.nk-df-shape-e, .shape-e:after, .shape-e-bg { background-image: url(../images/shape-e.png); } + +.nk-df-shape-e-sm, .shape-e-sm:after, .shape-e-sm-bg { background-image: url(../images/shape-e-sm.png); } + +.nk-df-shape-f, .shape-f:after, .shape-f-bg { background-image: url(../images/shape-f.png); } + +.nk-df-shape-f-sm, .shape-f-sm:after, .shape-f-sm-bg { background-image: url(../images/shape-f-sm.png); } + +.nk-df-shape-g, .shape-g:after, .shape-g-bg { background-image: url(../images/shape-g.png); } + +.nk-df-shape-g-sm, .shape-g-sm:after, .shape-g-sm-bg { background-image: url(../images/shape-g-sm.png); } + +.nk-df-shape-h, .shape-h:after, .shape-h-bg { background-image: url(../images/shape-h.png); } + +.nk-df-shape-h-sm, .shape-h-sm:after, .shape-h-sm-bg { background-image: url(../images/shape-h-sm.png); } + +.nk-df-shape-i, .shape-i:after, .shape-i-bg { background-image: url(../images/shape-i.png); } + +.nk-df-shape-i-sm, .shape-i-sm:after, .shape-i-sm-bg { background-image: url(../images/shape-i-sm.png); } + +.nk-df-shape-m, .shape-m:after, .shape-m-bg { background-image: url(../images/shape-m.png); } + +.nk-df-shape-n, .shape-n:after, .shape-n-bg { background-image: url(../images/shape-n.png); } + +.nk-df-shape-o, .shape-o:after, .shape-o-bg { background-image: url(../images/shape-o.png); } + +.nk-df-shape-p, .shape-p:after, .shape-p-bg { background-image: url(../images/shape-p.png); } + +.nk-df-shape-q, .shape-q:after, .shape-q-bg { background-image: url(../images/shape-q.png); } + +.nk-df-shape-r, .shape-r:after, .shape-r-bg { background-image: url(../images/shape-r.png); } + +.nk-df-shape-s, .shape-s:after, .shape-s-bg { background-image: url(../images/shape-s.png); } + +.nk-df-shape-s-sm, .shape-s-sm:after, .shape-s-sm-bg { background-image: url(../images/shape-s-sm.png); } + +.nk-df-shape-t, .shape-t:after, .shape-t-bg { background-image: url(../images/shape-t.png); } + +.nk-df-shape-u, .shape-u:after, .shape-u-bg { background-image: url(../images/shape-u.png); } + +.nk-df-shape-v, .shape-v:after, .shape-v-bg { background-image: url(../images/shape-v.png); } + +.nk-df-shape-w, .shape-w:after, .shape-w-bg { background-image: url(../images/shape-w.png); } + +.nk-df-shape-x, .shape-x:after, .shape-x-bg { background-image: url(../images/shape-x.png); } + +.nk-df-shape-x-2, .shape-x-2:after, .shape-x-2-bg { background-image: url(../images/shape-x-2.png); } + +.nk-df-shape-x-3, .shape-x-3:after, .shape-x-3-bg { background-image: url(../images/shape-x-3.png); } + +.nk-df-shape-y, .shape-y:after, .shape-y-bg { background-image: url(../images/shape-y.png); } + +.nk-df-shape-z, .shape-z:after, .shape-z-bg { background-image: url(../images/shape-z.png); } + +.nk-df-shape-z2, .shape-z2:after, .shape-z2-bg { background-image: url(../images/shape-z2.png); } + +.nk-df-shape-a2, .shape-a2:after, .shape-a2-bg { background-image: url(../images/shape-a2.png); } + +.nk-df-shape-z3, .shape-z3:after, .shape-z3-bg { background-image: url(../images/shape-z3.png); } + +.nk-df-shape-z4, .shape-z4:after, .shape-z4-bg { background-image: url(../images/shape-z4.png); } + +.nk-df-shape-z6, .shape-z6:after, .shape-z6-bg { background-image: url(../images/shape-z6.png); } + +.nk-df-shape-z6-sm, .shape-z6-sm:after, .shape-z6-sm-bg { background-image: url(../images/shape-z6-sm.png); } + +.nk-df-shape-z7, .shape-z7:after, .shape-z7-bg { background-image: url(../images/shape-z7.png); } + +.shape-contain:after { background-size: contain; } + +.shape-center-top:after { background-position: 50% 0; } + +.shape-center-bottom:after { background-position: 50% 100%; } + +.shape-left-top:after { background-position: 0 0; } + +.shape-q:after { background-size: contain; background-repeat: repeat; background-position: 0 50%; } + +.shape-lg-60:after { background-size: 60%; } + +.shape-z3:after { background-size: 100%; background-position: bottom center; } + +.shape-x.nk-ovm:after, .shape-x.nk-ovm:before { left: 0 !important; } + +.shape-a2:before { background-size: 100%; } + +.nk-ovm { z-index: 1; } + +.nk-ovm:before, .nk-ovm:after { bottom: -1px; left: -1px; } + +.nk-ovm:before { z-index: 1; } + +.nk-ovm-repeat:after { background-repeat: repeat; background-size: contain; } + +.nk-ovm-fixed:after { background-attachment: fixed; } + +.ovm-top { bottom: auto; } + +.ovm-bottom { top: auto; } + +.ovm-left { right: auto; } + +.ovm-right { left: auto; } + +.ovm-h-10 { height: 10%; } + +.ovm-h-20 { height: 20%; } + +.ovm-h-30 { height: 30%; } + +.ovm-h-40 { height: 40%; } + +.ovm-h-50 { height: 50%; } + +.ovm-h-60 { height: 60%; } + +.ovm-h-70 { height: 70%; } + +.ovm-h-80 { height: 80%; } + +.ovm-h-90 { height: 90%; } + +.ovm-w-10 { width: 10%; } + +.ovm-w-20 { width: 20%; } + +.ovm-w-30 { width: 30%; } + +.ovm-w-40 { width: 40%; } + +.ovm-w-50 { width: 50%; } + +.ovm-w-60 { width: 60%; } + +.ovm-w-70 { width: 70%; } + +.ovm-w-80 { width: 80%; } + +.ovm-w-90 { width: 90%; } + +.has-bg-image > div, .has-bg-video > div { position: relative; z-index: 1; } + +.bg-fixed { background-attachment: fixed; } + +.bg-image { position: absolute !important; z-index: 0 !important; opacity: 0; transition: opacity .4s; } + +.bg-image.bg-image-loaded { opacity: 1; } + +.bg-image img { display: none !important; } + +.bg-pattern-dots-color { background-image: url(../images/dot-a.png); background-size: contain; } + +.bg-pattern-dots { background-image: url(../images/dot-b.png); background-size: contain; background-repeat: repeat-y; } + +.bg-contain { background-size: contain; } + +.bg-bottom-center { background-position: 50% 100%; } + +.bg-shape-b { background-position: 50% 100%; } + +.bg-video { position: absolute !important; z-index: 0 !important; overflow: hidden; } + +.bg-video-cover { opacity: 0; } + +.cover-enabled .bg-video-cover { opacity: 1; } + +.bg-video .ytplayer-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.bg-video .ytplayer-container.cover-enabled .bg-video .ytplayer-container { display: none; } + +.cover-enabled .ytplayer-container { display: none; } + +.bg-image.bp-l0, .has-bg.bp-l0 { background-position: 0%; } + +.bg-image.bp-r0, .has-bg.bp-r0 { background-position: 0%; } + +.bg-image.bp-l10, .has-bg.bp-l10 { background-position: 10%; } + +.bg-image.bp-r10, .has-bg.bp-r10 { background-position: 40%; } + +.bg-image.bp-l20, .has-bg.bp-l20 { background-position: 20%; } + +.bg-image.bp-r20, .has-bg.bp-r20 { background-position: 30%; } + +.bg-image.bp-l25, .has-bg.bp-l25 { background-position: 25%; } + +.bg-image.bp-r25, .has-bg.bp-r25 { background-position: 25%; } + +.bg-image.bp-l30, .has-bg.bp-l30 { background-position: 30%; } + +.bg-image.bp-r30, .has-bg.bp-r30 { background-position: 20%; } + +.bg-image.bp-l40, .has-bg.bp-l40 { background-position: 40%; } + +.bg-image.bp-r40, .has-bg.bp-r40 { background-position: 10%; } + +.overlay:after { content: ''; } + +.overlay-light:after { background: #fff; } + +.overlay-dark:after { background: #000; } + +.overlay-theme:after { background: #3221ad; } + +.overlay-theme-dark:after { background: #160b6d; } + +.overlay-opacity-10:after { opacity: 0.1; } + +.overlay-opacity-15:after { opacity: 0.15; } + +.overlay-opacity-20:after { opacity: 0.2; } + +.overlay-opacity-25:after { opacity: 0.25; } + +.overlay-opacity-30:after { opacity: 0.3; } + +.overlay-opacity-35:after { opacity: 0.35; } + +.overlay-opacity-40:after { opacity: 0.4; } + +.overlay-opacity-45:after { opacity: 0.45; } + +.overlay-opacity-50:after { opacity: 0.5; } + +.overlay-opacity-55:after { opacity: 0.55; } + +.overlay-opacity-60:after { opacity: 0.6; } + +.overlay-opacity-65:after { opacity: 0.65; } + +.overlay-opacity-70:after { opacity: 0.7; } + +.overlay-opacity-75:after { opacity: 0.75; } + +.overlay-opacity-80:after { opacity: 0.8; } + +.overlay-opacity-85:after { opacity: 0.85; } + +.overlay-opacity-90:after { opacity: 0.9; } + +.overlay-opacity-95:after { opacity: 0.95; } + +.overlay-opacity-100:after { opacity: 1; } + +.op-10 { opacity: 0.1; } + +.op-20 { opacity: 0.2; } + +.op-30 { opacity: 0.3; } + +.op-40 { opacity: 0.4; } + +.op-50 { opacity: 0.5; } + +.op-60 { opacity: 0.6; } + +.op-70 { opacity: 0.7; } + +.op-80 { opacity: 0.8; } + +.op-90 { opacity: 0.9; } + +.op-100 { opacity: 1; } + +.op-15 { opacity: 0.15; } + +.op-25 { opacity: 0.25; } + +.op-35 { opacity: 0.35; } + +.op-45 { opacity: 0.45; } + +.op-55 { opacity: 0.55; } + +.op-65 { opacity: 0.65; } + +.op-75 { opacity: 0.75; } + +.op-85 { opacity: 0.85; } + +.op-95 { opacity: 0.95; } + +.alignright, .alignleft, .aligncenter, .alignnone { display: block; padding: 0; margin: 15px auto; } + +@media (min-width: 576px) { .alignright, .alignleft, .aligncenter, .alignnone { margin: 0 0 15px; display: inline; } + .alignright { margin-left: 20px; float: right; } + .alignleft { margin-right: 20px; float: left; } + .alignnone { margin-right: 20px; } + .aligncenter { display: block; margin: 15px auto; } } + +.wide, .wide-rg, .wide-auto, .wide-auto-rg { max-width: 750px; } + +.wide-auto, .wide-auto-rg, .wide-auto-xl, .wide-auto-lg, .wide-auto-md, .wide-auto-sm, .wide-auto-xs { margin: 0 auto; } + +.wide-xl, .wide-auto-xl { max-width: 1560px; } + +.wide-lg, .wide-auto-lg { max-width: 1140px; } + +.wide-md, .wide-auto-md { max-width: 945px; } + +.wide-sm, .wide-auto-sm { max-width: 555px; } + +.wide-xs, .wide-auto-xs { max-width: 360px; } + +.wide-none, .wide-auto-none { max-width: inherit; } + +.text-center [class*="wide"], .text-center[class*="wide"] { margin-left: auto; margin-right: auto; } + +.over-up, [class*="over-up-"] { z-index: 9; } + +.over-up { margin-top: -175px; } + +.over-up-sm { margin-top: -45px; } + +.over-up-md { margin-top: -75px; } + +.over-up-lg { margin-top: -165px; } + +.over-up-xl { margin-top: -275px; } + +.over-up-s2 { margin-top: -70px; } + +.over-lg-up { margin-top: 0; } + +.over-up-xl-s2 { margin-top: 0; } + +@media (min-width: 768px) { .over-up { margin-top: -190px; } + .over-up-sm { margin-top: -75px; } + .over-up-md { margin-top: -125px; } + .over-up-lg { margin-top: -275px; } + .over-up-xl { margin-top: -350px; } + .over-up-s2 { margin-top: -50px; } } + +@media (min-width: 992px) { .over-lg-up { margin-top: -80px !important; } + .over-up-xl-s2 { margin-top: -230px; } + .nk-ovm-inner { position: absolute; right: 0; top: 0; width: 30%; background: #eff6ff; height: 100%; z-index: 1; } } + +@media (min-width: 1200px) { .over-lg-up { margin-top: -100px !important; } + .over-up-xl-s2 { margin-top: -230px; } } + +@media (min-width: 1600px) { .over-lg-up { margin-top: -160px !important; } + .over-up-xl-s2 { margin-top: -295px; } } + +.nk-ovm .nk-svgs { z-index: 3; } + +.nk-svgs svg { height: 100%; width: auto; } + +.nk-svgs.svg-loaded svg { display: none; } + +hr { position: relative; z-index: 5; } + +.hr { border-top: 1px solid #dbe4f7; } + +.hr-white { border-top-color: #fff; } + +.hr-white-5 { border-top-color: rgba(255, 255, 255, 0.05); } + +.hr-white-10 { border-top-color: rgba(255, 255, 255, 0.1); } + +.hr-white-15 { border-top-color: rgba(255, 255, 255, 0.15); } + +.hr-black { border-top-color: #000; } + +.hr-black-5 { border-top-color: rgba(0, 0, 0, 0.05); } + +.hr-black-10 { border-top-color: rgba(0, 0, 0, 0.1); } + +.hr-black-15 { border-top-color: rgba(0, 0, 0, 0.15); } + +.h-110 { height: 110% !important; } + +.h-115 { height: 115% !important; } + +.h-120 { height: 120% !important; } + +.h-125 { height: 125% !important; } + +.h-130 { height: 130% !important; } + +.ui-shape { position: absolute; top: 0; left: 0; height: 100%; width: 100%; left: 50%; overflow: hidden; transform: translateX(-50%); z-index: -1; } + +.ui-shape:after, .ui-shape:before { position: absolute; content: ''; height: 210px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; transition: all .4s; } + +.ui-shape:before { top: 15%; left: -4%; width: 100px; background-image: url(../images/ui-shape-a.svg); } + +.ui-shape:after { bottom: 10%; right: -4%; width: 90px; background-image: url(../images/ui-shape-b.svg); } + +.ui-shape-light:before { background-image: url(../images/ui-shape-light-a.svg); } + +.ui-shape-light:after { background-image: url(../images/ui-shape-light-b.svg); } + +.ui-shape-s1:after { transform: rotate(60deg); } + +.ui-shape-s3:before { top: auto; bottom: 20%; } + +.ui-shape-s3:after { top: 10%; bottom: auto; } + +@media (min-width: 576px) { .ui-shape:before { width: 140px; } + .ui-shape:after { width: 120px; } } + +@media (min-width: 768px) { .ui-shape-s7:after { bottom: 15%; right: 16%; } + .ui-shape-s7:before { top: 6%; left: 22%; } + .ui-shape-s6:after { bottom: 9%; right: 0%; } + .ui-shape-s6:before { top: 9%; left: 13.3%; } + .ui-shape-s5:after { right: 4%; bottom: 15%; } + .ui-shape-s4:before { left: 20%; top: 23.5%; } + .ui-shape-s3:after { right: 4%; } + .ui-shape-s2:before { top: 8%; left: 21%; } + .ui-shape-s1:after { right: 0; } + .ui-shape-header:before { top: 22%; left: 9%; } + .ui-shape-header:after { right: 15%; bottom: 32%; } + .ui-shape-footer:before { top: 2%; } + .ui-shape-footer:after { bottom: -11%; } } + +@media (min-width: 992px) { .ui-shape { width: 960px; overflow: visible; } + .ui-shape:after { width: 166px; } + .ui-shape:before { width: 190px; } + .ui-shape-s5:after { right: -2.5%; } + .ui-shape-s3:before { top: auto; bottom: 20%; } + .ui-shape-header:before { left: 5%; } + .ui-shape-header:after { right: 3%; bottom: 22%; } } + +@media (min-width: 1200px) { .ui-shape { width: 1170px; } + .ui-shape-header:before { left: 2%; } + .ui-shape-header:after { right: -2.5%; bottom: 33%; } } + +.overlay-bars { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; } + +.overlay-bars div { position: absolute; background: rgba(255, 255, 255, 0.03); transform: rotate(-15deg); } + +.overlay-bars.reverse { transform: scaleX(-1); } + +.overlay-bar-1 { height: 140%; width: 300px; left: calc(50% - 210px); top: -20%; } + +.overlay-bar-2 { height: 100%; width: 160px; left: calc(50% - 170px); bottom: calc(50% + 155px); } + +.overlay-bar-3 { height: 100%; width: 230px; left: calc(50% - 90px); top: calc(50% + 280px); } + +.overlay-bar-4 { height: 140%; width: 300px; left: calc(50% - 860px); top: -20%; transform: rotate(-15deg); } + +.overlay-bar-5 { height: 140%; width: 160px; left: calc(50% - 910px); top: -20%; } + +.overlay-bar-6 { height: 140%; width: 300px; left: calc(50% + 530px); top: -20%; } + +.overlay-bar-7 { height: 140%; width: 300px; left: calc(50% + 670px); top: -20%; } + +.overlay-x { position: relative; } + +.overlay-x:before, .overlay-x:after { position: absolute; bottom: 0; content: ''; width: 300px; z-index: 1; } + +.overlay-x:before { left: 50%; margin-left: -125px; height: 800px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(-60deg); transform-origin: bottom right; } + +.overlay-x:after { right: 50%; margin-right: -125px; height: 3600px; background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(60deg); transform-origin: bottom right; } + +.background-shape { background: rgba(0, 52, 86, 0.03); position: absolute; height: 100%; width: 100%; content: ''; top: 0; left: 50%; transform: skewX(33deg); transform-origin: left bottom; } + +.tc-light .background-shape { background: rgba(0, 0, 0, 0.03); } + +.background-shape:before, .background-shape:after { background: rgba(255, 255, 255, 0.2); position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.tc-light .background-shape:before, .tc-light .background-shape:after { background: rgba(0, 0, 0, 0.05); } + +.background-shape:before { left: 280px; } + +.background-shape:after { left: 560px; } + +.background-shape.bs-right { left: 70%; } + +.background-shape.bs-reverse { right: 70%; left: auto; transform: skewX(-33deg); transform-origin: right bottom; } + +.background-shape.bs-reverse:before { left: auto; right: 280px; } + +.background-shape.bs-reverse:after { left: auto; right: 560px; } + +.background-shade { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } + +.background-shade .container { height: 100vh; position: relative; } + +.background-shade-left, .background-shade-right { position: absolute; top: 160px; width: 50%; height: calc(100% - 130px); opacity: .15; } + +.background-shade-left:after, .background-shade-right:after { position: absolute; top: 40px; width: 100%; height: 100%; content: ''; } + +.background-shade-left { left: -80px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(-12deg); } + +.tc-light .background-shade-left { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-left:after { left: 40px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-left:after { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right { right: -80px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(12deg); } + +.tc-light .background-shade-right { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right:after { right: 40px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-right:after { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.header-bubbles { position: absolute; left: 0; top: -100%; height: 200%; width: 100%; content: ''; z-index: 1; overflow: hidden; } + +.header-bubbles-single { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } + +.header-bubbles-single div { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.05); } + +.header-bubbles-single-1 { height: 735px; width: 735px; right: calc(50% - 65px); top: calc(50% + 10px); } + +.header-bubbles-single-2 { height: 680px; width: 680px; right: calc(50% + 360px); top: calc(50% - 145px); } + +.header-bubbles-single-3 { height: 350px; width: 350px; right: calc(50% - 95px); top: calc(50% + 540px); } + +.header-bubbles-single-4 { height: 650px; width: 650px; left: calc(50% + 435px); top: calc(50% - 240px); } + +.header-bubbles-single-5 { height: 350px; width: 350px; left: calc(50% + 490px); top: calc(50% + 240px); } + +.header-bubbles-single-6 { height: 440px; width: 440px; left: calc(50% + 685px); top: calc(50% + 240px); } + +.banner-rounded-bg { position: absolute; right: 390px; top: -750px; width: 120%; height: 1350px; z-index: 5; border-radius: 0 0 250px 0; transform: rotate(-8deg) skew(10deg); transform-origin: top right; padding: 0 120px 110px 0; overflow: hidden; } + +.banner-rounded-bg .particles-container { transform: rotate(8deg) skew(-10deg); transform-origin: top right; } + +.banner-shade-1, .banner-shade-2, .banner-shade-3 { display: block; height: 100%; width: 100%; } + +.banner-shade-1 { border-radius: 0 0 160px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%); opacity: .15; padding: 0 100px 90px 0; } + +.banner-shade-2 { border-radius: 0 0 110px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%); padding: 0 90px 80px 0; } + +.banner-shade-3 { border-radius: 0 0 80px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%); } + +@media (max-width: 1400px) { .banner-rounded-bg { right: 330px; } } + +.nk-pages-angled .section { z-index: inherit; } + +.section-bg-angle { position: absolute !important; left: 0; top: 0; height: 100%; width: 100%; content: ''; transform: skewY(10deg); z-index: 1; } + +.section-bg-angle ~ .container, .section-bg-angle ~ .nk-block { position: relative; z-index: 5; } + +.section-angle-top:before { position: absolute; left: 0; top: 0; height: 450px; width: 100%; content: ''; background: #e7edf5; z-index: 1; } + +.section-angle-top:after { position: absolute; left: 0; bottom: -450px; height: 450px; width: 100%; content: ''; background: #e7edf5; z-index: 1; } + +.section-angle-bottom:before { position: absolute; left: 0; top: -450px; height: 450px; width: 100%; content: ''; background: #fff; z-index: 2; } + +@media (min-width: 992px) { .section-bg-angle { transform: skewY(17deg); } + .section-bg-angle-s2 { transform: skewY(-4deg); } } + +.ui-mask, [class*=ui-mask] { position: absolute !important; left: 0; top: 0; width: 400px; height: 600px; z-index: 1; overflow: hidden; } + +.ui-mask:after, [class*=ui-mask]:after { position: absolute; right: 30%; top: 25%; content: ""; display: block; background-image: linear-gradient(135deg, rgba(62, 43, 197, 0) 15%, #1c62d8 50%, rgba(62, 43, 197, 0) 80%); border-radius: 50%; height: 400px; width: 400px; -webkit-filter: blur(80px); filter: blur(80px); z-index: 1; } + +.ui-mask:before, [class*=ui-mask]:before { display: none; content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 50%; z-index: 3; } + +.bg-white .ui-mask:after, .bg-theme-light .ui-mask:after, .bg-theme-light-alt .ui-mask:after, .bg-white [class*=ui-mask]:after, .bg-theme-light [class*=ui-mask]:after, .bg-theme-light-alt [class*=ui-mask]:after { display: none; } + +.ui-mask-right { left: auto; right: 0; } + +.ui-mask-right:after { right: auto; left: 30%; } + +.ui-mask-right:before { background-position: 100% 50%; } + +.ui-mask-s2 { width: 420px; height: 900px; transform: translateY(-30%); } + +.ui-mask-s2:after { background-image: linear-gradient(135deg, rgba(62, 43, 197, 0) 15%, #28298a 50%, rgba(62, 43, 197, 0) 80%); } + +.ui-mask-s2:before { display: block; background-image: url(../images/mask-line-a.png); } + +.ui-mask-s2.ui-mask-left:before { transform: rotate(-180deg); } + +.ui-mask-s3 { width: 600px; height: 1400px; transform: translateY(0); } + +.ui-mask-s3:after { height: 650px; width: 400px; right: 45%; background-image: linear-gradient(135deg, rgba(62, 43, 197, 0) 15%, #102486 50%, rgba(62, 43, 197, 0) 80%); } + +.ui-mask-s3:before { display: block; background-image: url(../images/mask-line-b.png); } + +.ui-mask-s3.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s4 { width: 420px; height: 820px; transform: translateY(-20%); } + +.ui-mask-s4:after { height: 510px; background-image: linear-gradient(135deg, rgba(62, 43, 197, 0) 15%, #1d5ecf 50%, rgba(62, 43, 197, 0) 80%); } + +.ui-mask-s5 { width: 440px; height: 1000px; transform: translateY(12%); } + +.ui-mask-s5:after { height: 600px; width: 350px; right: 45%; background-image: linear-gradient(135deg, rgba(62, 43, 197, 0) 15%, #1b5ed1 50%, rgba(62, 43, 197, 0) 80%); } + +.ui-mask-s5:before { display: block; background-image: url(../images/mask-line-c.png); } + +.ui-mask-s5.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s6 { width: 440px; height: 1000px; transform: translateY(2%); } + +.ui-mask-s6:after { height: 410px; width: 500px; left: 30%; background-image: linear-gradient(135deg, rgba(62, 43, 197, 0) 15%, #142692 50%, rgba(62, 43, 197, 0) 80%); } + +.ui-mask-s6:before { display: block; background-image: url(../images/mask-line-d.png); } + +.ui-mask-s6.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s7 { width: 870px; height: 800px; bottom: -20%; left: 50%; margin-left: -150px; top: auto; transform: translateY(0); } + +.ui-mask-s7:after { height: 710px; width: 600px; right: 0; top: 15%; transform: translateX(-25%); background-image: linear-gradient(135deg, rgba(62, 43, 197, 0) 15%, #3762d3 50%, rgba(62, 43, 197, 0) 80%); } + +.ui-mask-s7.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s8 { width: 350px; height: 392px; } + +.ui-mask-s8:before { display: block; background-image: url(../images/polygon-line-a.png); } + +.ui-mask-s8:after { display: none; } + +.ui-mask-s9 { width: 417px; height: 733px; } + +.ui-mask-s9:before { display: block; top: -31px; background-image: url(../images/polygon-line-b.png); } + +.ui-mask-s9:after { display: none; } + +.ui-mask-s10 { width: 417px; height: 733px; } + +.ui-mask-s10:before { display: block; top: -31px; background-image: url(../images/polygon-line-a-fill.png); } + +.ui-mask-s10:after { display: none; } + +.ui-mask-s11 { width: 384px; height: 733px; } + +.ui-mask-s11:before { display: block; top: -31px; background-image: url(../images/polygon-line-c.png); } + +.ui-mask-s11:after { display: none; } + +.ui-mask-s11.ui-mask-right:before { transform: rotateY(180deg); } + +.ui-mask-s12 { width: 80px; height: 270px; } + +.ui-mask-s12:before { display: block; top: 50px; background-image: url(../images/polygon-fill.png); } + +.ui-mask-s12:after { display: none; } + +@media only screen and (min-width: 767px) and (max-width: 1024px) { .ui-mask:before, [class*=ui-mask]:before { background-size: 50%; } } + +@media only screen and (max-width: 767px) { .ui-mask, [class*=ui-mask] { transform: scale(0.5); transform-origin: right; } + .ui-mask-left { transform-origin: left; } } + +/** 03. Elements */ +/** 03.01 Alert */ +.alert { position: relative; font-weight: 400; color: #fff; border: none; } + +.alert:last-child { margin-bottom: 0; } + +.alert a, .alert .alert-link { color: inherit; font-weight: inherit; box-shadow: 0 1px 0 currentColor; transition: box-shadow .3s; } + +.alert a:hover, .alert .alert-link:hover { box-shadow: 0 0 0; } + +.alert .close { color: inherit; transition: all .4s; height: 30px; width: 30px; padding: 0; background: none; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); right: 10px; text-shadow: none; opacity: .7; } + +.alert .close:not(:disabled):not(.disabled):focus, .alert .close:not(:disabled):not(.disabled):hover, .alert .close:hover, .alert .close:focus { color: currentColor; box-shadow: none; outline: none; opacity: 1; } + +.alert .close:after { position: absolute; font-family: 'themify'; content: '\e646'; top: 0; left: 0; color: currentColor; font-size: 12px; line-height: 30px; text-align: center; width: 100%; } + +.alert .close span { display: none; } + +.alert-primary { color: #0075a0; background: #aae8ff; } + +.alert-primary .close { background: #6dd8ff; } + +.alert-primary-alt { background: #07bcff; } + +.alert-primary-alt .close { background: #0087ba; } + +.alert-secondary { color: #2d00f5; background: white; } + +.alert-secondary .close { background: white; } + +.alert-secondary-alt { background: #7a5cff; } + +.alert-secondary-alt .close { background: #3c10ff; } + +.alert-success { color: #29cf77; background: #cef5e1; } + +.alert-success .close { background: #64e09e; } + +.alert-success-alt { background: #39d884; } + +.alert-success-alt .close { background: #25b96b; } + +.alert-danger { color: #e6604a; background: #f9d6d0; } + +.alert-danger .close { background: #f2afa4; } + +.alert-danger-alt { background: #e6604a; } + +.alert-danger-alt .close { background: #9b2815; } + +.alert-info { color: #026bfb; background: #cae0ff; } + +.alert-info .close { background: #65a6fe; } + +.alert-info-alt { background: #026bfb; } + +.alert-info-alt .close { background: #014096; } + +.alert-warning { color: #e0a609; background: #fef4db; } + +.alert-warning .close { background: #f9d46f; } + +.alert-warning-alt { background: #f6be26; } + +.alert-warning-alt .close { background: #e0a609; } + +/** 03.02 Buttons */ +.btn { position: relative; font-size: 12px; line-height: 24px; font-weight: 500; padding: 8px 15px; text-align: center; text-transform: uppercase; color: #fff; min-width: 120px; max-width: 100%; border: 2px solid #07bcff; box-sizing: border-box; transition: all 0.5s; position: relative; border-radius: 5px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; cursor: pointer; } + +.btn .icon { color: inherit; } + +.btn:hover { color: #fff !important; } + +.btn-grad { border: none; background-image: linear-gradient(to right, #a722f4 0%, #7a5cff 100%); } + +.btn-grad:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; z-index: -2; border-radius: 5px; opacity: 0; transition: all .5s; background-image: linear-gradient(to right, #7a5cff 0%, #07bcff 100%); } + +.btn-grad:hover:before { opacity: 1; } + +.btn-grad:hover, .btn-grad:focus { color: #fff !important; } + +.btn-grad-alt { background-image: linear-gradient(to right, #7a5cff 0%, #07bcff 100%); } + +.btn-grad-alt:before { background-image: linear-gradient(to right, #a722f4 0%, #7a5cff 100%); } + +.btn-grad-alternet { background-image: linear-gradient(to right, #a722f4 0%, #07bcff 100%); } + +.btn-grad-alternet:before { background-image: linear-gradient(to right, #07bcff 0%, #a722f4 100%); } + +.btn-grad-alternet-alt { background-image: linear-gradient(to right, #07bcff 0%, #a722f4 100%); } + +.btn-grad-alternet-alt:before { background-image: linear-gradient(to right, #a722f4 0%, #07bcff 100%); } + +.btn-grad-theme { background-image: linear-gradient(to right, #3221ad 0%, #3e2bc5 100%); } + +.btn-grad-theme:before { background-image: linear-gradient(to right, #3e2bc5 0%, #3221ad 100%); } + +.btn-grad-theme-alt { background-image: linear-gradient(to right, #7a5cff 0%, #07bcff 100%); } + +.btn-grad-theme-alt:before { background-image: linear-gradient(to right, #a722f4 0%, #7a5cff 100%); } + +.btn:hover, .btn:focus { outline: none !important; box-shadow: none !important; } + +.btn span { position: relative; z-index: 999999; display: block; } + +.btn span + .icon { margin-left: 10px; } + +.btn .icon + span { margin-left: 10px; } + +.btn .badge { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); } + +.btn-md { font-size: 12px; line-height: 24px; padding: 10px 26px; } + +.btn-rg { line-height: 24px; padding: 8px 20px; } + +.btn-sm { font-size: 11px; line-height: 23px; padding: 8px 20px; } + +.btn-xxs { font-size: 12px; line-height: 21px; padding: 0 10px; border-width: 1px; border-radius: 3px; } + +.btn-auto { min-width: 44px !important; } + +.btn-auto-lg { min-width: 80px !important; height: 100%; } + +.btn-grp { display: inline-flex; flex-wrap: wrap; align-items: center; margin: -7px; } + +.btn-grp > div, .btn-grp > li { padding: 7px; } + +.btn-grp-break > div, .btn-grp-break > li { width: 100%; text-align: center; } + +.text-center .btn-grp { justify-content: center; } + +.btn-download { display: inline-block; height: 40px; } + +.btn-grp-s2 .btn-download { width: 100px; height: 35px; } + +.btn-download img { height: 100%; } + +.btn-outline:not(:hover) { color: #415076; background-color: transparent !important; } + +.btn-outline:before { background-image: none; background-color: #fff; opacity: 1; margin: 2px; width: calc(100% - 4px); height: calc(100% - 4px); } + +.btn-outline.on-bg-light:before { background-color: #eff6ff; } + +.btn-outline.on-bg-light-alt:before { background-color: #e7edf5; } + +.btn-outline.on-bg-theme, .btn-outline.on-bg-theme-alt, .btn-outline.on-bg-theme-dark, .btn-outline.on-bg-theme-dark-alt { color: #fff; } + +.btn-outline.on-bg-theme:before { background-color: #3221ad; } + +.btn-outline.on-bg-theme-alt:before { background-color: #3e2bc5; } + +.btn-outline.on-bg-theme-dark:before { background-color: #160b6d; } + +.btn-outline.on-bg-theme-dark-alt:before { background-color: #1d0e8a; } + +.btn-outline:hover { color: #fff !important; } + +.btn-outline:hover:before { opacity: 0; } + +.btn-outline.btn-grad { border: none; } + +.btn-outline.btn-grad:hover { color: #fff !important; } + +.btn-icon { min-width: 44px; padding-left: 6px; padding-right: 6px; } + +.btn-primary { background-color: #07bcff; border-color: #07bcff; } + +.btn-primary:hover, .btn-primary:focus { background-color: #7a5cff; border-color: #7a5cff; } + +.btn-primary:hover:focus, .btn-primary:focus:focus { color: #fff !important; } + +.tc-light .btn-primary:hover, .tc-light .btn-primary:focus { background-color: #7a5cff; border-color: #7a5cff; color: #fff !important; } + +.btn-primary.btn-outline:hover { background-color: #07bcff; border-color: #07bcff; color: #fff !important; } + +.btn-secondary { background-color: #7a5cff; border-color: #7a5cff; } + +.btn-secondary:hover, .btn-secondary:focus { background-color: #07bcff; border-color: #07bcff; } + +.btn-secondary.focus:focus { color: #fff !important; } + +.btn-secondary.btn-outline:hover, .btn-secondary.btn-outline:focus { background-color: #7a5cff; border-color: #7a5cff; } + +.btn-info { background-color: #026bfb; border-color: #026bfb; } + +.btn-info:hover { background-color: #014baf; border-color: #014baf; } + +.btn-info.btn-outline:hover { background-color: #026bfb; border-color: #026bfb; } + +.btn-warning { background-color: #f6be26; border-color: #f6be26; } + +.btn-warning:hover { background-color: #c79408; border-color: #c79408; } + +.btn-warning.btn-outline:hover { background-color: #f6be26; border-color: #f6be26; } + +.btn-success { background-color: #39d884; border-color: #39d884; } + +.btn-success:hover { background-color: #20a45f; border-color: #20a45f; } + +.btn-success.btn-outline:hover { background-color: #39d884; border-color: #39d884; } + +.btn-danger { background-color: #e6604a; border-color: #e6604a; } + +.btn-danger:hover { background-color: #c8341c; border-color: #c8341c; } + +.btn-danger.btn-outline:hover { background-color: #e6604a; border-color: #e6604a; } + +.btn-dark { background-color: #415076; border-color: #415076; } + +.btn-dark:hover { background-color: #1d2334; border-color: #1d2334; } + +.btn-dark.btn-outline:hover { background-color: #415076; border-color: #415076; } + +.btn-theme-dark { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0); } + +.btn-theme-dark:hover { background-color: #160b6d; border-color: #160b6d; } + +.btn-light { background-color: #e4e1ff; border-color: #e4e1ff; color: #415076 !important; } + +.btn-light:hover { background-color: #b6aeff; border-color: #b6aeff; color: #415076 !important; } + +.btn-light.btn-outline { background-color: #e4e1ff; border-color: #e4e1ff; } + +.btn-light.btn-outline:hover { background-color: #e4e1ff; border-color: #e4e1ff; } + +.tc-light .btn-light.btn-outline { color: #fff !important; } + +.tc-light .btn-light.btn-outline:hover { color: #415076 !important; } + +.btn-light.tc-light:not(:hover) { color: #fff !important; } + +.btn-facebook { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook:hover { background-color: #2d4373; border-color: #2d4373; } + +.btn-facebook.btn-outline .icon { color: #3b5998; } + +.btn-facebook.btn-outline:hover { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook.btn-outline:hover .icon { color: #fff; } + +.btn-google { background-color: #d85040; border-color: #d85040; } + +.btn-google:hover { background-color: #be3727; border-color: #be3727; } + +.btn-google.btn-outline .icon { color: #d85040; } + +.btn-google.btn-outline:hover { background-color: #d85040; border-color: #d85040; } + +.btn-google.btn-outline:hover .icon { color: #fff; } + +.btn-play { position: relative; color: #fff; height: 60px; width: 60px; font-size: 18px; text-align: center; line-height: 58px; border-radius: 50%; display: inline-block; border: 1px solid currentColor; } + +.btn-play-sm { height: 40px; width: 40px; line-height: 38px; } + +.btn-play:after { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(65, 80, 118, 0.35); animation: 1s ease 0s normal none infinite running playbutton; } + +.tc-light .btn-play:after { border-color: rgba(255, 255, 255, 0.35); } + +.btn-play:hover { color: #7a5cff !important; } + +.btn-play-s2 { background-image: linear-gradient(to right, #a722f4 0%, #7a5cff 100%); border: none; } + +.btn-play-s2:before { position: absolute; height: calc(100% - 4px); width: calc(100% - 4px); top: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .btn-play-s2:before { background: #eff6ff; } + +.bg-light-alt .btn-play-s2:before { background: #e7edf5; } + +.bg-theme .btn-play-s2:before { background: #3221ad; } + +.bg-theme-alt .btn-play-s2:before { background: #3e2bc5; } + +.bg-theme-dark .btn-play-s2:before { background: #160b6d; } + +.bg-theme-dark-alt .btn-play-s2:before { background: #1d0e8a; } + +.bg-white .btn-play-s2:before { background: #fff; } + +.btn-play-s3 { background-color: #fff; border: none; } + +.btn-play-icon { height: 20px; width: 14px; background: linear-gradient(to right, #a722f4 0%, #7a5cff 100%); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); } + +.btn-play-icon:before, .btn-play-icon:after { position: absolute; content: ''; height: 0; width: 0; right: -1px; border-right: 14px solid #fff; } + +.bg-light .btn-play-icon:before, .bg-light .btn-play-icon:after { border-right-color: #eff6ff; } + +.bg-light-alt .btn-play-icon:before, .bg-light-alt .btn-play-icon:after { border-right-color: #e7edf5; } + +.bg-theme .btn-play-icon:before, .bg-theme .btn-play-icon:after { border-right-color: #3221ad; } + +.bg-theme-alt .btn-play-icon:before, .bg-theme-alt .btn-play-icon:after { border-right-color: #3e2bc5; } + +.bg-theme-dark .btn-play-icon:before, .bg-theme-dark .btn-play-icon:after { border-right-color: #160b6d; } + +.bg-theme-dark-alt .btn-play-icon:before, .bg-theme-dark-alt .btn-play-icon:after { border-right-color: #1d0e8a; } + +.bg-white .btn-play-icon:before, .bg-white .btn-play-icon:after { border-right-color: #fff; } + +.btn-play-icon:before { top: 0; border-bottom: 10px solid transparent; } + +.btn-play-icon:after { bottom: 0; border-top: 10px solid transparent; } + +.btn-play-icon-s2 { height: 34px; width: 24px; } + +.btn-play-icon-s2 path { fill: #07bcff; } + +.btn-play-dark { color: #fff; } + +.btn-play-dark:hover { color: #7a5cff; } + +.btn-play-wrap { display: inline-flex; align-items: center; } + +.btn-play-wrap-s2 { flex-direction: column; } + +.btn-play-wrap-s1:hover { transform: translateX(15px); } + +.btn-play-text { margin-left: 20px; } + +.btn-play-text span { display: block; color: #415076; } + +.tc-light .btn-play-text span { color: #fff; } + +.btn-play-text .text-sm { font-size: 21px; } + +.btn-play-text .text-xs { font-size: 12px; color: #07bcff !important; } + +.btn-play-wrap-s2 .btn-play-text { margin-left: 0; margin-top: 15px; } + +.btn-link { color: #07bcff; text-decoration: none; } + +.btn-link:hover, .btn-link:focus { color: #07bcff; text-decoration: none; box-shadow: 0 1px 0 currentColor; } + +.btn-underline { padding-left: 0 !important; padding-right: 0 !important; color: #07bcff; background: none !important; border-color: transparent !important; text-decoration: none; } + +.btn-underline:hover, .btn-underline:focus { color: #fff; text-decoration: none; } + +.btn-round { border-radius: 40px; } + +.btn-round:before { border-radius: 40px; } + +.btn-round.btn-lg { border-radius: 54px; } + +.btn-round.btn-lg:before { border-radius: 54px; } + +.btn-round.btn-md { border-radius: 44px; } + +.btn-round.btn-md:before { border-radius: 44px; } + +.btn-round.btn-sm { border-radius: 39px; } + +.btn-round.btn-sm:before { border-radius: 39px; } + +.btn-round.btn-xxs { border-radius: 21px; } + +.btn-round.btn-xxs:before { border-radius: 21px; } + +.btn-with-icon { padding: 1px; background-color: #07bcff; } + +.btn-with-icon span { display: inline-block; padding: 0 18px 0 28px; flex-grow: 1; } + +.btn-with-icon .icon { height: 47px; width: 47px; line-height: 47px; border-radius: 5px; background: #fff; color: #07bcff; transition: all 0.3s; } + +.btn-with-icon.btn-md { padding: 1px; } + +.btn-with-icon.btn-md .icon { height: 38px; width: 38px; line-height: 38px; } + +.btn-with-icon.btn-sm { padding: 1px; } + +.btn-with-icon.btn-sm span { padding: 0 13px 0 23px; } + +.btn-with-icon.btn-sm .icon { height: 28px; width: 28px; line-height: 28px; } + +.btn-with-icon.btn-round .icon { border-radius: 24px; } + +.btn-with-icon.btn-round.btn-md .icon { border-radius: 19px; } + +.btn-with-icon.btn-round.btn-sm .icon { border-radius: 14px; } + +.btn-with-icon.btn-light { color: #3221ad !important; border-color: #fff; background: #fff; } + +.btn-with-icon.btn-light .icon { color: #fff; background: #3e2bc5; } + +.btn-with-icon.btn-light:hover { color: #3e2bc5 !important; } + +.btn-with-icon.btn-light:hover .icon { background: #3221ad; } + +.btn-with-icon.btn-light:not(:disabled):not(.disabled).active { border-color: #fff !important; background: #fff !important; color: #415076 !important; } + +.btn-with-icon.btn-alt .icon { color: currentColor; background: transparent !important; font-size: 20px; width: auto; margin-right: 30px; transition: none; } + +.btn-grp-after li { font-size: 20px; position: relative; } + +.btn-grp-after li a { color: rgba(228, 225, 255, 0.8) !important; } + +.btn-grp-after li:not(:last-child):after { content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 14px; width: 1px; background: rgba(228, 225, 255, 0.3); } + +.btn-transparent { background: transparent !important; border: transparent; color: #fff !important; font-size: 0.9rem !important; padding: 12px 0; } + +.as-mobile .btn-transparent, .has-fixed .btn-transparent { color: #415076 !important; } + +@keyframes playbutton { 0% { transform: scale(0.75); + opacity: 1; } + 100% { transform: scale(1.3); + opacity: 0; } } + +@media (min-width: 576px) { .btn { font-size: 13px; line-height: 25px; padding: 12px 30px; letter-spacing: 0.1em; min-width: 120px; } + .btn.btn-grad { padding: 14px 30px; } + .btn-lg { font-size: 14px; font-weight: 700; line-height: 24px; padding: 15px 40px; min-width: 190px; } + .btn-md { font-size: 12px; line-height: 24px; padding: 8px 20px; min-width: 160px; } + .btn-md.btn-grad { padding: 10px 30px; } + .btn-rg { font-size: 12px; line-height: 24px; padding: 6px 20px; } + .btn-rg.btn-grad { padding: 8px 25px; } + .btn-sm { font-size: 12px; line-height: 23px; padding: 3px 20px; } + .btn-sm.btn-grad { padding: 5px 30px; } + .btn-xxs { font-size: 13px; line-height: 21px; padding: 0 10px; } + .btn-play { height: 80px; width: 80px; font-size: 18px; line-height: 78px; } + .btn-play-sm { height: 60px; width: 60px; line-height: 58px; } + .btn-icon { padding-left: 6px; padding-right: 6px; } + .btn-grp { margin: -15px; } + .btn-grp > div, .btn-grp > li { padding: 15px; } + .text-sm-left .btn-grp { justify-content: center; } + .btn-grp-s2 { margin: -10px; position: relative; } + .btn-grp-s2 > div, .btn-grp-s2 > li { padding: 10px; } + .btn-grp-s2 .btn-download { width: auto; height: 40px; } + .btn-transparent { padding: 12px 6px; } } + +@media (min-width: 768px) { .text-md-left .btn-grp { justify-content: flex-start; } } + +@media (min-width: 992px) { .text-lg-left .btn-grp { justify-content: flex-start; } + .btn-grp .btn-lg { padding: 15px 35px; } } + +@media (min-width: 1200px) { .text-xl-left .btn-grp { justify-content: flex-start; } } + +.badge { color: #fff; background-color: #07bcff; display: inline-block; font-weight: 600; text-transform: uppercase; border-radius: 34px; padding: 5px 16px; font-size: 13px; line-height: 24px; border: 1px solid #07bcff; } + +.badge:not(.badge-outline) { color: #fff; } + +.badge-primary { background-color: #07bcff; border-color: #07bcff; color: #07bcff; } + +.badge-secondary { background-color: #7a5cff; border-color: #7a5cff; color: #7a5cff; } + +.badge-info { background-color: #026bfb; border-color: #026bfb; color: #026bfb; } + +.badge-warning, .badge-hot { background-color: #f6be26; border-color: #f6be26; color: #f6be26; } + +.badge-success, .badge-new { background-color: #39d884; border-color: #39d884; color: #39d884; } + +.badge-danger { background-color: #e6604a; border-color: #e6604a; color: #e6604a; } + +.badge-dark { background-color: #0b0c10; border-color: #0b0c10; color: #0b0c10; } + +.badge-light { background-color: #b6aeff; border-color: #b6aeff; color: #415076 !important; } + +.badge-light.badge-outline { color: #b6aeff; } + +.badge-outline { background-color: transparent; } + +.badge-lg { font-size: 16px; } + +.badge-md { border-radius: 34px; padding: 5px 16px; font-size: 12px; line-height: 18px; } + +.badge-sm { border-radius: 34px; padding: 2px 12px; font-size: 12px; line-height: 18px; } + +.badge-xs { border-radius: 34px; padding: 0 8px; font-size: 9px; line-height: 16px; letter-spacing: 0.05em; } + +.badge-cap { text-transform: capitalize; } + +.badge-regular { font-weight: 400; } + +.badge-dot { width: 5px; height: 5px; border-radius: 50%; background: #07bcff; border-color: #07bcff; display: inline-block !important; vertical-align: middle; padding: 0; } + +.link { display: inline-flex; align-items: center; font-size: 12px; color: #3e2bc5; font-weight: 500; letter-spacing: 0.005rem; white-space: nowrap; } + +.link:hover { color: #07bcff; } + +.link-uc { text-transform: uppercase; letter-spacing: 0.2em; } + +.link-icon { margin-right: 5px; font-size: 14px; transition: transform .3s; } + +.link-icon:only-child { margin-right: 0 !important; } + +.link-icon-sm { font-size: 12px; } + +.link-xs .link-icon { font-size: 12px; margin-right: 12px; } + +.link-animate:hover .link-icon { transform: translate(-5px, 0); } + +.link span + .link-icon { margin-left: 5px; margin-right: 0; } + +.link-animate:hover span + .link-icon { transform: translate(5px, 0); } + +.link .icon-circle { font-size: inherit; margin-right: 12px; } + +.link .icon-circle.link-icon { transition: all .4s; } + +.link-break { flex-direction: column; } + +.link-break .icon-circle { margin-left: 10px; margin-bottom: 10px; } + +.link-primary { color: #07bcff !important; } + +.link-primary .link-icon.icon-circle { background: #07bcff; color: #fff !important; } + +.link-primary:hover { color: #9f8aff !important; } + +.link-primary:hover .link-icon.icon-circle { background: #9f8aff; } + +.link-light { color: #415076 !important; } + +.tc-light .link-light { color: #fff !important; } + +.link-light .link-icon { color: #07bcff; } + +.link-light .link-icon.icon-circle { background: #415076; color: #fff !important; } + +.link-light:hover { color: #07bcff !important; } + +.link-light:hover .link-icon.icon-circle { background: #07bcff; } + +.link-thin { font-weight: 300; } + +.link-underline { text-decoration: underline !important; } + +@media (min-width: 420px) { .btn-grp-break > div, .btn-grp-break > li { width: auto; text-align: left; } + .link { font-size: 14px; } + .link-xs { font-size: 12px; } + .link-break { flex-direction: row; } + .link-break .icon-circle { margin-left: 0; margin-bottom: 0; } } + +/** 03.03 Title */ +.title { position: relative; font-size: 1.75rem; } + +.title:not(:last-child) { margin-bottom: 1.25rem; } + +.title small { font-size: 50%; margin-top: 0.75rem; } + +.title-thin { font-weight: 300; } + +.title-regular { font-weight: 400; } + +.title-xxs { font-size: 12px; letter-spacing: 0.1em; } + +.title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + +.title-xs { text-transform: uppercase; font-size: 0.88rem; letter-spacing: 0.2em; } + +.title-xs-alt { font-size: 1rem; } + +.title-xs-s1 { font-size: 1.1rem; letter-spacing: 0.4em; } + +.title-xs-s2 { font-size: 1.1rem; letter-spacing: 0; } + +.title-xs small { font-size: 70%; } + +.title-sm { font-size: 1.125rem; } + +.title-sm:not(:last-child) { margin-bottom: 0.85rem; } + +.title-sm small { font-size: 70%; } + +.title-md { font-size: 1.375rem; } + +.feature-text-wd .title-md { font-size: 1.125rem; } + +.title-md:not(:last-child) { margin-bottom: 1rem; } + +.title-lg { font-size: 1.75rem; } + +.title-xl { font-size: 1.75rem; } + +.title-xl-s2 { font-size: 1.75rem; line-height: 1.3; } + +.title-light { color: rgba(50, 33, 173, 0.6); } + +.title-dark { color: #12183a; } + +.title-base { color: #415076; } + +.title a { color: #3221ad; } + +.title a:hover { color: #07bcff; } + +a:hover .title { color: #07bcff; } + +a .title { transition: all .4s; } + +.title-mid { font-weight: 500; } + +.title-semibold { font-weight: 600; } + +.title-bold { font-weight: 700; } + +.title-s1 { padding-left: 75px; display: inline-block; font-weight: 600; } + +.title-s1:before { position: absolute; left: 0 !important; top: 50%; margin-top: -1px; height: 2px; width: 60px; content: ''; transform: translate(0, -50%) !important; opacity: 1 !important; background: #3221ad; } + +.tc-light .title-s1:before { background: #fff; } + +.title-s1.tc-primary:before, .tc-primary a.title-s1:before { background: #07bcff; } + +.title-s2 { padding-bottom: 26px; } + +.title-s2:after { position: absolute; left: 50%; bottom: 0; content: ''; margin-left: -40px; width: 80px; height: 6px; border-radius: 3px; background: #07bcff; } + +.tc-light .title-s2:after { background: #07bcff; } + +.title-s2-alt { padding-bottom: 0; padding-top: 26px; } + +.title-s2-alt:after { top: 0; bottom: auto; } + +.title-s3 { font-size: 2.2rem !important; line-height: 1.3 !important; } + +.title-s4 { font-size: 2.3rem; opacity: 0.3; padding-bottom: 10px; text-transform: uppercase; } + +.title-s5 { padding-bottom: 24px; margin-bottom: 20px; } + +.title-s5.title-sm { font-size: 0.9rem; } + +.title-s5.title-sm span:first-child { font-size: 1.25rem; } + +.title-s5 span:first-child { display: block; padding-bottom: 13px; color: #07bcff; font-weight: 500; } + +.tc-light .title-s5 span:first-child { color: #fff; } + +.title-s5 span:last-child { opacity: .7; } + +.title-s5:after { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); content: ''; width: 50px; height: 3px; border-radius: 2px; background: #07bcff; } + +.title-s6 { position: relative; } + +.title-s6:before { position: absolute; top: 8px; left: -15px; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #07bcff; } + +.title-s7 span:first-child { display: block; padding-bottom: 13px; color: #3e2bc5; font-size: 1.35rem; } + +.tc-light .title-s7 span:first-child { color: #fff; } + +.title-s7 span:last-child { font-size: 0.9rem; color: #415076; } + +.title-xxl-grad { font-size: 70px; line-height: 1; font-weight: 700; margin-bottom: 0; background: -webkit-linear-gradient(#009ad3, #5029ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: .4; } + +.title-ele-head { background: linear-gradient(180deg, #415076 0%, #e4e1ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.title-sub { color: #d87032; } + +@media (min-width: 576px) { .title { font-size: 2.25rem; } + .title:not(:last-child) { margin-bottom: 1.25rem; } + .title small { font-size: 50%; margin-top: 0.75rem; } + .title-xxs { font-size: 12px; letter-spacing: 0.1em; } + .title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + .title-xs { font-size: 0.88rem; } + .title-xs-alt { font-size: 1rem; } + .title-xs-s1 { font-size: 1.1rem; } + .title-xs-s2 { font-size: 1.1rem; } + .title-xs small { font-size: 70%; } + .title-sm { font-size: 1.125rem; } + .title-sm:not(:last-child) { margin-bottom: 0.85rem; } + .title-md { font-size: 1.375rem; } + .title-md:not(:last-child) { margin-bottom: 1rem; } + .title-md-s2 { font-size: 1.675rem; line-height: 1.6; } + .title-lg { font-size: 1.75rem; } + .title-xl { font-size: 3.5rem; } + .title-xl-s2 { font-size: 2.2rem; } + .title-s3 { font-size: 2.2rem !important; } + .title-s4 { font-size: 2.3rem; } + .title-s5.title-sm { font-size: 0.9rem; } + .title-s5.title-sm span:first-child { font-size: 1.25rem; } + .title-xl-2 { font-size: 1.8rem !important; } + .title-xxl-grad { font-size: 140px; } } + +@media (min-width: 768px) { .title-xl-2 { font-size: 2.5rem !important; } + .title-xxl-grad { font-size: 200px; } } + +@media (min-width: 992px) { .title-xxl-grad { font-size: 250px; } + .feature-text-wd .title-md { font-size: 1.375rem; } } + +@media (min-width: 1200px) { .title-xl-s2 { font-size: 2.8rem !important; } } + +@media (min-width: 1600px) { .title-xl-2 { font-size: 2.8rem !important; line-height: 1.3 !important; } + .banner-s1 .title-xl-2 { font-size: 2.3rem !important; } + .title-xl-s3 { font-size: 2.75rem !important; } } + +/** 03.04 List */ +.list li { line-height: 1.674; padding: 5px 0; position: relative; color: #415076; font-size: 14px; } + +.tc-light .list li { color: #a89ffe; } + +.list-check li { padding-left: 24px; } + +.list-check li:before { position: absolute; top: 0; left: 0; height: 22px; width: 26px; line-height: 26px; padding: 3px 0; color: #07bcff; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; content: '\f00c'; transition: all .4s; } + +.tc-light .list-check li:before { color: #07bcff; } + +.list-check-s3 li { padding: 0px 0px 0px 55px; margin-bottom: 18px; line-height: 1.8; } + +.list-check-s3 li:before { width: 35px; height: 35px; background: #07bcff; border-radius: 50%; color: #fff; text-align: center; line-height: 29px; font-size: 16px; left: 0; top: 5px; } + +.tc-light .list-check-s3 li:before { background: #07bcff; color: #fff; } + +.list-check-s3-sm li { padding: 0px 0px 0px 40px; margin-bottom: 30px; } + +.list-check-s3-sm li .title-md { margin-bottom: 0.5rem; } + +.list-check-s3-sm li:before { width: 25px; height: 25px; line-height: 20px; font-size: 11px; top: 2px; } + +.list-check-s4 li { margin: 0; padding-left: 35px; position: relative; } + +.list-check-s4 li:before { left: 15px; top: 14px; } + +.list-number { counter-reset: item; } + +.list-number li { line-height: 1.86; margin-bottom: 10px; padding-left: 65px; } + +.list-number li:before { position: absolute; top: 10px; left: 25px; counter-increment: item; content: counter(item) "."; font-size: 30px; font-weight: 700; line-height: 1; color: #07bcff; font-family: 'Poppins', sans-serif !important; } + +.tc-light .list-number li:before { color: #07bcff; } + +.list-number-s2 li { padding-left: 60px; } + +.has-rtl .list-number-s2 li { padding-right: 60px; padding-left: 0; } + +.list-number-s2 li:not(:last-child) { margin-bottom: 16px; } + +.list-number-s2 li span { width: 30px; height: 30px; position: absolute; left: 0; top: 5px; line-height: 30px; text-align: center; background: rgba(7, 188, 255, 0.2); border-radius: 50%; color: #a722f4; font-weight: 400; } + +.has-rtl .list-number-s2 li span { left: auto; right: 0; } + +.list-dot li { position: relative; padding-left: 22px; line-height: 1.62; } + +.list-dot li:before { position: absolute; top: 14px; left: 0; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #3221ad; } + +.tc-light .list-dot li:before { background: #7a5cff; } + +.list-dot.list-sm { margin-top: -5px; margin-bottom: -5px; } + +.list-dot.list-sm li { padding-left: 16px; font-size: 0.9rem; padding-top: 10px; padding-bottom: 10px; } + +.list-dot.list-sm li:before { top: 19px; } + +.list-dot-bar { padding: 20px 0 65px 38px; } + +.list-dot-bar li { margin-bottom: 10px; } + +.list-dot-bar li span { width: 20px; height: 20px; content: ""; background: transparent; position: absolute; border-radius: 50%; border: 2px solid #7a5cff; left: -38px; top: 7px; } + +.list-dot-bar li span:after, .list-dot-bar li span:before { position: absolute; content: ""; top: 50%; left: 50%; background: #7a5cff; } + +.list-dot-bar li span:after { width: 7px; height: 7px; border-radius: 50%; transform: translate(-50%, -50%); } + +.list-dot-bar li span:before { width: 18px; height: 2px; transform: translateY(-50%); } + +.list-btn li { display: inline-block; padding-right: 15px; } + +.list-btn li:not(:first-child) a { padding-right: 10px; } + +.list-btn-dropdown { margin: -22px -30px; } + +.list-btn-dropdown > li { display: inline-block; margin: 18px 30px; } + +.list-btn-dropdown > li a { min-width: 200px; } + +.list-btn-dropdown > li a i { position: absolute; font-size: 20px; top: 0; right: 30px; line-height: 42px; } + +.list-inline { display: inline-flex; } + +@media (min-width: 576px) { .list li { font-size: 15px; } } + +/** 03.05 Form */ +input ~ .error, textarea ~ .error, select ~ .error { position: absolute; right: -10px; top: -15px; background: #e6604a; color: #fff; font-size: 11px; line-height: 18px; padding: 2px 10px; border-radius: 2px; z-index: 9; white-space: nowrap; } + +input ~ .error:after, textarea ~ .error:after, select ~ .error:after { position: absolute; content: ''; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid #e6604a; border-bottom: 5px solid transparent; bottom: -5px; left: 3px; } + +.tc-light input ~ .error, .tc-light textarea ~ .error, .tc-light select ~ .error { background: #e6604a; color: #fff; box-shadow: none; } + +.tc-light input ~ .error:after, .tc-light textarea ~ .error:after, .tc-light select ~ .error:after { border-right-color: #e6604a; } + +input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input::-webkit-input-placeholder, .tc-light .bg-light-alt input::-webkit-input-placeholder, .tc-light .bg-white input::-webkit-input-placeholder, .tc-light .bg-light textarea::-webkit-input-placeholder, .tc-light .bg-light-alt textarea::-webkit-input-placeholder, .tc-light .bg-white textarea::-webkit-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input::-webkit-input-placeholder, .tc-light textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input::-moz-placeholder, .tc-light .bg-light-alt input::-moz-placeholder, .tc-light .bg-white input::-moz-placeholder, .tc-light .bg-light textarea::-moz-placeholder, .tc-light .bg-light-alt textarea::-moz-placeholder, .tc-light .bg-white textarea::-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input::-moz-placeholder, .tc-light textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input:-ms-input-placeholder, .tc-light .bg-light-alt input:-ms-input-placeholder, .tc-light .bg-white input:-ms-input-placeholder, .tc-light .bg-light textarea:-ms-input-placeholder, .tc-light .bg-light-alt textarea:-ms-input-placeholder, .tc-light .bg-white textarea:-ms-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input:-ms-input-placeholder, .tc-light textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-moz-placeholder, textarea:-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input:-moz-placeholder, .tc-light .bg-light-alt input:-moz-placeholder, .tc-light .bg-white input:-moz-placeholder, .tc-light .bg-light textarea:-moz-placeholder, .tc-light .bg-light-alt textarea:-moz-placeholder, .tc-light .bg-white textarea:-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input:-moz-placeholder, .tc-light textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +.field-item { position: relative; padding-bottom: 15px; } + +.field-wrap { position: relative; } + +.field-wrap + p { margin-top: .75rem; } + +.field-wrap .btn + .form-results:not(:empty) { margin-top: 30px; } + +.field-wrap .label-inline { padding-left: 25px; line-height: normal; } + +.has-rtl .field-wrap .label-inline { padding-left: 0; padding-right: 25px; } + +.field-wrap .label-inline .icon { font-size: 20px; color: #adb2be; } + +.field-label { font-size: 12px; font-weight: 700; letter-spacing: 0.2em; } + +.field-label-line { position: absolute; width: 100%; top: 10px; font-size: 0.94rem; font-weight: 400; letter-spacing: normal; left: 0; color: rgba(65, 80, 118, 0.6); z-index: 1; transition: all .5s ease; transform-origin: left; } + +.tc-light .field-label-line { color: #fff; } + +.field-item-center .field-label-line { transform-origin: center; } + +.field-inline { border-radius: 6px; display: flex; } + +.field-inline input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } + +.field-inline.field-split .btn:not(.btn-round) { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; } + +.wgs-search .field-inline.field-split .btn:not(.btn-round) { height: auto; } + +.field-inline .field-wrap { flex-grow: 1; } + +.field-inline .submit-wrap .btn { width: 100%; } + +.field-inline + .form-results.alert { width: 100%; margin-top: 15px; } + +.field-inline-s2 { padding: 10px; display: block; } + +.field-inline-s2 .btn { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + +.field-inline-s2-sm { padding: 5px; } + +.field-inline-s2 input { text-align: center; } + +@media (max-width: 575px) { .field-inline-s2 input { margin-bottom: 5px; } } + +.field-inline-s3 .btn-light { color: #07bcff !important; } + +.field-inline-s4 { align-items: center; } + +.field-inline-s4 .input-solid { background: rgba(255, 255, 255, 0.2); } + +.field-inline-s4 .field-wrap { margin-right: -50px; } + +.field-inline-round { border-radius: 50px; } + +.field-inline-round .input-solid { padding-left: 30px; } + +.input-solid { background: none; border: none; width: 100%; padding: 15px 20px; line-height: 23px; } + +.tc-light .input-solid { color: #fff; } + +.tc-light .bg-light .input-solid, .tc-light .bg-light-alt .input-solid, .tc-light .bg-white .input-solid { color: #415076; } + +.input-solid-md { padding: 12px 20px; line-height: 22px; } + +.input-solid-lg { padding: 20px 20px; } + +.input-solid:focus { outline: none; } + +.input-line { position: relative; z-index: 2; background: transparent; border: none; width: 100%; font-size: 15px; line-height: 19px; padding: 16px 0 8px; color: #415076; border-bottom: 1px solid #dbe4f7; outline: none; transition: all .4s; } + +.tc-light .input-line { color: #fff; border-bottom-color: rgba(219, 228, 247, 0.3); } + +.input-line:focus { border-bottom-color: #07bcff; } + +.field-item-center .input-line { text-align: center; } + +.input-textarea { height: 105px; resize: none; outline: none; } + +.input-textarea ~ .field-label-line { top: 73px; } + +.input-focused .field-label-line { left: 0; top: -10px; transform: scale(0.7); } + +.input-bordered { border-radius: 6px; border: 1px solid #dbe4f7; width: 100%; padding: 10px 15px; line-height: 21px; font-size: .9em; color: #415076; transition: all .4s; background-color: transparent; } + +.input-bordered-lg { padding: 13px 20px; } + +.input-bordered-lg-s1 { padding: 17px 20px; } + +.tc-light .field-inline-s3 .input-bordered { border-color: rgba(255, 255, 255, 0.5); } + +.field-inline-s3 .input-bordered { border-width: 2px; border-right-width: 0 !important; } + +.field-item-s2 .input-bordered { border: 2px solid #d1e0f6; background: transparent; } + +.tc-light .input-bordered { color: #e4e1ff; background: transparent; border-color: rgba(255, 255, 255, 0.25); } + +.tc-light .input-bordered:focus { border-color: rgba(255, 255, 255, 0.45); } + +.input-bordered:focus { box-shadow: none; outline: none; border-color: #b7bee3; } + +.input-bordered:disabled { background: rgba(219, 228, 247, 0.2); } + +.input-switch { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-switch ~ label:not(.error) { line-height: 20px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; padding-left: 48px; min-height: 30px; min-width: 48px; border-radius: 12px; margin-bottom: 0; display: flex; align-items: center; position: relative; font-size: 14px; color: #415076; } + +.input-switch ~ label:not(.error).no-text { padding-left: 56px; } + +.input-switch ~ label:not(.error):before, .input-switch ~ label:not(.error):after { position: absolute; content: ''; transition: all .4s; } + +.input-switch ~ label:not(.error):before { left: 0; top: 50%; transform: translateY(-50%); height: 20px; width: 40px; border-radius: 15px; background: #d3e0f3; } + +.input-switch ~ label:not(.error):after { left: 2px; top: 50%; transform: translateY(-50%); height: 16px; width: 16px; border-radius: 50%; background: #fff; } + +.input-switch ~ label:not(.error) span { transition: all .4s; opacity: 1; } + +.input-switch ~ label:not(.error) span.over { position: absolute; left: 48px; } + +.input-switch ~ label:not(.error) span:last-child { opacity: 0; } + +.input-switch:disabled ~ label { opacity: .5; } + +.input-switch:checked ~ label:before { background: #07bcff; } + +.input-switch:checked ~ label:after { left: 22px; } + +.input-switch:checked ~ label span { opacity: 0; } + +.input-switch:checked ~ label span:last-child { opacity: 1; } + +.input-switch ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-checkbox, .input-radio { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-checkbox ~ label:not(.error), .input-radio ~ label:not(.error) { position: relative; padding-left: 28px; line-height: 20px; font-size: 14px; cursor: pointer; margin-bottom: 0; } + +.input-checkbox ~ label:not(.error):before, .input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { position: absolute; left: 0; top: 0; height: 20px; width: 20px; line-height: 20px; text-align: center; content: ''; background-color: transparent; border-radius: 3px; } + +.input-checkbox ~ label:not(.error):before, .input-radio ~ label:not(.error):before { border: 2px solid #dbe4f7; } + +.input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; background-color: #07bcff; color: #fff; opacity: 0; transition: all .4s; } + +.input-checkbox:checked ~ label:not(.error):after, .input-radio:checked ~ label:not(.error):after { opacity: 1; } + +.input-checkbox ~ .error, .input-radio ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { border-radius: 50%; } + +@media (min-width: 576px) { .field-item { padding-bottom: 30px; } + .field-inline .btn-md { line-height: 23px; } } + +@media (min-width: 768px) { .field-inline .submit-wrap .btn { width: auto; height: 100%; } + .field-inline-s2 { display: flex; } + .field-inline-s2 input { text-align: left; } } + +.select2-container.select2 { width: 100% !important; } + +.select2-container .select2-selection { position: relative; } + +.select2-container .select2-selection:focus { outline: none; } + +.select2-container .select2-selection .select2-selection__rendered { color: rgba(65, 80, 118, 0.6); font-size: 0.94rem; } + +.select2-container .select2-selection .select2-selection__arrow { position: absolute; top: 0; right: 0; height: 100%; width: 40px; } + +.select2-container .select2-selection .select2-selection__arrow:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; font-family: "themify"; content: '\e64b'; text-align: center; line-height: 20px; padding: 10px 0; font-size: .88rem; } + +.select2-container .select2-dropdown { border-color: #dbe4f7 !important; } + +.select2-container.select-line .select2-selection { height: 44px; line-height: 20px; padding: 16px 40px 8px 0; border-bottom: 1px solid #dbe4f7; } + +.select2-container.select-line .select2-selection .select2-selection__rendered { padding-left: 0; } + +.select2-container.select-line .select2-selection .select2-selection__arrow:after { padding: 16px 0 8px; } + +.select2-container.select-bordered .select2-selection { height: 42px; line-height: 20px; padding: 10px 40px 10px 0; border: 1px solid #dbe4f7; border-radius: 6px; } + +.select2-container.select-bordered .select2-selection .select2-selection__rendered { padding-left: 15px; } + +.select2-container.select-bordered.select-lg .select2-selection { height: 50px; border: 2px solid #dbe4f7; padding: 13px 40px 13px 10px; min-width: 146px; } + +.select2-container--below.select2-container--open.select-bordered .select2-selection--single { border-radius: 6px 6px 0 0; } + +.select2-container--above.select2-container--open.select-bordered .select2-selection--single { border-radius: 0 0 6px 6px; } + +.select2-container.select-lg .select2-selection .select2-selection__arrow:after { padding: 13px 0; } + +.select2-container.select-lg .select2-selection .select2-selection__rendered { color: #12183a; font-size: 1rem; } + +.select2-search { display: none; } + +.select2-results { padding: 5px 0; } + +.select2-results__option { padding: 6px 15px; font-size: .88rem; transition: all .4s; max-height: 180px; } + +.select2-results__option[aria-selected="true"], .select2-results__option:hover { background: #dbe4f7; } + +.select-line.select2-container--open .select2-dropdown--above { border-bottom: 1px solid #dbe4f7 !important; } + +.submit-wrap { margin-left: -3px; } + +.submit-wrap-s2 { margin: -4px 0; } + +.submit-wrap-s2 .btn { border-radius: 5px !important; } + +.btn-auto-lg { font-size: 20px; } + +@media (min-width: 992px) { .select2-container.select-bordered.select-lg .select2-selection { min-width: 255px; } } + +@media (max-width: 400px) { .field-inline-wrap { flex-wrap: wrap; } + .field-inline-wrap .submit-wrap { margin-left: auto; margin-right: auto; margin-top: 10px; } } + +/**/ +/** 03.06 Table */ +.table { color: inherit; } + +.table td { border-top: none; padding: 18px 0; font-size: 1rem; line-height: 1.5rem; } + +.table tr { border-bottom: 1px solid rgba(7, 188, 255, 0.2); } + +.table tr:last-child { border-bottom: none; } + +.table-head { font-weight: 500; color: #07bcff; } + +.table-token { margin-bottom: 5px; } + +.table-token .table-head { padding-bottom: 2px; } + +.table-token .table-des { padding-top: 2px; } + +.table-token-s1 { border: 1px solid rgba(209, 224, 246, 0.7); border-collapse: separate; border-radius: 6px; margin-bottom: 0; } + +.tc-light .table-token-s1 { border-color: rgba(255, 255, 255, 0.1); } + +.table-token-s1 tr:nth-child(odd) td:first-child { background: #eff8ff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:first-child { background: #3221ad; } + +.table-token-s1 tr:nth-child(odd) td:last-child { background: #fff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:last-child { background: #301fa4; } + +.table-token-s1 tr:nth-child(even) td:first-child { background: #e7f3ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:first-child { background: #3825c2; } + +.table-token-s1 tr:nth-child(even) td:last-child { background: #f7f9ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:last-child { background: #3423b6; } + +.table-token-s1 tr:first-child td:first-child { border-top-left-radius: 6px; } + +.table-token-s1 tr:first-child td:last-child { border-top-right-radius: 6px; } + +.table-token-s1 tr:last-child td:first-child { border-bottom-left-radius: 6px; } + +.table-token-s1 tr:last-child td:last-child { border-bottom-right-radius: 6px; } + +.table-token-s1 tr td { width: 48%; font-weight: 500; font-size: 0.93rem; line-height: 24px; padding: 12px !important; padding-left: 18px !important; color: #415076; } + +.tc-light .table-token-s1 tr td { color: #fff; } + +.table-token-s1 tr td:last-child { color: #07bcff; font-weight: 400; font-size: 0.88rem; } + +.tc-light .table-token-s1 tr td:last-child { color: #07bcff; } + +.table-bordered td { padding-left: 20px; padding-right: 20px; border: 1px solid rgba(7, 188, 255, 0.2); } + +@media (min-width: 576px) { .table-token { margin-bottom: 1rem; display: table; } + .table-token tbody { display: table-row-group; } + .table-token tr { display: table-row; } + .table-token td { display: table-cell; } + .table-token .table-head, .table-token .table-des { padding: 18px 0; } } + +/** 03.07 Progress */ +.progress-list { margin-top: .8rem; } + +.progress-wrap { margin-bottom: 1rem; } + +.progress-wrap:last-child:not(:only-child) { margin-bottom: 0; } + +.progress-wrap-point { margin-bottom: 55px; } + +.progress-wrap-point-s1 { margin-bottom: 30px; margin-top: 50px; } + +.progress-title { text-transform: uppercase; font-size: 0.75rem; font-weight: 500; display: flex; justify-content: space-between; padding-bottom: .4rem; } + +.progress-amount { font-weight: 400; } + +.progress-bar { position: relative; width: 100%; height: 20px; border-radius: 4px; background: rgba(7, 188, 255, 0.2); } + +.progress-bar .progress-percent { border-radius: 4px; } + +.progress-bar-xs { height: 6px; border-radius: 2px; } + +.progress-bar-xs .progress-percent { border-radius: 2px; border: none; } + +.progress-bar-sm { height: 15px; border-radius: 2px; } + +.progress-bar-md { height: 24px; border-radius: 3px; } + +.progress-bar-md .progress-percent { padding: 3px 0; } + +.progress-bar-s1 { padding: 6px; width: 100%; background: #fff; border-radius: 16px; height: auto; } + +.progress-bar-s2.bar-round { border-radius: 30px; } + +.progress-bar-s2.bar-round .progress-percent { border-radius: 30px; } + +.progress-bar-s2 .progress-percent { top: 3px; left: 3px; bottom: 3px; right: 3px; border: none; } + +.progress-bar-s2 .progress-percent:after { display: none; } + +.progress-percent { position: absolute; top: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 12px; background: #07bcff; } + +.progress-percent-s2 { z-index: 2; } + +.progress-percent-s2:after { position: absolute; content: ''; top: 50%; right: 0; height: 18px; width: 18px; border-radius: 50%; border: 2px solid #fff; background: #07bcff; transform: translate(50%, -50%); } + +.progress-percent-s1 { position: relative; max-height: 20px; border: none; min-height: 20px; border-radius: 20px !important; } + +.progress-percent-s3 { border: none; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } + +.progress-info { display: block; font-size: 16px; color: #e4e1ff; padding: 12px 0 22px; } + +.progress-info span { font-weight: 500; font-size: 18px; color: #7a5cff; } + +.progress-info-s2 { font-size: 12px; text-transform: uppercase; padding: 0 0 17px; } + +.progress-info-s2 span { font-size: 14px; text-transform: capitalize; color: #fff; } + +.progress-point { color: #e4e1ff; font-size: 11px; line-height: 14px; font-weight: 500; text-transform: uppercase; position: absolute; top: 30px; transform: translateX(-50%); padding: 3px 0; } + +.progress-point:after { position: absolute; bottom: 100%; left: 50%; margin-left: -1px; content: ''; width: 2px; height: 40px; background: rgba(193, 206, 241, 0.5); } + +.progress-bar-md .progress-point { top: 40px; font-size: 14px; font-weight: 400; text-transform: capitalize; } + +.progress-bar-md .progress-point:after { bottom: calc(100% + 10px); height: 30px; } + +.progress-point span { display: block; font-size: 12px; color: #07bcff; } + +.progress-point-s1 { top: -35px; } + +.progress-point-s1:after { bottom: auto; top: 100%; height: 30px; } + +.progress-point-1 { left: 25%; } + +.progress-point-2 { left: 85%; } + +.progress-points { padding-top: 10px; display: flex; justify-content: space-between; } + +ul.progress-info { display: flex; justify-content: space-between; } + +@media (min-width: 576px) { .progress-bar-md { height: 36px; } + .progress-percent { font-size: 14px; } + .progress-wrap-point { margin-bottom: 78px; } + .progress-wrap-point-s1 { margin-bottom: 30px; } + .progress-bar-md .progress-point { top: 60px; } + .progress-bar-md .progress-point:after { height: 50px; } } + +/** 03.08 CountDown */ +.countdown { display: flex; justify-content: space-around; margin: 0 -5px; } + +.countdown-small { justify-content: flex-start; margin: 0 -20px; } + +.countdown-s2 { margin: 0; justify-content: space-between; } + +.countdown-s3 { margin: 0 -16px 0 -25px; } + +.countdown-s4 { margin: 0; } + +.countdown-md { padding-bottom: 35px; } + +.countdown-item { padding: 0 5px; } + +.countdown-s2 .countdown-item { padding: 0; } + +.countdown-s3 .countdown-item { flex-grow: 1; } + +.countdown-s3.countdown-small .countdown-item, .countdown-s3-alt .countdown-item { flex-grow: 0; width: auto; } + +.countdown-s4 .countdown-item, .countdown-s5 .countdown-item { width: 100%; } + +.countdown-wd .countdown-item { flex-grow: 0; width: 100%; } + +.countdown-md .countdown-item { width: 80px; } + +.countdown-wd { text-align: center; } + +.countdown-time { position: relative; height: 54px; width: 54px; border-radius: 50%; border: 2px solid #07bcff; text-align: center; line-height: 50px; display: block; } + +.countdown-s2 .countdown-time { border-radius: 6px; background-color: #3221ad; border-color: transparent; font-size: 1.4rem; font-weight: 500; color: #fff; } + +.countdown-s3 .countdown-time { border-radius: 0; border: none; font-size: 2.8125rem; line-height: 50px; font-weight: 700; height: 50px; width: 100%; color: #3e2bc5; } + +.tc-light .countdown-s3 .countdown-time { color: #fff; } + +.countdown-s3 .countdown-time:after { position: absolute; top: calc(50% - 3px); right: -6px; transform: translate(50%, -50%); content: ':'; } + +.countdown-s3 .countdown-time-last:after { display: none; } + +.countdown-s3-alt .countdown-time { font-size: 1.875rem; padding: 0 20px; font-weight: 300; height: 38px; line-height: 38px; margin-bottom: 0.5rem; } + +.countdown-s3.countdown-small .countdown-time { font-size: 1rem; line-height: 24px; height: 24px; text-align: left; padding: 0 20px; } + +.countdown-s4 .countdown-time { font-size: 2rem; } + +.countdown-s4 .countdown-time, .countdown-thin .countdown-time { font-weight: 300; } + +.tc-light .countdown-s5 .countdown-time { color: #07bcff; } + +.countdown-md .countdown-time { font-size: 2rem; line-height: normal; font-weight: 400; height: auto; } + +.countdown-text { display: block; font-weight: 500; font-size: 12px; letter-spacing: 0.01em; padding-top: 8px; text-align: center; } + +.tc-light .countdown-text { color: #e4e1ff; } + +.countdown-s2 .countdown-text { text-transform: uppercase; font-weight: 400; } + +.tc-light .countdown-s2 .countdown-text { color: #07bcff; } + +.countdown-s3 .countdown-text { text-transform: uppercase; } + +.tc-light .countdown-s3 .countdown-text { color: #e4e1ff; } + +.countdown-s3-alt .countdown-text { text-transform: capitalize; padding-top: 0; font-weight: 400; } + +.countdown-s3.countdown-small .countdown-text { text-align: left; padding: 0 22px; } + +.countdown-s4 .countdown-text { text-transform: capitalize; padding-top: 0; } + +.tc-light .countdown-s5 .countdown-text { color: #07bcff; } + +.countdown-md .countdown-text { font-weight: 400; padding-top: 2px; } + +.status-countdown { overflow: hidden; } + +@media (min-width: 420px) { .countdown-time { height: 64px; width: 64px; line-height: 60px; } } + +@media (min-width: 576px) { .status-countdown { min-width: 290px; } + .countdown-large .countdown-time { font-size: 3.5rem; } + .countdown-large .countdown-time:after { font-size: 2.5rem; } } + +@media (min-width: 768px) { .countdown-wd .countdown .item { width: 100%; } + .countdown-xxl .countdown-time { font-size: 5.5rem; } + .countdown-xl .countdown-time { font-size: 4rem; } + .countdown-xl.countdown-s2 .countdown-time { width: 123px; height: 123px; line-height: 123px; border-radius: 4px; } + .countdown-xxl .countdown-text { padding-top: 30px; } + .countdown-s3-lg { margin: 0 -38px; } } + +@media (min-width: 992px) { .countdown-s4 .countdown-time { font-size: 2rem; } + .countdown-large .countdown-time { font-size: 3.5rem; } } + +@media (min-width: 1200px) { .countdown-s4 .countdown-time { font-size: 2.9rem; } + .countdown-large .countdown-time { font-size: 3.6rem; } } + +/** 03.09 Toastr */ +/* Toastr */ +#toast-container { position: fixed; z-index: 999999; margin-top: 22px; margin-bottom: 16px; } + +#toast-container .toast { opacity: 1; } + +.toast-top-center { top: 0; right: 0; width: 100%; } + +.toast-bottom-center { bottom: 0; right: 0; width: 100%; } + +.toast-top-full-width { top: 0; right: 0; width: 100%; } + +.toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } + +.toast-top-left { top: 0; left: 16px; } + +.toast-top-right { top: 0; right: 16px; } + +.toast-bottom-right { right: 16px; bottom: 0; } + +.toast-bottom-left { bottom: 0; left: 16px; } + +.toast-top-center > div, .toast-bottom-center > div { width: 650px; max-width: 90%; margin-left: auto; margin-right: auto; } + +.toast-top-full-width > div, .toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } + +.toast { background: #fff; color: #fff; overflow: hidden; margin: 0 0 8px; padding: 15px 51px 15px 15px; width: 300px; border-radius: 5px; border: none; display: flex; align-items: center; box-shadow: 0px 2px 18px 2px rgba(18, 24, 58, 0.25); background: #160b6d; position: relative; } + +.toast-close-button { cursor: pointer; position: absolute; text-align: left; right: 15px; text-indent: -9999em; overflow: hidden; background: none; border-radius: 50%; border: none; height: 36px; width: 36px; transition: all .3s; } + +.toast-close-button:after { position: absolute; content: '\e646'; font-family: 'themify'; top: 0; right: -1px; text-indent: 0; display: block; font-size: 13px; line-height: 38px; height: 36px; width: 36px; text-align: center; color: #fff; transition: all .3s; } + +.toast-close-button:hover, .toast-close-button:focus { background: rgba(239, 246, 255, 0.15); box-shadow: none; outline: none; } + +.toast-message { position: relative; flex-grow: 1; font-size: 13px; line-height: 17px; display: flex; align-items: center; padding-left: 10px; min-height: 30px; } + +.toast-message-icon { display: inline-block; font-size: 14px; margin-right: 15px; margin-left: -10px; text-align: center; height: 30px; width: 30px; line-height: 30px; border-radius: 50%; } + +.toast-message-icon.ti-alert:before { position: relative; top: -2px; } + +.toast-info .toast-message-icon { background: #026bfb; } + +.toast-warning .toast-message-icon { background: #f6be26; } + +.toast-success .toast-message-icon { background: #39d884; } + +.toast-error .toast-message-icon { background: #e6604a; } + +@media (min-width: 576px) { .toast-message { font-size: 14px; line-height: 18px; } } + +/** 03.10 Misc */ +.img-xs { height: 40px; width: 40px; } + +.text-thumb { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; font-weight: 500; letter-spacing: 0.1em; border: 2px solid #fff; background: #07bcff; } + +.text-thumb-xs { height: 40px; width: 40px; } + +.icon { display: inline-block; } + +.icon-lg { font-size: 50px; } + +.icon-round { display: inline-block; text-align: center; border-radius: 50%; background: rgba(7, 188, 255, 0.1); } + +.icon-round.icon-lg { height: 90px; width: 90px; line-height: 90px; } + +.icon-circle { display: inline-flex; align-items: center; justify-content: center; height: 38px; width: 38px; border-radius: 50%; } + +.icon-circle-md { height: 50px; width: 50px; } + +.icon-border { border: 1px solid #e4e1ff; } + +.icon-animation { position: relative; } + +.icon-animation:after { position: absolute; content: ""; top: -8px; right: -8px; bottom: -8px; left: -8px; border-radius: 50%; border: 1px solid #e4e1ff; animation: 1s ease 0s normal none infinite running playbutton; } + +.icon-list li { display: inline-block; margin: 0 5px; } + +.icon-currency-list { display: flex; justify-content: center; align-items: center; } + +.icon-bg { min-width: 40px; min-height: 40px; background: #8c8c8c; color: #fff; text-align: center; line-height: 40px; font-size: 1.7rem; border-radius: 50%; margin-right: 8px; } + +.has-rtl .icon-bg { margin-right: 0; margin-left: 8px; } + +.icon-bg-md { min-height: 32px; min-width: 32px; line-height: 32px; font-size: 1.5rem; } + +.icon-bg-lg { min-width: 60px; min-height: 60px; line-height: 60px; font-size: 2rem; } + +.icon-bg-xl { min-width: 92px; min-height: 92px; line-height: 92px; font-size: 4rem; } + +.icon-bg-eth { background: #61688f; } + +.icon-bg-btc { background: #f9931a; } + +.icon-bg-ltc { background: #838383; } + +.icon-bg-dash { background: #3573c0; } + +.icon-bg-xrp { background: #1c1c1c; } + +.icon-bg-xmr { background: #ff9f17; } + +.toggle-wrap { position: relative; } + +.toggle-tigger { display: inline-block; } + +.toggle-tigger.btn { display: inline-flex; } + +.toggle-class { visibility: hidden; opacity: 0; transition: all .4s; } + +.toggle-class.active { visibility: visible; opacity: 1; } + +.toggle-drop { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: -10px; z-index: 9; } + +.toggle-drop-left { left: 0; transform: translateX(0); } + +.toggle-drop-right { left: auto; right: 0; transform: translateX(0); } + +.toggle-drop-top { bottom: 100%; top: auto; margin-bottom: 10px; } + +.toggle-drop.active { margin-top: 0; margin-bottom: 0; } + +@media (max-width: 991px) { .toggle-class-lg { position: static; margin-top: 0; display: block; visibility: visible; opacity: 1; } + .toggle-wrap-nav { width: 100%; display: flex; } + .toggle-wrap-nav .toggle-class-lg { margin-left: 20px; flex-grow: 1; } + .toggle-wrap-nav .toggle-class-lg .drop-list { max-width: 100%; } } + +.drop-wrap { position: relative; } + +.drop-list { min-width: 160px; max-width: 160px; background: #fff; padding: 10px 0; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); } + +.drop-list a { font-size: 13px; line-height: 18px; color: #415076; padding: 7px 20px; display: block; position: relative; } + +.drop-list a .badge { margin-left: 5px; position: relative; top: -1px; } + +.tc-light:not(.btn) .drop-list a { color: #415076; } + +.drop-list a:hover { color: #07bcff; } + +.drop-list-xs { min-width: 60px; max-width: 60px; } + +.drop-list-xs a { padding: 7px 8px; } + +.drop-list-mb { min-width: 80px; max-width: 80px; } + +.drop-list-mb a { padding: 7px 14px; } + +.drop-list-sm { min-width: 110px; max-width: 110px; } + +.drop-list-full { min-width: 100%; max-width: 100%; } + +.drop-list-center { text-align: center; } + +.breadcumb { margin: 0 -13px; } + +.breadcumb li { display: inline-block; padding: 0 15px; font-size: .75rem; line-height: 18px; position: relative; color: #415076; } + +.breadcumb li:not(:last-child):after { position: absolute; top: 0; right: -3px; content: '-'; line-height: 18px; color: #07bcff !important; } + +.breadcumb li a { color: #07bcff !important; } + +.breadcumb li a:hover:not([class]) { color: #7a5cff !important; } + +.preloader { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; } + +.preloader:before, .preloader:after { position: absolute; left: 0; height: 51%; width: 100%; transition: all .6s ease; background: #fff; content: ''; } + +.preloader:before { top: 0; } + +.page-loaded .preloader:before { transform: translate(0, -100%); } + +.preloader:after { bottom: 0; } + +.page-loaded .preloader:after { transform: translate(0, 100%); } + +.preloader.no-default { background-color: #3221ad; } + +.page-loaded .preloader.no-default:before, .page-loaded .preloader.no-default:after { transform: translate(0, 0); } + +.preloader.no-default:before, .preloader.no-default:after { position: absolute; top: 0; left: 0; height: 100%; transition: all .6s; background-color: #3221ad; } + +.preloader-alt:after, .preloader-alt:before { background: #3e2bc5; } + +.page-loaded .preloader.no-split:before, .page-loaded .preloader.no-split:after { transform: translate(0, 0); } + +.spinner { display: block; position: relative; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; z-index: 1001; } + +.spinner-round { border-radius: 50%; border: 2px solid transparent; border-top-color: #07bcff; animation: spin 2s linear infinite; } + +.spinner-round:before, .spinner-round:after { content: ""; position: absolute; border-radius: 50%; border: 3px solid transparent; } + +.spinner-round:before { top: 5px; left: 5px; right: 5px; bottom: 5px; border-top-color: #7a5cff; animation: spin 3s linear infinite; } + +.spinner-round:after { top: 15px; left: 15px; right: 15px; bottom: 15px; border-top-color: #3221ad; animation: spin 1.5s linear infinite; } + +.spinner-alt { border-radius: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; } + +.spinner-alt:after, .spinner-alt:before { content: ""; position: absolute; border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; } + +.spinner-alt:before { border: 1px solid rgba(255, 255, 255, 0.1); } + +.spinner-alt:after { border: 1px solid; border-top-color: #fff; border-right-color: transparent; border-left-width: 0; border-bottom-width: 0; animation: spin 1.5s linear infinite; } + +.spinner-alt.load-done { transition: all .4s; transform: scale(3); opacity: 0; border-color: transparent; } + +.spinner-alt.load-done:after, .spinner-alt.load-done:before { opacity: 0; } + +.spinner-alt.spinner-light { border: 1px solid rgba(10, 16, 21, 0.1); } + +.spinner-alt.spinner-light:after { border-top-color: #0a1015; } + +.spinner-brand { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100px; } + +@keyframes spin { 0% { -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); } } + +.text-zoom { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; text-transform: uppercase; font-weight: 700; height: 100px; width: 100px; } + +.text-item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } + +.text-item:nth-child(2) > * { animation-delay: 1s; } + +.text-item:nth-child(3) > * { animation-delay: 2s; } + +.text-item:nth-child(4) > * { animation-delay: 3s; } + +.text-item:nth-child(5) > * { animation-delay: 4s; } + +.text-item:nth-child(6) > * { animation-delay: 5s; } + +.text-item:nth-child(7) > * { animation-delay: 6s; } + +.text-item:nth-child(8) > * { animation-delay: 7s; } + +.text-item:nth-child(9) > * { animation-delay: 8s; } + +.text-small, .text-large { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; opacity: 0; } + +.text-small { color: #97afd5; z-index: 2; font-size: 60px; animation: textzoom9 9s linear infinite; } + +.text-large { color: #19243e; z-index: 0; font-size: 120px; animation: textzoom9l 9s linear infinite; } + +@keyframes textzoom9 { 0% { transform: translate(-50%, -50%) scale(0); + opacity: 0; } + 6% { transform: translate(-50%, -50%) scale(1); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.3); + opacity: 0; } } + +@keyframes textzoom9l { 0% { transform: translate(-50%, -50%) scale(0.2); + opacity: 0; } + 8% { transform: translate(-50%, -50%) scale(1.2); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.7); + opacity: 0; } } + +.modal-dialog-bottom { display: flex; align-items: flex-end; min-height: calc(100% - (.5rem * 2)); } + +.modal.fade .modal-dialog-bottom { -webkit-transform: translate(0, 25%); transform: translate(0, 25%); } + +.modal.show .modal-dialog-bottom { -webkit-transform: translate(0, -30px); transform: translate(0, -30px); } + +.modal-content { background: none; border: none; margin-left: auto; margin-right: auto; width: auto; max-width: 100%; } + +.modal-body { background: #fff; border-radius: 6px; } + +.modal-close { position: absolute; cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 39px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #415076; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(65, 80, 118, 0.2); } + +.mfp-close-btn-in .mfp-close { cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 37px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #415076 !important; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(65, 80, 118, 0.2); transition: all .4s; } + +.mfp-close-btn-in .mfp-close:hover { text-decoration: none; color: #07bcff !important; } + +.tc-light .mfp-close-btn-in .mfp-close:hover { color: #07bcff !important; } + +.image-popup .mfp-close { cursor: pointer; top: 22px; right: -18px; } + +.owl-nav { margin: 0 -10px 0; padding-top: 40px; } + +.carousel-nav-s1 .owl-nav { padding-top: 0px; } + +.carousel-nav-center .owl-nav { display: flex; justify-content: center; } + +.owl-nav button { border: 1px solid #a89ffe !important; border-radius: 50% !important; height: 40px; width: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 0 10px; transition: all .4s; } + +.carousel-nav-s1 .owl-nav button { border-width: 0 !important; margin: 0; } + +.owl-nav button:focus { box-shadow: none; outline: none; } + +.owl-nav button.disabled { opacity: 0.4; } + +.owl-nav button:after { font-family: "themify"; font-size: 1rem; } + +.carousel-nav-s1 .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.carousel-nav-light .owl-nav { color: #fff; } + +.owl-prev:after { content: '\e64a'; } + +.owl-rtl .owl-prev:after { content: '\e649'; } + +.carousel-nav-s1 .owl-prev:after { content: '\f060'; } + +.carousel-nav-s1.owl-rtl .owl-prev:after { content: '\f061'; } + +.owl-next:after { content: '\e649'; } + +.owl-rtl .owl-next:after { content: '\e64a'; } + +.carousel-nav-s1 .owl-next:after { content: '\f061'; } + +.carousel-nav-s1.owl-rtl .owl-next:after { content: '\f060'; } + +.owl-dot { height: 6px; width: 12px; border-radius: 3px; display: inline-block; margin: 0 4px; transition: all .4s ease; background: rgba(7, 188, 255, 0.3) !important; } + +.owl-dot.active { background: rgba(7, 188, 255, 0.8) !important; width: 20px; } + +.owl-dot:focus { outline: none; } + +.owl-dots { text-align: center; } + +.carousel-shadow-fix .owl-stage-outer { margin: 0 -30px; margin-top: -20px; padding-left: 40px; } + +.carousel-shadow-fix.feature-carousel-center .owl-stage-outer { padding-left: 30px; } + +.carousel-shadow-fix.owl-rtl .owl-stage-outer { padding-left: 0; padding-right: 30px; } + +.carousel-shadow-fix .owl-item { padding: 20px 0 40px; } + +.carousel-shadow-fix .owl-item > div { transition: all .4s; opacity: 0; } + +.carousel-shadow-fix .owl-item.active > div { opacity: 1; } + +.carousel-shadow-fix .owl-item:not(.active) [class*='shadow'] { box-shadow: none !important; } + +.carousel-shadow-fix .owl-item .feature { margin-bottom: 0; } + +.ovm-line { position: relative; width: 64%; max-width: 1280px; height: 100%; margin-left: auto; margin-right: auto; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } + +.ovm-line:before, .ovm-line:after { position: absolute; content: ''; height: 100%; top: 0; left: 50%; transform: translateX(-50%); } + +.ovm-line:before { width: 1px; background: rgba(255, 255, 255, 0.05); } + +@media (min-width: 992px) { .ovm-line:after { width: 50%; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.nk-circle-animation { height: 300px; width: 300px; z-index: 1; } + +.nk-circle-animation + * { position: relative; z-index: 1; } + +.nk-circle-animation:before, .nk-circle-animation:after { position: absolute; content: ''; border: 4px solid rgba(168, 159, 254, 0.3); border-radius: 50%; } + +.nk-circle-animation:before { top: 0; left: 0; bottom: 0; right: 0; border-top-color: #07bcff; border-right-color: #07bcff; animation: rotatecw 30s linear infinite 0s; } + +.nk-circle-animation:after { top: 25px; left: 25px; bottom: 25px; right: 25px; border-top-color: #07bcff; border-bottom-color: #07bcff; animation: rotateacw 24s linear infinite 0s; } + +.nk-circle-animation.small:before, .nk-circle-animation.small:after { border-width: 2px; } + +.nk-circle-animation.fast:before { animation: rotatecw 15s linear infinite 0s; } + +.nk-circle-animation.fast:after { animation: rotateacw 10s linear infinite 0s; } + +.nk-circle-animation.white:before { border-top-color: #fff; border-right-color: #fff; } + +.nk-circle-animation.white:after { border-top-color: #fff; border-bottom-color: #fff; } + +.nk-circle-animation.accent-alt:before { border-top-color: #7a5cff; border-right-color: #7a5cff; } + +.nk-circle-animation.accent-alt:after { border-top-color: #7a5cff; border-bottom-color: #7a5cff; } + +.nk-circle-pk { position: relative; height: 565px; width: 640px; } + +.nk-circle-pk [class*="line"] { position: absolute; top: 0; border-radius: 50%; border: 1px solid rgba(7, 188, 255, 0.2); height: 100%; width: calc(100% - 80px); } + +.nk-circle-pk .line-1 { left: 0; } + +.nk-circle-pk .line-2 { left: 20px; } + +.nk-circle-pk .line-3 { left: 45px; } + +.nk-circle-pk .line-4 { left: 65px; } + +.token-status .nk-circle-pk { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } + +@media (min-width: 576px) { .nk-circle-animation { height: 500px; width: 500px; overflow: hidden; } + .nk-circle-animation:after { top: 45px; left: 45px; bottom: 45px; right: 45px; } + .nk-circle-animation.small { height: 400px; width: 400px; } + .nk-circle-animation.small:after { top: 35px; left: 35px; bottom: 35px; right: 35px; } } + +@media (min-width: 992px) { .token-status .nk-circle-pk { display: block; } + .icon-bg { margin-right: 20px; } + .has-rtl .icon-bg { margin-right: 0px; margin-left: 20px; } } + +.circle-animation { position: absolute; height: 700px; width: 700px; top: -75px; left: 50%; transform: translateX(-50%); } + +.circle-animation .ca { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid rgba(65, 80, 118, 0.15); } + +.tc-light .circle-animation .ca { border-color: rgba(255, 255, 255, 0.1); } + +.circle-animation .ca-dot { position: absolute; height: 12px; width: 12px; border-radius: 50%; } + +.circle-animation .ca-color-1 { background: #86cfff; } + +.circle-animation .ca-color-2 { background: #859fff; } + +.circle-animation .ca-color-3 { background: #93a6ba; } + +.circle-animation-l1 { height: 100%; width: 100%; animation: rotatecw_alt 78s linear infinite 0s; } + +.circle-animation-l1-d1 { left: 23%; top: 6.35%; } + +.circle-animation-l1-d2 { right: 23%; top: 6.35%; } + +.circle-animation-l1-d3 { right: -7px; top: 50%; } + +.circle-animation-l1-d4 { right: 23%; bottom: 6.35%; } + +.circle-animation-l1-d5 { left: 23%; bottom: 6.35%; } + +.circle-animation-l1-d6 { left: -7px; top: 50%; } + +.circle-animation-l2 { height: 84.6%; width: 84.6%; border-radius: 50%; animation: rotateacw_alt 66s linear infinite 0s; } + +.circle-animation-l2-d1 { right: 4.9%; top: 25%; } + +.circle-animation-l2-d2 { left: 42%; top: -.6%; } + +.circle-animation-l2-d3 { left: -2px; top: 40%; } + +.circle-animation-l2-d4 { left: 24%; bottom: 5.5%; } + +.circle-animation-l2-d5 { right: 11.2%; bottom: 16%; } + +.circle-animation-l3 { height: 69.2%; width: 69.2%; animation: rotatecw_alt 54s linear infinite 0s; } + +.circle-animation-l3-d1 { left: 7.6%; top: 20%; } + +.circle-animation-l3-d2 { right: 24%; top: 5.2%; } + +.circle-animation-l3-d3 { right: -3px; bottom: 39%; } + +.circle-animation-l3-d4 { right: 37%; bottom: 0; } + +.circle-animation-l3-d5 { left: 8.4%; bottom: 19%; } + +@keyframes rotatecw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(360deg); } } + +@keyframes rotateacw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(-360deg); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.social li { text-align: center; display: inline-block; padding: 0 3px; } + +.social li:first-child { padding-left: 0; } + +.social li a { display: inline-flex; align-items: center; transition: all 0.3s; width: auto; } + +.social li a:hover { opacity: 1; transform: translateX(0); } + +.social li a:hover .social-icon { background: #7a5cff; color: #fff; } + +.tc-light .social li a:hover .social-icon { background: #07bcff; } + +.social li a:hover .social-icon + span { color: #fff; } + +.social-icon { width: 32px; height: 32px; line-height: 32px; border-radius: 50%; transition: 0.3s; color: #415076; background: #fff; } + +.tc-light .social-icon { color: #fff; background: rgba(255, 255, 255, 0.15); } + +.social-icon-transparent { background: transparent; } + +.tc-light .social-icon-transparent { background: transparent; } + +.social-icon + span { display: none; margin-left: 8px; font-weight: 600; text-transform: uppercase; font-size: 12px; color: #07bcff; transition: all 0.3s; } + +.social-bar { display: flex; flex-wrap: wrap; } + +.social-bar li { flex-grow: 1; text-align: center; line-height: 30px; } + +.social-bar li:not(:last-child) { border-right: 1px solid #f0f5fc; } + +.social-bar li span { font-size: 14px; text-transform: uppercase; } + +.social-bar li a, .social-bar li span { display: block; padding: 7px 10px; } + +.social-bar-title { width: 100%; border-bottom: 1px solid #f0f5fc; } + +@media (min-width: 576px) { .social-icon + span { display: inline-block; } + .social-bar li a, .social-bar li span { padding: 20px; } + .social-bar-title { width: auto; border-bottom: none; } } + +@media (min-width: 992px) { .social-bar li a { font-size: 20px; } + .social-bar li a, .social-bar li span { padding: 40px 20px; } } + +.language-switcher .toggle-tigger { color: #415076; position: relative; } + +.is-transparent:not(.has-fixed) .header-logo .language-switcher .toggle-tigger { color: #fff; } + +.language-switcher .toggle-tigger:not(.btn) { padding: 8px 15px 8px 10px; } + +.language-switcher .toggle-tigger:not(.btn):after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.language-switcher-s1 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s2 .toggle-tigger:after { right: 14px; } + +.language-switcher-s2 .toggle-tigger:not(.btn) { padding: 3px 26px 3px 16px; } + +.language-switcher-s3 { border-left: 1px solid rgba(255, 255, 255, 0.15); text-transform: uppercase; font-size: .88rem; margin-left: 15px; } + +.language-switcher-s3 .toggle-tigger:not(.btn) { padding: 2px 20px 2px 15px; } + +.language-switcher-s4 { position: relative; } + +@media (min-width: 992px) { .language-switcher-s4:after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; content: ''; background: rgba(255, 255, 255, 0.15); } } + +.language-switcher-s4 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s5 .toggle-tigger { font-size: 12px; font-weight: 500; text-transform: uppercase; } + +.language-flag { width: 24px; margin: 3px 8px 3px 0; } + +.language-flag-lg { width: 36px; } + +.gfx { max-width: 400px; } + +.gfx-auto { margin-left: auto; margin-right: auto; } + +.gfx-inherit { max-width: 420px; } + +.gfx-md { max-width: 380px; } + +@media (min-width: 768px) { .gfx { max-width: 500px; } + .gfx-inherit { max-width: 420px; } + .gfx-md { max-width: 380px; } } + +@media (min-width: 992px) { .gfx-re-s1 { margin: 0 -230px 0 0; } } + +@media (min-width: 1600px) { .gfx-re-lgl { margin-left: -188px; } + .gfx-re-lg { margin: 0 -168px 0 42px; } } + +@media (min-width: 1900px) { .gfx-re-lgl { margin-left: -315px; } + .gfx-re-lgr { margin-right: -315px; } + .gfx-re-mdl { margin-left: -230px; } + .gfx-re-lg { margin: 0 -200px 0 42px; } } + +.piller-one, .piller-two { position: absolute; z-index: -1; } + +.piller-one { width: 250px; top: 20%; right: 100%; margin-right: 65px; } + +.piller-two { width: 200px; left: 100%; top: 50%; margin-left: 40px; } + +.gfx-round-bg { min-width: 300px; min-height: 300px; background: #eff6ff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } + +.gfx-round-bg.after:after { position: absolute; content: ""; left: 44px; top: 0; width: 100%; height: 100%; border: 1px solid #7a5cff; border-radius: 50%; } + +@media (min-width: 768px) { .gfx-round-bg { min-width: 400px; min-height: 400px; } } + +@media (min-width: 1200px) { .gfx-round-bg { min-width: 480px; min-height: 480px; } } + +@media (min-width: 1600px) { .gfx-round-bg { min-width: 600px; min-height: 600px; } } + +@media (min-width: 1900px) { .gfx-round-bg { min-width: 660px; min-height: 660px; } + .gfx-round-bg-md { min-width: 557px; min-height: 557px; } } + +/** 04. Components */ +/** 04.01 Tab */ +.tab-nav li a { display: block; padding: 12px 12px; line-height: 19px; font-weight: 400; color: rgba(50, 33, 173, 0.6); border-bottom: 1px solid rgba(219, 228, 247, 0.5); transition: all .4s; } + +.tab-nav li a:hover, .tab-nav li a.active { color: #3e2bc5; } + +.tab-nav li a .fas, .tab-nav li a .far { margin-right: 10px; } + +.tab-nav-sap { flex-grow: 1; height: 2px; background: rgba(167, 34, 244, 0.4); align-self: center; margin: 0 -7px; } + +.tc-light .tab-nav-sap { background: rgba(167, 34, 244, 0.4); } + +.tab-nav-vr { display: block; } + +.tab-nav-vr li:not(:last-child) a { border-bottom: 1px solid rgba(219, 228, 247, 0.5); } + +.tab-nav-vr li:last-child a { border: none; } + +.tab-nav-vr li a { padding: 18px 20px; } + +.tc-light .tab-nav-vr li:not(:last-child) a { border-color: rgba(255, 255, 255, 0.07); } + +.tab-nav-s2 { margin: 0 -15px 15px; } + +.tab-nav-s2 li { padding: 0 15px; } + +.tab-nav-s2 li a { font-size: 18px; letter-spacing: 0.01em; text-transform: uppercase; padding: 12px 5px; border-bottom-color: transparent; } + +.tc-light .tab-nav-s2 li a { color: rgba(255, 255, 255, 0.5) !important; } + +.tab-nav-s2 li a:hover, .tab-nav-s2 li a.active { color: #07bcff; border-bottom-color: #07bcff; } + +.tab-nav-s2 li a .fas, .tab-nav-s2 li a .far { margin-right: 10px; } + +.tab-nav-s3 li a { border: none !important; border-radius: 3px; cursor: pointer; padding: 28px 30px; } + +.tab-nav-s3 li a [class*=title] { color: #12183a; transition: all .4s; } + +.tc-light .tab-nav-s3 li a [class*=title] { color: #fff; } + +.tab-nav-s3 li a p { color: #415076; line-height: 1.6; } + +.tc-light .tab-nav-s3 li a p { color: #a89ffe; } + +.tab-nav-s3 li a.active { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); background: #fff; cursor: default; } + +.tab-nav-s3 li a.active [class*=title] { color: #07bcff; } + +.tc-light .tab-nav-s3 li a.active { background: #3e2bc5; } + +.bg-theme-alt .tab-nav-s3 li a.active { background: #3221ad; } + +.tab-nav-s4 { border: none; padding: 5px; border-radius: 30px; display: inline-block; } + +.tab-nav-s4 li { display: inline-block; } + +.tab-nav-s4 li a { border: none; line-height: 24px; background: transparent; font-weight: 600; color: #fff; font-size: 11px; padding: 10px 22px; border-radius: 25px; font-weight: 600; display: inline-block; } + +.tab-nav-s4 li a.active { color: #3221ad !important; background: #fff; } + +.tc-light .tab-nav-s4 li a.active:hover { color: tab_nav_s4_active_color !important; } + +.tc-light .tab-nav-s4 li a:hover { color: #fff !important; } + +.tab-nav-center { justify-content: center; } + +.tab-nav-bdr { border: 1px solid #dbe4f7; border-radius: 5px; } + +.tc-light .tab-nav-bdr { border-color: rgba(255, 255, 255, 0.07); background: rgba(255, 255, 255, 0.02); } + +.tab-nav-line { margin-bottom: 20px; border-bottom: 2px solid rgba(219, 228, 247, 0.5); text-align: center; justify-content: center; } + +.tab-nav-line li a { border-bottom: none; position: relative; } + +.tab-nav-line li a:after { position: absolute; width: 100%; height: 2px; left: 0; bottom: -2px; content: ''; background: #07bcff; opacity: 0; transition: all .4s; } + +.tab-nav-line li a:hover, .tab-nav-line li a.active { color: #07bcff; } + +.tab-nav-line li a.active:after { opacity: 1; } + +.tc-light .tab-nav-line { border-bottom-color: rgba(219, 228, 247, 0.5); } + +.tc-light .tab-nav li a:after { background: #07bcff; } + +.tc-light .tab-nav li a:hover, .tc-light .tab-nav li a.active { color: #07bcff !important; } + +.tab-nav-btn { margin: -7px -7px 8px; } + +.tab-nav-btn li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn li a { border-radius: 3px; color: #415076; background: rgba(50, 33, 173, 0.1); border-color: transparent; padding: 10px 18px; } + +.tc-light .tab-nav-btn li a { color: #415076; background: rgba(7, 188, 255, 0.1); border-color: transparent; } + +.tab-nav-btn li a:hover, .tab-nav-btn li a.active { color: #07bcff !important; background: rgba(50, 33, 173, 0.1); } + +.tc-light .tab-nav-btn li a:hover, .tc-light .tab-nav-btn li a.active { color: #07bcff !important; background: rgba(255, 255, 255, 0.1); } + +.tab-nav-btn-s2 li a:hover, .tab-nav-btn-s2 li a.active { color: #fff !important; background: #07bcff; } + +.tc-light .tab-nav-btn-s2 li a:hover, .tc-light .tab-nav-btn-s2 li a.active { color: #07bcff !important; background: rgba(50, 33, 173, 0.1); } + +.tab-nav-btn-bdr { margin: -7px; } + +.tab-nav-btn-bdr li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr li a { border-radius: 3px; color: #415076 !important; background: transparent; border: 1px solid !important; border-color: #415076 !important; } + +.tc-light .tab-nav-btn-bdr li a { color: #fff !important; background: transparent; border-color: rgba(167, 34, 244, 0.4) !important; } + +.tab-nav-btn-bdr li a:hover, .tab-nav-btn-bdr li a.active { color: #07bcff !important; background: transparent; border-color: #07bcff !important; } + +.tc-light .tab-nav-btn-bdr li a:hover, .tc-light .tab-nav-btn-bdr li a.active { color: #07bcff !important; background: transparent; border-color: #07bcff !important; } + +.tab-nav-btn-bdr-s2 { margin: -7px; } + +.tab-nav-btn-bdr-s2 li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr-s2 li a { text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; font-size: .88rem; padding: 14px 22px; border-radius: 6px; color: #415076 !important; background: transparent; border: 2px solid !important; border-color: rgba(167, 34, 244, 0.4) !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a { color: #fff !important; background: transparent; border-color: rgba(167, 34, 244, 0.4) !important; } + +.tab-nav-btn-bdr-s2 li a:hover, .tab-nav-btn-bdr-s2 li a.active { color: #07bcff !important; background: transparent; border-color: #07bcff !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a:hover, .tc-light .tab-nav-btn-bdr-s2 li a.active { color: #07bcff !important; background: transparent; border-color: #07bcff !important; } + +.tab-nav-grad li a { position: relative; } + +.tc-light .tab-nav-grad li a { background: rgba(255, 255, 255, 0.1); } + +.tab-nav-grad li a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: -1; border-radius: 3px; background: linear-gradient(-45deg, #3221ad 0%, #3e2bc5 100%); opacity: 0; transition: all .4s; } + +.tc-light .tab-nav-grad li a:before { background: linear-gradient(-45deg, #07bcff 0%, #7a5cff 100%) !important; } + +.tab-nav-grad li a:hover, .tab-nav-grad li a.active { color: #fff !important; background: transparent; } + +.tab-nav-grad li a:hover:before, .tab-nav-grad li a.active:before { opacity: 1; } + +.tc-light .tab-nav-grad li a:hover, .tc-light .tab-nav-grad li a.active { color: #fff !important; } + +.tab-pane { padding: 10px 0 0; } + +@media (min-width: 576px) { .tab-nav-line > li { flex-grow: 1; } + .tab-nav-s4 li a { font-size: 14px; padding: 13px 25px; } } + +/** 04.02 Accordion */ +.accordion-item { transition: all .4s; padding-bottom: 8px; } + +.accordion-item:not(:last-child) { border-bottom: 1px solid #dbe4f7; } + +.tc-light .accordion-item:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item:not(:last-child) { border-color: rgba(7, 188, 255, 0.3); } + +.accordion-item-s2 { border-width: 2px !important; border: 2px solid #dbe4f7; border-radius: 6px; } + +.tc-light .accordion-item-s2 { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2 { border-color: rgba(7, 188, 255, 0.3); } + +.accordion-item-s2.current { border-color: rgba(50, 33, 173, 0.5) !important; } + +.tc-light .accordion-item-s2.current { border-color: #07bcff !important; } + +.accordion-item-s2:not(:last-child) { margin-bottom: 15px; } + +.tc-light .accordion-item-s2:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2:not(:last-child) { border-color: rgba(7, 188, 255, 0.3); } + +.accordion-item-s3 { border: none !important; border-radius: 6px; background: #fff; box-shadow: 0px 4px 6px 0px rgba(50, 33, 173, 0.07); } + +.bg-theme .accordion-item-s3, .tc-light .accordion-item-s3 { background: rgba(255, 255, 255, 0.05); box-shadow: none; } + +.has-bg-image .accordion-item-s3 { background: rgba(22, 11, 109, 0.7); box-shadow: none; } + +.accordion-item-s3:not(:last-child) { margin-bottom: 30px; } + +.accordion-item-s4 { background: rgba(50, 33, 173, 0.09); } + +.accordion-item-s4.current { background: rgba(50, 33, 173, 0.05); } + +.accordion-title { position: relative; color: #3221ad; font-weight: 400; cursor: pointer; padding: 22px 54px 14px 0; margin-bottom: 0; } + +.accordion-item-s2 .accordion-title { padding: 25px 54px 17px 30px; } + +.accordion-item-s3 .accordion-title { padding: 20px 54px 12px 30px; } + +.accordion-item-s4 .accordion-title { padding: 16px 54px 8px 30px; } + +.tc-light .accordion-title { color: #07bcff; } + +.accordion-title-sm { font-size: 16px; } + +.accordion-title.collapsed { color: #415076; transition: all .4s; } + +.tc-light .accordion-title.collapsed { color: #fff; } + +.tc-light .accordion-title.collapsed:hover { color: #07bcff; } + +.accordion-title.collapsed:hover { color: #3221ad; } + +.accordion-title.collapsed .accordion-icon:before { opacity: 0; } + +.accordion-title.collapsed .accordion-icon:after { opacity: 1; } + +.accordion-title.collapsed .accordion-icon-s2:after { transform: rotate(-180deg); } + +.accordion-icon { position: absolute; top: calc(50% + 4px); transform: translateY(-50%); right: 0; height: 36px; width: 36px; border-radius: 50%; background: #eff6ff; } + +.current .accordion-icon { background: #eff6ff; } + +.accordion-icon:before, .accordion-icon:after { line-height: 36px; color: #3e2bc5; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; text-align: center; transition: all .4s; } + +.current .accordion-icon:before, .current .accordion-icon:after { color: #3e2bc5; } + +.accordion-icon:before { content: '\f068'; opacity: 1; } + +.accordion-icon:after { content: '\f067'; opacity: 0; } + +.accordion-icon-s2 { background: #eff6ff; } + +.accordion-icon-s2:after { font-family: "themify"; content: '\e648'; opacity: 1 !important; } + +.accordion-icon-s2:before { display: none; } + +.accordion-item-s2 .accordion-icon { right: 12px; } + +.accordion-item-s3 .accordion-icon { right: 18px; } + +.accordion-item-s4 .accordion-icon { right: 12px; } + +.tc-light .accordion-icon { background: rgba(7, 188, 255, 0.1); } + +.tc-light .accordion-icon:after, .tc-light .accordion-icon:before { color: #07bcff; } + +.accordion-content { padding-bottom: 12px; padding-right: 46px; } + +.accordion-content p:last-child { margin-bottom: 0; } + +.accordion-item-s2 .accordion-content, .accordion-item-s3 .accordion-content, .accordion-item-s4 .accordion-content { padding-left: 30px; } + +.accordion-item-s4 .accordion-content { padding-bottom: 6px; } + +.accordion-faq { margin-top: -15px; } + +.accordion-header { padding: 20px; } + +.accordion-header p { margin-bottom: 0; } + +.accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: none; } + +.accordion-body { padding: 0 20px 30px; } + +.accordion-box:not(:last-child) { margin-bottom: 40px; } + +.border-b-none { border-bottom: 0px !important; } + +@media (min-width: 576px) { .accordion-title-sm { font-size: 18px; } + .accordion-header { padding: 20px 40px; } + .accordion-header p { margin-bottom: 0; } + .accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: block; } + .accordion-body { padding: 0 40px 40px; } } + +/** 04.03 Blocks */ +.nk-block { display: block; width: 100%; position: relative; z-index: 1; } + +.nk-block ~ .nk-block { padding-top: 40px; } + +.nk-block ~ .nk-block-team-list { padding-top: 60px; } + +.nk-block + .hr { margin-top: 40px; margin-bottom: 40px; } + +.section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + +.nk-block-lg + .nk-block { padding-top: 60px; } + +.nk-block-zero + .nk-block { padding-top: 0 !important; } + +.nk-block-text-head { padding-bottom: 35px; } + +.nk-block-img { position: relative; } + +.nk-block-img-plx { position: absolute; } + +.nk-block-img-s1 { position: relative; z-index: 99; margin-top: -71px; padding: 30px 50px; background: #fff; border-radius: 60px 60px 60px 200px; box-shadow: 0 15px 30px rgba(50, 33, 173, 0.1); } + +.nk-block-img-s2 img { max-width: 400px; width: 100%; } + +.nk-block-img-s3 img { max-width: 300px; width: 100%; } + +.nk-block-screen { padding: 70px 50px 100px 0; } + +.nk-block-screen img { border-radius: 3px; border: 1px solid #dfeaf8; } + +.nk-block-screen-small { position: absolute; right: 0; bottom: 0; max-width: 210px; } + +.nk-block-video { position: relative; border-radius: 4px; } + +.nk-block-ca { padding: 70px 20px; } + +.nk-block-plx { width: 300px; padding: 30px 10px; margin-left: auto; margin-right: auto; } + +.nk-block-contact-s1 { padding: 110px 0; position: relative; display: flex; align-items: center; justify-content: center; background: url(../images/dot-c.png) no-repeat; background-size: contain; background-position: 50% 50%; } + +.nk-block-m30, .nk-block-team-list, .nk-block-features { margin-bottom: -30px; } + +.nk-block-m40 { margin-bottom: -40px; } + +.nk-block-m50 { margin-bottom: -50px; } + +.nk-block .pagination { margin-top: 10px; } + +.nk-block-status + .nk-block-actions { padding-top: 80px; padding-bottom: 40px; } + +.nk-block-note { position: relative; background: rgba(0, 0, 0, 0.2); border-radius: 6px; margin-top: 40px; padding: 20px 25px 20px 65px; } + +.nk-block-note-s2 { background: rgba(168, 159, 254, 0.25); } + +.nk-block-note .icon { position: absolute; left: 15px; top: 50%; font-size: 30px; color: #07bcff; transform: translateY(-50%); } + +.nk-block-shade { position: absolute; left: -120px; bottom: 65px; width: 100%; height: calc(100% - 130px); border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); opacity: .10; transform: skew(9deg); } + +.nk-block-shade:after { position: absolute; left: 50px; bottom: 50px; width: 100%; height: 100%; content: ''; border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.nk-block-shape-s1 { position: relative; z-index: 2; padding-top: 80px; padding-bottom: 100px; background: #3221ad; } + +.nk-block-shape-s1:before, .nk-block-shape-s1:after { position: absolute; top: 0; height: 100%; content: ''; z-index: -1; background: #3221ad; } + +.nk-block-shape-s1:before { left: -190px; width: 320px; border-radius: 100px 0 0 100px; transform: skew(9deg); } + +.nk-block-shape-s1:after { right: -280px; width: 370px; border-radius: 0 100px 100px 0; transform: skew(-7deg); } + +.nk-block-shape-s1.bg-theme-alt { background: #3e2bc5; } + +.nk-block-shape-s1.bg-theme-alt:before, .nk-block-shape-s1.bg-theme-alt:after { background: #3e2bc5; } + +.nk-block-shape-s1.bg-theme-dark { background: #160b6d; } + +.nk-block-shape-s1.bg-theme-dark:before, .nk-block-shape-s1.bg-theme-dark:after { background: #160b6d; } + +.nk-block-shape-s1.bg-theme-dark-alt { background: #1d0e8a; } + +.nk-block-shape-s1.bg-theme-dark-alt:before, .nk-block-shape-s1.bg-theme-dark-alt:after { background: #1d0e8a; } + +.nk-block-header { padding-top: 30px; padding-bottom: 30px; } + +.plx-screen { width: 80px; bottom: 0; left: 0; } + +.plx-circle-s1 { width: 80px; top: 10px; left: -5px; z-index: -1; animation: ani_cicle 4s infinite linear; } + +.plx-polygon-s1 { width: 70px; bottom: 15px; left: 40px; transform-origin: center; animation: ani_round 20s infinite linear; } + +.plx-triangle-s1 { width: 80px; bottom: 0; right: 0; animation: ani_round 30s infinite reverse linear; } + +@keyframes ani_round { 0% { transform: translate(0, 0) rotate(0deg); } + 25% { transform: translate(10px, 15px) rotate(90deg); } + 50% { transform: translate(0, 0) rotate(180deg); } + 75% { transform: translate(-10px, -15px) rotate(270deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +@keyframes ani_cicle { 0% { transform: translate(0, 0) rotate(0deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +.img-block-dot { background-image: url(../images/dot-a.png); background-position: top center; padding: 50px 0; margin-top: -40px; } + +@media (min-width: 576px) { .nk-block-screen { padding: 0 50px 100px 0; } + .nk-block-team-list { margin-bottom: -50px; } } + +@media (min-width: 576px) { .nk-block ~ .nk-block { padding-top: 60px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-lg + .nk-block { padding-top: 80px; } + .nk-block-ca { padding: 90px 20px; } + .nk-block-plx { padding: 60px; width: 100%; } + .nk-block-contact-s1 { padding: 180px 0; } + .nk-block-img-s1 { padding: 40px 70px; } + .nk-block-note { margin-top: 40px; padding: 20px 65px 20px 75px; } + .nk-block-note .icon { left: 20px; } + .nk-block-shape-s1 { padding-top: 150px; padding-right: 40px; padding-bottom: 150px; } + .plx-screen { width: 130px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 140px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 95px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 768px) { .nk-block-img-s2 img { max-width: 100%; } + .nk-block-ca { padding: 60px; } + .nk-block-plx { padding: 60px; } + .plx-screen { width: 160px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 160px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 125px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 992px) { .nk-block ~ .nk-block { padding-top: 100px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-status + .nk-block-actions { padding-top: 70px; padding-bottom: 40px; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-sm + .nk-block { padding-top: 70px; } + .nk-block-lg + .nk-block { padding-top: 100px; } + .nk-block-img-s1 { margin-right: -71px; } + .nk-block-img.edge-r1 { margin-right: -160px; } + .nk-block-img.edge-l1 { margin-left: -160px; } + .nk-block-img.edge-r2 { margin-right: -360px; } + .nk-block-img.edge-l2 { margin-left: -360px; } + .nk-block-img.edge-r3 { margin-right: -500px; } + .nk-block-img.edge-l3 { margin-left: -500px; } + .nk-block .pagination { margin-top: 30px; } } + +@media (min-width: 1200px) { .nk-block-lg + .nk-block { padding-top: 130px; } } + +.app-slide-wrap { position: relative; width: 230px; margin: 15px auto; } + +.app-slide-wrap:after { position: absolute; height: calc(100% + 80px); width: calc(100% + 96px); top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; background-image: url(../images/light-ix.png); } + +.app-slide img { border-radius: 4px; } + +/** 04.04 Box */ +.card { padding: 20px; background: #fff; border: none; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.02); } + +.card.card-s3 { padding: 30px 20px; } + +.card-full { height: calc(100% - 30px); } + +.card-full-lg { height: calc(100% - 80px); } + +.card.feature-s8 { padding: 35px 25px; } + +.card-s2 { padding: 55px 30px 110px; box-shadow: 0px 5px 46px rgba(62, 43, 197, 0.14); } + +.card-lg-y { box-shadow: 0px 20px 60px rgba(18, 24, 58, 0.1); } + +.card-s3 { box-shadow: 0px 5px 18px rgba(65, 80, 118, 0.2); } + +@media (min-width: 576px) { .card { padding: 30px; } + .card.card-s3 { padding: 30px; } + .card-md { padding: 40px 30px; } + .card-lg { padding: 45px 40px; } + .card.feature-s8 { padding: 45px 30px; } + .card-s2 { padding: 55px 30px 110px; } + .card-lg-y { padding: 70px 30px; } + .card-lg-xy { padding: 70px 55px; } } + +/** 04.05 Banner */ +.nk-banner { display: block; width: 100%; z-index: 5; position: relative; } + +.banner { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } + +.is-transparent .banner { padding-top: 60px; } + +.has-mask .banner { padding-bottom: 75px; } + +.has-mask .banner-page { padding-bottom: 40px; } + +.has-mask .banner-mask-fix { padding-bottom: 40px !important; } + +.has-mask .banner-inner { padding-bottom: 125px; } + +.header-banner-angled .banner { padding-bottom: 540px; } + +.header-banner-angled-s2 .banner { padding-bottom: 498px; } + +.banner-screen { position: absolute !important; z-index: 0 !important; left: 50%; right: 0; bottom: -8px; width: 320px; transform: translateX(-50%); } + +.banner-wrap { width: 100%; } + +.banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } + +.banner-gfx { position: relative; margin: -15px 0; } + +.banner-gfx-auto { margin: 0 auto !important; } + +.banner-gfx-re-s4 { margin: 0 -95px; } + +.banner-gfx-icon { position: absolute; width: 4.2%; top: 32%; } + +.banner-gfx-icon-1 { left: 43.75%; animation: jumping 1s linear 0s infinite alternate; } + +.banner-gfx-icon-2 { right: 40.25%; animation: jumping 1s linear .5s infinite alternate; } + +.banner-gfx-s2 { max-width: 280px; margin: 0 auto; } + +.banner-fs { min-height: calc(100vh - 90px); } + +.is-transparent .banner-fs { min-height: 100vh; } + +.banner-gap-b1 { padding-bottom: 50px; } + +.has-mask .banner-gap-b1 { padding-bottom: 75px; } + +.banner-gap-b2 { padding-bottom: 75px; } + +.has-mask .banner-gap-b2 { padding-bottom: 125px; } + +.banner-gap-b3 { padding-bottom: 75px; } + +.has-mask .banner-gap-b3 { padding-bottom: 120px; } + +.banner-gap-b4 { padding-bottom: 340px; } + +.has-mask .banner-gap-b4 { padding-bottom: 360px; } + +.banner-page .banner-wrap { padding: 40px 0; } + +.is-transparent .banner-page .banner-wrap { padding-top: 20px; } + +.banner-page .breadcumb { padding-top: 10px; } + +.banner-page-md { min-height: 340px; } + +.banner-page-lg { min-height: 460px; } + +.banner-caption:not([class*=wide]) { max-width: 720px; margin-left: auto; margin-right: auto; } + +.banner > .nk-block { position: relative; z-index: 2; } + +.banner-social { background: rgba(255, 255, 255, 0.2); border-radius: 25px; padding: 0px 20px; display: inline-block; } + +.banner-social-wrap { margin-top: 30px; } + +.banner-social li { padding: 13px 8px; display: inline-block; } + +.banner-social li a { color: #fff; text-align: center; line-height: 24px; width: 24px; display: block; } + +.banner-social li a:hover { opacity: .5; outline: none; transform: translateY(-3px); } + +.banner-with-token-box-s1 .banner-wrap { padding-bottom: 175px; } + +.banner-s1-overlay { position: relative; overflow: hidden; } + +.banner-s1-overlay:before, .banner-s1-overlay:after { position: absolute; content: ''; width: 875px; height: 300%; bottom: -100%; transform: rotate(-45deg); background: rgba(255, 255, 255, 0.02); z-index: -1; } + +.banner-s1-overlay:before { left: 50%; margin-left: -130px; } + +.banner-s1-overlay:after { right: 50%; margin-right: -110px; } + +.banner-s1 .title-xs { margin-bottom: 1.14rem; } + +.banner-inner { min-height: 500px; } + +@keyframes jumping { 0% { transform: translateY(5px); } + 100% { transform: translateY(-25px); } } + +.cpn { padding-top: 30px; padding-bottom: 30px; } + +.cpn-head, .cpn-action, .cpn-text { margin-top: 20px; } + +.cpn > *:first-child { margin-top: 0; } + +.cpn-head .title { font-size: 1.75rem; line-height: 1.5; } + +.cpn-head .title-lg { line-height: 1.3; font-weight: 700; } + +.cpn-text { font-weight: 300; font-size: 1.1rem; line-height: 1.8; margin-bottom: 25px; color: #415076; } + +.tc-light .cpn-text { color: #e4e1ff; } + +.cpn-text p { color: inherit !important; font-size: inherit !important; } + +.cpn-text-center { margin-left: auto; margin-right: auto; } + +.cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } + +.cpn-text .lead, .cpn-text .lead-light { font-size: 1.2rem; font-weight: 300; line-height: 1.7; } + +.cpn-text .lead-s2 { font-size: 1.3rem; font-weight: 400; line-height: 1.7; } + +.cpn-text .lead-s3 { font-size: 1.3rem !important; font-weight: 300; line-height: 1.7; } + +.cpn-text-light .lead, .cpn-text-light .lead-light { font-weight: 300; } + +.cpn-links { padding-top: 20px; margin-top: -10px; margin-bottom: -10px; margin-left: -15px; margin-right: -15px; } + +.cpn-action .cpn-links { padding-top: 0; } + +.cpn-links li { display: inline-block; padding: 10px 15px; font-weight: 500; } + +.cpn-links-s1 { display: flex; justify-content: space-around; align-items: center; padding: 0 50px; } + +.cpn-btns + .cpn-links { padding-top: 20px; } + +.cpn-links + .cpn-btns { padding-top: 20px; } + +.cpn-boxed { padding: 20px; background: rgba(22, 11, 109, 0.6); } + +.cpn-boxed:not([class*='radius']) { border-radius: 6px; } + +.cpn-social { margin-top: 30px; } + +@media (max-width: 575px) { .cpn-title .title { font-size: 1.75rem; line-height: 1.5; } } + +@media (min-width: 576px) { .banner-gap-b3 { padding-bottom: 120px; } + .has-mask .banner-gap-b3 { padding-bottom: 160px; } + .banner-screen { bottom: -40px; width: 100%; } + .banner-screen-right { bottom: -70px; width: 360px; } + .banner-fs .banner-wrap { padding-top: 70px; padding-bottom: 70px; } } + +@media (min-width: 768px) { .banner-gfx-re-s2 { margin: -50px 0 0; } + .has-mask .banner { padding-bottom: 160px; } + .has-mask .banner-page { padding-bottom: 80px; } + .banner-gap-b1 { padding-bottom: 75px; } + .has-mask .banner-gap-b1 { padding-bottom: 125px; } + .banner-gap-b2 { padding-bottom: 125px; } + .has-mask .banner-gap-b2 { padding-bottom: 200px; } + .banner-gap-b4 { padding-bottom: 340px; } + .has-mask .banner-gap-b4 { padding-bottom: 360px; } + .banner-page .banner-wrap { padding: 80px 0; } + .is-transparent .banner-page .banner-wrap { padding-top: 60px; } + .banner-page-md { min-height: 400px; } + .banner-page-lg { min-height: 580px; } + .banner-social-wrap { margin-top: 0; } + .banner-social-vertical { right: 60px; top: 50%; transform: translateY(-50%); position: absolute; z-index: 3; padding: 20px 0; margin-top: -30px; } + .banner-social-vertical li { display: block; padding: 8px 13px; } + .banner-with-token-box-s1.banner-fs { min-height: 92vh; } + .banner-with-token-box-s1 .banner-wrap { padding-bottom: 40px; } + .cpn-text, .cpn-action { margin-top: 20px; } + .cpn-text { margin-bottom: 15px; } + .cpn-btns { padding-top: 10px; } + .cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } } + +@media (min-width: 992px) { .is-transparent .banner { padding-top: 75px; } + .banner-gfx-re-s1 { margin: 0 -80px 0 -180px; } + .banner-gfx-re-s2 { margin: -50px -280px 0 -110px; } + .banner-gfx-re-s3 { margin: 0 -150px 0 -35px; } + .banner-gfx-re-s5 { margin: 0 -305px 0 0; } + .has-mask .banner { padding-bottom: 180px; } + .has-mask .banner-page { padding-bottom: 100px; } + .banner-gap-b3 { padding-bottom: 200px; } + .has-mask .banner-gap-b3 { padding-bottom: 220px; } + .banner-gap-b4 { padding-bottom: 60px; } + .has-mask .banner-gap-b4 { padding-bottom: 80px; } + .banner-screen-right { bottom: -45px; width: 100%; } + .has-mask .banner-pd-lg { padding-bottom: 225px; padding-top: 65px; } + .banner-inner { min-height: 600px; } + .cpn { max-width: 90%; } + .banner-page .cpn { max-width: 100%; } + .cpn-head, .cpn-action, .cpn-text { margin-top: 30px; } + .banner-s1 .cpn-head { margin-top: 0; } + .cpn-text { margin-bottom: 25px; max-width: 90%; } + .banner-s1 .cpn-text { margin-top: 20px; margin-bottom: 6px; } + .banner-s2 .cpn-text { margin-top: 20px; } + .cpn-text-s1 { margin-top: 20px; margin-bottom: 12px; } + .cpn-text-s2 { max-width: 100% !important; } + .cpn-text-s3 { margin-top: 10px; } + .cpn-btns, .cpn-links { padding-top: 20px; } + .cpn-action .cpn-btns, .cpn-action .cpn-links { padding-top: 0; } + .cpn-btns + .cpn-links { padding-top: 20px; } + .cpn-links + .cpn-btns { padding-top: 20px; } + .cpn-head .title { font-size: 2.125rem; } + .cpn-head .title-sm { font-size: 1.85rem; } + .cpn-head .title-md { font-size: 2.6rem; } + .cpn-head .title-lg { font-size: 4rem; } + .cpn-head .title-lg-s2 { font-size: 3rem; } + .cpn-head .title-lg-s3 { font-size: 2rem; } + .cpn-boxed { padding: 35px; } + .cpn-social { margin-top: 50px; } + .cpn-s2 { margin-top: -122px !important; padding-top: 0; } } + +@media (min-width: 1200px) { .banner-gfx-re-s1 { margin: 0 -380px 0 -180px; } + .banner-gfx-re-s2 { margin: 0 -330px 0 -110px; } + .banner-gfx-re-s5 { margin: 0 -515px 0 0; } + .banner-gfx-re-s7 { margin: 140px -505px -183px -290px; } + .banner-gfx-re-s7 + .abs-center { right: 15px; transform: translateY(-50%); left: auto; } + .banner-gap-b3 { padding-bottom: 290px; } + .has-mask .banner-gap-b3 { padding-bottom: 320px; } + .banner-screen-right { bottom: -90px; } + .banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } } + +@media (min-width: 1600px) { .banner-caption:not([class*=wide]) { max-width: 1080px; } + .banner-gfx-re-s2 { margin: -100px -480px 0 -110px; } + .banner-fs-lg { min-height: calc(100vh - 100px); } + .has-mask .banner-pd-lg { padding-bottom: 295px; padding-top: 65px; } + .cpn-head .title-lg-s3 { font-size: 3rem; } } + +@media (max-width: 991px) and (orientation: landscape) { .banner-gfx { margin-left: auto; margin-right: auto; max-width: 390px; } } + +@media (max-width: 767px) and (orientation: landscape) { .banner-gfx { max-width: 320px; } } + +@media (min-width: 992px) and (max-width: 1200px) and (orientation: portrait) { .banner-fs { min-height: calc(65vh - 90px); } + .is-transparent .banner-fs { min-height: 60vh; } } + +@media (max-width: 420px) { .cpn-btns .btn:not(.btn-with-icon) { font-size: 11px; padding: 8px 16px; } } + +.banner-y-pd { padding-top: 100px !important; padding-bottom: 124px !important; } + +.gfx-screen { position: absolute; top: 5px; left: 44px; width: calc(100% - 91px); height: calc(100% - 25px); } + +.gfx-screen .owl-stage-outer, .gfx-screen .owl-stage, .gfx-screen .owl-item, .gfx-screen .slides { height: 100%; width: 100%; border-radius: 6px; } + +.gfx-screen .flex-control-nav { position: absolute; right: -45px; top: 50%; transform: translateY(-50%); width: auto; height: fit-content; } + +.gfx-screen .flex-control-nav li { display: block; } + +.gfx-screen .flex-control-nav li a { width: 8px; height: 8px; border-radius: 50%; margin: 10px; box-shadow: none; border-radius: 50%; background: #cedaeb !important; } + +.gfx-screen .flex-control-nav li a.flex-active { background: #7a5cff !important; } + +.gfx-slide, .gfx-slide-item { height: 100%; } + +.gfx-slide img { border-top-right-radius: 10px; border-top-left-radius: 10px; } + +.gfx-slide-item { width: 100%; } + +@media (min-width: 400px) { .gfx-screen { top: 8px; left: 57px; width: calc(100% - 117px); height: calc(100% - 35px); } + .gfx-screen .flex-control-nav { right: -46px; } + .banner-gfx-s2 { max-width: 350px; } } + +@media (min-width: 576px) { .gfx-screen { left: 63px; width: calc(100% - 130px); } + .gfx-screen .flex-control-nav { right: -53px; } + .banner-gfx-s2 { max-width: 100%; } } + +@media (min-width: 768px) { .gfx-screen { top: 9px; left: 73px; width: calc(100% - 150px); height: calc(100% - 44px); } + .gfx-screen .flex-control-nav { right: -65px; } } + +@media (min-width: 1200px) { .gfx-screen { top: 18px; left: 106px; width: calc(100% - 220px); height: calc(100% - 66px); } + .gfx-screen .flex-control-nav { right: -100px; } } + +@media (min-width: 1600px) { .gfx-screen { left: 135px; width: calc(100% - 279px); height: calc(100% - 81px); } + .gfx-screen .flex-control-nav { right: -128px; } } + +/** 04.06 Head */ +.section-head { position: relative; } + +.section-head:not([class*=pdb]) { padding-bottom: 40px; } + +.section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + +.section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + +.section-head p { color: #415076; } + +.tc-light .section-head p { color: #e4e1ff; } + +.section-head.tc-light p { color: #e4e1ff; } + +.section-head .title { font-weight: 500; } + +.section-head .title-thin { font-weight: 300; } + +.section-head .title:not(:last-child) { margin-bottom: .75rem; } + +.section-head .title-xs:not(:last-child) { margin-bottom: .5rem; } + +.section-head .title:before { position: absolute; left: 50%; top: 50%; content: attr(title); font-family: "Poppins", sans-serif; line-height: .9; text-transform: uppercase; white-space: nowrap; color: #3221ad; transform: translate(-50%, -50%); opacity: 0.06; } + +.tc-light .section-head .title:before { opacity: 0.06; } + +.section-head .title-s4 { text-transform: uppercase; padding: 30px 0; margin-bottom: 0; opacity: 1; position: relative; } + +.section-head .title-s4.title:before { font-size: 120px !important; font-weight: 700; } + +.section-head-s2 .title:before { font-size: 48px; background-image: linear-gradient(180deg, #415076 0%, #e4e1ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.firefox .section-head-s2 .title:before { -webkit-text-fill-color: #000; } + +.firefox .tc-light .section-head-s2 .title:before { -webkit-text-fill-color: #fff; } + +.section-head-s3 { position: relative; } + +.section-head-s3:after, .section-head-s3:before { position: absolute; left: 50%; height: 1px; width: 110px; content: ""; transform: rotate(-45deg); z-index: -1; opacity: .4; } + +.section-head-s3:before { top: 60px; margin-left: -80px; background: #7a5cff; } + +.tc-light .section-head-s3:before { background: #7a5cff; } + +.section-head-s3:after { top: 5px; margin-left: -50px; background: #07bcff; } + +.tc-light .section-head-s3:after { background: #07bcff; } + +.section-head-line { position: absolute; height: 60px; width: 60px; left: 50%; top: 10px; opacity: .2; border-radius: 50%; background: transparent; transform: rotate(45deg) translate(-50%, 0); } + +.section-head-line .line-1, .section-head-line .line-2, .section-head-line .line-3, .section-head-line .line-4, .section-head-line .line-5, .section-head-line .line-6, .section-head-line .line-7, .section-head-line .line-8 { position: absolute; content: ""; border-radius: 50%; background: transparent; border-top: 1px solid #07bcff; border-left: 1px solid #07bcff; } + +.section-head-line .line-1 { top: -15px; left: -15px; height: 90px; width: 90px; } + +.section-head-line .line-2 { top: -30px; left: -30px; height: 120px; width: 120px; } + +.section-head-line .line-3 { top: -45px; left: -45px; height: 150px; width: 150px; } + +.section-head-line .line-4 { top: -60px; left: -60px; height: 180px; width: 180px; } + +.section-head-line .line-5 { top: -75px; left: -75px; height: 210px; width: 210px; } + +.section-head-line .line-6 { top: -90px; left: -90px; height: 240px; width: 240px; } + +.section-head-line .line-7 { top: -105px; left: -105px; height: 270px; width: 270px; } + +.section-head-line .line-8 { top: -120px; left: -120px; height: 300px; width: 300px; } + +@media (min-width: 576px) { .section-head:not([class*=pdb]) { padding-bottom: 50px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + .section-head .title:not(:last-child) { margin-bottom: 1.25rem; } + .section-head .title-xs:not(:last-child) { margin-bottom: .75rem; } + .section-head-s2 .title:before { font-size: 64px; } } + +@media (min-width: 992px) { .section-head:not([class*=pdb]) { padding-bottom: 60px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 40px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-s2 .title:before { font-size: 90px; } + .section-head-s2 .title-xl:before { font-size: 124px; } } + +.t-cap { text-transform: capitalize !important; } + +/** 04.07 Features */ +.feature { margin-bottom: 30px; display: block; } + +.feature-download { margin-bottom: 0; } + +.feature.card { height: calc(100% - 30px); } + +.feature-group .feature { margin-bottom: 0; } + +.feature-group { border-radius: 6px; } + +.feature-icon { position: relative; width: 60px; margin-bottom: 15px; flex-shrink: 0; margin-right: 12px; } + +.feature-icon-md { width: 40px; } + +.feature-icon-md-s2 { width: 80px; } + +.feature-icon-xl { width: 120px; } + +.feature-icon.dot:before { position: absolute; bottom: 0; right: 0; content: ''; height: 30px; width: 30px; border-radius: 50%; background: rgba(7, 188, 255, 0.5); z-index: 4; } + +.tc-light .feature-icon .icon { color: #07bcff; } + +.feature-icon .icon { position: relative; font-size: 3.75rem; color: #3e2bc5; z-index: 5; margin-left: -5px; } + +.feature-icon .icon.icon-circle { margin-left: 0; } + +.feature-icon .icon-xs { font-size: 1rem; } + +.feature-icon .icon-md { font-size: 2.75rem; } + +.feature-icon .icon-rg { font-size: 4.35rem; } + +.feature-icon .icon-lg { font-size: 5.75rem; } + +.feature-icon .icon-lg-s2 { font-size: 5rem; padding-top: 15px; } + +.feature-icon .icon-xl { font-size: 9rem; } + +.feature-icon .icon-grd { background-image: linear-gradient(-45deg, #07bcff 0%, #7a5cff 80%, #7a5cff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.feature-icon .icon-circle { position: relative; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #7a5cff; border-radius: 50%; background-image: linear-gradient(-45deg, #07bcff 0%, #7a5cff 80%, #7a5cff 100%); } + +.feature-icon .icon-circle:after { position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; content: ''; border-radius: 50%; background: #fff; z-index: -1; } + +.bg-theme .feature-icon .icon-circle:after { background: #3221ad; } + +.bg-theme-alt .feature-icon .icon-circle:after { background: #3e2bc5; } + +.bg-theme-dark .feature-icon .icon-circle:after { background: #160b6d; } + +.bg-theme-dark-alt .feature-icon .icon-circle:after { background: #1d0e8a; } + +.feature-icon-s1 { text-align: center; margin-left: 10px; margin-bottom: 40px; } + +.feature-icon-s1:after { position: absolute; content: ""; left: 50%; top: 50%; width: 62px; height: 62px; border: 2px solid rgba(62, 43, 197, 0.2); transform: translate(-50%, -50%) rotate(45deg); border-radius: 8px; } + +.tc-light .feature-icon-s1:after { border: 2px solid rgba(62, 43, 197, 0.8); } + +.feature-icon-s1 .icon { margin-left: 0; line-height: 48px; } + +.feature-icon-s5 { width: 60px; height: 60px; text-align: center; line-height: 63px; border-radius: 50%; margin-bottom: 0; } + +.feature-icon-s5 .icon { font-size: 1rem; width: 40px; height: 40px; background: #fff; line-height: 40px; border-radius: 50%; text-align: center; border: 1px solid; border-color: currentColor; margin-left: 0; } + +.tc-light .feature-icon-s5 .icon { border-width: 0; } + +.feature-icon-s5-1 { background: rgba(62, 43, 197, 0.2); } + +.tc-light .feature-icon-s5-1 { background: rgba(62, 43, 197, 0.6); } + +.feature-icon-s5-1 .icon { color: #3e2bc5; background: linear-gradient(-90deg, #fff 0%, #bbb4ef 100%); } + +.tc-light .feature-icon-s5-1 .icon { color: #3e2bc5; } + +.feature-icon-s5-2 { background: rgba(122, 92, 255, 0.2); } + +.tc-light .feature-icon-s5-2 { background: rgba(122, 92, 255, 0.4); } + +.feature-icon-s5-2 .icon { color: #7a5cff; background: linear-gradient(-90deg, #fff 0%, white 100%); } + +.tc-light .feature-icon-s5-2 .icon { color: #7a5cff; } + +.feature-icon-s5-3 { background: rgba(7, 188, 255, 0.2); } + +.tc-light .feature-icon-s5-3 { background: rgba(7, 188, 255, 0.4); } + +.feature-icon-s5-3 .icon { color: #07bcff; background: linear-gradient(-90deg, #fff 0%, #baecff 100%); } + +.tc-light .feature-icon-s5-3 .icon { color: #07bcff; } + +.feature-icon-s5-4 { background: rgba(230, 96, 74, 0.2); } + +.tc-light .feature-icon-s5-4 { background: rgba(230, 96, 74, 0.4); } + +.feature-icon-s5-4 .icon { color: #e97460; background: linear-gradient(-90deg, #fff 0%, #fceae7 100%); } + +.tc-light .feature-icon-s5-4 .icon { color: #e97460; } + +.feature-icon-s6 { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(to right, #07bcff 0%, #7a5cff 100%); text-align: center; line-height: 60px; } + +.feature-icon-s6 .icon { font-size: 40px; color: #fff; opacity: 0.8; line-height: 60px; margin-left: 0; } + +.tc-light .feature-icon-s6 .icon { color: #fff; } + +.feature-icon-s6-bg { width: 60px; height: 60px; border-radius: 50%; background: rgba(7, 188, 255, 0.2); text-align: center; line-height: 60px; } + +.feature-icon-s6-bg .icon { font-size: 40px; color: #07bcff; line-height: 60px; margin: 0 auto; } + +.feature-icon-s7 { width: 65px; height: 65px; border-radius: 50%; text-align: center; line-height: 65px; background: #07bcff; } + +.feature-icon-s7 .icon { font-size: 30px; margin-left: 0; line-height: inherit; color: #fff; } + +.tc-light .feature-icon-s7 .icon { color: #fff; } + +.feature-icon-s8 { width: 90%; } + +.text-center .feature-icon-s8 { margin-left: auto; margin-right: auto; } + +.feature-icon-auto { width: auto; } + +.feature-icon-lg { width: 160px; margin-top: -15px; margin-bottom: 5px !important; } + +.feature-icon-lg-s1 { width: 110px; margin-top: -10px; margin-bottom: 5px !important; } + +.feature-icon-lg-s2 { width: 130px; margin-top: -12px; margin-bottom: 5px !important; } + +.feature-icon-lg-s3 { width: 95px; margin-top: -8px; margin-bottom: 20px !important; } + +.feature-icon-lg + .feature-text-s8 { padding-top: 25px; } + +.feature-icon-sm { width: 60px; } + +.feature-icon-bg { margin: 0; position: absolute; right: -15px; bottom: -15px; width: 121px; height: 121px; margin: 0; background: rgba(7, 188, 255, 0.15); border-radius: 50%; box-shadow: 0px 0px 0px 10px rgba(7, 188, 255, 0.06); text-align: center; line-height: 104px; } + +.feature-icon-bg img { max-width: 60px; } + +.feature-icon-bg-grd { background-position: center center; background-size: contain; min-height: 135px; min-width: 230px; text-align: center; display: flex; align-items: center; justify-content: center; } + +.feature-icon-bg-grd-s1 { background-image: url(../../images/icons/icon-bg-a.png); } + +.feature-icon-bg-grd-s1 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s2 { background-image: url(../../images/icons/icon-bg-a2.png); } + +.feature-icon-bg-grd-s2 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s3 { background-image: url(../../images/icons/icon-bg-a3.png); } + +.feature-icon-bg-grd-s3 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-inline { display: flex; } + +.feature-inline.card { flex-direction: row; } + +.feature-middle { align-items: center; } + +.feature-middle .feature-icon { margin-bottom: 0; margin-right: 15px; display: inline-flex; align-items: center; } + +.feature-img { border-radius: 4px; } + +.feature-image { padding-bottom: 15px; } + +.feature-image img { height: 55px; width: auto !important; } + +.feature-center .feature-image img { margin-left: auto; margin-right: auto; } + +.feature-text p:last-child { margin-bottom: 0; } + +.feature-text-s8 .title-s5 { margin-bottom: 20px; } + +.feature-text-s1 .title-xs-alt { color: #3221ad; line-height: 1.4; display: inline-block; } + +.feature-center { text-align: center; } + +.feature-center .feature-icon { margin-left: auto; margin-right: auto; } + +.feature-center .feature-icon .icon { margin-left: 0; } + +.feature-s1 { display: flex; margin-bottom: 0; align-items: center; padding-right: 20px; } + +.feature-s1.boxed { height: 100%; border-radius: 4px; } + +.feature-s1.bordered { border: 2px solid rgba(62, 43, 197, 0.2); } + +.feature-s1-1.bordered { border-color: rgba(62, 43, 197, 0.2); } + +.feature-s1-2.bordered { border-color: rgba(122, 92, 255, 0.2); } + +.feature-s1-3.bordered { border-color: rgba(7, 188, 255, 0.2); } + +.feature-s1-4.bordered { border-color: rgba(230, 96, 74, 0.2); } + +.feature-s3 { margin-bottom: 0; } + +.feature-s3.card { padding: 30px 30px 40px; margin-bottom: 0; height: 100%; } + +.feature-s3-alt { position: relative; padding: 0; padding-bottom: 25px !important; } + +.feature-s3-alt .title-md { margin-bottom: 0.6rem; } + +.feature-s3-alt:not(:last-child):before { position: absolute; content: ""; left: 30px; top: 20px; width: 1px; background: #07bcff; height: 100%; } + +.feature-s4 .title { padding-top: 15px; } + +.feature-s6 { margin-bottom: 0; } + +.feature-s7 { margin-bottom: 50px; } + +.feature-s8.card { height: calc(100% - 40px); } + +.feature-s8-alt { padding-top: 50px; margin-top: 50px; } + +.feature-s8-alt .feature-icon { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); } + +.feature-s8-alt.card { height: calc(100% - 90px); } + +.feature-s10 { padding: 30px 30px 30px 25px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); } + +.feature-s10-left { margin-right: 20px; padding-bottom: 60px; } + +.feature-s10-right { margin-left: 20px; margin-top: -35px; } + +.feature-s10 .title-sm { margin-bottom: 1.2rem; } + +.feature-s11 { flex-wrap: wrap; align-items: flex-start; margin-bottom: 0; } + +.feature-s11 .list { margin-left: 20px; } + +.feature-s12 { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; } + +.feature-slider-dots { display: flex; justify-content: center; margin-bottom: 40px; } + +.feature-slider-dot { position: relative; height: 46px; width: 46px; flex-grow: 0; flex-shrink: 0; border-radius: 4px; padding: 5px; text-align: center; background: #a992ea; cursor: pointer; color: #6a55ea; box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15); transition: all .4s ease; margin: 0 8px; border: none; } + +.tc-light .feature-slider-dot { background: #9e90f1; } + +.feature-slider-dot:focus, .feature-slider-dot:active { outline: none; } + +.feature-slider-dot.active { background: #6a55ea; } + +.feature-slider-dot:after { position: absolute; top: 50%; left: 100%; height: 2px; content: ''; width: 100%; background: url(../images/line.png) repeat 0 0; z-index: -1; animation: slide 1s linear infinite; } + +.feature-slider-dot:last-child:after { display: none; } + +.feature-slider-dot:nth-child(2) { color: #2bc9b4; background: #def7f3; } + +.tc-light .feature-slider-dot:nth-child(2) { background: #8de7db; } + +.feature-slider-dot:nth-child(2).active { background: #2bc9b4; } + +.feature-slider-dot:nth-child(3) { color: #49adf3; background: #dbeffd; } + +.tc-light .feature-slider-dot:nth-child(3) { background: #9fd4f9; } + +.feature-slider-dot:nth-child(3).active { background: #49adf3; } + +.feature-slider-dot:nth-child(4) { color: #f2801c; background: #fce6d2; } + +.tc-light .feature-slider-dot:nth-child(4) { background: #f9c395; } + +.feature-slider-dot:nth-child(4).active { background: #f2801c; } + +.feature-slider-dot:nth-child(5) { color: #ea64c6; background: #fbe0f4; } + +.tc-light .feature-slider-dot:nth-child(5) { background: #f29edb; } + +.feature-slider-dot:nth-child(5).active { background: #ea64c6; } + +.feature-slider-dot .ikon { font-size: 28px; line-height: 35px; width: 35px; border-radius: 50%; background: #fff; display: block; } + +.feature-slider-dot-s1 { border-radius: 50%; padding: 0; } + +.feature-slider-dot-s1.active:before { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(132, 132, 164, 0.35); animation: 1.5s linear 0s normal none infinite focuse; } + +.feature-slider-dot-s1.active .ikon { background: transparent; color: #fff; } + +.feature-slider-dot-s1 .ikon { line-height: 46px; width: 46px; } + +.feature-document { padding: 0 27px; max-width: 280px; margin-left: auto; margin-right: auto; } + +.feature-document-s2 { margin: 0 0 20px 20px; position: relative; border-radius: 6px; min-height: 140px; padding: 25px 20px 20px 95px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); } + +.tc-light .feature-document-s2 { background: #3e2bc5; } + +.feature-document-img { padding-right: 25px; position: relative; z-index: 1; } + +.feature-document-img-s2 { position: absolute; top: 20px; left: -20px; width: 100px; } + +.feature-document-img-s2 img { border-radius: 4px; } + +.feature-document-img img { border: 2px solid #fff; box-shadow: 0px 0px 12px 0px rgba(7, 188, 255, 0.15); position: relative; z-index: 2; border-radius: 5px; } + +.tc-light .feature-document-img img { border-width: 0; box-shadow: 0px 0px 12px 0px rgba(22, 11, 109, 0.25); } + +.feature-document-img:before { position: absolute; right: 0; content: ''; top: 40px; width: 40px; height: calc(100% - 70px); z-index: 1; background: #fff; box-shadow: 0px 5px 20px 0px rgba(7, 188, 255, 0.07); z-index: -1; } + +.tc-light .feature-document-img:before { background: rgba(7, 188, 255, 0.75); box-shadow: 0px 5px 20px 0px rgba(22, 11, 109, 0.15); } + +.feature-document-text { justify-content: space-between; display: flex; padding-top: 18px; align-items: center; } + +.feature-document-text-s2 { color: #415076; margin-bottom: 14px; font-weight: 600; } + +.tc-light .feature-document-text-s2 { color: #fff; } + +.feature-document-text .drop-wrap { padding-bottom: 5px; } + +.feature-document-info span { display: block; line-height: 1; font-size: 13px; font-weight: 400; opacity: .5; } + +.feature-document-link { display: block; margin-top: 6px; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; color: #fff; background: #7a5cff; } + +.feature-document-link:hover, .feature-document-link:active, .feature-document-link:focus { background: #07bcff; color: #fff; } + +.tc-light .feature-document-link:hover, .tc-light .feature-document-link:active, .tc-light .feature-document-link:focus { background: #07bcff; color: #fff; } + +.feature-document-link-s2 li { display: inline-block; margin: 0 2px 5px; } + +.feature-document-link-s2 li a { padding: 0 10px; display: inline-block; line-height: 21px; border: 2px solid #e4e1ff; border-radius: 4px; font-size: .86em; font-weight: 500; color: #07bcff; } + +.tc-light .feature-document-link-s2 li a { color: #e4e1ff !important; border: 2px solid #fff; } + +.feature-reverse { flex-direction: row-reverse; text-align: right; } + +.feature-serial { font-size: 100px; font-weight: 700; line-height: normal; color: rgba(18, 24, 58, 0.2); } + +@keyframes focuse { 0% { transform: scale(0.8); + opacity: 1; } + 75% { transform: scale(1.2); + opacity: 0; } + 100% { transform: scale(1.2); + opacity: 0; } } + +@keyframes slide { from { background-position: 0 0; } + to { background-position: 40px 0; } } + +.boxed { padding: 15px 20px; } + +.boxed-xs { padding: 18px; } + +.boxed-sm { padding: 30px 25px; } + +.boxed-lg { padding: 30px 25px; } + +.boxed-xl { padding: 30px 25px; } + +@media (max-width: 575px) { .boxed.contact-form { padding: 20px; } + .feature-icon-s8 img { max-width: 220px; } } + +@media (min-width: 480px) { .feature-s10 { padding: 40px 90px 50px 35px; } + .feature-s10-left { margin-right: 45px; padding-bottom: 90px; } + .feature-s10-right { margin-left: 45px; margin-top: -45px; } + .feature-s11 { flex-wrap: nowrap; } } + +@media (min-width: 576px) { .feature.card { height: calc(100% - 30px); } + .feature-icon { margin-bottom: 20px; margin-right: 20px; } + .card-s3 .feature-icon { margin-right: 30px; } + .feature-sm-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-icon-s1 { margin-bottom: 40px; } + .feature-icon-s5 { margin-bottom: 0; } + .feature-icon-s7 { margin-right: 30px; } + .feature-sm-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-icon-bg { right: -40px; bottom: -40px; } + .has-rtl .feature-icon-bg { right: auto; left: -40px; } + .feature-icon-bg-grd { margin-bottom: 35px; } + .feature-s2 { display: flex; align-items: flex-start; } + .feature-s3 { margin-bottom: 0; padding: 0 30px; } + .feature-s3.card { margin-bottom: 0; height: 100%; } + .feature-s3-alt { padding: 0; } + .feature-s6 { padding-bottom: 145px; } + .feature-s6:before, .feature-s6:after { position: absolute; left: 50%; content: ''; transform: translateX(-50%); } + .feature-s6:before { bottom: 0; width: 2px; height: 95px; background: #dbe4f7; border-radius: 2px; } + .tc-light .feature-s6:before { background: rgba(255, 255, 255, 0.8); } + .feature-s6:after { bottom: 94px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #dbe4f7; background: #07bcff; } + .tc-light .feature-s6:after { border-color: #fff; } + .feature-s8.card { height: calc(100% - 40px); } + .feature-s8-alt.card { height: calc(100% - 80px); } + .feature-s12 { flex-wrap: nowrap; } + .feature-slider-dot { height: 76px; width: 76px; padding: 10px; margin: 0 20px; } + .feature-slider-dot .ikon { font-size: 38px; line-height: 56px; width: 56px; } + .feature-slider-dot-s1 { padding: 0; } + .feature-slider-dot-s1 .ikon { font-size: 48px; line-height: 76px; width: 76px; } + .feature-sm-reverse { flex-direction: row-reverse; text-align: right; } + .boxed { padding: 40px 50px; } + .boxed-xs { padding: 18px; } + .boxed-sm { padding: 35px 25px; } + .boxed-md { padding: 40px 30px; } + .boxed-lg { padding: 45px 40px; } + .feature-icon-lg-s3 { margin-bottom: 5px !important; } } + +.link-feature-s1 { position: absolute; bottom: -40px; left: 50%; opacity: 0; transform: translate(-50%, 0); } + +.feature:hover .link-feature-s1 { bottom: -25px; opacity: 1; } + +@media (min-width: 768px) { .feature-s10 { padding: 40px 45px 50px 35px; } + .feature-s10-left { margin-right: -22.5px; margin-top: 60px; padding-bottom: 50px; } + .feature-s10-right { margin-left: -22.5px; margin-bottom: 60px; margin-top: 0; } + .feature-carousel-s1 .owl-nav { position: absolute; bottom: 35px; right: 15px; } + .feature-md-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-md-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-md-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (min-width: 992px) { .feature-s6-1 { padding-top: 197px; } + .feature-s6-2 { padding-top: 73px; } + .feature-s6-3 { padding-top: 0; } + .feature-s6-4 { padding-top: 184px; } + .feature-s10 { padding: 40px 240px 50px 50px; } + .feature-s10-left { margin-right: -95px; margin-top: 80px; } + .feature-s10-right { margin-left: -95px; } + .feature-text-s2 { padding: 0 0 0 45px; } + .feature-text-wd p { width: 72%; } + .feature-s11 { margin-top: 15px; margin-bottom: 15px; } + .feature-s12 { align-items: flex-start; } + .feature-lg-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-lg-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-lg-reverse { flex-direction: row-reverse; text-align: right; } + .boxed-xs { padding: 18px; } + .boxed-md { padding: 45px 40px; } + .boxed-lg { padding: 55px 60px; } + .boxed-xl { padding: 65px 60px; } } + +@media (min-width: 1200px) { .feature-text-s2 { padding: 0 65px 0 45px; } + .feature-text-wd p { width: 60%; } + .feature-xl-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-xl-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-xl-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (max-width: 991px) { .feature-icon-s1 { margin: 0 auto 40px; } } + +.feature-icon-btc .icon { color: #ffba00; } + +.feature-icon-eth .icon { color: #6a7aa2; } + +.feature-icon-ltc .icon { color: #adadad; } + +.feature-icon-xrp .icon { color: #2f3135; } + +.feature-icon-dash .icon { color: #1174bc; } + +.feature-icon-monero .icon { color: #ff6600; } + +.feature-currency .title { color: #415076 !important; } + +.feature-pd-lg { padding: 50px 30px; } + +.owl-item.active .feature { opacity: 0.8 !important; } + +.owl-item.active.center .feature { transition: 0.3s; opacity: 1 !important; } + +.feature-img-xl { max-width: 176px; margin: 0 auto; } + +@media (min-width: 992px) { .feature.center-lg { transform: scale(1.2); } } + +/** 04.08 Roadmap */ +.roadmap { position: relative; z-index: 10; padding-bottom: 30px; } + +.roadmap-carousel .roadmap { padding-bottom: 0; } + +.roadmap-s1:before, .roadmap-s1:after { position: absolute; content: ""; left: -1px; height: 50%; border-left-width: 3px; border-left-style: solid; border-color: #dbe4f7; } + +.tc-light .roadmap-s1:before, .tc-light .roadmap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + +.roadmap-s1:before { height: 45px; top: 0; } + +.flex-row-reverse .roadmap-s1:before { right: auto; } + +.roadmap-s1:after { height: calc(100% - 45px); right: auto; top: 45px; } + +.roadmap-s1-alt:before, .roadmap-s1-alt:after { left: 1px; border-left-width: 1px; border-left-style: dashed; } + +.tc-light .roadmap-s1-alt:before, .tc-light .roadmap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + +.flex-row-reverse .roadmap-s1-alt:before, .flex-row-reverse .roadmap-s1-alt:after { right: auto; left: 1px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-current:before { top: 0; } + +.roadmap-s1-alt.roadmap-done:after, .roadmap-s1-alt.roadmap-current:after { top: 45px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1-alt.roadmap-current:before { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1.roadmap-done:before, .roadmap-s1.roadmap-done:after { border-color: #07bcff; } + +.roadmap-s1.roadmap-current:before { border-color: #07bcff; } + +.roadmap-s2 { text-align: center; } + +.roadmap-s2:before, .roadmap-s2:after { position: absolute; content: ''; transition: width .3s; } + +.roadmap-s2:before { width: 0; height: 4px; background: #07bcff; left: 0; top: 55px; } + +.tc-light .roadmap-s2:before { background: #07bcff; } + +.roadmap-s2:after { left: 50%; top: 49px; transform: translateX(-50%); height: 16px; width: 16px; border-radius: 50%; border: 3px solid #dbe4f7; background: #fff; } + +.tc-light .roadmap-s2:after { border-color: #5b77a3; background: #3221ad; } + +.roadmap-s2.roadmap-finished:after, .roadmap-s2.roadmap-running:after { background: #07bcff; border: 2px solid #fff; } + +.tc-light .roadmap-s2.roadmap-finished:after, .tc-light .roadmap-s2.roadmap-running:after { background: #07bcff; border-color: #fff; } + +.roadmap-s2.roadmap-finished:before { width: 100%; } + +.roadmap-s2.roadmap-running:before { width: 50%; } + +.roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(122, 92, 255, 0.1); } + +.tc-light .roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1); } + +.roadmap-s5 { width: 100%; } + +.roadmap-s5:last-child { padding-bottom: 30px; } + +.roadmap-s6 { padding-top: 65px; margin-top: 15px; } + +.roadmap-s6:before { position: absolute; content: ""; top: 0; left: -6px; width: calc(100% + 30px); height: 1px; z-index: 2; background: #fff; } + +.roadmap-s6:after { position: absolute; content: ""; top: 0; right: 50%; width: 19px; height: 19px; z-index: 3; border: 1px solid #fff; border-radius: 50%; transform: translate(50%, -50%); background: #fff; } + +.tc-light .roadmap-s6:after { background: #3221ad; } + +.roadmap-s6.roadmap-done:after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; line-height: 17px; text-align: center; color: #fff; background: #39d884; } + +.roadmap-s6-1-2:before { background: linear-gradient(90deg, #07bcff 0%, #7a5cff 100%); } + +.roadmap-s6-1-2:after { border-color: #7a5cff; } + +.roadmap-s6-1-2 .roadmap-head-s6:after { background: #7a5cff; } + +.roadmap-s6-2-1:before { background: linear-gradient(90deg, #7a5cff 0%, #07bcff 100%); } + +.roadmap-s6-2-1:after { border-color: #07bcff; } + +.roadmap-s6-2-1 .roadmap-head-s6:after { background: #07bcff; } + +.roadmap-s6-2-3:before { background: linear-gradient(90deg, #7a5cff 0%, #3e2bc5 100%); } + +.roadmap-s6-2-3:after { border-color: #3e2bc5; } + +.roadmap-s6-2-3 .roadmap-head-s6:after { background: #3e2bc5; } + +.roadmap-s6-3-2:before { background: linear-gradient(90deg, #3e2bc5 0%, #7a5cff 100%); } + +.roadmap-s6-3-2:after { border-color: #7a5cff; } + +.roadmap-s6-3-2 .roadmap-head-s6:after { background: #7a5cff; } + +.roadmap-s6-3-1:before { background: linear-gradient(90deg, #3e2bc5 0%, #07bcff 100%); } + +.roadmap-s6-3-1:after { border-color: #07bcff; } + +.roadmap-s6-3-1 .roadmap-head-s6:after { background: #07bcff; } + +.roadmap-s6-1-3:before { background: linear-gradient(90deg, #07bcff 0%, #3e2bc5 100%); } + +.roadmap-s6-1-3:after { border-color: #3e2bc5; } + +.roadmap-s6-1-3 .roadmap-head-s6:after { background: #3e2bc5; } + +.roadmap-slider { position: relative; } + +.roadmap-text { max-width: 265px; margin-left: auto; margin-right: auto; } + +.roadmap-wrap { position: relative; padding: 40px 0 10px; margin-bottom: 40px; max-width: 430px; margin-left: auto; margin-right: auto; } + +.nk-block-left .roadmap-wrap { margin-left: 0; margin-right: 0; } + +.roadmap-wrap:before, .roadmap-wrap:after { position: absolute; content: ''; top: 0; bottom: 0; z-index: 7; } + +.roadmap-wrap-ovl-right:after { right: 0; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-light .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(239, 246, 255, 0.8) 25%, #eff6ff 60%, #eff6ff 100%); } + +.bg-light-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(231, 237, 245, 0.8) 25%, #e7edf5 60%, #e7edf5 100%); } + +.bg-white .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-theme .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(50, 33, 173, 0.8) 25%, #3221ad 60%, #3221ad 100%); } + +.bg-theme_alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(62, 43, 197, 0.8) 25%, #3e2bc5 60%, #3e2bc5 100%); } + +.bg-theme-dark .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(22, 11, 109, 0.8) 25%, #160b6d 60%, #160b6d 100%); } + +.bg-theme-dark-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(29, 14, 138, 0.8) 25%, #1d0e8a 60%, #1d0e8a 100%); } + +.roadmap-wrap-s1 { padding-bottom: 0; padding-top: 0; max-width: 90%; } + +.roadmap-wrap-s5 { display: flex; flex-wrap: wrap; padding: 40px 0 0; } + +.roadmap-wrap-s5:before { position: absolute; content: ""; left: 0; width: 1px; height: calc(100% + 30px); background: #07bcff; } + +.roadmap-line { position: absolute; left: 19px; top: 0; background: #c1cef1; height: 100%; width: 2px; content: ''; z-index: 9; } + +.roadmap-line:after, .roadmap-line:before { position: absolute; background: #c1cef1; height: 10px; width: 10px; border-radius: 50%; content: ''; left: -4px; } + +.roadmap-line:before { top: 0; } + +.roadmap-line:after { bottom: 0; } + +.tc-light .roadmap-line { background: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-line:after, .tc-light .roadmap-line:before { background: #07bcff; } + +.bg-theme-dark .roadmap-line { background: #3e2bc5; } + +.bg-theme-dark .roadmap-line:after, .bg-theme-dark .roadmap-line:before { background: #07bcff; } + +.bg-theme .roadmap-line { background: #3e2bc5; } + +.bg-theme .roadmap-line:after, .bg-theme .roadmap-line:before { background: #07bcff; } + +.roadmap-line-s2 { position: absolute; width: 100%; height: 4px; background: #dbe4f7; content: ''; top: 95px; border-radius: 2px; left: 0; } + +.tc-light .roadmap-line-s2 { background: #5b77a3; } + +.roadmap-line-s3:before, .roadmap-line-s3:after { display: none; } + +.roadmap-year { border-radius: 50%; color: #fff; background: #3221ad; height: 50px; width: 50px; text-align: center; line-height: 50px; font-weight: 700; font-size: 12px; position: relative; left: -5px; } + +.tc-light .roadmap-year { background: #07bcff; } + +.bg-theme .roadmap-year, .bg-theme-dark .roadmap-year { background: #07bcff; } + +.roadmap-year-s2 { padding-bottom: 65px; } + +.roadmap-step { border: 2px solid #dbe4f7; border-radius: 5px; position: relative; margin-left: 50px; padding: 20px 20px 15px; position: relative; max-width: 380px; } + +.bg-light .roadmap-step { background: #fff; } + +.roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + +.roadmap-step:before { height: 18px; width: 18px; border-radius: 50%; border: 5px solid #fff; background: #3221ad; left: -41px; top: 34px; z-index: 1; } + +.roadmap-step:after { height: 2px; width: 22px; background: #dbe4f7; left: -22px; top: 42px; } + +.roadmap-step p:last-child { margin-bottom: 0; } + +.roadmap-step-list li:before { background: #415076; } + +.tc-light .roadmap-step-list li:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-step-list-s1 li { list-style: none; padding: 8px 0; position: relative; } + +.roadmap-step-list-s1 li:after { position: absolute; content: ""; left: 10px; bottom: 0; width: 20px; height: 1px; transform: translateX(-50%); background: currentColor; } + +.roadmap-step-list-s1 li:last-child:after { display: none; } + +.tc-light .roadmap-step { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-step:before { background: #07bcff; } + +.tc-light .roadmap-step:after { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); } + +.bg-theme .roadmap-step, .bg-theme-dark .roadmap-step { background: #1d0e8a; border-color: #3e2bc5; } + +.bg-theme .roadmap-step:before, .bg-theme-dark .roadmap-step:before { background: #07bcff; border-color: #3221ad; } + +.bg-theme .roadmap-step:after, .bg-theme-dark .roadmap-step:after { background: #3e2bc5; border-color: #3e2bc5; } + +.bg-theme-dark .roadmap-step:before { border-color: #160b6d; } + +.bg-theme-alt .roadmap-step:before { border-color: #3e2bc5; } + +.bg-light .roadmap-step:before { border-color: #eff6ff; } + +.has-bg-image .roadmap-step:before { border-color: transparent; } + +.roadmap-step-s1 { margin-left: 0; border: none; padding-top: 0; padding-right: 25px; padding-left: 25px; z-index: 1; max-width: 100%; } + +.bg-light .roadmap-step-s1 { background: transparent; } + +.bg-theme .roadmap-step-s1, .bg-theme-dark .roadmap-step-s1, .tc-light .roadmap-step-s1 { background: transparent; } + +.roadmap-step-s1:before { display: none; } + +.roadmap-step-s1:after { width: 38px !important; left: 0 !important; height: 0; top: 49px; z-index: -1; background: none !important; border-top: 1px solid; border-color: #dbe4f7; } + +.roadmap-s1-alt .roadmap-step-s1:after { border-top-style: dashed; } + +.roadmap-step-s3 { margin-left: 0; border: none; padding: 0px 23px 30px; } + +.tc-light .roadmap-step-s3 { background: transparent; } + +.roadmap-step-s3:before { display: none; } + +.roadmap-step-s3:after { height: 60px; left: 50%; width: 2px; top: 75px; } + +.roadmap-step-s5 { margin: 0; background-color: transparent !important; border: none; padding-top: 0; padding-bottom: 0; } + +.roadmap-step-s5:before, .roadmap-step-s5:after { display: none; } + +.roadmap-head { margin-bottom: 10px; padding-right: 35px; position: relative; } + +.roadmap-finished .roadmap-head:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; line-height: 32px; border-radius: 50%; text-align: center; color: #fff; background: #7a5cff; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: .88rem; content: '\f00c'; } + +.roadmap-head-s1 { padding-right: 0; margin-bottom: 0; line-height: 1.6; } + +.roadmap-head-s3 { padding-bottom: 120px; margin-bottom: 0; padding-right: 0; } + +.roadmap-head-s5 { padding: 0; } + +.roadmap-head-s5:after { display: none; } + +.roadmap-head-s6 { padding-left: 0; padding-right: 0; } + +.roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: 50%; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + +.roadmap-time { display: block; color: #3221ad; font-size: 13px; text-transform: uppercase; } + +.tc-light .roadmap-time { color: rgba(255, 255, 255, 0.8); } + +.roadmap-time-s1 { padding-bottom: 27px; line-height: 26px; width: 100%; display: inline-block; font-weight: 700; font-size: 0.81rem; position: relative; color: #8ca2e5; line-height: 25px; } + +.roadmap-time-s1:after, .roadmap-time-s1:before { position: absolute; content: ""; left: -24px; border-radius: 50%; } + +.roadmap-time-s1:after { bottom: -2px; width: 11px; height: 11px; margin-left: -5.5px; margin-top: -5.5px; background: #07bcff; } + +.tc-light .roadmap-time-s1:after { background: #fff; } + +.roadmap-time-s1:before { bottom: -10px; width: 27px; height: 27px; margin-left: -13.5px; margin-top: -13.5px; } + +.roadmap-done .roadmap-time-s1:before, .roadmap-current .roadmap-time-s1:before { background: rgba(7, 188, 255, 0.23); } + +.tc-light .roadmap-done .roadmap-time-s1:before, .tc-light .roadmap-current .roadmap-time-s1:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-time-s3 { color: #8ca2e5; } + +.roadmap-time-s3:before { position: absolute; left: 50%; transform: translateX(-50%); content: '\f1da'; border-radius: 50%; font-family: "Font Awesome 5 Free"; font-weight: 600; box-shadow: 0px 2px 7px 0px rgba(7, 188, 255, 0.1); top: 32px; background: linear-gradient(-90deg, #fff 0%, #d3f3ff 100%); border: 1px solid rgba(7, 188, 255, 0.2); height: 32px; line-height: 32px; width: 32px; color: #8ca2e5; z-index: 1; font-size: 13px; } + +.tc-light .roadmap-time-s3:before { color: rgba(255, 255, 255, 0.8); background: linear-gradient(-90deg, #3221ad 0%, #3f2bd6 100%); border-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 2px 7px 0px rgba(255, 255, 255, 0.1); } + +.roadmap-done .roadmap-time-s3:before { content: '\f00c'; } + +.roadmap-running .roadmap-time-s3:before { content: '\f021'; } + +.roadmap-s3-1 .roadmap-time-s3:before { content: ''; background: rgba(7, 188, 255, 0.5); border: none; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:before { background: rgba(0, 158, 216, 0.5); } + +.roadmap-s3-1 .roadmap-time-s3:after { position: absolute; left: 50%; top: 40px; transform: translateX(-50%); border-radius: 50%; content: ''; background: #07bcff; height: 16px; width: 16px; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:after { background: #009ed8; } + +.roadmap-time-s5 { font-weight: 600; text-transform: capitalize; font-size: 1rem; color: #07bcff; } + +.roadmap-time-s5:not(:last-child) { padding-bottom: 10px; } + +.roadmap-time-s5:after { position: absolute; height: 19px; width: 19px; border: 1px solid #07bcff; background: #07bcff; top: 2px; left: -29px; border-radius: 50%; content: ''; } + +.roadmap-finished .roadmap-time-s5:after { background: #eff6ff; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 10px; text-align: center; line-height: 18px; color: #7a5cff; } + +.tc-light .roadmap-finished .roadmap-time-s5:after { color: #7a5cff; background: #3221ad; } + +.roadmap-time-s6 { text-transform: none; } + +.roadmap-title { color: #8ca2e5; font-weight: 700; font-size: 16px; } + +.tc-light .roadmap-title { color: #fff; } + +.roadmap-title-s1 { padding-top: 25px; display: inline-block; font-size: 1rem; font-weight: 500; line-height: 1.6; color: #415076; } + +.roadmap-title-s2 { position: relative; font-size: 1rem; font-weight: 500; color: #07bcff; top: -10px; } + +.tc-light .roadmap-title-s2 { color: rgba(255, 255, 255, 0.8); } + +.roadmap-title-s2:before { position: absolute; content: ''; left: -25px; top: 1px; transform: translate(-50%, 0); height: 15px; width: 15px; border-radius: 50%; background: #07bcff; border: 1px solid #07bcff; } + +.roadmap-done .roadmap-title-s2:before { height: 19px; width: 19px; font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900; font-size: 9px; line-height: 18px; text-align: center; color: #39d884; background: #fff; } + +.tc-light .roadmap-done .roadmap-title-s2:before { color: #fff; background: #3221ad; } + +.bg-theme .roadmap-done .roadmap-title-s2:before { background: #3221ad; } + +.bg-theme-alt .roadmap-done .roadmap-title-s2:before { background: #3e2bc5; } + +.bg-theme-dark .roadmap-done .roadmap-title-s2:before { background: #160b6d; } + +.bg-theme-dark-alt .roadmap-done .roadmap-title-s2:before { background: #1d0e8a; } + +.roadmap-carousel { padding: 0 40px; } + +.roadmap-carousel:after, .roadmap-carousel:before { position: absolute; height: 12px; width: 12px; border-radius: 50%; content: ''; top: 42px; background: #dbe4f7; } + +.tc-light .roadmap-carousel:after, .tc-light .roadmap-carousel:before { background: #3e2bc5; } + +.roadmap-carousel .owl-nav { position: absolute; left: -30px; top: 23px; font-size: 36px; font-weight: 400; width: calc(100% + 60px); opacity: 0.3; } + +.roadmap-carousel .owl-nav .owl-next { right: -30px; } + +.roadmap-carousel .owl-nav .owl-prev { left: -30px; } + +.roadmap-carousel .owl-nav .owl-next, .roadmap-carousel .owl-nav .owl-prev { top: -30px; position: absolute; z-index: 2; height: 52px; width: 52px; font-size: 36px; line-height: 52px; text-align: center; color: #07bcff; transform: translateY(50%); } + +.roadmap-carousel:after { right: 0; } + +.roadmap-carousel:before { left: 0; } + +.roadmap-carousel-s2:after, .roadmap-carousel-s2:before { height: 1px; width: 85px; border-radius: 0; top: 15px; z-index: 4; } + +.roadmap-carousel-s2:before { background: linear-gradient(90deg, #e7edf5 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme .roadmap-carousel-s2:before { background: linear-gradient(90deg, #3221ad 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #3e2bc5 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark .roadmap-carousel-s2:before { background: linear-gradient(90deg, #160b6d 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #1d0e8a 0%, rgba(0, 0, 0, 0) 100%); } + +.roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #e7edf5 100%); } + +.bg-theme .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #3221ad 100%); } + +.bg-theme-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #3e2bc5 100%); } + +.bg-theme-dark .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #160b6d 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #1d0e8a 100%); } + +.roadmap-carousel-s2:after { right: 40px; } + +.roadmap-carousel-s2:before { left: 40px; } + +.roadmap-carousel-container { position: relative; } + +.roadmap-carousel-container:before { position: absolute; content: ""; left: 0; top: 47px; width: 100%; height: 2px; background: #dbe4f7; } + +.tc-light .roadmap-carousel-container:before { background: #3e2bc5; } + +.roadmap-carousel-nav-s2 .owl-nav { width: calc(100% + 80px); top: 26px; opacity: 1; } + +.roadmap-carousel-nav-s2 .owl-nav button { border: none !important; } + +.roadmap-carousel-nav-s2 .owl-nav button:after { font-size: 36px; line-height: 52px; color: #dbe4f7; } + +.roadmap-carousel-nav-s2.roadmap-carousel-s2 .owl-nav { top: -7px; left: 0; width: calc(100% + 20px); } + +.roadmap-carousel:not([data-dots="true"]) { margin-bottom: -30px; } + +.roadmap-list { position: relative; padding-top: 15px; } + +.roadmap-list:after { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100vw; height: 1px; content: ''; background: #7a5cff; } + +.roadmap-innr { padding: 0 25px 30px; } + +.roadmap-innr:before { position: absolute; left: 0; height: 100%; width: 1px; content: ''; transform: translateX(-50%); background-image: linear-gradient(to bottom, #07bcff 0%, #7a5cff 100%); } + +.roadmap-item { position: relative; } + +.roadmap-item:nth-child(even) .roadmap-innr:before { background-image: linear-gradient(to top, #07bcff 0%, #7a5cff 100%); } + +@media (min-width: 576px) { .roadmap-wrap-ovl-right { max-width: none; margin-right: -200px; } + .roadmap-wrap-ovl-right:after { width: 280px; } + .roadmap-wrap-ovl-right .owl-nav { margin-right: 190px; } } + +@media (min-width: 768px) { .roadmap-s5 { display: flex; text-align: right; } + .roadmap-s5.roadmap-right { justify-content: flex-end; text-align: left; } + .roadmap-s5:not(:last-child) { padding-bottom: 15px; } + .roadmap-wrap-s5 { max-width: 100%; } + .roadmap-wrap-s5:before { top: -30px; left: 50%; margin-left: -0.5px; } + .roadmap-step-s5 { max-width: 50%; padding-left: 30px; padding-right: 30px; } + .roadmap-time-s5:after { left: -39px; } + .roadmap-left .roadmap-time-s5:after { right: -40px; left: auto; } } + +@media (min-width: 992px) { .roadmap { display: flex; } + .roadmap-s1:before, .roadmap-s1:after { top: 41px; height: 0; width: 50%; border-top-width: 3px; border-top-style: solid; border-left-width: 0; } + .roadmap-s1:before { left: 0; } + .flex-row-reverse .roadmap-s1:before { right: 0; left: auto; } + .roadmap-s1:after { left: auto; right: 0; z-index: -1; } + .flex-row-reverse .roadmap-s1:after { right: auto; left: 0; } + .roadmap-s1-alt:before, .roadmap-s1-alt:after { top: 42px; border-top-width: 1px; border-top-style: dashed; } + .roadmap-s1-alt:after { right: 0; } + .roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-done:after { right: 0; left: auto; } + .roadmap-s1-alt.roadmap-current:before { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-current:after { top: 42px; } + .roadmap-s2 { display: block; } + .roadmap-s6 { display: block; } + .roadmap-s6:after { right: -14px; } + .roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: -14px; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + .roadmap-wrap { padding: 40px 0 10px; margin-bottom: 60px; max-width: 100%; } + .roadmap-wrap-ovl-left, .roadmap-wrap-ovl-right { max-width: none; } + .roadmap-wrap-s1 { padding-top: 0; } + .roadmap-wrap-s1:after { position: absolute; width: 15px; height: calc(100% + 3px); border-width: 3px; border-style: solid; border-color: #dbe4f7; top: 41px; } + .tc-light .roadmap-wrap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + .roadmap-wrap-s1-alt:after { height: calc(100% + 1px); border-width: 1px; border-style: dashed; top: 42px; } + .tc-light .roadmap-wrap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + .roadmap-wrap-s1-alt.roadmap-wrap-done:after { height: calc(100% + 3px); border-width: 3px; border-style: solid; top: 41px; } + .roadmap-wrap-s1.roadmap-wrap-done:after { border-color: #07bcff; } + .roadmap-wrap-s1:nth-child(odd):after { right: -15px; border-radius: 0 20px 20px 0; border-left-width: 0; } + .roadmap-wrap-s1:nth-child(even):after { left: -15px; border-radius: 20px 0px 0px 20px; border-right-width: 0; } + .roadmap-wrap-s1:last-child:after { display: none; } + .roadmap-line { left: 50%; margin-left: -1px; } + .roadmap-left { justify-content: flex-start; margin-top: -80px; } + .roadmap-left .roadmap-step { margin-left: 0; margin-right: 80px; } + .roadmap-left .roadmap-step:before { left: auto; right: -91px; } + .roadmap-left .roadmap-step:after { left: auto; right: -78px; } + .roadmap-left.roadmap-s5 { margin-top: 0; } + .roadmap-right { justify-content: flex-end; } + .roadmap-right .roadmap-step { margin-left: 80px; } + .roadmap-year { height: 60px; width: 60px; line-height: 60px; font-size: 16px; position: static; margin-left: auto; margin-right: auto; } + .roadmap-step { width: 100%; padding: 40px 30px 35px; } + .roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + .roadmap-step:before { left: -91px; } + .roadmap-step:after { width: 78px; left: -78px; } + .roadmap-step-list li:before { top: 12px; } + .roadmap-step-list-s1 li:after { left: 50%; } + .roadmap-step-s1 { padding-top: 0; padding-left: 15px; padding-right: 15px; } + .roadmap-step-s1:after { width: 0 !important; left: 50% !important; margin-left: -0.5px; height: 40px !important; top: 48px; border-top: 0; border-left: 1px solid; border-color: #dbe4f7; } + .roadmap-s1-alt .roadmap-step-s1:after { border-left-style: dashed; } + .roadmap-step-s3 { padding-top: 0; background: transparent !important; } + .roadmap-step-s3:after { left: 50%; width: 2px; } + .roadmap-step-s5 { padding-top: 0; padding-bottom: 0; } + .roadmap-head { margin-bottom: 15px; } + .roadmap-time { font-size: 14px; } + .roadmap-time-s1:after { left: 50%; bottom: 5px; } + .roadmap-time-s1:before { bottom: -2px; left: 50%; } + .roadmap-time-s3 { font-size: .87rem; font-weight: 600; } + .roadmap-time-s6 { font-size: 18px; } + .roadmap-title { font-size: 18px; } + .roadmap-title-s1 { padding-top: 48px; } + .roadmap-title-s2 { font-size: 1rem; } + .roadmap-list { display: flex; align-items: flex-end; margin-bottom: 200px; } + .roadmap-item { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .roadmap-item:nth-child(even) { flex-grow: 0; width: 0; } + .roadmap-item:nth-child(even) .roadmap-innr { position: absolute; top: 0; left: 0; padding-top: 90px; min-width: 190px; transform: translateX(calc(-50% + 5px)); } + .roadmap-item:nth-child(even) .roadmap-innr:before { top: 0; height: 90px; } + .roadmap-item-sm { min-height: 170px; } + .roadmap-item-lg { min-height: 300px; } } + +@media (min-width: 1200px) { .roadmap-left .roadmap-step:before { right: -86px; } + .roadmap-left .roadmap-step:after { right: -73px; } + .roadmap-step:before { left: -86px; } + .roadmap-step:after { width: 73px; left: -73px; } + .roadmap-step-s1:before { left: 50%; } + .roadmap-step-s3:after { left: 50%; width: 2px; } } + +/** 04.091 Token */ +.token-info { border: 1px solid rgba(7, 188, 255, 0.2); border-radius: 8px; padding: 18px 20px 0; margin-bottom: 30px; } + +.token-info-s1 { padding: 0 30px; border: none; text-align: left; } + +.token-info-item { position: relative; padding-left: 25px; } + +.token-info-item:before { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; content: ''; border-radius: 2px; background: #a963ff; } + +.token-info-item.color-2:before { background: #f42f54; } + +.token-info-item.color-3:before { background: #f5a946; } + +.token-info-item.color-4:before { background: #63a5ff; } + +.token-info-item.color-5:before { background: #ff8d87; } + +.token-info-item-s1 { padding-left: 0; display: flex; align-items: center; justify-content: space-between; margin: 25px 0; } + +.token-info-item-s1:first-child { margin-top: 16px; } + +.token-info-item-s1:before { display: none; } + +.token-info-item-s1 span { font-size: 12px; font-weight: 400; color: #07bcff; text-transform: uppercase; } + +.token-info-item-s1 h4 { font-size: 1.5rem; line-height: 1; font-weight: 300; } + +.token-info-title { font-size: 0.7rem; text-transform: uppercase; font-weight: 700; letter-spacing: 0.04em; margin-bottom: 4px; } + +.token-info-des { font-size: 1.1rem; } + +.token-status { border-radius: 8px 8px 0 0; border: 1px solid rgba(7, 188, 255, 0.2); padding: 18px 20px 10px; text-align: center; } + +.token-status .countdown-s2 { padding: 0; } + +.token-status-s1 { padding: 30px; box-shadow: 0px 15px 20px 0px rgba(50, 33, 173, 0.1); margin-left: 0; } + +.token-status-s2 { position: relative; border: none; padding: 0; max-width: 360px; margin: 50px auto 0; } + +.token-status-s2 .icon-list { margin-top: 10px; } + +.token-status-s3 { padding: 29px 0 0; border: none; } + +.token-status-s3 .countdown-s2 { padding-left: 30px; padding-right: 30px; } + +.token-status-s4 { border: none; padding: 65px 0 50px; } + +.token-status-s4 .icon-list { margin-top: 10px; } + +.token-status-s5 { background: #3221ad; padding-bottom: 25px; } + +.token-status-s6 { border: none; padding: 20px 20px 25px; } + +.token-countdown { padding: 16px 0 20px; } + +.token-min { font-size: 13px; color: #e4e1ff; display: block; padding: 12px 0; } + +.token-min-s2 { padding: 15px 0 0; text-align: left; } + +.token-min-s2 span { display: block; } + +.token-min-s2 span:first-child { color: #07bcff; font-size: 12px; line-height: 1; text-transform: uppercase; font-weight: 300; } + +.token-min-s2 span:last-child { line-height: normal; padding-top: 4px; } + +.token-alocate-item { position: relative; padding: 0 20px 15px; margin-bottom: 30px; margin-left: auto; margin-right: auto; background: #fff; height: calc(100% - 30px); border-radius: 4px; } + +.token-alocate-item:not([class*='shadow']) { box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.token-alocate-item-s1 { padding-left: 0; padding-right: 0; background-color: transparent; } + +.token-alocate-graph { padding: 20px 0 15px; position: relative; } + +.token-alocate-graph span, .token-alocate-graph img { position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; } + +.token-alocate-graph span { color: #415076; font-size: 2em; font-weight: 400; line-height: 1.3; } + +.token-alocate-graph img { width: 150px; } + +.token-alocate-graph canvas { position: relative; z-index: 5; } + +.token-alocate-graph-s1 canvas { min-height: 230px; } + +.token-alocate-list li { color: #415076; display: flex; align-items: center; font-weight: 400; padding: 13px 0; } + +.token-alocate-list li .token-alocate-percent { font-weight: 600; color: #3221ad; } + +.token-box-s1 { position: absolute !important; left: 0; bottom: -157px; width: 100%; z-index: 9 !important; } + +.token-box-s2 { background: rgba(50, 33, 173, 0.8); padding: 30px 20px 52px; } + +.token-box-s2 .title { margin-bottom: 1.2rem; } + +.token-box-s3 { padding-bottom: 20px; } + +.token-countdown-wrapper { padding: 30px; background: #fff; box-shadow: 0px 15px 20px 0px rgba(50, 33, 173, 0.1); } + +.token-countdown-wrapper h6 { color: currentColor; } + +.token-action-s1 { margin-top: -22px; } + +.token-action-s2 { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action + .icon-list { margin-top: 15px; } + +.token-sale-box { background: #eff6ff; border-radius: 4px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; padding: 20px 15px 33px; transition: all .4s; } + +.tc-light .token-sale-box { background: rgba(7, 188, 255, 0.08); } + +.token-sale-info { display: block; font-size: 2.4rem; font-weight: 300; color: #07bcff; } + +.token-sale-title { font-size: 14px; text-transform: uppercase; font-weight: 400; } + +.token-bonus-item { padding: 50px 25px 46px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; border-radius: 4px; margin-bottom: 30px; transition: all .4s; height: calc(100% - 30px); background: #6454da; } + +.token-bonus-item span { display: block; } + +.token-bonus-item.two { background: #4a36d3; } + +.token-bonus-item.three { background: #5d4bd8; } + +.token-bonus-title { display: inline-block !important; line-height: 18px; font-size: 13px; color: #fff; text-transform: uppercase; padding: 6px 20px; background: #160b6d; border-radius: 15px; font-weight: 400; } + +.token-bonus-percent { font-size: 4em; line-height: 1; padding: 22px 0 7px; font-weight: 300; color: #fff; } + +.token-bonus-txt { font-size: 14px; line-height: 18px; font-weight: 400; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); } + +.tc-light .token-bonus-txt { color: rgba(255, 255, 255, 0.6); } + +.token-stage { margin-bottom: 33px; } + +.token-stage-title { color: #fff; background: #5d4bd8; text-transform: uppercase; font-weight: 700; line-height: 26px; padding: 10px; border-radius: 6px 6px 0 0; } + +.token-stage-pre { background: #6655df; } + +.token-stage-one { background: #5744db; } + +.token-stage-date { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; padding: 12px 0 10px; } + +.tc-light .token-stage-date { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-date h6 { font-weight: 700; font-size: 1rem; margin-bottom: 0; } + +.token-stage-date span { font-size: 15px; } + +.token-stage-info { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; border-radius: 0 0 6px 6px; padding: 14px 0 16px; } + +.tc-light .token-stage-info { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-info span { display: block; font-size: 15px; line-height: 1.86; } + +.token-stage-bonus { color: #07bcff; } + +.token-action-s2 { padding: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action-box { display: flex; align-items: center; flex-wrap: wrap; border-radius: 6px; background: rgba(7, 188, 255, 0.1); } + +.token-action-box > div { padding: 20px 25px; width: 100%; } + +.token-action-box > div:last-child { padding-top: 0; } + +.tc-light .token-action-box { background: rgba(7, 188, 255, 0.1); } + +.token-action-title { width: 30%; background: #07bcff; border-radius: 6px 6px 0 0; font-weight: 500; font-size: 1.2em; line-height: 1.44; flex-grow: 1; width: 100%; } + +.tc-light .token-action-title { background: #07bcff; } + +.token-action-box .token-action-title { padding: 25px; } + +.token-action-date { width: 40%; } + +.token-action-date strong { display: block; } + +.token-action-btn { width: 34%; } + +.token-action-btn .btn-grad { padding: 14px 0px; width: 100%; } + +.token-bar-chart { position: relative; z-index: 9; } + +.token-bar-item { position: relative; height: 40px; border-radius: 20px; margin: 10px 0; } + +.token-bar-item.tbic1 { background: #002674; } + +.token-bar-item.tbic1:before { background: #002674; } + +.token-bar-item.tbic2 { background: #004ae2; } + +.token-bar-item.tbic2:before { background: #004ae2; } + +.token-bar-item.tbic3 { background: #3b7bff; } + +.token-bar-item.tbic3:before { background: #3b7bff; } + +.token-bar-item.tbic4 { background: #3bb8ff; } + +.token-bar-item.tbic4:before { background: #3bb8ff; } + +.token-bar-item.tbic5 { background: #5378fb; } + +.token-bar-item.tbic5:before { background: #5378fb; } + +.token-bar-txt { position: absolute; font-size: 13px; padding-bottom: 0; top: 50%; left: 100%; min-width: 300%; transform: translateX(45px) translateY(-50%); } + +.token-bar-txt:after { position: absolute; content: ''; left: 0; top: 50%; height: 1px; width: 25px; margin-left: -35px; background: rgba(22, 161, 255, 0.5); } + +.token-bar-txt span { display: block; line-height: 1.5; white-space: nowrap; } + +.token-bar-txt span:first-of-type { font-weight: 600; } + +.token-bar-item.tbic1 .token-bar-txt span:first-of-type { color: #002674; } + +.token-bar-item.tbic2 .token-bar-txt span:first-of-type { color: #004ae2; } + +.token-bar-item.tbic3 .token-bar-txt span:first-of-type { color: #3b7bff; } + +.token-bar-item.tbic4 .token-bar-txt span:first-of-type { color: #3bb8ff; } + +.token-bar-item.tbic5 .token-bar-txt span:first-of-type { color: #5378fb; } + +@media (min-width: 768px) { .token-bar-chart { display: flex; overflow: visible; margin-top: 135px; } + .token-bar-item { margin: 0; } + .token-bar-item:before { position: absolute; left: -20px; top: 0; height: 40px; width: 40px; content: ''; z-index: -1; } + .token-bar-item:first-child:before { display: none; } + .token-bar-txt { padding-bottom: 10px; top: -110px; left: 50%; min-width: 100%; transform: translateX(-50%); text-align: center; } + .token-bar-txt:after { left: 50%; top: 100%; height: 65px; width: 1px; margin-left: 0; } } + +@media (max-width: 420px) { .token-status-s6 .countdown-time { font-size: 1.8rem; } + .token-status-s6 .cpn-links, .token-status-s6 .cpn-links li { padding-left: 10px; padding-right: 10px; } } + +@media (min-width: 480px) { .token-status .countdown-s2 { padding: 0 30px 20px; } + .token-info-s1 { padding: 0 30px; } + .token-min-s2 { padding: 0; } } + +@media (min-width: 576px) { .token-info { padding: 24px 40px 0; } + .token-info .text-block-title { text-align: center; } + .token-info-list li { display: flex; } + .token-info-list li > span { width: 50%; } + .token-info-title { font-size: 0.88rem; letter-spacing: 0.2em; } + .token-info-des { font-size: 1.375rem; } + .token-info-s1 { padding: 0 30px; } + .token-status { padding: 24px 28px 20px; } + .token-status-md { padding: 36px; } + .token-status-s2 { padding: 0; } + .token-status-s3 { padding: 29px 0 0; border: none; } + .token-status-s4 { padding: 65px 0 50px; } + .token-status-s5 { padding: 40px 30px 40px; } + .token-status-s6 { border: none; padding: 35px 50px 45px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; } + .token-alocate-graph { padding: 30px 40px 30px; } + .token-action-box { flex-wrap: nowrap; } + .token-action-box > div:last-child { padding-top: 20px; padding-left: 0; } + .token-action-title { width: auto; border-radius: 6px 0 0 6px; } + .token-action-s2 { padding: 30px; } } + +@media (min-width: 768px) { .token-alocate-item { padding: 20px 30px 40px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; margin-bottom: 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-box-s1 { position: absolute !important; left: 0; bottom: -45px; width: 100%; z-index: 9 !important; } } + +@media (min-width: 992px) { .token-countdown-wrapper { padding: 30px 60px 30px 66px; } + .token-status-s1 { padding: 30px 60px 30px 66px; margin-left: 0; } + .token-status-s2 { margin: 65px 140px 0 0; } + .token-status-s3 { margin-left: 25px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding: 30px 65px 0px; } + .token-alocate-item-s1:before { position: absolute; height: 610px; width: 610px; top: 0; left: 50%; content: ''; border-radius: 20px; background: rgba(50, 33, 173, 0.04); transform: rotate(45deg); transform-origin: 0 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-alocate-graph-s1 { margin-top: 80px; } + .token-action-box { margin-top: 25px; } } + +.tokdis-item { position: relative; padding-left: 0; padding-bottom: 15px; margin-bottom: 15px; padding-top: 8px; display: inline-block; } + +.tokdis-item:before { position: absolute; width: 40px; height: 3px; border-radius: 1.5px; content: ''; background: #07bcff; top: 0; left: 50%; transform: translateX(-50%); } + +.tokdis-item h5 { font-size: 1.125em; } + +.tokdis-list { padding-bottom: 40px; } + +@media (min-width: 992px) { .tokdis-item { padding-left: 25px; padding-bottom: 4px; padding-top: 0; } + .tokdis-item:before { width: 3px; height: 100%; top: 0; left: 0; transform: translateX(0); } + .tokdis-list { padding-bottom: 80px; } } + +.toktmln-item { position: relative; padding: 0 0 20px; display: flex; justify-content: center; } + +.toktmln-item:before { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); content: ''; height: 30px; width: 30px; border-radius: 50%; border: 6px solid #dbe4f7; background: #07bcff; } + +.tc-light .toktmln-item:before { border-color: #fff; } + +.toktmln-item div { padding: 0 30px 5px 0; text-align: right; width: 50%; flex-grow: 1; } + +.toktmln-item div:last-child { padding: 0 0 0 30px; text-align: left; } + +.toktmln-item div span { display: block; font-weight: 600; } + +.toktmln-item div span:last-child { font-size: .775em; padding-bottom: 8px; font-weight: 400; color: #415076; } + +.tc-light .toktmln-item div span:last-child { color: #e4e1ff; } + +.toktmln-list { position: relative; } + +.toktmln-list:before { position: absolute; left: 50%; top: -24px; width: 2px; margin-left: -1px; height: 100%; background: #dbe4f7; content: ''; } + +.tc-light .toktmln-list:before { background: #fff; } + +@media (min-width: 992px) { .toktmln-list { position: relative; } + .toktmln-list:before { left: 0; top: 14px; width: 100%; height: 2px; } + .toktmln-item { padding: 64px 0 0; display: block; } + .toktmln-item:before { top: 0; left: 0; transform: translateX(0); } + .toktmln-item div { padding-bottom: 5px; text-align: left; width: 100%; padding-left: 0; padding-right: 0; } + .toktmln-item div:last-child { padding: 0 0 0 0; } + .toktmln-item div span:last-child { font-size: .875em; } } + +.stage-info { padding-left: 15px; } + +.stage-info .title { margin-bottom: .5rem; } + +/** 04.10 Team */ +.team { position: relative; margin-bottom: 30px; max-width: 255px; margin-left: auto; margin-right: auto; text-align: center; } + +.nk-block-left .team { max-width: 100%; } + +.team:hover .team-show { opacity: 1; } + +.team-s2 { max-width: 240px; text-align: center; } + +.team-s2 .word-split { justify-content: center; } + +.team-s2:hover .team-show { opacity: .25; } + +.team-s4 { padding: 30px 30px; } + +.team-s5 { text-align: left; max-width: 228px; padding-bottom: 25px; } + +.team-s5:before { position: absolute; content: ""; left: 20px; top: 50px; right: 0; bottom: 0; background: #e7edf5; z-index: -1; } + +.bg-theme .team-s5:before { background: #3e2bc5; } + +.has-bg-image .team-s5:before { background: #3e2bc5; } + +.tc-light .team-s5:before { background: #1d0e8a; } + +.team-s6 { text-align: left; display: flex; max-width: 100%; } + +.team-s6 .team-left { width: 135px; flex-shrink: 0; } + +.team-s6 .team-photo { max-width: 170px; margin-right: 25px; margin-left: 0; } + +.team-sm-s2 { text-align: left; max-width: 145px; } + +.team-photo { display: block; position: relative; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 2; } + +.team-photo + .list { padding-top: 15px; } + +.team-photo-s1 { max-width: 160px; } + +.team-photo img { border-radius: 6px; width: 100%; transition: all .4s; } + +.team-photo-sm { max-width: 180px; } + +.team-photo-s2 { max-width: 90%; } + +.team-photo-s2:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(7, 188, 255, 0.4); border-radius: 6px; z-index: 1; } + +.team-photo-s3:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: linear-gradient(to top left, #07bcff 0%, #7a5cff 100%); border-radius: 6px; z-index: 1; opacity: .2; } + +.team-photo-circle { border-radius: 50%; } + +.team-sm-s2 .team-photo { margin-left: 0; max-width: 90%; } + +.team-sm-s2:hover .team-photo { transform: translateY(-8px); } + +.team-s3 .team-photo { max-width: 160px; } + +.team-s5 .team-photo { margin-left: 0; } + +.team-s5 .team-photo:before, .team-s5 .team-photo:after { position: absolute; content: ''; } + +.team-s5 .team-photo:before { top: 24px; right: -33px; height: 3px; width: 65px; background: linear-gradient(to top left, #07bcff 0%, #7a5cff 100%); z-index: 1; } + +.team-s5 .team-photo:after { top: 0; bottom: 0; right: 0; left: 0; background: rgba(7, 188, 255, 0.4); transition: all .4s; } + +.team-s5 .team-photo:hover { transform: translateY(-8px); } + +.team-s5 .team-photo:hover:after { opacity: .5; } + +.team-s5 .team-photo:hover .team-show { opacity: 0; } + +.team-photo-bg:before { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; transform: scale(1); z-index: -1; opacity: 1; transition: all .5s ease; background-image: linear-gradient(90deg, #7a5cff 0%, #07bcff 100%); } + +.team-s3-alt .team-photo-bg:before { opacity: 0; transform: scale(0.8); } + +.team-photo-bg a { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; z-index: 1; } + +.team-photo-bg:hover a + img { transform: scale(0.85); } + +.team-s3-alt .team-photo-bg:hover a + img { transform: scale(1); } + +.team-s3-alt .team-photo-bg:hover:before { opacity: 1; transform: scale(1); } + +.team-show { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(7, 188, 255, 0.4); border-radius: 6px; transition: all .4s; z-index: 20; opacity: 0; } + +.team-s2 .team-show { opacity: 0; } + +.team-s3 .team-photo-bg .team-show { opacity: 0 !important; top: 0; right: 0; bottom: 0; left: 0; } + +.team-s5 .team-show { border-radius: 0; } + +.team-s5:hover .team-show { opacity: 0; } + +.team-social { margin: 0 -5px; } + +.team-photo .team-social { position: absolute; bottom: -17px; right: 17px; z-index: 21; text-align: right; } + +.team-social li { padding: 0 4px; display: inline-block; } + +.team-social li a { font-size: 13px; text-align: center; display: inline-block; line-height: 34px; height: 34px; width: 34px; border-radius: 50%; color: #fff !important; background: #7a5cff; box-shadow: 0px 2px 15px 0px rgba(122, 92, 255, 0.5); } + +.team-social li a:hover { color: #fff !important; background: #07bcff; box-shadow: 0px 2px 15px 0px rgba(7, 188, 255, 0.5); } + +.team-social-s2 { margin: 0 -10px; } + +.team-social-s2 li { padding: 0 10px; } + +.team-social-s2 li a { width: auto; background-color: transparent; box-shadow: none; color: #415076 !important; } + +.tc-light .team-social-s2 li a { color: #fff !important; } + +.team-social-s2 li a:hover { color: #07bcff !important; background-color: transparent; box-shadow: none; } + +.team-s2 .team-social-s2 { padding-top: 15px; } + +.team-s3 .team-social-s2 { padding-top: 10px; } + +.team-social-vr li { display: block; text-align: center; } + +.team-social-vr li a { width: 30px !important; } + +.team-s5 .team-social { position: absolute; top: 64px; right: 20px; } + +.team-s5 .team-social li a { color: #07bcff; } + +.team-name { color: #415076; padding-top: 28px; font-weight: 600; } + +.team-name.title { margin-bottom: .5rem !important; } + +.team-s2 .team-name.title-sm { font-size: .95em !important; } + +.team-s2 .team-name { padding-top: 18px; } + +.team-s3 .team-name { color: #07bcff; font-size: 1.125rem !important; font-weight: 400; margin-bottom: 1px !important; } + +.team-s3-alt .team-name { color: #3221ad; } + +.tc-light .team-s3-alt .team-name { color: #fff; } + +.team-s4 .team-name { font-weight: 400; padding-top: 21px; font-size: 1.33rem; margin-bottom: 0 !important; } + +.team-s5 .team-name { padding-left: 45px; padding-right: 40px; } + +.team-s6 .team-name { text-transform: uppercase; font-weight: 400; } + +.team-position { font-size: 12px; font-weight: 400; display: inline-block; } + +.team-s3 .team-position { font-weight: 300; color: #536697; } + +.team-s3-alt .team-position { color: #07bcff; } + +.tc-light .team-s3-alt .team-position { color: #07bcff; } + +.team-s4 .team-position { padding-bottom: 10px; } + +.team-s5 .team-position { padding-left: 45px; padding-right: 40px; color: #3221ad; } + +.team-s6 .team-position { position: relative; color: #07bcff; padding-bottom: 13px; margin-bottom: 5px; line-height: 1.4; } + +.team-s6 .team-position:before { position: absolute; height: 3px; width: 190px; left: 0; bottom: 0; content: ''; background: linear-gradient(to right, #07bcff 0%, #7a5cff 100%); z-index: 5; } + +.tc-light .team-position { color: #a89ffe; } + +.team-featured-photo { position: relative; border-radius: 5px; overflow: hidden; } + +.team-featured-info { position: absolute; left: 0; bottom: 0; font-size: 18px; padding: 15px 20px; } + +.team-featured-info span { font-size: 16px; font-weight: 300; display: block; padding-top: 5px; } + +.team-featured-cont p:last-child { margin-bottom: 0; } + +.team-featured-sub { text-transform: uppercase; color: #e4e1ff; font-size: 14px; letter-spacing: 0.15em; } + +.team-popup { position: relative; max-width: 100%; margin: 10px; padding: 15px; background: #fff; border-radius: 6px; } + +.team-popup-info p:last-child { margin-bottom: 0; } + +.team-list { margin-bottom: -30px; } + +.team-s4 .team-desc { font-size: .87rem; margin-bottom: 8px; } + +.team-s4 .team-desc p { font-size: inherit; } + +@media (min-width: 576px) { .team { margin-bottom: 50px; } + .team-s2 { margin-bottom: 30px; text-align: left; } + .team-s2 .word-split { justify-content: flex-start; } + .team-s4 { padding: 30px 15px; } + .team-s2 .team-photo { margin-left: 0; } + .team-s2 .team-name { padding-top: 25px; } + .team-featured-info { padding: 25px 30px; } + .team-popup { padding: 40px; } + .team-list { margin-bottom: -50px; } } + +@media (min-width: 768px) { .team-even { margin-top: 60px; } + .team-s4 { margin-bottom: 50px; } } + +@media (min-width: 992px) { .team-featured-cont { padding-left: 20px; } + .team-featured-title { padding: 8px 0 15px; } + .team-name { padding-top: 34px; margin-bottom: 8px !important; } + .team-s2 .team-name, .team-s3-alt .team-name { padding-top: 20px; } + .team-s5 .team-name { padding-top: 24px; } + .team-position { font-size: 0.88rem; } + .team-position-sm { font-size: 13px; } + .team-social { bottom: -20px; right: 20px; margin: 0 -5px; } + .team-social li { padding: 0 4px; } + .team-social li a { font-size: 16px; line-height: 40px; height: 40px; width: 40px; } + .team-social-s2 { margin: 0 -8px; } + .team-social-s2 li { padding: 0 8px; } + .team-social-s2 li a { font-size: 14px; height: auto; width: auto; } + .team-popup { margin: 10px auto; width: 950px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .team-s5 .team-social { right: 9px; } } + +@media (min-width: 1600px) { .team-photo-s2 { max-width: 100%; } } + +/** 04.11 Partners */ +.partner-list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: -15px; } + +.partner-list-left { justify-content: left; } + +.partner-list-lg { margin-bottom: -20px; } + +.partner-logo { padding: 15px 10px; } + +[class*="col-"] > .partner-logo { padding: 0; } + +.partner-logo img { max-height: 30px; max-width: 100%; width: auto !important; margin-left: auto; margin-right: 0; } + +.has-carousel .partner-logo img { margin-right: auto; } + +.partner-list-lg .partner-logo { padding: 20px 25px; } + +.partner-list-lg .partner-logo img { max-height: 50px; } + +.partner-logo-s2, .partner-logo-s3 { width: 50%; max-width: 50%; text-align: center; padding: 0 10px; } + +.partner-logo-s2 img, .partner-logo-s3 img { max-height: 50px; } + +.partner-list-left .partner-logo-s2, .partner-list-left .partner-logo-s3 { text-align: left; } + +.partner-logo-s3 img { max-height: 60px; } + +.partner-logo-lg { width: 50%; margin-bottom: 30px; } + +.partner-box { padding: 15px 0px; margin-bottom: 30px; } + +@media (min-width: 576px) { .partner-logo-s2, .partner-logo-s3 { margin-bottom: 30px; max-width: 16.6%; width: 16.6%; } + .partner-logo-lg { width: 33%; } + .partner-box { padding: 15px 66px; box-shadow: 0px 5px 25px rgba(62, 43, 197, 0.1); } } + +@media (min-width: 992px) { .partner-box .partner-list { justify-content: space-between; } + .partner-list-lg { margin-bottom: -20px; } + .partner-list-lg .partner-logo { padding: 20px 25px; } + .partner-list-lg .partner-logo img { max-height: 50px; } + [class*="col-"] > .partner-logo { padding: 15px 0; } } + +/** 04.12 Contact */ +.contact-wrap { padding: 20px; } + +.contact-list { margin-top: -7.5px; margin-bottom: -7.5px; position: relative; z-index: 2; } + +.contact-list li { display: flex; padding-top: 7.5px; padding-bottom: 7.5px; font-size: 0.94rem; } + +.contact-list-s1 { display: flex; justify-content: center; } + +.contact-list-s1 li { width: 100%; flex-wrap: wrap; justify-content: center; } + +.contact-icon { height: 38px; width: 38px; font-size: 16px; line-height: 38px; text-align: center; color: #fff; background: #7a5cff; box-shadow: 0px 2px 15px 0px rgba(122, 92, 255, 0.5); border-radius: 50%; margin-right: 15px; flex-shrink: 0; } + +.tc-light .contact-icon { color: #3221ad; background: #fff; box-shadow: none; } + +.bg-secondary .contact-icon { color: #7a5cff; } + +.contact-list-s1 .contact-icon { margin-right: 0; color: #fff; box-shadow: 0px 2px 15px 0px rgba(50, 33, 173, 0.5); background: linear-gradient(-45deg, #3221ad 0%, #3e2bc5 100%); } + +.tc-light .contact-list-s1 .contact-icon { color: #3221ad; background: #fff; } + +.contact-icon-s2 { color: #7a5cff; background: transparent; box-shadow: inset 0 0 0 2px #7a5cff; } + +.tc-light .contact-icon-s2 { color: #fff; background-color: transparent; box-shadow: inset 0 0 0 2px #fff; } + +.contact-icon-s3 { position: relative; color: #07bcff; background: linear-gradient(to right, #07bcff 0%, #7a5cff 100%); box-shadow: none; } + +.tc-light .contact-icon-s3 { color: #fff; background: linear-gradient(to right, #07bcff 0%, #7a5cff 100%); } + +.contact-icon-s3:after { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .contact-icon-s3:after { background: #eff6ff; } + +.bg-light-alt .contact-icon-s3:after { background: #e7edf5; } + +.bg-theme .contact-icon-s3:after { background: #3221ad; } + +.bg-theme-alt .contact-icon-s3:after { background: #3e2bc5; } + +.bg-theme-dark .contact-icon-s3:after { background: #160b6d; } + +.bg-theme-dark-alt .contact-icon-s3:after { background: #1d0e8a; } + +.bg-theme-accent .contact-icon-s3:after { background: #07bcff; } + +.bg-theme-accent-alt .contact-icon-s3:after { background: #7a5cff; } + +.contact-icon-s3:before { position: relative; z-index: 1; } + +.contact-text { padding-top: 7px; } + +.contact-list-s1 .contact-text { width: 100%; } + +.contact-social { margin-top: auto; padding-top: 20px; } + +.contact-social h6 { margin-bottom: 1rem; } + +.subscribe-wrap { padding: 20px; } + +@media (min-width: 576px) { .contact-wrap { padding: 50px; } + .subscribe-wrap { padding: 65px; } } + +@media (min-width: 768px) { .contact-list-s1 li { width: 33.33%; flex-wrap: wrap; } + .contact-list-s1 .contact-text { width: auto; } + .contact-list-s1 .contact-icon { margin-right: 15px; } } + +@media (max-width: 480px) { .contact-list-s2 { flex-wrap: wrap; } } + +@media (max-width: 767px) { .contact-list-s2 li { flex-wrap: wrap; text-align: center; } + .contact-list-s2 li .contact-icon { margin-right: 0; } + .contact-list-s2 li .contact-text { width: 100%; } } + +@media (max-width: 991px) { .contact-list-s2 { display: flex; justify-content: center; } + .contact-list-s2 li { width: 100%; justify-content: center; } } + +@media (min-width: 992px) and (max-width: 1199px) { .contact-wrap, .subscribe-wrap { padding: 35px; } } + +.social-links { display: flex; margin: -3px; } + +.social-links li { padding: 3px; } + +.social-links li a { display: inline-block; border-radius: 50%; border: 1px solid #fff; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #415076; } + +.social-links li a:hover { color: #07bcff; background: #fff; } + +.tc-light .social-links li a { color: #fff; } + +.tc-light .social-links li a:hover { color: #07bcff; } + +.bg-secondary .social-links li a:hover { color: #7a5cff !important; } + +.social-links-s2 li a { border: none; } + +.social-links-s2 li a:hover { background-color: #fff; color: #07bcff !important; } + +.tc-light .social-links-s2 li a:hover { color: #07bcff !important; } + +@media (min-width: 992px) { .section-contact .ovm-h-60 { height: 50%; } } + +/** 04.13 WGS */ +.wgs { margin-bottom: 30px; } + +.wgs-title { text-transform: uppercase; color: #3221ad; font-size: 1rem; font-weight: 600; letter-spacing: 0.075em; } + +.wgs-title-s2, .wgs-title-s3 { font-size: 1.125rem; letter-spacing: normal; } + +.wgs-title-s2 { margin-bottom: 18px; font-weight: 600; } + +.wgs-title-s3 { font-weight: 700; margin-bottom: 22px; padding-top: 10px; } + +.tc-light .wgs-title { color: #7a5cff; } + +.wgs-logo { padding-bottom: 22px; display: inline-block; } + +.wgs-body p { font-size: 0.93em; line-height: 1.71; margin-bottom: 0.75rem; } + +.wgs-body p:last-child { margin-bottom: 0; } + +.wgs-list li { font-size: .9em; padding-bottom: 14px; letter-spacing: 0.01em; } + +.wgs-list li:last-child { padding-bottom: 0; } + +.wgs-links li { position: relative; padding: 5px 0; line-height: 1; } + +.wgs-links li:last-child { padding-bottom: 0px; } + +.wgs-links li a { font-size: 0.9em; line-height: 20px; display: block; color: #12183a; } + +.wgs-links li a:hover { color: #07bcff; } + +.tc-light .wgs-links li a { color: #fff !important; } + +.tc-light .wgs-links li a:hover { color: #07bcff !important; } + +.wgs-links-s2 li { padding: 7px 0; } + +.wgs-links-s2 li a { font-size: 1em; } + +.wgs-links-s3 li { padding: 9px 0; } + +.wgs-links-s4 li { padding: 7px 0; } + +.wgs-links-s5 li { margin-bottom: 17px; } + +.wgs-links-s5 li:first-child { margin-top: -5px; } + +.wgs-links-s5 li a { font-size: 1rem; font-weight: 400; } + +.wgs-links-uline li a { display: inline-block; } + +.wgs-links-uline li a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.wgs-links-category li { padding-left: 20px; } + +.wgs-links-category li a { padding: 10px 0; } + +.wgs-links-category li:before { position: absolute; left: 0; top: 50%; margin-top: -1px; height: 2px; width: 8px; content: ''; background: #07bcff; } + +.wgs-links-tags { padding: 12px 0; margin: -7px -5px; } + +.wgs-links-tags li { display: inline-block; padding: 7px 5px; } + +.wgs-links-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; } + +.wgs-links-tags li a:hover { color: #fff; border-color: #07bcff; background: #07bcff; } + +.wgs-links-3clumn li { width: 32%; display: inline-block; } + +.wgs-archive .wgs-body { padding: 12px 0; } + +.wgs-cta .wgs-body { padding: 30px 30px 35px; } + +.wgs-address { font-size: .9rem; line-height: 2; } + +.wgs-address li:not(:last-child) { margin-bottom: 10px; } + +.wgs-regular { font-weight: 400; } + +@media (min-width: 992px) { .wgs-subscribe-form-s1 { margin-left: -50px; padding-right: 50px; } } + +.copyright-text { color: #415076; } + +.tc-light .copyright-text { color: #a89ffe; } + +.copyright-text p { color: inherit; } + +.copyright-text a { color: #415076; } + +.copyright-text a:hover { color: #07bcff; } + +.tc-light .copyright-text a { color: #a89ffe; } + +.tc-light .copyright-text a:hover { color: #07bcff; } + +.copyright-text-s1 { font-size: 14px; } + +.copyright-text-s1 p { font-size: inherit; } + +.copyright-text-s2 { text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; } + +.copyright-text-s3 { font-size: 13px; color: #12183a; } + +.tc-light .copyright-text-s3 { color: #a89ffe; } + +.copyright-text-s3 p { font-size: 13px; color: inherit; } + +.copyright-text-s3 p a { color: inherit !important; } + +.copyright-text-s3 p a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.copyright-text-s3 a { font-weight: 500; } + +.copyright-text-s3 span { color: #415076; padding-bottom: 3px; } + +.tc-light .copyright-text-s3 span { color: #fff; } + +.copyright-text-s4 p { font-size: 0.9rem !important; } + +.copyright-text li a, .copyright-text p { font-size: 13px; color: #fff; } + +.copyright-text li { width: 100%; } + +.footer-nav { margin: 0 -15px; } + +.footer-nav li { display: inline-block; padding: 0 15px; } + +.footer-nav li a { color: #415076; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; } + +.footer-nav li a:hover { color: #07bcff !important; } + +.tc-light .footer-nav li a { color: #e4e1ff !important; } + +.tc-light .footer-nav li a:hover { color: #07bcff !important; } + +@media (min-width: 576px) { .copyright-text-s2 { font-size: 12px; } + .copyright-text li { width: auto; } } + +.wgs-nl-title { margin-bottom: 32px; } + +/** 04.14 Others */ +.rank-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.rank-item { background-image: url(../images/hexagon.png); height: 88px; width: 94px; padding: 16px 20px 0; } + +.rank-item img { max-height: 16px; } + +.rank-count { font-size: 1rem; color: #3e2bc5; font-weight: 700; padding-top: 4px; line-height: 1.3; } + +.rank-count span { font-size: .7rem; color: #e4e1ff; } + +@media (min-width: 400px) { .rank-item { height: 104px; width: 108px; padding-top: 24px; } } + +@media (min-width: 768px) { .rank-item { height: 136px; width: 146px; padding: 32px 30px 0; } + .rank-item img { max-height: 24px; } + .rank-count { padding-top: 10px; font-size: 1.4rem; } + .rank-count span { font-size: .9rem; } } + +@media (min-width: 992px) { .rank-item { height: 160px; width: 164px; padding-top: 38px; } } + +.rating-info { font-size: 2.23em; line-height: 1; padding: 16px 0; font-weight: 700; background: #e7edf5; border-radius: 6px 6px 0 0; color: #415076; } + +.rating-info span { font-size: .5em; font-weight: 400; color: #e4e1ff; margin-left: 6px; } + +.tc-light .rating-info span { color: #e7edf5; } + +.rating-info span:before { content: '/'; } + +.tc-light .rating-info { color: #fff; background: #6454da; } + +.rating-title { background: #07bcff; color: #fff; padding: 5px 0; font-size: .93em; line-height: 20px; border-radius: 0 0 6px 6px; } + +.tc-light .rating-title { background: #160b6d; } + +.bonus { border-radius: 0 0 8px 8px; border: 1px solid rgba(7, 188, 255, 0.2); border-top: none; display: flex; } + +.bonus-info { position: relative; width: 50%; padding: 12px 16px 16px; } + +.bonus-info:not(:last-child) { border-right: 1px solid rgba(7, 188, 255, 0.2); } + +.bonus-percent { font-size: 20px; } + +.bonus-percent small { font-size: 14px; } + +.bonus-date { font-size: 12px; color: #e4e1ff; } + +.bonus-badge { position: absolute; top: 5px; right: 5px; text-transform: uppercase; border-radius: 11px; line-height: 15px; font-size: 8px; font-weight: 500; padding: 0 8px; color: #fff; background: #7a5cff; } + +@media (min-width: 420px) { .bonus-info { padding: 12px 30px 16px; } + .bonus-percent { font-size: 28px; } + .bonus-percent small { font-size: 14px; } + .bonus-date { font-size: 12px; color: #e4e1ff; } + .bonus-badge { top: 50%; right: 0; transform: translateY(-50%) rotate(-90deg); line-height: 22px; font-size: 11px; padding: 0 10px; } } + +.chart-data li { display: flex; font-size: 1rem; line-height: 1.4; font-weight: 400; padding: 7px 0; } + +.chart-data li span { display: block; } + +.chart-data-s1 { display: flex; flex-wrap: wrap; } + +.chart-data-s1 li { display: flex; align-items: center; width: auto; transition-delay: .8s; width: 100%; } + +.chart-data-s1 .chart-p { min-width: 55px; height: 55px; line-height: 50px; padding: 0; color: #fff; transform: rotate(45deg); border-radius: 10px; margin: 30px; order: -1; font-size: 16px; font-weight: 600; line-height: 55px; } + +.chart-data-s1 .chart-p span { transform: rotate(-45deg); display: block; } + +.chart-data-s1 .chart-l { text-align: left; } + +.chart-data-s2 { display: flex; flex-wrap: wrap; margin: -10px; } + +.chart-data-s2 li { padding: 10px; } + +.chart-data-item { position: relative; padding: 15px 25px; } + +.chart-data-item:before, .chart-data-item:after { position: absolute; content: ''; top: 0; height: 100%; width: 45px; border: 2px solid #dbe4f7; transition: all .4s; } + +.tc-light .chart-data-item:before, .tc-light .chart-data-item:after { border-color: rgba(219, 228, 247, 0.5); } + +.active > .chart-data-item:before, .active > .chart-data-item:after { border-color: #07bcff; } + +.chart-data-item:before { left: 0; border-radius: 6px 0 0 6px; border-right: none; } + +.chart-data-item:after { right: 0; border-radius: 0 6px 6px 0; border-left: none; } + +.chart-label { font-size: 14px; font-weight: 700; color: #3221ad; transition: all .4s; } + +.tc-light .chart-label { color: #fff; } + +.active > div > .chart-label { color: #07bcff; } + +.chart-info { display: block; } + +.chart-percent { font-size: 22px; font-weight: 400; color: #3221ad; } + +.tc-light .chart-percent { color: #fff; } + +.chart-sublabel { font-size: 13px; color: #415076; margin-left: 8px; } + +.tc-light .chart-sublabel { color: #e4e1ff; } + +.chart-p { margin-left: auto; font-size: 1.125rem; font-weight: 500; color: #3e2bc5; } + +.chart-c { position: relative; top: 3px; height: 14px; width: 14px; border-radius: 3px; margin-right: 12px; flex-shrink: 0; display: block; } + +.chart-canvas { min-height: 300px; max-width: 100%; margin-left: auto; margin-right: auto; } + +.chart-canvas-s1 { min-height: 215px; } + +@media (min-width: 480px) { .chart-data-s1 li { width: 50%; } } + +@media (min-width: 576px) { .chart-label, .chart-percent { font-size: 18px; } + .chart-c { top: 6px; } + .chart-canvas { min-height: 360px; } + .chart-canvas-s1 { min-height: 215px; } } + +@media (min-width: 768px) { .chart-data-s1 li { width: 33.33%; } } + +@media (min-width: 992px) { .chart-data-s1 li { position: absolute; width: auto; transition: all .4s; opacity: 0; } + .chart-data-s1 li:nth-child(1) { top: -60px; left: 50%; transform: translateX(-50%) translateY(-30px) !important; flex-wrap: wrap; transition-delay: .6s; } + .chart-data-s1 li:nth-child(1) .chart-l { order: -1 !important; width: 100%; } + .chart-data-s1 li:nth-child(1) .chart-p { margin: 20px auto; transform: rotate(0); } + .chart-data-s1 li:nth-child(1) .chart-p span { transform: rotate(0); } + .animate.show .chart-data-s1 li:nth-child(1) { transform: translateX(-50%) translateY(0) !important; } + .chart-data-s1 li:nth-child(odd) { left: 50%; transform: translateX(30px) translateY(0); } + .chart-data-s1 li:nth-child(odd) .chart-l { order: 1; } + .chart-data-s1 li:nth-child(even) { right: 50%; transform: translateX(-30px) translateY(0); } + .chart-data-s1 li:nth-child(even) .chart-l { order: -1; text-align: right; } + .chart-data-s1 li:nth-child(even) .chart-p { left: auto; right: 29px; top: 33px; } + .chart-data-s1 li:nth-child(2) { top: 65px; margin-right: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(3) { top: 65px; margin-left: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(4) { top: 173px; margin-right: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(5) { top: 173px; margin-left: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(6) { top: 281px; margin-right: 278px; transition-delay: 1.2s; } + .chart-data-s1 li:nth-child(7) { top: 281px; margin-left: 278px; transition-delay: 1.2s; } + .animate.show .chart-data-s1 li { opacity: 1; transform: translateX(0) translateY(0); } + .chart-data-s1 .chart-p { order: 0; } + .chart-data-s1 .chart-l { text-align: center; font-weight: 400; } + .chart-canvas { min-height: 300px; } + .chart-canvas-s1 { min-height: 215px; } } + +.ath-container { width: 440px; max-width: 100%; margin: 30px auto; } + +.ath-header { padding: 0 0 30px; } + +.ath-heading { text-align: center; font-weight: 300; } + +.ath-heading small { display: block; padding-bottom: 10px; } + +.ath-body { background: #fff; border-radius: 6px; padding: 18px 25px 25px; } + +.ath-note { padding: 25px 0 0; } + +@media (min-width: 576px) { .ath-body { padding: 32px 40px 40px; } } + +.sap-text { position: relative; text-align: center; padding: 20px 0; } + +.sap-text:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; content: ''; background: #dbe4f7; z-index: 3; } + +.sap-text span { position: relative; background: #fff; display: inline-block; padding: 0 15px; z-index: 5; font-size: .9rem; text-transform: uppercase; } + +.bg-theme > .sap-text span { background: #3221ad; } + +.bg-theme-alt > .sap-text span { background: #3e2bc5; } + +.blog { background: #fff; border-radius: 6px; box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); margin-bottom: 30px; } + +.tc-light .blog { background: #3e2bc5; } + +.blog-photo { padding: 30px 30px 0; } + +.blog-photo > img { border-radius: 6px 6px 0 0; } + +.blog-s2 .blog-photo { padding: 0; } + +.blog-text { padding: 25px 30px 30px; } + +.blog-text p { font-size: 0.88rem; } + +.blog-s2 .blog-title { margin-bottom: 8px; } + +.blog-content-inline { padding: 18px 30px 14px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } + +.blog-content .blog-text { padding: 9px 0; } + +.blog-meta { margin-bottom: .25rem; margin: 0 -7px 4px; } + +.blog-meta li { position: relative; display: inline-block; font-size: .88rem; padding: 0 7px; } + +.blog-meta li:not(:last-child):after { content: '|'; position: absolute; right: -3px; top: -1px; color: #415076; } + +.tc-light .blog-meta li:not(:last-child):after { color: #e4e1ff; } + +.blog-meta li a { color: #6e80af; } + +.blog-meta li a:hover { color: #07bcff; } + +.blog-tags { padding: 12px 0; margin: -7px -5px; } + +.blog-tags li { display: inline-block; padding: 7px 5px; } + +.blog-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; color: #12183a; font-size: .88rem; } + +.blog-tags li a:hover { color: #fff; border-color: #07bcff; background: #07bcff; } + +.blog-featured { margin-bottom: 30px; } + +.blog-comment { padding-top: 25px; } + +.blog-action { padding: 9px 0; } + +.comment-wrap { background: #eff6ff; border-radius: 6px; overflow: hidden; margin-bottom: 30px; } + +.comment-item { padding: 20px; } + +.comment-item:not(:last-child) { border-bottom: 1px solid #fff; } + +.comment-item + .comment-item { padding-left: 40px; } + +.comment-item + .comment-item + .comment-item { padding-left: 60px; } + +.comment-photo { width: 50px; flex-shrink: 0; margin-bottom: 10px; margin-right: 20px; } + +.comment-content { padding-top: 6px; } + +.comment-info .title { margin-bottom: 0; } + +.comment-time { font-size: .75rem; } + +.comment-text { margin-top: 8px; } + +.comment-text p { font-size: .88rem; } + +@media (min-width: 576px) { .comment-wrap { margin-bottom: 30px; } + .comment-item { display: flex; padding: 30px; } + .comment-item + .comment-item { padding-left: 60px; } + .comment-item + .comment-item + .comment-item { padding-left: 90px; } + .comment-photo { margin-bottom: 0; } } + +.pagination { margin-left: auto; margin-right: auto; display: inline-flex; justify-content: center; box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.pagination li a { display: inline-block; height: 50px; min-width: 56px; text-align: center; line-height: 20px; padding: 15px 5px; background: #fff; color: rgba(65, 80, 118, 0.7); } + +.pagination li a .icon { line-height: 20px; padding: 0 5px; } + +.pagination li a.active, .pagination li a:hover { background: #07bcff; color: #fff; } + +.pagination li a.active .icon, .pagination li a:hover .icon { color: #fff; } + +.pagination li:first-child a { border-radius: 6px 0 0 6px; } + +.pagination li:last-child a { border-radius: 0 6px 6px 0; } + +.download-option { text-align: center; position: relative; padding: 10px; margin: 15px 0; } + +.download-option .icon { display: block; padding-bottom: 35px; font-size: 44px; color: #415076; } + +@media (min-width: 992px) { .download-option:not(:last-child):after { position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 1px; background: rgba(162, 179, 205, 0.3); } } + +.doc { text-align: center; position: relative; } + +.doc:hover { z-index: 9; } + +.doc-s2 { display: flex; margin-left: 20px; margin-bottom: 20px; border-radius: 6px; text-align: left; } + +.doc-photo { max-width: 125px; margin-left: auto; margin-right: auto; transition: all .2s linear; } + +.doc-photo img { border-radius: 4px; } + +.doc:hover .doc-photo { transform: translateY(-10px); } + +.doc:hover .doc-photo.no-hover { transform: translateY(0); } + +.doc-s2 .doc-photo { max-width: 100px; margin-top: 20px; margin-left: -20px; margin-bottom: -20px; margin-right: 15px; } + +.doc-shape { padding-top: 60px; position: relative; } + +.doc-shape:before { position: absolute; top: 0; left: 50%; margin-left: -5px; transform: translateX(-50%); transform-origin: 50% 50%; content: ''; background: url(../images/polygon-a-dark.png) 50% 0/contain no-repeat; width: 215px; height: 205px; z-index: -1; transition: all .2s linear; } + +.tc-light .doc-shape:before { background-image: url(../images/polygon-a-light.png); } + +.doc-shape-a:before { transform: translateX(-50%) rotate(0deg); } + +.doc:hover .doc-shape-a:before { transform: translateX(-50%) translateY(10px) rotate(0deg) scale(1.1); } + +.doc-shape-b:before { transform: translateX(-50%) rotate(90deg); } + +.doc:hover .doc-shape-b:before { transform: translateX(-50%) translateY(10px) rotate(90deg) scale(1.1); } + +.doc-shape-c:before { transform: translateX(-50%) rotate(-90deg); } + +.doc:hover .doc-shape-c:before { transform: translateX(-50%) translateY(10px) rotate(-90deg) scale(1.1); } + +.doc-shape-d:before { transform: translateX(-50%) rotate(135deg); } + +.doc:hover .doc-shape-d:before { transform: translateX(-50%) translateY(10px) rotate(135deg) scale(1.1); } + +.doc-title { margin-top: 15px; padding-bottom: 8px; } + +.doc-title small { display: block; } + +.tc-light .doc-title small { color: #e4e1ff; } + +.doc-s2 .doc-title { margin-top: 25px; font-weight: 600; } + +.doc-download { font-size: 18px; line-height: 19px; padding: 8px 15px; min-width: 60px; border-radius: 4px; color: #fff; background: #07bcff; display: inline-block; } + +.doc-download:hover { color: #fff !important; background: #7a5cff; } + +.doc-lang { text-transform: uppercase; font-size: 11px; margin-top: 5px; } + +.tc-light a.doc-download { color: #fff !important; } + +.tc-light a.doc-download:hover { color: #07bcff !important; background: #fff; } + +@media (min-width: 1200px) { .doc-shape:before { width: 255px; height: 245px; } + .doc-photo { max-width: 175px; } } + +.particles-container { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 0 !important; } + +.particles-container.is-fixed { position: fixed !important; z-index: -1 !important; } + +.product-box { position: relative; display: block; background: #3221ad; border-radius: 4px; padding: 25px 35px 0; max-width: 360px; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 6; } + +.tc-light .product-box { background: #fff; } + +.product-box:hover { transform: translateY(-8px); } + +.product-name { color: #fff; font-weight: 500; text-align: center; padding-bottom: 5px; margin-bottom: 18px; } + +.tc-light .product-name { color: #7a5cff; } + +.product-image { border: 2px solid #07bcff; border-bottom: 0; border-radius: 4px 4px 0 0; } + +.tc-light .product-image { border-color: #7a5cff; } + +.qr-code { background: #fff; border-radius: 4px; width: 40px; height: 40px; text-align: center; box-shadow: 0px 5px 15px rgba(62, 43, 197, 0.14); padding: 0px !important; cursor: pointer; position: relative; margin: 0px 10px; display: none; line-height: 38.5px; } + +.qr-code > img { width: 22px; } + +@media (min-width: 576px) { .qr-code { display: block; } + .qr-code:hover .qr-list { opacity: 1; visibility: visible; } + .qr-list { position: absolute; width: 264px; display: flex; background: #fff; padding: 18px; justify-content: space-between; bottom: calc(100% + 15px); right: 0; box-shadow: 0px 5px 30px rgba(62, 43, 197, 0.3); border-radius: 5px; opacity: 0; transition: 0.3s; visibility: hidden; } + .has-rtl .qr-list { right: auto; left: 0; } + .qr-list:after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 2px; height: 30px; background: #a722f4; } + .qr-list:before { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; right: 10px; z-index: 1; bottom: -13px; } + .has-rtl .qr-list:before { right: auto; left: 10px; } + .qr-list img { padding: 0 6px; } } + +.bg-dark-opacity.card { height: auto; } + +.testimonial { display: block; box-shadow: 0px 5px 40px rgba(62, 43, 197, 0.08); } + +.tesm-image { min-width: 210px; max-width: 210px; margin: 0 auto; box-shadow: 0px 5px 10px rgba(62, 43, 197, 0.08); } + +.tesm-image img { border-radius: 5px; } + +.tesm-content { padding-left: 0; padding-right: 0; text-align: center; padding-top: 30px; position: relative; } + +.tesm-content:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10e"; font-size: 46px; color: rgba(62, 43, 197, 0.07); position: absolute; bottom: 0; right: 0; line-height: normal; } + +.has-rtl .tesm-content:after { right: auto; left: 0; transform: rotateY(-180deg); } + +.tesm-content .title-sm { font-size: 1.1rem; font-weight: 500; color: #415076; opacity: 0.6; line-height: 30px; } + +.tesm-content span { display: block; font-size: 0.9rem; font-style: italic; font-weight: 300; line-height: normal; } + +.testimonial-carousel .owl-nav { top: 50%; opacity: 1; position: absolute; transform: translateY(-50%); padding-top: 0; margin: 0; width: calc(100% + 60px); left: -30px; } + +.testimonial-carousel .owl-nav button { border-width: 0 !important; margin: 0; color: #415076; opacity: 0.5; transition: 0.3s; } + +.has-rtl .testimonial-carousel .owl-nav button:after { transform: rotateY(-180deg); } + +.testimonial-carousel .owl-nav button:hover { opacity: 1; } + +.testimonial-carousel .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.testimonial-carousel .owl-prev:after { content: '\f060'; } + +.testimonial-carousel .owl-next { position: absolute; right: 0; } + +.has-rtl .testimonial-carousel .owl-next { right: auto; left: 0; } + +.testimonial-carousel .owl-next:after { content: '\f061'; } + +@media (min-width: 576px) { .testimonial { display: flex; flex-direction: row; align-items: center; } + .tesm-content { padding-left: 40px; padding-right: 15px; text-align: left; padding-top: 0; } + .has-rtl .tesm-content { text-align: right; padding-left: 15px; padding-right: 40px; } + .tesm-image { margin: -45px 0; } + .testimonial-carousel .owl-stage-outer { padding: 30px 0; } } + +@media (min-width: 768px) { .testimonial-carousel .owl-nav { width: calc(100% + 80px); left: -40px; } } + +@media (min-width: 992px) { .mlm-30 { margin-left: -30px; } + .testimonial-carousel .owl-nav { width: calc(100% + 160px); left: -80px; } } + +/** 04.14 Others */ +.payment-holder { position: relative; } + +.payment-holder-list { max-width: 1200px; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between; } + +.payment-holder-thumb { width: 58px; height: 58px; box-shadow: 0px 0px 0px 3px #a722f4; position: relative; border-radius: 50%; margin-bottom: 20px; } + +.payment-holder-thumb-s2 { box-shadow: none; border-radius: 0; height: auto; width: auto; } + +.payment-holder-thumb img { width: 100%; border-radius: 50%; } + +.payment-holder-info p { font-size: 11px; font-weight: 500; } + +.payment-holder-single { display: flex; margin-bottom: 30px; align-items: center; width: 100%; align-items: center; flex-wrap: wrap; flex-direction: column-reverse; } + +.payment-info-card { padding: 14px 20px; background: #fff; box-shadow: 0px 5px 20px rgba(167, 34, 244, 0.25); border-radius: 4px; width: 100%; text-align: center; } + +.title-pcard { font-size: 1rem; margin-bottom: 0 !important; font-weight: 400; } + +@media (min-width: 576px) { .payment-holder-single { width: 48%; } } + +@media (min-width: 992px) { .payment-holder-info { margin-bottom: 14px; position: relative; } + .payment-holder-info:after { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; top: 99%; z-index: 1; } + .payment-holder-thumb { border-radius: 50%; } + .payment-holder-thumb img { border-radius: 50%; } + .payment-holder-single { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; flex-direction: column; } + .payment-holder-single:nth-child(1) { margin-left: -23%; margin-top: -10%; } + .payment-holder-single:nth-child(2) { margin-left: -14%; margin-top: 3%; } + .payment-holder-single:nth-child(3) { margin-left: 10%; margin-top: 0; } + .payment-holder-single:nth-child(4) { margin-left: 31%; margin-top: -9%; } + .payment-holder-thumb:after, .payment-holder-thumb:before { position: absolute; content: ""; left: 50%; transform: translateX(-50%); } + .payment-holder-thumb:after { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 40px solid #fff; bottom: -30px; z-index: -1; filter: drop-shadow(0px 6px 0px #a722f4); } + .payment-holder-thumb:before { width: 30px; height: 15px; border-radius: 50%; background: rgba(167, 34, 244, 0.4); bottom: -41px; z-index: -1; } + .payment-holder-thumb-s2 { border-radius: 0px; } + .payment-holder-thumb-s2:before, .payment-holder-thumb-s2:after { display: none; } + .payment-holder-thumb-s2 img { border-radius: 0; } + .payment-info-card { width: auto; text-align: left; } + .has-rtl .payment-info-card { text-align: right; } } + +/** 04.14 datatable */ +.table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } + +.dataTables_filter label { width: 100%; height: 50px; border: 2px solid #d1e0f6; background: transparent; border-radius: 5px; padding: 13px 20px 10px; display: flex; align-items: center; margin-bottom: 30px; } + +.dataTables_filter input { border: none; width: 97% !important; } + +.dataTables_filter input:focus { outline: none; } + +.dataTable { width: 100%; } + +.data-table-area { position: relative; } + +.data-item { box-shadow: 0px 3px 15px rgba(29, 14, 138, 0.06); background: #fff; } + +.data-col { padding: 10px 20px; font-size: 14px; font-weight: 400; color: #fff; } + +.data-col-three { border-left: 1px solid; border-bottom: 1px solid; border-right: 1px solid; } + +.data-col-four { border-bottom: 1px solid; } + +.data-col-five { border-left: 1px solid; } + +.data-col-six { border-right: 1px solid; } + +.data-col:before, .data-col:after { display: none !important; } + +.data-col-inner { padding: 20px; } + +.data-item:not(:last-child) .data-col-inner { border-bottom: 5px solid #e7edf5; } + +.data-col-inner.alphabetical { min-width: 186px; } + +.dt-short { position: absolute; right: 0; top: 0; z-index: 9; } + +.dt-short label { width: 86px; margin-bottom: 0; } + +.has-rtl .dt-short { right: auto; left: 0; } + +@media (max-width: 409px) { .dt-short { position: static !important; margin-bottom: 20px; } + .dataTables_filter label { margin-bottom: 0; } } + +/** 05. Layouts */ +/** 05.01 Header */ +.header-main { padding: 12px 0; transition: all .4s; } + +.is-transparent .header-main, .has-fixed .header-main { width: 100%; z-index: 49; } + +.is-transparent .header-main { position: absolute !important; } + +.has-fixed .header-main { position: fixed !important; box-shadow: 0 0 20px 0 rgba(18, 24, 58, 0.08); } + +.has-fixed:not(.is-dark) .header-main { background: #fff; } + +.has-fixed.is-dark .header-main { background: #0f084d; } + +.has-fixed.is-shrink .header-main { padding: 8px 0; } + +.header-container:not(.container) { width: 100%; padding: 0 15px; } + +.header-wrap { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } + +.header-logo { margin: 6px 0; flex-shrink: 0; } + +.header-logo-ls { display: flex; align-items: center; } + +.header-navbar { position: fixed; left: -280px; top: 0; width: 260px; height: 100vh; } + +.header-navbar.menu-mobile { transition: all 0.4s; } + +.header-navbar::before, .header-navbar-overlay { position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.header-navbar::before { background: #fff; left: 50%; transform: translateX(-50%); transition: all .4s; } + +.is-dark .header-navbar::before { background: #4a36d3; } + +.header-navbar-overlay { background: rgba(22, 11, 109, 0.7); left: 100%; width: 0; z-index: -1; opacity: 0; visibility: hidden; transition: opacity .3s; transition-delay: .2s; } + +.header-navbar.menu-shown { left: 0 !important; z-index: 10; } + +.header-navbar.menu-shown .header-navbar-overlay { width: 100vw; opacity: 1; visibility: visible; } + +.header-navbar-classic { position: absolute; top: 99%; right: 0; left: 0; width: 100%; height: auto; background: transparent; margin-top: 12px; z-index: auto; flex-grow: 1; transition: all 0.4s; padding: 0 20px; } + +.has-fixed .header-navbar-classic { margin-top: -6px; padding: 0; } + +.header-navbar-classic:before { border-radius: 4px; } + +.has-fixed .header-navbar-classic:before { width: 100vw; border-radius: 0; } + +.header-navbar-s1 { flex-grow: 1; } + +.header-menu { justify-content: flex-end; padding: 30px 25px; } + +.header-navbar-classic .header-menu { padding: 0; } + +.header-banner { min-height: 72px; } + +.overlay-menu-shown { overflow: hidden; } + +.overlay-menu-shown .has-fixed > .header-main { z-index: 6; } + +@media (min-width: 375px) { .header-navbar:not(.header-navbar-classic) { left: -310px; width: 290px; } } + +@media (min-width: 576px) { .header-navbar:not(.header-navbar-classic) { left: -360px; width: 340px; } } + +.logo-dark, .is-transparent:not(.has-fixed) .logo-light, .is-dark .logo-light { display: block; } + +.logo-light, .is-transparent:not(.has-fixed) .logo-dark, .is-dark .logo-dark { display: none; } + +.logo img { height: 36px; transition: all .4s; } + +.logo-md img { height: 44px; } + +.logo-lg img { height: 52px; } + +@media (min-width: 992px) { .header-navbar:not(.header-navbar-classic) { height: auto; width: auto; left: 0; } + .header-main { padding: 20px 0; } + .header-nav-toggle { display: none; } + .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 25px; } + .header-banner { min-height: 98px; } + .logo img { height: 40px; } + .logo-md img { height: 50px; } + .logo-lg img { height: 60px; } } + +@media (min-width: 1200px) { .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 35px; } } + +.header-menu { max-height: 100vh; overflow: hidden; overflow-y: auto; height: 100%; } + +.header-navbar-classic .header-menu { display: none; max-height: 65vh; } + +.header-navbar-classic .header-menu.menu-shown { display: block; } + +.header-nav-toggle { height: 44px; } + +.language-switcher .toggle-tigger, .header-menu .btn-outline:not(:hover) { color: #415076; } + +.is-light .language-switcher .toggle-tigger, .language-switcher .toggle-tigger .is-transparent:not(.is-dark), .is-light .header-menu .btn-outline:not(:hover), .header-menu .btn-outline:not(:hover) .is-transparent:not(.is-dark) { color: #415076; } + +.tc-light .language-switcher .toggle-tigger, .tc-light .btn-outline:not(:hover), .is-dark .language-switcher .toggle-tigger, .is-dark .btn-outline:not(:hover) { color: #fff; } + +@media (min-width: 992px) { .tc-light .header-menu .language-switcher .toggle-tigger, .tc-light .header-menu .btn-outline:not(:hover), .is-transparent .header-menu .language-switcher .toggle-tigger, .is-transparent .header-menu .btn-outline:not(:hover), .is-transparent:not(.has-fixed):not(.is-light) .header-menu .language-switcher .toggle-tigger, .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover), .is-dark .header-menu .language-switcher .toggle-tigger, .is-dark .header-menu .btn-outline:not(:hover) { color: #fff; } + .is-split:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover) { color: #415076; } + .has-fixed:not(.is-dark) .header-menu .language-switcher .toggle-tigger:not(.btn), .has-fixed:not(.is-dark) .header-menu .btn-outline:not(:hover), .is-light .header-menu .language-switcher .toggle-tigger:not(.btn), .is-light .header-menu .btn-outline:not(:hover) { color: #415076; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover):not(.no-change) { border-color: rgba(255, 255, 255, 0.4); } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn:not(:hover):not(.no-change):not(.btn-outline) { border-color: #fff; background: #fff; color: #415076; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not([class*="btn-grad"]):not(.no-change):hover { color: #07bcff !important; border-color: #fff; background-color: #fff; } } + +@media (max-width: 991px) { .header-menu .language-switcher-s1, .header-menu .language-switcher-s4 { width: 100%; } + .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 0; } + .has-rtl .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 15px; padding-right: 0; } + .header-menu .btn { line-height: 24px; padding: 6px 14px; min-width: 100px; } + .header-menu .btn-transparent { padding: 6px 0; } } + +/** 05.02 Menu */ +.menu { padding: 12px 0; } + +.menu-btns { margin-bottom: 26px; margin-left: -10px; margin-right: -10px; margin-top: -10px; display: flex; flex-wrap: wrap; } + +.menu-btns > li { padding: 10px; padding: 10px; } + +.menu-item { position: relative; border-bottom: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-item { border-color: rgba(219, 228, 247, 0.1); } + +.menu-item:last-child { border-bottom: 0; } + +.menu-item > ul, .menu-item .menu-sub { display: none; } + +.menu-item a { font-family: "Poppins", sans-serif; font-size: 15px; line-height: 18px; color: #415076; padding: 12px 0; display: block; position: relative; } + +.header-menu-s2 .menu-item a { font-size: 16px; } + +.menu-item a .badge { margin-left: 5px; position: relative; top: -1px; } + +.menu-item a .badge-dot { top: 0; } + +.menu-item a .active, .menu-item a:hover { color: #07bcff; } + +.is-dark .menu-item a .active, .is-dark .menu-item a:hover { color: #07bcff; } + +.menu-s2 > .menu-item > a { font-size: 13px; text-transform: uppercase; font-weight: 500; } + +.menu-sub { padding-left: 12px; } + +.menu-sub .menu-item:first-child { border-top: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-sub .menu-item:first-child { border-color: rgba(219, 228, 247, 0.1); } + +.menu-sub .menu-sub { margin-top: 0; margin-bottom: 15px; } + +.menu-sub .menu-sub .menu-item { border-bottom: none; } + +.menu-sub .menu-sub .menu-item:first-child { border-top: none; } + +.menu-sub .menu-sub .menu-item a { padding-top: 6px; padding-bottom: 6px; } + +.menu-sub a { font-family: "Poppins", sans-serif; font-size: 14px; color: #415076; } + +.menu-mega a { font-family: "Poppins", sans-serif; font-size: 14px; color: #415076; } + +.is-dark .menu-item a { color: #fff; } + +.menu-item > a.active { color: #07bcff; } + +.has-sub > a { position: relative; } + +.has-sub > a:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.has-sub.open-nav > a:after { transform: translateY(-50%) rotate(-180deg); } + +.navbar-toggle { width: 44px; height: 44px; text-align: center; display: inline-block; border-radius: 50%; padding: 5px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s; } + +.navbar-toggle.navbar-active { color: #07bcff; position: relative; z-index: 49; } + +.navbar-toggle:hover, .navbar-toggle.navbar-active { background: rgba(239, 246, 255, 0.2); } + +.is-transparent:not(.has-fixed) .navbar-toggle { color: #fff; } + +.is-transparent:not(.has-fixed) .navbar-toggle:hover, .is-transparent:not(.has-fixed) .navbar-toggle.navbar-active { background: rgba(239, 246, 255, 0.2); } + +.toggle-line { position: relative; width: 32px; height: 32px; display: block; color: #415076; } + +.toggle-line:hover { color: #415076; } + +.is-transparent:not(.has-fixed):not(.is-light) .toggle-line { color: #fff; } + +.is-dark.has-fixed .toggle-line { color: #fff; } + +.toggle-line::after, .toggle-line::before, .toggle-line > span { content: ""; position: absolute; background: currentColor; transition: all 0.2s; width: 24px; height: 2px; left: 4px; border-radius: 3px; } + +.toggle-line::before { top: 8px; } + +.toggle-line::after { bottom: 8px; } + +.toggle-line > span { top: 50%; margin-top: -1px; width: 20px; } + +.navbar-active .toggle-line { color: #fff; } + +.navbar-active .toggle-line::before, .navbar-active .toggle-line::after { width: 28px; left: 2px; } + +.navbar-active .toggle-line::before { transform: rotate(45deg); top: 15px; } + +.navbar-active .toggle-line::after { transform: rotate(-45deg); bottom: 15px; } + +.navbar-active .toggle-line > span { opacity: 0; visibility: hidden; } + +.secondary-navbar { box-shadow: 0px 5px 40px rgba(65, 80, 118, 0.1); padding: 15px 0; } + +.secondary-menu-list { display: flex; align-items: center; justify-content: center; padding: 0; flex-wrap: wrap; } + +.secondary-menu-item { width: 50%; } + +.secondary-menu-link { padding: 5px 16px; display: inline-block; color: #415076; font-weight: 400; position: relative; } + +.secondary-menu-link:after { position: absolute; content: ""; left: 50%; bottom: 0; width: 0; height: 3px; background: #7a5cff; transform: translateX(-50%); transition: 0.3s; transform-origin: left; border-radius: 50%; } + +.secondary-menu-link:hover { color: currentColor; } + +.secondary-menu-link:hover:after { width: 3px; } + +.secondary-menu-item.active .secondary-menu-link { color: currentColor; } + +.secondary-menu-item.active .secondary-menu-link:after { width: 3px; } + +@media (min-width: 425px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 16px; width: auto; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-list { flex-wrap: nowrap; } + .secondary-menu-link:after { border-radius: 0; } + .secondary-menu-link:hover { color: currentColor; } + .secondary-menu-link:hover:after { width: 25px; } + .secondary-menu-item.active .secondary-menu-link { color: currentColor; } + .secondary-menu-item.active .secondary-menu-link:after { width: 25px; } } + +@media (min-width: 576px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 28px; width: auto; } } + +@media (min-width: 992px) { .header-menu { display: flex !important; width: auto; align-items: center; position: static; background: transparent; padding: 0; margin: 0; border-radius: 0; overflow: visible; } + .header-navbar { padding: 0 0 0 15px; margin-top: 0; position: relative; } + .header-navbar:before { display: none; } + .has-fixed .header-navbar { margin-top: 0; } + .menu { display: flex; align-items: center; padding: 0; } + .menu-item { border-bottom: none; } + .menu-item > a { font-weight: 400; padding: 20px 10px; } + .menu-drop .menu-item > a { font-weight: 300; } + .menu-item:hover { z-index: 9999; } + .menu-sub { position: absolute; min-width: 215px; max-width: 215px; background: #fff; padding: 15px 10px; top: 100%; left: 0; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; transform: translateX(0) translateY(-8px); box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); } + .menu-sub a { width: 100%; display: block; padding: 10px 10px; } + .menu-sub .menu-item:first-child { border-top: none; } + .menu-sub .menu-item:hover > a { color: #07bcff; } + .menu-item:hover > .menu-sub { opacity: 1; visibility: visible; transform: translateX(0) translateY(0); } + .menu-sub .menu-sub { left: calc(100% - 25px); top: 15px; margin: 0; } + .menu-sub .menu-sub .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .is-dark .menu-sub { background-color: #513fd5; } + .menu-mega { position: absolute; left: 50%; background: #fff; padding: 15px 10px; top: 100%; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); transform: translateX(-50%) translateY(-8px); } + .menu-item:hover > .menu-mega { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } + .menu-mega .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .menu-mega-innr { display: flex; } + .menu-mega-innr > div, .menu-mega-innr ul { flex-grow: 1; } + .menu-mega-2clmn .menu-mega-innr > div, .menu-mega-2clmn .menu-mega-innr ul { width: 50%; } + .menu-mega-3clmn .menu-mega-innr > div, .menu-mega-3clmn .menu-mega-innr ul { width: auto; } + .menu-mega-2clmn { min-width: 370px; max-width: 370px; } + .menu-mega-3clmn { min-width: 520px; max-width: 520px; } + .is-dark .menu-mega { background-color: #513fd5; } + .menu-btns { display: flex; margin-bottom: -10px; margin-left: 10px; } + .menu-btns-s3 { margin-left: 0; } + .has-sub > a { padding-right: 24px !important; position: relative; } + .has-sub > a:after { right: 8px; } + .menu-sub .has-sub > a { padding-right: 35px; } + .menu-sub .has-sub > a:after { transform: translateY(-50%) rotate(-90deg); right: 15px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a { padding-right: 20px !important; padding-left: 35px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a:after { transform: translateY(-50%) rotate(90deg); left: 15px; right: auto; } + > .has-sub.menu-item:last-child .menu-mega { left: auto; right: 0; transform: translateX(0) translateY(-8px); } + > .has-sub.menu-item:last-child:hover .menu-mega { transform: translateX(0) translateY(0); } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item > a { color: #fff; } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item:hover > a { color: #07bcff; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-link { padding: 20px 38px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .logo img { height: 32px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 4px; font-size: 12px; font-weight: 500; } + .menu-btns > li { padding: 6px; } + .menu-btns .btn { font-size: 13px; line-height: 20px; padding: 10px 15px; min-width: 0; } + .menu-btns .btn.btn-grad { padding: 12px 15px; } + .menu-btns .btn-md { font-size: 11px; line-height: 19px; padding: 8px 16px; } + .menu-btns .btn-md.btn-grad { padding: 10px 16px; } } + +@media (min-width: 1200px) { .menu > .menu-item > a { padding: 20px 15px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 8.5px; font-size: 12px; font-weight: 500; } + .menu-s2 > .menu-item > a { padding-left: 7.5px; padding-right: 7.5px; } + .menu-item.has-sub > a { padding-right: 23px !important; } + .menu-item.has-sub > a:after { right: 8px; } + .menu-sub a { padding: 10px 15px; } + .secondary-menu-link { padding: 20px 45px; } } + +@media (min-width: 1600px) { .header-navbar-s1 .menu > .menu-item > a { font-size: 14px; } + .header-menu-s2 .menu > .menu-item > a { padding: 20px 30px; } } + +/** 05.03 Sections */ +.nk-body { min-width: 320px; } + +.nk-pages-centered { display: flex; flex-direction: column; justify-content: center; min-height: 100vh; padding: 0 15px; } + +@media (min-width: 1600px) { .body-boxed .nk-wrap { max-width: 1400px; } } + +.container-md { max-width: 960px; } + +.container-sm { max-width: 720px; } + +.container-xs { max-width: 520px; } + +.container-z { z-index: 5; position: relative; } + +.section { position: relative; overflow-x: hidden; width: 100%; z-index: 2; } + +.section-sm { padding-top: 40px !important; padding-bottom: 40px !important; } + +.section-connect { overflow: visible; } + +.section-connect:before { position: absolute; top: 0; left: 50%; content: ""; height: 80px; width: 2px; transform: translate(-50%, -50%); background: linear-gradient(to bottom, #07bcff 0%, #7a5cff 100%); z-index: 2; } + +.ov-v + .section { z-index: inherit; } + +.section-t-s-fixed, .section-s-fixed { padding-top: 60px !important; } + +.section-b-s-fixed, .section-s-fixed { padding-bottom: 60px !important; } + +.section-t-m-fixed, .section-m-fixed { padding-top: 90px !important; } + +.section-b-m-fixed, .section-m-fixed { padding-bottom: 90px !important; } + +.section-t-l-fixed, .section-l-fixed { padding-top: 120px !important; } + +.section-b-l-fixed, .section-l-fixed { padding-bottom: 120px !important; } + +.section-t-x-fixed, .section-x-fixed { padding-top: 180px !important; } + +.section-b-x-fixed, .section-x-fixed { padding-bottom: 180px !important; } + +.section-t, .section { padding-top: 60px; } + +.section-b, .section { padding-bottom: 60px; } + +.section-t-xl { padding-top: 150px !important; } + +@media (min-width: 576px) { .section-connect:before { height: 100px; } + .section-t, .section { padding-top: 60px; } + .section-b, .section { padding-bottom: 60px; } + .section-t-s, .section-s { padding-top: 60px !important; } + .section-b-s, .section-s { padding-bottom: 60px !important; } } + +@media (min-width: 768px) { .section-connect:before { height: 120px; } + .section-t, .section { padding-top: 90px; } + .section-b, .section { padding-bottom: 90px; } + .section-t-m, .section-m { padding-top: 90px !important; } + .section-b-m, .section-m { padding-bottom: 90px !important; } } + +@media (min-width: 992px) { .section-connect:before { height: 160px; } + .section-t, .section { padding-top: 120px; } + .section-b, .section { padding-bottom: 120px; } + .section-t-l, .section-l { padding-top: 120px !important; } + .section-b-l, .section-l { padding-bottom: 120px !important; } + .section-t-xl { padding-top: 180px !important; } } + +@media (min-width: 1600px) { .section-t, .section { padding-top: 180px; } + .section-b, .section { padding-bottom: 180px; } + .section-t-x, .section-x { padding-top: 180px !important; } + .section-b-x, .section-x { padding-bottom: 180px !important; } } + +@media (max-width: 575px) { .section-mxw-t-0 { padding-top: 0; } + .section-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 767px) { .section-sm-mxw-t-0 { padding-top: 0; } + .section-sm-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 991px) { .section-md-mxw-t-0 { padding-top: 0; } + .section-md-mxw-b-0 { padding-bottom: 0 !important; } } + +@media (max-width: 1199px) { .section-lg-mxw-t-0 { padding-top: 0; } + .section-lg-mxw-b-0 { padding-bottom: 0; } } + +[class*="section"].pt-0, [class*="section"].pdt-0 { padding-top: 0 !important; } + +[class*="section"].pb-0, [class*="section"].pdb-0 { padding-bottom: 0 !important; } + +.split { height: 100%; } + +.split-left { border-radius: 6px 6px 0 0; } + +.split-right { border-radius: 0 0 6px 6px; } + +@media (min-width: 576px) { .split-sm-left { border-radius: 6px 0 0 6px; } + .split-sm-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 768px) { .split-md-left { border-radius: 6px 0 0 6px; } + .split-md-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 992px) { .split-lg { border-radius: 6px; } + .split-lg-left { border-radius: 6px 0 0 6px; } + .split-lg-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 1200px) { .split-xl-left { border-radius: 6px 0 0 6px; } + .split-xl-right { border-radius: 0 6px 6px 0; } } + +.nk-pages-angled { margin-top: -450px; } + +@media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } + +/** 05.04 Footer */ +.nk-footer-angled { margin-top: -450px; } + +.footer-links { margin: 0 -12px; } + +.footer-links > li { display: inline-block; padding: 0 12px; } + +.footer-links > li > a { font-size: 13px; color: #415076; } + +.footer-links > li > a:hover { color: #07bcff; } + +.tc-light .footer-links > li > a { color: #e4e1ff !important; } + +.tc-light .footer-links > li > a:hover { color: #07bcff !important; } + +/** 06. Override */ +.mfp-bg, .mfp-wrap, .mfp-wrap[class*="bg-"], .mfp-bg[class*="bg-"] { position: fixed !important; z-index: 99999999 !important; top: 0 !important; } + +.mfp-wrap, .mfp-wrap[class*="bg-"] { background: transparent !important; } + +/** 07. Preview Purpose */ +.icon-preview { text-align: center; padding: 30px; border-radius: 4px; border: 1px solid #dfeaf8; height: 100%; } + +.icon-wrap [class*="ikon-"] { font-size: 40px; } + +.icon-class { padding-top: 15px; } + +.nk-preview { position: relative; padding-bottom: 60px; } + +.nk-preview:first-child { padding-top: 60px; } + +.nk-preview-content { padding-top: 10px; } + +.nk-preview-content > .tab-pane { padding-top: 0; box-shadow: 0 5px 35px -5px rgba(18, 24, 58, 0.12); } + +.nk-preview .nk-block-head .nav { margin-bottom: 25px; margin-left: 0; margin-right: 0; } + +.nk-preview .nk-block-head .nav a { font-size: .8rem; padding: 10px 5px 5px; } + +.nk-preview .nk-block-head .title { color: #415076; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.nk-preview .nk-block-head .title .badge { margin-left: 5px; } + +.has-rtl .nk-preview .nk-block-head .title .badge { margin-left: 0; margin-right: 5px; } + +.nk-preview .nk-block-head .title small { font-size: 12px; text-transform: none; letter-spacing: 0; margin-top: 0.45rem; color: #828998; display: block; } + +@media (min-width: 576px) { .nk-preview { padding-bottom: 60px; } + .nk-preview:first-child { padding-top: 60px; } } + +@media (min-width: 768px) { .nk-preview { padding-bottom: 90px; } + .nk-preview:first-child { padding-top: 90px; } } + +@media (min-width: 992px) { .nk-preview { padding-bottom: 120px; } + .nk-preview:first-child { padding-top: 120px; } } + +@media (min-width: 1600px) { .nk-preview { padding-bottom: 180px; } + .nk-preview:first-child { padding-top: 180px; } } + +@media (min-width: 1280px) { .nk-preview { padding-left: 48px; padding-right: 48px; } + .nk-preview-content > .tab-pane { box-shadow: 0 5px 35px -5px rgba(18, 24, 58, 0.12); } } + +@media (min-width: 1200px) and (min-height: 900px) { .nk-preview .banner-fs, .nk-preview .nk-pages-centered { min-height: calc(100vh - 200px); } } + +/* END @iO */ +/* END @iO */ diff --git a/assets/css/style-muscari.css b/assets/css/style-muscari.css new file mode 100644 index 0000000..5f087b9 --- /dev/null +++ b/assets/css/style-muscari.css @@ -0,0 +1,6918 @@ +/*! Theme Name: ICOCrypto + * Author: Softnio + * Author URI: http://themeforest.net/user/softnio + * Version : 1.9.3 + * Updated : 05/05/2021 +*/ +/** +---------------------- +## TABLE CONTNETS ## +01. Fonts +02. Utilities +-- 02.01 Reset +-- 02.02 Spacing +-- 02.03 Colors +-- 02.04 Misc +03. Elements +-- 03.01 Alert +-- 03.02 Buttons +-- 03.03 Title +-- 03.04 List +-- 03.05 Form +-- 03.06 Table +-- 03.07 Progress +-- 03.08 CountDown +-- 03.09 Toastr +-- 03.10 Misc +04. Components +-- 04.01 Tab +-- 04.02 Accordion +-- 04.03 Blocks +-- 04.04 Box +-- 04.05 Banner +-- 04.06 Head +-- 04.07 Features +-- 04.08 Roadmap +-- 04.09 Token +-- 04.10 Team +-- 04.11 Partners +-- 04.12 Contact +-- 04.13 WGS +-- 04.14 Others +05. Layouts +-- 05.01 Header +-- 05.02 Menu +-- 05.03 Sections +-- 05.04 Footer +06. Override +07. Preview Purpose +---------------------- **/ +/** IMPORTANT NOTE: DO NOT Edit this file. Best to write own code in css/theme.css file. It will helps you to easy update of the template. */ +/** 01. Fonts */ +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Bold.eot"); src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Light.eot"); src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins-Light.woff") format("woff"), url("../fonts/Poppins-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-SemiBold.eot"); src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Medium.eot"); src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Regular.eot"); src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } + +/** 02. Utilities */ +/** 02.01 Reset */ +html, body { font-family: "Poppins", sans-serif; color: #637097; font-size: 14px; line-height: 1.6; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; } + +@media (min-width: 576px) { html, body { font-size: 16px; line-height: 1.6; font-weight: 300; } } + +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } + +*[hidden] { display: none; } + +ol, ul { list-style: none; } + +blockquote, q { quotes: none; } + +blockquote::after, blockquote::before, q::after, q::before { content: none; } + +table { border-collapse: collapse; border-spacing: 0; } + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #374574; font-weight: 500; font-family: "Poppins", sans-serif; line-height: 1.45; margin-bottom: 0.5rem; } + +h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 0; } + +.tc-light h1, .tc-light h2, .tc-light h3, .tc-light h4, .tc-light h5, .tc-light h6, .tc-light .h1, .tc-light .h2, .tc-light .h3, .tc-light .h4, .tc-light .h5, .tc-light .h6 { color: #fff; } + +p { font-size: 14px; margin-bottom: 1rem; color: #637097; } + +p:last-child { margin-bottom: 0; } + +p + [class*=btn] { margin-top: 15px; } + +@media (min-width: 576px) { p { font-size: 15px; } } + +ul, ol, table { margin: 0; padding: 0; } + +strong, b { font-weight: 500; } + +a { outline: 0 none; transition: all 0.5s; color: #39a9ff; } + +a:link, a:visited { text-decoration: none; } + +a:hover, a:focus, a:active { outline: 0; color: #ffc123; } + +img { max-width: 100%; height: auto; } + +h1, .h1, .fz-1 { font-size: 1.75rem; } + +h2, .h2, .fz-2 { font-size: 1.35rem; } + +h3, .h3, .fz-3 { font-size: 1.25rem; } + +h4, .h4, .fz-4 { font-size: 1.2rem; } + +h5, .h5, .fz-5 { font-size: 1.2rem; } + +h6, .h6, .fz-6 { font-size: 0.94rem; } + +.fz-7 { font-size: 0.88rem; } + +.fz-8 { font-size: 0.75rem; } + +.lead, .lead-light { font-size: 1.1rem; font-weight: 300; color: #374574; } + +.lead-s2 { font-size: 1.1rem; color: #374574; } + +.lead-regular { font-weight: 400; } + +@media (min-width: 576px) { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.3; } + h1, .h1, .fz-1 { font-size: 2.75rem; } + h2, .h2, .fz-2 { font-size: 2.25rem; } + h3, .h3, .fz-3 { font-size: 1.87rem; } + h4, .h4, .fz-4 { font-size: 1.6rem; } + .lead, .lead-light { font-size: 1.1rem; } + .lead-s2 { font-size: 1.2rem; } } + +.nk-df-content, .nk-ovm:before, .nk-ovm:after { content: ""; } + +.nk-df-rel, .has-ovm, .has-bg, [class*='bg-'], .has-bg-image, .has-bg-video { position: relative; } + +.nk-df-over-up, .has-ovm > [class*=container], .has-ovm > *:not(.nk-ovm):not(.header-main):not(.nk-header):not([class*=ui-mask]), .has-bg-image > [class*=container], .has-bg-video > [class*=container] { position: relative; z-index: 5; } + +.nk-df-t, .nk-df-y { top: 0; } + +.nk-df-b, .nk-df-y { bottom: 0; } + +.nk-df-l, .nk-df-x { left: 0; } + +.nk-df-r, .nk-df-x { right: 0; } + +.nk-df-around, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .bg-image, .bg-video, .bg-video-cover, .overlay:after, .nk-ovm .nk-svgs, .accordion-icon:before, .accordion-icon:after { position: absolute; bottom: 0; top: 0; left: 0; right: 0; } + +.nk-df-center, .abs-center, .nk-block-video-play { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.nk-df-bg, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .has-bg, [class*='bg-'], .bg-image, .bg-video, .bg-video-cover { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } + +.nk-df-bg-100, .img-block-dot, .app-slide-wrap:after, .rank-item { background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; } + +.text-regular-sm { font-weight: 400; font-size: 0.9rem; } + +.block-row:not(:last-child) { margin-bottom: 40px !important; } + +@media (min-width: 992px) { .block-row:not(:last-child) { margin-bottom: 50px !important; } } + +/** 02.02 Spacing */ +.gap { height: 30px; } + +.gap-s { height: 10px; } + +.gap-m { height: 20px; } + +.gap-l { height: 40px; } + +.gap-x { height: 60px; } + +.gap-1x { height: 10px; } + +.gap-2x { height: 20px; } + +.gap-3x { height: 30px; } + +.gap-4x { height: 40px; } + +.gap-5x { height: 50px; } + +.gap-6x { height: 60px; } + +.gap-7x { height: 70px; } + +.gap-8x { height: 80px; } + +.gap-9x { height: 90px; } + +.gap-10x { height: 100px; } + +.pdt, .pd, .pdy { padding-top: 30px; } + +.pdb, .pd, .pdy { padding-bottom: 30px; } + +.pdl, .pd, .pdx { padding-left: 30px; } + +.pdr, .pd, .pdx { padding-right: 30px; } + +.pdt-s, .pd-s, .pdy-s { padding-top: 10px !important; } + +.pdt-m, .pd-m, .pdy-m { padding-top: 20px !important; } + +.pdt-r, .pd-r, .pdy-r { padding-top: 30px !important; } + +.pdt-l, .pd-l, .pdy-l { padding-top: 40px !important; } + +.pdt-x, .pd-x, .pdy-x { padding-top: 60px !important; } + +.pdb-s, .pd-s, .pdy-s { padding-bottom: 10px !important; } + +.pdb-m, .pd-m, .pdy-m { padding-bottom: 20px !important; } + +.pdb-r, .pd-r, .pdy-r { padding-bottom: 30px !important; } + +.pdb-l, .pd-l, .pdy-l { padding-bottom: 40px !important; } + +.pdb-x, .pd-x, .pdy-x { padding-bottom: 60px !important; } + +.pdl-s, .pd-s, .pdx-s { padding-left: 10px !important; } + +.pdl-m, .pd-m, .pdx-m { padding-left: 20px !important; } + +.pdl-r, .pd-r, .pdx-r { padding-left: 30px !important; } + +.pdl-l, .pd-l, .pdx-l { padding-left: 40px !important; } + +.pdl-x, .pd-x, .pdx-x { padding-left: 60px !important; } + +.pdr-s, .pd-s, .pdx-s { padding-right: 10px !important; } + +.pdr-m, .pd-m, .pdx-m { padding-right: 20px !important; } + +.pdr-r, .pd-r, .pdx-r { padding-right: 30px !important; } + +.pdr-l, .pd-l, .pdx-l { padding-right: 40px !important; } + +.pdr-x, .pd-x, .pdx-x { padding-right: 60px !important; } + +.mgt, .mg, .mgy { margin-top: 30px !important; } + +.mgb, .mg, .mgy { margin-bottom: 30px !important; } + +.mgl, .mg, .mgx { margin-left: 30px !important; } + +.mgr, .mg, .mgx { margin-right: 30px !important; } + +.mg-fix { margin-bottom: -20px; } + +.mg-fix-lg { margin-bottom: -45px; } + +.mg-fix-md { margin-bottom: -30px; } + +.mg-fix-sm { margin-bottom: -15px; } + +.mg-fix-xs { margin-bottom: -10px; } + +.mgt-s, .mg-s, .mgy-s { margin-top: 10px !important; } + +.mgt-m, .mg-m, .mgy-m { margin-top: 20px !important; } + +.mgt-r, .mg-r, .mgy-r { margin-top: 30px !important; } + +.mgt-l, .mg-l, .mgy-l { margin-top: 40px !important; } + +.mgt-x, .mg-x, .mgy-x { margin-top: 60px !important; } + +.mgb-s, .mg-s, .mgy-s { margin-bottom: 10px !important; } + +.mgb-m, .mg-m, .mgy-m { margin-bottom: 20px !important; } + +.mgb-r, .mg-r, .mgy-r { margin-bottom: 30px !important; } + +.mgb-l, .mg-l, .mgy-l { margin-bottom: 40px !important; } + +.mgb-x, .mg-x, .mgy-x { margin-bottom: 60px !important; } + +.mgl-s, .mg-s, .mgx-s { margin-left: 10px !important; } + +.mgl-m, .mg-m, .mgx-m { margin-left: 20px !important; } + +.mgl-r, .mg-r, .mgx-r { margin-left: 30px !important; } + +.mgl-l, .mg-l, .mgx-l { margin-left: 40px !important; } + +.mgl-x, .mg-x, .mgx-x { margin-left: 60px !important; } + +.mgr-s, .mg-s, .mgx-s { margin-right: 10px !important; } + +.mgr-m, .mg-m, .mgx-m { margin-right: 20px !important; } + +.mgr-r, .mg-r, .mgx-r { margin-right: 30px !important; } + +.mgr-l, .mg-l, .mgx-l { margin-right: 40px !important; } + +.mgr-x, .mg-x, .mgx-x { margin-right: 60px !important; } + +@media (min-width: 576px) { .pdt-l, .pd-l, .pdy-l { padding-top: 60px !important; } + .pdt-x, .pd-x, .pdy-x { padding-top: 90px !important; } + .pdb-l, .pd-l, .pdy-l { padding-bottom: 60px !important; } + .pdb-x, .pd-x, .pdy-x { padding-bottom: 90px !important; } + .pdl-l, .pd-l, .pdx-l { padding-left: 60px !important; } + .pdl-x, .pd-x, .pdx-x { padding-left: 90px !important; } + .pdr-l, .pd-l, .pdx-l { padding-right: 60px !important; } + .pdr-x, .pd-x, .pdx-x { padding-right: 90px !important; } + .mgt-l, .mg-l, .mgy-l { margin-top: 60px !important; } + .mgt-x, .mg-x, .mgy-x { margin-top: 90px !important; } + .mgb-l, .mg-l, .mgy-l { margin-bottom: 60px !important; } + .mgb-x, .mg-x, .mgy-x { margin-bottom: 90px !important; } + .mgl-l, .mg-l, .mgx-l { margin-left: 60px !important; } + .mgl-x, .mg-x, .mgx-x { margin-left: 90px !important; } + .mgr-l, .mg-l, .mgx-l { margin-right: 60px !important; } + .mgr-x, .mg-x, .mgx-x { margin-right: 90px !important; } } + +.mgb-m10 { margin-bottom: -10px !important; } + +.mgb-m20 { margin-bottom: -20px !important; } + +.mgb-m30 { margin-bottom: -30px !important; } + +.mgb-m40 { margin-bottom: -40px !important; } + +.mgb-m50 { margin-bottom: -50px !important; } + +.mgt-m10 { margin-top: -10px !important; } + +.mgt-m20 { margin-top: -20px !important; } + +.mgt-m30 { margin-top: -30px !important; } + +.mgt-m40 { margin-top: -40px !important; } + +.mgt-m50 { margin-top: -50px !important; } + +.mgt-m70 { margin-top: -70px !important; } + +.gutter-5px { margin-left: -2.5px !important; margin-right: -2.5px !important; } + +.gutter-5px > li, .gutter-5px > div { padding-left: 2.5px !important; padding-right: 2.5px !important; } + +.gutter-15px { margin-left: -7.5px !important; margin-right: -7.5px !important; } + +.gutter-15px > li, .gutter-15px > div { padding-left: 7.5px !important; padding-right: 7.5px !important; } + +.gutter-25px { margin-left: -12.5px !important; margin-right: -12.5px !important; } + +.gutter-25px > li, .gutter-25px > div { padding-left: 12.5px !important; padding-right: 12.5px !important; } + +.gutter-10px { margin-left: -5px !important; margin-right: -5px !important; } + +.gutter-10px > li, .gutter-10px > div { padding-left: 5px !important; padding-right: 5px !important; } + +.gutter-20px { margin-left: -10px !important; margin-right: -10px !important; } + +.gutter-20px > li, .gutter-20px > div { padding-left: 10px !important; padding-right: 10px !important; } + +.gutter-30px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-30px > li, .gutter-30px > div { padding-left: 15px !important; padding-right: 15px !important; } + +.gutter-40px { margin-left: -20px !important; margin-right: -20px !important; } + +.gutter-40px > li, .gutter-40px > div { padding-left: 20px !important; padding-right: 20px !important; } + +.gutter-50px { margin-left: -25px !important; margin-right: -25px !important; } + +.gutter-50px > li, .gutter-50px > div { padding-left: 25px !important; padding-right: 25px !important; } + +.gutter-60px { margin-left: -30px !important; margin-right: -30px !important; } + +.gutter-60px > li, .gutter-60px > div { padding-left: 30px !important; padding-right: 30px !important; } + +.gutter-70px { margin-left: -35px !important; margin-right: -35px !important; } + +.gutter-70px > li, .gutter-70px > div { padding-left: 35px !important; padding-right: 35px !important; } + +.gutter-80px { margin-left: -40px !important; margin-right: -40px !important; } + +.gutter-80px > li, .gutter-80px > div { padding-left: 40px !important; padding-right: 40px !important; } + +.gutter-90px { margin-left: -45px !important; margin-right: -45px !important; } + +.gutter-90px > li, .gutter-90px > div { padding-left: 45px !important; padding-right: 45px !important; } + +.gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } + +.gutter-vr-5px { margin-top: -2.5px !important; margin-bottom: -2.5px !important; } + +.gutter-vr-5px > li, .gutter-vr-5px > div { padding-top: 2.5px !important; padding-bottom: 2.5px !important; } + +.gutter-vr-15px { margin-top: -7.5px !important; margin-bottom: -7.5px !important; } + +.gutter-vr-15px > li, .gutter-vr-15px > div { padding-top: 7.5px !important; padding-bottom: 7.5px !important; } + +.gutter-vr-25px { margin-top: -12.5px !important; margin-bottom: -12.5px !important; } + +.gutter-vr-25px > li, .gutter-vr-25px > div { padding-top: 12.5px !important; padding-bottom: 12.5px !important; } + +.gutter-vr-10px { margin-top: -5px !important; margin-bottom: -5px !important; } + +.gutter-vr-10px > li, .gutter-vr-10px > div { padding-top: 5px !important; padding-bottom: 5px !important; } + +.gutter-vr-20px { margin-top: -10px !important; margin-bottom: -10px !important; } + +.gutter-vr-20px > li, .gutter-vr-20px > div { padding-top: 10px !important; padding-bottom: 10px !important; } + +.gutter-vr-30px { margin-top: -15px !important; margin-bottom: -15px !important; } + +.gutter-vr-30px > li, .gutter-vr-30px > div { padding-top: 15px !important; padding-bottom: 15px !important; } + +.gutter-vr-40px { margin-top: -20px !important; margin-bottom: -20px !important; } + +.gutter-vr-40px > li, .gutter-vr-40px > div { padding-top: 20px !important; padding-bottom: 20px !important; } + +.gutter-vr-50px { margin-top: -25px !important; margin-bottom: -25px !important; } + +.gutter-vr-50px > li, .gutter-vr-50px > div { padding-top: 25px !important; padding-bottom: 25px !important; } + +.gutter-vr-60px { margin-top: -30px !important; margin-bottom: -30px !important; } + +.gutter-vr-60px > li, .gutter-vr-60px > div { padding-top: 30px !important; padding-bottom: 30px !important; } + +.gutter-vr-70px { margin-top: -35px !important; margin-bottom: -35px !important; } + +.gutter-vr-70px > li, .gutter-vr-70px > div { padding-top: 35px !important; padding-bottom: 35px !important; } + +.gutter-vr-80px { margin-top: -40px !important; margin-bottom: -40px !important; } + +.gutter-vr-80px > li, .gutter-vr-80px > div { padding-top: 40px !important; padding-bottom: 40px !important; } + +.gutter-vr-90px { margin-top: -45px !important; margin-bottom: -45px !important; } + +.gutter-vr-90px > li, .gutter-vr-90px > div { padding-top: 45px !important; padding-bottom: 45px !important; } + +.gutter-vr-100px { margin-top: -50px !important; margin-bottom: -50px !important; } + +.gutter-vr-100px > li, .gutter-vr-100px > div { padding-top: 50px !important; padding-bottom: 50px !important; } + +.gutter-100px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 15px !important; padding-right: 15px !important; } + +@media (min-width: 992px) { .gutter-100px { margin-left: -25px !important; margin-right: -25px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 25px !important; padding-right: 25px !important; } } + +@media (min-width: 1200px) { .gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } } + +/** 02.03 Colors */ +.tc-base-white, .tc-light, .tc-light a:not(.btn):not([class*="link-"]) { color: #f3f5fd; } + +.tc-base-white-hover, .tc-light a:not(.btn):not([class*="link-"]):hover { color: #39a9ff; } + +.tc-default, .tc-default a { color: #637097 !important; } + +.tc-alternet, .tc-alternet a { color: #637097 !important; } + +.tc-primary, .tc-primary a { color: #39a9ff !important; } + +.tc-primary a:hover { color: #ffc123 !important; } + +.tc-secondary, .tc-secondary a { color: #ffc123 !important; } + +.tc-secondary a:hover { color: #39a9ff !important; } + +.tc-info, .tc-info a { color: #026bfb !important; } + +.tc-warning, .tc-warning a { color: #f6be26 !important; } + +.tc-success, .tc-success a { color: #39d884 !important; } + +.tc-danger, .tc-danger a { color: #e6604a !important; } + +.tc-light p, .tc-light .list { color: #fff; } + +.tc-light .lead, .tc-light .lead-light, .tc-light .lead-s2 { color: #fff; } + +.tc-light-alt a:not(.btn):not([class*="link-"]) { color: rgba(255, 255, 255, 0.7) !important; } + +.tc-light-alt a:not(.btn):not([class*="link-"]):hover { color: #39a9ff !important; } + +.tc-light-alt li { color: rgba(255, 255, 255, 0.7); } + +.tc-lighter { color: rgba(255, 255, 255, 0.6) !important; } + +.tc-dark, .tc-dark a { color: #0b0c10 !important; } + +.tc-theme, .tc-theme a { color: #39a9ff !important; } + +.tc-theme-alt, .tc-theme-alt a { color: #1d36ba !important; } + +.tc-white { color: #fff !important; } + +.bg-default { background-color: #637097 !important; } + +.bg-alternet { background-color: #1d36ba !important; } + +.bg-primary { background-color: #39a9ff !important; } + +.bg-secondary { background-color: #ffc123 !important; } + +.bg-light { background-color: #f3f5fd !important; } + +.bg-light.current { background-color: rgba(243, 245, 253, 0.7) !important; } + +.bg-light-alt { background-color: #f7f8ff !important; } + +.bg-light-alt.current { background-color: rgba(247, 248, 255, 0.7) !important; } + +.bg-light-grad { background-image: linear-gradient(to bottom, #fff 0%, #f3f5fd 100%); } + +.bg-dark { background-color: #000d4d !important; } + +.bg-dark.current { background-color: rgba(0, 13, 77, 0.7) !important; } + +.bg-dark-alt { background-color: rgba(0, 13, 77, 0.7) !important; } + +.bg-dark-alt.current { background-color: rgba(0, 23, 140, 0.7) !important; } + +.bg-dark-opacity { background: rgba(0, 0, 0, 0.15) !important; } + +.bg-trans { background-color: transparent !important; } + +.bg-grad { background-image: linear-gradient(90deg, #39a9ff 0%, #ffc123 100%) !important; } + +.bg-grad-alt { background-image: linear-gradient(90deg, #ffc123 0%, #39a9ff 100%) !important; } + +.bg-grad-special { background-image: linear-gradient(140deg, #3455ff 0%, #3455ff 20%, transparent 50%, transparent 100%) !important; } + +.bg-grad-special-alt { background-image: linear-gradient(to top, #2b4aed 0%, #2b4aed 5%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.bg-grad-vr-theme-to-alt { background-image: linear-gradient(to bottom, #1d36ba 0%, #2b4aed 100%) !important; } + +.bg-grad-vr-theme-dark-to-dark-alt { background-image: linear-gradient(to bottom, #000d4d 0%, #00178c 100%) !important; } + +.bg-grad-vr-alt-to-theme { background-image: linear-gradient(to top, #1d36ba 0%, #2b4aed 100%) !important; } + +.bg-grad-vr-dark-alt-to-theme-dark-to-theme { background-image: linear-gradient(to top, #000d4d 0%, #00178c 100%) !important; } + +.bg-info { background-color: #026bfb !important; } + +.bg-warning { background-color: #f6be26 !important; } + +.bg-success { background-color: #39d884 !important; } + +.bg-danger { background-color: #e6604a !important; } + +.bg-black { background-color: #000; } + +.bg-black-2, .bonus-info { background-color: rgba(0, 0, 0, 0.02); } + +.bg-black-5 { background-color: rgba(0, 0, 0, 0.05); } + +.bg-black-7 { background-color: rgba(0, 0, 0, 0.07); } + +.bg-black-10 { background-color: rgba(0, 0, 0, 0.1); } + +.bg-black-14 { background-color: rgba(0, 0, 0, 0.14); } + +.bg-black-22 { background-color: rgba(0, 0, 0, 0.22); } + +.bg-white { background-color: #fff; } + +.bg-white-2 { background-color: rgba(255, 255, 255, 0.02); } + +.bg-white-5 { background-color: rgba(255, 255, 255, 0.05); } + +.bg-white-7 { background-color: rgba(255, 255, 255, 0.07); } + +.bg-white-10 { background-color: rgba(255, 255, 255, 0.1); } + +.bg-white-14 { background-color: rgba(255, 255, 255, 0.14); } + +.bg-white-22 { background-color: rgba(255, 255, 255, 0.22); } + +.bg-theme { background-color: #1d36ba !important; } + +.bg-theme.current { background-color: rgba(29, 54, 186, 0.7) !important; } + +.bg-theme-alt { background-color: #2b4aed !important; } + +.bg-theme-alt.current { background-color: rgba(43, 74, 237, 0.7) !important; } + +.bg-theme-grad { background-image: linear-gradient(to right, #1d36ba 0%, #2b4aed 100%) !important; } + +.bg-theme-grad-alt { background-image: linear-gradient(to right, #2b4aed 0%, #1d36ba 100%) !important; } + +.bg-theme-grad-s2 { background-image: linear-gradient(135deg, #1d36ba 0%, #2b4aed 100%) !important; } + +.bg-theme-grad-s2-alt { background-image: linear-gradient(135deg, #2b4aed 0%, #1d36ba 100%) !important; } + +.bg-theme-grad-alternet { background-image: linear-gradient(to right, #39a9ff 0%, #7a0fff 100%) !important; } + +.bg-theme-dark { background-color: #000d4d !important; } + +.bg-theme-dark.current { background-color: rgba(0, 13, 77, 0.7) !important; } + +.bg-theme-dark-alt { background-color: #00178c !important; } + +.bg-theme-dark-alt.current { background-color: rgba(0, 23, 140, 0.7) !important; } + +.bg-theme-light { background-color: #f3f5fd !important; } + +.bg-theme-light.current { background-color: rgba(243, 245, 253, 0.7) !important; } + +.bg-theme-light-alt { background-color: #f7f8ff !important; } + +.bg-theme-light-alt.current { background-color: rgba(247, 248, 255, 0.7) !important; } + +.bg-theme-accent { background-color: #39a9ff !important; } + +.bg-theme-accent.current { background-color: rgba(57, 169, 255, 0.7) !important; } + +.bg-theme-accent-alt { background-color: #ffc123 !important; } + +.bg-theme-accent-alt.current { background-color: rgba(255, 193, 35, 0.7) !important; } + +.bg-blend:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #1d36ba); } + +.bg-blend-alt:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #2b4aed); } + +.bg-blend-light { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #f3f5fd); } + +.bg-blend-light-alt { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #f7f8ff); } + +.bg-rblend-light { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #f3f5fd); } + +.bg-rblend-light-alt { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #f7f8ff); } + +.theme-dark { background: #000d4d !important; } + +.text-primary { color: #1d36ba !important; } + +.text-primary-alt { color: #2b4aed !important; } + +.text-theme-alt { color: #3455ff; } + +.text-base { color: #374574; } + +/** 02.04 Misc */ +.ttc { text-transform: capitalize !important; } + +.ttu { text-transform: uppercase !important; } + +.ttl { text-transform: lowercase !important; } + +.ttn { text-transform: none !important; } + +.fw-7 { font-weight: 700 !important; } + +.fw-6 { font-weight: 600 !important; } + +.fw-5 { font-weight: 500 !important; } + +.fw-4 { font-weight: 400 !important; } + +.fw-3 { font-weight: 300 !important; } + +.fw-rg { font-weight: 400 !important; } + +.fw-bold { font-weight: 700 !important; } + +.fw-md { font-weight: 500 !important; } + +.fw-lt { font-weight: 300 !important; } + +.lh { line-height: 1; } + +.lh-11 { line-height: 1.1; } + +.lh-12 { line-height: 1.2; } + +.lh-13 { line-height: 1.3; } + +.lh-14 { line-height: 1.4; } + +.lh-15 { line-height: 1.5; } + +.lh-16 { line-height: 1.6; } + +.lh-17 { line-height: 1.7; } + +.lh-18 { line-height: 1.8; } + +.lh-19 { line-height: 1.9; } + +.lh-2 { line-height: 2; } + +.ov-h, .nk-block-video, .nk-banner, .banner-wrap, .feature-group, .feature-img { overflow: hidden; } + +.ov-xh { overflow-x: hidden; } + +.ov-yh { overflow-y: hidden; } + +.ov-s { overflow: scroll; } + +.ov-xs { overflow-x: scroll; } + +.ov-ys { overflow-y: scroll; } + +.ov-v { overflow: visible !important; } + +.ov-xv { overflow-x: visible !important; } + +.ov-yv { overflow-y: visible !important; } + +.bd { border: 1px solid #d1e0f6; } + +.bd-2 { border-width: 2px; } + +.bd-3 { border-width: 3px; } + +.bdt { border-top: 1px solid #d1e0f6; } + +.bdt-2 { border-top-width: 2px; } + +.bdt-3 { border-top-width: 3px; } + +.bdb { border-bottom: 1px solid #d1e0f6; } + +.bdb-2 { border-bottom-width: 2px; } + +.bdb-3 { border-bottom-width: 3px; } + +.bdl { border-left: 1px solid #d1e0f6; } + +.bdl-2 { border-left-width: 2px; } + +.bdl-3 { border-left-width: 3px; } + +.bdr { border-right: 1px solid #d1e0f6; } + +.bdr-2 { border-right-width: 2px; } + +.bdr-3 { border-right-width: 3px; } + +.bd-dashed { border-style: dashed; } + +.bd-dotted { border-style: dotted; } + +.bd-double { border-style: double; } + +.bd-light { border-color: #dbe4f7; } + +.bd-lighter { border-color: #dbe4f7; } + +.bd-lightest { border-color: #f4f7fd; } + +.bd-dark { border-color: #394995; } + +.bd-darker { border-color: #394995; } + +.bd-darkest { border-color: #394995; } + +.bd-primary { border-color: #39a9ff; } + +.bd-alternet { border-color: #a2b3cd; } + +.bd-secondary { border-color: #1d36ba; } + +.bd-info { border-color: #9ac4fd; } + +.bd-warning { border-color: #fbe5a8; } + +.bd-success { border-color: #b0efce; } + +.bd-danger { border-color: #f5bfb7; } + +.round, .token-stage { border-radius: 6px !important; } + +.round-sm { border-radius: 4px !important; } + +.round-md { border-radius: 10px !important; } + +.round-lg { border-radius: 15px !important; } + +.round-xl { border-radius: 44px !important; } + +.round-full, .circle { border-radius: 50% !important; } + +.round-full:before, .circle:before, .round-full:after, .circle:after { border-radius: 50% !important; } + +.bdrs-1 { border-radius: 1px; } + +.bdrs-2 { border-radius: 2px; } + +.bdrs-3 { border-radius: 3px; } + +.bdrs-4 { border-radius: 4px; } + +.bdrs-5 { border-radius: 5px; } + +.bdrs-6 { border-radius: 6px; } + +.bdrs-7 { border-radius: 7px; } + +.bdrs-8 { border-radius: 8px; } + +.bdrs-9 { border-radius: 9px; } + +.bdrs-1x { border-radius: 10px; } + +.bdrs-2x { border-radius: 20px; } + +.bdrs-3x { border-radius: 30px; } + +.bdrs-4x { border-radius: 40px; } + +.bdrs-5x { border-radius: 50px; } + +.bdrs-15x { border-radius: 15px; } + +.bdrs-25x { border-radius: 25px; } + +.bdrs-35x { border-radius: 35px; } + +.bdrs-45x { border-radius: 45px; } + +.shadow { box-shadow: 0 3px 12px 0 rgba(55, 69, 116, 0.08) !important; } + +.shadow-alt { box-shadow: 0 8px 16px 0 rgba(55, 69, 116, 0.15); } + +.shadow-soft { box-shadow: 0 5px 45px 0 rgba(55, 69, 116, 0.08); } + +.shadow-soft-sm { box-shadow: 0 2px 12px 0 rgba(55, 69, 116, 0.08); } + +.shadow-dark { box-shadow: 0 5px 40px rgba(55, 69, 116, 0.15); } + +.shadow-dark-sm { box-shadow: 0 3px 12px 0 rgba(55, 69, 116, 0.15); } + +.shadow-heavy { box-shadow: 0 5px 50px rgba(55, 69, 116, 0.25); } + +.shadow-heavy-sm { box-shadow: 0 3px 12px 0 rgba(55, 69, 116, 0.25); } + +.nk-df-mask-a, .mask-a:before, .mask-a-bg { background-image: url(../images/mask-a.svg); } + +.ie .nk-df-mask-a, .ie .mask-a:before, .ie .mask-a-bg { background-image: url(../images/mask-a.png); } + +.nk-df-mask-a-md, .mask-a-md:before, .mask-a-md-bg { background-image: url(../images/mask-a-md.svg); } + +.ie .nk-df-mask-a-md, .ie .mask-a-md:before, .ie .mask-a-md-bg { background-image: url(../images/mask-a-md.png); } + +.nk-df-mask-a-dark, .mask-a-dark:before, .mask-a-dark-bg { background-image: url(../images/mask-a-dark.svg); } + +.ie .nk-df-mask-a-dark, .ie .mask-a-dark:before, .ie .mask-a-dark-bg { background-image: url(../images/mask-a-dark.png); } + +.nk-df-mask-line, .mask-line:before, .mask-line-bg { background-image: url(../images/mask-line.svg); } + +.ie .nk-df-mask-line, .ie .mask-line:before, .ie .mask-line-bg { background-image: url(../images/mask-line.png); } + +.nk-df-mask-b, .mask-b:before, .mask-b-bg { background-image: url(../images/mask-b.svg); } + +.ie .nk-df-mask-b, .ie .mask-b:before, .ie .mask-b-bg { background-image: url(../images/mask-b.png); } + +.nk-df-mask-c, .mask-c:before, .mask-c-bg { background-image: url(../images/mask-c.svg); } + +.ie .nk-df-mask-c, .ie .mask-c:before, .ie .mask-c-bg { background-image: url(../images/mask-c.png); } + +.nk-df-mask-c-light, .mask-c-light:before, .mask-c-light-bg { background-image: url(../images/mask-c-light.svg); } + +.ie .nk-df-mask-c-light, .ie .mask-c-light:before, .ie .mask-c-light-bg { background-image: url(../images/mask-c-light.png); } + +.nk-df-mask-c-dark, .mask-c-dark:before, .mask-c-dark-bg { background-image: url(../images/mask-c-dark.svg); } + +.ie .nk-df-mask-c-dark, .ie .mask-c-dark:before, .ie .mask-c-dark-bg { background-image: url(../images/mask-c-dark.png); } + +.nk-df-mask-d, .mask-d:before, .mask-d-bg { background-image: url(../images/mask-d.svg); } + +.ie .nk-df-mask-d, .ie .mask-d:before, .ie .mask-d-bg { background-image: url(../images/mask-d.png); } + +.nk-df-mask-d2, .mask-d2:before, .mask-d2-bg { background-image: url(../images/mask-d2.svg); } + +.ie .nk-df-mask-d2, .ie .mask-d2:before, .ie .mask-d2-bg { background-image: url(../images/mask-d2.png); } + +.nk-df-mask-e, .mask-e:before, .mask-e-bg { background-image: url(../images/mask-e.svg); } + +.ie .nk-df-mask-e, .ie .mask-e:before, .ie .mask-e-bg { background-image: url(../images/mask-e.png); } + +.nk-df-mask-f, .mask-f:before, .mask-f-bg { background-image: url(../images/mask-f.svg); } + +.ie .nk-df-mask-f, .ie .mask-f:before, .ie .mask-f-bg { background-image: url(../images/mask-f.png); } + +.nk-df-mask-f-footer, .mask-f-footer:before, .mask-f-footer-bg { background-image: url(../images/mask-f-footer.svg); } + +.ie .nk-df-mask-f-footer, .ie .mask-f-footer:before, .ie .mask-f-footer-bg { background-image: url(../images/mask-f-footer.png); } + +.mask-a:before, .mask-a-md:before, .mask-a-dark:before { background-position: bottom center !important; } + +.mask-contain-bottom:before { background-size: contain; background-position: 50% 100%; } + +.mask-c-blend { background-image: linear-gradient(180deg, #0d1b61 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-dark { background-image: linear-gradient(180deg, #0C0E24 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-light { background-image: linear-gradient(180deg, #f0f6ff 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-f:before { left: 0 !important; } + +.mask-f-footer:before { background-position: 50% -1px; } + +.before-bottom:before { top: auto; } + +.before-h10:before { height: 10%; } + +.before-h20:before { height: 20%; } + +.before-h30:before { height: 30%; } + +.before-h40:before { height: 40%; } + +.before-h50:before { height: 50%; } + +.before-h60:before { height: 60%; } + +.before-h70:before { height: 70%; } + +.before-h80:before { height: 80%; } + +.before-h90:before { height: 90%; } + +.nk-df-shape-a, .shape-a:after, .shape-a-bg, .bg-shape-a { background-image: url(../images/shape-a.png); } + +.nk-df-shape-a-sm, .shape-a-sm:after, .shape-a-sm-bg { background-image: url(../images/shape-a-sm.png); } + +.nk-df-shape-b, .shape-b:after, .shape-b-bg, .bg-shape-b { background-image: url(../images/shape-b.png); } + +.nk-df-shape-b-sm, .shape-b-sm:after, .shape-b-sm-bg { background-image: url(../images/shape-b-sm.png); } + +.nk-df-shape-c, .shape-c:after, .shape-c-bg { background-image: url(../images/shape-c.png); } + +.nk-df-shape-c-sm, .shape-c-sm:after, .shape-c-sm-bg { background-image: url(../images/shape-c-sm.png); } + +.nk-df-shape-d, .shape-d:after, .shape-d-bg { background-image: url(../images/shape-d.png); } + +.nk-df-shape-d-sm, .shape-d-sm:after, .shape-d-sm-bg { background-image: url(../images/shape-d-sm.png); } + +.nk-df-shape-e, .shape-e:after, .shape-e-bg { background-image: url(../images/shape-e.png); } + +.nk-df-shape-e-sm, .shape-e-sm:after, .shape-e-sm-bg { background-image: url(../images/shape-e-sm.png); } + +.nk-df-shape-f, .shape-f:after, .shape-f-bg { background-image: url(../images/shape-f.png); } + +.nk-df-shape-f-sm, .shape-f-sm:after, .shape-f-sm-bg { background-image: url(../images/shape-f-sm.png); } + +.nk-df-shape-g, .shape-g:after, .shape-g-bg { background-image: url(../images/shape-g.png); } + +.nk-df-shape-g-sm, .shape-g-sm:after, .shape-g-sm-bg { background-image: url(../images/shape-g-sm.png); } + +.nk-df-shape-h, .shape-h:after, .shape-h-bg { background-image: url(../images/shape-h.png); } + +.nk-df-shape-h-sm, .shape-h-sm:after, .shape-h-sm-bg { background-image: url(../images/shape-h-sm.png); } + +.nk-df-shape-i, .shape-i:after, .shape-i-bg { background-image: url(../images/shape-i.png); } + +.nk-df-shape-i-sm, .shape-i-sm:after, .shape-i-sm-bg { background-image: url(../images/shape-i-sm.png); } + +.nk-df-shape-m, .shape-m:after, .shape-m-bg { background-image: url(../images/shape-m.png); } + +.nk-df-shape-n, .shape-n:after, .shape-n-bg { background-image: url(../images/shape-n.png); } + +.nk-df-shape-o, .shape-o:after, .shape-o-bg { background-image: url(../images/shape-o.png); } + +.nk-df-shape-p, .shape-p:after, .shape-p-bg { background-image: url(../images/shape-p.png); } + +.nk-df-shape-q, .shape-q:after, .shape-q-bg { background-image: url(../images/shape-q.png); } + +.nk-df-shape-r, .shape-r:after, .shape-r-bg { background-image: url(../images/shape-r.png); } + +.nk-df-shape-s, .shape-s:after, .shape-s-bg { background-image: url(../images/shape-s.png); } + +.nk-df-shape-s-sm, .shape-s-sm:after, .shape-s-sm-bg { background-image: url(../images/shape-s-sm.png); } + +.nk-df-shape-t, .shape-t:after, .shape-t-bg { background-image: url(../images/shape-t.png); } + +.nk-df-shape-u, .shape-u:after, .shape-u-bg { background-image: url(../images/shape-u.png); } + +.nk-df-shape-v, .shape-v:after, .shape-v-bg { background-image: url(../images/shape-v.png); } + +.nk-df-shape-w, .shape-w:after, .shape-w-bg { background-image: url(../images/shape-w.png); } + +.nk-df-shape-x, .shape-x:after, .shape-x-bg { background-image: url(../images/shape-x.png); } + +.nk-df-shape-x-2, .shape-x-2:after, .shape-x-2-bg { background-image: url(../images/shape-x-2.png); } + +.nk-df-shape-x-3, .shape-x-3:after, .shape-x-3-bg { background-image: url(../images/shape-x-3.png); } + +.nk-df-shape-y, .shape-y:after, .shape-y-bg { background-image: url(../images/shape-y.png); } + +.nk-df-shape-z, .shape-z:after, .shape-z-bg { background-image: url(../images/shape-z.png); } + +.nk-df-shape-z2, .shape-z2:after, .shape-z2-bg { background-image: url(../images/shape-z2.png); } + +.nk-df-shape-a2, .shape-a2:after, .shape-a2-bg { background-image: url(../images/shape-a2.png); } + +.nk-df-shape-z3, .shape-z3:after, .shape-z3-bg { background-image: url(../images/shape-z3.png); } + +.nk-df-shape-z4, .shape-z4:after, .shape-z4-bg { background-image: url(../images/shape-z4.png); } + +.nk-df-shape-z6, .shape-z6:after, .shape-z6-bg { background-image: url(../images/shape-z6.png); } + +.nk-df-shape-z6-sm, .shape-z6-sm:after, .shape-z6-sm-bg { background-image: url(../images/shape-z6-sm.png); } + +.nk-df-shape-z7, .shape-z7:after, .shape-z7-bg { background-image: url(../images/shape-z7.png); } + +.shape-contain:after { background-size: contain; } + +.shape-center-top:after { background-position: 50% 0; } + +.shape-center-bottom:after { background-position: 50% 100%; } + +.shape-left-top:after { background-position: 0 0; } + +.shape-q:after { background-size: contain; background-repeat: repeat; background-position: 0 50%; } + +.shape-lg-60:after { background-size: 60%; } + +.shape-z3:after { background-size: 100%; background-position: bottom center; } + +.shape-x.nk-ovm:after, .shape-x.nk-ovm:before { left: 0 !important; } + +.shape-a2:before { background-size: 100%; } + +.nk-ovm { z-index: 1; } + +.nk-ovm:before, .nk-ovm:after { bottom: -1px; left: -1px; } + +.nk-ovm:before { z-index: 1; } + +.nk-ovm-repeat:after { background-repeat: repeat; background-size: contain; } + +.nk-ovm-fixed:after { background-attachment: fixed; } + +.ovm-top { bottom: auto; } + +.ovm-bottom { top: auto; } + +.ovm-left { right: auto; } + +.ovm-right { left: auto; } + +.ovm-h-10 { height: 10%; } + +.ovm-h-20 { height: 20%; } + +.ovm-h-30 { height: 30%; } + +.ovm-h-40 { height: 40%; } + +.ovm-h-50 { height: 50%; } + +.ovm-h-60 { height: 60%; } + +.ovm-h-70 { height: 70%; } + +.ovm-h-80 { height: 80%; } + +.ovm-h-90 { height: 90%; } + +.ovm-w-10 { width: 10%; } + +.ovm-w-20 { width: 20%; } + +.ovm-w-30 { width: 30%; } + +.ovm-w-40 { width: 40%; } + +.ovm-w-50 { width: 50%; } + +.ovm-w-60 { width: 60%; } + +.ovm-w-70 { width: 70%; } + +.ovm-w-80 { width: 80%; } + +.ovm-w-90 { width: 90%; } + +.has-bg-image > div, .has-bg-video > div { position: relative; z-index: 1; } + +.bg-fixed { background-attachment: fixed; } + +.bg-image { position: absolute !important; z-index: 0 !important; opacity: 0; transition: opacity .4s; } + +.bg-image.bg-image-loaded { opacity: 1; } + +.bg-image img { display: none !important; } + +.bg-pattern-dots-color { background-image: url(../images/dot-a.png); background-size: contain; } + +.bg-pattern-dots { background-image: url(../images/dot-b.png); background-size: contain; background-repeat: repeat-y; } + +.bg-contain { background-size: contain; } + +.bg-bottom-center { background-position: 50% 100%; } + +.bg-shape-b { background-position: 50% 100%; } + +.bg-video { position: absolute !important; z-index: 0 !important; overflow: hidden; } + +.bg-video-cover { opacity: 0; } + +.cover-enabled .bg-video-cover { opacity: 1; } + +.bg-video .ytplayer-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.bg-video .ytplayer-container.cover-enabled .bg-video .ytplayer-container { display: none; } + +.cover-enabled .ytplayer-container { display: none; } + +.bg-image.bp-l0, .has-bg.bp-l0 { background-position: 0%; } + +.bg-image.bp-r0, .has-bg.bp-r0 { background-position: 0%; } + +.bg-image.bp-l10, .has-bg.bp-l10 { background-position: 10%; } + +.bg-image.bp-r10, .has-bg.bp-r10 { background-position: 40%; } + +.bg-image.bp-l20, .has-bg.bp-l20 { background-position: 20%; } + +.bg-image.bp-r20, .has-bg.bp-r20 { background-position: 30%; } + +.bg-image.bp-l25, .has-bg.bp-l25 { background-position: 25%; } + +.bg-image.bp-r25, .has-bg.bp-r25 { background-position: 25%; } + +.bg-image.bp-l30, .has-bg.bp-l30 { background-position: 30%; } + +.bg-image.bp-r30, .has-bg.bp-r30 { background-position: 20%; } + +.bg-image.bp-l40, .has-bg.bp-l40 { background-position: 40%; } + +.bg-image.bp-r40, .has-bg.bp-r40 { background-position: 10%; } + +.overlay:after { content: ''; } + +.overlay-light:after { background: #fff; } + +.overlay-dark:after { background: #000; } + +.overlay-theme:after { background: #1d36ba; } + +.overlay-theme-dark:after { background: #000d4d; } + +.overlay-opacity-10:after { opacity: 0.1; } + +.overlay-opacity-15:after { opacity: 0.15; } + +.overlay-opacity-20:after { opacity: 0.2; } + +.overlay-opacity-25:after { opacity: 0.25; } + +.overlay-opacity-30:after { opacity: 0.3; } + +.overlay-opacity-35:after { opacity: 0.35; } + +.overlay-opacity-40:after { opacity: 0.4; } + +.overlay-opacity-45:after { opacity: 0.45; } + +.overlay-opacity-50:after { opacity: 0.5; } + +.overlay-opacity-55:after { opacity: 0.55; } + +.overlay-opacity-60:after { opacity: 0.6; } + +.overlay-opacity-65:after { opacity: 0.65; } + +.overlay-opacity-70:after { opacity: 0.7; } + +.overlay-opacity-75:after { opacity: 0.75; } + +.overlay-opacity-80:after { opacity: 0.8; } + +.overlay-opacity-85:after { opacity: 0.85; } + +.overlay-opacity-90:after { opacity: 0.9; } + +.overlay-opacity-95:after { opacity: 0.95; } + +.overlay-opacity-100:after { opacity: 1; } + +.op-10 { opacity: 0.1; } + +.op-20 { opacity: 0.2; } + +.op-30 { opacity: 0.3; } + +.op-40 { opacity: 0.4; } + +.op-50 { opacity: 0.5; } + +.op-60 { opacity: 0.6; } + +.op-70 { opacity: 0.7; } + +.op-80 { opacity: 0.8; } + +.op-90 { opacity: 0.9; } + +.op-100 { opacity: 1; } + +.op-15 { opacity: 0.15; } + +.op-25 { opacity: 0.25; } + +.op-35 { opacity: 0.35; } + +.op-45 { opacity: 0.45; } + +.op-55 { opacity: 0.55; } + +.op-65 { opacity: 0.65; } + +.op-75 { opacity: 0.75; } + +.op-85 { opacity: 0.85; } + +.op-95 { opacity: 0.95; } + +.alignright, .alignleft, .aligncenter, .alignnone { display: block; padding: 0; margin: 15px auto; } + +@media (min-width: 576px) { .alignright, .alignleft, .aligncenter, .alignnone { margin: 0 0 15px; display: inline; } + .alignright { margin-left: 20px; float: right; } + .alignleft { margin-right: 20px; float: left; } + .alignnone { margin-right: 20px; } + .aligncenter { display: block; margin: 15px auto; } } + +.wide, .wide-rg, .wide-auto, .wide-auto-rg { max-width: 750px; } + +.wide-auto, .wide-auto-rg, .wide-auto-xl, .wide-auto-lg, .wide-auto-md, .wide-auto-sm, .wide-auto-xs { margin: 0 auto; } + +.wide-xl, .wide-auto-xl { max-width: 1560px; } + +.wide-lg, .wide-auto-lg { max-width: 1140px; } + +.wide-md, .wide-auto-md { max-width: 945px; } + +.wide-sm, .wide-auto-sm { max-width: 555px; } + +.wide-xs, .wide-auto-xs { max-width: 360px; } + +.wide-none, .wide-auto-none { max-width: inherit; } + +.text-center [class*="wide"], .text-center[class*="wide"] { margin-left: auto; margin-right: auto; } + +.over-up, [class*="over-up-"] { z-index: 9; } + +.over-up { margin-top: -175px; } + +.over-up-sm { margin-top: -45px; } + +.over-up-md { margin-top: -75px; } + +.over-up-lg { margin-top: -165px; } + +.over-up-xl { margin-top: -275px; } + +.over-up-s2 { margin-top: -70px; } + +.over-lg-up { margin-top: 0; } + +.over-up-xl-s2 { margin-top: 0; } + +@media (min-width: 768px) { .over-up { margin-top: -190px; } + .over-up-sm { margin-top: -75px; } + .over-up-md { margin-top: -125px; } + .over-up-lg { margin-top: -275px; } + .over-up-xl { margin-top: -350px; } + .over-up-s2 { margin-top: -50px; } } + +@media (min-width: 992px) { .over-lg-up { margin-top: -80px !important; } + .over-up-xl-s2 { margin-top: -230px; } + .nk-ovm-inner { position: absolute; right: 0; top: 0; width: 30%; background: #f3f5fd; height: 100%; z-index: 1; } } + +@media (min-width: 1200px) { .over-lg-up { margin-top: -100px !important; } + .over-up-xl-s2 { margin-top: -230px; } } + +@media (min-width: 1600px) { .over-lg-up { margin-top: -160px !important; } + .over-up-xl-s2 { margin-top: -295px; } } + +.nk-ovm .nk-svgs { z-index: 3; } + +.nk-svgs svg { height: 100%; width: auto; } + +.nk-svgs.svg-loaded svg { display: none; } + +hr { position: relative; z-index: 5; } + +.hr { border-top: 1px solid #dbe4f7; } + +.hr-white { border-top-color: #fff; } + +.hr-white-5 { border-top-color: rgba(255, 255, 255, 0.05); } + +.hr-white-10 { border-top-color: rgba(255, 255, 255, 0.1); } + +.hr-white-15 { border-top-color: rgba(255, 255, 255, 0.15); } + +.hr-black { border-top-color: #000; } + +.hr-black-5 { border-top-color: rgba(0, 0, 0, 0.05); } + +.hr-black-10 { border-top-color: rgba(0, 0, 0, 0.1); } + +.hr-black-15 { border-top-color: rgba(0, 0, 0, 0.15); } + +.h-110 { height: 110% !important; } + +.h-115 { height: 115% !important; } + +.h-120 { height: 120% !important; } + +.h-125 { height: 125% !important; } + +.h-130 { height: 130% !important; } + +.ui-shape { position: absolute; top: 0; left: 0; height: 100%; width: 100%; left: 50%; overflow: hidden; transform: translateX(-50%); z-index: -1; } + +.ui-shape:after, .ui-shape:before { position: absolute; content: ''; height: 210px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; transition: all .4s; } + +.ui-shape:before { top: 15%; left: -4%; width: 100px; background-image: url(../images/ui-shape-a.svg); } + +.ui-shape:after { bottom: 10%; right: -4%; width: 90px; background-image: url(../images/ui-shape-b.svg); } + +.ui-shape-light:before { background-image: url(../images/ui-shape-light-a.svg); } + +.ui-shape-light:after { background-image: url(../images/ui-shape-light-b.svg); } + +.ui-shape-s1:after { transform: rotate(60deg); } + +.ui-shape-s3:before { top: auto; bottom: 20%; } + +.ui-shape-s3:after { top: 10%; bottom: auto; } + +@media (min-width: 576px) { .ui-shape:before { width: 140px; } + .ui-shape:after { width: 120px; } } + +@media (min-width: 768px) { .ui-shape-s7:after { bottom: 15%; right: 16%; } + .ui-shape-s7:before { top: 6%; left: 22%; } + .ui-shape-s6:after { bottom: 9%; right: 0%; } + .ui-shape-s6:before { top: 9%; left: 13.3%; } + .ui-shape-s5:after { right: 4%; bottom: 15%; } + .ui-shape-s4:before { left: 20%; top: 23.5%; } + .ui-shape-s3:after { right: 4%; } + .ui-shape-s2:before { top: 8%; left: 21%; } + .ui-shape-s1:after { right: 0; } + .ui-shape-header:before { top: 22%; left: 9%; } + .ui-shape-header:after { right: 15%; bottom: 32%; } + .ui-shape-footer:before { top: 2%; } + .ui-shape-footer:after { bottom: -11%; } } + +@media (min-width: 992px) { .ui-shape { width: 960px; overflow: visible; } + .ui-shape:after { width: 166px; } + .ui-shape:before { width: 190px; } + .ui-shape-s5:after { right: -2.5%; } + .ui-shape-s3:before { top: auto; bottom: 20%; } + .ui-shape-header:before { left: 5%; } + .ui-shape-header:after { right: 3%; bottom: 22%; } } + +@media (min-width: 1200px) { .ui-shape { width: 1170px; } + .ui-shape-header:before { left: 2%; } + .ui-shape-header:after { right: -2.5%; bottom: 33%; } } + +.overlay-bars { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; } + +.overlay-bars div { position: absolute; background: rgba(255, 255, 255, 0.03); transform: rotate(-15deg); } + +.overlay-bars.reverse { transform: scaleX(-1); } + +.overlay-bar-1 { height: 140%; width: 300px; left: calc(50% - 210px); top: -20%; } + +.overlay-bar-2 { height: 100%; width: 160px; left: calc(50% - 170px); bottom: calc(50% + 155px); } + +.overlay-bar-3 { height: 100%; width: 230px; left: calc(50% - 90px); top: calc(50% + 280px); } + +.overlay-bar-4 { height: 140%; width: 300px; left: calc(50% - 860px); top: -20%; transform: rotate(-15deg); } + +.overlay-bar-5 { height: 140%; width: 160px; left: calc(50% - 910px); top: -20%; } + +.overlay-bar-6 { height: 140%; width: 300px; left: calc(50% + 530px); top: -20%; } + +.overlay-bar-7 { height: 140%; width: 300px; left: calc(50% + 670px); top: -20%; } + +.overlay-x { position: relative; } + +.overlay-x:before, .overlay-x:after { position: absolute; bottom: 0; content: ''; width: 300px; z-index: 1; } + +.overlay-x:before { left: 50%; margin-left: -125px; height: 800px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(-60deg); transform-origin: bottom right; } + +.overlay-x:after { right: 50%; margin-right: -125px; height: 3600px; background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(60deg); transform-origin: bottom right; } + +.background-shape { background: rgba(0, 52, 86, 0.03); position: absolute; height: 100%; width: 100%; content: ''; top: 0; left: 50%; transform: skewX(33deg); transform-origin: left bottom; } + +.tc-light .background-shape { background: rgba(0, 0, 0, 0.03); } + +.background-shape:before, .background-shape:after { background: rgba(255, 255, 255, 0.2); position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.tc-light .background-shape:before, .tc-light .background-shape:after { background: rgba(0, 0, 0, 0.05); } + +.background-shape:before { left: 280px; } + +.background-shape:after { left: 560px; } + +.background-shape.bs-right { left: 70%; } + +.background-shape.bs-reverse { right: 70%; left: auto; transform: skewX(-33deg); transform-origin: right bottom; } + +.background-shape.bs-reverse:before { left: auto; right: 280px; } + +.background-shape.bs-reverse:after { left: auto; right: 560px; } + +.background-shade { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } + +.background-shade .container { height: 100vh; position: relative; } + +.background-shade-left, .background-shade-right { position: absolute; top: 160px; width: 50%; height: calc(100% - 130px); opacity: .15; } + +.background-shade-left:after, .background-shade-right:after { position: absolute; top: 40px; width: 100%; height: 100%; content: ''; } + +.background-shade-left { left: -80px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(-12deg); } + +.tc-light .background-shade-left { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-left:after { left: 40px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-left:after { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right { right: -80px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(12deg); } + +.tc-light .background-shade-right { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right:after { right: 40px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-right:after { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.header-bubbles { position: absolute; left: 0; top: -100%; height: 200%; width: 100%; content: ''; z-index: 1; overflow: hidden; } + +.header-bubbles-single { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } + +.header-bubbles-single div { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.05); } + +.header-bubbles-single-1 { height: 735px; width: 735px; right: calc(50% - 65px); top: calc(50% + 10px); } + +.header-bubbles-single-2 { height: 680px; width: 680px; right: calc(50% + 360px); top: calc(50% - 145px); } + +.header-bubbles-single-3 { height: 350px; width: 350px; right: calc(50% - 95px); top: calc(50% + 540px); } + +.header-bubbles-single-4 { height: 650px; width: 650px; left: calc(50% + 435px); top: calc(50% - 240px); } + +.header-bubbles-single-5 { height: 350px; width: 350px; left: calc(50% + 490px); top: calc(50% + 240px); } + +.header-bubbles-single-6 { height: 440px; width: 440px; left: calc(50% + 685px); top: calc(50% + 240px); } + +.banner-rounded-bg { position: absolute; right: 390px; top: -750px; width: 120%; height: 1350px; z-index: 5; border-radius: 0 0 250px 0; transform: rotate(-8deg) skew(10deg); transform-origin: top right; padding: 0 120px 110px 0; overflow: hidden; } + +.banner-rounded-bg .particles-container { transform: rotate(8deg) skew(-10deg); transform-origin: top right; } + +.banner-shade-1, .banner-shade-2, .banner-shade-3 { display: block; height: 100%; width: 100%; } + +.banner-shade-1 { border-radius: 0 0 160px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%); opacity: .15; padding: 0 100px 90px 0; } + +.banner-shade-2 { border-radius: 0 0 110px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%); padding: 0 90px 80px 0; } + +.banner-shade-3 { border-radius: 0 0 80px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%); } + +@media (max-width: 1400px) { .banner-rounded-bg { right: 330px; } } + +.nk-pages-angled .section { z-index: inherit; } + +.section-bg-angle { position: absolute !important; left: 0; top: 0; height: 100%; width: 100%; content: ''; transform: skewY(10deg); z-index: 1; } + +.section-bg-angle ~ .container, .section-bg-angle ~ .nk-block { position: relative; z-index: 5; } + +.section-angle-top:before { position: absolute; left: 0; top: 0; height: 450px; width: 100%; content: ''; background: #f7f8ff; z-index: 1; } + +.section-angle-top:after { position: absolute; left: 0; bottom: -450px; height: 450px; width: 100%; content: ''; background: #f7f8ff; z-index: 1; } + +.section-angle-bottom:before { position: absolute; left: 0; top: -450px; height: 450px; width: 100%; content: ''; background: #fff; z-index: 2; } + +@media (min-width: 992px) { .section-bg-angle { transform: skewY(17deg); } + .section-bg-angle-s2 { transform: skewY(-4deg); } } + +.ui-mask, [class*=ui-mask] { position: absolute !important; left: 0; top: 0; width: 400px; height: 600px; z-index: 1; overflow: hidden; } + +.ui-mask:after, [class*=ui-mask]:after { position: absolute; right: 30%; top: 25%; content: ""; display: block; background-image: linear-gradient(135deg, rgba(43, 74, 237, 0) 15%, #1c62d8 50%, rgba(43, 74, 237, 0) 80%); border-radius: 50%; height: 400px; width: 400px; -webkit-filter: blur(80px); filter: blur(80px); z-index: 1; } + +.ui-mask:before, [class*=ui-mask]:before { display: none; content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 50%; z-index: 3; } + +.bg-white .ui-mask:after, .bg-theme-light .ui-mask:after, .bg-theme-light-alt .ui-mask:after, .bg-white [class*=ui-mask]:after, .bg-theme-light [class*=ui-mask]:after, .bg-theme-light-alt [class*=ui-mask]:after { display: none; } + +.ui-mask-right { left: auto; right: 0; } + +.ui-mask-right:after { right: auto; left: 30%; } + +.ui-mask-right:before { background-position: 100% 50%; } + +.ui-mask-s2 { width: 420px; height: 900px; transform: translateY(-30%); } + +.ui-mask-s2:after { background-image: linear-gradient(135deg, rgba(43, 74, 237, 0) 15%, #28298a 50%, rgba(43, 74, 237, 0) 80%); } + +.ui-mask-s2:before { display: block; background-image: url(../images/mask-line-a.png); } + +.ui-mask-s2.ui-mask-left:before { transform: rotate(-180deg); } + +.ui-mask-s3 { width: 600px; height: 1400px; transform: translateY(0); } + +.ui-mask-s3:after { height: 650px; width: 400px; right: 45%; background-image: linear-gradient(135deg, rgba(43, 74, 237, 0) 15%, #102486 50%, rgba(43, 74, 237, 0) 80%); } + +.ui-mask-s3:before { display: block; background-image: url(../images/mask-line-b.png); } + +.ui-mask-s3.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s4 { width: 420px; height: 820px; transform: translateY(-20%); } + +.ui-mask-s4:after { height: 510px; background-image: linear-gradient(135deg, rgba(43, 74, 237, 0) 15%, #1d5ecf 50%, rgba(43, 74, 237, 0) 80%); } + +.ui-mask-s5 { width: 440px; height: 1000px; transform: translateY(12%); } + +.ui-mask-s5:after { height: 600px; width: 350px; right: 45%; background-image: linear-gradient(135deg, rgba(43, 74, 237, 0) 15%, #1b5ed1 50%, rgba(43, 74, 237, 0) 80%); } + +.ui-mask-s5:before { display: block; background-image: url(../images/mask-line-c.png); } + +.ui-mask-s5.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s6 { width: 440px; height: 1000px; transform: translateY(2%); } + +.ui-mask-s6:after { height: 410px; width: 500px; left: 30%; background-image: linear-gradient(135deg, rgba(43, 74, 237, 0) 15%, #142692 50%, rgba(43, 74, 237, 0) 80%); } + +.ui-mask-s6:before { display: block; background-image: url(../images/mask-line-d.png); } + +.ui-mask-s6.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s7 { width: 870px; height: 800px; bottom: -20%; left: 50%; margin-left: -150px; top: auto; transform: translateY(0); } + +.ui-mask-s7:after { height: 710px; width: 600px; right: 0; top: 15%; transform: translateX(-25%); background-image: linear-gradient(135deg, rgba(43, 74, 237, 0) 15%, #3762d3 50%, rgba(43, 74, 237, 0) 80%); } + +.ui-mask-s7.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s8 { width: 350px; height: 392px; } + +.ui-mask-s8:before { display: block; background-image: url(../images/polygon-line-a.png); } + +.ui-mask-s8:after { display: none; } + +.ui-mask-s9 { width: 417px; height: 733px; } + +.ui-mask-s9:before { display: block; top: -31px; background-image: url(../images/polygon-line-b.png); } + +.ui-mask-s9:after { display: none; } + +.ui-mask-s10 { width: 417px; height: 733px; } + +.ui-mask-s10:before { display: block; top: -31px; background-image: url(../images/polygon-line-a-fill.png); } + +.ui-mask-s10:after { display: none; } + +.ui-mask-s11 { width: 384px; height: 733px; } + +.ui-mask-s11:before { display: block; top: -31px; background-image: url(../images/polygon-line-c.png); } + +.ui-mask-s11:after { display: none; } + +.ui-mask-s11.ui-mask-right:before { transform: rotateY(180deg); } + +.ui-mask-s12 { width: 80px; height: 270px; } + +.ui-mask-s12:before { display: block; top: 50px; background-image: url(../images/polygon-fill.png); } + +.ui-mask-s12:after { display: none; } + +@media only screen and (min-width: 767px) and (max-width: 1024px) { .ui-mask:before, [class*=ui-mask]:before { background-size: 50%; } } + +@media only screen and (max-width: 767px) { .ui-mask, [class*=ui-mask] { transform: scale(0.5); transform-origin: right; } + .ui-mask-left { transform-origin: left; } } + +/** 03. Elements */ +/** 03.01 Alert */ +.alert { position: relative; font-weight: 400; color: #fff; border: none; } + +.alert:last-child { margin-bottom: 0; } + +.alert a, .alert .alert-link { color: inherit; font-weight: inherit; box-shadow: 0 1px 0 currentColor; transition: box-shadow .3s; } + +.alert a:hover, .alert .alert-link:hover { box-shadow: 0 0 0; } + +.alert .close { color: inherit; transition: all .4s; height: 30px; width: 30px; padding: 0; background: none; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); right: 10px; text-shadow: none; opacity: .7; } + +.alert .close:not(:disabled):not(.disabled):focus, .alert .close:not(:disabled):not(.disabled):hover, .alert .close:hover, .alert .close:focus { color: currentColor; box-shadow: none; outline: none; opacity: 1; } + +.alert .close:after { position: absolute; font-family: 'themify'; content: '\e646'; top: 0; left: 0; color: currentColor; font-size: 12px; line-height: 30px; text-align: center; width: 100%; } + +.alert .close span { display: none; } + +.alert-primary { color: #0077d2; background: #dcf0ff; } + +.alert-primary .close { background: #9fd5ff; } + +.alert-primary-alt { background: #39a9ff; } + +.alert-primary-alt .close { background: #0085ec; } + +.alert-secondary { color: #bc8700; background: #ffefc6; } + +.alert-secondary .close { background: #fff3d6; } + +.alert-secondary-alt { background: #ffc123; } + +.alert-secondary-alt .close { background: #d69900; } + +.alert-success { color: #29cf77; background: #cef5e1; } + +.alert-success .close { background: #64e09e; } + +.alert-success-alt { background: #39d884; } + +.alert-success-alt .close { background: #25b96b; } + +.alert-danger { color: #e6604a; background: #f9d6d0; } + +.alert-danger .close { background: #f2afa4; } + +.alert-danger-alt { background: #e6604a; } + +.alert-danger-alt .close { background: #9b2815; } + +.alert-info { color: #026bfb; background: #cae0ff; } + +.alert-info .close { background: #65a6fe; } + +.alert-info-alt { background: #026bfb; } + +.alert-info-alt .close { background: #014096; } + +.alert-warning { color: #e0a609; background: #fef4db; } + +.alert-warning .close { background: #f9d46f; } + +.alert-warning-alt { background: #f6be26; } + +.alert-warning-alt .close { background: #e0a609; } + +/** 03.02 Buttons */ +.btn { position: relative; font-size: 12px; line-height: 24px; font-weight: 500; padding: 8px 15px; text-align: center; text-transform: uppercase; color: #fff; min-width: 120px; max-width: 100%; border: 2px solid #39a9ff; box-sizing: border-box; transition: all 0.5s; position: relative; border-radius: 5px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; cursor: pointer; } + +.btn .icon { color: inherit; } + +.btn:hover { color: #fff !important; } + +.btn-grad { border: none; background-image: linear-gradient(to right, #39a9ff 0%, #ffc123 100%); } + +.btn-grad:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; z-index: -2; border-radius: 5px; opacity: 0; transition: all .5s; background-image: linear-gradient(to right, #ffc123 0%, #39a9ff 100%); } + +.btn-grad:hover:before { opacity: 1; } + +.btn-grad:hover, .btn-grad:focus { color: #fff !important; } + +.btn-grad-alt { background-image: linear-gradient(to right, #ffc123 0%, #39a9ff 100%); } + +.btn-grad-alt:before { background-image: linear-gradient(to right, #39a9ff 0%, #ffc123 100%); } + +.btn-grad-alternet { background-image: linear-gradient(to right, #3455ff 0%, #39a9ff 100%); } + +.btn-grad-alternet:before { background-image: linear-gradient(to right, #39a9ff 0%, #3455ff 100%); } + +.btn-grad-alternet-alt { background-image: linear-gradient(to right, #39a9ff 0%, #3455ff 100%); } + +.btn-grad-alternet-alt:before { background-image: linear-gradient(to right, #3455ff 0%, #39a9ff 100%); } + +.btn-grad-theme { background-image: linear-gradient(to right, #1d36ba 0%, #2b4aed 100%); } + +.btn-grad-theme:before { background-image: linear-gradient(to right, #2b4aed 0%, #1d36ba 100%); } + +.btn-grad-theme-alt { background-image: linear-gradient(to right, #ffc123 0%, #39a9ff 100%); } + +.btn-grad-theme-alt:before { background-image: linear-gradient(to right, #39a9ff 0%, #ffc123 100%); } + +.btn:hover, .btn:focus { outline: none !important; box-shadow: none !important; } + +.btn span { position: relative; z-index: 999999; display: block; } + +.btn span + .icon { margin-left: 10px; } + +.btn .icon + span { margin-left: 10px; } + +.btn .badge { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); } + +.btn-md { font-size: 12px; line-height: 24px; padding: 10px 26px; } + +.btn-rg { line-height: 24px; padding: 8px 20px; } + +.btn-sm { font-size: 11px; line-height: 23px; padding: 8px 20px; } + +.btn-xxs { font-size: 12px; line-height: 21px; padding: 0 10px; border-width: 1px; border-radius: 3px; } + +.btn-auto { min-width: 44px !important; } + +.btn-auto-lg { min-width: 80px !important; height: 100%; } + +.btn-grp { display: inline-flex; flex-wrap: wrap; align-items: center; margin: -7px; } + +.btn-grp > div, .btn-grp > li { padding: 7px; } + +.btn-grp-break > div, .btn-grp-break > li { width: 100%; text-align: center; } + +.text-center .btn-grp { justify-content: center; } + +.btn-download { display: inline-block; height: 40px; } + +.btn-grp-s2 .btn-download { width: 100px; height: 35px; } + +.btn-download img { height: 100%; } + +.btn-outline:not(:hover) { color: #637097; background-color: transparent !important; } + +.btn-outline:before { background-image: none; background-color: #fff; opacity: 1; margin: 2px; width: calc(100% - 4px); height: calc(100% - 4px); } + +.btn-outline.on-bg-light:before { background-color: #f3f5fd; } + +.btn-outline.on-bg-light-alt:before { background-color: #f7f8ff; } + +.btn-outline.on-bg-theme, .btn-outline.on-bg-theme-alt, .btn-outline.on-bg-theme-dark, .btn-outline.on-bg-theme-dark-alt { color: #fff; } + +.btn-outline.on-bg-theme:before { background-color: #1d36ba; } + +.btn-outline.on-bg-theme-alt:before { background-color: #2b4aed; } + +.btn-outline.on-bg-theme-dark:before { background-color: #000d4d; } + +.btn-outline.on-bg-theme-dark-alt:before { background-color: #00178c; } + +.btn-outline:hover { color: #fff !important; } + +.btn-outline:hover:before { opacity: 0; } + +.btn-outline.btn-grad { border: none; } + +.btn-outline.btn-grad:hover { color: #fff !important; } + +.btn-icon { min-width: 44px; padding-left: 6px; padding-right: 6px; } + +.btn-primary { background-color: #39a9ff; border-color: #39a9ff; } + +.btn-primary:hover, .btn-primary:focus { background-color: #ffc123; border-color: #ffc123; } + +.btn-primary:hover:focus, .btn-primary:focus:focus { color: #fff !important; } + +.tc-light .btn-primary:hover, .tc-light .btn-primary:focus { background-color: #ffc123; border-color: #ffc123; color: #fff !important; } + +.btn-primary.btn-outline:hover { background-color: #39a9ff; border-color: #39a9ff; color: #fff !important; } + +.btn-secondary { background-color: #ffc123; border-color: #ffc123; } + +.btn-secondary:hover, .btn-secondary:focus { background-color: #39a9ff; border-color: #39a9ff; } + +.btn-secondary.focus:focus { color: #fff !important; } + +.btn-secondary.btn-outline:hover, .btn-secondary.btn-outline:focus { background-color: #ffc123; border-color: #ffc123; } + +.btn-info { background-color: #026bfb; border-color: #026bfb; } + +.btn-info:hover { background-color: #014baf; border-color: #014baf; } + +.btn-info.btn-outline:hover { background-color: #026bfb; border-color: #026bfb; } + +.btn-warning { background-color: #f6be26; border-color: #f6be26; } + +.btn-warning:hover { background-color: #c79408; border-color: #c79408; } + +.btn-warning.btn-outline:hover { background-color: #f6be26; border-color: #f6be26; } + +.btn-success { background-color: #39d884; border-color: #39d884; } + +.btn-success:hover { background-color: #20a45f; border-color: #20a45f; } + +.btn-success.btn-outline:hover { background-color: #39d884; border-color: #39d884; } + +.btn-danger { background-color: #e6604a; border-color: #e6604a; } + +.btn-danger:hover { background-color: #c8341c; border-color: #c8341c; } + +.btn-danger.btn-outline:hover { background-color: #e6604a; border-color: #e6604a; } + +.btn-dark { background-color: #637097; border-color: #637097; } + +.btn-dark:hover { background-color: #3b4259; border-color: #3b4259; } + +.btn-dark.btn-outline:hover { background-color: #637097; border-color: #637097; } + +.btn-theme-dark { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0); } + +.btn-theme-dark:hover { background-color: #000d4d; border-color: #000d4d; } + +.btn-light { background-color: #f3f5fd; border-color: #f3f5fd; color: #3455ff !important; } + +.btn-light:hover { background-color: #ffc123; border-color: #ffc123; color: #fff !important; } + +.btn-light.btn-outline { background-color: #ffc123; border-color: #ffc123; } + +.btn-light.btn-outline:hover { background-color: #ffc123; border-color: #ffc123; } + +.tc-light .btn-light.btn-outline { color: #fff !important; } + +.tc-light .btn-light.btn-outline:hover { color: #637097 !important; } + +.btn-light.tc-light:not(:hover) { color: #fff !important; } + +.btn-facebook { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook:hover { background-color: #2d4373; border-color: #2d4373; } + +.btn-facebook.btn-outline .icon { color: #3b5998; } + +.btn-facebook.btn-outline:hover { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook.btn-outline:hover .icon { color: #fff; } + +.btn-google { background-color: #d85040; border-color: #d85040; } + +.btn-google:hover { background-color: #be3727; border-color: #be3727; } + +.btn-google.btn-outline .icon { color: #d85040; } + +.btn-google.btn-outline:hover { background-color: #d85040; border-color: #d85040; } + +.btn-google.btn-outline:hover .icon { color: #fff; } + +.btn-play { position: relative; color: #fff; height: 60px; width: 60px; font-size: 18px; text-align: center; line-height: 58px; border-radius: 50%; display: inline-block; border: 1px solid currentColor; } + +.btn-play-sm { height: 40px; width: 40px; line-height: 38px; } + +.btn-play:after { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(99, 112, 151, 0.35); animation: 1s ease 0s normal none infinite running playbutton; } + +.tc-light .btn-play:after { border-color: rgba(255, 255, 255, 0.35); } + +.btn-play:hover { color: #ffc123 !important; } + +.btn-play-s2 { background-image: linear-gradient(to right, #39a9ff 0%, #ffc123 100%); border: none; } + +.btn-play-s2:before { position: absolute; height: calc(100% - 4px); width: calc(100% - 4px); top: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .btn-play-s2:before { background: #f3f5fd; } + +.bg-light-alt .btn-play-s2:before { background: #f7f8ff; } + +.bg-theme .btn-play-s2:before { background: #1d36ba; } + +.bg-theme-alt .btn-play-s2:before { background: #2b4aed; } + +.bg-theme-dark .btn-play-s2:before { background: #000d4d; } + +.bg-theme-dark-alt .btn-play-s2:before { background: #00178c; } + +.bg-white .btn-play-s2:before { background: #fff; } + +.btn-play-s3 { background-color: #fff; border: none; } + +.btn-play-icon { height: 20px; width: 14px; background: linear-gradient(to right, #39a9ff 0%, #ffc123 100%); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); } + +.btn-play-icon:before, .btn-play-icon:after { position: absolute; content: ''; height: 0; width: 0; right: -1px; border-right: 14px solid #fff; } + +.bg-light .btn-play-icon:before, .bg-light .btn-play-icon:after { border-right-color: #f3f5fd; } + +.bg-light-alt .btn-play-icon:before, .bg-light-alt .btn-play-icon:after { border-right-color: #f7f8ff; } + +.bg-theme .btn-play-icon:before, .bg-theme .btn-play-icon:after { border-right-color: #1d36ba; } + +.bg-theme-alt .btn-play-icon:before, .bg-theme-alt .btn-play-icon:after { border-right-color: #2b4aed; } + +.bg-theme-dark .btn-play-icon:before, .bg-theme-dark .btn-play-icon:after { border-right-color: #000d4d; } + +.bg-theme-dark-alt .btn-play-icon:before, .bg-theme-dark-alt .btn-play-icon:after { border-right-color: #00178c; } + +.bg-white .btn-play-icon:before, .bg-white .btn-play-icon:after { border-right-color: #fff; } + +.btn-play-icon:before { top: 0; border-bottom: 10px solid transparent; } + +.btn-play-icon:after { bottom: 0; border-top: 10px solid transparent; } + +.btn-play-icon-s2 { height: 34px; width: 24px; } + +.btn-play-icon-s2 path { fill: #39a9ff; } + +.btn-play-dark { color: #fff; } + +.btn-play-dark:hover { color: #ffc123; } + +.btn-play-wrap { display: inline-flex; align-items: center; } + +.btn-play-wrap-s2 { flex-direction: column; } + +.btn-play-wrap-s1:hover { transform: translateX(15px); } + +.btn-play-text { margin-left: 20px; } + +.btn-play-text span { display: block; color: #637097; } + +.tc-light .btn-play-text span { color: #fff; } + +.btn-play-text .text-sm { font-size: 21px; } + +.btn-play-text .text-xs { font-size: 12px; color: #39a9ff !important; } + +.btn-play-wrap-s2 .btn-play-text { margin-left: 0; margin-top: 15px; } + +.btn-link { color: #39a9ff; text-decoration: none; } + +.btn-link:hover, .btn-link:focus { color: #39a9ff; text-decoration: none; box-shadow: 0 1px 0 currentColor; } + +.btn-underline { padding-left: 0 !important; padding-right: 0 !important; color: #39a9ff; background: none !important; border-color: transparent !important; text-decoration: none; } + +.btn-underline:hover, .btn-underline:focus { color: #fff; text-decoration: none; } + +.btn-round { border-radius: 40px; } + +.btn-round:before { border-radius: 40px; } + +.btn-round.btn-lg { border-radius: 54px; } + +.btn-round.btn-lg:before { border-radius: 54px; } + +.btn-round.btn-md { border-radius: 44px; } + +.btn-round.btn-md:before { border-radius: 44px; } + +.btn-round.btn-sm { border-radius: 39px; } + +.btn-round.btn-sm:before { border-radius: 39px; } + +.btn-round.btn-xxs { border-radius: 21px; } + +.btn-round.btn-xxs:before { border-radius: 21px; } + +.btn-with-icon { padding: 1px; background-color: #39a9ff; } + +.btn-with-icon span { display: inline-block; padding: 0 18px 0 28px; flex-grow: 1; } + +.btn-with-icon .icon { height: 47px; width: 47px; line-height: 47px; border-radius: 5px; background: #fff; color: #39a9ff; transition: all 0.3s; } + +.btn-with-icon.btn-md { padding: 1px; } + +.btn-with-icon.btn-md .icon { height: 38px; width: 38px; line-height: 38px; } + +.btn-with-icon.btn-sm { padding: 1px; } + +.btn-with-icon.btn-sm span { padding: 0 13px 0 23px; } + +.btn-with-icon.btn-sm .icon { height: 28px; width: 28px; line-height: 28px; } + +.btn-with-icon.btn-round .icon { border-radius: 24px; } + +.btn-with-icon.btn-round.btn-md .icon { border-radius: 19px; } + +.btn-with-icon.btn-round.btn-sm .icon { border-radius: 14px; } + +.btn-with-icon.btn-light { color: #1d36ba !important; border-color: #fff; background: #fff; } + +.btn-with-icon.btn-light .icon { color: #fff; background: #2b4aed; } + +.btn-with-icon.btn-light:hover { color: #2b4aed !important; } + +.btn-with-icon.btn-light:hover .icon { background: #1d36ba; } + +.btn-with-icon.btn-light:not(:disabled):not(.disabled).active { border-color: #fff !important; background: #fff !important; color: #637097 !important; } + +.btn-with-icon.btn-alt .icon { color: currentColor; background: transparent !important; font-size: 20px; width: auto; margin-right: 30px; transition: none; } + +.btn-grp-after li { font-size: 20px; position: relative; } + +.btn-grp-after li a { color: rgba(255, 255, 255, 0.8) !important; } + +.btn-grp-after li:not(:last-child):after { content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 14px; width: 1px; background: rgba(255, 255, 255, 0.3); } + +.btn-transparent { background: transparent !important; border: transparent; color: #fff !important; font-size: 0.9rem !important; padding: 12px 0; } + +.as-mobile .btn-transparent, .has-fixed .btn-transparent { color: #637097 !important; } + +@keyframes playbutton { 0% { transform: scale(0.75); + opacity: 1; } + 100% { transform: scale(1.3); + opacity: 0; } } + +@media (min-width: 576px) { .btn { font-size: 13px; line-height: 25px; padding: 12px 30px; letter-spacing: 0.1em; min-width: 120px; } + .btn.btn-grad { padding: 14px 30px; } + .btn-lg { font-size: 14px; font-weight: 700; line-height: 24px; padding: 15px 40px; min-width: 190px; } + .btn-md { font-size: 12px; line-height: 24px; padding: 8px 20px; min-width: 160px; } + .btn-md.btn-grad { padding: 10px 30px; } + .btn-rg { font-size: 12px; line-height: 24px; padding: 6px 20px; } + .btn-rg.btn-grad { padding: 8px 25px; } + .btn-sm { font-size: 12px; line-height: 23px; padding: 3px 20px; } + .btn-sm.btn-grad { padding: 5px 30px; } + .btn-xxs { font-size: 13px; line-height: 21px; padding: 0 10px; } + .btn-play { height: 80px; width: 80px; font-size: 18px; line-height: 78px; } + .btn-play-sm { height: 60px; width: 60px; line-height: 58px; } + .btn-icon { padding-left: 6px; padding-right: 6px; } + .btn-grp { margin: -15px; } + .btn-grp > div, .btn-grp > li { padding: 15px; } + .text-sm-left .btn-grp { justify-content: center; } + .btn-grp-s2 { margin: -10px; position: relative; } + .btn-grp-s2 > div, .btn-grp-s2 > li { padding: 10px; } + .btn-grp-s2 .btn-download { width: auto; height: 40px; } + .btn-transparent { padding: 12px 6px; } } + +@media (min-width: 768px) { .text-md-left .btn-grp { justify-content: flex-start; } } + +@media (min-width: 992px) { .text-lg-left .btn-grp { justify-content: flex-start; } + .btn-grp .btn-lg { padding: 15px 35px; } } + +@media (min-width: 1200px) { .text-xl-left .btn-grp { justify-content: flex-start; } } + +.badge { color: #fff; background-color: #39a9ff; display: inline-block; font-weight: 600; text-transform: uppercase; border-radius: 34px; padding: 5px 16px; font-size: 13px; line-height: 24px; border: 1px solid #39a9ff; } + +.badge:not(.badge-outline) { color: #fff; } + +.badge-primary { background-color: #39a9ff; border-color: #39a9ff; color: #39a9ff; } + +.badge-secondary { background-color: #ffc123; border-color: #ffc123; color: #ffc123; } + +.badge-info { background-color: #026bfb; border-color: #026bfb; color: #026bfb; } + +.badge-warning, .badge-hot { background-color: #f6be26; border-color: #f6be26; color: #f6be26; } + +.badge-success, .badge-new { background-color: #39d884; border-color: #39d884; color: #39d884; } + +.badge-danger { background-color: #e6604a; border-color: #e6604a; color: #e6604a; } + +.badge-dark { background-color: #0b0c10; border-color: #0b0c10; color: #0b0c10; } + +.badge-light { background-color: #c7d1f6; border-color: #c7d1f6; color: #637097 !important; } + +.badge-light.badge-outline { color: #c7d1f6; } + +.badge-outline { background-color: transparent; } + +.badge-lg { font-size: 16px; } + +.badge-md { border-radius: 34px; padding: 5px 16px; font-size: 12px; line-height: 18px; } + +.badge-sm { border-radius: 34px; padding: 2px 12px; font-size: 12px; line-height: 18px; } + +.badge-xs { border-radius: 34px; padding: 0 8px; font-size: 9px; line-height: 16px; letter-spacing: 0.05em; } + +.badge-cap { text-transform: capitalize; } + +.badge-regular { font-weight: 400; } + +.badge-dot { width: 5px; height: 5px; border-radius: 50%; background: #39a9ff; border-color: #39a9ff; display: inline-block !important; vertical-align: middle; padding: 0; } + +.link { display: inline-flex; align-items: center; font-size: 12px; color: #2b4aed; font-weight: 500; letter-spacing: 0.005rem; white-space: nowrap; } + +.link:hover { color: #39a9ff; } + +.link-uc { text-transform: uppercase; letter-spacing: 0.2em; } + +.link-icon { margin-right: 5px; font-size: 14px; transition: transform .3s; } + +.link-icon:only-child { margin-right: 0 !important; } + +.link-icon-sm { font-size: 12px; } + +.link-xs .link-icon { font-size: 12px; margin-right: 12px; } + +.link-animate:hover .link-icon { transform: translate(-5px, 0); } + +.link span + .link-icon { margin-left: 5px; margin-right: 0; } + +.link-animate:hover span + .link-icon { transform: translate(5px, 0); } + +.link .icon-circle { font-size: inherit; margin-right: 12px; } + +.link .icon-circle.link-icon { transition: all .4s; } + +.link-break { flex-direction: column; } + +.link-break .icon-circle { margin-left: 10px; margin-bottom: 10px; } + +.link-primary { color: #39a9ff !important; } + +.link-primary .link-icon.icon-circle { background: #39a9ff; color: #fff !important; } + +.link-primary:hover { color: #ffc123 !important; } + +.link-primary:hover .link-icon.icon-circle { background: #ffc123; } + +.link-light { color: #637097 !important; } + +.tc-light .link-light { color: #fff !important; } + +.link-light .link-icon { color: #39a9ff; } + +.link-light .link-icon.icon-circle { background: #637097; color: #fff !important; } + +.link-light:hover { color: #39a9ff !important; } + +.link-light:hover .link-icon.icon-circle { background: #39a9ff; } + +.link-thin { font-weight: 300; } + +.link-underline { text-decoration: underline !important; } + +@media (min-width: 420px) { .btn-grp-break > div, .btn-grp-break > li { width: auto; text-align: left; } + .link { font-size: 14px; } + .link-xs { font-size: 12px; } + .link-break { flex-direction: row; } + .link-break .icon-circle { margin-left: 0; margin-bottom: 0; } } + +/** 03.03 Title */ +.title { position: relative; font-size: 1.75rem; } + +.title:not(:last-child) { margin-bottom: 1.25rem; } + +.title small { font-size: 50%; margin-top: 0.75rem; } + +.title-thin { font-weight: 300; } + +.title-regular { font-weight: 400; } + +.title-xxs { font-size: 12px; letter-spacing: 0.1em; } + +.title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + +.title-xs { text-transform: uppercase; font-size: 0.88rem; letter-spacing: 0.2em; } + +.title-xs-alt { font-size: 0.94rem; } + +.title-xs-s1 { font-size: 1.1rem; letter-spacing: 0.4em; } + +.title-xs-s2 { font-size: 1.1rem; letter-spacing: 0; } + +.title-xs small { font-size: 70%; } + +.title-sm { font-size: 1.125rem; } + +.title-sm:not(:last-child) { margin-bottom: 0.85rem; } + +.title-sm small { font-size: 70%; } + +.title-md { font-size: 1.375rem; } + +.feature-text-wd .title-md { font-size: 1.125rem; } + +.title-md:not(:last-child) { margin-bottom: 1rem; } + +.title-lg { font-size: 1.75rem; } + +.title-xl { font-size: 1.75rem; } + +.title-xl-s2 { font-size: 1.75rem; line-height: 1.3; } + +.title-light { color: rgba(55, 69, 116, 0.6); } + +.title-dark { color: #374574; } + +.title-base { color: #637097; } + +.title a { color: #374574; } + +.title a:hover { color: #39a9ff; } + +a:hover .title { color: #39a9ff; } + +a .title { transition: all .4s; } + +.title-mid { font-weight: 500; } + +.title-semibold { font-weight: 600; } + +.title-bold { font-weight: 700; } + +.title-s1 { padding-left: 75px; display: inline-block; font-weight: 600; } + +.title-s1:before { position: absolute; left: 0 !important; top: 50%; margin-top: -1px; height: 2px; width: 60px; content: ''; transform: translate(0, -50%) !important; opacity: 1 !important; background: #374574; } + +.tc-light .title-s1:before { background: #fff; } + +.title-s1.tc-primary:before, .tc-primary a.title-s1:before { background: #39a9ff; } + +.title-s2 { padding-bottom: 26px; } + +.title-s2:after { position: absolute; left: 50%; bottom: 0; content: ''; margin-left: -40px; width: 80px; height: 6px; border-radius: 3px; background: #39a9ff; } + +.tc-light .title-s2:after { background: #ffc123; } + +.title-s2-alt { padding-bottom: 0; padding-top: 26px; } + +.title-s2-alt:after { top: 0; bottom: auto; } + +.title-s3 { font-size: 2.2rem !important; line-height: 1.3 !important; } + +.title-s4 { font-size: 2.3rem; opacity: 0.3; padding-bottom: 10px; text-transform: uppercase; } + +.title-s5 { padding-bottom: 24px; margin-bottom: 20px; } + +.title-s5.title-sm { font-size: 0.9rem; } + +.title-s5.title-sm span:first-child { font-size: 1.25rem; } + +.title-s5 span:first-child { display: block; padding-bottom: 13px; color: #39a9ff; font-weight: 500; } + +.tc-light .title-s5 span:first-child { color: #fff; } + +.title-s5 span:last-child { opacity: .7; } + +.title-s5:after { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); content: ''; width: 50px; height: 3px; border-radius: 2px; background: #39a9ff; } + +.title-s6 { position: relative; } + +.title-s6:before { position: absolute; top: 8px; left: -15px; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #39a9ff; } + +.title-s7 span:first-child { display: block; padding-bottom: 13px; color: #2b4aed; font-size: 1.35rem; } + +.tc-light .title-s7 span:first-child { color: #fff; } + +.title-s7 span:last-child { font-size: 0.9rem; color: #637097; } + +.title-xxl-grad { font-size: 70px; line-height: 1; font-weight: 700; margin-bottom: 0; background: -webkit-linear-gradient(#0693ff, #efac00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: .4; } + +.title-ele-head { background: linear-gradient(180deg, #637097 0%, #fff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.title-sub { color: #d87032; } + +@media (min-width: 576px) { .title { font-size: 2.25rem; } + .title:not(:last-child) { margin-bottom: 1.25rem; } + .title small { font-size: 50%; margin-top: 0.75rem; } + .title-xxs { font-size: 12px; letter-spacing: 0.1em; } + .title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + .title-xs { font-size: 0.88rem; } + .title-xs-alt { font-size: 0.94rem; } + .title-xs-s1 { font-size: 1.1rem; } + .title-xs-s2 { font-size: 1.1rem; } + .title-xs small { font-size: 70%; } + .title-sm { font-size: 1.125rem; } + .title-sm:not(:last-child) { margin-bottom: 0.85rem; } + .title-md { font-size: 1.375rem; } + .title-md:not(:last-child) { margin-bottom: 1rem; } + .title-md-s2 { font-size: 1.675rem; line-height: 1.6; } + .title-lg { font-size: 1.75rem; } + .title-xl { font-size: 3.5rem; } + .title-xl-s2 { font-size: 2.2rem; } + .title-s3 { font-size: 2.2rem !important; } + .title-s4 { font-size: 2.3rem; } + .title-s5.title-sm { font-size: 0.9rem; } + .title-s5.title-sm span:first-child { font-size: 1.25rem; } + .title-xl-2 { font-size: 1.8rem !important; } + .title-xxl-grad { font-size: 140px; } } + +@media (min-width: 768px) { .title-xl-2 { font-size: 2.2rem !important; } + .title-xxl-grad { font-size: 200px; } } + +@media (min-width: 992px) { .title-xxl-grad { font-size: 250px; } + .feature-text-wd .title-md { font-size: 1.375rem; } } + +@media (min-width: 1200px) { .title-xl-s2 { font-size: 2.8rem !important; } } + +@media (min-width: 1600px) { .title-xl-2 { font-size: 2.8rem !important; line-height: 1.3 !important; } + .banner-s1 .title-xl-2 { font-size: 2.3rem !important; } + .title-xl-s3 { font-size: 2.75rem !important; } } + +/** 03.04 List */ +.list li { line-height: 1.44; padding: 5px 0; position: relative; color: #637097; font-size: 14px; } + +.tc-light .list li { color: rgba(255, 255, 255, 0.7); } + +.list-check li { padding-left: 24px; } + +.list-check li:before { position: absolute; top: 0; left: 0; height: 22px; width: 26px; line-height: 26px; padding: 3px 0; color: #39a9ff; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; content: '\f00c'; transition: all .4s; } + +.tc-light .list-check li:before { color: #39a9ff; } + +.list-check-s3 li { padding: 0px 0px 0px 55px; margin-bottom: 18px; line-height: 1.8; } + +.list-check-s3 li:before { width: 35px; height: 35px; background: #39a9ff; border-radius: 50%; color: #fff; text-align: center; line-height: 29px; font-size: 16px; left: 0; top: 5px; } + +.tc-light .list-check-s3 li:before { background: #39a9ff; color: #fff; } + +.list-check-s3-sm li { padding: 0px 0px 0px 40px; margin-bottom: 30px; } + +.list-check-s3-sm li .title-md { margin-bottom: 0.5rem; } + +.list-check-s3-sm li:before { width: 25px; height: 25px; line-height: 20px; font-size: 11px; top: 2px; } + +.list-check-s4 li { margin: 0; padding-left: 35px; position: relative; } + +.list-check-s4 li:before { left: 15px; top: 14px; } + +.list-number { counter-reset: item; } + +.list-number li { line-height: 1.86; margin-bottom: 10px; padding-left: 65px; } + +.list-number li:before { position: absolute; top: 10px; left: 25px; counter-increment: item; content: counter(item) "."; font-size: 30px; font-weight: 700; line-height: 1; color: #39a9ff; font-family: 'Poppins', sans-serif !important; } + +.tc-light .list-number li:before { color: #39a9ff; } + +.list-number-s2 li { padding-left: 60px; } + +.has-rtl .list-number-s2 li { padding-right: 60px; padding-left: 0; } + +.list-number-s2 li:not(:last-child) { margin-bottom: 16px; } + +.list-number-s2 li span { width: 30px; height: 30px; position: absolute; left: 0; top: 5px; line-height: 30px; text-align: center; background: rgba(57, 169, 255, 0.2); border-radius: 50%; color: #3455ff; font-weight: 400; } + +.has-rtl .list-number-s2 li span { left: auto; right: 0; } + +.list-dot li { position: relative; padding-left: 22px; line-height: 1.62; } + +.list-dot li:before { position: absolute; top: 14px; left: 0; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #374574; } + +.tc-light .list-dot li:before { background: #ffc123; } + +.list-dot.list-sm { margin-top: -5px; margin-bottom: -5px; } + +.list-dot.list-sm li { padding-left: 16px; font-size: 0.9rem; padding-top: 10px; padding-bottom: 10px; } + +.list-dot.list-sm li:before { top: 19px; } + +.list-dot-bar { padding: 20px 0 65px 38px; } + +.list-dot-bar li { margin-bottom: 10px; } + +.list-dot-bar li span { width: 20px; height: 20px; content: ""; background: transparent; position: absolute; border-radius: 50%; border: 2px solid #ffc123; left: -38px; top: 7px; } + +.list-dot-bar li span:after, .list-dot-bar li span:before { position: absolute; content: ""; top: 50%; left: 50%; background: #ffc123; } + +.list-dot-bar li span:after { width: 7px; height: 7px; border-radius: 50%; transform: translate(-50%, -50%); } + +.list-dot-bar li span:before { width: 18px; height: 2px; transform: translateY(-50%); } + +.list-btn li { display: inline-block; padding-right: 15px; } + +.list-btn li:not(:first-child) a { padding-right: 10px; } + +.list-btn-dropdown { margin: -22px -30px; } + +.list-btn-dropdown > li { display: inline-block; margin: 18px 30px; } + +.list-btn-dropdown > li a { min-width: 200px; } + +.list-btn-dropdown > li a i { position: absolute; font-size: 20px; top: 0; right: 30px; line-height: 42px; } + +.list-inline { display: inline-flex; } + +@media (min-width: 576px) { .list li { font-size: 15px; } } + +/** 03.05 Form */ +input ~ .error, textarea ~ .error, select ~ .error { position: absolute; right: -10px; top: -15px; background: #e6604a; color: #fff; font-size: 11px; line-height: 18px; padding: 2px 10px; border-radius: 2px; z-index: 9; white-space: nowrap; } + +input ~ .error:after, textarea ~ .error:after, select ~ .error:after { position: absolute; content: ''; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid #e6604a; border-bottom: 5px solid transparent; bottom: -5px; left: 3px; } + +.tc-light input ~ .error, .tc-light textarea ~ .error, .tc-light select ~ .error { background: #e6604a; color: #fff; box-shadow: none; } + +.tc-light input ~ .error:after, .tc-light textarea ~ .error:after, .tc-light select ~ .error:after { border-right-color: #e6604a; } + +input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(99, 112, 151, 0.6); } + +.tc-light .bg-light input::-webkit-input-placeholder, .tc-light .bg-light-alt input::-webkit-input-placeholder, .tc-light .bg-white input::-webkit-input-placeholder, .tc-light .bg-light textarea::-webkit-input-placeholder, .tc-light .bg-light-alt textarea::-webkit-input-placeholder, .tc-light .bg-white textarea::-webkit-input-placeholder { color: rgba(99, 112, 151, 0.6); } + +.tc-light input::-webkit-input-placeholder, .tc-light textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(99, 112, 151, 0.6); } + +.tc-light .bg-light input::-moz-placeholder, .tc-light .bg-light-alt input::-moz-placeholder, .tc-light .bg-white input::-moz-placeholder, .tc-light .bg-light textarea::-moz-placeholder, .tc-light .bg-light-alt textarea::-moz-placeholder, .tc-light .bg-white textarea::-moz-placeholder { color: rgba(99, 112, 151, 0.6); } + +.tc-light input::-moz-placeholder, .tc-light textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(99, 112, 151, 0.6); } + +.tc-light .bg-light input:-ms-input-placeholder, .tc-light .bg-light-alt input:-ms-input-placeholder, .tc-light .bg-white input:-ms-input-placeholder, .tc-light .bg-light textarea:-ms-input-placeholder, .tc-light .bg-light-alt textarea:-ms-input-placeholder, .tc-light .bg-white textarea:-ms-input-placeholder { color: rgba(99, 112, 151, 0.6); } + +.tc-light input:-ms-input-placeholder, .tc-light textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-moz-placeholder, textarea:-moz-placeholder { color: rgba(99, 112, 151, 0.6); } + +.tc-light .bg-light input:-moz-placeholder, .tc-light .bg-light-alt input:-moz-placeholder, .tc-light .bg-white input:-moz-placeholder, .tc-light .bg-light textarea:-moz-placeholder, .tc-light .bg-light-alt textarea:-moz-placeholder, .tc-light .bg-white textarea:-moz-placeholder { color: rgba(99, 112, 151, 0.6); } + +.tc-light input:-moz-placeholder, .tc-light textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +.field-item { position: relative; padding-bottom: 15px; } + +.field-wrap { position: relative; } + +.field-wrap + p { margin-top: .75rem; } + +.field-wrap .btn + .form-results:not(:empty) { margin-top: 30px; } + +.field-wrap .label-inline { padding-left: 25px; line-height: normal; } + +.has-rtl .field-wrap .label-inline { padding-left: 0; padding-right: 25px; } + +.field-wrap .label-inline .icon { font-size: 20px; color: #adb2be; } + +.field-label { font-size: 12px; font-weight: 700; letter-spacing: 0.2em; } + +.field-label-line { position: absolute; width: 100%; top: 10px; font-size: 0.94rem; font-weight: 400; letter-spacing: normal; left: 0; color: rgba(99, 112, 151, 0.6); z-index: 1; transition: all .5s ease; transform-origin: left; } + +.tc-light .field-label-line { color: #fff; } + +.field-item-center .field-label-line { transform-origin: center; } + +.field-inline { border-radius: 6px; display: flex; } + +.field-inline input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } + +.field-inline.field-split .btn:not(.btn-round) { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; } + +.wgs-search .field-inline.field-split .btn:not(.btn-round) { height: auto; } + +.field-inline .field-wrap { flex-grow: 1; } + +.field-inline .submit-wrap .btn { width: 100%; } + +.field-inline + .form-results.alert { width: 100%; margin-top: 15px; } + +.field-inline-s2 { padding: 10px; display: block; } + +.field-inline-s2 .btn { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + +.field-inline-s2-sm { padding: 5px; } + +.field-inline-s2 input { text-align: center; } + +@media (max-width: 575px) { .field-inline-s2 input { margin-bottom: 5px; } } + +.field-inline-s3 .btn-light { color: #39a9ff !important; } + +.field-inline-s4 { align-items: center; } + +.field-inline-s4 .input-solid { background: rgba(255, 255, 255, 0.2); } + +.field-inline-s4 .field-wrap { margin-right: -50px; } + +.field-inline-round { border-radius: 50px; } + +.field-inline-round .input-solid { padding-left: 30px; } + +.input-solid { background: none; border: none; width: 100%; padding: 15px 20px; line-height: 23px; } + +.tc-light .input-solid { color: #fff; } + +.tc-light .bg-light .input-solid, .tc-light .bg-light-alt .input-solid, .tc-light .bg-white .input-solid { color: #637097; } + +.input-solid-md { padding: 12px 20px; line-height: 22px; } + +.input-solid-lg { padding: 20px 20px; } + +.input-solid:focus { outline: none; } + +.input-line { position: relative; z-index: 2; background: transparent; border: none; width: 100%; font-size: 15px; line-height: 19px; padding: 16px 0 8px; color: #637097; border-bottom: 1px solid #dbe4f7; outline: none; transition: all .4s; } + +.tc-light .input-line { color: #fff; border-bottom-color: rgba(219, 228, 247, 0.3); } + +.input-line:focus { border-bottom-color: #39a9ff; } + +.field-item-center .input-line { text-align: center; } + +.input-textarea { height: 105px; resize: none; outline: none; } + +.input-textarea ~ .field-label-line { top: 73px; } + +.input-focused .field-label-line { left: 0; top: -10px; transform: scale(0.7); } + +.input-bordered { border-radius: 6px; border: 1px solid #dbe4f7; width: 100%; padding: 10px 15px; line-height: 21px; font-size: .9em; color: #637097; transition: all .4s; background-color: transparent; } + +.input-bordered-lg { padding: 13px 20px; } + +.input-bordered-lg-s1 { padding: 17px 20px; } + +.tc-light .field-inline-s3 .input-bordered { border-color: rgba(255, 255, 255, 0.5); } + +.field-inline-s3 .input-bordered { border-width: 2px; border-right-width: 0 !important; } + +.field-item-s2 .input-bordered { border: 2px solid #d1e0f6; background: transparent; } + +.tc-light .input-bordered { color: #fff; background: #223fd9; border-color: rgba(255, 255, 255, 0.25); } + +.tc-light .input-bordered:focus { border-color: rgba(255, 255, 255, 0.45); } + +.input-bordered:focus { box-shadow: none; outline: none; border-color: #b7bee3; } + +.input-bordered:disabled { background: rgba(219, 228, 247, 0.2); } + +.input-switch { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-switch ~ label:not(.error) { line-height: 20px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; padding-left: 48px; min-height: 30px; min-width: 48px; border-radius: 12px; margin-bottom: 0; display: flex; align-items: center; position: relative; font-size: 14px; color: #637097; } + +.input-switch ~ label:not(.error).no-text { padding-left: 56px; } + +.input-switch ~ label:not(.error):before, .input-switch ~ label:not(.error):after { position: absolute; content: ''; transition: all .4s; } + +.input-switch ~ label:not(.error):before { left: 0; top: 50%; transform: translateY(-50%); height: 20px; width: 40px; border-radius: 15px; background: #d3e0f3; } + +.input-switch ~ label:not(.error):after { left: 2px; top: 50%; transform: translateY(-50%); height: 16px; width: 16px; border-radius: 50%; background: #fff; } + +.input-switch ~ label:not(.error) span { transition: all .4s; opacity: 1; } + +.input-switch ~ label:not(.error) span.over { position: absolute; left: 48px; } + +.input-switch ~ label:not(.error) span:last-child { opacity: 0; } + +.input-switch:disabled ~ label { opacity: .5; } + +.input-switch:checked ~ label:before { background: #39a9ff; } + +.input-switch:checked ~ label:after { left: 22px; } + +.input-switch:checked ~ label span { opacity: 0; } + +.input-switch:checked ~ label span:last-child { opacity: 1; } + +.input-switch ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-checkbox, .input-radio { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-checkbox ~ label:not(.error), .input-radio ~ label:not(.error) { position: relative; padding-left: 28px; line-height: 20px; font-size: 14px; cursor: pointer; margin-bottom: 0; } + +.input-checkbox ~ label:not(.error):before, .input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { position: absolute; left: 0; top: 0; height: 20px; width: 20px; line-height: 20px; text-align: center; content: ''; background-color: transparent; border-radius: 3px; } + +.input-checkbox ~ label:not(.error):before, .input-radio ~ label:not(.error):before { border: 2px solid #dbe4f7; } + +.input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; background-color: #39a9ff; color: #fff; opacity: 0; transition: all .4s; } + +.input-checkbox:checked ~ label:not(.error):after, .input-radio:checked ~ label:not(.error):after { opacity: 1; } + +.input-checkbox ~ .error, .input-radio ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { border-radius: 50%; } + +@media (min-width: 576px) { .field-item { padding-bottom: 30px; } + .field-inline .btn-md { line-height: 23px; } } + +@media (min-width: 768px) { .field-inline .submit-wrap .btn { width: auto; height: 100%; } + .field-inline-s2 { display: flex; } + .field-inline-s2 input { text-align: left; } } + +.select2-container.select2 { width: 100% !important; } + +.select2-container .select2-selection { position: relative; } + +.select2-container .select2-selection:focus { outline: none; } + +.select2-container .select2-selection .select2-selection__rendered { color: rgba(99, 112, 151, 0.6); font-size: 0.94rem; } + +.select2-container .select2-selection .select2-selection__arrow { position: absolute; top: 0; right: 0; height: 100%; width: 40px; } + +.select2-container .select2-selection .select2-selection__arrow:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; font-family: "themify"; content: '\e64b'; text-align: center; line-height: 20px; padding: 10px 0; font-size: .88rem; } + +.select2-container .select2-dropdown { border-color: #dbe4f7 !important; } + +.select2-container.select-line .select2-selection { height: 44px; line-height: 20px; padding: 16px 40px 8px 0; border-bottom: 1px solid #dbe4f7; } + +.select2-container.select-line .select2-selection .select2-selection__rendered { padding-left: 0; } + +.select2-container.select-line .select2-selection .select2-selection__arrow:after { padding: 16px 0 8px; } + +.select2-container.select-bordered .select2-selection { height: 42px; line-height: 20px; padding: 10px 40px 10px 0; border: 1px solid #dbe4f7; border-radius: 6px; } + +.select2-container.select-bordered .select2-selection .select2-selection__rendered { padding-left: 15px; } + +.select2-container.select-bordered.select-lg .select2-selection { height: 50px; border: 2px solid #dbe4f7; padding: 13px 40px 13px 10px; min-width: 146px; } + +.select2-container--below.select2-container--open.select-bordered .select2-selection--single { border-radius: 6px 6px 0 0; } + +.select2-container--above.select2-container--open.select-bordered .select2-selection--single { border-radius: 0 0 6px 6px; } + +.select2-container.select-lg .select2-selection .select2-selection__arrow:after { padding: 13px 0; } + +.select2-container.select-lg .select2-selection .select2-selection__rendered { color: #374574; font-size: 1rem; } + +.select2-search { display: none; } + +.select2-results { padding: 5px 0; } + +.select2-results__option { padding: 6px 15px; font-size: .88rem; transition: all .4s; max-height: 180px; } + +.select2-results__option[aria-selected="true"], .select2-results__option:hover { background: #dbe4f7; } + +.select-line.select2-container--open .select2-dropdown--above { border-bottom: 1px solid #dbe4f7 !important; } + +.submit-wrap { margin-left: -3px; } + +.submit-wrap-s2 { margin: -4px 0; } + +.submit-wrap-s2 .btn { border-radius: 5px !important; } + +.btn-auto-lg { font-size: 20px; } + +@media (min-width: 992px) { .select2-container.select-bordered.select-lg .select2-selection { min-width: 255px; } } + +@media (max-width: 400px) { .field-inline-wrap { flex-wrap: wrap; } + .field-inline-wrap .submit-wrap { margin-left: auto; margin-right: auto; margin-top: 10px; } } + +/**/ +/** 03.06 Table */ +.table { color: inherit; } + +.table td { border-top: none; padding: 18px 0; font-size: 1rem; line-height: 1.5rem; } + +.table tr { border-bottom: 1px solid rgba(57, 169, 255, 0.2); } + +.table tr:last-child { border-bottom: none; } + +.table-head { font-weight: 500; color: #39a9ff; } + +.table-token { margin-bottom: 5px; } + +.table-token .table-head { padding-bottom: 2px; } + +.table-token .table-des { padding-top: 2px; } + +.table-token-s1 { border: 1px solid rgba(209, 224, 246, 0.7); border-collapse: separate; border-radius: 6px; margin-bottom: 0; } + +.tc-light .table-token-s1 { border-color: rgba(255, 255, 255, 0.1); } + +.table-token-s1 tr:nth-child(odd) td:first-child { background: #eff8ff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:first-child { background: #1d36ba; } + +.table-token-s1 tr:nth-child(odd) td:last-child { background: #fff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:last-child { background: #1c33b1; } + +.table-token-s1 tr:nth-child(even) td:first-child { background: #e7f3ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:first-child { background: #203cd0; } + +.table-token-s1 tr:nth-child(even) td:last-child { background: #f7f9ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:last-child { background: #1e39c3; } + +.table-token-s1 tr:first-child td:first-child { border-top-left-radius: 6px; } + +.table-token-s1 tr:first-child td:last-child { border-top-right-radius: 6px; } + +.table-token-s1 tr:last-child td:first-child { border-bottom-left-radius: 6px; } + +.table-token-s1 tr:last-child td:last-child { border-bottom-right-radius: 6px; } + +.table-token-s1 tr td { width: 48%; font-weight: 500; font-size: 0.93rem; line-height: 24px; padding: 12px !important; padding-left: 18px !important; color: #637097; } + +.tc-light .table-token-s1 tr td { color: #fff; } + +.table-token-s1 tr td:last-child { color: #39a9ff; font-weight: 400; font-size: 0.88rem; } + +.tc-light .table-token-s1 tr td:last-child { color: rgba(255, 255, 255, 0.6); } + +.table-bordered td { padding-left: 20px; padding-right: 20px; border: 1px solid rgba(57, 169, 255, 0.2); } + +@media (min-width: 576px) { .table-token { margin-bottom: 1rem; display: table; } + .table-token tbody { display: table-row-group; } + .table-token tr { display: table-row; } + .table-token td { display: table-cell; } + .table-token .table-head, .table-token .table-des { padding: 18px 0; } } + +/** 03.07 Progress */ +.progress-list { margin-top: .8rem; } + +.progress-wrap { margin-bottom: 1rem; } + +.progress-wrap:last-child:not(:only-child) { margin-bottom: 0; } + +.progress-wrap-point { margin-bottom: 55px; } + +.progress-wrap-point-s1 { margin-bottom: 30px; margin-top: 50px; } + +.progress-title { text-transform: uppercase; font-size: 0.75rem; font-weight: 500; display: flex; justify-content: space-between; padding-bottom: .4rem; } + +.progress-amount { font-weight: 400; } + +.progress-bar { position: relative; width: 100%; height: 20px; border-radius: 4px; background: rgba(57, 169, 255, 0.2); } + +.progress-bar .progress-percent { border-radius: 4px; } + +.progress-bar-xs { height: 6px; border-radius: 2px; } + +.progress-bar-xs .progress-percent { border-radius: 2px; border: none; } + +.progress-bar-sm { height: 15px; border-radius: 2px; } + +.progress-bar-md { height: 24px; border-radius: 3px; } + +.progress-bar-md .progress-percent { padding: 3px 0; } + +.progress-bar-s1 { padding: 6px; width: 100%; background: #fff; border-radius: 16px; height: auto; } + +.progress-bar-s2.bar-round { border-radius: 30px; } + +.progress-bar-s2.bar-round .progress-percent { border-radius: 30px; } + +.progress-bar-s2 .progress-percent { top: 3px; left: 3px; bottom: 3px; right: 3px; border: none; } + +.progress-bar-s2 .progress-percent:after { display: none; } + +.progress-percent { position: absolute; top: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 12px; background: #39a9ff; } + +.progress-percent-s2 { z-index: 2; } + +.progress-percent-s2:after { position: absolute; content: ''; top: 50%; right: 0; height: 18px; width: 18px; border-radius: 50%; border: 2px solid #fff; background: #39a9ff; transform: translate(50%, -50%); } + +.progress-percent-s1 { position: relative; max-height: 20px; border: none; min-height: 20px; border-radius: 20px !important; } + +.progress-percent-s3 { border: none; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } + +.progress-info { display: block; font-size: 16px; color: #fff; padding: 12px 0 22px; } + +.progress-info span { font-weight: 500; font-size: 18px; color: #ffc123; } + +.progress-info-s2 { font-size: 12px; text-transform: uppercase; padding: 0 0 17px; } + +.progress-info-s2 span { font-size: 14px; text-transform: capitalize; color: #fff; } + +.progress-point { color: #fff; font-size: 11px; line-height: 14px; font-weight: 500; text-transform: uppercase; position: absolute; top: 30px; transform: translateX(-50%); padding: 3px 0; } + +.progress-point:after { position: absolute; bottom: 100%; left: 50%; margin-left: -1px; content: ''; width: 2px; height: 40px; background: rgba(193, 206, 241, 0.5); } + +.progress-bar-md .progress-point { top: 40px; font-size: 14px; font-weight: 400; text-transform: capitalize; } + +.progress-bar-md .progress-point:after { bottom: calc(100% + 10px); height: 30px; } + +.progress-point span { display: block; font-size: 12px; color: #39a9ff; } + +.progress-point-s1 { top: -35px; } + +.progress-point-s1:after { bottom: auto; top: 100%; height: 30px; } + +.progress-point-1 { left: 25%; } + +.progress-point-2 { left: 85%; } + +.progress-points { padding-top: 10px; display: flex; justify-content: space-between; } + +ul.progress-info { display: flex; justify-content: space-between; } + +@media (min-width: 576px) { .progress-bar-md { height: 36px; } + .progress-percent { font-size: 14px; } + .progress-wrap-point { margin-bottom: 78px; } + .progress-wrap-point-s1 { margin-bottom: 30px; } + .progress-bar-md .progress-point { top: 60px; } + .progress-bar-md .progress-point:after { height: 50px; } } + +/** 03.08 CountDown */ +.countdown { display: flex; justify-content: space-around; margin: 0 -5px; } + +.countdown-small { justify-content: flex-start; margin: 0 -20px; } + +.countdown-s2 { margin: 0; justify-content: space-between; } + +.countdown-s3 { margin: 0 -16px 0 -25px; } + +.countdown-s4 { margin: 0; } + +.countdown-md { padding-bottom: 35px; } + +.countdown-item { padding: 0 5px; } + +.countdown-s2 .countdown-item { padding: 0; } + +.countdown-s3 .countdown-item { flex-grow: 1; } + +.countdown-s3.countdown-small .countdown-item, .countdown-s3-alt .countdown-item { flex-grow: 0; width: auto; } + +.countdown-s4 .countdown-item, .countdown-s5 .countdown-item { width: 100%; } + +.countdown-wd .countdown-item { flex-grow: 0; width: 100%; } + +.countdown-md .countdown-item { width: 80px; } + +.countdown-wd { text-align: center; } + +.countdown-time { position: relative; height: 54px; width: 54px; border-radius: 50%; border: 2px solid #39a9ff; text-align: center; line-height: 50px; display: block; } + +.countdown-s2 .countdown-time { border-radius: 6px; background-color: #1d36ba; border-color: transparent; font-size: 1.4rem; font-weight: 500; color: #fff; } + +.countdown-s3 .countdown-time { border-radius: 0; border: none; font-size: 2.8125rem; line-height: 50px; font-weight: 700; height: 50px; width: 100%; color: #2b4aed; } + +.tc-light .countdown-s3 .countdown-time { color: #fff; } + +.countdown-s3 .countdown-time:after { position: absolute; top: calc(50% - 3px); right: -6px; transform: translate(50%, -50%); content: ':'; } + +.countdown-s3 .countdown-time-last:after { display: none; } + +.countdown-s3-alt .countdown-time { font-size: 1.875rem; padding: 0 20px; font-weight: 300; height: 38px; line-height: 38px; margin-bottom: 0.5rem; } + +.countdown-s3.countdown-small .countdown-time { font-size: 1rem; line-height: 24px; height: 24px; text-align: left; padding: 0 20px; } + +.countdown-s4 .countdown-time { font-size: 2rem; } + +.countdown-s4 .countdown-time, .countdown-thin .countdown-time { font-weight: 300; } + +.tc-light .countdown-s5 .countdown-time { color: #39a9ff; } + +.countdown-md .countdown-time { font-size: 2rem; line-height: normal; font-weight: 400; height: auto; } + +.countdown-text { display: block; font-weight: 500; font-size: 12px; letter-spacing: 0.01em; padding-top: 8px; text-align: center; } + +.tc-light .countdown-text { color: #fff; } + +.countdown-s2 .countdown-text { text-transform: uppercase; font-weight: 400; } + +.tc-light .countdown-s2 .countdown-text { color: #39a9ff; } + +.countdown-s3 .countdown-text { text-transform: uppercase; } + +.tc-light .countdown-s3 .countdown-text { color: #fff; } + +.countdown-s3-alt .countdown-text { text-transform: capitalize; padding-top: 0; font-weight: 400; } + +.countdown-s3.countdown-small .countdown-text { text-align: left; padding: 0 22px; } + +.countdown-s4 .countdown-text { text-transform: capitalize; padding-top: 0; } + +.tc-light .countdown-s5 .countdown-text { color: #39a9ff; } + +.countdown-md .countdown-text { font-weight: 400; padding-top: 2px; } + +.status-countdown { overflow: hidden; } + +@media (min-width: 420px) { .countdown-time { height: 64px; width: 64px; line-height: 60px; } } + +@media (min-width: 576px) { .status-countdown { min-width: 290px; } + .countdown-large .countdown-time { font-size: 3.5rem; } + .countdown-large .countdown-time:after { font-size: 2.5rem; } } + +@media (min-width: 768px) { .countdown-wd .countdown .item { width: 100%; } + .countdown-xxl .countdown-time { font-size: 5.5rem; } + .countdown-xl .countdown-time { font-size: 4rem; } + .countdown-xl.countdown-s2 .countdown-time { width: 123px; height: 123px; line-height: 123px; border-radius: 4px; } + .countdown-xxl .countdown-text { padding-top: 30px; } + .countdown-s3-lg { margin: 0 -38px; } } + +@media (min-width: 992px) { .countdown-s4 .countdown-time { font-size: 2rem; } + .countdown-large .countdown-time { font-size: 3.5rem; } } + +@media (min-width: 1200px) { .countdown-s4 .countdown-time { font-size: 2.9rem; } + .countdown-large .countdown-time { font-size: 3.6rem; } } + +/** 03.09 Toastr */ +/* Toastr */ +#toast-container { position: fixed; z-index: 999999; margin-top: 22px; margin-bottom: 16px; } + +#toast-container .toast { opacity: 1; } + +.toast-top-center { top: 0; right: 0; width: 100%; } + +.toast-bottom-center { bottom: 0; right: 0; width: 100%; } + +.toast-top-full-width { top: 0; right: 0; width: 100%; } + +.toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } + +.toast-top-left { top: 0; left: 16px; } + +.toast-top-right { top: 0; right: 16px; } + +.toast-bottom-right { right: 16px; bottom: 0; } + +.toast-bottom-left { bottom: 0; left: 16px; } + +.toast-top-center > div, .toast-bottom-center > div { width: 650px; max-width: 90%; margin-left: auto; margin-right: auto; } + +.toast-top-full-width > div, .toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } + +.toast { background: #fff; color: #fff; overflow: hidden; margin: 0 0 8px; padding: 15px 51px 15px 15px; width: 300px; border-radius: 5px; border: none; display: flex; align-items: center; box-shadow: 0px 2px 18px 2px rgba(55, 69, 116, 0.25); background: #000d4d; position: relative; } + +.toast-close-button { cursor: pointer; position: absolute; text-align: left; right: 15px; text-indent: -9999em; overflow: hidden; background: none; border-radius: 50%; border: none; height: 36px; width: 36px; transition: all .3s; } + +.toast-close-button:after { position: absolute; content: '\e646'; font-family: 'themify'; top: 0; right: -1px; text-indent: 0; display: block; font-size: 13px; line-height: 38px; height: 36px; width: 36px; text-align: center; color: #fff; transition: all .3s; } + +.toast-close-button:hover, .toast-close-button:focus { background: rgba(243, 245, 253, 0.15); box-shadow: none; outline: none; } + +.toast-message { position: relative; flex-grow: 1; font-size: 13px; line-height: 17px; display: flex; align-items: center; padding-left: 10px; min-height: 30px; } + +.toast-message-icon { display: inline-block; font-size: 14px; margin-right: 15px; margin-left: -10px; text-align: center; height: 30px; width: 30px; line-height: 30px; border-radius: 50%; } + +.toast-message-icon.ti-alert:before { position: relative; top: -2px; } + +.toast-info .toast-message-icon { background: #026bfb; } + +.toast-warning .toast-message-icon { background: #f6be26; } + +.toast-success .toast-message-icon { background: #39d884; } + +.toast-error .toast-message-icon { background: #e6604a; } + +@media (min-width: 576px) { .toast-message { font-size: 14px; line-height: 18px; } } + +/** 03.10 Misc */ +.img-xs { height: 40px; width: 40px; } + +.text-thumb { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; font-weight: 500; letter-spacing: 0.1em; border: 2px solid #fff; background: #39a9ff; } + +.text-thumb-xs { height: 40px; width: 40px; } + +.icon { display: inline-block; } + +.icon-lg { font-size: 50px; } + +.icon-round { display: inline-block; text-align: center; border-radius: 50%; background: rgba(57, 169, 255, 0.1); } + +.icon-round.icon-lg { height: 90px; width: 90px; line-height: 90px; } + +.icon-circle { display: inline-flex; align-items: center; justify-content: center; height: 38px; width: 38px; border-radius: 50%; } + +.icon-circle-md { height: 50px; width: 50px; } + +.icon-border { border: 1px solid #fff; } + +.icon-animation { position: relative; } + +.icon-animation:after { position: absolute; content: ""; top: -8px; right: -8px; bottom: -8px; left: -8px; border-radius: 50%; border: 1px solid #fff; animation: 1s ease 0s normal none infinite running playbutton; } + +.icon-list li { display: inline-block; margin: 0 5px; } + +.icon-currency-list { display: flex; justify-content: center; align-items: center; } + +.icon-bg { min-width: 40px; min-height: 40px; background: #8c8c8c; color: #fff; text-align: center; line-height: 40px; font-size: 1.7rem; border-radius: 50%; margin-right: 8px; } + +.has-rtl .icon-bg { margin-right: 0; margin-left: 8px; } + +.icon-bg-md { min-height: 32px; min-width: 32px; line-height: 32px; font-size: 1.5rem; } + +.icon-bg-lg { min-width: 60px; min-height: 60px; line-height: 60px; font-size: 2rem; } + +.icon-bg-xl { min-width: 92px; min-height: 92px; line-height: 92px; font-size: 4rem; } + +.icon-bg-eth { background: #61688f; } + +.icon-bg-btc { background: #f9931a; } + +.icon-bg-ltc { background: #838383; } + +.icon-bg-dash { background: #3573c0; } + +.icon-bg-xrp { background: #1c1c1c; } + +.icon-bg-xmr { background: #ff9f17; } + +.toggle-wrap { position: relative; } + +.toggle-tigger { display: inline-block; } + +.toggle-tigger.btn { display: inline-flex; } + +.toggle-class { visibility: hidden; opacity: 0; transition: all .4s; } + +.toggle-class.active { visibility: visible; opacity: 1; } + +.toggle-drop { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: -10px; z-index: 9; } + +.toggle-drop-left { left: 0; transform: translateX(0); } + +.toggle-drop-right { left: auto; right: 0; transform: translateX(0); } + +.toggle-drop-top { bottom: 100%; top: auto; margin-bottom: 10px; } + +.toggle-drop.active { margin-top: 0; margin-bottom: 0; } + +@media (max-width: 991px) { .toggle-class-lg { position: static; margin-top: 0; display: block; visibility: visible; opacity: 1; } + .toggle-wrap-nav { width: 100%; display: flex; } + .toggle-wrap-nav .toggle-class-lg { margin-left: 20px; flex-grow: 1; } + .toggle-wrap-nav .toggle-class-lg .drop-list { max-width: 100%; } } + +.drop-wrap { position: relative; } + +.drop-list { min-width: 160px; max-width: 160px; background: #fff; padding: 10px 0; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(55, 69, 116, 0.08); } + +.drop-list a { font-size: 13px; line-height: 18px; color: #637097; padding: 7px 20px; display: block; position: relative; } + +.drop-list a .badge { margin-left: 5px; position: relative; top: -1px; } + +.tc-light:not(.btn) .drop-list a { color: #637097; } + +.drop-list a:hover { color: #39a9ff; } + +.drop-list-xs { min-width: 60px; max-width: 60px; } + +.drop-list-xs a { padding: 7px 8px; } + +.drop-list-mb { min-width: 80px; max-width: 80px; } + +.drop-list-mb a { padding: 7px 14px; } + +.drop-list-sm { min-width: 110px; max-width: 110px; } + +.drop-list-full { min-width: 100%; max-width: 100%; } + +.drop-list-center { text-align: center; } + +.breadcumb { margin: 0 -13px; } + +.breadcumb li { display: inline-block; padding: 0 15px; font-size: .75rem; line-height: 18px; position: relative; color: #637097; } + +.breadcumb li:not(:last-child):after { position: absolute; top: 0; right: -3px; content: '-'; line-height: 18px; color: #39a9ff !important; } + +.breadcumb li a { color: #39a9ff !important; } + +.breadcumb li a:hover:not([class]) { color: #ffc123 !important; } + +.preloader { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; } + +.preloader:before, .preloader:after { position: absolute; left: 0; height: 51%; width: 100%; transition: all .6s ease; background: #fff; content: ''; } + +.preloader:before { top: 0; } + +.page-loaded .preloader:before { transform: translate(0, -100%); } + +.preloader:after { bottom: 0; } + +.page-loaded .preloader:after { transform: translate(0, 100%); } + +.preloader.no-default { background-color: #1d36ba; } + +.page-loaded .preloader.no-default:before, .page-loaded .preloader.no-default:after { transform: translate(0, 0); } + +.preloader.no-default:before, .preloader.no-default:after { position: absolute; top: 0; left: 0; height: 100%; transition: all .6s; background-color: #1d36ba; } + +.preloader-alt:after, .preloader-alt:before { background: #2b4aed; } + +.page-loaded .preloader.no-split:before, .page-loaded .preloader.no-split:after { transform: translate(0, 0); } + +.spinner { display: block; position: relative; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; z-index: 1001; } + +.spinner-round { border-radius: 50%; border: 2px solid transparent; border-top-color: #39a9ff; animation: spin 2s linear infinite; } + +.spinner-round:before, .spinner-round:after { content: ""; position: absolute; border-radius: 50%; border: 3px solid transparent; } + +.spinner-round:before { top: 5px; left: 5px; right: 5px; bottom: 5px; border-top-color: #ffc123; animation: spin 3s linear infinite; } + +.spinner-round:after { top: 15px; left: 15px; right: 15px; bottom: 15px; border-top-color: #1d36ba; animation: spin 1.5s linear infinite; } + +.spinner-alt { border-radius: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; } + +.spinner-alt:after, .spinner-alt:before { content: ""; position: absolute; border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; } + +.spinner-alt:before { border: 1px solid rgba(255, 255, 255, 0.1); } + +.spinner-alt:after { border: 1px solid; border-top-color: #fff; border-right-color: transparent; border-left-width: 0; border-bottom-width: 0; animation: spin 1.5s linear infinite; } + +.spinner-alt.load-done { transition: all .4s; transform: scale(3); opacity: 0; border-color: transparent; } + +.spinner-alt.load-done:after, .spinner-alt.load-done:before { opacity: 0; } + +.spinner-alt.spinner-light { border: 1px solid rgba(10, 16, 21, 0.1); } + +.spinner-alt.spinner-light:after { border-top-color: #0a1015; } + +.spinner-brand { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100px; } + +@keyframes spin { 0% { -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); } } + +.text-zoom { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; text-transform: uppercase; font-weight: 700; height: 100px; width: 100px; } + +.text-item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } + +.text-item:nth-child(2) > * { animation-delay: 1s; } + +.text-item:nth-child(3) > * { animation-delay: 2s; } + +.text-item:nth-child(4) > * { animation-delay: 3s; } + +.text-item:nth-child(5) > * { animation-delay: 4s; } + +.text-item:nth-child(6) > * { animation-delay: 5s; } + +.text-item:nth-child(7) > * { animation-delay: 6s; } + +.text-item:nth-child(8) > * { animation-delay: 7s; } + +.text-item:nth-child(9) > * { animation-delay: 8s; } + +.text-small, .text-large { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; opacity: 0; } + +.text-small { color: #97afd5; z-index: 2; font-size: 60px; animation: textzoom9 9s linear infinite; } + +.text-large { color: #19243e; z-index: 0; font-size: 120px; animation: textzoom9l 9s linear infinite; } + +@keyframes textzoom9 { 0% { transform: translate(-50%, -50%) scale(0); + opacity: 0; } + 6% { transform: translate(-50%, -50%) scale(1); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.3); + opacity: 0; } } + +@keyframes textzoom9l { 0% { transform: translate(-50%, -50%) scale(0.2); + opacity: 0; } + 8% { transform: translate(-50%, -50%) scale(1.2); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.7); + opacity: 0; } } + +.modal-dialog-bottom { display: flex; align-items: flex-end; min-height: calc(100% - (.5rem * 2)); } + +.modal.fade .modal-dialog-bottom { -webkit-transform: translate(0, 25%); transform: translate(0, 25%); } + +.modal.show .modal-dialog-bottom { -webkit-transform: translate(0, -30px); transform: translate(0, -30px); } + +.modal-content { background: none; border: none; margin-left: auto; margin-right: auto; width: auto; max-width: 100%; } + +.modal-body { background: #fff; border-radius: 6px; } + +.modal-close { position: absolute; cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 39px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #637097; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(99, 112, 151, 0.2); } + +.mfp-close-btn-in .mfp-close { cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 37px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #637097 !important; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(99, 112, 151, 0.2); transition: all .4s; } + +.mfp-close-btn-in .mfp-close:hover { text-decoration: none; color: #39a9ff !important; } + +.tc-light .mfp-close-btn-in .mfp-close:hover { color: #39a9ff !important; } + +.image-popup .mfp-close { cursor: pointer; top: 22px; right: -18px; } + +.owl-nav { margin: 0 -10px 0; padding-top: 40px; } + +.carousel-nav-s1 .owl-nav { padding-top: 0px; } + +.carousel-nav-center .owl-nav { display: flex; justify-content: center; } + +.owl-nav button { border: 1px solid rgba(255, 255, 255, 0.7) !important; border-radius: 50% !important; height: 40px; width: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 0 10px; transition: all .4s; } + +.carousel-nav-s1 .owl-nav button { border-width: 0 !important; margin: 0; } + +.owl-nav button:focus { box-shadow: none; outline: none; } + +.owl-nav button.disabled { opacity: 0.4; } + +.owl-nav button:after { font-family: "themify"; font-size: 1rem; } + +.carousel-nav-s1 .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.carousel-nav-light .owl-nav { color: #fff; } + +.owl-prev:after { content: '\e64a'; } + +.owl-rtl .owl-prev:after { content: '\e649'; } + +.carousel-nav-s1 .owl-prev:after { content: '\f060'; } + +.carousel-nav-s1.owl-rtl .owl-prev:after { content: '\f061'; } + +.owl-next:after { content: '\e649'; } + +.owl-rtl .owl-next:after { content: '\e64a'; } + +.carousel-nav-s1 .owl-next:after { content: '\f061'; } + +.carousel-nav-s1.owl-rtl .owl-next:after { content: '\f060'; } + +.owl-dot { height: 6px; width: 12px; border-radius: 3px; display: inline-block; margin: 0 4px; transition: all .4s ease; background: rgba(57, 169, 255, 0.3) !important; } + +.owl-dot.active { background: rgba(57, 169, 255, 0.8) !important; width: 20px; } + +.owl-dot:focus { outline: none; } + +.owl-dots { text-align: center; } + +.carousel-shadow-fix .owl-stage-outer { margin: 0 -30px; margin-top: -20px; padding-left: 40px; } + +.carousel-shadow-fix.feature-carousel-center .owl-stage-outer { padding-left: 30px; } + +.carousel-shadow-fix.owl-rtl .owl-stage-outer { padding-left: 0; padding-right: 30px; } + +.carousel-shadow-fix .owl-item { padding: 20px 0 40px; } + +.carousel-shadow-fix .owl-item > div { transition: all .4s; opacity: 0; } + +.carousel-shadow-fix .owl-item.active > div { opacity: 1; } + +.carousel-shadow-fix .owl-item:not(.active) [class*='shadow'] { box-shadow: none !important; } + +.carousel-shadow-fix .owl-item .feature { margin-bottom: 0; } + +.ovm-line { position: relative; width: 64%; max-width: 1280px; height: 100%; margin-left: auto; margin-right: auto; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } + +.ovm-line:before, .ovm-line:after { position: absolute; content: ''; height: 100%; top: 0; left: 50%; transform: translateX(-50%); } + +.ovm-line:before { width: 1px; background: rgba(255, 255, 255, 0.05); } + +@media (min-width: 992px) { .ovm-line:after { width: 50%; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.nk-circle-animation { height: 300px; width: 300px; z-index: 1; } + +.nk-circle-animation + * { position: relative; z-index: 1; } + +.nk-circle-animation:before, .nk-circle-animation:after { position: absolute; content: ''; border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 50%; } + +.nk-circle-animation:before { top: 0; left: 0; bottom: 0; right: 0; border-top-color: #39a9ff; border-right-color: #39a9ff; animation: rotatecw 30s linear infinite 0s; } + +.nk-circle-animation:after { top: 25px; left: 25px; bottom: 25px; right: 25px; border-top-color: #39a9ff; border-bottom-color: #39a9ff; animation: rotateacw 24s linear infinite 0s; } + +.nk-circle-animation.small:before, .nk-circle-animation.small:after { border-width: 2px; } + +.nk-circle-animation.fast:before { animation: rotatecw 15s linear infinite 0s; } + +.nk-circle-animation.fast:after { animation: rotateacw 10s linear infinite 0s; } + +.nk-circle-animation.white:before { border-top-color: #fff; border-right-color: #fff; } + +.nk-circle-animation.white:after { border-top-color: #fff; border-bottom-color: #fff; } + +.nk-circle-animation.accent-alt:before { border-top-color: #ffc123; border-right-color: #ffc123; } + +.nk-circle-animation.accent-alt:after { border-top-color: #ffc123; border-bottom-color: #ffc123; } + +.nk-circle-pk { position: relative; height: 565px; width: 640px; } + +.nk-circle-pk [class*="line"] { position: absolute; top: 0; border-radius: 50%; border: 1px solid rgba(57, 169, 255, 0.2); height: 100%; width: calc(100% - 80px); } + +.nk-circle-pk .line-1 { left: 0; } + +.nk-circle-pk .line-2 { left: 20px; } + +.nk-circle-pk .line-3 { left: 45px; } + +.nk-circle-pk .line-4 { left: 65px; } + +.token-status .nk-circle-pk { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } + +@media (min-width: 576px) { .nk-circle-animation { height: 500px; width: 500px; overflow: hidden; } + .nk-circle-animation:after { top: 45px; left: 45px; bottom: 45px; right: 45px; } + .nk-circle-animation.small { height: 400px; width: 400px; } + .nk-circle-animation.small:after { top: 35px; left: 35px; bottom: 35px; right: 35px; } } + +@media (min-width: 992px) { .token-status .nk-circle-pk { display: block; } + .icon-bg { margin-right: 20px; } + .has-rtl .icon-bg { margin-right: 0px; margin-left: 20px; } } + +.circle-animation { position: absolute; height: 700px; width: 700px; top: -75px; left: 50%; transform: translateX(-50%); } + +.circle-animation .ca { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid rgba(99, 112, 151, 0.15); } + +.tc-light .circle-animation .ca { border-color: rgba(255, 255, 255, 0.1); } + +.circle-animation .ca-dot { position: absolute; height: 12px; width: 12px; border-radius: 50%; } + +.circle-animation .ca-color-1 { background: #86cfff; } + +.circle-animation .ca-color-2 { background: #859fff; } + +.circle-animation .ca-color-3 { background: #93a6ba; } + +.circle-animation-l1 { height: 100%; width: 100%; animation: rotatecw_alt 78s linear infinite 0s; } + +.circle-animation-l1-d1 { left: 23%; top: 6.35%; } + +.circle-animation-l1-d2 { right: 23%; top: 6.35%; } + +.circle-animation-l1-d3 { right: -7px; top: 50%; } + +.circle-animation-l1-d4 { right: 23%; bottom: 6.35%; } + +.circle-animation-l1-d5 { left: 23%; bottom: 6.35%; } + +.circle-animation-l1-d6 { left: -7px; top: 50%; } + +.circle-animation-l2 { height: 84.6%; width: 84.6%; border-radius: 50%; animation: rotateacw_alt 66s linear infinite 0s; } + +.circle-animation-l2-d1 { right: 4.9%; top: 25%; } + +.circle-animation-l2-d2 { left: 42%; top: -.6%; } + +.circle-animation-l2-d3 { left: -2px; top: 40%; } + +.circle-animation-l2-d4 { left: 24%; bottom: 5.5%; } + +.circle-animation-l2-d5 { right: 11.2%; bottom: 16%; } + +.circle-animation-l3 { height: 69.2%; width: 69.2%; animation: rotatecw_alt 54s linear infinite 0s; } + +.circle-animation-l3-d1 { left: 7.6%; top: 20%; } + +.circle-animation-l3-d2 { right: 24%; top: 5.2%; } + +.circle-animation-l3-d3 { right: -3px; bottom: 39%; } + +.circle-animation-l3-d4 { right: 37%; bottom: 0; } + +.circle-animation-l3-d5 { left: 8.4%; bottom: 19%; } + +@keyframes rotatecw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(360deg); } } + +@keyframes rotateacw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(-360deg); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.social li { text-align: center; display: inline-block; padding: 0 3px; } + +.social li:first-child { padding-left: 0; } + +.social li a { display: inline-flex; align-items: center; transition: all 0.3s; width: auto; } + +.social li a:hover { opacity: 1; transform: translateX(0); } + +.social li a:hover .social-icon { background: #39a9ff; color: #fff; } + +.tc-light .social li a:hover .social-icon { background: #ffc123; } + +.social li a:hover .social-icon + span { color: #fff; } + +.social-icon { width: 32px; height: 32px; line-height: 32px; border-radius: 50%; transition: 0.3s; color: #637097; background: #fff; } + +.tc-light .social-icon { color: #3455ff; background: #fff; } + +.social-icon-transparent { background: transparent; } + +.tc-light .social-icon-transparent { background: transparent; } + +.social-icon + span { display: none; margin-left: 8px; font-weight: 600; text-transform: uppercase; font-size: 12px; color: #39a9ff; transition: all 0.3s; } + +.social-bar { display: flex; flex-wrap: wrap; } + +.social-bar li { flex-grow: 1; text-align: center; line-height: 30px; } + +.social-bar li:not(:last-child) { border-right: 1px solid #f0f5fc; } + +.social-bar li span { font-size: 14px; text-transform: uppercase; } + +.social-bar li a, .social-bar li span { display: block; padding: 7px 10px; } + +.social-bar-title { width: 100%; border-bottom: 1px solid #f0f5fc; } + +@media (min-width: 576px) { .social-icon + span { display: inline-block; } + .social-bar li a, .social-bar li span { padding: 20px; } + .social-bar-title { width: auto; border-bottom: none; } } + +@media (min-width: 992px) { .social-bar li a { font-size: 20px; } + .social-bar li a, .social-bar li span { padding: 40px 20px; } } + +.language-switcher .toggle-tigger { color: #637097; position: relative; } + +.is-transparent:not(.has-fixed) .header-logo .language-switcher .toggle-tigger { color: #fff; } + +.language-switcher .toggle-tigger:not(.btn) { padding: 8px 15px 8px 10px; } + +.language-switcher .toggle-tigger:not(.btn):after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.language-switcher-s1 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s2 .toggle-tigger:after { right: 14px; } + +.language-switcher-s2 .toggle-tigger:not(.btn) { padding: 3px 26px 3px 16px; } + +.language-switcher-s3 { border-left: 1px solid rgba(255, 255, 255, 0.15); text-transform: uppercase; font-size: .88rem; margin-left: 15px; } + +.language-switcher-s3 .toggle-tigger:not(.btn) { padding: 2px 20px 2px 15px; } + +.language-switcher-s4 { position: relative; } + +@media (min-width: 992px) { .language-switcher-s4:after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; content: ''; background: rgba(255, 255, 255, 0.15); } } + +.language-switcher-s4 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s5 .toggle-tigger { font-size: 12px; font-weight: 500; text-transform: uppercase; } + +.language-flag { width: 24px; margin: 3px 8px 3px 0; } + +.language-flag-lg { width: 36px; } + +.gfx { max-width: 400px; } + +.gfx-auto { margin-left: auto; margin-right: auto; } + +.gfx-inherit { max-width: 420px; } + +.gfx-md { max-width: 380px; } + +@media (min-width: 768px) { .gfx { max-width: 500px; } + .gfx-inherit { max-width: 420px; } + .gfx-md { max-width: 380px; } } + +@media (min-width: 992px) { .gfx-re-s1 { margin: 0 -230px 0 0; } } + +@media (min-width: 1600px) { .gfx-re-lgl { margin-left: -188px; } + .gfx-re-lg { margin: 0 -168px 0 42px; } } + +@media (min-width: 1900px) { .gfx-re-lgl { margin-left: -315px; } + .gfx-re-lgr { margin-right: -315px; } + .gfx-re-mdl { margin-left: -230px; } + .gfx-re-lg { margin: 0 -200px 0 42px; } } + +.piller-one, .piller-two { position: absolute; z-index: -1; } + +.piller-one { width: 250px; top: 20%; right: 100%; margin-right: 65px; } + +.piller-two { width: 200px; left: 100%; top: 50%; margin-left: 40px; } + +.gfx-round-bg { min-width: 300px; min-height: 300px; background: #f3f5fd; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } + +.gfx-round-bg.after:after { position: absolute; content: ""; left: 44px; top: 0; width: 100%; height: 100%; border: 1px solid #ffc123; border-radius: 50%; } + +@media (min-width: 768px) { .gfx-round-bg { min-width: 400px; min-height: 400px; } } + +@media (min-width: 1200px) { .gfx-round-bg { min-width: 480px; min-height: 480px; } } + +@media (min-width: 1600px) { .gfx-round-bg { min-width: 600px; min-height: 600px; } } + +@media (min-width: 1900px) { .gfx-round-bg { min-width: 660px; min-height: 660px; } + .gfx-round-bg-md { min-width: 557px; min-height: 557px; } } + +/** 04. Components */ +/** 04.01 Tab */ +.tab-nav li a { display: block; padding: 12px 12px; line-height: 19px; font-weight: 400; color: rgba(55, 69, 116, 0.6); border-bottom: 1px solid rgba(219, 228, 247, 0.5); transition: all .4s; } + +.tab-nav li a:hover, .tab-nav li a.active { color: #2b4aed; } + +.tab-nav li a .fas, .tab-nav li a .far { margin-right: 10px; } + +.tab-nav-sap { flex-grow: 1; height: 2px; background: rgba(52, 85, 255, 0.4); align-self: center; margin: 0 -7px; } + +.tc-light .tab-nav-sap { background: rgba(52, 85, 255, 0.4); } + +.tab-nav-vr { display: block; } + +.tab-nav-vr li:not(:last-child) a { border-bottom: 1px solid rgba(219, 228, 247, 0.5); } + +.tab-nav-vr li:last-child a { border: none; } + +.tab-nav-vr li a { padding: 18px 20px; } + +.tc-light .tab-nav-vr li:not(:last-child) a { border-color: rgba(255, 255, 255, 0.07); } + +.tab-nav-s2 { margin: 0 -15px 15px; } + +.tab-nav-s2 li { padding: 0 15px; } + +.tab-nav-s2 li a { font-size: 18px; letter-spacing: 0.01em; text-transform: uppercase; padding: 12px 5px; border-bottom-color: transparent; } + +.tc-light .tab-nav-s2 li a { color: rgba(255, 255, 255, 0.5) !important; } + +.tab-nav-s2 li a:hover, .tab-nav-s2 li a.active { color: #39a9ff; border-bottom-color: #39a9ff; } + +.tab-nav-s2 li a .fas, .tab-nav-s2 li a .far { margin-right: 10px; } + +.tab-nav-s3 li a { border: none !important; border-radius: 3px; cursor: pointer; padding: 28px 30px; } + +.tab-nav-s3 li a [class*=title] { color: #374574; transition: all .4s; } + +.tc-light .tab-nav-s3 li a [class*=title] { color: #fff; } + +.tab-nav-s3 li a p { color: #637097; line-height: 1.6; } + +.tc-light .tab-nav-s3 li a p { color: rgba(255, 255, 255, 0.7); } + +.tab-nav-s3 li a.active { box-shadow: 0 3px 12px 0 rgba(55, 69, 116, 0.08); background: #fff; cursor: default; } + +.tab-nav-s3 li a.active [class*=title] { color: #39a9ff; } + +.tc-light .tab-nav-s3 li a.active { background: #2b4aed; } + +.bg-theme-alt .tab-nav-s3 li a.active { background: #1d36ba; } + +.tab-nav-s4 { border: none; padding: 5px; border-radius: 30px; display: inline-block; } + +.tab-nav-s4 li { display: inline-block; } + +.tab-nav-s4 li a { border: none; line-height: 24px; background: transparent; font-weight: 600; color: #fff; font-size: 11px; padding: 10px 22px; border-radius: 25px; font-weight: 600; display: inline-block; } + +.tab-nav-s4 li a.active { color: #1d36ba !important; background: #fff; } + +.tc-light .tab-nav-s4 li a.active:hover { color: tab_nav_s4_active_color !important; } + +.tc-light .tab-nav-s4 li a:hover { color: #fff !important; } + +.tab-nav-center { justify-content: center; } + +.tab-nav-bdr { border: 1px solid #dbe4f7; border-radius: 5px; } + +.tc-light .tab-nav-bdr { border-color: rgba(255, 255, 255, 0.07); background: rgba(255, 255, 255, 0.02); } + +.tab-nav-line { margin-bottom: 20px; border-bottom: 2px solid rgba(219, 228, 247, 0.5); text-align: center; justify-content: center; } + +.tab-nav-line li a { border-bottom: none; position: relative; } + +.tab-nav-line li a:after { position: absolute; width: 100%; height: 2px; left: 0; bottom: -2px; content: ''; background: #39a9ff; opacity: 0; transition: all .4s; } + +.tab-nav-line li a:hover, .tab-nav-line li a.active { color: #39a9ff; } + +.tab-nav-line li a.active:after { opacity: 1; } + +.tc-light .tab-nav-line { border-bottom-color: rgba(219, 228, 247, 0.5); } + +.tc-light .tab-nav li a:after { background: #39a9ff; } + +.tc-light .tab-nav li a:hover, .tc-light .tab-nav li a.active { color: #39a9ff !important; } + +.tab-nav-btn { margin: -7px -7px 8px; } + +.tab-nav-btn li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn li a { border-radius: 3px; color: #637097; background: rgba(29, 54, 186, 0.1); border-color: transparent; padding: 10px 18px; } + +.tc-light .tab-nav-btn li a { color: #637097; background: rgba(255, 255, 255, 0.1); border-color: transparent; } + +.tab-nav-btn li a:hover, .tab-nav-btn li a.active { color: #39a9ff !important; background: rgba(29, 54, 186, 0.1); } + +.tc-light .tab-nav-btn li a:hover, .tc-light .tab-nav-btn li a.active { color: #39a9ff !important; background: rgba(57, 169, 255, 0.1); } + +.tab-nav-btn-s2 li a:hover, .tab-nav-btn-s2 li a.active { color: #fff !important; background: #39a9ff; } + +.tc-light .tab-nav-btn-s2 li a:hover, .tc-light .tab-nav-btn-s2 li a.active { color: #39a9ff !important; background: rgba(29, 54, 186, 0.1); } + +.tab-nav-btn-bdr { margin: -7px; } + +.tab-nav-btn-bdr li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr li a { border-radius: 3px; color: #637097 !important; background: transparent; border: 1px solid !important; border-color: #637097 !important; } + +.tc-light .tab-nav-btn-bdr li a { color: #fff !important; background: transparent; border-color: rgba(52, 85, 255, 0.4) !important; } + +.tab-nav-btn-bdr li a:hover, .tab-nav-btn-bdr li a.active { color: #39a9ff !important; background: transparent; border-color: #39a9ff !important; } + +.tc-light .tab-nav-btn-bdr li a:hover, .tc-light .tab-nav-btn-bdr li a.active { color: #39a9ff !important; background: transparent; border-color: #39a9ff !important; } + +.tab-nav-btn-bdr-s2 { margin: -7px; } + +.tab-nav-btn-bdr-s2 li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr-s2 li a { text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; font-size: .88rem; padding: 14px 22px; border-radius: 6px; color: #637097 !important; background: transparent; border: 2px solid !important; border-color: rgba(52, 85, 255, 0.4) !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a { color: #fff !important; background: transparent; border-color: rgba(52, 85, 255, 0.4) !important; } + +.tab-nav-btn-bdr-s2 li a:hover, .tab-nav-btn-bdr-s2 li a.active { color: #39a9ff !important; background: transparent; border-color: #39a9ff !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a:hover, .tc-light .tab-nav-btn-bdr-s2 li a.active { color: #39a9ff !important; background: transparent; border-color: #39a9ff !important; } + +.tab-nav-grad li a { position: relative; } + +.tc-light .tab-nav-grad li a { background: rgba(255, 255, 255, 0.1); } + +.tab-nav-grad li a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: -1; border-radius: 3px; background: linear-gradient(-45deg, #1d36ba 0%, #2b4aed 100%); opacity: 0; transition: all .4s; } + +.tc-light .tab-nav-grad li a:before { background: linear-gradient(-45deg, #39a9ff 0%, #ffc123 100%) !important; } + +.tab-nav-grad li a:hover, .tab-nav-grad li a.active { color: #fff !important; background: transparent; } + +.tab-nav-grad li a:hover:before, .tab-nav-grad li a.active:before { opacity: 1; } + +.tc-light .tab-nav-grad li a:hover, .tc-light .tab-nav-grad li a.active { color: #fff !important; } + +.tab-pane { padding: 10px 0 0; } + +@media (min-width: 576px) { .tab-nav-line > li { flex-grow: 1; } + .tab-nav-s4 li a { font-size: 14px; padding: 13px 25px; } } + +/** 04.02 Accordion */ +.accordion-item { transition: all .4s; padding-bottom: 8px; } + +.accordion-item:not(:last-child) { border-bottom: 1px solid #dbe4f7; } + +.tc-light .accordion-item:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item:not(:last-child) { border-color: rgba(57, 169, 255, 0.3); } + +.accordion-item-s2 { border-width: 2px !important; border: 2px solid #dbe4f7; border-radius: 6px; } + +.tc-light .accordion-item-s2 { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2 { border-color: rgba(57, 169, 255, 0.3); } + +.accordion-item-s2.current { border-color: rgba(29, 54, 186, 0.5) !important; } + +.tc-light .accordion-item-s2.current { border-color: #39a9ff !important; } + +.accordion-item-s2:not(:last-child) { margin-bottom: 15px; } + +.tc-light .accordion-item-s2:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2:not(:last-child) { border-color: rgba(57, 169, 255, 0.3); } + +.accordion-item-s3 { border: none !important; border-radius: 6px; background: #fff; box-shadow: 0px 4px 6px 0px rgba(29, 54, 186, 0.07); } + +.bg-theme .accordion-item-s3, .tc-light .accordion-item-s3 { background: rgba(255, 255, 255, 0.05); box-shadow: none; } + +.has-bg-image .accordion-item-s3 { background: rgba(0, 13, 77, 0.7); box-shadow: none; } + +.accordion-item-s3:not(:last-child) { margin-bottom: 30px; } + +.accordion-item-s4 { background: rgba(29, 54, 186, 0.09); } + +.accordion-item-s4.current { background: rgba(29, 54, 186, 0.05); } + +.accordion-title { position: relative; color: #374574; font-weight: 400; cursor: pointer; padding: 22px 54px 14px 0; margin-bottom: 0; } + +.accordion-item-s2 .accordion-title { padding: 25px 54px 17px 30px; } + +.accordion-item-s3 .accordion-title { padding: 20px 54px 12px 30px; } + +.accordion-item-s4 .accordion-title { padding: 16px 54px 8px 30px; } + +.tc-light .accordion-title { color: #39a9ff; } + +.accordion-title-sm { font-size: 16px; } + +.accordion-title.collapsed { color: #637097; transition: all .4s; } + +.tc-light .accordion-title.collapsed { color: #fff; } + +.tc-light .accordion-title.collapsed:hover { color: #39a9ff; } + +.accordion-title.collapsed:hover { color: #374574; } + +.accordion-title.collapsed .accordion-icon:before { opacity: 0; } + +.accordion-title.collapsed .accordion-icon:after { opacity: 1; } + +.accordion-title.collapsed .accordion-icon-s2:after { transform: rotate(-180deg); } + +.accordion-icon { position: absolute; top: calc(50% + 4px); transform: translateY(-50%); right: 0; height: 36px; width: 36px; border-radius: 50%; background: #f3f5fd; } + +.current .accordion-icon { background: #f3f5fd; } + +.accordion-icon:before, .accordion-icon:after { line-height: 36px; color: #2b4aed; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; text-align: center; transition: all .4s; } + +.current .accordion-icon:before, .current .accordion-icon:after { color: #2b4aed; } + +.accordion-icon:before { content: '\f068'; opacity: 1; } + +.accordion-icon:after { content: '\f067'; opacity: 0; } + +.accordion-icon-s2 { background: #f3f5fd; } + +.accordion-icon-s2:after { font-family: "themify"; content: '\e648'; opacity: 1 !important; } + +.accordion-icon-s2:before { display: none; } + +.accordion-item-s2 .accordion-icon { right: 12px; } + +.accordion-item-s3 .accordion-icon { right: 18px; } + +.accordion-item-s4 .accordion-icon { right: 12px; } + +.tc-light .accordion-icon { background: rgba(57, 169, 255, 0.1); } + +.tc-light .accordion-icon:after, .tc-light .accordion-icon:before { color: #39a9ff; } + +.accordion-content { padding-bottom: 12px; padding-right: 46px; } + +.accordion-content p:last-child { margin-bottom: 0; } + +.accordion-item-s2 .accordion-content, .accordion-item-s3 .accordion-content, .accordion-item-s4 .accordion-content { padding-left: 30px; } + +.accordion-item-s4 .accordion-content { padding-bottom: 6px; } + +.accordion-faq { margin-top: -15px; } + +.accordion-header { padding: 20px; } + +.accordion-header p { margin-bottom: 0; } + +.accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: none; } + +.accordion-body { padding: 0 20px 30px; } + +.accordion-box:not(:last-child) { margin-bottom: 40px; } + +.border-b-none { border-bottom: 0px !important; } + +@media (min-width: 576px) { .accordion-title-sm { font-size: 18px; } + .accordion-header { padding: 20px 40px; } + .accordion-header p { margin-bottom: 0; } + .accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: block; } + .accordion-body { padding: 0 40px 40px; } } + +/** 04.03 Blocks */ +.nk-block { display: block; width: 100%; position: relative; z-index: 1; } + +.nk-block ~ .nk-block { padding-top: 40px; } + +.nk-block ~ .nk-block-team-list { padding-top: 60px; } + +.nk-block + .hr { margin-top: 40px; margin-bottom: 40px; } + +.section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + +.nk-block-lg + .nk-block { padding-top: 60px; } + +.nk-block-zero + .nk-block { padding-top: 0 !important; } + +.nk-block-text-head { padding-bottom: 35px; } + +.nk-block-img { position: relative; } + +.nk-block-img-plx { position: absolute; } + +.nk-block-img-s1 { position: relative; z-index: 99; margin-top: -71px; padding: 30px 50px; background: #fff; border-radius: 60px 60px 60px 200px; box-shadow: 0 15px 30px rgba(29, 54, 186, 0.1); } + +.nk-block-img-s2 img { max-width: 400px; width: 100%; } + +.nk-block-img-s3 img { max-width: 300px; width: 100%; } + +.nk-block-screen { padding: 70px 50px 100px 0; } + +.nk-block-screen img { border-radius: 3px; border: 1px solid #dfeaf8; } + +.nk-block-screen-small { position: absolute; right: 0; bottom: 0; max-width: 210px; } + +.nk-block-video { position: relative; border-radius: 4px; } + +.nk-block-ca { padding: 70px 20px; } + +.nk-block-plx { width: 300px; padding: 30px 10px; margin-left: auto; margin-right: auto; } + +.nk-block-contact-s1 { padding: 110px 0; position: relative; display: flex; align-items: center; justify-content: center; background: url(../images/dot-c.png) no-repeat; background-size: contain; background-position: 50% 50%; } + +.nk-block-m30, .nk-block-team-list, .nk-block-features { margin-bottom: -30px; } + +.nk-block-m40 { margin-bottom: -40px; } + +.nk-block-m50 { margin-bottom: -50px; } + +.nk-block .pagination { margin-top: 10px; } + +.nk-block-status + .nk-block-actions { padding-top: 80px; padding-bottom: 40px; } + +.nk-block-note { position: relative; background: rgba(0, 0, 0, 0.2); border-radius: 6px; margin-top: 40px; padding: 20px 25px 20px 65px; } + +.nk-block-note-s2 { background: rgba(255, 255, 255, 0.25); } + +.nk-block-note .icon { position: absolute; left: 15px; top: 50%; font-size: 30px; color: #39a9ff; transform: translateY(-50%); } + +.nk-block-shade { position: absolute; left: -120px; bottom: 65px; width: 100%; height: calc(100% - 130px); border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); opacity: .10; transform: skew(9deg); } + +.nk-block-shade:after { position: absolute; left: 50px; bottom: 50px; width: 100%; height: 100%; content: ''; border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.nk-block-shape-s1 { position: relative; z-index: 2; padding-top: 80px; padding-bottom: 100px; background: #1d36ba; } + +.nk-block-shape-s1:before, .nk-block-shape-s1:after { position: absolute; top: 0; height: 100%; content: ''; z-index: -1; background: #1d36ba; } + +.nk-block-shape-s1:before { left: -190px; width: 320px; border-radius: 100px 0 0 100px; transform: skew(9deg); } + +.nk-block-shape-s1:after { right: -280px; width: 370px; border-radius: 0 100px 100px 0; transform: skew(-7deg); } + +.nk-block-shape-s1.bg-theme-alt { background: #2b4aed; } + +.nk-block-shape-s1.bg-theme-alt:before, .nk-block-shape-s1.bg-theme-alt:after { background: #2b4aed; } + +.nk-block-shape-s1.bg-theme-dark { background: #000d4d; } + +.nk-block-shape-s1.bg-theme-dark:before, .nk-block-shape-s1.bg-theme-dark:after { background: #000d4d; } + +.nk-block-shape-s1.bg-theme-dark-alt { background: #00178c; } + +.nk-block-shape-s1.bg-theme-dark-alt:before, .nk-block-shape-s1.bg-theme-dark-alt:after { background: #00178c; } + +.nk-block-header { padding-top: 30px; padding-bottom: 30px; } + +.plx-screen { width: 80px; bottom: 0; left: 0; } + +.plx-circle-s1 { width: 80px; top: 10px; left: -5px; z-index: -1; animation: ani_cicle 4s infinite linear; } + +.plx-polygon-s1 { width: 70px; bottom: 15px; left: 40px; transform-origin: center; animation: ani_round 20s infinite linear; } + +.plx-triangle-s1 { width: 80px; bottom: 0; right: 0; animation: ani_round 30s infinite reverse linear; } + +@keyframes ani_round { 0% { transform: translate(0, 0) rotate(0deg); } + 25% { transform: translate(10px, 15px) rotate(90deg); } + 50% { transform: translate(0, 0) rotate(180deg); } + 75% { transform: translate(-10px, -15px) rotate(270deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +@keyframes ani_cicle { 0% { transform: translate(0, 0) rotate(0deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +.img-block-dot { background-image: url(../images/dot-a.png); background-position: top center; padding: 50px 0; margin-top: -40px; } + +@media (min-width: 576px) { .nk-block-screen { padding: 0 50px 100px 0; } + .nk-block-team-list { margin-bottom: -50px; } } + +@media (min-width: 576px) { .nk-block ~ .nk-block { padding-top: 60px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-lg + .nk-block { padding-top: 80px; } + .nk-block-ca { padding: 90px 20px; } + .nk-block-plx { padding: 60px; width: 100%; } + .nk-block-contact-s1 { padding: 180px 0; } + .nk-block-img-s1 { padding: 40px 70px; } + .nk-block-note { margin-top: 40px; padding: 20px 65px 20px 75px; } + .nk-block-note .icon { left: 20px; } + .nk-block-shape-s1 { padding-top: 150px; padding-right: 40px; padding-bottom: 150px; } + .plx-screen { width: 130px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 140px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 95px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 768px) { .nk-block-img-s2 img { max-width: 100%; } + .nk-block-ca { padding: 60px; } + .nk-block-plx { padding: 60px; } + .plx-screen { width: 160px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 160px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 125px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 992px) { .nk-block ~ .nk-block { padding-top: 100px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-status + .nk-block-actions { padding-top: 70px; padding-bottom: 40px; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-sm + .nk-block { padding-top: 70px; } + .nk-block-lg + .nk-block { padding-top: 100px; } + .nk-block-img-s1 { margin-right: -71px; } + .nk-block-img.edge-r1 { margin-right: -160px; } + .nk-block-img.edge-l1 { margin-left: -160px; } + .nk-block-img.edge-r2 { margin-right: -360px; } + .nk-block-img.edge-l2 { margin-left: -360px; } + .nk-block-img.edge-r3 { margin-right: -500px; } + .nk-block-img.edge-l3 { margin-left: -500px; } + .nk-block .pagination { margin-top: 30px; } } + +@media (min-width: 1200px) { .nk-block-lg + .nk-block { padding-top: 130px; } } + +.app-slide-wrap { position: relative; width: 230px; margin: 15px auto; } + +.app-slide-wrap:after { position: absolute; height: calc(100% + 80px); width: calc(100% + 96px); top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; background-image: url(../images/light-ix.png); } + +.app-slide img { border-radius: 4px; } + +/** 04.04 Box */ +.card { padding: 20px; background: #fff; border: none; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.02); } + +.card.card-s3 { padding: 30px 20px; } + +.card-full { height: calc(100% - 30px); } + +.card-full-lg { height: calc(100% - 80px); } + +.card.feature-s8 { padding: 35px 25px; } + +.card-s2 { padding: 55px 30px 110px; box-shadow: 0px 5px 46px rgba(43, 74, 237, 0.14); } + +.card-lg-y { box-shadow: 0px 20px 60px rgba(55, 69, 116, 0.1); } + +.card-s3 { box-shadow: 0px 5px 18px rgba(99, 112, 151, 0.2); } + +@media (min-width: 576px) { .card { padding: 30px; } + .card.card-s3 { padding: 30px; } + .card-md { padding: 40px 30px; } + .card-lg { padding: 45px 40px; } + .card.feature-s8 { padding: 45px 30px; } + .card-s2 { padding: 55px 30px 110px; } + .card-lg-y { padding: 70px 30px; } + .card-lg-xy { padding: 70px 55px; } } + +/** 04.05 Banner */ +.nk-banner { display: block; width: 100%; z-index: 5; position: relative; } + +.banner { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } + +.is-transparent .banner { padding-top: 60px; } + +.has-mask .banner { padding-bottom: 75px; } + +.has-mask .banner-page { padding-bottom: 40px; } + +.has-mask .banner-mask-fix { padding-bottom: 40px !important; } + +.has-mask .banner-inner { padding-bottom: 125px; } + +.header-banner-angled .banner { padding-bottom: 540px; } + +.header-banner-angled-s2 .banner { padding-bottom: 498px; } + +.banner-screen { position: absolute !important; z-index: 0 !important; left: 50%; right: 0; bottom: -8px; width: 320px; transform: translateX(-50%); } + +.banner-wrap { width: 100%; } + +.banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } + +.banner-gfx { position: relative; margin: -15px 0; } + +.banner-gfx-auto { margin: 0 auto !important; } + +.banner-gfx-re-s4 { margin: 0 -95px; } + +.banner-gfx-icon { position: absolute; width: 4.2%; top: 32%; } + +.banner-gfx-icon-1 { left: 43.75%; animation: jumping 1s linear 0s infinite alternate; } + +.banner-gfx-icon-2 { right: 40.25%; animation: jumping 1s linear .5s infinite alternate; } + +.banner-gfx-s2 { max-width: 280px; margin: 0 auto; } + +.banner-fs { min-height: calc(100vh - 90px); } + +.is-transparent .banner-fs { min-height: 100vh; } + +.banner-gap-b1 { padding-bottom: 50px; } + +.has-mask .banner-gap-b1 { padding-bottom: 75px; } + +.banner-gap-b2 { padding-bottom: 75px; } + +.has-mask .banner-gap-b2 { padding-bottom: 125px; } + +.banner-gap-b3 { padding-bottom: 75px; } + +.has-mask .banner-gap-b3 { padding-bottom: 120px; } + +.banner-gap-b4 { padding-bottom: 340px; } + +.has-mask .banner-gap-b4 { padding-bottom: 360px; } + +.banner-page .banner-wrap { padding: 40px 0; } + +.is-transparent .banner-page .banner-wrap { padding-top: 20px; } + +.banner-page .breadcumb { padding-top: 10px; } + +.banner-page-md { min-height: 340px; } + +.banner-page-lg { min-height: 460px; } + +.banner-caption:not([class*=wide]) { max-width: 720px; margin-left: auto; margin-right: auto; } + +.banner > .nk-block { position: relative; z-index: 2; } + +.banner-social { background: rgba(255, 255, 255, 0.2); border-radius: 25px; padding: 0px 20px; display: inline-block; } + +.banner-social-wrap { margin-top: 30px; } + +.banner-social li { padding: 13px 8px; display: inline-block; } + +.banner-social li a { color: #fff; text-align: center; line-height: 24px; width: 24px; display: block; } + +.banner-social li a:hover { opacity: .5; outline: none; transform: translateY(-3px); } + +.banner-with-token-box-s1 .banner-wrap { padding-bottom: 175px; } + +.banner-s1-overlay { position: relative; overflow: hidden; } + +.banner-s1-overlay:before, .banner-s1-overlay:after { position: absolute; content: ''; width: 875px; height: 300%; bottom: -100%; transform: rotate(-45deg); background: rgba(255, 255, 255, 0.02); z-index: -1; } + +.banner-s1-overlay:before { left: 50%; margin-left: -130px; } + +.banner-s1-overlay:after { right: 50%; margin-right: -110px; } + +.banner-s1 .title-xs { margin-bottom: 1.14rem; } + +.banner-inner { min-height: 500px; } + +@keyframes jumping { 0% { transform: translateY(5px); } + 100% { transform: translateY(-25px); } } + +.cpn { padding-top: 30px; padding-bottom: 30px; } + +.cpn-head, .cpn-action, .cpn-text { margin-top: 20px; } + +.cpn > *:first-child { margin-top: 0; } + +.cpn-head .title { font-size: 1.75rem; line-height: 1.3; } + +.cpn-head .title-lg { line-height: 1.3; font-weight: 700; } + +.cpn-text { font-weight: 300; font-size: 1.1rem; line-height: 1.8; margin-bottom: 25px; color: #637097; } + +.tc-light .cpn-text { color: #fff; } + +.cpn-text p { color: inherit !important; font-size: inherit !important; } + +.cpn-text-center { margin-left: auto; margin-right: auto; } + +.cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } + +.cpn-text .lead, .cpn-text .lead-light { font-size: 1.25rem; font-weight: 400; line-height: 1.7; } + +.cpn-text .lead-s2 { font-size: 1.3rem; font-weight: 400; line-height: 1.7; } + +.cpn-text .lead-s3 { font-size: 1.3rem !important; font-weight: 300; line-height: 1.7; } + +.cpn-text-light .lead, .cpn-text-light .lead-light { font-weight: 300; } + +.cpn-links { padding-top: 20px; margin-top: -10px; margin-bottom: -10px; margin-left: -15px; margin-right: -15px; } + +.cpn-action .cpn-links { padding-top: 0; } + +.cpn-links li { display: inline-block; padding: 10px 15px; font-weight: 500; } + +.cpn-links-s1 { display: flex; justify-content: space-around; align-items: center; padding: 0 50px; } + +.cpn-btns + .cpn-links { padding-top: 20px; } + +.cpn-links + .cpn-btns { padding-top: 20px; } + +.cpn-boxed { padding: 20px; background: rgba(0, 13, 77, 0.6); } + +.cpn-boxed:not([class*='radius']) { border-radius: 6px; } + +.cpn-social { margin-top: 30px; } + +@media (max-width: 575px) { .cpn-title .title { font-size: 1.75rem; line-height: 1.3; } } + +@media (min-width: 576px) { .banner-gap-b3 { padding-bottom: 120px; } + .has-mask .banner-gap-b3 { padding-bottom: 160px; } + .banner-screen { bottom: -40px; width: 100%; } + .banner-screen-right { bottom: -70px; width: 360px; } + .banner-fs .banner-wrap { padding-top: 70px; padding-bottom: 70px; } } + +@media (min-width: 768px) { .banner-gfx-re-s2 { margin: -50px 0 0; } + .has-mask .banner { padding-bottom: 160px; } + .has-mask .banner-page { padding-bottom: 80px; } + .banner-gap-b1 { padding-bottom: 75px; } + .has-mask .banner-gap-b1 { padding-bottom: 125px; } + .banner-gap-b2 { padding-bottom: 125px; } + .has-mask .banner-gap-b2 { padding-bottom: 200px; } + .banner-gap-b4 { padding-bottom: 340px; } + .has-mask .banner-gap-b4 { padding-bottom: 360px; } + .banner-page .banner-wrap { padding: 80px 0; } + .is-transparent .banner-page .banner-wrap { padding-top: 60px; } + .banner-page-md { min-height: 400px; } + .banner-page-lg { min-height: 580px; } + .banner-social-wrap { margin-top: 0; } + .banner-social-vertical { right: 60px; top: 50%; transform: translateY(-50%); position: absolute; z-index: 3; padding: 20px 0; margin-top: -30px; } + .banner-social-vertical li { display: block; padding: 8px 13px; } + .banner-with-token-box-s1.banner-fs { min-height: 92vh; } + .banner-with-token-box-s1 .banner-wrap { padding-bottom: 40px; } + .cpn-text, .cpn-action { margin-top: 20px; } + .cpn-text { margin-bottom: 15px; } + .cpn-btns { padding-top: 10px; } + .cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } } + +@media (min-width: 992px) { .is-transparent .banner { padding-top: 75px; } + .banner-gfx-re-s1 { margin: 0 -80px 0 -180px; } + .banner-gfx-re-s2 { margin: -50px -280px 0 -110px; } + .banner-gfx-re-s3 { margin: 0 -150px 0 -35px; } + .banner-gfx-re-s5 { margin: 0 -305px 0 0; } + .has-mask .banner { padding-bottom: 180px; } + .has-mask .banner-page { padding-bottom: 100px; } + .banner-gap-b3 { padding-bottom: 200px; } + .has-mask .banner-gap-b3 { padding-bottom: 220px; } + .banner-gap-b4 { padding-bottom: 60px; } + .has-mask .banner-gap-b4 { padding-bottom: 80px; } + .banner-screen-right { bottom: -45px; width: 100%; } + .has-mask .banner-pd-lg { padding-bottom: 225px; padding-top: 65px; } + .banner-inner { min-height: 600px; } + .cpn { max-width: 90%; } + .banner-page .cpn { max-width: 100%; } + .cpn-head, .cpn-action, .cpn-text { margin-top: 20px; } + .banner-s1 .cpn-head { margin-top: 0; } + .cpn-text { margin-bottom: 25px; max-width: 90%; } + .banner-s1 .cpn-text { margin-top: 20px; margin-bottom: 6px; } + .banner-s2 .cpn-text { margin-top: 20px; } + .cpn-text-s1 { margin-top: 20px; margin-bottom: 12px; } + .cpn-text-s2 { max-width: 100% !important; } + .cpn-text-s3 { margin-top: 10px; } + .cpn-btns, .cpn-links { padding-top: 20px; } + .cpn-action .cpn-btns, .cpn-action .cpn-links { padding-top: 0; } + .cpn-btns + .cpn-links { padding-top: 20px; } + .cpn-links + .cpn-btns { padding-top: 20px; } + .cpn-head .title { font-size: 2.125rem; } + .cpn-head .title-sm { font-size: 1.85rem; } + .cpn-head .title-md { font-size: 2.6rem; } + .cpn-head .title-lg { font-size: 4rem; } + .cpn-head .title-lg-s2 { font-size: 3rem; } + .cpn-head .title-lg-s3 { font-size: 2rem; } + .cpn-boxed { padding: 35px; } + .cpn-social { margin-top: 50px; } + .cpn-s2 { margin-top: -122px !important; padding-top: 0; } } + +@media (min-width: 1200px) { .banner-gfx-re-s1 { margin: 0 -380px 0 -180px; } + .banner-gfx-re-s2 { margin: 0 -330px 0 -110px; } + .banner-gfx-re-s5 { margin: 0 -515px 0 0; } + .banner-gfx-re-s7 { margin: 140px -505px -183px -290px; } + .banner-gfx-re-s7 + .abs-center { right: 15px; transform: translateY(-50%); left: auto; } + .banner-gap-b3 { padding-bottom: 290px; } + .has-mask .banner-gap-b3 { padding-bottom: 320px; } + .banner-screen-right { bottom: -90px; } + .banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } } + +@media (min-width: 1600px) { .banner-caption:not([class*=wide]) { max-width: 1080px; } + .banner-gfx-re-s2 { margin: -100px -480px 0 -110px; } + .banner-fs-lg { min-height: calc(100vh - 100px); } + .has-mask .banner-pd-lg { padding-bottom: 295px; padding-top: 65px; } + .cpn-head .title-lg-s3 { font-size: 3rem; } } + +@media (max-width: 991px) and (orientation: landscape) { .banner-gfx { margin-left: auto; margin-right: auto; max-width: 390px; } } + +@media (max-width: 767px) and (orientation: landscape) { .banner-gfx { max-width: 320px; } } + +@media (min-width: 992px) and (max-width: 1200px) and (orientation: portrait) { .banner-fs { min-height: calc(65vh - 90px); } + .is-transparent .banner-fs { min-height: 60vh; } } + +@media (max-width: 420px) { .cpn-btns .btn:not(.btn-with-icon) { font-size: 11px; padding: 8px 16px; } } + +.banner-y-pd { padding-top: 100px !important; padding-bottom: 124px !important; } + +.gfx-screen { position: absolute; top: 5px; left: 44px; width: calc(100% - 91px); height: calc(100% - 25px); } + +.gfx-screen .owl-stage-outer, .gfx-screen .owl-stage, .gfx-screen .owl-item, .gfx-screen .slides { height: 100%; width: 100%; border-radius: 6px; } + +.gfx-screen .flex-control-nav { position: absolute; right: -45px; top: 50%; transform: translateY(-50%); width: auto; height: fit-content; } + +.gfx-screen .flex-control-nav li { display: block; } + +.gfx-screen .flex-control-nav li a { width: 8px; height: 8px; border-radius: 50%; margin: 10px; box-shadow: none; border-radius: 50%; background: #d3d9ff !important; } + +.gfx-screen .flex-control-nav li a.flex-active { background: #ffc123 !important; } + +.gfx-slide, .gfx-slide-item { height: 100%; } + +.gfx-slide img { border-top-right-radius: 10px; border-top-left-radius: 10px; } + +.gfx-slide-item { width: 100%; } + +@media (min-width: 400px) { .gfx-screen { top: 8px; left: 57px; width: calc(100% - 117px); height: calc(100% - 35px); } + .gfx-screen .flex-control-nav { right: -46px; } + .banner-gfx-s2 { max-width: 350px; } } + +@media (min-width: 576px) { .gfx-screen { left: 63px; width: calc(100% - 130px); } + .gfx-screen .flex-control-nav { right: -53px; } + .banner-gfx-s2 { max-width: 100%; } } + +@media (min-width: 768px) { .gfx-screen { top: 9px; left: 73px; width: calc(100% - 150px); height: calc(100% - 44px); } + .gfx-screen .flex-control-nav { right: -65px; } } + +@media (min-width: 1200px) { .gfx-screen { top: 18px; left: 106px; width: calc(100% - 220px); height: calc(100% - 66px); } + .gfx-screen .flex-control-nav { right: -100px; } } + +@media (min-width: 1600px) { .gfx-screen { left: 135px; width: calc(100% - 279px); height: calc(100% - 81px); } + .gfx-screen .flex-control-nav { right: -128px; } } + +/** 04.06 Head */ +.section-head { position: relative; } + +.section-head:not([class*=pdb]) { padding-bottom: 40px; } + +.section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + +.section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + +.section-head p { color: #637097; } + +.tc-light .section-head p { color: #fff; } + +.section-head.tc-light p { color: #fff; } + +.section-head .title { font-weight: 500; } + +.section-head .title-thin { font-weight: 300; } + +.section-head .title:not(:last-child) { margin-bottom: .75rem; } + +.section-head .title-xs:not(:last-child) { margin-bottom: .5rem; } + +.section-head .title:before { position: absolute; left: 50%; top: 50%; content: attr(title); font-family: "Poppins", sans-serif; line-height: .9; text-transform: uppercase; white-space: nowrap; color: #374574; transform: translate(-50%, -50%); opacity: 0.06; } + +.tc-light .section-head .title:before { opacity: 0.06; } + +.section-head .title-s4 { text-transform: uppercase; padding: 30px 0; margin-bottom: 0; opacity: 1; position: relative; } + +.section-head .title-s4.title:before { font-size: 120px !important; font-weight: 700; } + +.section-head-s2 .title:before { font-size: 48px; background-image: linear-gradient(180deg, #637097 0%, #fff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.firefox .section-head-s2 .title:before { -webkit-text-fill-color: #000; } + +.firefox .tc-light .section-head-s2 .title:before { -webkit-text-fill-color: #fff; } + +.section-head-s3 { position: relative; } + +.section-head-s3:after, .section-head-s3:before { position: absolute; left: 50%; height: 1px; width: 110px; content: ""; transform: rotate(-45deg); z-index: -1; opacity: .4; } + +.section-head-s3:before { top: 60px; margin-left: -80px; background: #ffc123; } + +.tc-light .section-head-s3:before { background: #ffc123; } + +.section-head-s3:after { top: 5px; margin-left: -50px; background: #39a9ff; } + +.tc-light .section-head-s3:after { background: #39a9ff; } + +.section-head-line { position: absolute; height: 60px; width: 60px; left: 50%; top: 10px; opacity: .2; border-radius: 50%; background: transparent; transform: rotate(45deg) translate(-50%, 0); } + +.section-head-line .line-1, .section-head-line .line-2, .section-head-line .line-3, .section-head-line .line-4, .section-head-line .line-5, .section-head-line .line-6, .section-head-line .line-7, .section-head-line .line-8 { position: absolute; content: ""; border-radius: 50%; background: transparent; border-top: 1px solid #39a9ff; border-left: 1px solid #39a9ff; } + +.section-head-line .line-1 { top: -15px; left: -15px; height: 90px; width: 90px; } + +.section-head-line .line-2 { top: -30px; left: -30px; height: 120px; width: 120px; } + +.section-head-line .line-3 { top: -45px; left: -45px; height: 150px; width: 150px; } + +.section-head-line .line-4 { top: -60px; left: -60px; height: 180px; width: 180px; } + +.section-head-line .line-5 { top: -75px; left: -75px; height: 210px; width: 210px; } + +.section-head-line .line-6 { top: -90px; left: -90px; height: 240px; width: 240px; } + +.section-head-line .line-7 { top: -105px; left: -105px; height: 270px; width: 270px; } + +.section-head-line .line-8 { top: -120px; left: -120px; height: 300px; width: 300px; } + +@media (min-width: 576px) { .section-head:not([class*=pdb]) { padding-bottom: 50px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + .section-head .title:not(:last-child) { margin-bottom: 1.25rem; } + .section-head .title-xs:not(:last-child) { margin-bottom: .75rem; } + .section-head-s2 .title:before { font-size: 64px; } } + +@media (min-width: 992px) { .section-head:not([class*=pdb]) { padding-bottom: 60px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 40px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-s2 .title:before { font-size: 90px; } + .section-head-s2 .title-xl:before { font-size: 124px; } } + +.t-cap { text-transform: capitalize !important; } + +/** 04.07 Features */ +.feature { margin-bottom: 30px; display: block; } + +.feature-download { margin-bottom: 0; } + +.feature.card { height: calc(100% - 30px); } + +.feature-group .feature { margin-bottom: 0; } + +.feature-group { border-radius: 6px; } + +.feature-icon { position: relative; width: 60px; margin-bottom: 15px; flex-shrink: 0; margin-right: 12px; } + +.feature-icon-md { width: 40px; } + +.feature-icon-md-s2 { width: 80px; } + +.feature-icon-xl { width: 120px; } + +.feature-icon.dot:before { position: absolute; bottom: 0; right: 0; content: ''; height: 30px; width: 30px; border-radius: 50%; background: rgba(57, 169, 255, 0.5); z-index: 4; } + +.tc-light .feature-icon .icon { color: #39a9ff; } + +.feature-icon .icon { position: relative; font-size: 3.75rem; color: #2b4aed; z-index: 5; margin-left: -5px; } + +.feature-icon .icon.icon-circle { margin-left: 0; } + +.feature-icon .icon-xs { font-size: 1rem; } + +.feature-icon .icon-md { font-size: 2.75rem; } + +.feature-icon .icon-rg { font-size: 4.35rem; } + +.feature-icon .icon-lg { font-size: 5.75rem; } + +.feature-icon .icon-lg-s2 { font-size: 5rem; padding-top: 15px; } + +.feature-icon .icon-xl { font-size: 9rem; } + +.feature-icon .icon-grd { background-image: linear-gradient(-45deg, #39a9ff 0%, #ffc123 80%, #ffc123 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.feature-icon .icon-circle { position: relative; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #ffc123; border-radius: 50%; background-image: linear-gradient(-45deg, #39a9ff 0%, #ffc123 80%, #ffc123 100%); } + +.feature-icon .icon-circle:after { position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; content: ''; border-radius: 50%; background: #fff; z-index: -1; } + +.bg-theme .feature-icon .icon-circle:after { background: #1d36ba; } + +.bg-theme-alt .feature-icon .icon-circle:after { background: #2b4aed; } + +.bg-theme-dark .feature-icon .icon-circle:after { background: #000d4d; } + +.bg-theme-dark-alt .feature-icon .icon-circle:after { background: #00178c; } + +.feature-icon-s1 { text-align: center; margin-left: 10px; margin-bottom: 40px; } + +.feature-icon-s1:after { position: absolute; content: ""; left: 50%; top: 50%; width: 62px; height: 62px; border: 2px solid rgba(43, 74, 237, 0.2); transform: translate(-50%, -50%) rotate(45deg); border-radius: 8px; } + +.tc-light .feature-icon-s1:after { border: 2px solid rgba(43, 74, 237, 0.8); } + +.feature-icon-s1 .icon { margin-left: 0; line-height: 48px; } + +.feature-icon-s5 { width: 60px; height: 60px; text-align: center; line-height: 63px; border-radius: 50%; margin-bottom: 0; } + +.feature-icon-s5 .icon { font-size: 1rem; width: 40px; height: 40px; background: #fff; line-height: 40px; border-radius: 50%; text-align: center; border: 1px solid; border-color: currentColor; margin-left: 0; } + +.tc-light .feature-icon-s5 .icon { border-width: 0; } + +.feature-icon-s5-1 { background: rgba(43, 74, 237, 0.2); } + +.tc-light .feature-icon-s5-1 { background: rgba(43, 74, 237, 0.6); } + +.feature-icon-s5-1 .icon { color: #2b4aed; background: linear-gradient(-90deg, #fff 0%, #d0d6fb 100%); } + +.tc-light .feature-icon-s5-1 .icon { color: #2b4aed; } + +.feature-icon-s5-2 { background: rgba(255, 193, 35, 0.2); } + +.tc-light .feature-icon-s5-2 { background: rgba(255, 193, 35, 0.4); } + +.feature-icon-s5-2 .icon { color: #ffc123; background: linear-gradient(-90deg, #fff 0%, #fff3d6 100%); } + +.tc-light .feature-icon-s5-2 .icon { color: #ffc123; } + +.feature-icon-s5-3 { background: rgba(57, 169, 255, 0.2); } + +.tc-light .feature-icon-s5-3 { background: rgba(57, 169, 255, 0.4); } + +.feature-icon-s5-3 .icon { color: #39a9ff; background: linear-gradient(-90deg, #fff 0%, #ecf7ff 100%); } + +.tc-light .feature-icon-s5-3 .icon { color: #39a9ff; } + +.feature-icon-s5-4 { background: rgba(230, 96, 74, 0.2); } + +.tc-light .feature-icon-s5-4 { background: rgba(230, 96, 74, 0.4); } + +.feature-icon-s5-4 .icon { color: #e97460; background: linear-gradient(-90deg, #fff 0%, #fceae7 100%); } + +.tc-light .feature-icon-s5-4 .icon { color: #e97460; } + +.feature-icon-s6 { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(to right, #39a9ff 0%, #ffc123 100%); text-align: center; line-height: 60px; } + +.feature-icon-s6 .icon { font-size: 40px; color: #fff; opacity: 0.8; line-height: 60px; margin-left: 0; } + +.tc-light .feature-icon-s6 .icon { color: #fff; } + +.feature-icon-s6-bg { width: 60px; height: 60px; border-radius: 50%; background: rgba(57, 169, 255, 0.2); text-align: center; line-height: 60px; } + +.feature-icon-s6-bg .icon { font-size: 40px; color: #39a9ff; line-height: 60px; margin: 0 auto; } + +.feature-icon-s7 { width: 65px; height: 65px; border-radius: 50%; text-align: center; line-height: 65px; background: #39a9ff; } + +.feature-icon-s7 .icon { font-size: 30px; margin-left: 0; line-height: inherit; color: #fff; } + +.tc-light .feature-icon-s7 .icon { color: #fff; } + +.feature-icon-s8 { width: 90%; } + +.text-center .feature-icon-s8 { margin-left: auto; margin-right: auto; } + +.feature-icon-auto { width: auto; } + +.feature-icon-lg { width: 160px; margin-top: -15px; margin-bottom: 5px !important; } + +.feature-icon-lg-s1 { width: 110px; margin-top: -10px; margin-bottom: 5px !important; } + +.feature-icon-lg-s2 { width: 130px; margin-top: -12px; margin-bottom: 5px !important; } + +.feature-icon-lg-s3 { width: 95px; margin-top: -8px; margin-bottom: 20px !important; } + +.feature-icon-lg + .feature-text-s8 { padding-top: 25px; } + +.feature-icon-sm { width: 60px; } + +.feature-icon-bg { margin: 0; position: absolute; right: -15px; bottom: -15px; width: 121px; height: 121px; margin: 0; background: rgba(57, 169, 255, 0.15); border-radius: 50%; box-shadow: 0px 0px 0px 10px rgba(57, 169, 255, 0.06); text-align: center; line-height: 104px; } + +.feature-icon-bg img { max-width: 60px; } + +.feature-icon-bg-grd { background-position: center center; background-size: contain; min-height: 135px; min-width: 230px; text-align: center; display: flex; align-items: center; justify-content: center; } + +.feature-icon-bg-grd-s1 { background-image: url(../../images/icons/icon-bg-a.png); } + +.feature-icon-bg-grd-s1 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s2 { background-image: url(../../images/icons/icon-bg-a2.png); } + +.feature-icon-bg-grd-s2 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s3 { background-image: url(../../images/icons/icon-bg-a3.png); } + +.feature-icon-bg-grd-s3 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-inline { display: flex; } + +.feature-inline.card { flex-direction: row; } + +.feature-middle { align-items: center; } + +.feature-middle .feature-icon { margin-bottom: 0; margin-right: 15px; display: inline-flex; align-items: center; } + +.feature-img { border-radius: 4px; } + +.feature-image { padding-bottom: 15px; } + +.feature-image img { height: 55px; width: auto !important; } + +.feature-center .feature-image img { margin-left: auto; margin-right: auto; } + +.feature-text p:last-child { margin-bottom: 0; } + +.feature-text-s8 .title-s5 { margin-bottom: 20px; } + +.feature-text-s1 .title-xs-alt { color: #374574; line-height: 1.4; display: inline-block; } + +.feature-center { text-align: center; } + +.feature-center .feature-icon { margin-left: auto; margin-right: auto; } + +.feature-center .feature-icon .icon { margin-left: 0; } + +.feature-s1 { display: flex; margin-bottom: 0; align-items: center; padding-right: 20px; } + +.feature-s1.boxed { height: 100%; border-radius: 4px; } + +.feature-s1.bordered { border: 2px solid rgba(43, 74, 237, 0.2); } + +.feature-s1-1.bordered { border-color: rgba(43, 74, 237, 0.2); } + +.feature-s1-2.bordered { border-color: rgba(255, 193, 35, 0.2); } + +.feature-s1-3.bordered { border-color: rgba(57, 169, 255, 0.2); } + +.feature-s1-4.bordered { border-color: rgba(230, 96, 74, 0.2); } + +.feature-s3 { margin-bottom: 0; } + +.feature-s3.card { padding: 30px 30px 40px; margin-bottom: 0; height: 100%; } + +.feature-s3-alt { position: relative; padding: 0; padding-bottom: 25px !important; } + +.feature-s3-alt .title-md { margin-bottom: 0.6rem; } + +.feature-s3-alt:not(:last-child):before { position: absolute; content: ""; left: 30px; top: 20px; width: 1px; background: #39a9ff; height: 100%; } + +.feature-s4 .title { padding-top: 15px; } + +.feature-s6 { margin-bottom: 0; } + +.feature-s7 { margin-bottom: 50px; } + +.feature-s8.card { height: calc(100% - 40px); } + +.feature-s8-alt { padding-top: 50px; margin-top: 50px; } + +.feature-s8-alt .feature-icon { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); } + +.feature-s8-alt.card { height: calc(100% - 90px); } + +.feature-s10 { padding: 30px 30px 30px 25px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); } + +.feature-s10-left { margin-right: 20px; padding-bottom: 60px; } + +.feature-s10-right { margin-left: 20px; margin-top: -35px; } + +.feature-s10 .title-sm { margin-bottom: 1.2rem; } + +.feature-s11 { flex-wrap: wrap; align-items: flex-start; margin-bottom: 0; } + +.feature-s11 .list { margin-left: 20px; } + +.feature-s12 { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; } + +.feature-slider-dots { display: flex; justify-content: center; margin-bottom: 40px; } + +.feature-slider-dot { position: relative; height: 46px; width: 46px; flex-grow: 0; flex-shrink: 0; border-radius: 4px; padding: 5px; text-align: center; background: #a992ea; cursor: pointer; color: #6a55ea; box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15); transition: all .4s ease; margin: 0 8px; border: none; } + +.tc-light .feature-slider-dot { background: #9e90f1; } + +.feature-slider-dot:focus, .feature-slider-dot:active { outline: none; } + +.feature-slider-dot.active { background: #6a55ea; } + +.feature-slider-dot:after { position: absolute; top: 50%; left: 100%; height: 2px; content: ''; width: 100%; background: url(../images/line.png) repeat 0 0; z-index: -1; animation: slide 1s linear infinite; } + +.feature-slider-dot:last-child:after { display: none; } + +.feature-slider-dot:nth-child(2) { color: #2bc9b4; background: #def7f3; } + +.tc-light .feature-slider-dot:nth-child(2) { background: #8de7db; } + +.feature-slider-dot:nth-child(2).active { background: #2bc9b4; } + +.feature-slider-dot:nth-child(3) { color: #49adf3; background: #dbeffd; } + +.tc-light .feature-slider-dot:nth-child(3) { background: #9fd4f9; } + +.feature-slider-dot:nth-child(3).active { background: #49adf3; } + +.feature-slider-dot:nth-child(4) { color: #f2801c; background: #fce6d2; } + +.tc-light .feature-slider-dot:nth-child(4) { background: #f9c395; } + +.feature-slider-dot:nth-child(4).active { background: #f2801c; } + +.feature-slider-dot:nth-child(5) { color: #ea64c6; background: #fbe0f4; } + +.tc-light .feature-slider-dot:nth-child(5) { background: #f29edb; } + +.feature-slider-dot:nth-child(5).active { background: #ea64c6; } + +.feature-slider-dot .ikon { font-size: 28px; line-height: 35px; width: 35px; border-radius: 50%; background: #fff; display: block; } + +.feature-slider-dot-s1 { border-radius: 50%; padding: 0; } + +.feature-slider-dot-s1.active:before { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(132, 132, 164, 0.35); animation: 1.5s linear 0s normal none infinite focuse; } + +.feature-slider-dot-s1.active .ikon { background: transparent; color: #fff; } + +.feature-slider-dot-s1 .ikon { line-height: 46px; width: 46px; } + +.feature-document { padding: 0 27px; max-width: 280px; margin-left: auto; margin-right: auto; } + +.feature-document-s2 { margin: 0 0 20px 20px; position: relative; border-radius: 6px; min-height: 140px; padding: 25px 20px 20px 95px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); } + +.tc-light .feature-document-s2 { background: #2b4aed; } + +.feature-document-img { padding-right: 25px; position: relative; z-index: 1; } + +.feature-document-img-s2 { position: absolute; top: 20px; left: -20px; width: 100px; } + +.feature-document-img-s2 img { border-radius: 4px; } + +.feature-document-img img { border: 2px solid #fff; box-shadow: 0px 0px 12px 0px rgba(57, 169, 255, 0.15); position: relative; z-index: 2; border-radius: 5px; } + +.tc-light .feature-document-img img { border-width: 0; box-shadow: 0px 0px 12px 0px rgba(0, 13, 77, 0.25); } + +.feature-document-img:before { position: absolute; right: 0; content: ''; top: 40px; width: 40px; height: calc(100% - 70px); z-index: 1; background: #fff; box-shadow: 0px 5px 20px 0px rgba(57, 169, 255, 0.07); z-index: -1; } + +.tc-light .feature-document-img:before { background: rgba(57, 169, 255, 0.75); box-shadow: 0px 5px 20px 0px rgba(0, 13, 77, 0.15); } + +.feature-document-text { justify-content: space-between; display: flex; padding-top: 18px; align-items: center; } + +.feature-document-text-s2 { color: #637097; margin-bottom: 14px; font-weight: 600; } + +.tc-light .feature-document-text-s2 { color: #fff; } + +.feature-document-text .drop-wrap { padding-bottom: 5px; } + +.feature-document-info span { display: block; line-height: 1; font-size: 13px; font-weight: 400; opacity: .5; } + +.feature-document-link { display: block; margin-top: 6px; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; color: #fff; background: #ffc123; } + +.feature-document-link:hover, .feature-document-link:active, .feature-document-link:focus { background: #39a9ff; color: #fff; } + +.tc-light .feature-document-link:hover, .tc-light .feature-document-link:active, .tc-light .feature-document-link:focus { background: #39a9ff; color: #fff; } + +.feature-document-link-s2 li { display: inline-block; margin: 0 2px 5px; } + +.feature-document-link-s2 li a { padding: 0 10px; display: inline-block; line-height: 21px; border: 2px solid #fff; border-radius: 4px; font-size: .86em; font-weight: 500; color: #39a9ff; } + +.tc-light .feature-document-link-s2 li a { color: #fff !important; border: 2px solid #fff; } + +.feature-reverse { flex-direction: row-reverse; text-align: right; } + +.feature-serial { font-size: 100px; font-weight: 700; line-height: normal; color: rgba(55, 69, 116, 0.2); } + +@keyframes focuse { 0% { transform: scale(0.8); + opacity: 1; } + 75% { transform: scale(1.2); + opacity: 0; } + 100% { transform: scale(1.2); + opacity: 0; } } + +@keyframes slide { from { background-position: 0 0; } + to { background-position: 40px 0; } } + +.boxed { padding: 15px 20px; } + +.boxed-xs { padding: 18px; } + +.boxed-sm { padding: 30px 25px; } + +.boxed-lg { padding: 30px 25px; } + +.boxed-xl { padding: 30px 25px; } + +@media (max-width: 575px) { .boxed.contact-form { padding: 20px; } + .feature-icon-s8 img { max-width: 220px; } } + +@media (min-width: 480px) { .feature-s10 { padding: 40px 90px 50px 35px; } + .feature-s10-left { margin-right: 45px; padding-bottom: 90px; } + .feature-s10-right { margin-left: 45px; margin-top: -45px; } + .feature-s11 { flex-wrap: nowrap; } } + +@media (min-width: 576px) { .feature.card { height: calc(100% - 30px); } + .feature-icon { margin-bottom: 20px; margin-right: 20px; } + .card-s3 .feature-icon { margin-right: 30px; } + .feature-sm-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-icon-s1 { margin-bottom: 40px; } + .feature-icon-s5 { margin-bottom: 0; } + .feature-icon-s7 { margin-right: 30px; } + .feature-sm-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-icon-bg { right: -40px; bottom: -40px; } + .has-rtl .feature-icon-bg { right: auto; left: -40px; } + .feature-icon-bg-grd { margin-bottom: 35px; } + .feature-s2 { display: flex; align-items: flex-start; } + .feature-s3 { margin-bottom: 0; padding: 0 30px; } + .feature-s3.card { margin-bottom: 0; height: 100%; } + .feature-s3-alt { padding: 0; } + .feature-s6 { padding-bottom: 145px; } + .feature-s6:before, .feature-s6:after { position: absolute; left: 50%; content: ''; transform: translateX(-50%); } + .feature-s6:before { bottom: 0; width: 2px; height: 95px; background: #dbe4f7; border-radius: 2px; } + .tc-light .feature-s6:before { background: rgba(255, 255, 255, 0.8); } + .feature-s6:after { bottom: 94px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #dbe4f7; background: #39a9ff; } + .tc-light .feature-s6:after { border-color: #fff; } + .feature-s8.card { height: calc(100% - 40px); } + .feature-s8-alt.card { height: calc(100% - 80px); } + .feature-s12 { flex-wrap: nowrap; } + .feature-slider-dot { height: 76px; width: 76px; padding: 10px; margin: 0 20px; } + .feature-slider-dot .ikon { font-size: 38px; line-height: 56px; width: 56px; } + .feature-slider-dot-s1 { padding: 0; } + .feature-slider-dot-s1 .ikon { font-size: 48px; line-height: 76px; width: 76px; } + .feature-sm-reverse { flex-direction: row-reverse; text-align: right; } + .boxed { padding: 40px 50px; } + .boxed-xs { padding: 18px; } + .boxed-sm { padding: 35px 25px; } + .boxed-md { padding: 40px 30px; } + .boxed-lg { padding: 45px 40px; } + .feature-icon-lg-s3 { margin-bottom: 5px !important; } } + +.link-feature-s1 { position: absolute; bottom: -40px; left: 50%; opacity: 0; transform: translate(-50%, 0); } + +.feature:hover .link-feature-s1 { bottom: -25px; opacity: 1; } + +@media (min-width: 768px) { .feature-s10 { padding: 40px 45px 50px 35px; } + .feature-s10-left { margin-right: -22.5px; margin-top: 60px; padding-bottom: 50px; } + .feature-s10-right { margin-left: -22.5px; margin-bottom: 60px; margin-top: 0; } + .feature-carousel-s1 .owl-nav { position: absolute; bottom: 35px; right: 15px; } + .feature-md-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-md-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-md-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (min-width: 992px) { .feature-s6-1 { padding-top: 197px; } + .feature-s6-2 { padding-top: 73px; } + .feature-s6-3 { padding-top: 0; } + .feature-s6-4 { padding-top: 184px; } + .feature-s10 { padding: 40px 240px 50px 50px; } + .feature-s10-left { margin-right: -95px; margin-top: 80px; } + .feature-s10-right { margin-left: -95px; } + .feature-text-s2 { padding: 0 0 0 45px; } + .feature-text-wd p { width: 72%; } + .feature-s11 { margin-top: 15px; margin-bottom: 15px; } + .feature-s12 { align-items: flex-start; } + .feature-lg-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-lg-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-lg-reverse { flex-direction: row-reverse; text-align: right; } + .boxed-xs { padding: 18px; } + .boxed-md { padding: 45px 40px; } + .boxed-lg { padding: 55px 60px; } + .boxed-xl { padding: 65px 60px; } } + +@media (min-width: 1200px) { .feature-text-s2 { padding: 0 65px 0 45px; } + .feature-text-wd p { width: 60%; } + .feature-xl-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-xl-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-xl-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (max-width: 991px) { .feature-icon-s1 { margin: 0 auto 40px; } } + +.feature-icon-btc .icon { color: #ffba00; } + +.feature-icon-eth .icon { color: #6a7aa2; } + +.feature-icon-ltc .icon { color: #adadad; } + +.feature-icon-xrp .icon { color: #2f3135; } + +.feature-icon-dash .icon { color: #1174bc; } + +.feature-icon-monero .icon { color: #ff6600; } + +.feature-currency .title { color: #637097 !important; } + +.feature-pd-lg { padding: 50px 30px; } + +.owl-item.active .feature { opacity: 0.8 !important; } + +.owl-item.active.center .feature { transition: 0.3s; opacity: 1 !important; } + +.feature-img-xl { max-width: 176px; margin: 0 auto; } + +@media (min-width: 992px) { .feature.center-lg { transform: scale(1.2); } } + +/** 04.08 Roadmap */ +.roadmap { position: relative; z-index: 10; padding-bottom: 30px; } + +.roadmap-carousel .roadmap { padding-bottom: 0; } + +.roadmap-s1:before, .roadmap-s1:after { position: absolute; content: ""; left: -1px; height: 50%; border-left-width: 3px; border-left-style: solid; border-color: #dbe4f7; } + +.tc-light .roadmap-s1:before, .tc-light .roadmap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + +.roadmap-s1:before { height: 45px; top: 0; } + +.flex-row-reverse .roadmap-s1:before { right: auto; } + +.roadmap-s1:after { height: calc(100% - 45px); right: auto; top: 45px; } + +.roadmap-s1-alt:before, .roadmap-s1-alt:after { left: 1px; border-left-width: 1px; border-left-style: dashed; } + +.tc-light .roadmap-s1-alt:before, .tc-light .roadmap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + +.flex-row-reverse .roadmap-s1-alt:before, .flex-row-reverse .roadmap-s1-alt:after { right: auto; left: 1px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-current:before { top: 0; } + +.roadmap-s1-alt.roadmap-done:after, .roadmap-s1-alt.roadmap-current:after { top: 45px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1-alt.roadmap-current:before { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1.roadmap-done:before, .roadmap-s1.roadmap-done:after { border-color: #39a9ff; } + +.roadmap-s1.roadmap-current:before { border-color: #39a9ff; } + +.roadmap-s2 { text-align: center; } + +.roadmap-s2:before, .roadmap-s2:after { position: absolute; content: ''; transition: width .3s; } + +.roadmap-s2:before { width: 0; height: 4px; background: #39a9ff; left: 0; top: 55px; } + +.tc-light .roadmap-s2:before { background: #39a9ff; } + +.roadmap-s2:after { left: 50%; top: 49px; transform: translateX(-50%); height: 16px; width: 16px; border-radius: 50%; border: 3px solid #dbe4f7; background: #fff; } + +.tc-light .roadmap-s2:after { border-color: #5b77a3; background: #1d36ba; } + +.roadmap-s2.roadmap-finished:after, .roadmap-s2.roadmap-running:after { background: #39a9ff; border: 2px solid #fff; } + +.tc-light .roadmap-s2.roadmap-finished:after, .tc-light .roadmap-s2.roadmap-running:after { background: #39a9ff; border-color: #fff; } + +.roadmap-s2.roadmap-finished:before { width: 100%; } + +.roadmap-s2.roadmap-running:before { width: 50%; } + +.roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(255, 193, 35, 0.1); } + +.tc-light .roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1); } + +.roadmap-s5 { width: 100%; } + +.roadmap-s5:last-child { padding-bottom: 30px; } + +.roadmap-s6 { padding-top: 65px; margin-top: 15px; } + +.roadmap-s6:before { position: absolute; content: ""; top: 0; left: -6px; width: calc(100% + 30px); height: 1px; z-index: 2; background: #fff; } + +.roadmap-s6:after { position: absolute; content: ""; top: 0; right: 50%; width: 19px; height: 19px; z-index: 3; border: 1px solid #fff; border-radius: 50%; transform: translate(50%, -50%); background: #fff; } + +.tc-light .roadmap-s6:after { background: #1d36ba; } + +.roadmap-s6.roadmap-done:after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; line-height: 17px; text-align: center; color: #fff; background: #39d884; } + +.roadmap-s6-1-2:before { background: linear-gradient(90deg, #39a9ff 0%, #ffc123 100%); } + +.roadmap-s6-1-2:after { border-color: #ffc123; } + +.roadmap-s6-1-2 .roadmap-head-s6:after { background: #ffc123; } + +.roadmap-s6-2-1:before { background: linear-gradient(90deg, #ffc123 0%, #39a9ff 100%); } + +.roadmap-s6-2-1:after { border-color: #39a9ff; } + +.roadmap-s6-2-1 .roadmap-head-s6:after { background: #39a9ff; } + +.roadmap-s6-2-3:before { background: linear-gradient(90deg, #ffc123 0%, #2b4aed 100%); } + +.roadmap-s6-2-3:after { border-color: #2b4aed; } + +.roadmap-s6-2-3 .roadmap-head-s6:after { background: #2b4aed; } + +.roadmap-s6-3-2:before { background: linear-gradient(90deg, #2b4aed 0%, #ffc123 100%); } + +.roadmap-s6-3-2:after { border-color: #ffc123; } + +.roadmap-s6-3-2 .roadmap-head-s6:after { background: #ffc123; } + +.roadmap-s6-3-1:before { background: linear-gradient(90deg, #2b4aed 0%, #39a9ff 100%); } + +.roadmap-s6-3-1:after { border-color: #39a9ff; } + +.roadmap-s6-3-1 .roadmap-head-s6:after { background: #39a9ff; } + +.roadmap-s6-1-3:before { background: linear-gradient(90deg, #39a9ff 0%, #2b4aed 100%); } + +.roadmap-s6-1-3:after { border-color: #2b4aed; } + +.roadmap-s6-1-3 .roadmap-head-s6:after { background: #2b4aed; } + +.roadmap-slider { position: relative; } + +.roadmap-text { max-width: 265px; margin-left: auto; margin-right: auto; } + +.roadmap-wrap { position: relative; padding: 40px 0 10px; margin-bottom: 40px; max-width: 430px; margin-left: auto; margin-right: auto; } + +.nk-block-left .roadmap-wrap { margin-left: 0; margin-right: 0; } + +.roadmap-wrap:before, .roadmap-wrap:after { position: absolute; content: ''; top: 0; bottom: 0; z-index: 7; } + +.roadmap-wrap-ovl-right:after { right: 0; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-light .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(243, 245, 253, 0.8) 25%, #f3f5fd 60%, #f3f5fd 100%); } + +.bg-light-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(247, 248, 255, 0.8) 25%, #f7f8ff 60%, #f7f8ff 100%); } + +.bg-white .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-theme .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(29, 54, 186, 0.8) 25%, #1d36ba 60%, #1d36ba 100%); } + +.bg-theme_alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(43, 74, 237, 0.8) 25%, #2b4aed 60%, #2b4aed 100%); } + +.bg-theme-dark .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 13, 77, 0.8) 25%, #000d4d 60%, #000d4d 100%); } + +.bg-theme-dark-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 23, 140, 0.8) 25%, #00178c 60%, #00178c 100%); } + +.roadmap-wrap-s1 { padding-bottom: 0; padding-top: 0; max-width: 90%; } + +.roadmap-wrap-s5 { display: flex; flex-wrap: wrap; padding: 40px 0 0; } + +.roadmap-wrap-s5:before { position: absolute; content: ""; left: 0; width: 1px; height: calc(100% + 30px); background: #39a9ff; } + +.roadmap-line { position: absolute; left: 19px; top: 0; background: #c1cef1; height: 100%; width: 2px; content: ''; z-index: 9; } + +.roadmap-line:after, .roadmap-line:before { position: absolute; background: #c1cef1; height: 10px; width: 10px; border-radius: 50%; content: ''; left: -4px; } + +.roadmap-line:before { top: 0; } + +.roadmap-line:after { bottom: 0; } + +.tc-light .roadmap-line { background: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-line:after, .tc-light .roadmap-line:before { background: #39a9ff; } + +.bg-theme-dark .roadmap-line { background: #2b4aed; } + +.bg-theme-dark .roadmap-line:after, .bg-theme-dark .roadmap-line:before { background: #39a9ff; } + +.bg-theme .roadmap-line { background: #2b4aed; } + +.bg-theme .roadmap-line:after, .bg-theme .roadmap-line:before { background: #39a9ff; } + +.roadmap-line-s2 { position: absolute; width: 100%; height: 4px; background: #dbe4f7; content: ''; top: 95px; border-radius: 2px; left: 0; } + +.tc-light .roadmap-line-s2 { background: #5b77a3; } + +.roadmap-line-s3:before, .roadmap-line-s3:after { display: none; } + +.roadmap-year { border-radius: 50%; color: #fff; background: #1d36ba; height: 50px; width: 50px; text-align: center; line-height: 50px; font-weight: 700; font-size: 12px; position: relative; left: -5px; } + +.tc-light .roadmap-year { background: #39a9ff; } + +.bg-theme .roadmap-year, .bg-theme-dark .roadmap-year { background: #39a9ff; } + +.roadmap-year-s2 { padding-bottom: 65px; } + +.roadmap-step { border: 2px solid #dbe4f7; border-radius: 5px; position: relative; margin-left: 50px; padding: 20px 20px 15px; position: relative; max-width: 380px; } + +.bg-light .roadmap-step { background: #fff; } + +.roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + +.roadmap-step:before { height: 18px; width: 18px; border-radius: 50%; border: 5px solid #fff; background: #1d36ba; left: -41px; top: 34px; z-index: 1; } + +.roadmap-step:after { height: 2px; width: 22px; background: #dbe4f7; left: -22px; top: 42px; } + +.roadmap-step p:last-child { margin-bottom: 0; } + +.roadmap-step-list li:before { background: #637097; } + +.tc-light .roadmap-step-list li:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-step-list-s1 li { list-style: none; padding: 8px 0; position: relative; } + +.roadmap-step-list-s1 li:after { position: absolute; content: ""; left: 10px; bottom: 0; width: 20px; height: 1px; transform: translateX(-50%); background: currentColor; } + +.roadmap-step-list-s1 li:last-child:after { display: none; } + +.tc-light .roadmap-step { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-step:before { background: #39a9ff; } + +.tc-light .roadmap-step:after { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); } + +.bg-theme .roadmap-step, .bg-theme-dark .roadmap-step { background: #00178c; border-color: #2b4aed; } + +.bg-theme .roadmap-step:before, .bg-theme-dark .roadmap-step:before { background: #39a9ff; border-color: #1d36ba; } + +.bg-theme .roadmap-step:after, .bg-theme-dark .roadmap-step:after { background: #2b4aed; border-color: #2b4aed; } + +.bg-theme-dark .roadmap-step:before { border-color: #000d4d; } + +.bg-theme-alt .roadmap-step:before { border-color: #2b4aed; } + +.bg-light .roadmap-step:before { border-color: #f3f5fd; } + +.has-bg-image .roadmap-step:before { border-color: transparent; } + +.roadmap-step-s1 { margin-left: 0; border: none; padding-top: 0; padding-right: 25px; padding-left: 25px; z-index: 1; max-width: 100%; } + +.bg-light .roadmap-step-s1 { background: transparent; } + +.bg-theme .roadmap-step-s1, .bg-theme-dark .roadmap-step-s1, .tc-light .roadmap-step-s1 { background: transparent; } + +.roadmap-step-s1:before { display: none; } + +.roadmap-step-s1:after { width: 38px !important; left: 0 !important; height: 0; top: 49px; z-index: -1; background: none !important; border-top: 1px solid; border-color: #dbe4f7; } + +.roadmap-s1-alt .roadmap-step-s1:after { border-top-style: dashed; } + +.roadmap-step-s3 { margin-left: 0; border: none; padding: 0px 23px 30px; } + +.tc-light .roadmap-step-s3 { background: transparent; } + +.roadmap-step-s3:before { display: none; } + +.roadmap-step-s3:after { height: 60px; left: 50%; width: 2px; top: 75px; } + +.roadmap-step-s5 { margin: 0; background-color: transparent !important; border: none; padding-top: 0; padding-bottom: 0; } + +.roadmap-step-s5:before, .roadmap-step-s5:after { display: none; } + +.roadmap-head { margin-bottom: 10px; padding-right: 35px; position: relative; } + +.roadmap-finished .roadmap-head:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; line-height: 32px; border-radius: 50%; text-align: center; color: #fff; background: #ffc123; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: .88rem; content: '\f00c'; } + +.roadmap-head-s1 { padding-right: 0; margin-bottom: 0; line-height: 1.6; } + +.roadmap-head-s3 { padding-bottom: 120px; margin-bottom: 0; padding-right: 0; } + +.roadmap-head-s5 { padding: 0; } + +.roadmap-head-s5:after { display: none; } + +.roadmap-head-s6 { padding-left: 0; padding-right: 0; } + +.roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: 50%; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + +.roadmap-time { display: block; color: #1d36ba; font-size: 13px; text-transform: uppercase; } + +.tc-light .roadmap-time { color: rgba(255, 255, 255, 0.8); } + +.roadmap-time-s1 { padding-bottom: 27px; line-height: 26px; width: 100%; display: inline-block; font-weight: 700; font-size: 0.81rem; position: relative; color: #8ca2e5; line-height: 25px; } + +.roadmap-time-s1:after, .roadmap-time-s1:before { position: absolute; content: ""; left: -24px; border-radius: 50%; } + +.roadmap-time-s1:after { bottom: -2px; width: 11px; height: 11px; margin-left: -5.5px; margin-top: -5.5px; background: #39a9ff; } + +.tc-light .roadmap-time-s1:after { background: #fff; } + +.roadmap-time-s1:before { bottom: -10px; width: 27px; height: 27px; margin-left: -13.5px; margin-top: -13.5px; } + +.roadmap-done .roadmap-time-s1:before, .roadmap-current .roadmap-time-s1:before { background: rgba(57, 169, 255, 0.23); } + +.tc-light .roadmap-done .roadmap-time-s1:before, .tc-light .roadmap-current .roadmap-time-s1:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-time-s3 { color: #8ca2e5; } + +.roadmap-time-s3:before { position: absolute; left: 50%; transform: translateX(-50%); content: '\f1da'; border-radius: 50%; font-family: "Font Awesome 5 Free"; font-weight: 600; box-shadow: 0px 2px 7px 0px rgba(57, 169, 255, 0.1); top: 32px; background: linear-gradient(-90deg, #fff 0%, white 100%); border: 1px solid rgba(57, 169, 255, 0.2); height: 32px; line-height: 32px; width: 32px; color: #8ca2e5; z-index: 1; font-size: 13px; } + +.tc-light .roadmap-time-s3:before { color: rgba(255, 255, 255, 0.8); background: linear-gradient(-90deg, #1d36ba 0%, #2c48de 100%); border-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 2px 7px 0px rgba(255, 255, 255, 0.1); } + +.roadmap-done .roadmap-time-s3:before { content: '\f00c'; } + +.roadmap-running .roadmap-time-s3:before { content: '\f021'; } + +.roadmap-s3-1 .roadmap-time-s3:before { content: ''; background: rgba(57, 169, 255, 0.5); border: none; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:before { background: rgba(52, 85, 255, 0.5); } + +.roadmap-s3-1 .roadmap-time-s3:after { position: absolute; left: 50%; top: 40px; transform: translateX(-50%); border-radius: 50%; content: ''; background: #39a9ff; height: 16px; width: 16px; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:after { background: #3455ff; } + +.roadmap-time-s5 { font-weight: 600; text-transform: capitalize; font-size: 1rem; color: #39a9ff; } + +.roadmap-time-s5:not(:last-child) { padding-bottom: 10px; } + +.roadmap-time-s5:after { position: absolute; height: 19px; width: 19px; border: 1px solid #39a9ff; background: #39a9ff; top: 2px; left: -29px; border-radius: 50%; content: ''; } + +.roadmap-finished .roadmap-time-s5:after { background: #f3f5fd; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 10px; text-align: center; line-height: 18px; color: #ffc123; } + +.tc-light .roadmap-finished .roadmap-time-s5:after { color: #ffc123; background: #1d36ba; } + +.roadmap-time-s6 { text-transform: none; } + +.roadmap-title { color: #8ca2e5; font-weight: 700; font-size: 16px; } + +.tc-light .roadmap-title { color: #fff; } + +.roadmap-title-s1 { padding-top: 25px; display: inline-block; font-size: 1rem; font-weight: 500; line-height: 1.6; color: #637097; } + +.roadmap-title-s2 { position: relative; font-size: 1rem; font-weight: 500; color: #39a9ff; top: -10px; } + +.tc-light .roadmap-title-s2 { color: rgba(255, 255, 255, 0.8); } + +.roadmap-title-s2:before { position: absolute; content: ''; left: -25px; top: 1px; transform: translate(-50%, 0); height: 15px; width: 15px; border-radius: 50%; background: #39a9ff; border: 1px solid #39a9ff; } + +.roadmap-done .roadmap-title-s2:before { height: 19px; width: 19px; font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900; font-size: 9px; line-height: 18px; text-align: center; color: #39d884; background: #fff; } + +.tc-light .roadmap-done .roadmap-title-s2:before { color: #fff; background: #1d36ba; } + +.bg-theme .roadmap-done .roadmap-title-s2:before { background: #1d36ba; } + +.bg-theme-alt .roadmap-done .roadmap-title-s2:before { background: #2b4aed; } + +.bg-theme-dark .roadmap-done .roadmap-title-s2:before { background: #000d4d; } + +.bg-theme-dark-alt .roadmap-done .roadmap-title-s2:before { background: #00178c; } + +.roadmap-carousel { padding: 0 40px; } + +.roadmap-carousel:after, .roadmap-carousel:before { position: absolute; height: 12px; width: 12px; border-radius: 50%; content: ''; top: 42px; background: #dbe4f7; } + +.tc-light .roadmap-carousel:after, .tc-light .roadmap-carousel:before { background: #2b4aed; } + +.roadmap-carousel .owl-nav { position: absolute; left: -30px; top: 23px; font-size: 36px; font-weight: 400; width: calc(100% + 60px); opacity: 0.3; } + +.roadmap-carousel .owl-nav .owl-next { right: -30px; } + +.roadmap-carousel .owl-nav .owl-prev { left: -30px; } + +.roadmap-carousel .owl-nav .owl-next, .roadmap-carousel .owl-nav .owl-prev { top: -30px; position: absolute; z-index: 2; height: 52px; width: 52px; font-size: 36px; line-height: 52px; text-align: center; color: #39a9ff; transform: translateY(50%); } + +.roadmap-carousel:after { right: 0; } + +.roadmap-carousel:before { left: 0; } + +.roadmap-carousel-s2:after, .roadmap-carousel-s2:before { height: 1px; width: 85px; border-radius: 0; top: 15px; z-index: 4; } + +.roadmap-carousel-s2:before { background: linear-gradient(90deg, #f7f8ff 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme .roadmap-carousel-s2:before { background: linear-gradient(90deg, #1d36ba 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #2b4aed 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark .roadmap-carousel-s2:before { background: linear-gradient(90deg, #000d4d 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #00178c 0%, rgba(0, 0, 0, 0) 100%); } + +.roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #f7f8ff 100%); } + +.bg-theme .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #1d36ba 100%); } + +.bg-theme-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #2b4aed 100%); } + +.bg-theme-dark .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000d4d 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #00178c 100%); } + +.roadmap-carousel-s2:after { right: 40px; } + +.roadmap-carousel-s2:before { left: 40px; } + +.roadmap-carousel-container { position: relative; } + +.roadmap-carousel-container:before { position: absolute; content: ""; left: 0; top: 47px; width: 100%; height: 2px; background: #dbe4f7; } + +.tc-light .roadmap-carousel-container:before { background: #2b4aed; } + +.roadmap-carousel-nav-s2 .owl-nav { width: calc(100% + 80px); top: 26px; opacity: 1; } + +.roadmap-carousel-nav-s2 .owl-nav button { border: none !important; } + +.roadmap-carousel-nav-s2 .owl-nav button:after { font-size: 36px; line-height: 52px; color: #dbe4f7; } + +.roadmap-carousel-nav-s2.roadmap-carousel-s2 .owl-nav { top: -7px; left: 0; width: calc(100% + 20px); } + +.roadmap-carousel:not([data-dots="true"]) { margin-bottom: -30px; } + +.roadmap-list { position: relative; padding-top: 15px; } + +.roadmap-list:after { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100vw; height: 1px; content: ''; background: #ffc123; } + +.roadmap-innr { padding: 0 25px 30px; } + +.roadmap-innr:before { position: absolute; left: 0; height: 100%; width: 1px; content: ''; transform: translateX(-50%); background-image: linear-gradient(to bottom, #39a9ff 0%, #ffc123 100%); } + +.roadmap-item { position: relative; } + +.roadmap-item:nth-child(even) .roadmap-innr:before { background-image: linear-gradient(to top, #39a9ff 0%, #ffc123 100%); } + +@media (min-width: 576px) { .roadmap-wrap-ovl-right { max-width: none; margin-right: -200px; } + .roadmap-wrap-ovl-right:after { width: 280px; } + .roadmap-wrap-ovl-right .owl-nav { margin-right: 190px; } } + +@media (min-width: 768px) { .roadmap-s5 { display: flex; text-align: right; } + .roadmap-s5.roadmap-right { justify-content: flex-end; text-align: left; } + .roadmap-s5:not(:last-child) { padding-bottom: 15px; } + .roadmap-wrap-s5 { max-width: 100%; } + .roadmap-wrap-s5:before { top: -30px; left: 50%; margin-left: -0.5px; } + .roadmap-step-s5 { max-width: 50%; padding-left: 30px; padding-right: 30px; } + .roadmap-time-s5:after { left: -39px; } + .roadmap-left .roadmap-time-s5:after { right: -40px; left: auto; } } + +@media (min-width: 992px) { .roadmap { display: flex; } + .roadmap-s1:before, .roadmap-s1:after { top: 41px; height: 0; width: 50%; border-top-width: 3px; border-top-style: solid; border-left-width: 0; } + .roadmap-s1:before { left: 0; } + .flex-row-reverse .roadmap-s1:before { right: 0; left: auto; } + .roadmap-s1:after { left: auto; right: 0; z-index: -1; } + .flex-row-reverse .roadmap-s1:after { right: auto; left: 0; } + .roadmap-s1-alt:before, .roadmap-s1-alt:after { top: 42px; border-top-width: 1px; border-top-style: dashed; } + .roadmap-s1-alt:after { right: 0; } + .roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-done:after { right: 0; left: auto; } + .roadmap-s1-alt.roadmap-current:before { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-current:after { top: 42px; } + .roadmap-s2 { display: block; } + .roadmap-s6 { display: block; } + .roadmap-s6:after { right: -14px; } + .roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: -14px; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + .roadmap-wrap { padding: 40px 0 10px; margin-bottom: 60px; max-width: 100%; } + .roadmap-wrap-ovl-left, .roadmap-wrap-ovl-right { max-width: none; } + .roadmap-wrap-s1 { padding-top: 0; } + .roadmap-wrap-s1:after { position: absolute; width: 15px; height: calc(100% + 3px); border-width: 3px; border-style: solid; border-color: #dbe4f7; top: 41px; } + .tc-light .roadmap-wrap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + .roadmap-wrap-s1-alt:after { height: calc(100% + 1px); border-width: 1px; border-style: dashed; top: 42px; } + .tc-light .roadmap-wrap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + .roadmap-wrap-s1-alt.roadmap-wrap-done:after { height: calc(100% + 3px); border-width: 3px; border-style: solid; top: 41px; } + .roadmap-wrap-s1.roadmap-wrap-done:after { border-color: #39a9ff; } + .roadmap-wrap-s1:nth-child(odd):after { right: -15px; border-radius: 0 20px 20px 0; border-left-width: 0; } + .roadmap-wrap-s1:nth-child(even):after { left: -15px; border-radius: 20px 0px 0px 20px; border-right-width: 0; } + .roadmap-wrap-s1:last-child:after { display: none; } + .roadmap-line { left: 50%; margin-left: -1px; } + .roadmap-left { justify-content: flex-start; margin-top: -80px; } + .roadmap-left .roadmap-step { margin-left: 0; margin-right: 80px; } + .roadmap-left .roadmap-step:before { left: auto; right: -91px; } + .roadmap-left .roadmap-step:after { left: auto; right: -78px; } + .roadmap-left.roadmap-s5 { margin-top: 0; } + .roadmap-right { justify-content: flex-end; } + .roadmap-right .roadmap-step { margin-left: 80px; } + .roadmap-year { height: 60px; width: 60px; line-height: 60px; font-size: 16px; position: static; margin-left: auto; margin-right: auto; } + .roadmap-step { width: 100%; padding: 40px 30px 35px; } + .roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + .roadmap-step:before { left: -91px; } + .roadmap-step:after { width: 78px; left: -78px; } + .roadmap-step-list li:before { top: 12px; } + .roadmap-step-list-s1 li:after { left: 50%; } + .roadmap-step-s1 { padding-top: 0; padding-left: 15px; padding-right: 15px; } + .roadmap-step-s1:after { width: 0 !important; left: 50% !important; margin-left: -0.5px; height: 40px !important; top: 48px; border-top: 0; border-left: 1px solid; border-color: #dbe4f7; } + .roadmap-s1-alt .roadmap-step-s1:after { border-left-style: dashed; } + .roadmap-step-s3 { padding-top: 0; background: transparent !important; } + .roadmap-step-s3:after { left: 50%; width: 2px; } + .roadmap-step-s5 { padding-top: 0; padding-bottom: 0; } + .roadmap-head { margin-bottom: 15px; } + .roadmap-time { font-size: 14px; } + .roadmap-time-s1:after { left: 50%; bottom: 5px; } + .roadmap-time-s1:before { bottom: -2px; left: 50%; } + .roadmap-time-s3 { font-size: .87rem; font-weight: 600; } + .roadmap-time-s6 { font-size: 18px; } + .roadmap-title { font-size: 18px; } + .roadmap-title-s1 { padding-top: 48px; } + .roadmap-title-s2 { font-size: 1rem; } + .roadmap-list { display: flex; align-items: flex-end; margin-bottom: 200px; } + .roadmap-item { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .roadmap-item:nth-child(even) { flex-grow: 0; width: 0; } + .roadmap-item:nth-child(even) .roadmap-innr { position: absolute; top: 0; left: 0; padding-top: 90px; min-width: 190px; transform: translateX(calc(-50% + 5px)); } + .roadmap-item:nth-child(even) .roadmap-innr:before { top: 0; height: 90px; } + .roadmap-item-sm { min-height: 170px; } + .roadmap-item-lg { min-height: 300px; } } + +@media (min-width: 1200px) { .roadmap-left .roadmap-step:before { right: -86px; } + .roadmap-left .roadmap-step:after { right: -73px; } + .roadmap-step:before { left: -86px; } + .roadmap-step:after { width: 73px; left: -73px; } + .roadmap-step-s1:before { left: 50%; } + .roadmap-step-s3:after { left: 50%; width: 2px; } } + +/** 04.091 Token */ +.token-info { border: 1px solid rgba(57, 169, 255, 0.2); border-radius: 8px; padding: 18px 20px 0; margin-bottom: 30px; } + +.token-info-s1 { padding: 0 30px; border: none; text-align: left; } + +.token-info-item { position: relative; padding-left: 25px; } + +.token-info-item:before { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; content: ''; border-radius: 2px; background: #a963ff; } + +.token-info-item.color-2:before { background: #f42f54; } + +.token-info-item.color-3:before { background: #f5a946; } + +.token-info-item.color-4:before { background: #63a5ff; } + +.token-info-item.color-5:before { background: #ff8d87; } + +.token-info-item-s1 { padding-left: 0; display: flex; align-items: center; justify-content: space-between; margin: 25px 0; } + +.token-info-item-s1:first-child { margin-top: 16px; } + +.token-info-item-s1:before { display: none; } + +.token-info-item-s1 span { font-size: 12px; font-weight: 400; color: #39a9ff; text-transform: uppercase; } + +.token-info-item-s1 h4 { font-size: 1.5rem; line-height: 1; font-weight: 300; } + +.token-info-title { font-size: 0.7rem; text-transform: uppercase; font-weight: 700; letter-spacing: 0.04em; margin-bottom: 4px; } + +.token-info-des { font-size: 1.1rem; } + +.token-status { border-radius: 8px 8px 0 0; border: 1px solid rgba(57, 169, 255, 0.2); padding: 18px 20px 10px; text-align: center; } + +.token-status .countdown-s2 { padding: 0; } + +.token-status-s1 { padding: 30px; box-shadow: 0px 15px 20px 0px rgba(29, 54, 186, 0.1); margin-left: 0; } + +.token-status-s2 { position: relative; border: none; padding: 0; max-width: 360px; margin: 50px auto 0; } + +.token-status-s2 .icon-list { margin-top: 10px; } + +.token-status-s3 { padding: 29px 0 0; border: none; } + +.token-status-s3 .countdown-s2 { padding-left: 30px; padding-right: 30px; } + +.token-status-s4 { border: none; padding: 65px 0 50px; } + +.token-status-s4 .icon-list { margin-top: 10px; } + +.token-status-s5 { background: #1d36ba; padding-bottom: 25px; } + +.token-status-s6 { border: none; padding: 20px 20px 25px; } + +.token-countdown { padding: 16px 0 20px; } + +.token-min { font-size: 13px; color: #fff; display: block; padding: 12px 0; } + +.token-min-s2 { padding: 15px 0 0; text-align: left; } + +.token-min-s2 span { display: block; } + +.token-min-s2 span:first-child { color: #39a9ff; font-size: 12px; line-height: 1; text-transform: uppercase; font-weight: 300; } + +.token-min-s2 span:last-child { line-height: normal; padding-top: 4px; } + +.token-alocate-item { position: relative; padding: 0 20px 15px; margin-bottom: 30px; margin-left: auto; margin-right: auto; background: #fff; height: calc(100% - 30px); border-radius: 4px; } + +.token-alocate-item:not([class*='shadow']) { box-shadow: 0 5px 45px 0 rgba(55, 69, 116, 0.08); } + +.token-alocate-item-s1 { padding-left: 0; padding-right: 0; background-color: transparent; } + +.token-alocate-graph { padding: 20px 0 15px; position: relative; } + +.token-alocate-graph span, .token-alocate-graph img { position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; } + +.token-alocate-graph span { color: #637097; font-size: 2em; font-weight: 400; line-height: 1.3; } + +.token-alocate-graph img { width: 150px; } + +.token-alocate-graph canvas { position: relative; z-index: 5; } + +.token-alocate-graph-s1 canvas { min-height: 230px; } + +.token-alocate-list li { color: #637097; display: flex; align-items: center; font-weight: 400; padding: 13px 0; } + +.token-alocate-list li .token-alocate-percent { font-weight: 600; color: #1d36ba; } + +.token-box-s1 { position: absolute !important; left: 0; bottom: -157px; width: 100%; z-index: 9 !important; } + +.token-box-s2 { background: rgba(29, 54, 186, 0.3); padding: 30px 20px 52px; } + +.token-box-s2 .title { margin-bottom: 1.2rem; } + +.token-box-s3 { padding-bottom: 20px; } + +.token-countdown-wrapper { padding: 30px; background: #fff; box-shadow: 0px 15px 20px 0px rgba(29, 54, 186, 0.1); } + +.token-countdown-wrapper h6 { color: currentColor; } + +.token-action-s1 { margin-top: -22px; } + +.token-action-s2 { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action + .icon-list { margin-top: 15px; } + +.token-sale-box { background: #f3f5fd; border-radius: 4px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; padding: 20px 15px 33px; transition: all .4s; } + +.tc-light .token-sale-box { background: rgba(57, 169, 255, 0.08); } + +.token-sale-info { display: block; font-size: 2.4rem; font-weight: 300; color: #39a9ff; } + +.token-sale-title { font-size: 14px; text-transform: uppercase; font-weight: 400; } + +.token-bonus-item { padding: 50px 25px 46px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; border-radius: 4px; margin-bottom: 30px; transition: all .4s; height: calc(100% - 30px); background: #637af2; } + +.token-bonus-item span { display: block; } + +.token-bonus-item.two { background: #435eef; } + +.token-bonus-item.three { background: #5a72f1; } + +.token-bonus-title { display: inline-block !important; line-height: 18px; font-size: 13px; color: #fff; text-transform: uppercase; padding: 6px 20px; background: #000d4d; border-radius: 15px; font-weight: 400; } + +.token-bonus-percent { font-size: 4em; line-height: 1; padding: 22px 0 7px; font-weight: 300; color: #fff; } + +.token-bonus-txt { font-size: 14px; line-height: 18px; font-weight: 400; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); } + +.tc-light .token-bonus-txt { color: rgba(255, 255, 255, 0.6); } + +.token-stage { margin-bottom: 33px; } + +.token-stage-title { color: #fff; background: #0082e6; text-transform: uppercase; font-weight: 700; line-height: 26px; padding: 10px; border-radius: 6px 6px 0 0; } + +.token-stage-pre { background: #1097ff; } + +.token-stage-one { background: #008efb; } + +.token-stage-date { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; padding: 12px 0 10px; } + +.tc-light .token-stage-date { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-date h6 { font-weight: 700; font-size: 1rem; margin-bottom: 0; } + +.token-stage-date span { font-size: 15px; } + +.token-stage-info { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; border-radius: 0 0 6px 6px; padding: 14px 0 16px; } + +.tc-light .token-stage-info { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-info span { display: block; font-size: 15px; line-height: 1.86; } + +.token-stage-bonus { color: #39a9ff; } + +.token-action-s2 { padding: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action-box { display: flex; align-items: center; flex-wrap: wrap; border-radius: 6px; background: rgba(57, 169, 255, 0.1); } + +.token-action-box > div { padding: 20px 25px; width: 100%; } + +.token-action-box > div:last-child { padding-top: 0; } + +.tc-light .token-action-box { background: rgba(57, 169, 255, 0.1); } + +.token-action-title { width: 30%; background: #39a9ff; border-radius: 6px 6px 0 0; font-weight: 500; font-size: 1.2em; line-height: 1.44; flex-grow: 1; width: 100%; } + +.tc-light .token-action-title { background: #39a9ff; } + +.token-action-box .token-action-title { padding: 25px; } + +.token-action-date { width: 40%; } + +.token-action-date strong { display: block; } + +.token-action-btn { width: 34%; } + +.token-action-btn .btn-grad { padding: 14px 0px; width: 100%; } + +.token-bar-chart { position: relative; z-index: 9; } + +.token-bar-item { position: relative; height: 40px; border-radius: 20px; margin: 10px 0; } + +.token-bar-item.tbic1 { background: #002674; } + +.token-bar-item.tbic1:before { background: #002674; } + +.token-bar-item.tbic2 { background: #004ae2; } + +.token-bar-item.tbic2:before { background: #004ae2; } + +.token-bar-item.tbic3 { background: #3b7bff; } + +.token-bar-item.tbic3:before { background: #3b7bff; } + +.token-bar-item.tbic4 { background: #3bb8ff; } + +.token-bar-item.tbic4:before { background: #3bb8ff; } + +.token-bar-item.tbic5 { background: #5378fb; } + +.token-bar-item.tbic5:before { background: #5378fb; } + +.token-bar-txt { position: absolute; font-size: 13px; padding-bottom: 0; top: 50%; left: 100%; min-width: 300%; transform: translateX(45px) translateY(-50%); } + +.token-bar-txt:after { position: absolute; content: ''; left: 0; top: 50%; height: 1px; width: 25px; margin-left: -35px; background: rgba(22, 161, 255, 0.5); } + +.token-bar-txt span { display: block; line-height: 1.5; white-space: nowrap; } + +.token-bar-txt span:first-of-type { font-weight: 600; } + +.token-bar-item.tbic1 .token-bar-txt span:first-of-type { color: #002674; } + +.token-bar-item.tbic2 .token-bar-txt span:first-of-type { color: #004ae2; } + +.token-bar-item.tbic3 .token-bar-txt span:first-of-type { color: #3b7bff; } + +.token-bar-item.tbic4 .token-bar-txt span:first-of-type { color: #3bb8ff; } + +.token-bar-item.tbic5 .token-bar-txt span:first-of-type { color: #5378fb; } + +@media (min-width: 768px) { .token-bar-chart { display: flex; overflow: visible; margin-top: 135px; } + .token-bar-item { margin: 0; } + .token-bar-item:before { position: absolute; left: -20px; top: 0; height: 40px; width: 40px; content: ''; z-index: -1; } + .token-bar-item:first-child:before { display: none; } + .token-bar-txt { padding-bottom: 10px; top: -110px; left: 50%; min-width: 100%; transform: translateX(-50%); text-align: center; } + .token-bar-txt:after { left: 50%; top: 100%; height: 65px; width: 1px; margin-left: 0; } } + +@media (max-width: 420px) { .token-status-s6 .countdown-time { font-size: 1.8rem; } + .token-status-s6 .cpn-links, .token-status-s6 .cpn-links li { padding-left: 10px; padding-right: 10px; } } + +@media (min-width: 480px) { .token-status .countdown-s2 { padding: 0 30px 20px; } + .token-info-s1 { padding: 0 30px; } + .token-min-s2 { padding: 0; } } + +@media (min-width: 576px) { .token-info { padding: 24px 40px 0; } + .token-info .text-block-title { text-align: center; } + .token-info-list li { display: flex; } + .token-info-list li > span { width: 50%; } + .token-info-title { font-size: 0.88rem; letter-spacing: 0.2em; } + .token-info-des { font-size: 1.375rem; } + .token-info-s1 { padding: 0 30px; } + .token-status { padding: 24px 28px 20px; } + .token-status-md { padding: 36px; } + .token-status-s2 { padding: 0; } + .token-status-s3 { padding: 29px 0 0; border: none; } + .token-status-s4 { padding: 65px 0 50px; } + .token-status-s5 { padding: 40px 30px 40px; } + .token-status-s6 { border: none; padding: 35px 50px 45px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; } + .token-alocate-graph { padding: 30px 40px 30px; } + .token-action-box { flex-wrap: nowrap; } + .token-action-box > div:last-child { padding-top: 20px; padding-left: 0; } + .token-action-title { width: auto; border-radius: 6px 0 0 6px; } + .token-action-s2 { padding: 30px; } } + +@media (min-width: 768px) { .token-alocate-item { padding: 20px 30px 40px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; margin-bottom: 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-box-s1 { position: absolute !important; left: 0; bottom: -45px; width: 100%; z-index: 9 !important; } } + +@media (min-width: 992px) { .token-countdown-wrapper { padding: 30px 60px 30px 66px; } + .token-status-s1 { padding: 30px 60px 30px 66px; margin-left: 0; } + .token-status-s2 { margin: 65px 140px 0 0; } + .token-status-s3 { margin-left: 25px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding: 30px 65px 0px; } + .token-alocate-item-s1:before { position: absolute; height: 610px; width: 610px; top: 0; left: 50%; content: ''; border-radius: 20px; background: rgba(29, 54, 186, 0.04); transform: rotate(45deg); transform-origin: 0 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-alocate-graph-s1 { margin-top: 80px; } + .token-action-box { margin-top: 25px; } } + +.tokdis-item { position: relative; padding-left: 0; padding-bottom: 15px; margin-bottom: 15px; padding-top: 8px; display: inline-block; } + +.tokdis-item:before { position: absolute; width: 40px; height: 3px; border-radius: 1.5px; content: ''; background: #39a9ff; top: 0; left: 50%; transform: translateX(-50%); } + +.tokdis-item h5 { font-size: 1.125em; } + +.tokdis-list { padding-bottom: 40px; } + +@media (min-width: 992px) { .tokdis-item { padding-left: 25px; padding-bottom: 4px; padding-top: 0; } + .tokdis-item:before { width: 3px; height: 100%; top: 0; left: 0; transform: translateX(0); } + .tokdis-list { padding-bottom: 80px; } } + +.toktmln-item { position: relative; padding: 0 0 20px; display: flex; justify-content: center; } + +.toktmln-item:before { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); content: ''; height: 30px; width: 30px; border-radius: 50%; border: 6px solid #dbe4f7; background: #39a9ff; } + +.tc-light .toktmln-item:before { border-color: #fff; } + +.toktmln-item div { padding: 0 30px 5px 0; text-align: right; width: 50%; flex-grow: 1; } + +.toktmln-item div:last-child { padding: 0 0 0 30px; text-align: left; } + +.toktmln-item div span { display: block; font-weight: 600; } + +.toktmln-item div span:last-child { font-size: .775em; padding-bottom: 8px; font-weight: 400; color: #637097; } + +.tc-light .toktmln-item div span:last-child { color: #fff; } + +.toktmln-list { position: relative; } + +.toktmln-list:before { position: absolute; left: 50%; top: -24px; width: 2px; margin-left: -1px; height: 100%; background: #dbe4f7; content: ''; } + +.tc-light .toktmln-list:before { background: #fff; } + +@media (min-width: 992px) { .toktmln-list { position: relative; } + .toktmln-list:before { left: 0; top: 14px; width: 100%; height: 2px; } + .toktmln-item { padding: 64px 0 0; display: block; } + .toktmln-item:before { top: 0; left: 0; transform: translateX(0); } + .toktmln-item div { padding-bottom: 5px; text-align: left; width: 100%; padding-left: 0; padding-right: 0; } + .toktmln-item div:last-child { padding: 0 0 0 0; } + .toktmln-item div span:last-child { font-size: .875em; } } + +.stage-info { padding-left: 15px; } + +.stage-info .title { margin-bottom: .5rem; } + +/** 04.10 Team */ +.team { position: relative; margin-bottom: 30px; max-width: 255px; margin-left: auto; margin-right: auto; text-align: center; } + +.nk-block-left .team { max-width: 100%; } + +.team:hover .team-show { opacity: 1; } + +.team-s2 { max-width: 240px; text-align: center; } + +.team-s2 .word-split { justify-content: center; } + +.team-s2:hover .team-show { opacity: .25; } + +.team-s4 { padding: 30px 30px; } + +.team-s5 { text-align: left; max-width: 228px; padding-bottom: 25px; } + +.team-s5:before { position: absolute; content: ""; left: 20px; top: 50px; right: 0; bottom: 0; background: rgba(57, 169, 255, 0.1); z-index: -1; } + +.bg-theme .team-s5:before { background: #2b4aed; } + +.has-bg-image .team-s5:before { background: #2b4aed; } + +.tc-light .team-s5:before { background: #00178c; } + +.team-s6 { text-align: left; display: flex; max-width: 100%; } + +.team-s6 .team-left { width: 135px; flex-shrink: 0; } + +.team-s6 .team-photo { max-width: 170px; margin-right: 25px; margin-left: 0; } + +.team-sm-s2 { text-align: left; max-width: 145px; } + +.team-photo { display: block; position: relative; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 2; } + +.team-photo + .list { padding-top: 15px; } + +.team-photo-s1 { max-width: 160px; } + +.team-photo img { border-radius: 6px; width: 100%; transition: all .4s; } + +.team-photo-sm { max-width: 180px; } + +.team-photo-s2 { max-width: 90%; } + +.team-photo-s2:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(57, 169, 255, 0.4); border-radius: 6px; z-index: 1; } + +.team-photo-s3:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: linear-gradient(to top left, #39a9ff 0%, #ffc123 100%); border-radius: 6px; z-index: 1; opacity: .2; } + +.team-photo-circle { border-radius: 50%; } + +.team-sm-s2 .team-photo { margin-left: 0; max-width: 90%; } + +.team-sm-s2:hover .team-photo { transform: translateY(-8px); } + +.team-s3 .team-photo { max-width: 160px; } + +.team-s5 .team-photo { margin-left: 0; } + +.team-s5 .team-photo:before, .team-s5 .team-photo:after { position: absolute; content: ''; } + +.team-s5 .team-photo:before { top: 24px; right: -33px; height: 3px; width: 65px; background: #ffc123; z-index: 1; } + +.team-s5 .team-photo:after { top: 0; bottom: 0; right: 0; left: 0; background: rgba(52, 85, 255, 0.4); transition: all .4s; } + +.team-s5 .team-photo:hover { transform: translateY(-8px); } + +.team-s5 .team-photo:hover:after { opacity: .5; } + +.team-s5 .team-photo:hover .team-show { opacity: 0; } + +.team-photo-bg:before { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; transform: scale(1); z-index: -1; opacity: 1; transition: all .5s ease; background-image: linear-gradient(90deg, #ffc123 0%, #39a9ff 100%); } + +.team-s3-alt .team-photo-bg:before { opacity: 0; transform: scale(0.8); } + +.team-photo-bg a { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; z-index: 1; } + +.team-photo-bg:hover a + img { transform: scale(0.85); } + +.team-s3-alt .team-photo-bg:hover a + img { transform: scale(1); } + +.team-s3-alt .team-photo-bg:hover:before { opacity: 1; transform: scale(1); } + +.team-show { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(57, 169, 255, 0.4); border-radius: 6px; transition: all .4s; z-index: 20; opacity: 0; } + +.team-s2 .team-show { opacity: 0; } + +.team-s3 .team-photo-bg .team-show { opacity: 0 !important; top: 0; right: 0; bottom: 0; left: 0; } + +.team-s5 .team-show { border-radius: 0; } + +.team-s5:hover .team-show { opacity: 0; } + +.team-social { margin: 0 -5px; } + +.team-photo .team-social { position: absolute; bottom: -17px; right: 17px; z-index: 21; text-align: right; } + +.team-social li { padding: 0 4px; display: inline-block; } + +.team-social li a { font-size: 13px; text-align: center; display: inline-block; line-height: 34px; height: 34px; width: 34px; border-radius: 50%; color: #fff !important; background: #ffc123; box-shadow: 0px 2px 15px 0px rgba(255, 193, 35, 0.5); } + +.team-social li a:hover { color: #fff !important; background: #39a9ff; box-shadow: 0px 2px 15px 0px rgba(57, 169, 255, 0.5); } + +.team-social-s2 { margin: 0 -10px; } + +.team-social-s2 li { padding: 0 10px; } + +.team-social-s2 li a { width: auto; background-color: transparent; box-shadow: none; color: #39a9ff !important; } + +.tc-light .team-social-s2 li a { color: #fff !important; } + +.team-social-s2 li a:hover { color: #ffc123 !important; background-color: transparent; box-shadow: none; } + +.team-s2 .team-social-s2 { padding-top: 15px; } + +.team-s3 .team-social-s2 { padding-top: 10px; } + +.team-social-vr li { display: block; text-align: center; } + +.team-social-vr li a { width: 30px !important; } + +.team-s5 .team-social { position: absolute; top: 64px; right: 20px; } + +.team-s5 .team-social li a { color: #39a9ff; } + +.team-name { color: #374574; padding-top: 28px; font-weight: 600; } + +.team-name.title { margin-bottom: .5rem !important; } + +.team-s2 .team-name.title-sm { font-size: .95em !important; } + +.team-s2 .team-name { padding-top: 18px; } + +.team-s3 .team-name { color: #39a9ff; font-size: 1.125rem !important; font-weight: 400; margin-bottom: 1px !important; } + +.team-s3-alt .team-name { color: #374574; } + +.tc-light .team-s3-alt .team-name { color: #fff; } + +.team-s4 .team-name { font-weight: 400; padding-top: 21px; font-size: 1.33rem; margin-bottom: 0 !important; } + +.team-s5 .team-name { padding-left: 45px; padding-right: 40px; } + +.team-s6 .team-name { text-transform: uppercase; font-weight: 400; } + +.team-position { font-size: 12px; font-weight: 400; display: inline-block; } + +.team-s3 .team-position { font-weight: 300; color: #818cac; } + +.team-s3-alt .team-position { color: #39a9ff; } + +.tc-light .team-s3-alt .team-position { color: #39a9ff; } + +.team-s4 .team-position { padding-bottom: 10px; } + +.team-s5 .team-position { padding-left: 45px; padding-right: 40px; color: #3455ff; } + +.team-s6 .team-position { position: relative; color: #39a9ff; padding-bottom: 13px; margin-bottom: 5px; line-height: 1.4; } + +.team-s6 .team-position:before { position: absolute; height: 3px; width: 190px; left: 0; bottom: 0; content: ''; background: linear-gradient(to right, #39a9ff 0%, #ffc123 100%); z-index: 5; } + +.tc-light .team-position { color: rgba(255, 255, 255, 0.7); } + +.team-featured-photo { position: relative; border-radius: 5px; overflow: hidden; } + +.team-featured-info { position: absolute; left: 0; bottom: 0; font-size: 18px; padding: 15px 20px; } + +.team-featured-info span { font-size: 16px; font-weight: 300; display: block; padding-top: 5px; } + +.team-featured-cont p:last-child { margin-bottom: 0; } + +.team-featured-sub { text-transform: uppercase; color: #fff; font-size: 14px; letter-spacing: 0.15em; } + +.team-popup { position: relative; max-width: 100%; margin: 10px; padding: 15px; background: #fff; border-radius: 6px; } + +.team-popup-info p:last-child { margin-bottom: 0; } + +.team-list { margin-bottom: -30px; } + +.team-s4 .team-desc { font-size: .87rem; margin-bottom: 8px; } + +.team-s4 .team-desc p { font-size: inherit; } + +@media (min-width: 576px) { .team { margin-bottom: 50px; } + .team-s2 { margin-bottom: 30px; text-align: left; } + .team-s2 .word-split { justify-content: flex-start; } + .team-s4 { padding: 30px 15px; } + .team-s2 .team-photo { margin-left: 0; } + .team-s2 .team-name { padding-top: 25px; } + .team-featured-info { padding: 25px 30px; } + .team-popup { padding: 40px; } + .team-list { margin-bottom: -50px; } } + +@media (min-width: 768px) { .team-even { margin-top: 60px; } + .team-s4 { margin-bottom: 50px; } } + +@media (min-width: 992px) { .team-featured-cont { padding-left: 20px; } + .team-featured-title { padding: 8px 0 15px; } + .team-name { padding-top: 34px; margin-bottom: 8px !important; } + .team-s2 .team-name, .team-s3-alt .team-name { padding-top: 20px; } + .team-s5 .team-name { padding-top: 24px; } + .team-position { font-size: 0.88rem; } + .team-position-sm { font-size: 13px; } + .team-social { bottom: -20px; right: 20px; margin: 0 -5px; } + .team-social li { padding: 0 4px; } + .team-social li a { font-size: 16px; line-height: 40px; height: 40px; width: 40px; } + .team-social-s2 { margin: 0 -8px; } + .team-social-s2 li { padding: 0 8px; } + .team-social-s2 li a { font-size: 14px; height: auto; width: auto; } + .team-popup { margin: 10px auto; width: 950px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .team-s5 .team-social { right: 9px; } } + +@media (min-width: 1600px) { .team-photo-s2 { max-width: 100%; } } + +/** 04.11 Partners */ +.partner-list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: -15px; } + +.partner-list-left { justify-content: left; } + +.partner-list-lg { margin-bottom: -20px; } + +.partner-logo { padding: 15px 10px; } + +[class*="col-"] > .partner-logo { padding: 0; } + +.partner-logo img { max-height: 30px; max-width: 100%; width: auto !important; margin-left: auto; margin-right: 0; } + +.has-carousel .partner-logo img { margin-right: auto; } + +.partner-list-lg .partner-logo { padding: 20px 25px; } + +.partner-list-lg .partner-logo img { max-height: 50px; } + +.partner-logo-s2, .partner-logo-s3 { width: 50%; max-width: 50%; text-align: center; padding: 0 10px; } + +.partner-logo-s2 img, .partner-logo-s3 img { max-height: 50px; } + +.partner-list-left .partner-logo-s2, .partner-list-left .partner-logo-s3 { text-align: left; } + +.partner-logo-s3 img { max-height: 60px; } + +.partner-logo-lg { width: 50%; margin-bottom: 30px; } + +.partner-box { padding: 15px 0px; margin-bottom: 30px; } + +@media (min-width: 576px) { .partner-logo-s2, .partner-logo-s3 { margin-bottom: 30px; max-width: 16.6%; width: 16.6%; } + .partner-logo-lg { width: 33%; } + .partner-box { padding: 15px 66px; box-shadow: 0px 5px 25px rgba(43, 74, 237, 0.1); } } + +@media (min-width: 992px) { .partner-box .partner-list { justify-content: space-between; } + .partner-list-lg { margin-bottom: -20px; } + .partner-list-lg .partner-logo { padding: 20px 25px; } + .partner-list-lg .partner-logo img { max-height: 50px; } + [class*="col-"] > .partner-logo { padding: 15px 0; } } + +/** 04.12 Contact */ +.contact-wrap { padding: 20px; } + +.contact-list { margin-top: -7.5px; margin-bottom: -7.5px; position: relative; z-index: 2; } + +.contact-list li { display: flex; padding-top: 7.5px; padding-bottom: 7.5px; font-size: 0.94rem; } + +.contact-list-s1 { display: flex; justify-content: center; } + +.contact-list-s1 li { width: 100%; flex-wrap: wrap; justify-content: center; } + +.contact-icon { height: 38px; width: 38px; font-size: 16px; line-height: 38px; text-align: center; color: #fff; background: #ffc123; box-shadow: 0px 2px 15px 0px rgba(255, 193, 35, 0.5); border-radius: 50%; margin-right: 15px; flex-shrink: 0; } + +.tc-light .contact-icon { color: #1d36ba; background: #fff; box-shadow: none; } + +.bg-secondary .contact-icon { color: #ffc123; } + +.contact-list-s1 .contact-icon { margin-right: 0; color: #fff; box-shadow: 0px 2px 15px 0px rgba(29, 54, 186, 0.5); background: linear-gradient(-45deg, #1d36ba 0%, #2b4aed 100%); } + +.tc-light .contact-list-s1 .contact-icon { color: #1d36ba; background: #fff; } + +.contact-icon-s2 { color: #39a9ff; background: transparent; box-shadow: inset 0 0 0 2px #39a9ff; } + +.tc-light .contact-icon-s2 { color: #fff; background-color: transparent; box-shadow: inset 0 0 0 2px #fff; } + +.contact-icon-s3 { position: relative; color: #39a9ff; background: linear-gradient(to right, #39a9ff 0%, #ffc123 100%); box-shadow: none; } + +.tc-light .contact-icon-s3 { color: #fff; background: linear-gradient(to right, #39a9ff 0%, #ffc123 100%); } + +.contact-icon-s3:after { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .contact-icon-s3:after { background: #f3f5fd; } + +.bg-light-alt .contact-icon-s3:after { background: #f7f8ff; } + +.bg-theme .contact-icon-s3:after { background: #1d36ba; } + +.bg-theme-alt .contact-icon-s3:after { background: #2b4aed; } + +.bg-theme-dark .contact-icon-s3:after { background: #000d4d; } + +.bg-theme-dark-alt .contact-icon-s3:after { background: #00178c; } + +.bg-theme-accent .contact-icon-s3:after { background: #39a9ff; } + +.bg-theme-accent-alt .contact-icon-s3:after { background: #ffc123; } + +.contact-icon-s3:before { position: relative; z-index: 1; } + +.contact-text { padding-top: 7px; } + +.contact-list-s1 .contact-text { width: 100%; } + +.contact-social { margin-top: auto; padding-top: 20px; } + +.contact-social h6 { margin-bottom: 1rem; } + +.subscribe-wrap { padding: 20px; } + +@media (min-width: 576px) { .contact-wrap { padding: 50px; } + .subscribe-wrap { padding: 65px; } } + +@media (min-width: 768px) { .contact-list-s1 li { width: 33.33%; flex-wrap: wrap; } + .contact-list-s1 .contact-text { width: auto; } + .contact-list-s1 .contact-icon { margin-right: 15px; } } + +@media (max-width: 480px) { .contact-list-s2 { flex-wrap: wrap; } } + +@media (max-width: 767px) { .contact-list-s2 li { flex-wrap: wrap; text-align: center; } + .contact-list-s2 li .contact-icon { margin-right: 0; } + .contact-list-s2 li .contact-text { width: 100%; } } + +@media (max-width: 991px) { .contact-list-s2 { display: flex; justify-content: center; } + .contact-list-s2 li { width: 100%; justify-content: center; } } + +@media (min-width: 992px) and (max-width: 1199px) { .contact-wrap, .subscribe-wrap { padding: 35px; } } + +.social-links { display: flex; margin: -3px; } + +.social-links li { padding: 3px; } + +.social-links li a { display: inline-block; border-radius: 50%; border: 1px solid #fff; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #637097; } + +.social-links li a:hover { color: #39a9ff; background: #fff; } + +.tc-light .social-links li a { color: #fff; } + +.tc-light .social-links li a:hover { color: #39a9ff; } + +.bg-secondary .social-links li a:hover { color: #ffc123 !important; } + +.social-links-s2 li a { border: none; } + +.social-links-s2 li a:hover { background-color: #fff; color: #39a9ff !important; } + +.tc-light .social-links-s2 li a:hover { color: #39a9ff !important; } + +@media (min-width: 992px) { .section-contact .ovm-h-60 { height: 50%; } } + +/** 04.13 WGS */ +.wgs { margin-bottom: 30px; } + +.wgs-title { text-transform: uppercase; color: #374574; font-size: 1rem; font-weight: 600; letter-spacing: 0.075em; } + +.wgs-title-s2, .wgs-title-s3 { font-size: 1.125rem; letter-spacing: normal; } + +.wgs-title-s2 { margin-bottom: 18px; font-weight: 600; } + +.wgs-title-s3 { font-weight: 700; margin-bottom: 22px; padding-top: 10px; } + +.tc-light .wgs-title { color: #ffc123; } + +.wgs-logo { padding-bottom: 22px; display: inline-block; } + +.wgs-body p { font-size: 0.93em; line-height: 1.71; margin-bottom: 0.75rem; } + +.wgs-body p:last-child { margin-bottom: 0; } + +.wgs-list li { font-size: .9em; padding-bottom: 14px; letter-spacing: 0.01em; } + +.wgs-list li:last-child { padding-bottom: 0; } + +.wgs-links li { position: relative; padding: 5px 0; line-height: 1; } + +.wgs-links li:last-child { padding-bottom: 0px; } + +.wgs-links li a { font-size: 0.9em; line-height: 20px; display: block; color: #374574; } + +.wgs-links li a:hover { color: #39a9ff; } + +.tc-light .wgs-links li a { color: #fff !important; } + +.tc-light .wgs-links li a:hover { color: #39a9ff !important; } + +.wgs-links-s2 li { padding: 7px 0; } + +.wgs-links-s2 li a { font-size: 1em; } + +.wgs-links-s3 li { padding: 9px 0; } + +.wgs-links-s4 li { padding: 7px 0; } + +.wgs-links-s5 li { margin-bottom: 17px; } + +.wgs-links-s5 li:first-child { margin-top: -5px; } + +.wgs-links-s5 li a { font-size: 1rem; font-weight: 400; } + +.wgs-links-uline li a { display: inline-block; } + +.wgs-links-uline li a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.wgs-links-category li { padding-left: 20px; } + +.wgs-links-category li a { padding: 10px 0; } + +.wgs-links-category li:before { position: absolute; left: 0; top: 50%; margin-top: -1px; height: 2px; width: 8px; content: ''; background: #39a9ff; } + +.wgs-links-tags { padding: 12px 0; margin: -7px -5px; } + +.wgs-links-tags li { display: inline-block; padding: 7px 5px; } + +.wgs-links-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; } + +.wgs-links-tags li a:hover { color: #fff; border-color: #39a9ff; background: #39a9ff; } + +.wgs-links-3clumn li { width: 32%; display: inline-block; } + +.wgs-archive .wgs-body { padding: 12px 0; } + +.wgs-cta .wgs-body { padding: 30px 30px 35px; } + +.wgs-address { font-size: .9rem; line-height: 2; } + +.wgs-address li:not(:last-child) { margin-bottom: 10px; } + +.wgs-regular { font-weight: 400; } + +@media (min-width: 992px) { .wgs-subscribe-form-s1 { margin-left: -50px; padding-right: 50px; } } + +.copyright-text { color: #637097; } + +.tc-light .copyright-text { color: rgba(255, 255, 255, 0.7); } + +.copyright-text p { color: inherit; } + +.copyright-text a { color: #637097; } + +.copyright-text a:hover { color: #39a9ff; } + +.tc-light .copyright-text a { color: rgba(255, 255, 255, 0.7); } + +.tc-light .copyright-text a:hover { color: #39a9ff; } + +.copyright-text-s1 { font-size: 14px; } + +.copyright-text-s1 p { font-size: inherit; } + +.copyright-text-s2 { text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; } + +.copyright-text-s3 { font-size: 13px; color: #374574; } + +.tc-light .copyright-text-s3 { color: rgba(255, 255, 255, 0.7); } + +.copyright-text-s3 p { font-size: 13px; color: inherit; } + +.copyright-text-s3 p a { color: inherit !important; } + +.copyright-text-s3 p a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.copyright-text-s3 a { font-weight: 500; } + +.copyright-text-s3 span { color: #637097; padding-bottom: 3px; } + +.tc-light .copyright-text-s3 span { color: #fff; } + +.copyright-text-s4 p { font-size: 0.9rem !important; } + +.copyright-text li a, .copyright-text p { font-size: 13px; color: #fff; } + +.copyright-text li { width: 100%; } + +.footer-nav { margin: 0 -15px; } + +.footer-nav li { display: inline-block; padding: 0 15px; } + +.footer-nav li a { color: #637097; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; } + +.footer-nav li a:hover { color: #39a9ff !important; } + +.tc-light .footer-nav li a { color: #fff !important; } + +.tc-light .footer-nav li a:hover { color: #39a9ff !important; } + +@media (min-width: 576px) { .copyright-text-s2 { font-size: 12px; } + .copyright-text li { width: auto; } } + +.wgs-nl-title { margin-bottom: 32px; } + +/** 04.14 Others */ +.rank-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.rank-item { background-image: url(../images/hexagon.png); height: 88px; width: 94px; padding: 16px 20px 0; } + +.rank-item img { max-height: 16px; } + +.rank-count { font-size: 1rem; color: #2b4aed; font-weight: 700; padding-top: 4px; line-height: 1.3; } + +.rank-count span { font-size: .7rem; color: #fff; } + +@media (min-width: 400px) { .rank-item { height: 104px; width: 108px; padding-top: 24px; } } + +@media (min-width: 768px) { .rank-item { height: 136px; width: 146px; padding: 32px 30px 0; } + .rank-item img { max-height: 24px; } + .rank-count { padding-top: 10px; font-size: 1.4rem; } + .rank-count span { font-size: .9rem; } } + +@media (min-width: 992px) { .rank-item { height: 160px; width: 164px; padding-top: 38px; } } + +.rating-info { font-size: 2.23em; line-height: 1; padding: 16px 0; font-weight: 700; background: #f7f8ff; border-radius: 6px 6px 0 0; color: #637097; } + +.rating-info span { font-size: .5em; font-weight: 400; color: #fff; margin-left: 6px; } + +.tc-light .rating-info span { color: #f7f8ff; } + +.rating-info span:before { content: '/'; } + +.tc-light .rating-info { color: #fff; background: #637af2; } + +.rating-title { background: #39a9ff; color: #fff; padding: 5px 0; font-size: .93em; line-height: 20px; border-radius: 0 0 6px 6px; } + +.tc-light .rating-title { background: #000d4d; } + +.bonus { border-radius: 0 0 8px 8px; border: 1px solid rgba(57, 169, 255, 0.2); border-top: none; display: flex; } + +.bonus-info { position: relative; width: 50%; padding: 12px 16px 16px; } + +.bonus-info:not(:last-child) { border-right: 1px solid rgba(57, 169, 255, 0.2); } + +.bonus-percent { font-size: 20px; } + +.bonus-percent small { font-size: 14px; } + +.bonus-date { font-size: 12px; color: #fff; } + +.bonus-badge { position: absolute; top: 5px; right: 5px; text-transform: uppercase; border-radius: 11px; line-height: 15px; font-size: 8px; font-weight: 500; padding: 0 8px; color: #fff; background: #ffc123; } + +@media (min-width: 420px) { .bonus-info { padding: 12px 30px 16px; } + .bonus-percent { font-size: 28px; } + .bonus-percent small { font-size: 14px; } + .bonus-date { font-size: 12px; color: #fff; } + .bonus-badge { top: 50%; right: 0; transform: translateY(-50%) rotate(-90deg); line-height: 22px; font-size: 11px; padding: 0 10px; } } + +.chart-data li { display: flex; font-size: 1rem; line-height: 1.4; font-weight: 400; padding: 7px 0; } + +.chart-data li span { display: block; } + +.chart-data-s1 { display: flex; flex-wrap: wrap; } + +.chart-data-s1 li { display: flex; align-items: center; width: auto; transition-delay: .8s; width: 100%; } + +.chart-data-s1 .chart-p { min-width: 55px; height: 55px; line-height: 50px; padding: 0; color: #fff; transform: rotate(45deg); border-radius: 10px; margin: 30px; order: -1; font-size: 16px; font-weight: 600; line-height: 55px; } + +.chart-data-s1 .chart-p span { transform: rotate(-45deg); display: block; } + +.chart-data-s1 .chart-l { text-align: left; } + +.chart-data-s2 { display: flex; flex-wrap: wrap; margin: -10px; } + +.chart-data-s2 li { padding: 10px; } + +.chart-data-item { position: relative; padding: 15px 25px; } + +.chart-data-item:before, .chart-data-item:after { position: absolute; content: ''; top: 0; height: 100%; width: 45px; border: 2px solid #dbe4f7; transition: all .4s; } + +.tc-light .chart-data-item:before, .tc-light .chart-data-item:after { border-color: rgba(219, 228, 247, 0.5); } + +.active > .chart-data-item:before, .active > .chart-data-item:after { border-color: #39a9ff; } + +.chart-data-item:before { left: 0; border-radius: 6px 0 0 6px; border-right: none; } + +.chart-data-item:after { right: 0; border-radius: 0 6px 6px 0; border-left: none; } + +.chart-label { font-size: 14px; font-weight: 700; color: #374574; transition: all .4s; } + +.tc-light .chart-label { color: #fff; } + +.active > div > .chart-label { color: #39a9ff; } + +.chart-info { display: block; } + +.chart-percent { font-size: 22px; font-weight: 400; color: #374574; } + +.tc-light .chart-percent { color: #fff; } + +.chart-sublabel { font-size: 13px; color: #637097; margin-left: 8px; } + +.tc-light .chart-sublabel { color: #fff; } + +.chart-p { margin-left: auto; font-size: 1.125rem; font-weight: 500; color: #2b4aed; } + +.chart-c { position: relative; top: 3px; height: 14px; width: 14px; border-radius: 3px; margin-right: 12px; flex-shrink: 0; display: block; } + +.chart-canvas { min-height: 300px; max-width: 100%; margin-left: auto; margin-right: auto; } + +.chart-canvas-s1 { min-height: 215px; } + +@media (min-width: 480px) { .chart-data-s1 li { width: 50%; } } + +@media (min-width: 576px) { .chart-label, .chart-percent { font-size: 18px; } + .chart-c { top: 6px; } + .chart-canvas { min-height: 360px; } + .chart-canvas-s1 { min-height: 215px; } } + +@media (min-width: 768px) { .chart-data-s1 li { width: 33.33%; } } + +@media (min-width: 992px) { .chart-data-s1 li { position: absolute; width: auto; transition: all .4s; opacity: 0; } + .chart-data-s1 li:nth-child(1) { top: -60px; left: 50%; transform: translateX(-50%) translateY(-30px) !important; flex-wrap: wrap; transition-delay: .6s; } + .chart-data-s1 li:nth-child(1) .chart-l { order: -1 !important; width: 100%; } + .chart-data-s1 li:nth-child(1) .chart-p { margin: 20px auto; transform: rotate(0); } + .chart-data-s1 li:nth-child(1) .chart-p span { transform: rotate(0); } + .animate.show .chart-data-s1 li:nth-child(1) { transform: translateX(-50%) translateY(0) !important; } + .chart-data-s1 li:nth-child(odd) { left: 50%; transform: translateX(30px) translateY(0); } + .chart-data-s1 li:nth-child(odd) .chart-l { order: 1; } + .chart-data-s1 li:nth-child(even) { right: 50%; transform: translateX(-30px) translateY(0); } + .chart-data-s1 li:nth-child(even) .chart-l { order: -1; text-align: right; } + .chart-data-s1 li:nth-child(even) .chart-p { left: auto; right: 29px; top: 33px; } + .chart-data-s1 li:nth-child(2) { top: 65px; margin-right: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(3) { top: 65px; margin-left: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(4) { top: 173px; margin-right: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(5) { top: 173px; margin-left: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(6) { top: 281px; margin-right: 278px; transition-delay: 1.2s; } + .chart-data-s1 li:nth-child(7) { top: 281px; margin-left: 278px; transition-delay: 1.2s; } + .animate.show .chart-data-s1 li { opacity: 1; transform: translateX(0) translateY(0); } + .chart-data-s1 .chart-p { order: 0; } + .chart-data-s1 .chart-l { text-align: center; font-weight: 400; } + .chart-canvas { min-height: 300px; } + .chart-canvas-s1 { min-height: 215px; } } + +.ath-container { width: 440px; max-width: 100%; margin: 30px auto; } + +.ath-header { padding: 0 0 30px; } + +.ath-heading { text-align: center; font-weight: 300; } + +.ath-heading small { display: block; padding-bottom: 10px; } + +.ath-body { background: #fff; border-radius: 6px; padding: 18px 25px 25px; } + +.ath-note { padding: 25px 0 0; } + +@media (min-width: 576px) { .ath-body { padding: 32px 40px 40px; } } + +.sap-text { position: relative; text-align: center; padding: 20px 0; } + +.sap-text:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; content: ''; background: #dbe4f7; z-index: 3; } + +.sap-text span { position: relative; background: #fff; display: inline-block; padding: 0 15px; z-index: 5; font-size: .9rem; text-transform: uppercase; } + +.bg-theme > .sap-text span { background: #1d36ba; } + +.bg-theme-alt > .sap-text span { background: #2b4aed; } + +.blog { background: #fff; border-radius: 6px; box-shadow: 0 5px 45px 0 rgba(55, 69, 116, 0.08); margin-bottom: 30px; } + +.tc-light .blog { background: #2b4aed; } + +.blog-photo { padding: 30px 30px 0; } + +.blog-photo > img { border-radius: 6px 6px 0 0; } + +.blog-s2 .blog-photo { padding: 0; } + +.blog-text { padding: 25px 30px 30px; } + +.blog-text p { font-size: 0.88rem; } + +.blog-s2 .blog-title { margin-bottom: 8px; } + +.blog-content-inline { padding: 18px 30px 14px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } + +.blog-content .blog-text { padding: 9px 0; } + +.blog-meta { margin-bottom: .25rem; margin: 0 -7px 4px; } + +.blog-meta li { position: relative; display: inline-block; font-size: .88rem; padding: 0 7px; } + +.blog-meta li:not(:last-child):after { content: '|'; position: absolute; right: -3px; top: -1px; color: #637097; } + +.tc-light .blog-meta li:not(:last-child):after { color: #fff; } + +.blog-meta li a { color: #a0a8c0; } + +.blog-meta li a:hover { color: #39a9ff; } + +.blog-tags { padding: 12px 0; margin: -7px -5px; } + +.blog-tags li { display: inline-block; padding: 7px 5px; } + +.blog-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; color: #374574; font-size: .88rem; } + +.blog-tags li a:hover { color: #fff; border-color: #39a9ff; background: #39a9ff; } + +.blog-featured { margin-bottom: 30px; } + +.blog-comment { padding-top: 25px; } + +.blog-action { padding: 9px 0; } + +.comment-wrap { background: #f3f5fd; border-radius: 6px; overflow: hidden; margin-bottom: 30px; } + +.comment-item { padding: 20px; } + +.comment-item:not(:last-child) { border-bottom: 1px solid #fff; } + +.comment-item + .comment-item { padding-left: 40px; } + +.comment-item + .comment-item + .comment-item { padding-left: 60px; } + +.comment-photo { width: 50px; flex-shrink: 0; margin-bottom: 10px; margin-right: 20px; } + +.comment-content { padding-top: 6px; } + +.comment-info .title { margin-bottom: 0; } + +.comment-time { font-size: .75rem; } + +.comment-text { margin-top: 8px; } + +.comment-text p { font-size: .88rem; } + +@media (min-width: 576px) { .comment-wrap { margin-bottom: 30px; } + .comment-item { display: flex; padding: 30px; } + .comment-item + .comment-item { padding-left: 60px; } + .comment-item + .comment-item + .comment-item { padding-left: 90px; } + .comment-photo { margin-bottom: 0; } } + +.pagination { margin-left: auto; margin-right: auto; display: inline-flex; justify-content: center; box-shadow: 0 5px 45px 0 rgba(55, 69, 116, 0.08); } + +.pagination li a { display: inline-block; height: 50px; min-width: 56px; text-align: center; line-height: 20px; padding: 15px 5px; background: #fff; color: rgba(99, 112, 151, 0.7); } + +.pagination li a .icon { line-height: 20px; padding: 0 5px; } + +.pagination li a.active, .pagination li a:hover { background: #39a9ff; color: #fff; } + +.pagination li a.active .icon, .pagination li a:hover .icon { color: #fff; } + +.pagination li:first-child a { border-radius: 6px 0 0 6px; } + +.pagination li:last-child a { border-radius: 0 6px 6px 0; } + +.download-option { text-align: center; position: relative; padding: 10px; margin: 15px 0; } + +.download-option .icon { display: block; padding-bottom: 35px; font-size: 44px; color: #637097; } + +@media (min-width: 992px) { .download-option:not(:last-child):after { position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 1px; background: rgba(162, 179, 205, 0.3); } } + +.doc { text-align: center; position: relative; } + +.doc:hover { z-index: 9; } + +.doc-s2 { display: flex; margin-left: 20px; margin-bottom: 20px; border-radius: 6px; text-align: left; } + +.doc-photo { max-width: 125px; margin-left: auto; margin-right: auto; transition: all .2s linear; } + +.doc-photo img { border-radius: 4px; } + +.doc:hover .doc-photo { transform: translateY(-10px); } + +.doc:hover .doc-photo.no-hover { transform: translateY(0); } + +.doc-s2 .doc-photo { max-width: 100px; margin-top: 20px; margin-left: -20px; margin-bottom: -20px; margin-right: 15px; } + +.doc-shape { padding-top: 60px; position: relative; } + +.doc-shape:before { position: absolute; top: 0; left: 50%; margin-left: -5px; transform: translateX(-50%); transform-origin: 50% 50%; content: ''; background: url(../images/polygon-a-dark.png) 50% 0/contain no-repeat; width: 215px; height: 205px; z-index: -1; transition: all .2s linear; } + +.tc-light .doc-shape:before { background-image: url(../images/polygon-a-light.png); } + +.doc-shape-a:before { transform: translateX(-50%) rotate(0deg); } + +.doc:hover .doc-shape-a:before { transform: translateX(-50%) translateY(10px) rotate(0deg) scale(1.1); } + +.doc-shape-b:before { transform: translateX(-50%) rotate(90deg); } + +.doc:hover .doc-shape-b:before { transform: translateX(-50%) translateY(10px) rotate(90deg) scale(1.1); } + +.doc-shape-c:before { transform: translateX(-50%) rotate(-90deg); } + +.doc:hover .doc-shape-c:before { transform: translateX(-50%) translateY(10px) rotate(-90deg) scale(1.1); } + +.doc-shape-d:before { transform: translateX(-50%) rotate(135deg); } + +.doc:hover .doc-shape-d:before { transform: translateX(-50%) translateY(10px) rotate(135deg) scale(1.1); } + +.doc-title { margin-top: 15px; padding-bottom: 8px; } + +.doc-title small { display: block; } + +.tc-light .doc-title small { color: #fff; } + +.doc-s2 .doc-title { margin-top: 25px; font-weight: 600; } + +.doc-download { font-size: 18px; line-height: 19px; padding: 8px 15px; min-width: 60px; border-radius: 4px; color: #fff; background: #39a9ff; display: inline-block; } + +.doc-download:hover { color: #fff !important; background: #ffc123; } + +.doc-lang { text-transform: uppercase; font-size: 11px; margin-top: 5px; } + +.tc-light a.doc-download { color: #fff !important; } + +.tc-light a.doc-download:hover { color: #39a9ff !important; background: #fff; } + +@media (min-width: 1200px) { .doc-shape:before { width: 255px; height: 245px; } + .doc-photo { max-width: 175px; } } + +.particles-container { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 0 !important; } + +.particles-container.is-fixed { position: fixed !important; z-index: -1 !important; } + +.product-box { position: relative; display: block; background: #1d36ba; border-radius: 4px; padding: 25px 35px 0; max-width: 360px; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 6; } + +.tc-light .product-box { background: #fff; } + +.product-box:hover { transform: translateY(-8px); } + +.product-name { color: #fff; font-weight: 500; text-align: center; padding-bottom: 5px; margin-bottom: 18px; } + +.tc-light .product-name { color: #ffc123; } + +.product-image { border: 2px solid #39a9ff; border-bottom: 0; border-radius: 4px 4px 0 0; } + +.tc-light .product-image { border-color: #ffc123; } + +.qr-code { background: #fff; border-radius: 4px; width: 40px; height: 40px; text-align: center; box-shadow: 0px 5px 15px rgba(43, 74, 237, 0.14); padding: 0px !important; cursor: pointer; position: relative; margin: 0px 10px; display: none; line-height: 38.5px; } + +.qr-code > img { width: 22px; } + +@media (min-width: 576px) { .qr-code { display: block; } + .qr-code:hover .qr-list { opacity: 1; visibility: visible; } + .qr-list { position: absolute; width: 264px; display: flex; background: #fff; padding: 18px; justify-content: space-between; bottom: calc(100% + 15px); right: 0; box-shadow: 0px 5px 30px rgba(43, 74, 237, 0.3); border-radius: 5px; opacity: 0; transition: 0.3s; visibility: hidden; } + .has-rtl .qr-list { right: auto; left: 0; } + .qr-list:after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 2px; height: 30px; background: #3455ff; } + .qr-list:before { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; right: 10px; z-index: 1; bottom: -13px; } + .has-rtl .qr-list:before { right: auto; left: 10px; } + .qr-list img { padding: 0 6px; } } + +.bg-dark-opacity.card { height: auto; } + +.testimonial { display: block; box-shadow: 0px 5px 40px rgba(43, 74, 237, 0.08); } + +.tesm-image { min-width: 210px; max-width: 210px; margin: 0 auto; box-shadow: 0px 5px 10px rgba(43, 74, 237, 0.08); } + +.tesm-image img { border-radius: 5px; } + +.tesm-content { padding-left: 0; padding-right: 0; text-align: center; padding-top: 30px; position: relative; } + +.tesm-content:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10e"; font-size: 46px; color: rgba(43, 74, 237, 0.07); position: absolute; bottom: 0; right: 0; line-height: normal; } + +.has-rtl .tesm-content:after { right: auto; left: 0; transform: rotateY(-180deg); } + +.tesm-content .title-sm { font-size: 1.1rem; font-weight: 500; color: #637097; opacity: 0.6; line-height: 30px; } + +.tesm-content span { display: block; font-size: 0.9rem; font-style: italic; font-weight: 300; line-height: normal; } + +.testimonial-carousel .owl-nav { top: 50%; opacity: 1; position: absolute; transform: translateY(-50%); padding-top: 0; margin: 0; width: calc(100% + 60px); left: -30px; } + +.testimonial-carousel .owl-nav button { border-width: 0 !important; margin: 0; color: #637097; opacity: 0.5; transition: 0.3s; } + +.has-rtl .testimonial-carousel .owl-nav button:after { transform: rotateY(-180deg); } + +.testimonial-carousel .owl-nav button:hover { opacity: 1; } + +.testimonial-carousel .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.testimonial-carousel .owl-prev:after { content: '\f060'; } + +.testimonial-carousel .owl-next { position: absolute; right: 0; } + +.has-rtl .testimonial-carousel .owl-next { right: auto; left: 0; } + +.testimonial-carousel .owl-next:after { content: '\f061'; } + +@media (min-width: 576px) { .testimonial { display: flex; flex-direction: row; align-items: center; } + .tesm-content { padding-left: 40px; padding-right: 15px; text-align: left; padding-top: 0; } + .has-rtl .tesm-content { text-align: right; padding-left: 15px; padding-right: 40px; } + .tesm-image { margin: -45px 0; } + .testimonial-carousel .owl-stage-outer { padding: 30px 0; } } + +@media (min-width: 768px) { .testimonial-carousel .owl-nav { width: calc(100% + 80px); left: -40px; } } + +@media (min-width: 992px) { .mlm-30 { margin-left: -30px; } + .testimonial-carousel .owl-nav { width: calc(100% + 160px); left: -80px; } } + +/** 04.14 Others */ +.payment-holder { position: relative; } + +.payment-holder-list { max-width: 1200px; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between; } + +.payment-holder-thumb { width: 58px; height: 58px; box-shadow: 0px 0px 0px 3px #3455ff; position: relative; border-radius: 50%; margin-bottom: 20px; } + +.payment-holder-thumb-s2 { box-shadow: none; border-radius: 0; height: auto; width: auto; } + +.payment-holder-thumb img { width: 100%; border-radius: 50%; } + +.payment-holder-info p { font-size: 11px; font-weight: 500; } + +.payment-holder-single { display: flex; margin-bottom: 30px; align-items: center; width: 100%; align-items: center; flex-wrap: wrap; flex-direction: column-reverse; } + +.payment-info-card { padding: 14px 20px; background: #fff; box-shadow: 0px 5px 20px rgba(52, 85, 255, 0.25); border-radius: 4px; width: 100%; text-align: center; } + +.title-pcard { font-size: 1rem; margin-bottom: 0 !important; font-weight: 400; } + +@media (min-width: 576px) { .payment-holder-single { width: 48%; } } + +@media (min-width: 992px) { .payment-holder-info { margin-bottom: 14px; position: relative; } + .payment-holder-info:after { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; top: 99%; z-index: 1; } + .payment-holder-thumb { border-radius: 50%; } + .payment-holder-thumb img { border-radius: 50%; } + .payment-holder-single { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; flex-direction: column; } + .payment-holder-single:nth-child(1) { margin-left: -23%; margin-top: -10%; } + .payment-holder-single:nth-child(2) { margin-left: -14%; margin-top: 3%; } + .payment-holder-single:nth-child(3) { margin-left: 10%; margin-top: 0; } + .payment-holder-single:nth-child(4) { margin-left: 31%; margin-top: -9%; } + .payment-holder-thumb:after, .payment-holder-thumb:before { position: absolute; content: ""; left: 50%; transform: translateX(-50%); } + .payment-holder-thumb:after { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 40px solid #fff; bottom: -30px; z-index: -1; filter: drop-shadow(0px 6px 0px #3455ff); } + .payment-holder-thumb:before { width: 30px; height: 15px; border-radius: 50%; background: rgba(52, 85, 255, 0.4); bottom: -41px; z-index: -1; } + .payment-holder-thumb-s2 { border-radius: 0px; } + .payment-holder-thumb-s2:before, .payment-holder-thumb-s2:after { display: none; } + .payment-holder-thumb-s2 img { border-radius: 0; } + .payment-info-card { width: auto; text-align: left; } + .has-rtl .payment-info-card { text-align: right; } } + +/** 04.14 datatable */ +.table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } + +.dataTables_filter label { width: 100%; height: 50px; border: 2px solid #d1e0f6; background: transparent; border-radius: 5px; padding: 13px 20px 10px; display: flex; align-items: center; margin-bottom: 30px; } + +.dataTables_filter input { border: none; width: 97% !important; } + +.dataTables_filter input:focus { outline: none; } + +.dataTable { width: 100%; } + +.data-table-area { position: relative; } + +.data-item { box-shadow: 0px 3px 15px rgba(0, 23, 140, 0.06); background: #fff; } + +.data-col { padding: 10px 20px; font-size: 14px; font-weight: 400; color: #fff; } + +.data-col-three { border-left: 1px solid; border-bottom: 1px solid; border-right: 1px solid; } + +.data-col-four { border-bottom: 1px solid; } + +.data-col-five { border-left: 1px solid; } + +.data-col-six { border-right: 1px solid; } + +.data-col:before, .data-col:after { display: none !important; } + +.data-col-inner { padding: 20px; } + +.data-item:not(:last-child) .data-col-inner { border-bottom: 5px solid #f7f8ff; } + +.data-col-inner.alphabetical { min-width: 186px; } + +.dt-short { position: absolute; right: 0; top: 0; z-index: 9; } + +.dt-short label { width: 86px; margin-bottom: 0; } + +.has-rtl .dt-short { right: auto; left: 0; } + +@media (max-width: 409px) { .dt-short { position: static !important; margin-bottom: 20px; } + .dataTables_filter label { margin-bottom: 0; } } + +/** 05. Layouts */ +/** 05.01 Header */ +.header-main { padding: 12px 0; transition: all .4s; } + +.is-transparent .header-main, .has-fixed .header-main { width: 100%; z-index: 49; } + +.is-transparent .header-main { position: absolute !important; } + +.has-fixed .header-main { position: fixed !important; box-shadow: 0 0 20px 0 rgba(55, 69, 116, 0.08); } + +.has-fixed:not(.is-dark) .header-main { background: #fff; } + +.has-fixed.is-dark .header-main { background: #000729; } + +.has-fixed.is-shrink .header-main { padding: 8px 0; } + +.header-container:not(.container) { width: 100%; padding: 0 15px; } + +.header-wrap { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } + +.header-logo { margin: 6px 0; flex-shrink: 0; } + +.header-logo-ls { display: flex; align-items: center; } + +.header-navbar { position: fixed; left: -280px; top: 0; width: 260px; height: 100vh; } + +.header-navbar.menu-mobile { transition: all 0.4s; } + +.header-navbar::before, .header-navbar-overlay { position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.header-navbar::before { background: #fff; left: 50%; transform: translateX(-50%); transition: all .4s; } + +.is-dark .header-navbar::before { background: #435eef; } + +.header-navbar-overlay { background: rgba(0, 13, 77, 0.7); left: 100%; width: 0; z-index: -1; opacity: 0; visibility: hidden; transition: opacity .3s; transition-delay: .2s; } + +.header-navbar.menu-shown { left: 0 !important; z-index: 10; } + +.header-navbar.menu-shown .header-navbar-overlay { width: 100vw; opacity: 1; visibility: visible; } + +.header-navbar-classic { position: absolute; top: 99%; right: 0; left: 0; width: 100%; height: auto; background: transparent; margin-top: 12px; z-index: auto; flex-grow: 1; transition: all 0.4s; padding: 0 20px; } + +.has-fixed .header-navbar-classic { margin-top: -6px; padding: 0; } + +.header-navbar-classic:before { border-radius: 4px; } + +.has-fixed .header-navbar-classic:before { width: 100vw; border-radius: 0; } + +.header-navbar-s1 { flex-grow: 1; } + +.header-menu { justify-content: flex-end; padding: 30px 25px; } + +.header-navbar-classic .header-menu { padding: 0; } + +.header-banner { min-height: 72px; } + +.overlay-menu-shown { overflow: hidden; } + +.overlay-menu-shown .has-fixed > .header-main { z-index: 6; } + +@media (min-width: 375px) { .header-navbar:not(.header-navbar-classic) { left: -310px; width: 290px; } } + +@media (min-width: 576px) { .header-navbar:not(.header-navbar-classic) { left: -360px; width: 340px; } } + +.logo-dark, .is-transparent:not(.has-fixed) .logo-light, .is-dark .logo-light { display: block; } + +.logo-light, .is-transparent:not(.has-fixed) .logo-dark, .is-dark .logo-dark { display: none; } + +.logo img { height: 36px; transition: all .4s; } + +.logo-md img { height: 44px; } + +.logo-lg img { height: 52px; } + +@media (min-width: 992px) { .header-navbar:not(.header-navbar-classic) { height: auto; width: auto; left: 0; } + .header-main { padding: 20px 0; } + .header-nav-toggle { display: none; } + .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 25px; } + .header-banner { min-height: 98px; } + .logo img { height: 40px; } + .logo-md img { height: 50px; } + .logo-lg img { height: 60px; } } + +@media (min-width: 1200px) { .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 35px; } } + +.header-menu { max-height: 100vh; overflow: hidden; overflow-y: auto; height: 100%; } + +.header-navbar-classic .header-menu { display: none; max-height: 65vh; } + +.header-navbar-classic .header-menu.menu-shown { display: block; } + +.header-nav-toggle { height: 44px; } + +.language-switcher .toggle-tigger, .header-menu .btn-outline:not(:hover) { color: #637097; } + +.is-light .language-switcher .toggle-tigger, .language-switcher .toggle-tigger .is-transparent:not(.is-dark), .is-light .header-menu .btn-outline:not(:hover), .header-menu .btn-outline:not(:hover) .is-transparent:not(.is-dark) { color: #637097; } + +.tc-light .language-switcher .toggle-tigger, .tc-light .btn-outline:not(:hover), .is-dark .language-switcher .toggle-tigger, .is-dark .btn-outline:not(:hover) { color: #fff; } + +@media (min-width: 992px) { .tc-light .header-menu .language-switcher .toggle-tigger, .tc-light .header-menu .btn-outline:not(:hover), .is-transparent .header-menu .language-switcher .toggle-tigger, .is-transparent .header-menu .btn-outline:not(:hover), .is-transparent:not(.has-fixed):not(.is-light) .header-menu .language-switcher .toggle-tigger, .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover), .is-dark .header-menu .language-switcher .toggle-tigger, .is-dark .header-menu .btn-outline:not(:hover) { color: #fff; } + .is-split:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover) { color: #637097; } + .has-fixed:not(.is-dark) .header-menu .language-switcher .toggle-tigger:not(.btn), .has-fixed:not(.is-dark) .header-menu .btn-outline:not(:hover), .is-light .header-menu .language-switcher .toggle-tigger:not(.btn), .is-light .header-menu .btn-outline:not(:hover) { color: #637097; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover):not(.no-change) { border-color: rgba(255, 255, 255, 0.4); } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn:not(:hover):not(.no-change):not(.btn-outline) { border-color: #fff; background: #fff; color: #637097; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not([class*="btn-grad"]):not(.no-change):hover { color: #39a9ff !important; border-color: #fff; background-color: #fff; } } + +@media (max-width: 991px) { .header-menu .language-switcher-s1, .header-menu .language-switcher-s4 { width: 100%; } + .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 0; } + .has-rtl .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 15px; padding-right: 0; } + .header-menu .btn { line-height: 24px; padding: 6px 14px; min-width: 100px; } + .header-menu .btn-transparent { padding: 6px 0; } } + +/** 05.02 Menu */ +.menu { padding: 12px 0; } + +.menu-btns { margin-bottom: 26px; margin-left: -10px; margin-right: -10px; margin-top: -10px; display: flex; flex-wrap: wrap; } + +.menu-btns > li { padding: 10px; padding: 10px; } + +.menu-item { position: relative; border-bottom: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-item { border-color: rgba(219, 228, 247, 0.1); } + +.menu-item:last-child { border-bottom: 0; } + +.menu-item > ul, .menu-item .menu-sub { display: none; } + +.menu-item a { font-family: "Poppins", sans-serif; font-size: 15px; line-height: 18px; color: #637097; padding: 12px 0; display: block; position: relative; } + +.header-menu-s2 .menu-item a { font-size: 16px; } + +.menu-item a .badge { margin-left: 5px; position: relative; top: -1px; } + +.menu-item a .badge-dot { top: 0; } + +.menu-item a .active, .menu-item a:hover { color: #39a9ff; } + +.is-dark .menu-item a .active, .is-dark .menu-item a:hover { color: #39a9ff; } + +.menu-s2 > .menu-item > a { font-size: 13px; text-transform: uppercase; font-weight: 500; } + +.menu-sub { padding-left: 12px; } + +.menu-sub .menu-item:first-child { border-top: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-sub .menu-item:first-child { border-color: rgba(219, 228, 247, 0.1); } + +.menu-sub .menu-sub { margin-top: 0; margin-bottom: 15px; } + +.menu-sub .menu-sub .menu-item { border-bottom: none; } + +.menu-sub .menu-sub .menu-item:first-child { border-top: none; } + +.menu-sub .menu-sub .menu-item a { padding-top: 6px; padding-bottom: 6px; } + +.menu-sub a { font-family: "Poppins", sans-serif; font-size: 14px; color: #637097; } + +.menu-mega a { font-family: "Poppins", sans-serif; font-size: 14px; color: #637097; } + +.is-dark .menu-item a { color: #fff; } + +.menu-item > a.active { color: #39a9ff; } + +.has-sub > a { position: relative; } + +.has-sub > a:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.has-sub.open-nav > a:after { transform: translateY(-50%) rotate(-180deg); } + +.navbar-toggle { width: 44px; height: 44px; text-align: center; display: inline-block; border-radius: 50%; padding: 5px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s; } + +.navbar-toggle.navbar-active { color: #39a9ff; position: relative; z-index: 49; } + +.navbar-toggle:hover, .navbar-toggle.navbar-active { background: rgba(243, 245, 253, 0.2); } + +.is-transparent:not(.has-fixed) .navbar-toggle { color: #fff; } + +.is-transparent:not(.has-fixed) .navbar-toggle:hover, .is-transparent:not(.has-fixed) .navbar-toggle.navbar-active { background: rgba(243, 245, 253, 0.2); } + +.toggle-line { position: relative; width: 32px; height: 32px; display: block; color: #637097; } + +.toggle-line:hover { color: #637097; } + +.is-transparent:not(.has-fixed):not(.is-light) .toggle-line { color: #fff; } + +.is-dark.has-fixed .toggle-line { color: #fff; } + +.toggle-line::after, .toggle-line::before, .toggle-line > span { content: ""; position: absolute; background: currentColor; transition: all 0.2s; width: 24px; height: 2px; left: 4px; border-radius: 3px; } + +.toggle-line::before { top: 8px; } + +.toggle-line::after { bottom: 8px; } + +.toggle-line > span { top: 50%; margin-top: -1px; width: 20px; } + +.navbar-active .toggle-line { color: #fff; } + +.navbar-active .toggle-line::before, .navbar-active .toggle-line::after { width: 28px; left: 2px; } + +.navbar-active .toggle-line::before { transform: rotate(45deg); top: 15px; } + +.navbar-active .toggle-line::after { transform: rotate(-45deg); bottom: 15px; } + +.navbar-active .toggle-line > span { opacity: 0; visibility: hidden; } + +.secondary-navbar { box-shadow: 0px 5px 40px rgba(99, 112, 151, 0.1); padding: 15px 0; } + +.secondary-menu-list { display: flex; align-items: center; justify-content: center; padding: 0; flex-wrap: wrap; } + +.secondary-menu-item { width: 50%; } + +.secondary-menu-link { padding: 5px 16px; display: inline-block; color: #637097; font-weight: 400; position: relative; } + +.secondary-menu-link:after { position: absolute; content: ""; left: 50%; bottom: 0; width: 0; height: 3px; background: #ffc123; transform: translateX(-50%); transition: 0.3s; transform-origin: left; border-radius: 50%; } + +.secondary-menu-link:hover { color: currentColor; } + +.secondary-menu-link:hover:after { width: 3px; } + +.secondary-menu-item.active .secondary-menu-link { color: currentColor; } + +.secondary-menu-item.active .secondary-menu-link:after { width: 3px; } + +@media (min-width: 425px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 16px; width: auto; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-list { flex-wrap: nowrap; } + .secondary-menu-link:after { border-radius: 0; } + .secondary-menu-link:hover { color: currentColor; } + .secondary-menu-link:hover:after { width: 25px; } + .secondary-menu-item.active .secondary-menu-link { color: currentColor; } + .secondary-menu-item.active .secondary-menu-link:after { width: 25px; } } + +@media (min-width: 576px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 28px; width: auto; } } + +@media (min-width: 992px) { .header-menu { display: flex !important; width: auto; align-items: center; position: static; background: transparent; padding: 0; margin: 0; border-radius: 0; overflow: visible; } + .header-navbar { padding: 0 0 0 15px; margin-top: 0; position: relative; } + .header-navbar:before { display: none; } + .has-fixed .header-navbar { margin-top: 0; } + .menu { display: flex; align-items: center; padding: 0; } + .menu-item { border-bottom: none; } + .menu-item > a { font-weight: 400; padding: 20px 10px; } + .menu-drop .menu-item > a { font-weight: 300; } + .menu-item:hover { z-index: 9999; } + .menu-sub { position: absolute; min-width: 215px; max-width: 215px; background: #fff; padding: 15px 10px; top: 100%; left: 0; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; transform: translateX(0) translateY(-8px); box-shadow: 0 3px 12px 0 rgba(55, 69, 116, 0.08); } + .menu-sub a { width: 100%; display: block; padding: 10px 10px; } + .menu-sub .menu-item:first-child { border-top: none; } + .menu-sub .menu-item:hover > a { color: #39a9ff; } + .menu-item:hover > .menu-sub { opacity: 1; visibility: visible; transform: translateX(0) translateY(0); } + .menu-sub .menu-sub { left: calc(100% - 25px); top: 15px; margin: 0; } + .menu-sub .menu-sub .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .is-dark .menu-sub { background-color: #4c66f0; } + .menu-mega { position: absolute; left: 50%; background: #fff; padding: 15px 10px; top: 100%; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(55, 69, 116, 0.08); transform: translateX(-50%) translateY(-8px); } + .menu-item:hover > .menu-mega { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } + .menu-mega .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .menu-mega-innr { display: flex; } + .menu-mega-innr > div, .menu-mega-innr ul { flex-grow: 1; } + .menu-mega-2clmn .menu-mega-innr > div, .menu-mega-2clmn .menu-mega-innr ul { width: 50%; } + .menu-mega-3clmn .menu-mega-innr > div, .menu-mega-3clmn .menu-mega-innr ul { width: auto; } + .menu-mega-2clmn { min-width: 370px; max-width: 370px; } + .menu-mega-3clmn { min-width: 520px; max-width: 520px; } + .is-dark .menu-mega { background-color: #4c66f0; } + .menu-btns { display: flex; margin-bottom: -10px; margin-left: 10px; } + .menu-btns-s3 { margin-left: 0; } + .has-sub > a { padding-right: 24px !important; position: relative; } + .has-sub > a:after { right: 8px; } + .menu-sub .has-sub > a { padding-right: 35px; } + .menu-sub .has-sub > a:after { transform: translateY(-50%) rotate(-90deg); right: 15px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a { padding-right: 20px !important; padding-left: 35px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a:after { transform: translateY(-50%) rotate(90deg); left: 15px; right: auto; } + > .has-sub.menu-item:last-child .menu-mega { left: auto; right: 0; transform: translateX(0) translateY(-8px); } + > .has-sub.menu-item:last-child:hover .menu-mega { transform: translateX(0) translateY(0); } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item > a { color: #fff; } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item:hover > a { color: #39a9ff; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-link { padding: 20px 38px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .logo img { height: 32px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 4px; font-size: 12px; font-weight: 500; } + .menu-btns > li { padding: 6px; } + .menu-btns .btn { font-size: 13px; line-height: 20px; padding: 10px 15px; min-width: 0; } + .menu-btns .btn.btn-grad { padding: 12px 15px; } + .menu-btns .btn-md { font-size: 11px; line-height: 19px; padding: 8px 16px; } + .menu-btns .btn-md.btn-grad { padding: 10px 16px; } } + +@media (min-width: 1200px) { .menu > .menu-item > a { padding: 20px 15px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 8.5px; font-size: 12px; font-weight: 500; } + .menu-s2 > .menu-item > a { padding-left: 7.5px; padding-right: 7.5px; } + .menu-item.has-sub > a { padding-right: 23px !important; } + .menu-item.has-sub > a:after { right: 8px; } + .menu-sub a { padding: 10px 15px; } + .secondary-menu-link { padding: 20px 45px; } } + +@media (min-width: 1600px) { .header-navbar-s1 .menu > .menu-item > a { font-size: 14px; } + .header-menu-s2 .menu > .menu-item > a { padding: 20px 30px; } } + +/** 05.03 Sections */ +.nk-body { min-width: 320px; } + +.nk-pages-centered { display: flex; flex-direction: column; justify-content: center; min-height: 100vh; padding: 0 15px; } + +@media (min-width: 1600px) { .body-boxed .nk-wrap { max-width: 1400px; } } + +.container-md { max-width: 960px; } + +.container-sm { max-width: 720px; } + +.container-xs { max-width: 520px; } + +.container-z { z-index: 5; position: relative; } + +.section { position: relative; overflow-x: hidden; width: 100%; z-index: 2; } + +.section-sm { padding-top: 40px !important; padding-bottom: 40px !important; } + +.section-connect { overflow: visible; } + +.section-connect:before { position: absolute; top: 0; left: 50%; content: ""; height: 80px; width: 2px; transform: translate(-50%, -50%); background: linear-gradient(to bottom, #39a9ff 0%, #ffc123 100%); z-index: 2; } + +.ov-v + .section { z-index: inherit; } + +.section-t-s-fixed, .section-s-fixed { padding-top: 60px !important; } + +.section-b-s-fixed, .section-s-fixed { padding-bottom: 60px !important; } + +.section-t-m-fixed, .section-m-fixed { padding-top: 90px !important; } + +.section-b-m-fixed, .section-m-fixed { padding-bottom: 90px !important; } + +.section-t-l-fixed, .section-l-fixed { padding-top: 120px !important; } + +.section-b-l-fixed, .section-l-fixed { padding-bottom: 120px !important; } + +.section-t-x-fixed, .section-x-fixed { padding-top: 180px !important; } + +.section-b-x-fixed, .section-x-fixed { padding-bottom: 180px !important; } + +.section-t, .section { padding-top: 60px; } + +.section-b, .section { padding-bottom: 60px; } + +.section-t-xl { padding-top: 150px !important; } + +@media (min-width: 576px) { .section-connect:before { height: 100px; } + .section-t, .section { padding-top: 60px; } + .section-b, .section { padding-bottom: 60px; } + .section-t-s, .section-s { padding-top: 60px !important; } + .section-b-s, .section-s { padding-bottom: 60px !important; } } + +@media (min-width: 768px) { .section-connect:before { height: 120px; } + .section-t, .section { padding-top: 90px; } + .section-b, .section { padding-bottom: 90px; } + .section-t-m, .section-m { padding-top: 90px !important; } + .section-b-m, .section-m { padding-bottom: 90px !important; } } + +@media (min-width: 992px) { .section-connect:before { height: 160px; } + .section-t, .section { padding-top: 120px; } + .section-b, .section { padding-bottom: 120px; } + .section-t-l, .section-l { padding-top: 120px !important; } + .section-b-l, .section-l { padding-bottom: 120px !important; } + .section-t-xl { padding-top: 180px !important; } } + +@media (min-width: 1600px) { .section-t, .section { padding-top: 180px; } + .section-b, .section { padding-bottom: 180px; } + .section-t-x, .section-x { padding-top: 180px !important; } + .section-b-x, .section-x { padding-bottom: 180px !important; } } + +@media (max-width: 575px) { .section-mxw-t-0 { padding-top: 0; } + .section-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 767px) { .section-sm-mxw-t-0 { padding-top: 0; } + .section-sm-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 991px) { .section-md-mxw-t-0 { padding-top: 0; } + .section-md-mxw-b-0 { padding-bottom: 0 !important; } } + +@media (max-width: 1199px) { .section-lg-mxw-t-0 { padding-top: 0; } + .section-lg-mxw-b-0 { padding-bottom: 0; } } + +[class*="section"].pt-0, [class*="section"].pdt-0 { padding-top: 0 !important; } + +[class*="section"].pb-0, [class*="section"].pdb-0 { padding-bottom: 0 !important; } + +.split { height: 100%; } + +.split-left { border-radius: 6px 6px 0 0; } + +.split-right { border-radius: 0 0 6px 6px; } + +@media (min-width: 576px) { .split-sm-left { border-radius: 6px 0 0 6px; } + .split-sm-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 768px) { .split-md-left { border-radius: 6px 0 0 6px; } + .split-md-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 992px) { .split-lg { border-radius: 6px; } + .split-lg-left { border-radius: 6px 0 0 6px; } + .split-lg-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 1200px) { .split-xl-left { border-radius: 6px 0 0 6px; } + .split-xl-right { border-radius: 0 6px 6px 0; } } + +.nk-pages-angled { margin-top: -450px; } + +@media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } + +/** 05.04 Footer */ +.nk-footer-angled { margin-top: -450px; } + +.footer-links { margin: 0 -12px; } + +.footer-links > li { display: inline-block; padding: 0 12px; } + +.footer-links > li > a { font-size: 13px; color: #637097; } + +.footer-links > li > a:hover { color: #39a9ff; } + +.tc-light .footer-links > li > a { color: #fff !important; } + +.tc-light .footer-links > li > a:hover { color: #39a9ff !important; } + +/** 06. Override */ +.mfp-bg, .mfp-wrap, .mfp-wrap[class*="bg-"], .mfp-bg[class*="bg-"] { position: fixed !important; z-index: 99999999 !important; top: 0 !important; } + +.mfp-wrap, .mfp-wrap[class*="bg-"] { background: transparent !important; } + +/** 07. Preview Purpose */ +.icon-preview { text-align: center; padding: 30px; border-radius: 4px; border: 1px solid #dfeaf8; height: 100%; } + +.icon-wrap [class*="ikon-"] { font-size: 40px; } + +.icon-class { padding-top: 15px; } + +.nk-preview { position: relative; padding-bottom: 60px; } + +.nk-preview:first-child { padding-top: 60px; } + +.nk-preview-content { padding-top: 10px; } + +.nk-preview-content > .tab-pane { padding-top: 0; box-shadow: 0 5px 35px -5px rgba(55, 69, 116, 0.12); } + +.nk-preview .nk-block-head .nav { margin-bottom: 25px; margin-left: 0; margin-right: 0; } + +.nk-preview .nk-block-head .nav a { font-size: .8rem; padding: 10px 5px 5px; } + +.nk-preview .nk-block-head .title { color: #415076; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.nk-preview .nk-block-head .title .badge { margin-left: 5px; } + +.has-rtl .nk-preview .nk-block-head .title .badge { margin-left: 0; margin-right: 5px; } + +.nk-preview .nk-block-head .title small { font-size: 12px; text-transform: none; letter-spacing: 0; margin-top: 0.45rem; color: #828998; display: block; } + +@media (min-width: 576px) { .nk-preview { padding-bottom: 60px; } + .nk-preview:first-child { padding-top: 60px; } } + +@media (min-width: 768px) { .nk-preview { padding-bottom: 90px; } + .nk-preview:first-child { padding-top: 90px; } } + +@media (min-width: 992px) { .nk-preview { padding-bottom: 120px; } + .nk-preview:first-child { padding-top: 120px; } } + +@media (min-width: 1600px) { .nk-preview { padding-bottom: 180px; } + .nk-preview:first-child { padding-top: 180px; } } + +@media (min-width: 1280px) { .nk-preview { padding-left: 48px; padding-right: 48px; } + .nk-preview-content > .tab-pane { box-shadow: 0 5px 35px -5px rgba(55, 69, 116, 0.12); } } + +@media (min-width: 1200px) and (min-height: 900px) { .nk-preview .banner-fs, .nk-preview .nk-pages-centered { min-height: calc(100vh - 200px); } } + +/* END @iO */ +/* END @iO */ diff --git a/assets/css/style-salvia.css b/assets/css/style-salvia.css new file mode 100644 index 0000000..be080ed --- /dev/null +++ b/assets/css/style-salvia.css @@ -0,0 +1,6926 @@ +/*! Theme Name: ICOCrypto + * Author: Softnio + * Author URI: http://themeforest.net/user/softnio + * Version : 1.9.3 + * Updated : 05/05/2021 +*/ +/** +---------------------- +## TABLE CONTNETS ## +01. Fonts +02. Utilities +-- 02.01 Reset +-- 02.02 Spacing +-- 02.03 Colors +-- 02.04 Misc +03. Elements +-- 03.01 Alert +-- 03.02 Buttons +-- 03.03 Title +-- 03.04 List +-- 03.05 Form +-- 03.06 Table +-- 03.07 Progress +-- 03.08 CountDown +-- 03.09 Toastr +-- 03.10 Misc +04. Components +-- 04.01 Tab +-- 04.02 Accordion +-- 04.03 Blocks +-- 04.04 Box +-- 04.05 Banner +-- 04.06 Head +-- 04.07 Features +-- 04.08 Roadmap +-- 04.09 Token +-- 04.10 Team +-- 04.11 Partners +-- 04.12 Contact +-- 04.13 WGS +-- 04.14 Others +05. Layouts +-- 05.01 Header +-- 05.02 Menu +-- 05.03 Sections +-- 05.04 Footer +06. Override +07. Preview Purpose +---------------------- **/ +/** IMPORTANT NOTE: DO NOT Edit this file. Best to write own code in css/theme.css file. It will helps you to easy update of the template. */ +/** 01. Fonts */ +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Bold.eot"); src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Light.eot"); src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins-Light.woff") format("woff"), url("../fonts/Poppins-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-SemiBold.eot"); src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Medium.eot"); src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Regular.eot"); src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } + +@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-Light.eot"); src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } + +@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-Regular.eot"); src: local("Roboto"), local("Roboto-Regular"), url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } + +@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-Medium.eot"); src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } + +@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-Bold.eot"); src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } + +/** 02. Utilities */ +/** 02.01 Reset */ +html, body { font-family: "Roboto", sans-serif; color: #415076; font-size: 14px; line-height: 1.86; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; } + +@media (min-width: 576px) { html, body { font-size: 16px; line-height: 1.86; font-weight: 300; } } + +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } + +*[hidden] { display: none; } + +ol, ul { list-style: none; } + +blockquote, q { quotes: none; } + +blockquote::after, blockquote::before, q::after, q::before { content: none; } + +table { border-collapse: collapse; border-spacing: 0; } + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #5b53a2; font-weight: 500; font-family: "Poppins", sans-serif; line-height: 1.45; margin-bottom: 0.5rem; } + +h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 0; } + +.tc-light h1, .tc-light h2, .tc-light h3, .tc-light h4, .tc-light h5, .tc-light h6, .tc-light .h1, .tc-light .h2, .tc-light .h3, .tc-light .h4, .tc-light .h5, .tc-light .h6 { color: #fff; } + +p { font-size: 14px; margin-bottom: 1rem; color: #415076; } + +p:last-child { margin-bottom: 0; } + +p + [class*=btn] { margin-top: 15px; } + +@media (min-width: 576px) { p { font-size: 15px; } } + +ul, ol, table { margin: 0; padding: 0; } + +strong, b { font-weight: 500; } + +a { outline: 0 none; transition: all 0.5s; color: #866bfe; } + +a:link, a:visited { text-decoration: none; } + +a:hover, a:focus, a:active { outline: 0; color: #2bc9b4; } + +img { max-width: 100%; height: auto; } + +h1, .h1, .fz-1 { font-size: 1.75rem; } + +h2, .h2, .fz-2 { font-size: 1.35rem; } + +h3, .h3, .fz-3 { font-size: 1.25rem; } + +h4, .h4, .fz-4 { font-size: 1.2rem; } + +h5, .h5, .fz-5 { font-size: 1.2rem; } + +h6, .h6, .fz-6 { font-size: 0.94rem; } + +.fz-7 { font-size: 0.88rem; } + +.fz-8 { font-size: 0.75rem; } + +.lead, .lead-light { font-size: 1.1rem; font-weight: 300; color: #415076; } + +.lead-s2 { font-size: 1.1rem; color: #415076; } + +.lead-regular { font-weight: 400; } + +@media (min-width: 576px) { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.3; } + h1, .h1, .fz-1 { font-size: 2.75rem; } + h2, .h2, .fz-2 { font-size: 2.25rem; } + h3, .h3, .fz-3 { font-size: 1.87rem; } + h4, .h4, .fz-4 { font-size: 1.6rem; } + .lead, .lead-light { font-size: 1.1rem; } + .lead-s2 { font-size: 1.2rem; } } + +.nk-df-content, .nk-ovm:before, .nk-ovm:after { content: ""; } + +.nk-df-rel, .has-ovm, .has-bg, [class*='bg-'], .has-bg-image, .has-bg-video { position: relative; } + +.nk-df-over-up, .has-ovm > [class*=container], .has-ovm > *:not(.nk-ovm):not(.header-main):not(.nk-header):not([class*=ui-mask]), .has-bg-image > [class*=container], .has-bg-video > [class*=container] { position: relative; z-index: 5; } + +.nk-df-t, .nk-df-y { top: 0; } + +.nk-df-b, .nk-df-y { bottom: 0; } + +.nk-df-l, .nk-df-x { left: 0; } + +.nk-df-r, .nk-df-x { right: 0; } + +.nk-df-around, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .bg-image, .bg-video, .bg-video-cover, .overlay:after, .nk-ovm .nk-svgs, .accordion-icon:before, .accordion-icon:after { position: absolute; bottom: 0; top: 0; left: 0; right: 0; } + +.nk-df-center, .abs-center, .nk-block-video-play { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.nk-df-bg, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .has-bg, [class*='bg-'], .bg-image, .bg-video, .bg-video-cover { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } + +.nk-df-bg-100, .img-block-dot, .app-slide-wrap:after, .rank-item { background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; } + +.text-regular-sm { font-weight: 400; font-size: 0.9rem; } + +.block-row:not(:last-child) { margin-bottom: 40px !important; } + +@media (min-width: 992px) { .block-row:not(:last-child) { margin-bottom: 50px !important; } } + +/** 02.02 Spacing */ +.gap { height: 30px; } + +.gap-s { height: 10px; } + +.gap-m { height: 20px; } + +.gap-l { height: 40px; } + +.gap-x { height: 60px; } + +.gap-1x { height: 10px; } + +.gap-2x { height: 20px; } + +.gap-3x { height: 30px; } + +.gap-4x { height: 40px; } + +.gap-5x { height: 50px; } + +.gap-6x { height: 60px; } + +.gap-7x { height: 70px; } + +.gap-8x { height: 80px; } + +.gap-9x { height: 90px; } + +.gap-10x { height: 100px; } + +.pdt, .pd, .pdy { padding-top: 30px; } + +.pdb, .pd, .pdy { padding-bottom: 30px; } + +.pdl, .pd, .pdx { padding-left: 30px; } + +.pdr, .pd, .pdx { padding-right: 30px; } + +.pdt-s, .pd-s, .pdy-s { padding-top: 10px !important; } + +.pdt-m, .pd-m, .pdy-m { padding-top: 20px !important; } + +.pdt-r, .pd-r, .pdy-r { padding-top: 30px !important; } + +.pdt-l, .pd-l, .pdy-l { padding-top: 40px !important; } + +.pdt-x, .pd-x, .pdy-x { padding-top: 60px !important; } + +.pdb-s, .pd-s, .pdy-s { padding-bottom: 10px !important; } + +.pdb-m, .pd-m, .pdy-m { padding-bottom: 20px !important; } + +.pdb-r, .pd-r, .pdy-r { padding-bottom: 30px !important; } + +.pdb-l, .pd-l, .pdy-l { padding-bottom: 40px !important; } + +.pdb-x, .pd-x, .pdy-x { padding-bottom: 60px !important; } + +.pdl-s, .pd-s, .pdx-s { padding-left: 10px !important; } + +.pdl-m, .pd-m, .pdx-m { padding-left: 20px !important; } + +.pdl-r, .pd-r, .pdx-r { padding-left: 30px !important; } + +.pdl-l, .pd-l, .pdx-l { padding-left: 40px !important; } + +.pdl-x, .pd-x, .pdx-x { padding-left: 60px !important; } + +.pdr-s, .pd-s, .pdx-s { padding-right: 10px !important; } + +.pdr-m, .pd-m, .pdx-m { padding-right: 20px !important; } + +.pdr-r, .pd-r, .pdx-r { padding-right: 30px !important; } + +.pdr-l, .pd-l, .pdx-l { padding-right: 40px !important; } + +.pdr-x, .pd-x, .pdx-x { padding-right: 60px !important; } + +.mgt, .mg, .mgy { margin-top: 30px !important; } + +.mgb, .mg, .mgy { margin-bottom: 30px !important; } + +.mgl, .mg, .mgx { margin-left: 30px !important; } + +.mgr, .mg, .mgx { margin-right: 30px !important; } + +.mg-fix { margin-bottom: -20px; } + +.mg-fix-lg { margin-bottom: -45px; } + +.mg-fix-md { margin-bottom: -30px; } + +.mg-fix-sm { margin-bottom: -15px; } + +.mg-fix-xs { margin-bottom: -10px; } + +.mgt-s, .mg-s, .mgy-s { margin-top: 10px !important; } + +.mgt-m, .mg-m, .mgy-m { margin-top: 20px !important; } + +.mgt-r, .mg-r, .mgy-r { margin-top: 30px !important; } + +.mgt-l, .mg-l, .mgy-l { margin-top: 40px !important; } + +.mgt-x, .mg-x, .mgy-x { margin-top: 60px !important; } + +.mgb-s, .mg-s, .mgy-s { margin-bottom: 10px !important; } + +.mgb-m, .mg-m, .mgy-m { margin-bottom: 20px !important; } + +.mgb-r, .mg-r, .mgy-r { margin-bottom: 30px !important; } + +.mgb-l, .mg-l, .mgy-l { margin-bottom: 40px !important; } + +.mgb-x, .mg-x, .mgy-x { margin-bottom: 60px !important; } + +.mgl-s, .mg-s, .mgx-s { margin-left: 10px !important; } + +.mgl-m, .mg-m, .mgx-m { margin-left: 20px !important; } + +.mgl-r, .mg-r, .mgx-r { margin-left: 30px !important; } + +.mgl-l, .mg-l, .mgx-l { margin-left: 40px !important; } + +.mgl-x, .mg-x, .mgx-x { margin-left: 60px !important; } + +.mgr-s, .mg-s, .mgx-s { margin-right: 10px !important; } + +.mgr-m, .mg-m, .mgx-m { margin-right: 20px !important; } + +.mgr-r, .mg-r, .mgx-r { margin-right: 30px !important; } + +.mgr-l, .mg-l, .mgx-l { margin-right: 40px !important; } + +.mgr-x, .mg-x, .mgx-x { margin-right: 60px !important; } + +@media (min-width: 576px) { .pdt-l, .pd-l, .pdy-l { padding-top: 60px !important; } + .pdt-x, .pd-x, .pdy-x { padding-top: 90px !important; } + .pdb-l, .pd-l, .pdy-l { padding-bottom: 60px !important; } + .pdb-x, .pd-x, .pdy-x { padding-bottom: 90px !important; } + .pdl-l, .pd-l, .pdx-l { padding-left: 60px !important; } + .pdl-x, .pd-x, .pdx-x { padding-left: 90px !important; } + .pdr-l, .pd-l, .pdx-l { padding-right: 60px !important; } + .pdr-x, .pd-x, .pdx-x { padding-right: 90px !important; } + .mgt-l, .mg-l, .mgy-l { margin-top: 60px !important; } + .mgt-x, .mg-x, .mgy-x { margin-top: 90px !important; } + .mgb-l, .mg-l, .mgy-l { margin-bottom: 60px !important; } + .mgb-x, .mg-x, .mgy-x { margin-bottom: 90px !important; } + .mgl-l, .mg-l, .mgx-l { margin-left: 60px !important; } + .mgl-x, .mg-x, .mgx-x { margin-left: 90px !important; } + .mgr-l, .mg-l, .mgx-l { margin-right: 60px !important; } + .mgr-x, .mg-x, .mgx-x { margin-right: 90px !important; } } + +.mgb-m10 { margin-bottom: -10px !important; } + +.mgb-m20 { margin-bottom: -20px !important; } + +.mgb-m30 { margin-bottom: -30px !important; } + +.mgb-m40 { margin-bottom: -40px !important; } + +.mgb-m50 { margin-bottom: -50px !important; } + +.mgt-m10 { margin-top: -10px !important; } + +.mgt-m20 { margin-top: -20px !important; } + +.mgt-m30 { margin-top: -30px !important; } + +.mgt-m40 { margin-top: -40px !important; } + +.mgt-m50 { margin-top: -50px !important; } + +.mgt-m70 { margin-top: -70px !important; } + +.gutter-5px { margin-left: -2.5px !important; margin-right: -2.5px !important; } + +.gutter-5px > li, .gutter-5px > div { padding-left: 2.5px !important; padding-right: 2.5px !important; } + +.gutter-15px { margin-left: -7.5px !important; margin-right: -7.5px !important; } + +.gutter-15px > li, .gutter-15px > div { padding-left: 7.5px !important; padding-right: 7.5px !important; } + +.gutter-25px { margin-left: -12.5px !important; margin-right: -12.5px !important; } + +.gutter-25px > li, .gutter-25px > div { padding-left: 12.5px !important; padding-right: 12.5px !important; } + +.gutter-10px { margin-left: -5px !important; margin-right: -5px !important; } + +.gutter-10px > li, .gutter-10px > div { padding-left: 5px !important; padding-right: 5px !important; } + +.gutter-20px { margin-left: -10px !important; margin-right: -10px !important; } + +.gutter-20px > li, .gutter-20px > div { padding-left: 10px !important; padding-right: 10px !important; } + +.gutter-30px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-30px > li, .gutter-30px > div { padding-left: 15px !important; padding-right: 15px !important; } + +.gutter-40px { margin-left: -20px !important; margin-right: -20px !important; } + +.gutter-40px > li, .gutter-40px > div { padding-left: 20px !important; padding-right: 20px !important; } + +.gutter-50px { margin-left: -25px !important; margin-right: -25px !important; } + +.gutter-50px > li, .gutter-50px > div { padding-left: 25px !important; padding-right: 25px !important; } + +.gutter-60px { margin-left: -30px !important; margin-right: -30px !important; } + +.gutter-60px > li, .gutter-60px > div { padding-left: 30px !important; padding-right: 30px !important; } + +.gutter-70px { margin-left: -35px !important; margin-right: -35px !important; } + +.gutter-70px > li, .gutter-70px > div { padding-left: 35px !important; padding-right: 35px !important; } + +.gutter-80px { margin-left: -40px !important; margin-right: -40px !important; } + +.gutter-80px > li, .gutter-80px > div { padding-left: 40px !important; padding-right: 40px !important; } + +.gutter-90px { margin-left: -45px !important; margin-right: -45px !important; } + +.gutter-90px > li, .gutter-90px > div { padding-left: 45px !important; padding-right: 45px !important; } + +.gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } + +.gutter-vr-5px { margin-top: -2.5px !important; margin-bottom: -2.5px !important; } + +.gutter-vr-5px > li, .gutter-vr-5px > div { padding-top: 2.5px !important; padding-bottom: 2.5px !important; } + +.gutter-vr-15px { margin-top: -7.5px !important; margin-bottom: -7.5px !important; } + +.gutter-vr-15px > li, .gutter-vr-15px > div { padding-top: 7.5px !important; padding-bottom: 7.5px !important; } + +.gutter-vr-25px { margin-top: -12.5px !important; margin-bottom: -12.5px !important; } + +.gutter-vr-25px > li, .gutter-vr-25px > div { padding-top: 12.5px !important; padding-bottom: 12.5px !important; } + +.gutter-vr-10px { margin-top: -5px !important; margin-bottom: -5px !important; } + +.gutter-vr-10px > li, .gutter-vr-10px > div { padding-top: 5px !important; padding-bottom: 5px !important; } + +.gutter-vr-20px { margin-top: -10px !important; margin-bottom: -10px !important; } + +.gutter-vr-20px > li, .gutter-vr-20px > div { padding-top: 10px !important; padding-bottom: 10px !important; } + +.gutter-vr-30px { margin-top: -15px !important; margin-bottom: -15px !important; } + +.gutter-vr-30px > li, .gutter-vr-30px > div { padding-top: 15px !important; padding-bottom: 15px !important; } + +.gutter-vr-40px { margin-top: -20px !important; margin-bottom: -20px !important; } + +.gutter-vr-40px > li, .gutter-vr-40px > div { padding-top: 20px !important; padding-bottom: 20px !important; } + +.gutter-vr-50px { margin-top: -25px !important; margin-bottom: -25px !important; } + +.gutter-vr-50px > li, .gutter-vr-50px > div { padding-top: 25px !important; padding-bottom: 25px !important; } + +.gutter-vr-60px { margin-top: -30px !important; margin-bottom: -30px !important; } + +.gutter-vr-60px > li, .gutter-vr-60px > div { padding-top: 30px !important; padding-bottom: 30px !important; } + +.gutter-vr-70px { margin-top: -35px !important; margin-bottom: -35px !important; } + +.gutter-vr-70px > li, .gutter-vr-70px > div { padding-top: 35px !important; padding-bottom: 35px !important; } + +.gutter-vr-80px { margin-top: -40px !important; margin-bottom: -40px !important; } + +.gutter-vr-80px > li, .gutter-vr-80px > div { padding-top: 40px !important; padding-bottom: 40px !important; } + +.gutter-vr-90px { margin-top: -45px !important; margin-bottom: -45px !important; } + +.gutter-vr-90px > li, .gutter-vr-90px > div { padding-top: 45px !important; padding-bottom: 45px !important; } + +.gutter-vr-100px { margin-top: -50px !important; margin-bottom: -50px !important; } + +.gutter-vr-100px > li, .gutter-vr-100px > div { padding-top: 50px !important; padding-bottom: 50px !important; } + +.gutter-100px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 15px !important; padding-right: 15px !important; } + +@media (min-width: 992px) { .gutter-100px { margin-left: -25px !important; margin-right: -25px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 25px !important; padding-right: 25px !important; } } + +@media (min-width: 1200px) { .gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } } + +/** 02.03 Colors */ +.tc-base-white, .tc-light, .tc-light a:not(.btn):not([class*="link-"]) { color: #f7f8ff; } + +.tc-base-white-hover, .tc-light a:not(.btn):not([class*="link-"]):hover { color: #866bfe; } + +.tc-default, .tc-default a { color: #415076 !important; } + +.tc-alternet, .tc-alternet a { color: #415076 !important; } + +.tc-primary, .tc-primary a { color: #866bfe !important; } + +.tc-primary a:hover { color: #2bc9b4 !important; } + +.tc-secondary, .tc-secondary a { color: #2bc9b4 !important; } + +.tc-secondary a:hover { color: #866bfe !important; } + +.tc-info, .tc-info a { color: #026bfb !important; } + +.tc-warning, .tc-warning a { color: #f6be26 !important; } + +.tc-success, .tc-success a { color: #39d884 !important; } + +.tc-danger, .tc-danger a { color: #e6604a !important; } + +.tc-light p, .tc-light .list { color: #af9cff; } + +.tc-light .lead, .tc-light .lead-light, .tc-light .lead-s2 { color: #af9cff; } + +.tc-light-alt a:not(.btn):not([class*="link-"]) { color: #af9cff !important; } + +.tc-light-alt a:not(.btn):not([class*="link-"]):hover { color: #866bfe !important; } + +.tc-light-alt li { color: #af9cff; } + +.tc-lighter { color: rgba(255, 255, 255, 0.6) !important; } + +.tc-dark, .tc-dark a { color: #0b0c10 !important; } + +.tc-theme, .tc-theme a { color: #866bfe !important; } + +.tc-theme-alt, .tc-theme-alt a { color: #3c1c94 !important; } + +.tc-white { color: #fff !important; } + +.bg-default { background-color: #415076 !important; } + +.bg-alternet { background-color: #3c1c94 !important; } + +.bg-primary { background-color: #866bfe !important; } + +.bg-secondary { background-color: #2bc9b4 !important; } + +.bg-light { background-color: #f7f8ff !important; } + +.bg-light.current { background-color: rgba(247, 248, 255, 0.7) !important; } + +.bg-light-alt { background-color: #eaeff6 !important; } + +.bg-light-alt.current { background-color: rgba(234, 239, 246, 0.7) !important; } + +.bg-light-grad { background-image: linear-gradient(to bottom, #fff 0%, #f7f8ff 100%); } + +.bg-dark { background-color: #0b0c10 !important; } + +.bg-dark.current { background-color: rgba(11, 12, 16, 0.7) !important; } + +.bg-dark-alt { background-color: rgba(11, 12, 16, 0.7) !important; } + +.bg-dark-alt.current { background-color: rgba(23, 26, 34, 0.7) !important; } + +.bg-dark-opacity { background: rgba(0, 0, 0, 0.15) !important; } + +.bg-trans { background-color: transparent !important; } + +.bg-grad { background-image: linear-gradient(90deg, #866bfe 0%, #2bc9b4 100%) !important; } + +.bg-grad-alt { background-image: linear-gradient(90deg, #2bc9b4 0%, #866bfe 100%) !important; } + +.bg-grad-special { background-image: linear-gradient(140deg, #725bd6 0%, #725bd6 20%, transparent 50%, transparent 100%) !important; } + +.bg-grad-special-alt { background-image: linear-gradient(to top, #6e19c2 0%, #6e19c2 5%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.bg-grad-vr-theme-to-alt { background-image: linear-gradient(to bottom, #3c1c94 0%, #6e19c2 100%) !important; } + +.bg-grad-vr-theme-dark-to-dark-alt { background-image: linear-gradient(to bottom, #180747 0%, #2e186a 100%) !important; } + +.bg-grad-vr-alt-to-theme { background-image: linear-gradient(to top, #3c1c94 0%, #6e19c2 100%) !important; } + +.bg-grad-vr-dark-alt-to-theme-dark-to-theme { background-image: linear-gradient(to top, #180747 0%, #2e186a 100%) !important; } + +.bg-info { background-color: #026bfb !important; } + +.bg-warning { background-color: #f6be26 !important; } + +.bg-success { background-color: #39d884 !important; } + +.bg-danger { background-color: #e6604a !important; } + +.bg-black { background-color: #000; } + +.bg-black-2, .bonus-info { background-color: rgba(0, 0, 0, 0.02); } + +.bg-black-5 { background-color: rgba(0, 0, 0, 0.05); } + +.bg-black-7 { background-color: rgba(0, 0, 0, 0.07); } + +.bg-black-10 { background-color: rgba(0, 0, 0, 0.1); } + +.bg-black-14 { background-color: rgba(0, 0, 0, 0.14); } + +.bg-black-22 { background-color: rgba(0, 0, 0, 0.22); } + +.bg-white { background-color: #fff; } + +.bg-white-2 { background-color: rgba(255, 255, 255, 0.02); } + +.bg-white-5 { background-color: rgba(255, 255, 255, 0.05); } + +.bg-white-7 { background-color: rgba(255, 255, 255, 0.07); } + +.bg-white-10 { background-color: rgba(255, 255, 255, 0.1); } + +.bg-white-14 { background-color: rgba(255, 255, 255, 0.14); } + +.bg-white-22 { background-color: rgba(255, 255, 255, 0.22); } + +.bg-theme { background-color: #3c1c94 !important; } + +.bg-theme.current { background-color: rgba(60, 28, 148, 0.7) !important; } + +.bg-theme-alt { background-color: #6e19c2 !important; } + +.bg-theme-alt.current { background-color: rgba(110, 25, 194, 0.7) !important; } + +.bg-theme-grad { background-image: linear-gradient(to right, #3c1c94 0%, #6e19c2 100%) !important; } + +.bg-theme-grad-alt { background-image: linear-gradient(to right, #6e19c2 0%, #3c1c94 100%) !important; } + +.bg-theme-grad-s2 { background-image: linear-gradient(45deg, #3c1c94 0%, #6e19c2 100%) !important; } + +.bg-theme-grad-s2-alt { background-image: linear-gradient(45deg, #6e19c2 0%, #3c1c94 100%) !important; } + +.bg-theme-grad-alternet { background-image: linear-gradient(to right, #2bc9b4 0%, #725bd6 100%) !important; } + +.bg-theme-dark { background-color: #180747 !important; } + +.bg-theme-dark.current { background-color: rgba(24, 7, 71, 0.7) !important; } + +.bg-theme-dark-alt { background-color: #2e186a !important; } + +.bg-theme-dark-alt.current { background-color: rgba(46, 24, 106, 0.7) !important; } + +.bg-theme-light { background-color: #f7f8ff !important; } + +.bg-theme-light.current { background-color: rgba(247, 248, 255, 0.7) !important; } + +.bg-theme-light-alt { background-color: #eaeff6 !important; } + +.bg-theme-light-alt.current { background-color: rgba(234, 239, 246, 0.7) !important; } + +.bg-theme-accent { background-color: #866bfe !important; } + +.bg-theme-accent.current { background-color: rgba(134, 107, 254, 0.7) !important; } + +.bg-theme-accent-alt { background-color: #2bc9b4 !important; } + +.bg-theme-accent-alt.current { background-color: rgba(43, 201, 180, 0.7) !important; } + +.bg-blend:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #3c1c94); } + +.bg-blend-alt:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #6e19c2); } + +.bg-blend-light { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #f7f8ff); } + +.bg-blend-light-alt { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #eaeff6); } + +.bg-rblend-light { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #f7f8ff); } + +.bg-rblend-light-alt { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #eaeff6); } + +.theme-dark { background: #180747 !important; } + +.text-primary { color: #3c1c94 !important; } + +.text-primary-alt { color: #6e19c2 !important; } + +.text-theme-alt { color: #725bd6; } + +.text-base { color: #5b53a2; } + +/** 02.04 Misc */ +.ttc { text-transform: capitalize !important; } + +.ttu { text-transform: uppercase !important; } + +.ttl { text-transform: lowercase !important; } + +.ttn { text-transform: none !important; } + +.fw-7 { font-weight: 700 !important; } + +.fw-6 { font-weight: 600 !important; } + +.fw-5 { font-weight: 500 !important; } + +.fw-4 { font-weight: 400 !important; } + +.fw-3 { font-weight: 300 !important; } + +.fw-rg { font-weight: 400 !important; } + +.fw-bold { font-weight: 700 !important; } + +.fw-md { font-weight: 500 !important; } + +.fw-lt { font-weight: 300 !important; } + +.lh { line-height: 1; } + +.lh-11 { line-height: 1.1; } + +.lh-12 { line-height: 1.2; } + +.lh-13 { line-height: 1.3; } + +.lh-14 { line-height: 1.4; } + +.lh-15 { line-height: 1.5; } + +.lh-16 { line-height: 1.6; } + +.lh-17 { line-height: 1.7; } + +.lh-18 { line-height: 1.8; } + +.lh-19 { line-height: 1.9; } + +.lh-2 { line-height: 2; } + +.ov-h, .nk-block-video, .nk-banner, .banner-wrap, .feature-group, .feature-img { overflow: hidden; } + +.ov-xh { overflow-x: hidden; } + +.ov-yh { overflow-y: hidden; } + +.ov-s { overflow: scroll; } + +.ov-xs { overflow-x: scroll; } + +.ov-ys { overflow-y: scroll; } + +.ov-v { overflow: visible !important; } + +.ov-xv { overflow-x: visible !important; } + +.ov-yv { overflow-y: visible !important; } + +.bd { border: 1px solid #d1e0f6; } + +.bd-2 { border-width: 2px; } + +.bd-3 { border-width: 3px; } + +.bdt { border-top: 1px solid #d1e0f6; } + +.bdt-2 { border-top-width: 2px; } + +.bdt-3 { border-top-width: 3px; } + +.bdb { border-bottom: 1px solid #d1e0f6; } + +.bdb-2 { border-bottom-width: 2px; } + +.bdb-3 { border-bottom-width: 3px; } + +.bdl { border-left: 1px solid #d1e0f6; } + +.bdl-2 { border-left-width: 2px; } + +.bdl-3 { border-left-width: 3px; } + +.bdr { border-right: 1px solid #d1e0f6; } + +.bdr-2 { border-right-width: 2px; } + +.bdr-3 { border-right-width: 3px; } + +.bd-dashed { border-style: dashed; } + +.bd-dotted { border-style: dotted; } + +.bd-double { border-style: double; } + +.bd-light { border-color: #dbe4f7; } + +.bd-lighter { border-color: #dbe4f7; } + +.bd-lightest { border-color: #f4f7fd; } + +.bd-dark { border-color: #394995; } + +.bd-darker { border-color: #394995; } + +.bd-darkest { border-color: #394995; } + +.bd-primary { border-color: #866bfe; } + +.bd-alternet { border-color: #a2b3cd; } + +.bd-secondary { border-color: #3c1c94; } + +.bd-info { border-color: #9ac4fd; } + +.bd-warning { border-color: #fbe5a8; } + +.bd-success { border-color: #b0efce; } + +.bd-danger { border-color: #f5bfb7; } + +.round, .token-stage { border-radius: 6px !important; } + +.round-sm { border-radius: 4px !important; } + +.round-md { border-radius: 10px !important; } + +.round-lg { border-radius: 15px !important; } + +.round-xl { border-radius: 44px !important; } + +.round-full, .circle { border-radius: 50% !important; } + +.round-full:before, .circle:before, .round-full:after, .circle:after { border-radius: 50% !important; } + +.bdrs-1 { border-radius: 1px; } + +.bdrs-2 { border-radius: 2px; } + +.bdrs-3 { border-radius: 3px; } + +.bdrs-4 { border-radius: 4px; } + +.bdrs-5 { border-radius: 5px; } + +.bdrs-6 { border-radius: 6px; } + +.bdrs-7 { border-radius: 7px; } + +.bdrs-8 { border-radius: 8px; } + +.bdrs-9 { border-radius: 9px; } + +.bdrs-1x { border-radius: 10px; } + +.bdrs-2x { border-radius: 20px; } + +.bdrs-3x { border-radius: 30px; } + +.bdrs-4x { border-radius: 40px; } + +.bdrs-5x { border-radius: 50px; } + +.bdrs-15x { border-radius: 15px; } + +.bdrs-25x { border-radius: 25px; } + +.bdrs-35x { border-radius: 35px; } + +.bdrs-45x { border-radius: 45px; } + +.shadow { box-shadow: 0 3px 12px 0 rgba(91, 83, 162, 0.08) !important; } + +.shadow-alt { box-shadow: 0 8px 16px 0 rgba(91, 83, 162, 0.15); } + +.shadow-soft { box-shadow: 0 5px 45px 0 rgba(91, 83, 162, 0.08); } + +.shadow-soft-sm { box-shadow: 0 2px 12px 0 rgba(91, 83, 162, 0.08); } + +.shadow-dark { box-shadow: 0 5px 40px rgba(91, 83, 162, 0.15); } + +.shadow-dark-sm { box-shadow: 0 3px 12px 0 rgba(91, 83, 162, 0.15); } + +.shadow-heavy { box-shadow: 0 5px 50px rgba(91, 83, 162, 0.25); } + +.shadow-heavy-sm { box-shadow: 0 3px 12px 0 rgba(91, 83, 162, 0.25); } + +.nk-df-mask-a, .mask-a:before, .mask-a-bg { background-image: url(../images/mask-a.svg); } + +.ie .nk-df-mask-a, .ie .mask-a:before, .ie .mask-a-bg { background-image: url(../images/mask-a.png); } + +.nk-df-mask-a-md, .mask-a-md:before, .mask-a-md-bg { background-image: url(../images/mask-a-md.svg); } + +.ie .nk-df-mask-a-md, .ie .mask-a-md:before, .ie .mask-a-md-bg { background-image: url(../images/mask-a-md.png); } + +.nk-df-mask-a-dark, .mask-a-dark:before, .mask-a-dark-bg { background-image: url(../images/mask-a-dark.svg); } + +.ie .nk-df-mask-a-dark, .ie .mask-a-dark:before, .ie .mask-a-dark-bg { background-image: url(../images/mask-a-dark.png); } + +.nk-df-mask-line, .mask-line:before, .mask-line-bg { background-image: url(../images/mask-line.svg); } + +.ie .nk-df-mask-line, .ie .mask-line:before, .ie .mask-line-bg { background-image: url(../images/mask-line.png); } + +.nk-df-mask-b, .mask-b:before, .mask-b-bg { background-image: url(../images/mask-b.svg); } + +.ie .nk-df-mask-b, .ie .mask-b:before, .ie .mask-b-bg { background-image: url(../images/mask-b.png); } + +.nk-df-mask-c, .mask-c:before, .mask-c-bg { background-image: url(../images/mask-c.svg); } + +.ie .nk-df-mask-c, .ie .mask-c:before, .ie .mask-c-bg { background-image: url(../images/mask-c.png); } + +.nk-df-mask-c-light, .mask-c-light:before, .mask-c-light-bg { background-image: url(../images/mask-c-light.svg); } + +.ie .nk-df-mask-c-light, .ie .mask-c-light:before, .ie .mask-c-light-bg { background-image: url(../images/mask-c-light.png); } + +.nk-df-mask-c-dark, .mask-c-dark:before, .mask-c-dark-bg { background-image: url(../images/mask-c-dark.svg); } + +.ie .nk-df-mask-c-dark, .ie .mask-c-dark:before, .ie .mask-c-dark-bg { background-image: url(../images/mask-c-dark.png); } + +.nk-df-mask-d, .mask-d:before, .mask-d-bg { background-image: url(../images/mask-d.svg); } + +.ie .nk-df-mask-d, .ie .mask-d:before, .ie .mask-d-bg { background-image: url(../images/mask-d.png); } + +.nk-df-mask-d2, .mask-d2:before, .mask-d2-bg { background-image: url(../images/mask-d2.svg); } + +.ie .nk-df-mask-d2, .ie .mask-d2:before, .ie .mask-d2-bg { background-image: url(../images/mask-d2.png); } + +.nk-df-mask-e, .mask-e:before, .mask-e-bg { background-image: url(../images/mask-e.svg); } + +.ie .nk-df-mask-e, .ie .mask-e:before, .ie .mask-e-bg { background-image: url(../images/mask-e.png); } + +.nk-df-mask-f, .mask-f:before, .mask-f-bg { background-image: url(../images/mask-f.svg); } + +.ie .nk-df-mask-f, .ie .mask-f:before, .ie .mask-f-bg { background-image: url(../images/mask-f.png); } + +.nk-df-mask-f-footer, .mask-f-footer:before, .mask-f-footer-bg { background-image: url(../images/mask-f-footer.svg); } + +.ie .nk-df-mask-f-footer, .ie .mask-f-footer:before, .ie .mask-f-footer-bg { background-image: url(../images/mask-f-footer.png); } + +.mask-a:before, .mask-a-md:before, .mask-a-dark:before { background-position: bottom center !important; } + +.mask-contain-bottom:before { background-size: contain; background-position: 50% 100%; } + +.mask-c-blend { background-image: linear-gradient(180deg, #0d1b61 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-dark { background-image: linear-gradient(180deg, #0C0E24 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-light { background-image: linear-gradient(180deg, #f0f6ff 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-f:before { left: 0 !important; } + +.mask-f-footer:before { background-position: 50% -1px; } + +.before-bottom:before { top: auto; } + +.before-h10:before { height: 10%; } + +.before-h20:before { height: 20%; } + +.before-h30:before { height: 30%; } + +.before-h40:before { height: 40%; } + +.before-h50:before { height: 50%; } + +.before-h60:before { height: 60%; } + +.before-h70:before { height: 70%; } + +.before-h80:before { height: 80%; } + +.before-h90:before { height: 90%; } + +.nk-df-shape-a, .shape-a:after, .shape-a-bg, .bg-shape-a { background-image: url(../images/shape-a.png); } + +.nk-df-shape-a-sm, .shape-a-sm:after, .shape-a-sm-bg { background-image: url(../images/shape-a-sm.png); } + +.nk-df-shape-b, .shape-b:after, .shape-b-bg, .bg-shape-b { background-image: url(../images/shape-b.png); } + +.nk-df-shape-b-sm, .shape-b-sm:after, .shape-b-sm-bg { background-image: url(../images/shape-b-sm.png); } + +.nk-df-shape-c, .shape-c:after, .shape-c-bg { background-image: url(../images/shape-c.png); } + +.nk-df-shape-c-sm, .shape-c-sm:after, .shape-c-sm-bg { background-image: url(../images/shape-c-sm.png); } + +.nk-df-shape-d, .shape-d:after, .shape-d-bg { background-image: url(../images/shape-d.png); } + +.nk-df-shape-d-sm, .shape-d-sm:after, .shape-d-sm-bg { background-image: url(../images/shape-d-sm.png); } + +.nk-df-shape-e, .shape-e:after, .shape-e-bg { background-image: url(../images/shape-e.png); } + +.nk-df-shape-e-sm, .shape-e-sm:after, .shape-e-sm-bg { background-image: url(../images/shape-e-sm.png); } + +.nk-df-shape-f, .shape-f:after, .shape-f-bg { background-image: url(../images/shape-f.png); } + +.nk-df-shape-f-sm, .shape-f-sm:after, .shape-f-sm-bg { background-image: url(../images/shape-f-sm.png); } + +.nk-df-shape-g, .shape-g:after, .shape-g-bg { background-image: url(../images/shape-g.png); } + +.nk-df-shape-g-sm, .shape-g-sm:after, .shape-g-sm-bg { background-image: url(../images/shape-g-sm.png); } + +.nk-df-shape-h, .shape-h:after, .shape-h-bg { background-image: url(../images/shape-h.png); } + +.nk-df-shape-h-sm, .shape-h-sm:after, .shape-h-sm-bg { background-image: url(../images/shape-h-sm.png); } + +.nk-df-shape-i, .shape-i:after, .shape-i-bg { background-image: url(../images/shape-i.png); } + +.nk-df-shape-i-sm, .shape-i-sm:after, .shape-i-sm-bg { background-image: url(../images/shape-i-sm.png); } + +.nk-df-shape-m, .shape-m:after, .shape-m-bg { background-image: url(../images/shape-m.png); } + +.nk-df-shape-n, .shape-n:after, .shape-n-bg { background-image: url(../images/shape-n.png); } + +.nk-df-shape-o, .shape-o:after, .shape-o-bg { background-image: url(../images/shape-o.png); } + +.nk-df-shape-p, .shape-p:after, .shape-p-bg { background-image: url(../images/shape-p.png); } + +.nk-df-shape-q, .shape-q:after, .shape-q-bg { background-image: url(../images/shape-q.png); } + +.nk-df-shape-r, .shape-r:after, .shape-r-bg { background-image: url(../images/shape-r.png); } + +.nk-df-shape-s, .shape-s:after, .shape-s-bg { background-image: url(../images/shape-s.png); } + +.nk-df-shape-s-sm, .shape-s-sm:after, .shape-s-sm-bg { background-image: url(../images/shape-s-sm.png); } + +.nk-df-shape-t, .shape-t:after, .shape-t-bg { background-image: url(../images/shape-t.png); } + +.nk-df-shape-u, .shape-u:after, .shape-u-bg { background-image: url(../images/shape-u.png); } + +.nk-df-shape-v, .shape-v:after, .shape-v-bg { background-image: url(../images/shape-v.png); } + +.nk-df-shape-w, .shape-w:after, .shape-w-bg { background-image: url(../images/shape-w.png); } + +.nk-df-shape-x, .shape-x:after, .shape-x-bg { background-image: url(../images/shape-x.png); } + +.nk-df-shape-x-2, .shape-x-2:after, .shape-x-2-bg { background-image: url(../images/shape-x-2.png); } + +.nk-df-shape-x-3, .shape-x-3:after, .shape-x-3-bg { background-image: url(../images/shape-x-3.png); } + +.nk-df-shape-y, .shape-y:after, .shape-y-bg { background-image: url(../images/shape-y.png); } + +.nk-df-shape-z, .shape-z:after, .shape-z-bg { background-image: url(../images/shape-z.png); } + +.nk-df-shape-z2, .shape-z2:after, .shape-z2-bg { background-image: url(../images/shape-z2.png); } + +.nk-df-shape-a2, .shape-a2:after, .shape-a2-bg { background-image: url(../images/shape-a2.png); } + +.nk-df-shape-z3, .shape-z3:after, .shape-z3-bg { background-image: url(../images/shape-z3.png); } + +.nk-df-shape-z4, .shape-z4:after, .shape-z4-bg { background-image: url(../images/shape-z4.png); } + +.nk-df-shape-z6, .shape-z6:after, .shape-z6-bg { background-image: url(../images/shape-z6.png); } + +.nk-df-shape-z6-sm, .shape-z6-sm:after, .shape-z6-sm-bg { background-image: url(../images/shape-z6-sm.png); } + +.nk-df-shape-z7, .shape-z7:after, .shape-z7-bg { background-image: url(../images/shape-z7.png); } + +.shape-contain:after { background-size: contain; } + +.shape-center-top:after { background-position: 50% 0; } + +.shape-center-bottom:after { background-position: 50% 100%; } + +.shape-left-top:after { background-position: 0 0; } + +.shape-q:after { background-size: contain; background-repeat: repeat; background-position: 0 50%; } + +.shape-lg-60:after { background-size: 60%; } + +.shape-z3:after { background-size: 100%; background-position: bottom center; } + +.shape-x.nk-ovm:after, .shape-x.nk-ovm:before { left: 0 !important; } + +.shape-a2:before { background-size: 100%; } + +.nk-ovm { z-index: 1; } + +.nk-ovm:before, .nk-ovm:after { bottom: -1px; left: -1px; } + +.nk-ovm:before { z-index: 1; } + +.nk-ovm-repeat:after { background-repeat: repeat; background-size: contain; } + +.nk-ovm-fixed:after { background-attachment: fixed; } + +.ovm-top { bottom: auto; } + +.ovm-bottom { top: auto; } + +.ovm-left { right: auto; } + +.ovm-right { left: auto; } + +.ovm-h-10 { height: 10%; } + +.ovm-h-20 { height: 20%; } + +.ovm-h-30 { height: 30%; } + +.ovm-h-40 { height: 40%; } + +.ovm-h-50 { height: 50%; } + +.ovm-h-60 { height: 60%; } + +.ovm-h-70 { height: 70%; } + +.ovm-h-80 { height: 80%; } + +.ovm-h-90 { height: 90%; } + +.ovm-w-10 { width: 10%; } + +.ovm-w-20 { width: 20%; } + +.ovm-w-30 { width: 30%; } + +.ovm-w-40 { width: 40%; } + +.ovm-w-50 { width: 50%; } + +.ovm-w-60 { width: 60%; } + +.ovm-w-70 { width: 70%; } + +.ovm-w-80 { width: 80%; } + +.ovm-w-90 { width: 90%; } + +.has-bg-image > div, .has-bg-video > div { position: relative; z-index: 1; } + +.bg-fixed { background-attachment: fixed; } + +.bg-image { position: absolute !important; z-index: 0 !important; opacity: 0; transition: opacity .4s; } + +.bg-image.bg-image-loaded { opacity: 1; } + +.bg-image img { display: none !important; } + +.bg-pattern-dots-color { background-image: url(../images/dot-a.png); background-size: contain; } + +.bg-pattern-dots { background-image: url(../images/dot-b.png); background-size: contain; background-repeat: repeat-y; } + +.bg-contain { background-size: contain; } + +.bg-bottom-center { background-position: 50% 100%; } + +.bg-shape-b { background-position: 50% 100%; } + +.bg-video { position: absolute !important; z-index: 0 !important; overflow: hidden; } + +.bg-video-cover { opacity: 0; } + +.cover-enabled .bg-video-cover { opacity: 1; } + +.bg-video .ytplayer-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.bg-video .ytplayer-container.cover-enabled .bg-video .ytplayer-container { display: none; } + +.cover-enabled .ytplayer-container { display: none; } + +.bg-image.bp-l0, .has-bg.bp-l0 { background-position: 0%; } + +.bg-image.bp-r0, .has-bg.bp-r0 { background-position: 0%; } + +.bg-image.bp-l10, .has-bg.bp-l10 { background-position: 10%; } + +.bg-image.bp-r10, .has-bg.bp-r10 { background-position: 40%; } + +.bg-image.bp-l20, .has-bg.bp-l20 { background-position: 20%; } + +.bg-image.bp-r20, .has-bg.bp-r20 { background-position: 30%; } + +.bg-image.bp-l25, .has-bg.bp-l25 { background-position: 25%; } + +.bg-image.bp-r25, .has-bg.bp-r25 { background-position: 25%; } + +.bg-image.bp-l30, .has-bg.bp-l30 { background-position: 30%; } + +.bg-image.bp-r30, .has-bg.bp-r30 { background-position: 20%; } + +.bg-image.bp-l40, .has-bg.bp-l40 { background-position: 40%; } + +.bg-image.bp-r40, .has-bg.bp-r40 { background-position: 10%; } + +.overlay:after { content: ''; } + +.overlay-light:after { background: #fff; } + +.overlay-dark:after { background: #000; } + +.overlay-theme:after { background: #3c1c94; } + +.overlay-theme-dark:after { background: #180747; } + +.overlay-opacity-10:after { opacity: 0.1; } + +.overlay-opacity-15:after { opacity: 0.15; } + +.overlay-opacity-20:after { opacity: 0.2; } + +.overlay-opacity-25:after { opacity: 0.25; } + +.overlay-opacity-30:after { opacity: 0.3; } + +.overlay-opacity-35:after { opacity: 0.35; } + +.overlay-opacity-40:after { opacity: 0.4; } + +.overlay-opacity-45:after { opacity: 0.45; } + +.overlay-opacity-50:after { opacity: 0.5; } + +.overlay-opacity-55:after { opacity: 0.55; } + +.overlay-opacity-60:after { opacity: 0.6; } + +.overlay-opacity-65:after { opacity: 0.65; } + +.overlay-opacity-70:after { opacity: 0.7; } + +.overlay-opacity-75:after { opacity: 0.75; } + +.overlay-opacity-80:after { opacity: 0.8; } + +.overlay-opacity-85:after { opacity: 0.85; } + +.overlay-opacity-90:after { opacity: 0.9; } + +.overlay-opacity-95:after { opacity: 0.95; } + +.overlay-opacity-100:after { opacity: 1; } + +.op-10 { opacity: 0.1; } + +.op-20 { opacity: 0.2; } + +.op-30 { opacity: 0.3; } + +.op-40 { opacity: 0.4; } + +.op-50 { opacity: 0.5; } + +.op-60 { opacity: 0.6; } + +.op-70 { opacity: 0.7; } + +.op-80 { opacity: 0.8; } + +.op-90 { opacity: 0.9; } + +.op-100 { opacity: 1; } + +.op-15 { opacity: 0.15; } + +.op-25 { opacity: 0.25; } + +.op-35 { opacity: 0.35; } + +.op-45 { opacity: 0.45; } + +.op-55 { opacity: 0.55; } + +.op-65 { opacity: 0.65; } + +.op-75 { opacity: 0.75; } + +.op-85 { opacity: 0.85; } + +.op-95 { opacity: 0.95; } + +.alignright, .alignleft, .aligncenter, .alignnone { display: block; padding: 0; margin: 15px auto; } + +@media (min-width: 576px) { .alignright, .alignleft, .aligncenter, .alignnone { margin: 0 0 15px; display: inline; } + .alignright { margin-left: 20px; float: right; } + .alignleft { margin-right: 20px; float: left; } + .alignnone { margin-right: 20px; } + .aligncenter { display: block; margin: 15px auto; } } + +.wide, .wide-rg, .wide-auto, .wide-auto-rg { max-width: 750px; } + +.wide-auto, .wide-auto-rg, .wide-auto-xl, .wide-auto-lg, .wide-auto-md, .wide-auto-sm, .wide-auto-xs { margin: 0 auto; } + +.wide-xl, .wide-auto-xl { max-width: 1560px; } + +.wide-lg, .wide-auto-lg { max-width: 1140px; } + +.wide-md, .wide-auto-md { max-width: 945px; } + +.wide-sm, .wide-auto-sm { max-width: 555px; } + +.wide-xs, .wide-auto-xs { max-width: 360px; } + +.wide-none, .wide-auto-none { max-width: inherit; } + +.text-center [class*="wide"], .text-center[class*="wide"] { margin-left: auto; margin-right: auto; } + +.over-up, [class*="over-up-"] { z-index: 9; } + +.over-up { margin-top: -175px; } + +.over-up-sm { margin-top: -45px; } + +.over-up-md { margin-top: -75px; } + +.over-up-lg { margin-top: -165px; } + +.over-up-xl { margin-top: -275px; } + +.over-up-s2 { margin-top: -70px; } + +.over-lg-up { margin-top: 0; } + +.over-up-xl-s2 { margin-top: 0; } + +@media (min-width: 768px) { .over-up { margin-top: -190px; } + .over-up-sm { margin-top: -75px; } + .over-up-md { margin-top: -125px; } + .over-up-lg { margin-top: -275px; } + .over-up-xl { margin-top: -350px; } + .over-up-s2 { margin-top: -50px; } } + +@media (min-width: 992px) { .over-lg-up { margin-top: -80px !important; } + .over-up-xl-s2 { margin-top: -230px; } + .nk-ovm-inner { position: absolute; right: 0; top: 0; width: 30%; background: #f7f8ff; height: 100%; z-index: 1; } } + +@media (min-width: 1200px) { .over-lg-up { margin-top: -100px !important; } + .over-up-xl-s2 { margin-top: -230px; } } + +@media (min-width: 1600px) { .over-lg-up { margin-top: -160px !important; } + .over-up-xl-s2 { margin-top: -295px; } } + +.nk-ovm .nk-svgs { z-index: 3; } + +.nk-svgs svg { height: 100%; width: auto; } + +.nk-svgs.svg-loaded svg { display: none; } + +hr { position: relative; z-index: 5; } + +.hr { border-top: 1px solid #dbe4f7; } + +.hr-white { border-top-color: #fff; } + +.hr-white-5 { border-top-color: rgba(255, 255, 255, 0.05); } + +.hr-white-10 { border-top-color: rgba(255, 255, 255, 0.1); } + +.hr-white-15 { border-top-color: rgba(255, 255, 255, 0.15); } + +.hr-black { border-top-color: #000; } + +.hr-black-5 { border-top-color: rgba(0, 0, 0, 0.05); } + +.hr-black-10 { border-top-color: rgba(0, 0, 0, 0.1); } + +.hr-black-15 { border-top-color: rgba(0, 0, 0, 0.15); } + +.h-110 { height: 110% !important; } + +.h-115 { height: 115% !important; } + +.h-120 { height: 120% !important; } + +.h-125 { height: 125% !important; } + +.h-130 { height: 130% !important; } + +.ui-shape { position: absolute; top: 0; left: 0; height: 100%; width: 100%; left: 50%; overflow: hidden; transform: translateX(-50%); z-index: -1; } + +.ui-shape:after, .ui-shape:before { position: absolute; content: ''; height: 210px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; transition: all .4s; } + +.ui-shape:before { top: 15%; left: -4%; width: 100px; background-image: url(../images/ui-shape-a.svg); } + +.ui-shape:after { bottom: 10%; right: -4%; width: 90px; background-image: url(../images/ui-shape-b.svg); } + +.ui-shape-light:before { background-image: url(../images/ui-shape-light-a.svg); } + +.ui-shape-light:after { background-image: url(../images/ui-shape-light-b.svg); } + +.ui-shape-s1:after { transform: rotate(60deg); } + +.ui-shape-s3:before { top: auto; bottom: 20%; } + +.ui-shape-s3:after { top: 10%; bottom: auto; } + +@media (min-width: 576px) { .ui-shape:before { width: 140px; } + .ui-shape:after { width: 120px; } } + +@media (min-width: 768px) { .ui-shape-s7:after { bottom: 15%; right: 16%; } + .ui-shape-s7:before { top: 6%; left: 22%; } + .ui-shape-s6:after { bottom: 9%; right: 0%; } + .ui-shape-s6:before { top: 9%; left: 13.3%; } + .ui-shape-s5:after { right: 4%; bottom: 15%; } + .ui-shape-s4:before { left: 20%; top: 23.5%; } + .ui-shape-s3:after { right: 4%; } + .ui-shape-s2:before { top: 8%; left: 21%; } + .ui-shape-s1:after { right: 0; } + .ui-shape-header:before { top: 22%; left: 9%; } + .ui-shape-header:after { right: 15%; bottom: 32%; } + .ui-shape-footer:before { top: 2%; } + .ui-shape-footer:after { bottom: -11%; } } + +@media (min-width: 992px) { .ui-shape { width: 960px; overflow: visible; } + .ui-shape:after { width: 166px; } + .ui-shape:before { width: 190px; } + .ui-shape-s5:after { right: -2.5%; } + .ui-shape-s3:before { top: auto; bottom: 20%; } + .ui-shape-header:before { left: 5%; } + .ui-shape-header:after { right: 3%; bottom: 22%; } } + +@media (min-width: 1200px) { .ui-shape { width: 1170px; } + .ui-shape-header:before { left: 2%; } + .ui-shape-header:after { right: -2.5%; bottom: 33%; } } + +.overlay-bars { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; } + +.overlay-bars div { position: absolute; background: rgba(255, 255, 255, 0.03); transform: rotate(-15deg); } + +.overlay-bars.reverse { transform: scaleX(-1); } + +.overlay-bar-1 { height: 140%; width: 300px; left: calc(50% - 210px); top: -20%; } + +.overlay-bar-2 { height: 100%; width: 160px; left: calc(50% - 170px); bottom: calc(50% + 155px); } + +.overlay-bar-3 { height: 100%; width: 230px; left: calc(50% - 90px); top: calc(50% + 280px); } + +.overlay-bar-4 { height: 140%; width: 300px; left: calc(50% - 860px); top: -20%; transform: rotate(-15deg); } + +.overlay-bar-5 { height: 140%; width: 160px; left: calc(50% - 910px); top: -20%; } + +.overlay-bar-6 { height: 140%; width: 300px; left: calc(50% + 530px); top: -20%; } + +.overlay-bar-7 { height: 140%; width: 300px; left: calc(50% + 670px); top: -20%; } + +.overlay-x { position: relative; } + +.overlay-x:before, .overlay-x:after { position: absolute; bottom: 0; content: ''; width: 300px; z-index: 1; } + +.overlay-x:before { left: 50%; margin-left: -125px; height: 800px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(-60deg); transform-origin: bottom right; } + +.overlay-x:after { right: 50%; margin-right: -125px; height: 3600px; background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(60deg); transform-origin: bottom right; } + +.background-shape { background: rgba(0, 52, 86, 0.03); position: absolute; height: 100%; width: 100%; content: ''; top: 0; left: 50%; transform: skewX(33deg); transform-origin: left bottom; } + +.tc-light .background-shape { background: rgba(0, 0, 0, 0.03); } + +.background-shape:before, .background-shape:after { background: rgba(255, 255, 255, 0.2); position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.tc-light .background-shape:before, .tc-light .background-shape:after { background: rgba(0, 0, 0, 0.05); } + +.background-shape:before { left: 280px; } + +.background-shape:after { left: 560px; } + +.background-shape.bs-right { left: 70%; } + +.background-shape.bs-reverse { right: 70%; left: auto; transform: skewX(-33deg); transform-origin: right bottom; } + +.background-shape.bs-reverse:before { left: auto; right: 280px; } + +.background-shape.bs-reverse:after { left: auto; right: 560px; } + +.background-shade { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } + +.background-shade .container { height: 100vh; position: relative; } + +.background-shade-left, .background-shade-right { position: absolute; top: 160px; width: 50%; height: calc(100% - 130px); opacity: .15; } + +.background-shade-left:after, .background-shade-right:after { position: absolute; top: 40px; width: 100%; height: 100%; content: ''; } + +.background-shade-left { left: -80px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(-12deg); } + +.tc-light .background-shade-left { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-left:after { left: 40px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-left:after { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right { right: -80px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(12deg); } + +.tc-light .background-shade-right { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right:after { right: 40px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-right:after { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.header-bubbles { position: absolute; left: 0; top: -100%; height: 200%; width: 100%; content: ''; z-index: 1; overflow: hidden; } + +.header-bubbles-single { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } + +.header-bubbles-single div { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.05); } + +.header-bubbles-single-1 { height: 735px; width: 735px; right: calc(50% - 65px); top: calc(50% + 10px); } + +.header-bubbles-single-2 { height: 680px; width: 680px; right: calc(50% + 360px); top: calc(50% - 145px); } + +.header-bubbles-single-3 { height: 350px; width: 350px; right: calc(50% - 95px); top: calc(50% + 540px); } + +.header-bubbles-single-4 { height: 650px; width: 650px; left: calc(50% + 435px); top: calc(50% - 240px); } + +.header-bubbles-single-5 { height: 350px; width: 350px; left: calc(50% + 490px); top: calc(50% + 240px); } + +.header-bubbles-single-6 { height: 440px; width: 440px; left: calc(50% + 685px); top: calc(50% + 240px); } + +.banner-rounded-bg { position: absolute; right: 390px; top: -750px; width: 120%; height: 1350px; z-index: 5; border-radius: 0 0 250px 0; transform: rotate(-8deg) skew(10deg); transform-origin: top right; padding: 0 120px 110px 0; overflow: hidden; } + +.banner-rounded-bg .particles-container { transform: rotate(8deg) skew(-10deg); transform-origin: top right; } + +.banner-shade-1, .banner-shade-2, .banner-shade-3 { display: block; height: 100%; width: 100%; } + +.banner-shade-1 { border-radius: 0 0 160px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%); opacity: .15; padding: 0 100px 90px 0; } + +.banner-shade-2 { border-radius: 0 0 110px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%); padding: 0 90px 80px 0; } + +.banner-shade-3 { border-radius: 0 0 80px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%); } + +@media (max-width: 1400px) { .banner-rounded-bg { right: 330px; } } + +.nk-pages-angled .section { z-index: inherit; } + +.section-bg-angle { position: absolute !important; left: 0; top: 0; height: 100%; width: 100%; content: ''; transform: skewY(10deg); z-index: 1; } + +.section-bg-angle ~ .container, .section-bg-angle ~ .nk-block { position: relative; z-index: 5; } + +.section-angle-top:before { position: absolute; left: 0; top: 0; height: 450px; width: 100%; content: ''; background: #eaeff6; z-index: 1; } + +.section-angle-top:after { position: absolute; left: 0; bottom: -450px; height: 450px; width: 100%; content: ''; background: #eaeff6; z-index: 1; } + +.section-angle-bottom:before { position: absolute; left: 0; top: -450px; height: 450px; width: 100%; content: ''; background: #fff; z-index: 2; } + +@media (min-width: 992px) { .section-bg-angle { transform: skewY(17deg); } + .section-bg-angle-s2 { transform: skewY(-4deg); } } + +.ui-mask, [class*=ui-mask] { position: absolute !important; left: 0; top: 0; width: 400px; height: 600px; z-index: 1; overflow: hidden; } + +.ui-mask:after, [class*=ui-mask]:after { position: absolute; right: 30%; top: 25%; content: ""; display: block; background-image: linear-gradient(135deg, rgba(110, 25, 194, 0) 15%, #1c62d8 50%, rgba(110, 25, 194, 0) 80%); border-radius: 50%; height: 400px; width: 400px; -webkit-filter: blur(80px); filter: blur(80px); z-index: 1; } + +.ui-mask:before, [class*=ui-mask]:before { display: none; content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 50%; z-index: 3; } + +.bg-white .ui-mask:after, .bg-theme-light .ui-mask:after, .bg-theme-light-alt .ui-mask:after, .bg-white [class*=ui-mask]:after, .bg-theme-light [class*=ui-mask]:after, .bg-theme-light-alt [class*=ui-mask]:after { display: none; } + +.ui-mask-right { left: auto; right: 0; } + +.ui-mask-right:after { right: auto; left: 30%; } + +.ui-mask-right:before { background-position: 100% 50%; } + +.ui-mask-s2 { width: 420px; height: 900px; transform: translateY(-30%); } + +.ui-mask-s2:after { background-image: linear-gradient(135deg, rgba(110, 25, 194, 0) 15%, #28298a 50%, rgba(110, 25, 194, 0) 80%); } + +.ui-mask-s2:before { display: block; background-image: url(../images/mask-line-a.png); } + +.ui-mask-s2.ui-mask-left:before { transform: rotate(-180deg); } + +.ui-mask-s3 { width: 600px; height: 1400px; transform: translateY(0); } + +.ui-mask-s3:after { height: 650px; width: 400px; right: 45%; background-image: linear-gradient(135deg, rgba(110, 25, 194, 0) 15%, #102486 50%, rgba(110, 25, 194, 0) 80%); } + +.ui-mask-s3:before { display: block; background-image: url(../images/mask-line-b.png); } + +.ui-mask-s3.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s4 { width: 420px; height: 820px; transform: translateY(-20%); } + +.ui-mask-s4:after { height: 510px; background-image: linear-gradient(135deg, rgba(110, 25, 194, 0) 15%, #1d5ecf 50%, rgba(110, 25, 194, 0) 80%); } + +.ui-mask-s5 { width: 440px; height: 1000px; transform: translateY(12%); } + +.ui-mask-s5:after { height: 600px; width: 350px; right: 45%; background-image: linear-gradient(135deg, rgba(110, 25, 194, 0) 15%, #1b5ed1 50%, rgba(110, 25, 194, 0) 80%); } + +.ui-mask-s5:before { display: block; background-image: url(../images/mask-line-c.png); } + +.ui-mask-s5.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s6 { width: 440px; height: 1000px; transform: translateY(2%); } + +.ui-mask-s6:after { height: 410px; width: 500px; left: 30%; background-image: linear-gradient(135deg, rgba(110, 25, 194, 0) 15%, #142692 50%, rgba(110, 25, 194, 0) 80%); } + +.ui-mask-s6:before { display: block; background-image: url(../images/mask-line-d.png); } + +.ui-mask-s6.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s7 { width: 870px; height: 800px; bottom: -20%; left: 50%; margin-left: -150px; top: auto; transform: translateY(0); } + +.ui-mask-s7:after { height: 710px; width: 600px; right: 0; top: 15%; transform: translateX(-25%); background-image: linear-gradient(135deg, rgba(110, 25, 194, 0) 15%, #3762d3 50%, rgba(110, 25, 194, 0) 80%); } + +.ui-mask-s7.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s8 { width: 350px; height: 392px; } + +.ui-mask-s8:before { display: block; background-image: url(../images/polygon-line-a.png); } + +.ui-mask-s8:after { display: none; } + +.ui-mask-s9 { width: 417px; height: 733px; } + +.ui-mask-s9:before { display: block; top: -31px; background-image: url(../images/polygon-line-b.png); } + +.ui-mask-s9:after { display: none; } + +.ui-mask-s10 { width: 417px; height: 733px; } + +.ui-mask-s10:before { display: block; top: -31px; background-image: url(../images/polygon-line-a-fill.png); } + +.ui-mask-s10:after { display: none; } + +.ui-mask-s11 { width: 384px; height: 733px; } + +.ui-mask-s11:before { display: block; top: -31px; background-image: url(../images/polygon-line-c.png); } + +.ui-mask-s11:after { display: none; } + +.ui-mask-s11.ui-mask-right:before { transform: rotateY(180deg); } + +.ui-mask-s12 { width: 80px; height: 270px; } + +.ui-mask-s12:before { display: block; top: 50px; background-image: url(../images/polygon-fill.png); } + +.ui-mask-s12:after { display: none; } + +@media only screen and (min-width: 767px) and (max-width: 1024px) { .ui-mask:before, [class*=ui-mask]:before { background-size: 50%; } } + +@media only screen and (max-width: 767px) { .ui-mask, [class*=ui-mask] { transform: scale(0.5); transform-origin: right; } + .ui-mask-left { transform-origin: left; } } + +/** 03. Elements */ +/** 03.01 Alert */ +.alert { position: relative; font-weight: 400; color: #fff; border: none; } + +.alert:last-child { margin-bottom: 0; } + +.alert a, .alert .alert-link { color: inherit; font-weight: inherit; box-shadow: 0 1px 0 currentColor; transition: box-shadow .3s; } + +.alert a:hover, .alert .alert-link:hover { box-shadow: 0 0 0; } + +.alert .close { color: inherit; transition: all .4s; height: 30px; width: 30px; padding: 0; background: none; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); right: 10px; text-shadow: none; opacity: .7; } + +.alert .close:not(:disabled):not(.disabled):focus, .alert .close:not(:disabled):not(.disabled):hover, .alert .close:hover, .alert .close:focus { color: currentColor; box-shadow: none; outline: none; opacity: 1; } + +.alert .close:after { position: absolute; font-family: 'themify'; content: '\e646'; top: 0; left: 0; color: currentColor; font-size: 12px; line-height: 30px; text-align: center; width: 100%; } + +.alert .close span { display: none; } + +.alert-primary { color: #3306fd; background: white; } + +.alert-primary .close { background: #d9d0ff; } + +.alert-primary-alt { background: #866bfe; } + +.alert-primary-alt .close { background: #481ffd; } + +.alert-secondary { color: #197569; background: #aaede4; } + +.alert-secondary .close { background: #b7f0e8; } + +.alert-secondary-alt { background: #2bc9b4; } + +.alert-secondary-alt .close { background: #1e8a7c; } + +.alert-success { color: #29cf77; background: #cef5e1; } + +.alert-success .close { background: #64e09e; } + +.alert-success-alt { background: #39d884; } + +.alert-success-alt .close { background: #25b96b; } + +.alert-danger { color: #e6604a; background: #f9d6d0; } + +.alert-danger .close { background: #f2afa4; } + +.alert-danger-alt { background: #e6604a; } + +.alert-danger-alt .close { background: #9b2815; } + +.alert-info { color: #026bfb; background: #cae0ff; } + +.alert-info .close { background: #65a6fe; } + +.alert-info-alt { background: #026bfb; } + +.alert-info-alt .close { background: #014096; } + +.alert-warning { color: #e0a609; background: #fef4db; } + +.alert-warning .close { background: #f9d46f; } + +.alert-warning-alt { background: #f6be26; } + +.alert-warning-alt .close { background: #e0a609; } + +/** 03.02 Buttons */ +.btn { position: relative; font-size: 12px; line-height: 24px; font-weight: 500; padding: 8px 15px; text-align: center; text-transform: uppercase; color: #fff; min-width: 120px; max-width: 100%; border: 2px solid #866bfe; box-sizing: border-box; transition: all 0.5s; position: relative; border-radius: 4px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; cursor: pointer; } + +.btn .icon { color: inherit; } + +.btn:hover { color: #fff !important; } + +.btn-grad { border: none; background-image: linear-gradient(to right, #866bfe 0%, #2bc9b4 100%); } + +.btn-grad:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; z-index: -2; border-radius: 5px; opacity: 0; transition: all .5s; background-image: linear-gradient(to right, #2bc9b4 0%, #866bfe 100%); } + +.btn-grad:hover:before { opacity: 1; } + +.btn-grad:hover, .btn-grad:focus { color: #fff !important; } + +.btn-grad-alt { background-image: linear-gradient(to right, #2bc9b4 0%, #866bfe 100%); } + +.btn-grad-alt:before { background-image: linear-gradient(to right, #866bfe 0%, #2bc9b4 100%); } + +.btn-grad-alternet { background-image: linear-gradient(to right, #725bd6 0%, #866bfe 100%); } + +.btn-grad-alternet:before { background-image: linear-gradient(to right, #866bfe 0%, #725bd6 100%); } + +.btn-grad-alternet-alt { background-image: linear-gradient(to right, #866bfe 0%, #725bd6 100%); } + +.btn-grad-alternet-alt:before { background-image: linear-gradient(to right, #725bd6 0%, #866bfe 100%); } + +.btn-grad-theme { background-image: linear-gradient(to right, #3c1c94 0%, #6e19c2 100%); } + +.btn-grad-theme:before { background-image: linear-gradient(to right, #6e19c2 0%, #3c1c94 100%); } + +.btn-grad-theme-alt { background-image: linear-gradient(to right, #2bc9b4 0%, #866bfe 100%); } + +.btn-grad-theme-alt:before { background-image: linear-gradient(to right, #866bfe 0%, #2bc9b4 100%); } + +.btn:hover, .btn:focus { outline: none !important; box-shadow: none !important; } + +.btn span { position: relative; z-index: 999999; display: block; } + +.btn span + .icon { margin-left: 10px; } + +.btn .icon + span { margin-left: 10px; } + +.btn .badge { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); } + +.btn-md { font-size: 12px; line-height: 24px; padding: 10px 26px; } + +.btn-rg { line-height: 24px; padding: 8px 20px; } + +.btn-sm { font-size: 11px; line-height: 23px; padding: 8px 20px; } + +.btn-xxs { font-size: 12px; line-height: 21px; padding: 0 10px; border-width: 1px; border-radius: 2px; } + +.btn-auto { min-width: 44px !important; } + +.btn-auto-lg { min-width: 80px !important; height: 100%; } + +.btn-grp { display: inline-flex; flex-wrap: wrap; align-items: center; margin: -7px; } + +.btn-grp > div, .btn-grp > li { padding: 7px; } + +.btn-grp-break > div, .btn-grp-break > li { width: 100%; text-align: center; } + +.text-center .btn-grp { justify-content: center; } + +.btn-download { display: inline-block; height: 40px; } + +.btn-grp-s2 .btn-download { width: 100px; height: 35px; } + +.btn-download img { height: 100%; } + +.btn-outline:not(:hover) { color: #415076; background-color: transparent !important; } + +.btn-outline:before { background-image: none; background-color: #fff; opacity: 1; margin: 2px; width: calc(100% - 4px); height: calc(100% - 4px); } + +.btn-outline.on-bg-light:before { background-color: #f7f8ff; } + +.btn-outline.on-bg-light-alt:before { background-color: #eaeff6; } + +.btn-outline.on-bg-theme, .btn-outline.on-bg-theme-alt, .btn-outline.on-bg-theme-dark, .btn-outline.on-bg-theme-dark-alt { color: #fff; } + +.btn-outline.on-bg-theme:before { background-color: #3c1c94; } + +.btn-outline.on-bg-theme-alt:before { background-color: #6e19c2; } + +.btn-outline.on-bg-theme-dark:before { background-color: #180747; } + +.btn-outline.on-bg-theme-dark-alt:before { background-color: #2e186a; } + +.btn-outline:hover { color: #fff !important; } + +.btn-outline:hover:before { opacity: 0; } + +.btn-outline.btn-grad { border: none; } + +.btn-outline.btn-grad:hover { color: #fff !important; } + +.btn-icon { min-width: 44px; padding-left: 6px; padding-right: 6px; } + +.btn-primary { background-color: #866bfe; border-color: #866bfe; } + +.btn-primary:hover, .btn-primary:focus { background-color: #2bc9b4; border-color: #2bc9b4; } + +.btn-primary:hover:focus, .btn-primary:focus:focus { color: #fff !important; } + +.tc-light .btn-primary:hover, .tc-light .btn-primary:focus { background-color: #2bc9b4; border-color: #2bc9b4; color: #fff !important; } + +.btn-primary.btn-outline:hover { background-color: #866bfe; border-color: #866bfe; color: #fff !important; } + +.btn-secondary { background-color: #2bc9b4; border-color: #2bc9b4; } + +.btn-secondary:hover, .btn-secondary:focus { background-color: #866bfe; border-color: #866bfe; } + +.btn-secondary.focus:focus { color: #fff !important; } + +.btn-secondary.btn-outline:hover, .btn-secondary.btn-outline:focus { background-color: #2bc9b4; border-color: #2bc9b4; } + +.btn-info { background-color: #026bfb; border-color: #026bfb; } + +.btn-info:hover { background-color: #014baf; border-color: #014baf; } + +.btn-info.btn-outline:hover { background-color: #026bfb; border-color: #026bfb; } + +.btn-warning { background-color: #f6be26; border-color: #f6be26; } + +.btn-warning:hover { background-color: #c79408; border-color: #c79408; } + +.btn-warning.btn-outline:hover { background-color: #f6be26; border-color: #f6be26; } + +.btn-success { background-color: #39d884; border-color: #39d884; } + +.btn-success:hover { background-color: #20a45f; border-color: #20a45f; } + +.btn-success.btn-outline:hover { background-color: #39d884; border-color: #39d884; } + +.btn-danger { background-color: #e6604a; border-color: #e6604a; } + +.btn-danger:hover { background-color: #c8341c; border-color: #c8341c; } + +.btn-danger.btn-outline:hover { background-color: #e6604a; border-color: #e6604a; } + +.btn-dark { background-color: #415076; border-color: #415076; } + +.btn-dark:hover { background-color: #1d2334; border-color: #1d2334; } + +.btn-dark.btn-outline:hover { background-color: #415076; border-color: #415076; } + +.btn-theme-dark { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0); } + +.btn-theme-dark:hover { background-color: #180747; border-color: #180747; } + +.btn-light { background-color: #f7f8ff; border-color: #f7f8ff; color: #415076 !important; } + +.btn-light:hover { background-color: #c4cbff; border-color: #c4cbff; color: #415076 !important; } + +.btn-light.btn-outline { background-color: #f7f8ff; border-color: #f7f8ff; } + +.btn-light.btn-outline:hover { background-color: #f7f8ff; border-color: #f7f8ff; } + +.tc-light .btn-light.btn-outline { color: #fff !important; } + +.tc-light .btn-light.btn-outline:hover { color: #415076 !important; } + +.btn-light.tc-light:not(:hover) { color: #fff !important; } + +.btn-facebook { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook:hover { background-color: #2d4373; border-color: #2d4373; } + +.btn-facebook.btn-outline .icon { color: #3b5998; } + +.btn-facebook.btn-outline:hover { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook.btn-outline:hover .icon { color: #fff; } + +.btn-google { background-color: #d85040; border-color: #d85040; } + +.btn-google:hover { background-color: #be3727; border-color: #be3727; } + +.btn-google.btn-outline .icon { color: #d85040; } + +.btn-google.btn-outline:hover { background-color: #d85040; border-color: #d85040; } + +.btn-google.btn-outline:hover .icon { color: #fff; } + +.btn-play { position: relative; color: #fff; height: 60px; width: 60px; font-size: 18px; text-align: center; line-height: 58px; border-radius: 50%; display: inline-block; border: 1px solid currentColor; } + +.btn-play-sm { height: 40px; width: 40px; line-height: 38px; } + +.btn-play:after { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(65, 80, 118, 0.35); animation: 1s ease 0s normal none infinite running playbutton; } + +.tc-light .btn-play:after { border-color: rgba(255, 255, 255, 0.35); } + +.btn-play:hover { color: #2bc9b4 !important; } + +.btn-play-s2 { background-image: linear-gradient(to right, #866bfe 0%, #2bc9b4 100%); border: none; } + +.btn-play-s2:before { position: absolute; height: calc(100% - 4px); width: calc(100% - 4px); top: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .btn-play-s2:before { background: #f7f8ff; } + +.bg-light-alt .btn-play-s2:before { background: #eaeff6; } + +.bg-theme .btn-play-s2:before { background: #3c1c94; } + +.bg-theme-alt .btn-play-s2:before { background: #6e19c2; } + +.bg-theme-dark .btn-play-s2:before { background: #180747; } + +.bg-theme-dark-alt .btn-play-s2:before { background: #2e186a; } + +.bg-white .btn-play-s2:before { background: #fff; } + +.btn-play-s3 { background-color: #fff; border: none; } + +.btn-play-icon { height: 20px; width: 14px; background: linear-gradient(to right, #866bfe 0%, #2bc9b4 100%); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); } + +.btn-play-icon:before, .btn-play-icon:after { position: absolute; content: ''; height: 0; width: 0; right: -1px; border-right: 14px solid #fff; } + +.bg-light .btn-play-icon:before, .bg-light .btn-play-icon:after { border-right-color: #f7f8ff; } + +.bg-light-alt .btn-play-icon:before, .bg-light-alt .btn-play-icon:after { border-right-color: #eaeff6; } + +.bg-theme .btn-play-icon:before, .bg-theme .btn-play-icon:after { border-right-color: #3c1c94; } + +.bg-theme-alt .btn-play-icon:before, .bg-theme-alt .btn-play-icon:after { border-right-color: #6e19c2; } + +.bg-theme-dark .btn-play-icon:before, .bg-theme-dark .btn-play-icon:after { border-right-color: #180747; } + +.bg-theme-dark-alt .btn-play-icon:before, .bg-theme-dark-alt .btn-play-icon:after { border-right-color: #2e186a; } + +.bg-white .btn-play-icon:before, .bg-white .btn-play-icon:after { border-right-color: #fff; } + +.btn-play-icon:before { top: 0; border-bottom: 10px solid transparent; } + +.btn-play-icon:after { bottom: 0; border-top: 10px solid transparent; } + +.btn-play-icon-s2 { height: 34px; width: 24px; } + +.btn-play-icon-s2 path { fill: #866bfe; } + +.btn-play-dark { color: #fff; } + +.btn-play-dark:hover { color: #2bc9b4; } + +.btn-play-wrap { display: inline-flex; align-items: center; } + +.btn-play-wrap-s2 { flex-direction: column; } + +.btn-play-wrap-s1:hover { transform: translateX(15px); } + +.btn-play-text { margin-left: 20px; } + +.btn-play-text span { display: block; color: #415076; } + +.tc-light .btn-play-text span { color: #fff; } + +.btn-play-text .text-sm { font-size: 21px; } + +.btn-play-text .text-xs { font-size: 12px; color: #866bfe !important; } + +.btn-play-wrap-s2 .btn-play-text { margin-left: 0; margin-top: 15px; } + +.btn-link { color: #866bfe; text-decoration: none; } + +.btn-link:hover, .btn-link:focus { color: #866bfe; text-decoration: none; box-shadow: 0 1px 0 currentColor; } + +.btn-underline { padding-left: 0 !important; padding-right: 0 !important; color: #866bfe; background: none !important; border-color: transparent !important; text-decoration: none; } + +.btn-underline:hover, .btn-underline:focus { color: #fff; text-decoration: none; } + +.btn-round { border-radius: 40px; } + +.btn-round:before { border-radius: 40px; } + +.btn-round.btn-lg { border-radius: 54px; } + +.btn-round.btn-lg:before { border-radius: 54px; } + +.btn-round.btn-md { border-radius: 44px; } + +.btn-round.btn-md:before { border-radius: 44px; } + +.btn-round.btn-sm { border-radius: 39px; } + +.btn-round.btn-sm:before { border-radius: 39px; } + +.btn-round.btn-xxs { border-radius: 21px; } + +.btn-round.btn-xxs:before { border-radius: 21px; } + +.btn-with-icon { padding: 1px; background-color: #866bfe; } + +.btn-with-icon span { display: inline-block; padding: 0 18px 0 28px; flex-grow: 1; } + +.btn-with-icon .icon { height: 47px; width: 47px; line-height: 47px; border-radius: 5px; background: #fff; color: #866bfe; transition: all 0.3s; } + +.btn-with-icon.btn-md { padding: 1px; } + +.btn-with-icon.btn-md .icon { height: 38px; width: 38px; line-height: 38px; } + +.btn-with-icon.btn-sm { padding: 1px; } + +.btn-with-icon.btn-sm span { padding: 0 13px 0 23px; } + +.btn-with-icon.btn-sm .icon { height: 28px; width: 28px; line-height: 28px; } + +.btn-with-icon.btn-round .icon { border-radius: 24px; } + +.btn-with-icon.btn-round.btn-md .icon { border-radius: 19px; } + +.btn-with-icon.btn-round.btn-sm .icon { border-radius: 14px; } + +.btn-with-icon.btn-light { color: #3c1c94 !important; border-color: #fff; background: #fff; } + +.btn-with-icon.btn-light .icon { color: #fff; background: #6e19c2; } + +.btn-with-icon.btn-light:hover { color: #6e19c2 !important; } + +.btn-with-icon.btn-light:hover .icon { background: #3c1c94; } + +.btn-with-icon.btn-light:not(:disabled):not(.disabled).active { border-color: #fff !important; background: #fff !important; color: #415076 !important; } + +.btn-with-icon.btn-alt .icon { color: currentColor; background: transparent !important; font-size: 20px; width: auto; margin-right: 30px; transition: none; } + +.btn-grp-after li { font-size: 20px; position: relative; } + +.btn-grp-after li a { color: rgba(255, 255, 255, 0.8) !important; } + +.btn-grp-after li:not(:last-child):after { content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 14px; width: 1px; background: rgba(255, 255, 255, 0.3); } + +.btn-transparent { background: transparent !important; border: transparent; color: #fff !important; font-size: 0.9rem !important; padding: 12px 0; } + +.as-mobile .btn-transparent, .has-fixed .btn-transparent { color: #415076 !important; } + +@keyframes playbutton { 0% { transform: scale(0.75); + opacity: 1; } + 100% { transform: scale(1.3); + opacity: 0; } } + +@media (min-width: 576px) { .btn { font-size: 13px; line-height: 25px; padding: 12px 30px; letter-spacing: 0.1em; min-width: 120px; } + .btn.btn-grad { padding: 14px 30px; } + .btn-lg { font-size: 14px; font-weight: 700; line-height: 24px; padding: 15px 40px; min-width: 190px; } + .btn-md { font-size: 12px; line-height: 24px; padding: 8px 20px; min-width: 160px; } + .btn-md.btn-grad { padding: 10px 30px; } + .btn-rg { font-size: 12px; line-height: 24px; padding: 6px 20px; } + .btn-rg.btn-grad { padding: 8px 25px; } + .btn-sm { font-size: 12px; line-height: 23px; padding: 3px 20px; } + .btn-sm.btn-grad { padding: 5px 30px; } + .btn-xxs { font-size: 13px; line-height: 21px; padding: 0 10px; } + .btn-play { height: 80px; width: 80px; font-size: 18px; line-height: 78px; } + .btn-play-sm { height: 60px; width: 60px; line-height: 58px; } + .btn-icon { padding-left: 6px; padding-right: 6px; } + .btn-grp { margin: -15px; } + .btn-grp > div, .btn-grp > li { padding: 15px; } + .text-sm-left .btn-grp { justify-content: center; } + .btn-grp-s2 { margin: -10px; position: relative; } + .btn-grp-s2 > div, .btn-grp-s2 > li { padding: 10px; } + .btn-grp-s2 .btn-download { width: auto; height: 40px; } + .btn-transparent { padding: 12px 6px; } } + +@media (min-width: 768px) { .text-md-left .btn-grp { justify-content: flex-start; } } + +@media (min-width: 992px) { .text-lg-left .btn-grp { justify-content: flex-start; } + .btn-grp .btn-lg { padding: 15px 35px; } } + +@media (min-width: 1200px) { .text-xl-left .btn-grp { justify-content: flex-start; } } + +.badge { color: #fff; background-color: #866bfe; display: inline-block; font-weight: 600; text-transform: uppercase; border-radius: 34px; padding: 5px 16px; font-size: 13px; line-height: 24px; border: 1px solid #866bfe; } + +.badge:not(.badge-outline) { color: #fff; } + +.badge-primary { background-color: #866bfe; border-color: #866bfe; color: #866bfe; } + +.badge-secondary { background-color: #2bc9b4; border-color: #2bc9b4; color: #2bc9b4; } + +.badge-info { background-color: #026bfb; border-color: #026bfb; color: #026bfb; } + +.badge-warning, .badge-hot { background-color: #f6be26; border-color: #f6be26; color: #f6be26; } + +.badge-success, .badge-new { background-color: #39d884; border-color: #39d884; color: #39d884; } + +.badge-danger { background-color: #e6604a; border-color: #e6604a; color: #e6604a; } + +.badge-dark { background-color: #0b0c10; border-color: #0b0c10; color: #0b0c10; } + +.badge-light { background-color: #c4cbff; border-color: #c4cbff; color: #415076 !important; } + +.badge-light.badge-outline { color: #c4cbff; } + +.badge-outline { background-color: transparent; } + +.badge-lg { font-size: 16px; } + +.badge-md { border-radius: 34px; padding: 5px 16px; font-size: 12px; line-height: 18px; } + +.badge-sm { border-radius: 34px; padding: 2px 12px; font-size: 12px; line-height: 18px; } + +.badge-xs { border-radius: 34px; padding: 0 8px; font-size: 9px; line-height: 16px; letter-spacing: 0.05em; } + +.badge-cap { text-transform: capitalize; } + +.badge-regular { font-weight: 400; } + +.badge-dot { width: 5px; height: 5px; border-radius: 50%; background: #866bfe; border-color: #866bfe; display: inline-block !important; vertical-align: middle; padding: 0; } + +.link { display: inline-flex; align-items: center; font-size: 12px; color: #6e19c2; font-weight: 500; letter-spacing: 0.005rem; white-space: nowrap; } + +.link:hover { color: #866bfe; } + +.link-uc { text-transform: uppercase; letter-spacing: 0.2em; } + +.link-icon { margin-right: 5px; font-size: 14px; transition: transform .3s; } + +.link-icon:only-child { margin-right: 0 !important; } + +.link-icon-sm { font-size: 12px; } + +.link-xs .link-icon { font-size: 12px; margin-right: 12px; } + +.link-animate:hover .link-icon { transform: translate(-5px, 0); } + +.link span + .link-icon { margin-left: 5px; margin-right: 0; } + +.link-animate:hover span + .link-icon { transform: translate(5px, 0); } + +.link .icon-circle { font-size: inherit; margin-right: 12px; } + +.link .icon-circle.link-icon { transition: all .4s; } + +.link-break { flex-direction: column; } + +.link-break .icon-circle { margin-left: 10px; margin-bottom: 10px; } + +.link-primary { color: #866bfe !important; } + +.link-primary .link-icon.icon-circle { background: #866bfe; color: #fff !important; } + +.link-primary:hover { color: #2bc9b4 !important; } + +.link-primary:hover .link-icon.icon-circle { background: #2bc9b4; } + +.link-light { color: #415076 !important; } + +.tc-light .link-light { color: #fff !important; } + +.link-light .link-icon { color: #866bfe; } + +.link-light .link-icon.icon-circle { background: #415076; color: #fff !important; } + +.link-light:hover { color: #866bfe !important; } + +.link-light:hover .link-icon.icon-circle { background: #866bfe; } + +.link-thin { font-weight: 300; } + +.link-underline { text-decoration: underline !important; } + +@media (min-width: 420px) { .btn-grp-break > div, .btn-grp-break > li { width: auto; text-align: left; } + .link { font-size: 14px; } + .link-xs { font-size: 12px; } + .link-break { flex-direction: row; } + .link-break .icon-circle { margin-left: 0; margin-bottom: 0; } } + +/** 03.03 Title */ +.title { position: relative; font-size: 1.75rem; } + +.title:not(:last-child) { margin-bottom: 1.25rem; } + +.title small { font-size: 50%; margin-top: 0.75rem; } + +.title-thin { font-weight: 300; } + +.title-regular { font-weight: 400; } + +.title-xxs { font-size: 12px; letter-spacing: 0.1em; } + +.title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + +.title-xs { text-transform: uppercase; font-size: 0.88rem; letter-spacing: 0.2em; } + +.title-xs-alt { font-size: 0.94rem; } + +.title-xs-s1 { font-size: 1.1rem; letter-spacing: 0.4em; } + +.title-xs-s2 { font-size: 1.1rem; letter-spacing: 0; } + +.title-xs small { font-size: 70%; } + +.title-sm { font-size: 1.125rem; } + +.title-sm:not(:last-child) { margin-bottom: 0.85rem; } + +.title-sm small { font-size: 70%; } + +.title-md { font-size: 1.375rem; } + +.feature-text-wd .title-md { font-size: 1.125rem; } + +.title-md:not(:last-child) { margin-bottom: 1rem; } + +.title-lg { font-size: 1.75rem; } + +.title-xl { font-size: 1.75rem; } + +.title-xl-s2 { font-size: 1.75rem; line-height: 1.3; } + +.title-light { color: rgba(91, 83, 162, 0.6); } + +.title-dark { color: #5b53a2; } + +.title-base { color: #415076; } + +.title a { color: #5b53a2; } + +.title a:hover { color: #866bfe; } + +a:hover .title { color: #866bfe; } + +a .title { transition: all .4s; } + +.title-mid { font-weight: 500; } + +.title-semibold { font-weight: 600; } + +.title-bold { font-weight: 700; } + +.title-s1 { padding-left: 75px; display: inline-block; font-weight: 600; } + +.title-s1:before { position: absolute; left: 0 !important; top: 50%; margin-top: -1px; height: 2px; width: 60px; content: ''; transform: translate(0, -50%) !important; opacity: 1 !important; background: #5b53a2; } + +.tc-light .title-s1:before { background: #fff; } + +.title-s1.tc-primary:before, .tc-primary a.title-s1:before { background: #866bfe; } + +.title-s2 { padding-bottom: 26px; } + +.title-s2:after { position: absolute; left: 50%; bottom: 0; content: ''; margin-left: -40px; width: 80px; height: 6px; border-radius: 3px; background: #866bfe; } + +.tc-light .title-s2:after { background: #866bfe; } + +.title-s2-alt { padding-bottom: 0; padding-top: 26px; } + +.title-s2-alt:after { top: 0; bottom: auto; } + +.title-s3 { font-size: 2.2rem !important; line-height: 1.3 !important; } + +.title-s4 { font-size: 2.3rem; opacity: 0.3; padding-bottom: 10px; text-transform: uppercase; } + +.title-s5 { padding-bottom: 24px; margin-bottom: 20px; } + +.title-s5.title-sm { font-size: 0.9rem; } + +.title-s5.title-sm span:first-child { font-size: 1.25rem; } + +.title-s5 span:first-child { display: block; padding-bottom: 13px; color: #866bfe; font-weight: 500; } + +.tc-light .title-s5 span:first-child { color: #fff; } + +.title-s5 span:last-child { opacity: .7; } + +.title-s5:after { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); content: ''; width: 50px; height: 3px; border-radius: 2px; background: #866bfe; } + +.title-s6 { position: relative; } + +.title-s6:before { position: absolute; top: 8px; left: -15px; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #866bfe; } + +.title-s7 span:first-child { display: block; padding-bottom: 13px; color: #6e19c2; font-size: 1.35rem; } + +.tc-light .title-s7 span:first-child { color: #fff; } + +.title-s7 span:last-child { font-size: 0.9rem; color: #415076; } + +.title-xxl-grad { font-size: 70px; line-height: 1; font-weight: 700; margin-bottom: 0; background: -webkit-linear-gradient(#5d38fe, #229f8e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: .4; } + +.title-ele-head { background: linear-gradient(180deg, #415076 0%, #fff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.title-sub { color: #d87032; } + +@media (min-width: 576px) { .title { font-size: 2.25rem; } + .title:not(:last-child) { margin-bottom: 1.25rem; } + .title small { font-size: 50%; margin-top: 0.75rem; } + .title-xxs { font-size: 12px; letter-spacing: 0.1em; } + .title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + .title-xs { font-size: 0.88rem; } + .title-xs-alt { font-size: 0.94rem; } + .title-xs-s1 { font-size: 1.1rem; } + .title-xs-s2 { font-size: 1.1rem; } + .title-xs small { font-size: 70%; } + .title-sm { font-size: 1.125rem; } + .title-sm:not(:last-child) { margin-bottom: 0.85rem; } + .title-md { font-size: 1.375rem; } + .title-md:not(:last-child) { margin-bottom: 1rem; } + .title-md-s2 { font-size: 1.675rem; line-height: 1.6; } + .title-lg { font-size: 1.75rem; } + .title-xl { font-size: 3.5rem; } + .title-xl-s2 { font-size: 2.2rem; } + .title-s3 { font-size: 2.2rem !important; } + .title-s4 { font-size: 2.3rem; } + .title-s5.title-sm { font-size: 0.9rem; } + .title-s5.title-sm span:first-child { font-size: 1.25rem; } + .title-xl-2 { font-size: 1.8rem !important; } + .title-xxl-grad { font-size: 140px; } } + +@media (min-width: 768px) { .title-xl-2 { font-size: 2.2rem !important; } + .title-xxl-grad { font-size: 200px; } } + +@media (min-width: 992px) { .title-xxl-grad { font-size: 250px; } + .feature-text-wd .title-md { font-size: 1.375rem; } } + +@media (min-width: 1200px) { .title-xl-s2 { font-size: 2.8rem !important; } } + +@media (min-width: 1600px) { .title-xl-2 { font-size: 2.4rem !important; line-height: 1.3 !important; } + .banner-s1 .title-xl-2 { font-size: 2.2rem !important; } + .title-xl-s3 { font-size: 2.75rem !important; } } + +/** 03.04 List */ +.list li { line-height: 1.674; padding: 5px 0; position: relative; color: #415076; font-size: 14px; } + +.tc-light .list li { color: #af9cff; } + +.list-check li { padding-left: 24px; } + +.list-check li:before { position: absolute; top: 0; left: 0; height: 22px; width: 26px; line-height: 26px; padding: 3px 0; color: #866bfe; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; content: '\f00c'; transition: all .4s; } + +.tc-light .list-check li:before { color: #866bfe; } + +.list-check-s3 li { padding: 0px 0px 0px 55px; margin-bottom: 18px; line-height: 1.8; } + +.list-check-s3 li:before { width: 35px; height: 35px; background: #866bfe; border-radius: 50%; color: #fff; text-align: center; line-height: 29px; font-size: 16px; left: 0; top: 5px; } + +.tc-light .list-check-s3 li:before { background: #866bfe; color: #fff; } + +.list-check-s3-sm li { padding: 0px 0px 0px 40px; margin-bottom: 30px; } + +.list-check-s3-sm li .title-md { margin-bottom: 0.5rem; } + +.list-check-s3-sm li:before { width: 25px; height: 25px; line-height: 20px; font-size: 11px; top: 2px; } + +.list-check-s4 li { margin: 0; padding-left: 35px; position: relative; } + +.list-check-s4 li:before { left: 15px; top: 14px; } + +.list-number { counter-reset: item; } + +.list-number li { line-height: 1.86; margin-bottom: 10px; padding-left: 65px; } + +.list-number li:before { position: absolute; top: 10px; left: 25px; counter-increment: item; content: counter(item) "."; font-size: 30px; font-weight: 700; line-height: 1; color: #866bfe; font-family: 'Poppins', sans-serif !important; } + +.tc-light .list-number li:before { color: #866bfe; } + +.list-number-s2 li { padding-left: 60px; } + +.has-rtl .list-number-s2 li { padding-right: 60px; padding-left: 0; } + +.list-number-s2 li:not(:last-child) { margin-bottom: 16px; } + +.list-number-s2 li span { width: 30px; height: 30px; position: absolute; left: 0; top: 5px; line-height: 30px; text-align: center; background: rgba(134, 107, 254, 0.2); border-radius: 50%; color: #725bd6; font-weight: 400; } + +.has-rtl .list-number-s2 li span { left: auto; right: 0; } + +.list-dot li { position: relative; padding-left: 22px; line-height: 1.62; } + +.list-dot li:before { position: absolute; top: 14px; left: 0; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #5b53a2; } + +.tc-light .list-dot li:before { background: #2bc9b4; } + +.list-dot.list-sm { margin-top: -5px; margin-bottom: -5px; } + +.list-dot.list-sm li { padding-left: 16px; font-size: 0.9rem; padding-top: 10px; padding-bottom: 10px; } + +.list-dot.list-sm li:before { top: 19px; } + +.list-dot-bar { padding: 20px 0 65px 38px; } + +.list-dot-bar li { margin-bottom: 10px; } + +.list-dot-bar li span { width: 20px; height: 20px; content: ""; background: transparent; position: absolute; border-radius: 50%; border: 2px solid #2bc9b4; left: -38px; top: 7px; } + +.list-dot-bar li span:after, .list-dot-bar li span:before { position: absolute; content: ""; top: 50%; left: 50%; background: #2bc9b4; } + +.list-dot-bar li span:after { width: 7px; height: 7px; border-radius: 50%; transform: translate(-50%, -50%); } + +.list-dot-bar li span:before { width: 18px; height: 2px; transform: translateY(-50%); } + +.list-btn li { display: inline-block; padding-right: 15px; } + +.list-btn li:not(:first-child) a { padding-right: 10px; } + +.list-btn-dropdown { margin: -22px -30px; } + +.list-btn-dropdown > li { display: inline-block; margin: 18px 30px; } + +.list-btn-dropdown > li a { min-width: 200px; } + +.list-btn-dropdown > li a i { position: absolute; font-size: 20px; top: 0; right: 30px; line-height: 42px; } + +.list-inline { display: inline-flex; } + +@media (min-width: 576px) { .list li { font-size: 15px; } } + +/** 03.05 Form */ +input ~ .error, textarea ~ .error, select ~ .error { position: absolute; right: -10px; top: -15px; background: #e6604a; color: #fff; font-size: 11px; line-height: 18px; padding: 2px 10px; border-radius: 2px; z-index: 9; white-space: nowrap; } + +input ~ .error:after, textarea ~ .error:after, select ~ .error:after { position: absolute; content: ''; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid #e6604a; border-bottom: 5px solid transparent; bottom: -5px; left: 3px; } + +.tc-light input ~ .error, .tc-light textarea ~ .error, .tc-light select ~ .error { background: #e6604a; color: #fff; box-shadow: none; } + +.tc-light input ~ .error:after, .tc-light textarea ~ .error:after, .tc-light select ~ .error:after { border-right-color: #e6604a; } + +input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input::-webkit-input-placeholder, .tc-light .bg-light-alt input::-webkit-input-placeholder, .tc-light .bg-white input::-webkit-input-placeholder, .tc-light .bg-light textarea::-webkit-input-placeholder, .tc-light .bg-light-alt textarea::-webkit-input-placeholder, .tc-light .bg-white textarea::-webkit-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input::-webkit-input-placeholder, .tc-light textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input::-moz-placeholder, .tc-light .bg-light-alt input::-moz-placeholder, .tc-light .bg-white input::-moz-placeholder, .tc-light .bg-light textarea::-moz-placeholder, .tc-light .bg-light-alt textarea::-moz-placeholder, .tc-light .bg-white textarea::-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input::-moz-placeholder, .tc-light textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input:-ms-input-placeholder, .tc-light .bg-light-alt input:-ms-input-placeholder, .tc-light .bg-white input:-ms-input-placeholder, .tc-light .bg-light textarea:-ms-input-placeholder, .tc-light .bg-light-alt textarea:-ms-input-placeholder, .tc-light .bg-white textarea:-ms-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input:-ms-input-placeholder, .tc-light textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-moz-placeholder, textarea:-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input:-moz-placeholder, .tc-light .bg-light-alt input:-moz-placeholder, .tc-light .bg-white input:-moz-placeholder, .tc-light .bg-light textarea:-moz-placeholder, .tc-light .bg-light-alt textarea:-moz-placeholder, .tc-light .bg-white textarea:-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input:-moz-placeholder, .tc-light textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +.field-item { position: relative; padding-bottom: 15px; } + +.field-wrap { position: relative; } + +.field-wrap + p { margin-top: .75rem; } + +.field-wrap .btn + .form-results:not(:empty) { margin-top: 30px; } + +.field-wrap .label-inline { padding-left: 25px; line-height: normal; } + +.has-rtl .field-wrap .label-inline { padding-left: 0; padding-right: 25px; } + +.field-wrap .label-inline .icon { font-size: 20px; color: #adb2be; } + +.field-label { font-size: 12px; font-weight: 700; letter-spacing: 0.2em; } + +.field-label-line { position: absolute; width: 100%; top: 10px; font-size: 0.94rem; font-weight: 400; letter-spacing: normal; left: 0; color: rgba(65, 80, 118, 0.6); z-index: 1; transition: all .5s ease; transform-origin: left; } + +.tc-light .field-label-line { color: #fff; } + +.field-item-center .field-label-line { transform-origin: center; } + +.field-inline { border-radius: 6px; display: flex; } + +.field-inline input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } + +.field-inline.field-split .btn:not(.btn-round) { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; } + +.wgs-search .field-inline.field-split .btn:not(.btn-round) { height: auto; } + +.field-inline .field-wrap { flex-grow: 1; } + +.field-inline .submit-wrap .btn { width: 100%; } + +.field-inline + .form-results.alert { width: 100%; margin-top: 15px; } + +.field-inline-s2 { padding: 10px; display: block; } + +.field-inline-s2 .btn { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + +.field-inline-s2-sm { padding: 5px; } + +.field-inline-s2 input { text-align: center; } + +@media (max-width: 575px) { .field-inline-s2 input { margin-bottom: 5px; } } + +.field-inline-s3 .btn-light { color: #866bfe !important; } + +.field-inline-s4 { align-items: center; } + +.field-inline-s4 .input-solid { background: rgba(255, 255, 255, 0.2); } + +.field-inline-s4 .field-wrap { margin-right: -50px; } + +.field-inline-round { border-radius: 50px; } + +.field-inline-round .input-solid { padding-left: 30px; } + +.input-solid { background: none; border: none; width: 100%; padding: 15px 20px; line-height: 23px; } + +.tc-light .input-solid { color: #fff; } + +.tc-light .bg-light .input-solid, .tc-light .bg-light-alt .input-solid, .tc-light .bg-white .input-solid { color: #415076; } + +.input-solid-md { padding: 12px 20px; line-height: 22px; } + +.input-solid-lg { padding: 20px 20px; } + +.input-solid:focus { outline: none; } + +.input-line { position: relative; z-index: 2; background: transparent; border: none; width: 100%; font-size: 15px; line-height: 19px; padding: 16px 0 8px; color: #415076; border-bottom: 1px solid #dbe4f7; outline: none; transition: all .4s; } + +.tc-light .input-line { color: #fff; border-bottom-color: rgba(219, 228, 247, 0.3); } + +.input-line:focus { border-bottom-color: #866bfe; } + +.field-item-center .input-line { text-align: center; } + +.input-textarea { height: 105px; resize: none; outline: none; } + +.input-textarea ~ .field-label-line { top: 73px; } + +.input-focused .field-label-line { left: 0; top: -10px; transform: scale(0.7); } + +.input-bordered { border-radius: 6px; border: 1px solid #dbe4f7; width: 100%; padding: 10px 15px; line-height: 21px; font-size: .9em; color: #415076; transition: all .4s; background-color: transparent; } + +.input-bordered-lg { padding: 13px 20px; } + +.input-bordered-lg-s1 { padding: 17px 20px; } + +.tc-light .field-inline-s3 .input-bordered { border-color: rgba(255, 255, 255, 0.5); } + +.field-inline-s3 .input-bordered { border-width: 2px; border-right-width: 0 !important; } + +.field-item-s2 .input-bordered { border: 2px solid #d1e0f6; background: transparent; } + +.tc-light .input-bordered { color: #fff; background: #4822b2; border-color: rgba(255, 255, 255, 0.25); } + +.tc-light .input-bordered:focus { border-color: rgba(255, 255, 255, 0.45); } + +.input-bordered:focus { box-shadow: none; outline: none; border-color: #b7bee3; } + +.input-bordered:disabled { background: rgba(219, 228, 247, 0.2); } + +.input-switch { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-switch ~ label:not(.error) { line-height: 20px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; padding-left: 48px; min-height: 30px; min-width: 48px; border-radius: 12px; margin-bottom: 0; display: flex; align-items: center; position: relative; font-size: 14px; color: #415076; } + +.input-switch ~ label:not(.error).no-text { padding-left: 56px; } + +.input-switch ~ label:not(.error):before, .input-switch ~ label:not(.error):after { position: absolute; content: ''; transition: all .4s; } + +.input-switch ~ label:not(.error):before { left: 0; top: 50%; transform: translateY(-50%); height: 20px; width: 40px; border-radius: 15px; background: #d3e0f3; } + +.input-switch ~ label:not(.error):after { left: 2px; top: 50%; transform: translateY(-50%); height: 16px; width: 16px; border-radius: 50%; background: #fff; } + +.input-switch ~ label:not(.error) span { transition: all .4s; opacity: 1; } + +.input-switch ~ label:not(.error) span.over { position: absolute; left: 48px; } + +.input-switch ~ label:not(.error) span:last-child { opacity: 0; } + +.input-switch:disabled ~ label { opacity: .5; } + +.input-switch:checked ~ label:before { background: #866bfe; } + +.input-switch:checked ~ label:after { left: 22px; } + +.input-switch:checked ~ label span { opacity: 0; } + +.input-switch:checked ~ label span:last-child { opacity: 1; } + +.input-switch ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-checkbox, .input-radio { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-checkbox ~ label:not(.error), .input-radio ~ label:not(.error) { position: relative; padding-left: 28px; line-height: 20px; font-size: 14px; cursor: pointer; margin-bottom: 0; } + +.input-checkbox ~ label:not(.error):before, .input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { position: absolute; left: 0; top: 0; height: 20px; width: 20px; line-height: 20px; text-align: center; content: ''; background-color: transparent; border-radius: 3px; } + +.input-checkbox ~ label:not(.error):before, .input-radio ~ label:not(.error):before { border: 2px solid #dbe4f7; } + +.input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; background-color: #866bfe; color: #fff; opacity: 0; transition: all .4s; } + +.input-checkbox:checked ~ label:not(.error):after, .input-radio:checked ~ label:not(.error):after { opacity: 1; } + +.input-checkbox ~ .error, .input-radio ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { border-radius: 50%; } + +@media (min-width: 576px) { .field-item { padding-bottom: 30px; } + .field-inline .btn-md { line-height: 23px; } } + +@media (min-width: 768px) { .field-inline .submit-wrap .btn { width: auto; height: 100%; } + .field-inline-s2 { display: flex; } + .field-inline-s2 input { text-align: left; } } + +.select2-container.select2 { width: 100% !important; } + +.select2-container .select2-selection { position: relative; } + +.select2-container .select2-selection:focus { outline: none; } + +.select2-container .select2-selection .select2-selection__rendered { color: rgba(65, 80, 118, 0.6); font-size: 0.94rem; } + +.select2-container .select2-selection .select2-selection__arrow { position: absolute; top: 0; right: 0; height: 100%; width: 40px; } + +.select2-container .select2-selection .select2-selection__arrow:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; font-family: "themify"; content: '\e64b'; text-align: center; line-height: 20px; padding: 10px 0; font-size: .88rem; } + +.select2-container .select2-dropdown { border-color: #dbe4f7 !important; } + +.select2-container.select-line .select2-selection { height: 44px; line-height: 20px; padding: 16px 40px 8px 0; border-bottom: 1px solid #dbe4f7; } + +.select2-container.select-line .select2-selection .select2-selection__rendered { padding-left: 0; } + +.select2-container.select-line .select2-selection .select2-selection__arrow:after { padding: 16px 0 8px; } + +.select2-container.select-bordered .select2-selection { height: 42px; line-height: 20px; padding: 10px 40px 10px 0; border: 1px solid #dbe4f7; border-radius: 6px; } + +.select2-container.select-bordered .select2-selection .select2-selection__rendered { padding-left: 15px; } + +.select2-container.select-bordered.select-lg .select2-selection { height: 50px; border: 2px solid #dbe4f7; padding: 13px 40px 13px 10px; min-width: 146px; } + +.select2-container--below.select2-container--open.select-bordered .select2-selection--single { border-radius: 6px 6px 0 0; } + +.select2-container--above.select2-container--open.select-bordered .select2-selection--single { border-radius: 0 0 6px 6px; } + +.select2-container.select-lg .select2-selection .select2-selection__arrow:after { padding: 13px 0; } + +.select2-container.select-lg .select2-selection .select2-selection__rendered { color: #5b53a2; font-size: 1rem; } + +.select2-search { display: none; } + +.select2-results { padding: 5px 0; } + +.select2-results__option { padding: 6px 15px; font-size: .88rem; transition: all .4s; max-height: 180px; } + +.select2-results__option[aria-selected="true"], .select2-results__option:hover { background: #dbe4f7; } + +.select-line.select2-container--open .select2-dropdown--above { border-bottom: 1px solid #dbe4f7 !important; } + +.submit-wrap { margin-left: -3px; } + +.submit-wrap-s2 { margin: -4px 0; } + +.submit-wrap-s2 .btn { border-radius: 5px !important; } + +.btn-auto-lg { font-size: 20px; } + +@media (min-width: 992px) { .select2-container.select-bordered.select-lg .select2-selection { min-width: 255px; } } + +@media (max-width: 400px) { .field-inline-wrap { flex-wrap: wrap; } + .field-inline-wrap .submit-wrap { margin-left: auto; margin-right: auto; margin-top: 10px; } } + +/**/ +/** 03.06 Table */ +.table { color: inherit; } + +.table td { border-top: none; padding: 18px 0; font-size: 1rem; line-height: 1.5rem; } + +.table tr { border-bottom: 1px solid rgba(134, 107, 254, 0.2); } + +.table tr:last-child { border-bottom: none; } + +.table-head { font-weight: 500; color: #866bfe; } + +.table-token { margin-bottom: 5px; } + +.table-token .table-head { padding-bottom: 2px; } + +.table-token .table-des { padding-top: 2px; } + +.table-token-s1 { border: 1px solid rgba(209, 224, 246, 0.7); border-collapse: separate; border-radius: 6px; margin-bottom: 0; } + +.tc-light .table-token-s1 { border-color: rgba(255, 255, 255, 0.1); } + +.table-token-s1 tr:nth-child(odd) td:first-child { background: #eff8ff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:first-child { background: #3c1c94; } + +.table-token-s1 tr:nth-child(odd) td:last-child { background: #fff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:last-child { background: #391a8b; } + +.table-token-s1 tr:nth-child(even) td:first-child { background: #e7f3ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:first-child { background: #4520a9; } + +.table-token-s1 tr:nth-child(even) td:last-child { background: #f7f9ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:last-child { background: #3f1e9d; } + +.table-token-s1 tr:first-child td:first-child { border-top-left-radius: 6px; } + +.table-token-s1 tr:first-child td:last-child { border-top-right-radius: 6px; } + +.table-token-s1 tr:last-child td:first-child { border-bottom-left-radius: 6px; } + +.table-token-s1 tr:last-child td:last-child { border-bottom-right-radius: 6px; } + +.table-token-s1 tr td { width: 48%; font-weight: 500; font-size: 0.93rem; line-height: 24px; padding: 12px !important; padding-left: 18px !important; color: #415076; } + +.tc-light .table-token-s1 tr td { color: #fff; } + +.table-token-s1 tr td:last-child { color: #866bfe; font-weight: 400; font-size: 0.88rem; } + +.tc-light .table-token-s1 tr td:last-child { color: rgba(255, 255, 255, 0.6); } + +.table-bordered td { padding-left: 20px; padding-right: 20px; border: 1px solid rgba(134, 107, 254, 0.2); } + +@media (min-width: 576px) { .table-token { margin-bottom: 1rem; display: table; } + .table-token tbody { display: table-row-group; } + .table-token tr { display: table-row; } + .table-token td { display: table-cell; } + .table-token .table-head, .table-token .table-des { padding: 18px 0; } } + +/** 03.07 Progress */ +.progress-list { margin-top: .8rem; } + +.progress-wrap { margin-bottom: 1rem; } + +.progress-wrap:last-child:not(:only-child) { margin-bottom: 0; } + +.progress-wrap-point { margin-bottom: 55px; } + +.progress-wrap-point-s1 { margin-bottom: 30px; margin-top: 50px; } + +.progress-title { text-transform: uppercase; font-size: 0.75rem; font-weight: 500; display: flex; justify-content: space-between; padding-bottom: .4rem; } + +.progress-amount { font-weight: 400; } + +.progress-bar { position: relative; width: 100%; height: 20px; border-radius: 4px; background: rgba(134, 107, 254, 0.2); } + +.progress-bar .progress-percent { border-radius: 4px; } + +.progress-bar-xs { height: 6px; border-radius: 2px; } + +.progress-bar-xs .progress-percent { border-radius: 2px; border: none; } + +.progress-bar-sm { height: 15px; border-radius: 2px; } + +.progress-bar-md { height: 24px; border-radius: 3px; } + +.progress-bar-md .progress-percent { padding: 3px 0; } + +.progress-bar-s1 { padding: 6px; width: 100%; background: #fff; border-radius: 16px; height: auto; } + +.progress-bar-s2.bar-round { border-radius: 30px; } + +.progress-bar-s2.bar-round .progress-percent { border-radius: 30px; } + +.progress-bar-s2 .progress-percent { top: 3px; left: 3px; bottom: 3px; right: 3px; border: none; } + +.progress-bar-s2 .progress-percent:after { display: none; } + +.progress-percent { position: absolute; top: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 12px; background: #866bfe; } + +.progress-percent-s2 { z-index: 2; } + +.progress-percent-s2:after { position: absolute; content: ''; top: 50%; right: 0; height: 18px; width: 18px; border-radius: 50%; border: 2px solid #fff; background: #866bfe; transform: translate(50%, -50%); } + +.progress-percent-s1 { position: relative; max-height: 20px; border: none; min-height: 20px; border-radius: 20px !important; } + +.progress-percent-s3 { border: none; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } + +.progress-info { display: block; font-size: 16px; color: #fff; padding: 12px 0 22px; } + +.progress-info span { font-weight: 500; font-size: 18px; color: #2bc9b4; } + +.progress-info-s2 { font-size: 12px; text-transform: uppercase; padding: 0 0 17px; } + +.progress-info-s2 span { font-size: 14px; text-transform: capitalize; color: #fff; } + +.progress-point { color: #fff; font-size: 11px; line-height: 14px; font-weight: 500; text-transform: uppercase; position: absolute; top: 30px; transform: translateX(-50%); padding: 3px 0; } + +.progress-point:after { position: absolute; bottom: 100%; left: 50%; margin-left: -1px; content: ''; width: 2px; height: 40px; background: rgba(193, 206, 241, 0.5); } + +.progress-bar-md .progress-point { top: 40px; font-size: 14px; font-weight: 400; text-transform: capitalize; } + +.progress-bar-md .progress-point:after { bottom: calc(100% + 10px); height: 30px; } + +.progress-point span { display: block; font-size: 12px; color: #866bfe; } + +.progress-point-s1 { top: -35px; } + +.progress-point-s1:after { bottom: auto; top: 100%; height: 30px; } + +.progress-point-1 { left: 25%; } + +.progress-point-2 { left: 85%; } + +.progress-points { padding-top: 10px; display: flex; justify-content: space-between; } + +ul.progress-info { display: flex; justify-content: space-between; } + +@media (min-width: 576px) { .progress-bar-md { height: 36px; } + .progress-percent { font-size: 14px; } + .progress-wrap-point { margin-bottom: 78px; } + .progress-wrap-point-s1 { margin-bottom: 30px; } + .progress-bar-md .progress-point { top: 60px; } + .progress-bar-md .progress-point:after { height: 50px; } } + +/** 03.08 CountDown */ +.countdown { display: flex; justify-content: space-around; margin: 0 -5px; } + +.countdown-small { justify-content: flex-start; margin: 0 -20px; } + +.countdown-s2 { margin: 0; justify-content: space-between; } + +.countdown-s3 { margin: 0 -16px 0 -25px; } + +.countdown-s4 { margin: 0; } + +.countdown-md { padding-bottom: 35px; } + +.countdown-item { padding: 0 5px; } + +.countdown-s2 .countdown-item { padding: 0; } + +.countdown-s3 .countdown-item { flex-grow: 1; } + +.countdown-s3.countdown-small .countdown-item, .countdown-s3-alt .countdown-item { flex-grow: 0; width: auto; } + +.countdown-s4 .countdown-item, .countdown-s5 .countdown-item { width: 100%; } + +.countdown-wd .countdown-item { flex-grow: 0; width: 100%; } + +.countdown-md .countdown-item { width: 80px; } + +.countdown-wd { text-align: center; } + +.countdown-time { position: relative; height: 54px; width: 54px; border-radius: 50%; border: 2px solid #866bfe; text-align: center; line-height: 50px; display: block; } + +.countdown-s2 .countdown-time { border-radius: 6px; background-color: #866bfe; border-color: transparent; font-size: 1.4rem; font-weight: 500; color: #fff; } + +.countdown-s3 .countdown-time { border-radius: 0; border: none; font-size: 2.8125rem; line-height: 50px; font-weight: 700; height: 50px; width: 100%; color: #6e19c2; } + +.tc-light .countdown-s3 .countdown-time { color: #fff; } + +.countdown-s3 .countdown-time:after { position: absolute; top: calc(50% - 3px); right: -6px; transform: translate(50%, -50%); content: ':'; } + +.countdown-s3 .countdown-time-last:after { display: none; } + +.countdown-s3-alt .countdown-time { font-size: 1.875rem; padding: 0 20px; font-weight: 300; height: 38px; line-height: 38px; margin-bottom: 0.5rem; } + +.countdown-s3.countdown-small .countdown-time { font-size: 1rem; line-height: 24px; height: 24px; text-align: left; padding: 0 20px; } + +.countdown-s4 .countdown-time { font-size: 2rem; } + +.countdown-s4 .countdown-time, .countdown-thin .countdown-time { font-weight: 300; } + +.tc-light .countdown-s5 .countdown-time { color: #866bfe; } + +.countdown-md .countdown-time { font-size: 2rem; line-height: normal; font-weight: 400; height: auto; } + +.countdown-text { display: block; font-weight: 500; font-size: 12px; letter-spacing: 0.01em; padding-top: 8px; text-align: center; } + +.tc-light .countdown-text { color: #fff; } + +.countdown-s2 .countdown-text { text-transform: uppercase; font-weight: 400; } + +.tc-light .countdown-s2 .countdown-text { color: #866bfe; } + +.countdown-s3 .countdown-text { text-transform: uppercase; } + +.tc-light .countdown-s3 .countdown-text { color: #fff; } + +.countdown-s3-alt .countdown-text { text-transform: capitalize; padding-top: 0; font-weight: 400; } + +.countdown-s3.countdown-small .countdown-text { text-align: left; padding: 0 22px; } + +.countdown-s4 .countdown-text { text-transform: capitalize; padding-top: 0; } + +.tc-light .countdown-s5 .countdown-text { color: #866bfe; } + +.countdown-md .countdown-text { font-weight: 400; padding-top: 2px; } + +.status-countdown { overflow: hidden; } + +@media (min-width: 420px) { .countdown-time { height: 64px; width: 64px; line-height: 60px; } } + +@media (min-width: 576px) { .status-countdown { min-width: 290px; } + .countdown-large .countdown-time { font-size: 3.5rem; } + .countdown-large .countdown-time:after { font-size: 2.5rem; } } + +@media (min-width: 768px) { .countdown-wd .countdown .item { width: 100%; } + .countdown-xxl .countdown-time { font-size: 5.5rem; } + .countdown-xl .countdown-time { font-size: 4rem; } + .countdown-xl.countdown-s2 .countdown-time { width: 123px; height: 123px; line-height: 123px; border-radius: 4px; } + .countdown-xxl .countdown-text { padding-top: 30px; } + .countdown-s3-lg { margin: 0 -38px; } } + +@media (min-width: 992px) { .countdown-s4 .countdown-time { font-size: 2rem; } + .countdown-large .countdown-time { font-size: 3.5rem; } } + +@media (min-width: 1200px) { .countdown-s4 .countdown-time { font-size: 2.9rem; } + .countdown-large .countdown-time { font-size: 3.6rem; } } + +/** 03.09 Toastr */ +/* Toastr */ +#toast-container { position: fixed; z-index: 999999; margin-top: 22px; margin-bottom: 16px; } + +#toast-container .toast { opacity: 1; } + +.toast-top-center { top: 0; right: 0; width: 100%; } + +.toast-bottom-center { bottom: 0; right: 0; width: 100%; } + +.toast-top-full-width { top: 0; right: 0; width: 100%; } + +.toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } + +.toast-top-left { top: 0; left: 16px; } + +.toast-top-right { top: 0; right: 16px; } + +.toast-bottom-right { right: 16px; bottom: 0; } + +.toast-bottom-left { bottom: 0; left: 16px; } + +.toast-top-center > div, .toast-bottom-center > div { width: 650px; max-width: 90%; margin-left: auto; margin-right: auto; } + +.toast-top-full-width > div, .toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } + +.toast { background: #fff; color: #fff; overflow: hidden; margin: 0 0 8px; padding: 15px 51px 15px 15px; width: 300px; border-radius: 5px; border: none; display: flex; align-items: center; box-shadow: 0px 2px 18px 2px rgba(91, 83, 162, 0.25); background: #0b0c10; position: relative; } + +.toast-close-button { cursor: pointer; position: absolute; text-align: left; right: 15px; text-indent: -9999em; overflow: hidden; background: none; border-radius: 50%; border: none; height: 36px; width: 36px; transition: all .3s; } + +.toast-close-button:after { position: absolute; content: '\e646'; font-family: 'themify'; top: 0; right: -1px; text-indent: 0; display: block; font-size: 13px; line-height: 38px; height: 36px; width: 36px; text-align: center; color: #fff; transition: all .3s; } + +.toast-close-button:hover, .toast-close-button:focus { background: rgba(247, 248, 255, 0.15); box-shadow: none; outline: none; } + +.toast-message { position: relative; flex-grow: 1; font-size: 13px; line-height: 17px; display: flex; align-items: center; padding-left: 10px; min-height: 30px; } + +.toast-message-icon { display: inline-block; font-size: 14px; margin-right: 15px; margin-left: -10px; text-align: center; height: 30px; width: 30px; line-height: 30px; border-radius: 50%; } + +.toast-message-icon.ti-alert:before { position: relative; top: -2px; } + +.toast-info .toast-message-icon { background: #026bfb; } + +.toast-warning .toast-message-icon { background: #f6be26; } + +.toast-success .toast-message-icon { background: #39d884; } + +.toast-error .toast-message-icon { background: #e6604a; } + +@media (min-width: 576px) { .toast-message { font-size: 14px; line-height: 18px; } } + +/** 03.10 Misc */ +.img-xs { height: 40px; width: 40px; } + +.text-thumb { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; font-weight: 500; letter-spacing: 0.1em; border: 2px solid #fff; background: #866bfe; } + +.text-thumb-xs { height: 40px; width: 40px; } + +.icon { display: inline-block; } + +.icon-lg { font-size: 50px; } + +.icon-round { display: inline-block; text-align: center; border-radius: 50%; background: rgba(134, 107, 254, 0.1); } + +.icon-round.icon-lg { height: 90px; width: 90px; line-height: 90px; } + +.icon-circle { display: inline-flex; align-items: center; justify-content: center; height: 38px; width: 38px; border-radius: 50%; } + +.icon-circle-md { height: 50px; width: 50px; } + +.icon-border { border: 1px solid #fff; } + +.icon-animation { position: relative; } + +.icon-animation:after { position: absolute; content: ""; top: -8px; right: -8px; bottom: -8px; left: -8px; border-radius: 50%; border: 1px solid #fff; animation: 1s ease 0s normal none infinite running playbutton; } + +.icon-list li { display: inline-block; margin: 0 5px; } + +.icon-currency-list { display: flex; justify-content: center; align-items: center; } + +.icon-bg { min-width: 40px; min-height: 40px; background: #8c8c8c; color: #fff; text-align: center; line-height: 40px; font-size: 1.7rem; border-radius: 50%; margin-right: 8px; } + +.has-rtl .icon-bg { margin-right: 0; margin-left: 8px; } + +.icon-bg-md { min-height: 32px; min-width: 32px; line-height: 32px; font-size: 1.5rem; } + +.icon-bg-lg { min-width: 60px; min-height: 60px; line-height: 60px; font-size: 2rem; } + +.icon-bg-xl { min-width: 92px; min-height: 92px; line-height: 92px; font-size: 4rem; } + +.icon-bg-eth { background: #61688f; } + +.icon-bg-btc { background: #f9931a; } + +.icon-bg-ltc { background: #838383; } + +.icon-bg-dash { background: #3573c0; } + +.icon-bg-xrp { background: #1c1c1c; } + +.icon-bg-xmr { background: #ff9f17; } + +.toggle-wrap { position: relative; } + +.toggle-tigger { display: inline-block; } + +.toggle-tigger.btn { display: inline-flex; } + +.toggle-class { visibility: hidden; opacity: 0; transition: all .4s; } + +.toggle-class.active { visibility: visible; opacity: 1; } + +.toggle-drop { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: -10px; z-index: 9; } + +.toggle-drop-left { left: 0; transform: translateX(0); } + +.toggle-drop-right { left: auto; right: 0; transform: translateX(0); } + +.toggle-drop-top { bottom: 100%; top: auto; margin-bottom: 10px; } + +.toggle-drop.active { margin-top: 0; margin-bottom: 0; } + +@media (max-width: 991px) { .toggle-class-lg { position: static; margin-top: 0; display: block; visibility: visible; opacity: 1; } + .toggle-wrap-nav { width: 100%; display: flex; } + .toggle-wrap-nav .toggle-class-lg { margin-left: 20px; flex-grow: 1; } + .toggle-wrap-nav .toggle-class-lg .drop-list { max-width: 100%; } } + +.drop-wrap { position: relative; } + +.drop-list { min-width: 160px; max-width: 160px; background: #fff; padding: 10px 0; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(91, 83, 162, 0.08); } + +.drop-list a { font-size: 13px; line-height: 15.6px; color: #415076; padding: 7px 20px; display: block; position: relative; } + +.drop-list a .badge { margin-left: 5px; position: relative; top: -1px; } + +.tc-light:not(.btn) .drop-list a { color: #415076; } + +.drop-list a:hover { color: #866bfe; } + +.drop-list-xs { min-width: 60px; max-width: 60px; } + +.drop-list-xs a { padding: 7px 8px; } + +.drop-list-mb { min-width: 80px; max-width: 80px; } + +.drop-list-mb a { padding: 7px 14px; } + +.drop-list-sm { min-width: 110px; max-width: 110px; } + +.drop-list-full { min-width: 100%; max-width: 100%; } + +.drop-list-center { text-align: center; } + +.breadcumb { margin: 0 -13px; } + +.breadcumb li { display: inline-block; padding: 0 15px; font-size: .75rem; line-height: 18px; position: relative; color: #415076; } + +.breadcumb li:not(:last-child):after { position: absolute; top: 0; right: -3px; content: '-'; line-height: 18px; color: #866bfe !important; } + +.breadcumb li a { color: #866bfe !important; } + +.breadcumb li a:hover:not([class]) { color: #2bc9b4 !important; } + +.preloader { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; } + +.preloader:before, .preloader:after { position: absolute; left: 0; height: 51%; width: 100%; transition: all .6s ease; background: #fff; content: ''; } + +.preloader:before { top: 0; } + +.page-loaded .preloader:before { transform: translate(0, -100%); } + +.preloader:after { bottom: 0; } + +.page-loaded .preloader:after { transform: translate(0, 100%); } + +.preloader.no-default { background-color: #3c1c94; } + +.page-loaded .preloader.no-default:before, .page-loaded .preloader.no-default:after { transform: translate(0, 0); } + +.preloader.no-default:before, .preloader.no-default:after { position: absolute; top: 0; left: 0; height: 100%; transition: all .6s; background-color: #3c1c94; } + +.preloader-alt:after, .preloader-alt:before { background: #6e19c2; } + +.page-loaded .preloader.no-split:before, .page-loaded .preloader.no-split:after { transform: translate(0, 0); } + +.spinner { display: block; position: relative; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; z-index: 1001; } + +.spinner-round { border-radius: 50%; border: 2px solid transparent; border-top-color: #866bfe; animation: spin 2s linear infinite; } + +.spinner-round:before, .spinner-round:after { content: ""; position: absolute; border-radius: 50%; border: 3px solid transparent; } + +.spinner-round:before { top: 5px; left: 5px; right: 5px; bottom: 5px; border-top-color: #2bc9b4; animation: spin 3s linear infinite; } + +.spinner-round:after { top: 15px; left: 15px; right: 15px; bottom: 15px; border-top-color: #3c1c94; animation: spin 1.5s linear infinite; } + +.spinner-alt { border-radius: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; } + +.spinner-alt:after, .spinner-alt:before { content: ""; position: absolute; border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; } + +.spinner-alt:before { border: 1px solid rgba(255, 255, 255, 0.1); } + +.spinner-alt:after { border: 1px solid; border-top-color: #fff; border-right-color: transparent; border-left-width: 0; border-bottom-width: 0; animation: spin 1.5s linear infinite; } + +.spinner-alt.load-done { transition: all .4s; transform: scale(3); opacity: 0; border-color: transparent; } + +.spinner-alt.load-done:after, .spinner-alt.load-done:before { opacity: 0; } + +.spinner-alt.spinner-light { border: 1px solid rgba(10, 16, 21, 0.1); } + +.spinner-alt.spinner-light:after { border-top-color: #0a1015; } + +.spinner-brand { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100px; } + +@keyframes spin { 0% { -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); } } + +.text-zoom { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; text-transform: uppercase; font-weight: 700; height: 100px; width: 100px; } + +.text-item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } + +.text-item:nth-child(2) > * { animation-delay: 1s; } + +.text-item:nth-child(3) > * { animation-delay: 2s; } + +.text-item:nth-child(4) > * { animation-delay: 3s; } + +.text-item:nth-child(5) > * { animation-delay: 4s; } + +.text-item:nth-child(6) > * { animation-delay: 5s; } + +.text-item:nth-child(7) > * { animation-delay: 6s; } + +.text-item:nth-child(8) > * { animation-delay: 7s; } + +.text-item:nth-child(9) > * { animation-delay: 8s; } + +.text-small, .text-large { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; opacity: 0; } + +.text-small { color: #97afd5; z-index: 2; font-size: 60px; animation: textzoom9 9s linear infinite; } + +.text-large { color: #19243e; z-index: 0; font-size: 120px; animation: textzoom9l 9s linear infinite; } + +@keyframes textzoom9 { 0% { transform: translate(-50%, -50%) scale(0); + opacity: 0; } + 6% { transform: translate(-50%, -50%) scale(1); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.3); + opacity: 0; } } + +@keyframes textzoom9l { 0% { transform: translate(-50%, -50%) scale(0.2); + opacity: 0; } + 8% { transform: translate(-50%, -50%) scale(1.2); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.7); + opacity: 0; } } + +.modal-dialog-bottom { display: flex; align-items: flex-end; min-height: calc(100% - (.5rem * 2)); } + +.modal.fade .modal-dialog-bottom { -webkit-transform: translate(0, 25%); transform: translate(0, 25%); } + +.modal.show .modal-dialog-bottom { -webkit-transform: translate(0, -30px); transform: translate(0, -30px); } + +.modal-content { background: none; border: none; margin-left: auto; margin-right: auto; width: auto; max-width: 100%; } + +.modal-body { background: #fff; border-radius: 6px; } + +.modal-close { position: absolute; cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 39px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #415076; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(65, 80, 118, 0.2); } + +.mfp-close-btn-in .mfp-close { cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 37px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #415076 !important; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(65, 80, 118, 0.2); transition: all .4s; } + +.mfp-close-btn-in .mfp-close:hover { text-decoration: none; color: #866bfe !important; } + +.tc-light .mfp-close-btn-in .mfp-close:hover { color: #866bfe !important; } + +.image-popup .mfp-close { cursor: pointer; top: 22px; right: -18px; } + +.owl-nav { margin: 0 -10px 0; padding-top: 40px; } + +.carousel-nav-s1 .owl-nav { padding-top: 0px; } + +.carousel-nav-center .owl-nav { display: flex; justify-content: center; } + +.owl-nav button { border: 1px solid #af9cff !important; border-radius: 50% !important; height: 40px; width: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 0 10px; transition: all .4s; } + +.carousel-nav-s1 .owl-nav button { border-width: 0 !important; margin: 0; } + +.owl-nav button:focus { box-shadow: none; outline: none; } + +.owl-nav button.disabled { opacity: 0.4; } + +.owl-nav button:after { font-family: "themify"; font-size: 1rem; } + +.carousel-nav-s1 .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.carousel-nav-light .owl-nav { color: #fff; } + +.owl-prev:after { content: '\e64a'; } + +.owl-rtl .owl-prev:after { content: '\e649'; } + +.carousel-nav-s1 .owl-prev:after { content: '\f060'; } + +.carousel-nav-s1.owl-rtl .owl-prev:after { content: '\f061'; } + +.owl-next:after { content: '\e649'; } + +.owl-rtl .owl-next:after { content: '\e64a'; } + +.carousel-nav-s1 .owl-next:after { content: '\f061'; } + +.carousel-nav-s1.owl-rtl .owl-next:after { content: '\f060'; } + +.owl-dot { height: 6px; width: 12px; border-radius: 3px; display: inline-block; margin: 0 4px; transition: all .4s ease; background: rgba(134, 107, 254, 0.3) !important; } + +.owl-dot.active { background: rgba(134, 107, 254, 0.8) !important; width: 20px; } + +.owl-dot:focus { outline: none; } + +.owl-dots { text-align: center; } + +.carousel-shadow-fix .owl-stage-outer { margin: 0 -30px; margin-top: -20px; padding-left: 40px; } + +.carousel-shadow-fix.feature-carousel-center .owl-stage-outer { padding-left: 30px; } + +.carousel-shadow-fix.owl-rtl .owl-stage-outer { padding-left: 0; padding-right: 30px; } + +.carousel-shadow-fix .owl-item { padding: 20px 0 40px; } + +.carousel-shadow-fix .owl-item > div { transition: all .4s; opacity: 0; } + +.carousel-shadow-fix .owl-item.active > div { opacity: 1; } + +.carousel-shadow-fix .owl-item:not(.active) [class*='shadow'] { box-shadow: none !important; } + +.carousel-shadow-fix .owl-item .feature { margin-bottom: 0; } + +.ovm-line { position: relative; width: 64%; max-width: 1280px; height: 100%; margin-left: auto; margin-right: auto; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } + +.ovm-line:before, .ovm-line:after { position: absolute; content: ''; height: 100%; top: 0; left: 50%; transform: translateX(-50%); } + +.ovm-line:before { width: 1px; background: rgba(255, 255, 255, 0.05); } + +@media (min-width: 992px) { .ovm-line:after { width: 50%; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.nk-circle-animation { height: 300px; width: 300px; z-index: 1; } + +.nk-circle-animation + * { position: relative; z-index: 1; } + +.nk-circle-animation:before, .nk-circle-animation:after { position: absolute; content: ''; border: 4px solid rgba(175, 156, 255, 0.3); border-radius: 50%; } + +.nk-circle-animation:before { top: 0; left: 0; bottom: 0; right: 0; border-top-color: #866bfe; border-right-color: #866bfe; animation: rotatecw 30s linear infinite 0s; } + +.nk-circle-animation:after { top: 25px; left: 25px; bottom: 25px; right: 25px; border-top-color: #866bfe; border-bottom-color: #866bfe; animation: rotateacw 24s linear infinite 0s; } + +.nk-circle-animation.small:before, .nk-circle-animation.small:after { border-width: 2px; } + +.nk-circle-animation.fast:before { animation: rotatecw 15s linear infinite 0s; } + +.nk-circle-animation.fast:after { animation: rotateacw 10s linear infinite 0s; } + +.nk-circle-animation.white:before { border-top-color: #fff; border-right-color: #fff; } + +.nk-circle-animation.white:after { border-top-color: #fff; border-bottom-color: #fff; } + +.nk-circle-animation.accent-alt:before { border-top-color: #2bc9b4; border-right-color: #2bc9b4; } + +.nk-circle-animation.accent-alt:after { border-top-color: #2bc9b4; border-bottom-color: #2bc9b4; } + +.nk-circle-pk { position: relative; height: 565px; width: 640px; } + +.nk-circle-pk [class*="line"] { position: absolute; top: 0; border-radius: 50%; border: 1px solid rgba(134, 107, 254, 0.2); height: 100%; width: calc(100% - 80px); } + +.nk-circle-pk .line-1 { left: 0; } + +.nk-circle-pk .line-2 { left: 20px; } + +.nk-circle-pk .line-3 { left: 45px; } + +.nk-circle-pk .line-4 { left: 65px; } + +.token-status .nk-circle-pk { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } + +@media (min-width: 576px) { .nk-circle-animation { height: 500px; width: 500px; overflow: hidden; } + .nk-circle-animation:after { top: 45px; left: 45px; bottom: 45px; right: 45px; } + .nk-circle-animation.small { height: 400px; width: 400px; } + .nk-circle-animation.small:after { top: 35px; left: 35px; bottom: 35px; right: 35px; } } + +@media (min-width: 992px) { .token-status .nk-circle-pk { display: block; } + .icon-bg { margin-right: 20px; } + .has-rtl .icon-bg { margin-right: 0px; margin-left: 20px; } } + +.circle-animation { position: absolute; height: 700px; width: 700px; top: -75px; left: 50%; transform: translateX(-50%); } + +.circle-animation .ca { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid rgba(65, 80, 118, 0.15); } + +.tc-light .circle-animation .ca { border-color: rgba(255, 255, 255, 0.1); } + +.circle-animation .ca-dot { position: absolute; height: 12px; width: 12px; border-radius: 50%; } + +.circle-animation .ca-color-1 { background: #86cfff; } + +.circle-animation .ca-color-2 { background: #859fff; } + +.circle-animation .ca-color-3 { background: #93a6ba; } + +.circle-animation-l1 { height: 100%; width: 100%; animation: rotatecw_alt 78s linear infinite 0s; } + +.circle-animation-l1-d1 { left: 23%; top: 6.35%; } + +.circle-animation-l1-d2 { right: 23%; top: 6.35%; } + +.circle-animation-l1-d3 { right: -7px; top: 50%; } + +.circle-animation-l1-d4 { right: 23%; bottom: 6.35%; } + +.circle-animation-l1-d5 { left: 23%; bottom: 6.35%; } + +.circle-animation-l1-d6 { left: -7px; top: 50%; } + +.circle-animation-l2 { height: 84.6%; width: 84.6%; border-radius: 50%; animation: rotateacw_alt 66s linear infinite 0s; } + +.circle-animation-l2-d1 { right: 4.9%; top: 25%; } + +.circle-animation-l2-d2 { left: 42%; top: -.6%; } + +.circle-animation-l2-d3 { left: -2px; top: 40%; } + +.circle-animation-l2-d4 { left: 24%; bottom: 5.5%; } + +.circle-animation-l2-d5 { right: 11.2%; bottom: 16%; } + +.circle-animation-l3 { height: 69.2%; width: 69.2%; animation: rotatecw_alt 54s linear infinite 0s; } + +.circle-animation-l3-d1 { left: 7.6%; top: 20%; } + +.circle-animation-l3-d2 { right: 24%; top: 5.2%; } + +.circle-animation-l3-d3 { right: -3px; bottom: 39%; } + +.circle-animation-l3-d4 { right: 37%; bottom: 0; } + +.circle-animation-l3-d5 { left: 8.4%; bottom: 19%; } + +@keyframes rotatecw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(360deg); } } + +@keyframes rotateacw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(-360deg); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.social li { text-align: center; display: inline-block; padding: 0 3px; } + +.social li:first-child { padding-left: 0; } + +.social li a { display: inline-flex; align-items: center; transition: all 0.3s; width: auto; } + +.social li a:hover { opacity: 1; transform: translateX(0); } + +.social li a:hover .social-icon { background: #2bc9b4; color: #fff; } + +.tc-light .social li a:hover .social-icon { background: #866bfe; } + +.social li a:hover .social-icon + span { color: #fff; } + +.social-icon { width: 32px; height: 32px; line-height: 32px; border-radius: 50%; transition: 0.3s; color: #415076; background: #fff; } + +.tc-light .social-icon { color: #fff; background: rgba(255, 255, 255, 0.15); } + +.social-icon-transparent { background: transparent; } + +.tc-light .social-icon-transparent { background: transparent; } + +.social-icon + span { display: none; margin-left: 8px; font-weight: 600; text-transform: uppercase; font-size: 12px; color: #866bfe; transition: all 0.3s; } + +.social-bar { display: flex; flex-wrap: wrap; } + +.social-bar li { flex-grow: 1; text-align: center; line-height: 30px; } + +.social-bar li:not(:last-child) { border-right: 1px solid #f0f5fc; } + +.social-bar li span { font-size: 14px; text-transform: uppercase; } + +.social-bar li a, .social-bar li span { display: block; padding: 7px 10px; } + +.social-bar-title { width: 100%; border-bottom: 1px solid #f0f5fc; } + +@media (min-width: 576px) { .social-icon + span { display: inline-block; } + .social-bar li a, .social-bar li span { padding: 20px; } + .social-bar-title { width: auto; border-bottom: none; } } + +@media (min-width: 992px) { .social-bar li a { font-size: 20px; } + .social-bar li a, .social-bar li span { padding: 40px 20px; } } + +.language-switcher .toggle-tigger { color: #415076; position: relative; } + +.is-transparent:not(.has-fixed) .header-logo .language-switcher .toggle-tigger { color: #fff; } + +.language-switcher .toggle-tigger:not(.btn) { padding: 8px 15px 8px 10px; } + +.language-switcher .toggle-tigger:not(.btn):after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.language-switcher-s1 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s2 .toggle-tigger:after { right: 14px; } + +.language-switcher-s2 .toggle-tigger:not(.btn) { padding: 3px 26px 3px 16px; } + +.language-switcher-s3 { border-left: 1px solid rgba(255, 255, 255, 0.15); text-transform: uppercase; font-size: .88rem; margin-left: 15px; } + +.language-switcher-s3 .toggle-tigger:not(.btn) { padding: 2px 20px 2px 15px; } + +.language-switcher-s4 { position: relative; } + +@media (min-width: 992px) { .language-switcher-s4:after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; content: ''; background: rgba(255, 255, 255, 0.15); } } + +.language-switcher-s4 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s5 .toggle-tigger { font-size: 12px; font-weight: 500; text-transform: uppercase; } + +.language-flag { width: 24px; margin: 3px 8px 3px 0; } + +.language-flag-lg { width: 36px; } + +.gfx { max-width: 400px; } + +.gfx-auto { margin-left: auto; margin-right: auto; } + +.gfx-inherit { max-width: 420px; } + +.gfx-md { max-width: 380px; } + +@media (min-width: 768px) { .gfx { max-width: 500px; } + .gfx-inherit { max-width: 420px; } + .gfx-md { max-width: 380px; } } + +@media (min-width: 992px) { .gfx-re-s1 { margin: 0 -230px 0 0; } } + +@media (min-width: 1600px) { .gfx-re-lgl { margin-left: -188px; } + .gfx-re-lg { margin: 0 -168px 0 42px; } } + +@media (min-width: 1900px) { .gfx-re-lgl { margin-left: -315px; } + .gfx-re-lgr { margin-right: -315px; } + .gfx-re-mdl { margin-left: -230px; } + .gfx-re-lg { margin: 0 -200px 0 42px; } } + +.piller-one, .piller-two { position: absolute; z-index: -1; } + +.piller-one { width: 250px; top: 20%; right: 100%; margin-right: 65px; } + +.piller-two { width: 200px; left: 100%; top: 50%; margin-left: 40px; } + +.gfx-round-bg { min-width: 300px; min-height: 300px; background: #f7f8ff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } + +.gfx-round-bg.after:after { position: absolute; content: ""; left: 44px; top: 0; width: 100%; height: 100%; border: 1px solid #2bc9b4; border-radius: 50%; } + +@media (min-width: 768px) { .gfx-round-bg { min-width: 400px; min-height: 400px; } } + +@media (min-width: 1200px) { .gfx-round-bg { min-width: 480px; min-height: 480px; } } + +@media (min-width: 1600px) { .gfx-round-bg { min-width: 600px; min-height: 600px; } } + +@media (min-width: 1900px) { .gfx-round-bg { min-width: 660px; min-height: 660px; } + .gfx-round-bg-md { min-width: 557px; min-height: 557px; } } + +/** 04. Components */ +/** 04.01 Tab */ +.tab-nav li a { display: block; padding: 12px 12px; line-height: 19px; font-weight: 400; color: rgba(91, 83, 162, 0.6); border-bottom: 1px solid rgba(219, 228, 247, 0.5); transition: all .4s; } + +.tab-nav li a:hover, .tab-nav li a.active { color: #6e19c2; } + +.tab-nav li a .fas, .tab-nav li a .far { margin-right: 10px; } + +.tab-nav-sap { flex-grow: 1; height: 2px; background: rgba(114, 91, 214, 0.4); align-self: center; margin: 0 -7px; } + +.tc-light .tab-nav-sap { background: rgba(114, 91, 214, 0.4); } + +.tab-nav-vr { display: block; } + +.tab-nav-vr li:not(:last-child) a { border-bottom: 1px solid rgba(219, 228, 247, 0.5); } + +.tab-nav-vr li:last-child a { border: none; } + +.tab-nav-vr li a { padding: 18px 20px; } + +.tc-light .tab-nav-vr li:not(:last-child) a { border-color: rgba(255, 255, 255, 0.07); } + +.tab-nav-s2 { margin: 0 -15px 15px; } + +.tab-nav-s2 li { padding: 0 15px; } + +.tab-nav-s2 li a { font-size: 18px; letter-spacing: 0.01em; text-transform: uppercase; padding: 12px 5px; border-bottom-color: transparent; } + +.tc-light .tab-nav-s2 li a { color: rgba(255, 255, 255, 0.5) !important; } + +.tab-nav-s2 li a:hover, .tab-nav-s2 li a.active { color: #866bfe; border-bottom-color: #866bfe; } + +.tab-nav-s2 li a .fas, .tab-nav-s2 li a .far { margin-right: 10px; } + +.tab-nav-s3 li a { border: none !important; border-radius: 3px; cursor: pointer; padding: 28px 30px; } + +.tab-nav-s3 li a [class*=title] { color: #5b53a2; transition: all .4s; } + +.tc-light .tab-nav-s3 li a [class*=title] { color: #fff; } + +.tab-nav-s3 li a p { color: #415076; line-height: 1.6; } + +.tc-light .tab-nav-s3 li a p { color: #af9cff; } + +.tab-nav-s3 li a.active { box-shadow: 0 3px 12px 0 rgba(91, 83, 162, 0.08); background: #fff; cursor: default; } + +.tab-nav-s3 li a.active [class*=title] { color: #866bfe; } + +.tc-light .tab-nav-s3 li a.active { background: #6e19c2; } + +.bg-theme-alt .tab-nav-s3 li a.active { background: #3c1c94; } + +.tab-nav-s4 { border: none; padding: 5px; border-radius: 30px; display: inline-block; } + +.tab-nav-s4 li { display: inline-block; } + +.tab-nav-s4 li a { border: none; line-height: 24px; background: transparent; font-weight: 600; color: #fff; font-size: 11px; padding: 10px 22px; border-radius: 25px; font-weight: 600; display: inline-block; } + +.tab-nav-s4 li a.active { color: #3c1c94 !important; background: #fff; } + +.tc-light .tab-nav-s4 li a.active:hover { color: tab_nav_s4_active_color !important; } + +.tc-light .tab-nav-s4 li a:hover { color: #fff !important; } + +.tab-nav-center { justify-content: center; } + +.tab-nav-bdr { border: 1px solid #dbe4f7; border-radius: 5px; } + +.tc-light .tab-nav-bdr { border-color: rgba(255, 255, 255, 0.07); background: rgba(255, 255, 255, 0.02); } + +.tab-nav-line { margin-bottom: 20px; border-bottom: 2px solid rgba(219, 228, 247, 0.5); text-align: center; justify-content: center; } + +.tab-nav-line li a { border-bottom: none; position: relative; } + +.tab-nav-line li a:after { position: absolute; width: 100%; height: 2px; left: 0; bottom: -2px; content: ''; background: #866bfe; opacity: 0; transition: all .4s; } + +.tab-nav-line li a:hover, .tab-nav-line li a.active { color: #866bfe; } + +.tab-nav-line li a.active:after { opacity: 1; } + +.tc-light .tab-nav-line { border-bottom-color: rgba(219, 228, 247, 0.5); } + +.tc-light .tab-nav li a:after { background: #866bfe; } + +.tc-light .tab-nav li a:hover, .tc-light .tab-nav li a.active { color: #866bfe !important; } + +.tab-nav-btn { margin: -7px -7px 8px; } + +.tab-nav-btn li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn li a { border-radius: 3px; color: #415076; background: rgba(60, 28, 148, 0.1); border-color: transparent; padding: 10px 18px; } + +.tc-light .tab-nav-btn li a { color: #415076; background: rgba(255, 255, 255, 0.1); border-color: transparent; } + +.tab-nav-btn li a:hover, .tab-nav-btn li a.active { color: #866bfe !important; background: rgba(60, 28, 148, 0.1); } + +.tc-light .tab-nav-btn li a:hover, .tc-light .tab-nav-btn li a.active { color: #866bfe !important; background: rgba(134, 107, 254, 0.1); } + +.tab-nav-btn-s2 li a:hover, .tab-nav-btn-s2 li a.active { color: #fff !important; background: #866bfe; } + +.tc-light .tab-nav-btn-s2 li a:hover, .tc-light .tab-nav-btn-s2 li a.active { color: #866bfe !important; background: rgba(60, 28, 148, 0.1); } + +.tab-nav-btn-bdr { margin: -7px; } + +.tab-nav-btn-bdr li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr li a { border-radius: 3px; color: #415076 !important; background: transparent; border: 1px solid !important; border-color: #415076 !important; } + +.tc-light .tab-nav-btn-bdr li a { color: #fff !important; background: transparent; border-color: rgba(114, 91, 214, 0.4) !important; } + +.tab-nav-btn-bdr li a:hover, .tab-nav-btn-bdr li a.active { color: #866bfe !important; background: transparent; border-color: #866bfe !important; } + +.tc-light .tab-nav-btn-bdr li a:hover, .tc-light .tab-nav-btn-bdr li a.active { color: #866bfe !important; background: transparent; border-color: #866bfe !important; } + +.tab-nav-btn-bdr-s2 { margin: -7px; } + +.tab-nav-btn-bdr-s2 li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr-s2 li a { text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; font-size: .88rem; padding: 14px 22px; border-radius: 6px; color: #415076 !important; background: transparent; border: 2px solid !important; border-color: rgba(114, 91, 214, 0.4) !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a { color: #fff !important; background: transparent; border-color: rgba(114, 91, 214, 0.4) !important; } + +.tab-nav-btn-bdr-s2 li a:hover, .tab-nav-btn-bdr-s2 li a.active { color: #866bfe !important; background: transparent; border-color: #866bfe !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a:hover, .tc-light .tab-nav-btn-bdr-s2 li a.active { color: #866bfe !important; background: transparent; border-color: #866bfe !important; } + +.tab-nav-grad li a { position: relative; } + +.tc-light .tab-nav-grad li a { background: rgba(255, 255, 255, 0.1); } + +.tab-nav-grad li a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: -1; border-radius: 3px; background: linear-gradient(-45deg, #3c1c94 0%, #6e19c2 100%); opacity: 0; transition: all .4s; } + +.tc-light .tab-nav-grad li a:before { background: linear-gradient(-45deg, #866bfe 0%, #2bc9b4 100%) !important; } + +.tab-nav-grad li a:hover, .tab-nav-grad li a.active { color: #fff !important; background: transparent; } + +.tab-nav-grad li a:hover:before, .tab-nav-grad li a.active:before { opacity: 1; } + +.tc-light .tab-nav-grad li a:hover, .tc-light .tab-nav-grad li a.active { color: #fff !important; } + +.tab-pane { padding: 10px 0 0; } + +@media (min-width: 576px) { .tab-nav-line > li { flex-grow: 1; } + .tab-nav-s4 li a { font-size: 14px; padding: 13px 25px; } } + +/** 04.02 Accordion */ +.accordion-item { transition: all .4s; padding-bottom: 8px; } + +.accordion-item:not(:last-child) { border-bottom: 1px solid #dbe4f7; } + +.tc-light .accordion-item:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item:not(:last-child) { border-color: rgba(134, 107, 254, 0.3); } + +.accordion-item-s2 { border-width: 2px !important; border: 2px solid #dbe4f7; border-radius: 6px; } + +.tc-light .accordion-item-s2 { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2 { border-color: rgba(134, 107, 254, 0.3); } + +.accordion-item-s2.current { border-color: rgba(60, 28, 148, 0.5) !important; } + +.tc-light .accordion-item-s2.current { border-color: #866bfe !important; } + +.accordion-item-s2:not(:last-child) { margin-bottom: 15px; } + +.tc-light .accordion-item-s2:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2:not(:last-child) { border-color: rgba(134, 107, 254, 0.3); } + +.accordion-item-s3 { border: none !important; border-radius: 6px; background: #fff; box-shadow: 0px 4px 6px 0px rgba(60, 28, 148, 0.07); } + +.bg-theme .accordion-item-s3, .tc-light .accordion-item-s3 { background: rgba(255, 255, 255, 0.05); box-shadow: none; } + +.has-bg-image .accordion-item-s3 { background: rgba(24, 7, 71, 0.7); box-shadow: none; } + +.accordion-item-s3:not(:last-child) { margin-bottom: 30px; } + +.accordion-item-s4 { background: rgba(60, 28, 148, 0.09); } + +.accordion-item-s4.current { background: rgba(60, 28, 148, 0.05); } + +.accordion-title { position: relative; color: #5b53a2; font-weight: 400; cursor: pointer; padding: 22px 54px 14px 0; margin-bottom: 0; } + +.accordion-item-s2 .accordion-title { padding: 25px 54px 17px 30px; } + +.accordion-item-s3 .accordion-title { padding: 20px 54px 12px 30px; } + +.accordion-item-s4 .accordion-title { padding: 16px 54px 8px 30px; } + +.tc-light .accordion-title { color: #866bfe; } + +.accordion-title-sm { font-size: 16px; } + +.accordion-title.collapsed { color: #415076; transition: all .4s; } + +.tc-light .accordion-title.collapsed { color: #fff; } + +.tc-light .accordion-title.collapsed:hover { color: #866bfe; } + +.accordion-title.collapsed:hover { color: #5b53a2; } + +.accordion-title.collapsed .accordion-icon:before { opacity: 0; } + +.accordion-title.collapsed .accordion-icon:after { opacity: 1; } + +.accordion-title.collapsed .accordion-icon-s2:after { transform: rotate(-180deg); } + +.accordion-icon { position: absolute; top: calc(50% + 4px); transform: translateY(-50%); right: 0; height: 36px; width: 36px; border-radius: 50%; background: #f7f8ff; } + +.current .accordion-icon { background: #f7f8ff; } + +.accordion-icon:before, .accordion-icon:after { line-height: 36px; color: #6e19c2; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; text-align: center; transition: all .4s; } + +.current .accordion-icon:before, .current .accordion-icon:after { color: #6e19c2; } + +.accordion-icon:before { content: '\f068'; opacity: 1; } + +.accordion-icon:after { content: '\f067'; opacity: 0; } + +.accordion-icon-s2 { background: #f7f8ff; } + +.accordion-icon-s2:after { font-family: "themify"; content: '\e648'; opacity: 1 !important; } + +.accordion-icon-s2:before { display: none; } + +.accordion-item-s2 .accordion-icon { right: 12px; } + +.accordion-item-s3 .accordion-icon { right: 18px; } + +.accordion-item-s4 .accordion-icon { right: 12px; } + +.tc-light .accordion-icon { background: rgba(134, 107, 254, 0.1); } + +.tc-light .accordion-icon:after, .tc-light .accordion-icon:before { color: #866bfe; } + +.accordion-content { padding-bottom: 12px; padding-right: 46px; } + +.accordion-content p:last-child { margin-bottom: 0; } + +.accordion-item-s2 .accordion-content, .accordion-item-s3 .accordion-content, .accordion-item-s4 .accordion-content { padding-left: 30px; } + +.accordion-item-s4 .accordion-content { padding-bottom: 6px; } + +.accordion-faq { margin-top: -15px; } + +.accordion-header { padding: 20px; } + +.accordion-header p { margin-bottom: 0; } + +.accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: none; } + +.accordion-body { padding: 0 20px 30px; } + +.accordion-box:not(:last-child) { margin-bottom: 40px; } + +.border-b-none { border-bottom: 0px !important; } + +@media (min-width: 576px) { .accordion-title-sm { font-size: 18px; } + .accordion-header { padding: 20px 40px; } + .accordion-header p { margin-bottom: 0; } + .accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: block; } + .accordion-body { padding: 0 40px 40px; } } + +/** 04.03 Blocks */ +.nk-block { display: block; width: 100%; position: relative; z-index: 1; } + +.nk-block ~ .nk-block { padding-top: 40px; } + +.nk-block ~ .nk-block-team-list { padding-top: 60px; } + +.nk-block + .hr { margin-top: 40px; margin-bottom: 40px; } + +.section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + +.nk-block-lg + .nk-block { padding-top: 60px; } + +.nk-block-zero + .nk-block { padding-top: 0 !important; } + +.nk-block-text-head { padding-bottom: 35px; } + +.nk-block-img { position: relative; } + +.nk-block-img-plx { position: absolute; } + +.nk-block-img-s1 { position: relative; z-index: 99; margin-top: -71px; padding: 30px 50px; background: #fff; border-radius: 60px 60px 60px 200px; box-shadow: 0 15px 30px rgba(60, 28, 148, 0.1); } + +.nk-block-img-s2 img { max-width: 400px; width: 100%; } + +.nk-block-img-s3 img { max-width: 300px; width: 100%; } + +.nk-block-screen { padding: 70px 50px 100px 0; } + +.nk-block-screen img { border-radius: 3px; border: 1px solid #dfeaf8; } + +.nk-block-screen-small { position: absolute; right: 0; bottom: 0; max-width: 210px; } + +.nk-block-video { position: relative; border-radius: 4px; } + +.nk-block-ca { padding: 70px 20px; } + +.nk-block-plx { width: 300px; padding: 30px 10px; margin-left: auto; margin-right: auto; } + +.nk-block-contact-s1 { padding: 110px 0; position: relative; display: flex; align-items: center; justify-content: center; background: url(../images/dot-c.png) no-repeat; background-size: contain; background-position: 50% 50%; } + +.nk-block-m30, .nk-block-team-list, .nk-block-features { margin-bottom: -30px; } + +.nk-block-m40 { margin-bottom: -40px; } + +.nk-block-m50 { margin-bottom: -50px; } + +.nk-block .pagination { margin-top: 10px; } + +.nk-block-status + .nk-block-actions { padding-top: 80px; padding-bottom: 40px; } + +.nk-block-note { position: relative; background: rgba(0, 0, 0, 0.2); border-radius: 6px; margin-top: 40px; padding: 20px 25px 20px 65px; } + +.nk-block-note-s2 { background: rgba(175, 156, 255, 0.25); } + +.nk-block-note .icon { position: absolute; left: 15px; top: 50%; font-size: 30px; color: #866bfe; transform: translateY(-50%); } + +.nk-block-shade { position: absolute; left: -120px; bottom: 65px; width: 100%; height: calc(100% - 130px); border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); opacity: .10; transform: skew(9deg); } + +.nk-block-shade:after { position: absolute; left: 50px; bottom: 50px; width: 100%; height: 100%; content: ''; border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.nk-block-shape-s1 { position: relative; z-index: 2; padding-top: 80px; padding-bottom: 100px; background: #3c1c94; } + +.nk-block-shape-s1:before, .nk-block-shape-s1:after { position: absolute; top: 0; height: 100%; content: ''; z-index: -1; background: #3c1c94; } + +.nk-block-shape-s1:before { left: -190px; width: 320px; border-radius: 100px 0 0 100px; transform: skew(9deg); } + +.nk-block-shape-s1:after { right: -280px; width: 370px; border-radius: 0 100px 100px 0; transform: skew(-7deg); } + +.nk-block-shape-s1.bg-theme-alt { background: #6e19c2; } + +.nk-block-shape-s1.bg-theme-alt:before, .nk-block-shape-s1.bg-theme-alt:after { background: #6e19c2; } + +.nk-block-shape-s1.bg-theme-dark { background: #180747; } + +.nk-block-shape-s1.bg-theme-dark:before, .nk-block-shape-s1.bg-theme-dark:after { background: #180747; } + +.nk-block-shape-s1.bg-theme-dark-alt { background: #2e186a; } + +.nk-block-shape-s1.bg-theme-dark-alt:before, .nk-block-shape-s1.bg-theme-dark-alt:after { background: #2e186a; } + +.nk-block-header { padding-top: 30px; padding-bottom: 30px; } + +.plx-screen { width: 80px; bottom: 0; left: 0; } + +.plx-circle-s1 { width: 80px; top: 10px; left: -5px; z-index: -1; animation: ani_cicle 4s infinite linear; } + +.plx-polygon-s1 { width: 70px; bottom: 15px; left: 40px; transform-origin: center; animation: ani_round 20s infinite linear; } + +.plx-triangle-s1 { width: 80px; bottom: 0; right: 0; animation: ani_round 30s infinite reverse linear; } + +@keyframes ani_round { 0% { transform: translate(0, 0) rotate(0deg); } + 25% { transform: translate(10px, 15px) rotate(90deg); } + 50% { transform: translate(0, 0) rotate(180deg); } + 75% { transform: translate(-10px, -15px) rotate(270deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +@keyframes ani_cicle { 0% { transform: translate(0, 0) rotate(0deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +.img-block-dot { background-image: url(../images/dot-a.png); background-position: top center; padding: 50px 0; margin-top: -40px; } + +@media (min-width: 576px) { .nk-block-screen { padding: 0 50px 100px 0; } + .nk-block-team-list { margin-bottom: -50px; } } + +@media (min-width: 576px) { .nk-block ~ .nk-block { padding-top: 60px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-lg + .nk-block { padding-top: 80px; } + .nk-block-ca { padding: 90px 20px; } + .nk-block-plx { padding: 60px; width: 100%; } + .nk-block-contact-s1 { padding: 180px 0; } + .nk-block-img-s1 { padding: 40px 70px; } + .nk-block-note { margin-top: 40px; padding: 20px 65px 20px 75px; } + .nk-block-note .icon { left: 20px; } + .nk-block-shape-s1 { padding-top: 150px; padding-right: 40px; padding-bottom: 150px; } + .plx-screen { width: 130px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 140px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 95px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 768px) { .nk-block-img-s2 img { max-width: 100%; } + .nk-block-ca { padding: 60px; } + .nk-block-plx { padding: 60px; } + .plx-screen { width: 160px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 160px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 125px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 992px) { .nk-block ~ .nk-block { padding-top: 100px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-status + .nk-block-actions { padding-top: 70px; padding-bottom: 40px; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-sm + .nk-block { padding-top: 70px; } + .nk-block-lg + .nk-block { padding-top: 100px; } + .nk-block-img-s1 { margin-right: -71px; } + .nk-block-img.edge-r1 { margin-right: -160px; } + .nk-block-img.edge-l1 { margin-left: -160px; } + .nk-block-img.edge-r2 { margin-right: -360px; } + .nk-block-img.edge-l2 { margin-left: -360px; } + .nk-block-img.edge-r3 { margin-right: -500px; } + .nk-block-img.edge-l3 { margin-left: -500px; } + .nk-block .pagination { margin-top: 30px; } } + +@media (min-width: 1200px) { .nk-block-lg + .nk-block { padding-top: 130px; } } + +.app-slide-wrap { position: relative; width: 230px; margin: 15px auto; } + +.app-slide-wrap:after { position: absolute; height: calc(100% + 80px); width: calc(100% + 96px); top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; background-image: url(../images/light-ix.png); } + +.app-slide img { border-radius: 4px; } + +/** 04.04 Box */ +.card { padding: 20px; background: #fff; border: none; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.02); } + +.card.card-s3 { padding: 30px 20px; } + +.card-full { height: calc(100% - 30px); } + +.card-full-lg { height: calc(100% - 80px); } + +.card.feature-s8 { padding: 35px 25px; } + +.card-s2 { padding: 55px 30px 110px; box-shadow: 0px 5px 46px rgba(110, 25, 194, 0.14); } + +.card-lg-y { box-shadow: 0px 20px 60px rgba(91, 83, 162, 0.1); } + +.card-s3 { box-shadow: 0px 5px 18px rgba(65, 80, 118, 0.2); } + +@media (min-width: 576px) { .card { padding: 30px; } + .card.card-s3 { padding: 30px; } + .card-md { padding: 40px 30px; } + .card-lg { padding: 45px 40px; } + .card.feature-s8 { padding: 45px 30px; } + .card-s2 { padding: 55px 30px 110px; } + .card-lg-y { padding: 70px 30px; } + .card-lg-xy { padding: 70px 55px; } } + +/** 04.05 Banner */ +.nk-banner { display: block; width: 100%; z-index: 5; position: relative; } + +.banner { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } + +.is-transparent .banner { padding-top: 60px; } + +.has-mask .banner { padding-bottom: 75px; } + +.has-mask .banner-page { padding-bottom: 40px; } + +.has-mask .banner-mask-fix { padding-bottom: 40px !important; } + +.has-mask .banner-inner { padding-bottom: 125px; } + +.header-banner-angled .banner { padding-bottom: 540px; } + +.header-banner-angled-s2 .banner { padding-bottom: 498px; } + +.banner-screen { position: absolute !important; z-index: 0 !important; left: 50%; right: 0; bottom: -8px; width: 320px; transform: translateX(-50%); } + +.banner-wrap { width: 100%; } + +.banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } + +.banner-gfx { position: relative; margin: -15px 0; } + +.banner-gfx-auto { margin: 0 auto !important; } + +.banner-gfx-re-s4 { margin: 0 -95px; } + +.banner-gfx-icon { position: absolute; width: 4.2%; top: 32%; } + +.banner-gfx-icon-1 { left: 43.75%; animation: jumping 1s linear 0s infinite alternate; } + +.banner-gfx-icon-2 { right: 40.25%; animation: jumping 1s linear .5s infinite alternate; } + +.banner-gfx-s2 { max-width: 280px; margin: 0 auto; } + +.banner-fs { min-height: calc(100vh - 90px); } + +.is-transparent .banner-fs { min-height: 100vh; } + +.banner-gap-b1 { padding-bottom: 50px; } + +.has-mask .banner-gap-b1 { padding-bottom: 75px; } + +.banner-gap-b2 { padding-bottom: 75px; } + +.has-mask .banner-gap-b2 { padding-bottom: 125px; } + +.banner-gap-b3 { padding-bottom: 75px; } + +.has-mask .banner-gap-b3 { padding-bottom: 120px; } + +.banner-gap-b4 { padding-bottom: 340px; } + +.has-mask .banner-gap-b4 { padding-bottom: 360px; } + +.banner-page .banner-wrap { padding: 40px 0; } + +.is-transparent .banner-page .banner-wrap { padding-top: 20px; } + +.banner-page .breadcumb { padding-top: 10px; } + +.banner-page-md { min-height: 340px; } + +.banner-page-lg { min-height: 460px; } + +.banner-caption:not([class*=wide]) { max-width: 720px; margin-left: auto; margin-right: auto; } + +.banner > .nk-block { position: relative; z-index: 2; } + +.banner-social { background: rgba(255, 255, 255, 0.2); border-radius: 25px; padding: 0px 20px; display: inline-block; } + +.banner-social-wrap { margin-top: 30px; } + +.banner-social li { padding: 13px 8px; display: inline-block; } + +.banner-social li a { color: #fff; text-align: center; line-height: 24px; width: 24px; display: block; } + +.banner-social li a:hover { opacity: .5; outline: none; transform: translateY(-3px); } + +.banner-with-token-box-s1 .banner-wrap { padding-bottom: 175px; } + +.banner-s1-overlay { position: relative; overflow: hidden; } + +.banner-s1-overlay:before, .banner-s1-overlay:after { position: absolute; content: ''; width: 875px; height: 300%; bottom: -100%; transform: rotate(-45deg); background: rgba(255, 255, 255, 0.02); z-index: -1; } + +.banner-s1-overlay:before { left: 50%; margin-left: -130px; } + +.banner-s1-overlay:after { right: 50%; margin-right: -110px; } + +.banner-s1 .title-xs { margin-bottom: 1.14rem; } + +.banner-inner { min-height: 500px; } + +@keyframes jumping { 0% { transform: translateY(5px); } + 100% { transform: translateY(-25px); } } + +.cpn { padding-top: 30px; padding-bottom: 30px; } + +.cpn-head, .cpn-action, .cpn-text { margin-top: 20px; } + +.cpn > *:first-child { margin-top: 0; } + +.cpn-head .title { font-size: 1.75rem; line-height: 1.5; } + +.cpn-head .title-lg { line-height: 1.3; font-weight: 700; } + +.cpn-text { font-weight: 300; font-size: 1.1rem; line-height: 1.8; margin-bottom: 25px; color: #415076; } + +.tc-light .cpn-text { color: #af9cff; } + +.cpn-text p { color: inherit !important; font-size: inherit !important; } + +.cpn-text-center { margin-left: auto; margin-right: auto; } + +.cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } + +.cpn-text .lead, .cpn-text .lead-light { font-size: 1.25rem; font-weight: 400; line-height: 1.7; } + +.cpn-text .lead-s2 { font-size: 1.1rem; font-weight: 300; line-height: 1.7; } + +.cpn-text .lead-s3 { font-size: 1.3rem !important; font-weight: 300; line-height: 1.7; } + +.cpn-text-light .lead, .cpn-text-light .lead-light { font-weight: 300; } + +.cpn-links { padding-top: 20px; margin-top: -10px; margin-bottom: -10px; margin-left: -15px; margin-right: -15px; } + +.cpn-action .cpn-links { padding-top: 0; } + +.cpn-links li { display: inline-block; padding: 10px 15px; font-weight: 500; } + +.cpn-links-s1 { display: flex; justify-content: space-around; align-items: center; padding: 0 50px; } + +.cpn-btns + .cpn-links { padding-top: 20px; } + +.cpn-links + .cpn-btns { padding-top: 20px; } + +.cpn-boxed { padding: 20px; background: rgba(11, 12, 16, 0.6); } + +.cpn-boxed:not([class*='radius']) { border-radius: 6px; } + +.cpn-social { margin-top: 30px; } + +@media (max-width: 575px) { .cpn-title .title { font-size: 1.75rem; line-height: 1.5; } } + +@media (min-width: 576px) { .banner-gap-b3 { padding-bottom: 120px; } + .has-mask .banner-gap-b3 { padding-bottom: 160px; } + .banner-screen { bottom: -40px; width: 100%; } + .banner-screen-right { bottom: -70px; width: 360px; } + .banner-fs .banner-wrap { padding-top: 70px; padding-bottom: 70px; } } + +@media (min-width: 768px) { .banner-gfx-re-s2 { margin: -50px 0 0; } + .has-mask .banner { padding-bottom: 160px; } + .has-mask .banner-page { padding-bottom: 80px; } + .banner-gap-b1 { padding-bottom: 75px; } + .has-mask .banner-gap-b1 { padding-bottom: 125px; } + .banner-gap-b2 { padding-bottom: 125px; } + .has-mask .banner-gap-b2 { padding-bottom: 200px; } + .banner-gap-b4 { padding-bottom: 340px; } + .has-mask .banner-gap-b4 { padding-bottom: 360px; } + .banner-page .banner-wrap { padding: 80px 0; } + .is-transparent .banner-page .banner-wrap { padding-top: 60px; } + .banner-page-md { min-height: 400px; } + .banner-page-lg { min-height: 580px; } + .banner-social-wrap { margin-top: 0; } + .banner-social-vertical { right: 60px; top: 50%; transform: translateY(-50%); position: absolute; z-index: 3; padding: 20px 0; margin-top: -30px; } + .banner-social-vertical li { display: block; padding: 8px 13px; } + .banner-with-token-box-s1.banner-fs { min-height: 92vh; } + .banner-with-token-box-s1 .banner-wrap { padding-bottom: 40px; } + .cpn-text, .cpn-action { margin-top: 20px; } + .cpn-text { margin-bottom: 15px; } + .cpn-btns { padding-top: 10px; } + .cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } } + +@media (min-width: 992px) { .is-transparent .banner { padding-top: 75px; } + .banner-gfx-re-s1 { margin: 0 -80px 0 -180px; } + .banner-gfx-re-s2 { margin: -50px -280px 0 -110px; } + .banner-gfx-re-s3 { margin: 0 -150px 0 -35px; } + .banner-gfx-re-s5 { margin: 0 -305px 0 0; } + .has-mask .banner { padding-bottom: 180px; } + .has-mask .banner-page { padding-bottom: 100px; } + .banner-gap-b3 { padding-bottom: 200px; } + .has-mask .banner-gap-b3 { padding-bottom: 220px; } + .banner-gap-b4 { padding-bottom: 60px; } + .has-mask .banner-gap-b4 { padding-bottom: 80px; } + .banner-screen-right { bottom: -45px; width: 100%; } + .has-mask .banner-pd-lg { padding-bottom: 225px; padding-top: 65px; } + .banner-inner { min-height: 600px; } + .cpn { max-width: 90%; } + .banner-page .cpn { max-width: 100%; } + .cpn-head, .cpn-action, .cpn-text { margin-top: 30px; } + .banner-s1 .cpn-head { margin-top: 0; } + .cpn-text { margin-bottom: 25px; max-width: 90%; } + .banner-s1 .cpn-text { margin-top: 20px; margin-bottom: 6px; } + .banner-s2 .cpn-text { margin-top: 20px; } + .cpn-text-s1 { margin-top: 20px; margin-bottom: 12px; } + .cpn-text-s2 { max-width: 100% !important; } + .cpn-text-s3 { margin-top: 10px; } + .cpn-btns, .cpn-links { padding-top: 20px; } + .cpn-action .cpn-btns, .cpn-action .cpn-links { padding-top: 0; } + .cpn-btns + .cpn-links { padding-top: 20px; } + .cpn-links + .cpn-btns { padding-top: 20px; } + .cpn-head .title { font-size: 2.125rem; } + .cpn-head .title-sm { font-size: 1.85rem; } + .cpn-head .title-md { font-size: 2.6rem; } + .cpn-head .title-lg { font-size: 4rem; } + .cpn-head .title-lg-s2 { font-size: 3rem; } + .cpn-head .title-lg-s3 { font-size: 2rem; } + .cpn-boxed { padding: 35px; } + .cpn-social { margin-top: 50px; } + .cpn-s2 { margin-top: -122px !important; padding-top: 0; } } + +@media (min-width: 1200px) { .banner-gfx-re-s1 { margin: 0 -380px 0 -180px; } + .banner-gfx-re-s2 { margin: 0 -330px 0 -110px; } + .banner-gfx-re-s5 { margin: 0 -515px 0 0; } + .banner-gfx-re-s7 { margin: 140px -505px -183px -290px; } + .banner-gfx-re-s7 + .abs-center { right: 15px; transform: translateY(-50%); left: auto; } + .banner-gap-b3 { padding-bottom: 290px; } + .has-mask .banner-gap-b3 { padding-bottom: 320px; } + .banner-screen-right { bottom: -90px; } + .banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } } + +@media (min-width: 1600px) { .banner-caption:not([class*=wide]) { max-width: 1080px; } + .banner-gfx-re-s2 { margin: -100px -480px 0 -110px; } + .banner-fs-lg { min-height: calc(100vh - 100px); } + .has-mask .banner-pd-lg { padding-bottom: 295px; padding-top: 65px; } + .cpn-head .title-lg-s3 { font-size: 3rem; } } + +@media (max-width: 991px) and (orientation: landscape) { .banner-gfx { margin-left: auto; margin-right: auto; max-width: 390px; } } + +@media (max-width: 767px) and (orientation: landscape) { .banner-gfx { max-width: 320px; } } + +@media (min-width: 992px) and (max-width: 1200px) and (orientation: portrait) { .banner-fs { min-height: calc(65vh - 90px); } + .is-transparent .banner-fs { min-height: 60vh; } } + +@media (max-width: 420px) { .cpn-btns .btn:not(.btn-with-icon) { font-size: 11px; padding: 8px 16px; } } + +.banner-y-pd { padding-top: 100px !important; padding-bottom: 124px !important; } + +.gfx-screen { position: absolute; top: 5px; left: 44px; width: calc(100% - 91px); height: calc(100% - 25px); } + +.gfx-screen .owl-stage-outer, .gfx-screen .owl-stage, .gfx-screen .owl-item, .gfx-screen .slides { height: 100%; width: 100%; border-radius: 6px; } + +.gfx-screen .flex-control-nav { position: absolute; right: -45px; top: 50%; transform: translateY(-50%); width: auto; height: fit-content; } + +.gfx-screen .flex-control-nav li { display: block; } + +.gfx-screen .flex-control-nav li a { width: 8px; height: 8px; border-radius: 50%; margin: 10px; box-shadow: none; border-radius: 50%; background: #d1dceb !important; } + +.gfx-screen .flex-control-nav li a.flex-active { background: #2bc9b4 !important; } + +.gfx-slide, .gfx-slide-item { height: 100%; } + +.gfx-slide img { border-top-right-radius: 10px; border-top-left-radius: 10px; } + +.gfx-slide-item { width: 100%; } + +@media (min-width: 400px) { .gfx-screen { top: 8px; left: 57px; width: calc(100% - 117px); height: calc(100% - 35px); } + .gfx-screen .flex-control-nav { right: -46px; } + .banner-gfx-s2 { max-width: 350px; } } + +@media (min-width: 576px) { .gfx-screen { left: 63px; width: calc(100% - 130px); } + .gfx-screen .flex-control-nav { right: -53px; } + .banner-gfx-s2 { max-width: 100%; } } + +@media (min-width: 768px) { .gfx-screen { top: 9px; left: 73px; width: calc(100% - 150px); height: calc(100% - 44px); } + .gfx-screen .flex-control-nav { right: -65px; } } + +@media (min-width: 1200px) { .gfx-screen { top: 18px; left: 106px; width: calc(100% - 220px); height: calc(100% - 66px); } + .gfx-screen .flex-control-nav { right: -100px; } } + +@media (min-width: 1600px) { .gfx-screen { left: 135px; width: calc(100% - 279px); height: calc(100% - 81px); } + .gfx-screen .flex-control-nav { right: -128px; } } + +/** 04.06 Head */ +.section-head { position: relative; } + +.section-head:not([class*=pdb]) { padding-bottom: 40px; } + +.section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + +.section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + +.section-head p { color: #415076; } + +.tc-light .section-head p { color: #fff; } + +.section-head.tc-light p { color: #fff; } + +.section-head .title { font-weight: 400; } + +.section-head .title-thin { font-weight: 300; } + +.section-head .title:not(:last-child) { margin-bottom: .75rem; } + +.section-head .title-xs:not(:last-child) { margin-bottom: .5rem; } + +.section-head .title:before { position: absolute; left: 50%; top: 50%; content: attr(title); font-family: "Roboto", sans-serif; line-height: .9; text-transform: uppercase; white-space: nowrap; color: #5b53a2; transform: translate(-50%, -50%); opacity: 0.06; } + +.tc-light .section-head .title:before { opacity: 0.06; } + +.section-head .title-s4 { text-transform: uppercase; padding: 30px 0; margin-bottom: 0; opacity: 1; position: relative; } + +.section-head .title-s4.title:before { font-size: 120px !important; font-weight: 700; } + +.section-head-s2 .title:before { font-size: 48px; background-image: linear-gradient(180deg, #415076 0%, #fff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.firefox .section-head-s2 .title:before { -webkit-text-fill-color: #000; } + +.firefox .tc-light .section-head-s2 .title:before { -webkit-text-fill-color: #fff; } + +.section-head-s3 { position: relative; } + +.section-head-s3:after, .section-head-s3:before { position: absolute; left: 50%; height: 1px; width: 110px; content: ""; transform: rotate(-45deg); z-index: -1; opacity: .4; } + +.section-head-s3:before { top: 60px; margin-left: -80px; background: #2bc9b4; } + +.tc-light .section-head-s3:before { background: #2bc9b4; } + +.section-head-s3:after { top: 5px; margin-left: -50px; background: #866bfe; } + +.tc-light .section-head-s3:after { background: #866bfe; } + +.section-head-line { position: absolute; height: 60px; width: 60px; left: 50%; top: 10px; opacity: .2; border-radius: 50%; background: transparent; transform: rotate(45deg) translate(-50%, 0); } + +.section-head-line .line-1, .section-head-line .line-2, .section-head-line .line-3, .section-head-line .line-4, .section-head-line .line-5, .section-head-line .line-6, .section-head-line .line-7, .section-head-line .line-8 { position: absolute; content: ""; border-radius: 50%; background: transparent; border-top: 1px solid #866bfe; border-left: 1px solid #866bfe; } + +.section-head-line .line-1 { top: -15px; left: -15px; height: 90px; width: 90px; } + +.section-head-line .line-2 { top: -30px; left: -30px; height: 120px; width: 120px; } + +.section-head-line .line-3 { top: -45px; left: -45px; height: 150px; width: 150px; } + +.section-head-line .line-4 { top: -60px; left: -60px; height: 180px; width: 180px; } + +.section-head-line .line-5 { top: -75px; left: -75px; height: 210px; width: 210px; } + +.section-head-line .line-6 { top: -90px; left: -90px; height: 240px; width: 240px; } + +.section-head-line .line-7 { top: -105px; left: -105px; height: 270px; width: 270px; } + +.section-head-line .line-8 { top: -120px; left: -120px; height: 300px; width: 300px; } + +@media (min-width: 576px) { .section-head:not([class*=pdb]) { padding-bottom: 50px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + .section-head .title:not(:last-child) { margin-bottom: 1.25rem; } + .section-head .title-xs:not(:last-child) { margin-bottom: .75rem; } + .section-head-s2 .title:before { font-size: 64px; } } + +@media (min-width: 992px) { .section-head:not([class*=pdb]) { padding-bottom: 60px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 40px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-s2 .title:before { font-size: 90px; } + .section-head-s2 .title-xl:before { font-size: 124px; } } + +.t-cap { text-transform: capitalize !important; } + +/** 04.07 Features */ +.feature { margin-bottom: 30px; display: block; } + +.feature-download { margin-bottom: 0; } + +.feature.card { height: calc(100% - 30px); } + +.feature-group .feature { margin-bottom: 0; } + +.feature-group { border-radius: 6px; } + +.feature-icon { position: relative; width: 60px; margin-bottom: 15px; flex-shrink: 0; margin-right: 12px; } + +.feature-icon-md { width: 40px; } + +.feature-icon-md-s2 { width: 80px; } + +.feature-icon-xl { width: 120px; } + +.feature-icon.dot:before { position: absolute; bottom: 0; right: 0; content: ''; height: 30px; width: 30px; border-radius: 50%; background: rgba(134, 107, 254, 0.5); z-index: 4; } + +.tc-light .feature-icon .icon { color: #866bfe; } + +.feature-icon .icon { position: relative; font-size: 3.75rem; color: #6e19c2; z-index: 5; margin-left: -5px; } + +.feature-icon .icon.icon-circle { margin-left: 0; } + +.feature-icon .icon-xs { font-size: 1rem; } + +.feature-icon .icon-md { font-size: 2.75rem; } + +.feature-icon .icon-rg { font-size: 4.35rem; } + +.feature-icon .icon-lg { font-size: 5.75rem; } + +.feature-icon .icon-lg-s2 { font-size: 5rem; padding-top: 15px; } + +.feature-icon .icon-xl { font-size: 9rem; } + +.feature-icon .icon-grd { background-image: linear-gradient(-75deg, #a158e9 0%, #6e19c2 60%, #3c1c94 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.feature-icon .icon-circle { position: relative; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #2bc9b4; border-radius: 50%; background-image: linear-gradient(-45deg, #866bfe 0%, #2bc9b4 80%, #2bc9b4 100%); } + +.feature-icon .icon-circle:after { position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; content: ''; border-radius: 50%; background: #fff; z-index: -1; } + +.bg-theme .feature-icon .icon-circle:after { background: #3c1c94; } + +.bg-theme-alt .feature-icon .icon-circle:after { background: #6e19c2; } + +.bg-theme-dark .feature-icon .icon-circle:after { background: #180747; } + +.bg-theme-dark-alt .feature-icon .icon-circle:after { background: #2e186a; } + +.feature-icon-s1 { text-align: center; margin-left: 10px; margin-bottom: 40px; } + +.feature-icon-s1:after { position: absolute; content: ""; left: 50%; top: 50%; width: 62px; height: 62px; border: 2px solid rgba(110, 25, 194, 0.1); transform: translate(-50%, -50%) rotate(45deg); border-radius: 8px; } + +.tc-light .feature-icon-s1:after { border: 2px solid rgba(110, 25, 194, 0.8); } + +.feature-icon-s1 .icon { margin-left: 0; line-height: 48px; } + +.feature-icon-s5 { width: 60px; height: 60px; text-align: center; line-height: 63px; border-radius: 50%; margin-bottom: 0; } + +.feature-icon-s5 .icon { font-size: 1rem; width: 40px; height: 40px; background: #fff; line-height: 40px; border-radius: 50%; text-align: center; border: 1px solid; border-color: currentColor; margin-left: 0; } + +.tc-light .feature-icon-s5 .icon { border-width: 0; } + +.feature-icon-s5-1 { background: rgba(110, 25, 194, 0.1); } + +.tc-light .feature-icon-s5-1 { background: rgba(110, 25, 194, 0.6); } + +.feature-icon-s5-1 .icon { color: #6e19c2; background: linear-gradient(-90deg, #fff 0%, #e5d2f9 100%); } + +.tc-light .feature-icon-s5-1 .icon { color: #6e19c2; } + +.feature-icon-s5-2 { background: rgba(43, 201, 180, 0.1); } + +.tc-light .feature-icon-s5-2 { background: rgba(43, 201, 180, 0.4); } + +.feature-icon-s5-2 .icon { color: #2bc9b4; background: linear-gradient(-90deg, #fff 0%, #e1f9f5 100%); } + +.tc-light .feature-icon-s5-2 .icon { color: #2bc9b4; } + +.feature-icon-s5-3 { background: rgba(134, 107, 254, 0.1); } + +.tc-light .feature-icon-s5-3 { background: rgba(134, 107, 254, 0.4); } + +.feature-icon-s5-3 .icon { color: #866bfe; background: linear-gradient(-90deg, #fff 0%, #eeeaff 100%); } + +.tc-light .feature-icon-s5-3 .icon { color: #866bfe; } + +.feature-icon-s5-4 { background: rgba(230, 96, 74, 0.1); } + +.tc-light .feature-icon-s5-4 { background: rgba(230, 96, 74, 0.4); } + +.feature-icon-s5-4 .icon { color: #e97460; background: linear-gradient(-90deg, #fff 0%, #fceeeb 100%); } + +.tc-light .feature-icon-s5-4 .icon { color: #e97460; } + +.feature-icon-s6 { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(to right, #866bfe 0%, #2bc9b4 100%); text-align: center; line-height: 60px; } + +.feature-icon-s6 .icon { font-size: 40px; color: #fff; opacity: 0.8; line-height: 60px; margin-left: 0; } + +.tc-light .feature-icon-s6 .icon { color: #fff; } + +.feature-icon-s6-bg { width: 60px; height: 60px; border-radius: 50%; background: rgba(134, 107, 254, 0.2); text-align: center; line-height: 60px; } + +.feature-icon-s6-bg .icon { font-size: 40px; color: #866bfe; line-height: 60px; margin: 0 auto; } + +.feature-icon-s7 { width: 65px; height: 65px; border-radius: 50%; text-align: center; line-height: 65px; background: #866bfe; } + +.feature-icon-s7 .icon { font-size: 30px; margin-left: 0; line-height: inherit; color: #fff; } + +.tc-light .feature-icon-s7 .icon { color: #fff; } + +.feature-icon-s8 { width: 90%; } + +.text-center .feature-icon-s8 { margin-left: auto; margin-right: auto; } + +.feature-icon-auto { width: auto; } + +.feature-icon-lg { width: 160px; margin-top: -15px; margin-bottom: 5px !important; } + +.feature-icon-lg-s1 { width: 110px; margin-top: -10px; margin-bottom: 5px !important; } + +.feature-icon-lg-s2 { width: 130px; margin-top: -12px; margin-bottom: 5px !important; } + +.feature-icon-lg-s3 { width: 95px; margin-top: -8px; margin-bottom: 20px !important; } + +.feature-icon-lg + .feature-text-s8 { padding-top: 25px; } + +.feature-icon-sm { width: 60px; } + +.feature-icon-bg { margin: 0; position: absolute; right: -15px; bottom: -15px; width: 121px; height: 121px; margin: 0; background: rgba(134, 107, 254, 0.15); border-radius: 50%; box-shadow: 0px 0px 0px 10px rgba(134, 107, 254, 0.06); text-align: center; line-height: 104px; } + +.feature-icon-bg img { max-width: 60px; } + +.feature-icon-bg-grd { background-position: center center; background-size: contain; min-height: 135px; min-width: 230px; text-align: center; display: flex; align-items: center; justify-content: center; } + +.feature-icon-bg-grd-s1 { background-image: url(../../images/icons/icon-bg-a.png); } + +.feature-icon-bg-grd-s1 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s2 { background-image: url(../../images/icons/icon-bg-a2.png); } + +.feature-icon-bg-grd-s2 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s3 { background-image: url(../../images/icons/icon-bg-a3.png); } + +.feature-icon-bg-grd-s3 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-inline { display: flex; } + +.feature-inline.card { flex-direction: row; } + +.feature-middle { align-items: center; } + +.feature-middle .feature-icon { margin-bottom: 0; margin-right: 15px; display: inline-flex; align-items: center; } + +.feature-img { border-radius: 4px; } + +.feature-image { padding-bottom: 15px; } + +.feature-image img { height: 55px; width: auto !important; } + +.feature-center .feature-image img { margin-left: auto; margin-right: auto; } + +.feature-text p:last-child { margin-bottom: 0; } + +.feature-text-s8 .title-s5 { margin-bottom: 20px; } + +.feature-text-s1 .title-xs-alt { color: #5b53a2; line-height: 1.4; display: inline-block; } + +.feature-center { text-align: center; } + +.feature-center .feature-icon { margin-left: auto; margin-right: auto; } + +.feature-center .feature-icon .icon { margin-left: 0; } + +.feature-s1 { display: flex; margin-bottom: 0; align-items: center; padding-right: 20px; } + +.feature-s1.boxed { height: 100%; border-radius: 4px; } + +.feature-s1.bordered { border: 2px solid rgba(110, 25, 194, 0.2); } + +.feature-s1-1.bordered { border-color: rgba(110, 25, 194, 0.2); } + +.feature-s1-2.bordered { border-color: rgba(43, 201, 180, 0.2); } + +.feature-s1-3.bordered { border-color: rgba(134, 107, 254, 0.2); } + +.feature-s1-4.bordered { border-color: rgba(230, 96, 74, 0.2); } + +.feature-s3 { margin-bottom: 0; } + +.feature-s3.card { padding: 30px 30px 40px; margin-bottom: 0; height: 100%; } + +.feature-s3-alt { position: relative; padding: 0; padding-bottom: 25px !important; } + +.feature-s3-alt .title-md { margin-bottom: 0.6rem; } + +.feature-s3-alt:not(:last-child):before { position: absolute; content: ""; left: 30px; top: 20px; width: 1px; background: #866bfe; height: 100%; } + +.feature-s4 .title { padding-top: 15px; } + +.feature-s6 { margin-bottom: 0; } + +.feature-s7 { margin-bottom: 50px; } + +.feature-s8.card { height: calc(100% - 40px); } + +.feature-s8-alt { padding-top: 50px; margin-top: 50px; } + +.feature-s8-alt .feature-icon { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); } + +.feature-s8-alt.card { height: calc(100% - 90px); } + +.feature-s10 { padding: 30px 30px 30px 25px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); } + +.feature-s10-left { margin-right: 20px; padding-bottom: 60px; } + +.feature-s10-right { margin-left: 20px; margin-top: -35px; } + +.feature-s10 .title-sm { margin-bottom: 1.2rem; } + +.feature-s11 { flex-wrap: wrap; align-items: flex-start; margin-bottom: 0; } + +.feature-s11 .list { margin-left: 20px; } + +.feature-s12 { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; } + +.feature-slider-dots { display: flex; justify-content: center; margin-bottom: 40px; } + +.feature-slider-dot { position: relative; height: 46px; width: 46px; flex-grow: 0; flex-shrink: 0; border-radius: 4px; padding: 5px; text-align: center; background: #a992ea; cursor: pointer; color: #6a55ea; box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15); transition: all .4s ease; margin: 0 8px; border: none; } + +.tc-light .feature-slider-dot { background: #9e90f1; } + +.feature-slider-dot:focus, .feature-slider-dot:active { outline: none; } + +.feature-slider-dot.active { background: #6a55ea; } + +.feature-slider-dot:after { position: absolute; top: 50%; left: 100%; height: 2px; content: ''; width: 100%; background: url(../images/line.png) repeat 0 0; z-index: -1; animation: slide 1s linear infinite; } + +.feature-slider-dot:last-child:after { display: none; } + +.feature-slider-dot:nth-child(2) { color: #2bc9b4; background: #def7f3; } + +.tc-light .feature-slider-dot:nth-child(2) { background: #8de7db; } + +.feature-slider-dot:nth-child(2).active { background: #2bc9b4; } + +.feature-slider-dot:nth-child(3) { color: #49adf3; background: #dbeffd; } + +.tc-light .feature-slider-dot:nth-child(3) { background: #9fd4f9; } + +.feature-slider-dot:nth-child(3).active { background: #49adf3; } + +.feature-slider-dot:nth-child(4) { color: #f2801c; background: #fce6d2; } + +.tc-light .feature-slider-dot:nth-child(4) { background: #f9c395; } + +.feature-slider-dot:nth-child(4).active { background: #f2801c; } + +.feature-slider-dot:nth-child(5) { color: #ea64c6; background: #fbe0f4; } + +.tc-light .feature-slider-dot:nth-child(5) { background: #f29edb; } + +.feature-slider-dot:nth-child(5).active { background: #ea64c6; } + +.feature-slider-dot .ikon { font-size: 28px; line-height: 35px; width: 35px; border-radius: 50%; background: #fff; display: block; } + +.feature-slider-dot-s1 { border-radius: 50%; padding: 0; } + +.feature-slider-dot-s1.active:before { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(132, 132, 164, 0.35); animation: 1.5s linear 0s normal none infinite focuse; } + +.feature-slider-dot-s1.active .ikon { background: transparent; color: #fff; } + +.feature-slider-dot-s1 .ikon { line-height: 46px; width: 46px; } + +.feature-document { padding: 0 27px; max-width: 280px; margin-left: auto; margin-right: auto; } + +.feature-document-s2 { margin: 0 0 20px 20px; position: relative; border-radius: 6px; min-height: 140px; padding: 25px 20px 20px 95px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); } + +.tc-light .feature-document-s2 { background: #6e19c2; } + +.feature-document-img { padding-right: 25px; position: relative; z-index: 1; } + +.feature-document-img-s2 { position: absolute; top: 20px; left: -20px; width: 100px; } + +.feature-document-img-s2 img { border-radius: 4px; } + +.feature-document-img img { border: 2px solid #fff; box-shadow: 0px 0px 12px 0px rgba(134, 107, 254, 0.15); position: relative; z-index: 2; border-radius: 5px; } + +.tc-light .feature-document-img img { border-width: 0; box-shadow: 0px 0px 12px 0px rgba(24, 7, 71, 0.25); } + +.feature-document-img:before { position: absolute; right: 0; content: ''; top: 40px; width: 40px; height: calc(100% - 70px); z-index: 1; background: #fff; box-shadow: 0px 5px 20px 0px rgba(134, 107, 254, 0.07); z-index: -1; } + +.tc-light .feature-document-img:before { background: rgba(134, 107, 254, 0.75); box-shadow: 0px 5px 20px 0px rgba(24, 7, 71, 0.15); } + +.feature-document-text { justify-content: space-between; display: flex; padding-top: 18px; align-items: center; } + +.feature-document-text-s2 { color: #415076; margin-bottom: 14px; font-weight: 600; } + +.tc-light .feature-document-text-s2 { color: #fff; } + +.feature-document-text .drop-wrap { padding-bottom: 5px; } + +.feature-document-info span { display: block; line-height: 1; font-size: 13px; font-weight: 400; opacity: .5; } + +.feature-document-link { display: block; margin-top: 6px; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; color: #fff; background: #2bc9b4; } + +.feature-document-link:hover, .feature-document-link:active, .feature-document-link:focus { background: #866bfe; color: #fff; } + +.tc-light .feature-document-link:hover, .tc-light .feature-document-link:active, .tc-light .feature-document-link:focus { background: #866bfe; color: #fff; } + +.feature-document-link-s2 li { display: inline-block; margin: 0 2px 5px; } + +.feature-document-link-s2 li a { padding: 0 10px; display: inline-block; line-height: 21px; border: 2px solid #fff; border-radius: 4px; font-size: .86em; font-weight: 500; color: #866bfe; } + +.tc-light .feature-document-link-s2 li a { color: #fff !important; border: 2px solid #fff; } + +.feature-reverse { flex-direction: row-reverse; text-align: right; } + +.feature-serial { font-size: 100px; font-weight: 700; line-height: normal; color: rgba(91, 83, 162, 0.2); } + +@keyframes focuse { 0% { transform: scale(0.8); + opacity: 1; } + 75% { transform: scale(1.2); + opacity: 0; } + 100% { transform: scale(1.2); + opacity: 0; } } + +@keyframes slide { from { background-position: 0 0; } + to { background-position: 40px 0; } } + +.boxed { padding: 15px 20px; } + +.boxed-xs { padding: 18px; } + +.boxed-sm { padding: 30px 25px; } + +.boxed-lg { padding: 30px 25px; } + +.boxed-xl { padding: 30px 25px; } + +@media (max-width: 575px) { .boxed.contact-form { padding: 20px; } + .feature-icon-s8 img { max-width: 220px; } } + +@media (min-width: 480px) { .feature-s10 { padding: 40px 90px 50px 35px; } + .feature-s10-left { margin-right: 45px; padding-bottom: 90px; } + .feature-s10-right { margin-left: 45px; margin-top: -45px; } + .feature-s11 { flex-wrap: nowrap; } } + +@media (min-width: 576px) { .feature.card { height: calc(100% - 30px); } + .feature-icon { margin-bottom: 20px; margin-right: 20px; } + .card-s3 .feature-icon { margin-right: 30px; } + .feature-sm-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-icon-s1 { margin-bottom: 40px; } + .feature-icon-s5 { margin-bottom: 0; } + .feature-icon-s7 { margin-right: 30px; } + .feature-sm-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-icon-bg { right: -40px; bottom: -40px; } + .has-rtl .feature-icon-bg { right: auto; left: -40px; } + .feature-icon-bg-grd { margin-bottom: 35px; } + .feature-s2 { display: flex; align-items: flex-start; } + .feature-s3 { margin-bottom: 0; padding: 0 30px; } + .feature-s3.card { margin-bottom: 0; height: 100%; } + .feature-s3-alt { padding: 0; } + .feature-s6 { padding-bottom: 145px; } + .feature-s6:before, .feature-s6:after { position: absolute; left: 50%; content: ''; transform: translateX(-50%); } + .feature-s6:before { bottom: 0; width: 2px; height: 95px; background: #dbe4f7; border-radius: 2px; } + .tc-light .feature-s6:before { background: rgba(255, 255, 255, 0.8); } + .feature-s6:after { bottom: 94px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #dbe4f7; background: #866bfe; } + .tc-light .feature-s6:after { border-color: #fff; } + .feature-s8.card { height: calc(100% - 40px); } + .feature-s8-alt.card { height: calc(100% - 80px); } + .feature-s12 { flex-wrap: nowrap; } + .feature-slider-dot { height: 76px; width: 76px; padding: 10px; margin: 0 20px; } + .feature-slider-dot .ikon { font-size: 38px; line-height: 56px; width: 56px; } + .feature-slider-dot-s1 { padding: 0; } + .feature-slider-dot-s1 .ikon { font-size: 48px; line-height: 76px; width: 76px; } + .feature-sm-reverse { flex-direction: row-reverse; text-align: right; } + .boxed { padding: 40px 50px; } + .boxed-xs { padding: 18px; } + .boxed-sm { padding: 35px 25px; } + .boxed-md { padding: 40px 30px; } + .boxed-lg { padding: 45px 40px; } + .feature-icon-lg-s3 { margin-bottom: 5px !important; } } + +.link-feature-s1 { position: absolute; bottom: -40px; left: 50%; opacity: 0; transform: translate(-50%, 0); } + +.feature:hover .link-feature-s1 { bottom: -25px; opacity: 1; } + +@media (min-width: 768px) { .feature-s10 { padding: 40px 45px 50px 35px; } + .feature-s10-left { margin-right: -22.5px; margin-top: 60px; padding-bottom: 50px; } + .feature-s10-right { margin-left: -22.5px; margin-bottom: 60px; margin-top: 0; } + .feature-carousel-s1 .owl-nav { position: absolute; bottom: 35px; right: 15px; } + .feature-md-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-md-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-md-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (min-width: 992px) { .feature-s6-1 { padding-top: 197px; } + .feature-s6-2 { padding-top: 73px; } + .feature-s6-3 { padding-top: 0; } + .feature-s6-4 { padding-top: 184px; } + .feature-s10 { padding: 40px 240px 50px 50px; } + .feature-s10-left { margin-right: -95px; margin-top: 80px; } + .feature-s10-right { margin-left: -95px; } + .feature-text-s2 { padding: 0 0 0 45px; } + .feature-text-wd p { width: 72%; } + .feature-s11 { margin-top: 15px; margin-bottom: 15px; } + .feature-s12 { align-items: flex-start; } + .feature-lg-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-lg-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-lg-reverse { flex-direction: row-reverse; text-align: right; } + .boxed-xs { padding: 18px; } + .boxed-md { padding: 45px 40px; } + .boxed-lg { padding: 55px 60px; } + .boxed-xl { padding: 65px 60px; } } + +@media (min-width: 1200px) { .feature-text-s2 { padding: 0 65px 0 45px; } + .feature-text-wd p { width: 60%; } + .feature-xl-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-xl-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-xl-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (max-width: 991px) { .feature-icon-s1 { margin: 0 auto 40px; } } + +.feature-icon-btc .icon { color: #ffba00; } + +.feature-icon-eth .icon { color: #6a7aa2; } + +.feature-icon-ltc .icon { color: #adadad; } + +.feature-icon-xrp .icon { color: #2f3135; } + +.feature-icon-dash .icon { color: #1174bc; } + +.feature-icon-monero .icon { color: #ff6600; } + +.feature-currency .title { color: #415076 !important; } + +.feature-pd-lg { padding: 50px 30px; } + +.owl-item.active .feature { opacity: 0.8 !important; } + +.owl-item.active.center .feature { transition: 0.3s; opacity: 1 !important; } + +.feature-img-xl { max-width: 176px; margin: 0 auto; } + +@media (min-width: 992px) { .feature.center-lg { transform: scale(1.2); } } + +/** 04.08 Roadmap */ +.roadmap { position: relative; z-index: 10; padding-bottom: 30px; } + +.roadmap-carousel .roadmap { padding-bottom: 0; } + +.roadmap-s1:before, .roadmap-s1:after { position: absolute; content: ""; left: -1px; height: 50%; border-left-width: 3px; border-left-style: solid; border-color: #dbe4f7; } + +.tc-light .roadmap-s1:before, .tc-light .roadmap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + +.roadmap-s1:before { height: 45px; top: 0; } + +.flex-row-reverse .roadmap-s1:before { right: auto; } + +.roadmap-s1:after { height: calc(100% - 45px); right: auto; top: 45px; } + +.roadmap-s1-alt:before, .roadmap-s1-alt:after { left: 1px; border-left-width: 1px; border-left-style: dashed; } + +.tc-light .roadmap-s1-alt:before, .tc-light .roadmap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + +.flex-row-reverse .roadmap-s1-alt:before, .flex-row-reverse .roadmap-s1-alt:after { right: auto; left: 1px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-current:before { top: 0; } + +.roadmap-s1-alt.roadmap-done:after, .roadmap-s1-alt.roadmap-current:after { top: 45px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1-alt.roadmap-current:before { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1.roadmap-done:before, .roadmap-s1.roadmap-done:after { border-color: #866bfe; } + +.roadmap-s1.roadmap-current:before { border-color: #866bfe; } + +.roadmap-s2 { text-align: center; } + +.roadmap-s2:before, .roadmap-s2:after { position: absolute; content: ''; transition: width .3s; } + +.roadmap-s2:before { width: 0; height: 4px; background: #866bfe; left: 0; top: 55px; } + +.tc-light .roadmap-s2:before { background: #866bfe; } + +.roadmap-s2:after { left: 50%; top: 49px; transform: translateX(-50%); height: 16px; width: 16px; border-radius: 50%; border: 3px solid #dbe4f7; background: #fff; } + +.tc-light .roadmap-s2:after { border-color: #5b77a3; background: #3c1c94; } + +.roadmap-s2.roadmap-finished:after, .roadmap-s2.roadmap-running:after { background: #866bfe; border: 2px solid #fff; } + +.tc-light .roadmap-s2.roadmap-finished:after, .tc-light .roadmap-s2.roadmap-running:after { background: #866bfe; border-color: #fff; } + +.roadmap-s2.roadmap-finished:before { width: 100%; } + +.roadmap-s2.roadmap-running:before { width: 50%; } + +.roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(43, 201, 180, 0.1); } + +.tc-light .roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1); } + +.roadmap-s5 { width: 100%; } + +.roadmap-s5:last-child { padding-bottom: 30px; } + +.roadmap-s6 { padding-top: 65px; margin-top: 15px; } + +.roadmap-s6:before { position: absolute; content: ""; top: 0; left: -6px; width: calc(100% + 30px); height: 1px; z-index: 2; background: #fff; } + +.roadmap-s6:after { position: absolute; content: ""; top: 0; right: 50%; width: 19px; height: 19px; z-index: 3; border: 1px solid #fff; border-radius: 50%; transform: translate(50%, -50%); background: #fff; } + +.tc-light .roadmap-s6:after { background: #3c1c94; } + +.roadmap-s6.roadmap-done:after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; line-height: 17px; text-align: center; color: #fff; background: #39d884; } + +.roadmap-s6-1-2:before { background: linear-gradient(90deg, #866bfe 0%, #2bc9b4 100%); } + +.roadmap-s6-1-2:after { border-color: #2bc9b4; } + +.roadmap-s6-1-2 .roadmap-head-s6:after { background: #2bc9b4; } + +.roadmap-s6-2-1:before { background: linear-gradient(90deg, #2bc9b4 0%, #866bfe 100%); } + +.roadmap-s6-2-1:after { border-color: #866bfe; } + +.roadmap-s6-2-1 .roadmap-head-s6:after { background: #866bfe; } + +.roadmap-s6-2-3:before { background: linear-gradient(90deg, #2bc9b4 0%, #6e19c2 100%); } + +.roadmap-s6-2-3:after { border-color: #6e19c2; } + +.roadmap-s6-2-3 .roadmap-head-s6:after { background: #6e19c2; } + +.roadmap-s6-3-2:before { background: linear-gradient(90deg, #6e19c2 0%, #2bc9b4 100%); } + +.roadmap-s6-3-2:after { border-color: #2bc9b4; } + +.roadmap-s6-3-2 .roadmap-head-s6:after { background: #2bc9b4; } + +.roadmap-s6-3-1:before { background: linear-gradient(90deg, #6e19c2 0%, #866bfe 100%); } + +.roadmap-s6-3-1:after { border-color: #866bfe; } + +.roadmap-s6-3-1 .roadmap-head-s6:after { background: #866bfe; } + +.roadmap-s6-1-3:before { background: linear-gradient(90deg, #866bfe 0%, #6e19c2 100%); } + +.roadmap-s6-1-3:after { border-color: #6e19c2; } + +.roadmap-s6-1-3 .roadmap-head-s6:after { background: #6e19c2; } + +.roadmap-slider { position: relative; } + +.roadmap-text { max-width: 265px; margin-left: auto; margin-right: auto; } + +.roadmap-wrap { position: relative; padding: 40px 0 10px; margin-bottom: 40px; max-width: 430px; margin-left: auto; margin-right: auto; } + +.nk-block-left .roadmap-wrap { margin-left: 0; margin-right: 0; } + +.roadmap-wrap:before, .roadmap-wrap:after { position: absolute; content: ''; top: 0; bottom: 0; z-index: 7; } + +.roadmap-wrap-ovl-right:after { right: 0; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-light .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(247, 248, 255, 0.8) 25%, #f7f8ff 60%, #f7f8ff 100%); } + +.bg-light-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(234, 239, 246, 0.8) 25%, #eaeff6 60%, #eaeff6 100%); } + +.bg-white .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-theme .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(60, 28, 148, 0.8) 25%, #3c1c94 60%, #3c1c94 100%); } + +.bg-theme_alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(110, 25, 194, 0.8) 25%, #6e19c2 60%, #6e19c2 100%); } + +.bg-theme-dark .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(24, 7, 71, 0.8) 25%, #180747 60%, #180747 100%); } + +.bg-theme-dark-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(46, 24, 106, 0.8) 25%, #2e186a 60%, #2e186a 100%); } + +.roadmap-wrap-s1 { padding-bottom: 0; padding-top: 0; max-width: 90%; } + +.roadmap-wrap-s5 { display: flex; flex-wrap: wrap; padding: 40px 0 0; } + +.roadmap-wrap-s5:before { position: absolute; content: ""; left: 0; width: 1px; height: calc(100% + 30px); background: #866bfe; } + +.roadmap-line { position: absolute; left: 19px; top: 0; background: #c1cef1; height: 100%; width: 2px; content: ''; z-index: 9; } + +.roadmap-line:after, .roadmap-line:before { position: absolute; background: #c1cef1; height: 10px; width: 10px; border-radius: 50%; content: ''; left: -4px; } + +.roadmap-line:before { top: 0; } + +.roadmap-line:after { bottom: 0; } + +.tc-light .roadmap-line { background: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-line:after, .tc-light .roadmap-line:before { background: #866bfe; } + +.bg-theme-dark .roadmap-line { background: #6e19c2; } + +.bg-theme-dark .roadmap-line:after, .bg-theme-dark .roadmap-line:before { background: #866bfe; } + +.bg-theme .roadmap-line { background: #6e19c2; } + +.bg-theme .roadmap-line:after, .bg-theme .roadmap-line:before { background: #866bfe; } + +.roadmap-line-s2 { position: absolute; width: 100%; height: 4px; background: #dbe4f7; content: ''; top: 95px; border-radius: 2px; left: 0; } + +.tc-light .roadmap-line-s2 { background: #5b77a3; } + +.roadmap-line-s3:before, .roadmap-line-s3:after { display: none; } + +.roadmap-year { border-radius: 50%; color: #fff; background: #3c1c94; height: 50px; width: 50px; text-align: center; line-height: 50px; font-weight: 700; font-size: 12px; position: relative; left: -5px; } + +.tc-light .roadmap-year { background: #866bfe; } + +.bg-theme .roadmap-year, .bg-theme-dark .roadmap-year { background: #866bfe; } + +.roadmap-year-s2 { padding-bottom: 65px; } + +.roadmap-step { border: 2px solid #dbe4f7; border-radius: 5px; position: relative; margin-left: 50px; padding: 20px 20px 15px; position: relative; max-width: 380px; } + +.bg-light .roadmap-step { background: #fff; } + +.roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + +.roadmap-step:before { height: 18px; width: 18px; border-radius: 50%; border: 5px solid #fff; background: #3c1c94; left: -41px; top: 34px; z-index: 1; } + +.roadmap-step:after { height: 2px; width: 22px; background: #dbe4f7; left: -22px; top: 42px; } + +.roadmap-step p:last-child { margin-bottom: 0; } + +.roadmap-step-list li:before { background: #415076; } + +.tc-light .roadmap-step-list li:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-step-list-s1 li { list-style: none; padding: 8px 0; position: relative; } + +.roadmap-step-list-s1 li:after { position: absolute; content: ""; left: 10px; bottom: 0; width: 20px; height: 1px; transform: translateX(-50%); background: currentColor; } + +.roadmap-step-list-s1 li:last-child:after { display: none; } + +.tc-light .roadmap-step { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-step:before { background: #866bfe; } + +.tc-light .roadmap-step:after { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); } + +.bg-theme .roadmap-step, .bg-theme-dark .roadmap-step { background: #2e186a; border-color: #6e19c2; } + +.bg-theme .roadmap-step:before, .bg-theme-dark .roadmap-step:before { background: #866bfe; border-color: #3c1c94; } + +.bg-theme .roadmap-step:after, .bg-theme-dark .roadmap-step:after { background: #6e19c2; border-color: #6e19c2; } + +.bg-theme-dark .roadmap-step:before { border-color: #180747; } + +.bg-theme-alt .roadmap-step:before { border-color: #6e19c2; } + +.bg-light .roadmap-step:before { border-color: #f7f8ff; } + +.has-bg-image .roadmap-step:before { border-color: transparent; } + +.roadmap-step-s1 { margin-left: 0; border: none; padding-top: 0; padding-right: 25px; padding-left: 25px; z-index: 1; max-width: 100%; } + +.bg-light .roadmap-step-s1 { background: transparent; } + +.bg-theme .roadmap-step-s1, .bg-theme-dark .roadmap-step-s1, .tc-light .roadmap-step-s1 { background: transparent; } + +.roadmap-step-s1:before { display: none; } + +.roadmap-step-s1:after { width: 38px !important; left: 0 !important; height: 0; top: 49px; z-index: -1; background: none !important; border-top: 1px solid; border-color: #dbe4f7; } + +.roadmap-s1-alt .roadmap-step-s1:after { border-top-style: dashed; } + +.roadmap-step-s3 { margin-left: 0; border: none; padding: 0px 23px 30px; } + +.tc-light .roadmap-step-s3 { background: transparent; } + +.roadmap-step-s3:before { display: none; } + +.roadmap-step-s3:after { height: 60px; left: 50%; width: 2px; top: 75px; } + +.roadmap-step-s5 { margin: 0; background-color: transparent !important; border: none; padding-top: 0; padding-bottom: 0; } + +.roadmap-step-s5:before, .roadmap-step-s5:after { display: none; } + +.roadmap-head { margin-bottom: 10px; padding-right: 35px; position: relative; } + +.roadmap-finished .roadmap-head:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; line-height: 32px; border-radius: 50%; text-align: center; color: #fff; background: #2bc9b4; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: .88rem; content: '\f00c'; } + +.roadmap-head-s1 { padding-right: 0; margin-bottom: 0; line-height: 1.6; } + +.roadmap-head-s3 { padding-bottom: 120px; margin-bottom: 0; padding-right: 0; } + +.roadmap-head-s5 { padding: 0; } + +.roadmap-head-s5:after { display: none; } + +.roadmap-head-s6 { padding-left: 0; padding-right: 0; } + +.roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: 50%; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + +.roadmap-time { display: block; color: #3c1c94; font-size: 13px; text-transform: uppercase; } + +.tc-light .roadmap-time { color: rgba(255, 255, 255, 0.8); } + +.roadmap-time-s1 { padding-bottom: 27px; line-height: 26px; width: 100%; display: inline-block; font-weight: 700; font-size: 0.81rem; position: relative; color: #8ca2e5; line-height: 25px; } + +.roadmap-time-s1:after, .roadmap-time-s1:before { position: absolute; content: ""; left: -24px; border-radius: 50%; } + +.roadmap-time-s1:after { bottom: -2px; width: 11px; height: 11px; margin-left: -5.5px; margin-top: -5.5px; background: #866bfe; } + +.tc-light .roadmap-time-s1:after { background: #fff; } + +.roadmap-time-s1:before { bottom: -10px; width: 27px; height: 27px; margin-left: -13.5px; margin-top: -13.5px; } + +.roadmap-done .roadmap-time-s1:before, .roadmap-current .roadmap-time-s1:before { background: rgba(134, 107, 254, 0.23); } + +.tc-light .roadmap-done .roadmap-time-s1:before, .tc-light .roadmap-current .roadmap-time-s1:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-time-s3 { color: #5b53a2; } + +.roadmap-time-s3:before { position: absolute; left: 50%; transform: translateX(-50%); content: '\f1da'; border-radius: 50%; font-family: "Font Awesome 5 Free"; font-weight: 600; box-shadow: 0px 2px 7px 0px rgba(60, 28, 148, 0.2); top: 32px; background: linear-gradient(-90deg, #fff 0%, white 100%); border: 1px solid rgba(60, 28, 148, 0.4); height: 32px; line-height: 32px; width: 32px; color: #5b53a2; z-index: 1; font-size: 13px; } + +.tc-light .roadmap-time-s3:before { color: rgba(255, 255, 255, 0.8); background: linear-gradient(-90deg, #3c1c94 0%, #4d24bf 100%); border-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 2px 7px 0px rgba(255, 255, 255, 0.1); } + +.roadmap-done .roadmap-time-s3:before { content: '\f00c'; } + +.roadmap-running .roadmap-time-s3:before { content: '\f021'; } + +.roadmap-s3-1 .roadmap-time-s3:before { content: ''; background: rgba(134, 107, 254, 0.5); border: none; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:before { background: rgba(97, 61, 254, 0.5); } + +.roadmap-s3-1 .roadmap-time-s3:after { position: absolute; left: 50%; top: 40px; transform: translateX(-50%); border-radius: 50%; content: ''; background: #866bfe; height: 16px; width: 16px; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:after { background: #613dfe; } + +.roadmap-time-s5 { font-weight: 600; text-transform: capitalize; font-size: 1rem; color: #866bfe; } + +.roadmap-time-s5:not(:last-child) { padding-bottom: 10px; } + +.roadmap-time-s5:after { position: absolute; height: 19px; width: 19px; border: 1px solid #866bfe; background: #866bfe; top: 2px; left: -29px; border-radius: 50%; content: ''; } + +.roadmap-finished .roadmap-time-s5:after { background: #f7f8ff; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 10px; text-align: center; line-height: 18px; color: #2bc9b4; } + +.tc-light .roadmap-finished .roadmap-time-s5:after { color: #2bc9b4; background: #3c1c94; } + +.roadmap-time-s6 { text-transform: none; } + +.roadmap-title { color: #8ca2e5; font-weight: 700; font-size: 16px; } + +.tc-light .roadmap-title { color: #fff; } + +.roadmap-title-s1 { padding-top: 25px; display: inline-block; font-size: 1rem; font-weight: 500; line-height: 1.6; color: #415076; } + +.roadmap-title-s2 { position: relative; font-size: 1rem; font-weight: 500; color: #866bfe; top: -10px; } + +.tc-light .roadmap-title-s2 { color: rgba(255, 255, 255, 0.8); } + +.roadmap-title-s2:before { position: absolute; content: ''; left: -25px; top: 1px; transform: translate(-50%, 0); height: 15px; width: 15px; border-radius: 50%; background: #866bfe; border: 1px solid #866bfe; } + +.roadmap-done .roadmap-title-s2:before { height: 19px; width: 19px; font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900; font-size: 9px; line-height: 18px; text-align: center; color: #39d884; background: #fff; } + +.tc-light .roadmap-done .roadmap-title-s2:before { color: #fff; background: #3c1c94; } + +.bg-theme .roadmap-done .roadmap-title-s2:before { background: #3c1c94; } + +.bg-theme-alt .roadmap-done .roadmap-title-s2:before { background: #6e19c2; } + +.bg-theme-dark .roadmap-done .roadmap-title-s2:before { background: #180747; } + +.bg-theme-dark-alt .roadmap-done .roadmap-title-s2:before { background: #2e186a; } + +.roadmap-carousel { padding: 0 40px; } + +.roadmap-carousel:after, .roadmap-carousel:before { position: absolute; height: 12px; width: 12px; border-radius: 50%; content: ''; top: 42px; background: #dbe4f7; } + +.tc-light .roadmap-carousel:after, .tc-light .roadmap-carousel:before { background: #6e19c2; } + +.roadmap-carousel .owl-nav { position: absolute; left: -30px; top: 23px; font-size: 36px; font-weight: 400; width: calc(100% + 60px); opacity: 0.3; } + +.roadmap-carousel .owl-nav .owl-next { right: -30px; } + +.roadmap-carousel .owl-nav .owl-prev { left: -30px; } + +.roadmap-carousel .owl-nav .owl-next, .roadmap-carousel .owl-nav .owl-prev { top: -30px; position: absolute; z-index: 2; height: 52px; width: 52px; font-size: 36px; line-height: 52px; text-align: center; color: #866bfe; transform: translateY(50%); } + +.roadmap-carousel:after { right: 0; } + +.roadmap-carousel:before { left: 0; } + +.roadmap-carousel-s2:after, .roadmap-carousel-s2:before { height: 1px; width: 85px; border-radius: 0; top: 15px; z-index: 4; } + +.roadmap-carousel-s2:before { background: linear-gradient(90deg, #eaeff6 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme .roadmap-carousel-s2:before { background: linear-gradient(90deg, #3c1c94 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #6e19c2 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark .roadmap-carousel-s2:before { background: linear-gradient(90deg, #180747 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #2e186a 0%, rgba(0, 0, 0, 0) 100%); } + +.roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #eaeff6 100%); } + +.bg-theme .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #3c1c94 100%); } + +.bg-theme-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #6e19c2 100%); } + +.bg-theme-dark .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #180747 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #2e186a 100%); } + +.roadmap-carousel-s2:after { right: 40px; } + +.roadmap-carousel-s2:before { left: 40px; } + +.roadmap-carousel-container { position: relative; } + +.roadmap-carousel-container:before { position: absolute; content: ""; left: 0; top: 47px; width: 100%; height: 2px; background: #dbe4f7; } + +.tc-light .roadmap-carousel-container:before { background: #6e19c2; } + +.roadmap-carousel-nav-s2 .owl-nav { width: calc(100% + 80px); top: 26px; opacity: 1; } + +.roadmap-carousel-nav-s2 .owl-nav button { border: none !important; } + +.roadmap-carousel-nav-s2 .owl-nav button:after { font-size: 36px; line-height: 52px; color: #dbe4f7; } + +.roadmap-carousel-nav-s2.roadmap-carousel-s2 .owl-nav { top: -7px; left: 0; width: calc(100% + 20px); } + +.roadmap-carousel:not([data-dots="true"]) { margin-bottom: -30px; } + +.roadmap-list { position: relative; padding-top: 15px; } + +.roadmap-list:after { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100vw; height: 1px; content: ''; background: #2bc9b4; } + +.roadmap-innr { padding: 0 25px 30px; } + +.roadmap-innr:before { position: absolute; left: 0; height: 100%; width: 1px; content: ''; transform: translateX(-50%); background-image: linear-gradient(to bottom, #866bfe 0%, #2bc9b4 100%); } + +.roadmap-item { position: relative; } + +.roadmap-item:nth-child(even) .roadmap-innr:before { background-image: linear-gradient(to top, #866bfe 0%, #2bc9b4 100%); } + +@media (min-width: 576px) { .roadmap-wrap-ovl-right { max-width: none; margin-right: -200px; } + .roadmap-wrap-ovl-right:after { width: 280px; } + .roadmap-wrap-ovl-right .owl-nav { margin-right: 190px; } } + +@media (min-width: 768px) { .roadmap-s5 { display: flex; text-align: right; } + .roadmap-s5.roadmap-right { justify-content: flex-end; text-align: left; } + .roadmap-s5:not(:last-child) { padding-bottom: 15px; } + .roadmap-wrap-s5 { max-width: 100%; } + .roadmap-wrap-s5:before { top: -30px; left: 50%; margin-left: -0.5px; } + .roadmap-step-s5 { max-width: 50%; padding-left: 30px; padding-right: 30px; } + .roadmap-time-s5:after { left: -39px; } + .roadmap-left .roadmap-time-s5:after { right: -40px; left: auto; } } + +@media (min-width: 992px) { .roadmap { display: flex; } + .roadmap-s1:before, .roadmap-s1:after { top: 41px; height: 0; width: 50%; border-top-width: 3px; border-top-style: solid; border-left-width: 0; } + .roadmap-s1:before { left: 0; } + .flex-row-reverse .roadmap-s1:before { right: 0; left: auto; } + .roadmap-s1:after { left: auto; right: 0; z-index: -1; } + .flex-row-reverse .roadmap-s1:after { right: auto; left: 0; } + .roadmap-s1-alt:before, .roadmap-s1-alt:after { top: 42px; border-top-width: 1px; border-top-style: dashed; } + .roadmap-s1-alt:after { right: 0; } + .roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-done:after { right: 0; left: auto; } + .roadmap-s1-alt.roadmap-current:before { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-current:after { top: 42px; } + .roadmap-s2 { display: block; } + .roadmap-s6 { display: block; } + .roadmap-s6:after { right: -14px; } + .roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: -14px; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + .roadmap-wrap { padding: 40px 0 10px; margin-bottom: 60px; max-width: 100%; } + .roadmap-wrap-ovl-left, .roadmap-wrap-ovl-right { max-width: none; } + .roadmap-wrap-s1 { padding-top: 0; } + .roadmap-wrap-s1:after { position: absolute; width: 15px; height: calc(100% + 3px); border-width: 3px; border-style: solid; border-color: #dbe4f7; top: 41px; } + .tc-light .roadmap-wrap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + .roadmap-wrap-s1-alt:after { height: calc(100% + 1px); border-width: 1px; border-style: dashed; top: 42px; } + .tc-light .roadmap-wrap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + .roadmap-wrap-s1-alt.roadmap-wrap-done:after { height: calc(100% + 3px); border-width: 3px; border-style: solid; top: 41px; } + .roadmap-wrap-s1.roadmap-wrap-done:after { border-color: #866bfe; } + .roadmap-wrap-s1:nth-child(odd):after { right: -15px; border-radius: 0 20px 20px 0; border-left-width: 0; } + .roadmap-wrap-s1:nth-child(even):after { left: -15px; border-radius: 20px 0px 0px 20px; border-right-width: 0; } + .roadmap-wrap-s1:last-child:after { display: none; } + .roadmap-line { left: 50%; margin-left: -1px; } + .roadmap-left { justify-content: flex-start; margin-top: -80px; } + .roadmap-left .roadmap-step { margin-left: 0; margin-right: 80px; } + .roadmap-left .roadmap-step:before { left: auto; right: -91px; } + .roadmap-left .roadmap-step:after { left: auto; right: -78px; } + .roadmap-left.roadmap-s5 { margin-top: 0; } + .roadmap-right { justify-content: flex-end; } + .roadmap-right .roadmap-step { margin-left: 80px; } + .roadmap-year { height: 60px; width: 60px; line-height: 60px; font-size: 16px; position: static; margin-left: auto; margin-right: auto; } + .roadmap-step { width: 100%; padding: 40px 30px 35px; } + .roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + .roadmap-step:before { left: -91px; } + .roadmap-step:after { width: 78px; left: -78px; } + .roadmap-step-list li:before { top: 12px; } + .roadmap-step-list-s1 li:after { left: 50%; } + .roadmap-step-s1 { padding-top: 0; padding-left: 15px; padding-right: 15px; } + .roadmap-step-s1:after { width: 0 !important; left: 50% !important; margin-left: -0.5px; height: 40px !important; top: 48px; border-top: 0; border-left: 1px solid; border-color: #dbe4f7; } + .roadmap-s1-alt .roadmap-step-s1:after { border-left-style: dashed; } + .roadmap-step-s3 { padding-top: 0; background: transparent !important; } + .roadmap-step-s3:after { left: 50%; width: 2px; } + .roadmap-step-s5 { padding-top: 0; padding-bottom: 0; } + .roadmap-head { margin-bottom: 15px; } + .roadmap-time { font-size: 14px; } + .roadmap-time-s1:after { left: 50%; bottom: 5px; } + .roadmap-time-s1:before { bottom: -2px; left: 50%; } + .roadmap-time-s3 { font-size: .87rem; font-weight: 600; } + .roadmap-time-s6 { font-size: 18px; } + .roadmap-title { font-size: 18px; } + .roadmap-title-s1 { padding-top: 48px; } + .roadmap-title-s2 { font-size: 1rem; } + .roadmap-list { display: flex; align-items: flex-end; margin-bottom: 200px; } + .roadmap-item { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .roadmap-item:nth-child(even) { flex-grow: 0; width: 0; } + .roadmap-item:nth-child(even) .roadmap-innr { position: absolute; top: 0; left: 0; padding-top: 90px; min-width: 190px; transform: translateX(calc(-50% + 5px)); } + .roadmap-item:nth-child(even) .roadmap-innr:before { top: 0; height: 90px; } + .roadmap-item-sm { min-height: 170px; } + .roadmap-item-lg { min-height: 300px; } } + +@media (min-width: 1200px) { .roadmap-left .roadmap-step:before { right: -86px; } + .roadmap-left .roadmap-step:after { right: -73px; } + .roadmap-step:before { left: -86px; } + .roadmap-step:after { width: 73px; left: -73px; } + .roadmap-step-s1:before { left: 50%; } + .roadmap-step-s3:after { left: 50%; width: 2px; } } + +/** 04.091 Token */ +.token-info { border: 1px solid rgba(134, 107, 254, 0.2); border-radius: 8px; padding: 18px 20px 0; margin-bottom: 30px; } + +.token-info-s1 { padding: 0 30px; border: none; text-align: left; } + +.token-info-item { position: relative; padding-left: 25px; } + +.token-info-item:before { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; content: ''; border-radius: 2px; background: #a963ff; } + +.token-info-item.color-2:before { background: #f42f54; } + +.token-info-item.color-3:before { background: #f5a946; } + +.token-info-item.color-4:before { background: #63a5ff; } + +.token-info-item.color-5:before { background: #ff8d87; } + +.token-info-item-s1 { padding-left: 0; display: flex; align-items: center; justify-content: space-between; margin: 25px 0; } + +.token-info-item-s1:first-child { margin-top: 16px; } + +.token-info-item-s1:before { display: none; } + +.token-info-item-s1 span { font-size: 12px; font-weight: 400; color: #866bfe; text-transform: uppercase; } + +.token-info-item-s1 h4 { font-size: 1.5rem; line-height: 1; font-weight: 300; } + +.token-info-title { font-size: 0.7rem; text-transform: uppercase; font-weight: 700; letter-spacing: 0.04em; margin-bottom: 4px; } + +.token-info-des { font-size: 1.1rem; } + +.token-status { border-radius: 8px 8px 0 0; border: 1px solid rgba(134, 107, 254, 0.2); padding: 18px 20px 10px; text-align: center; } + +.token-status .countdown-s2 { padding: 0; } + +.token-status-s1 { padding: 30px; box-shadow: 0px 15px 20px 0px rgba(60, 28, 148, 0.1); margin-left: 0; } + +.token-status-s2 { position: relative; border: none; padding: 0; max-width: 360px; margin: 50px auto 0; } + +.token-status-s2 .icon-list { margin-top: 10px; } + +.token-status-s3 { padding: 29px 0 0; border: none; } + +.token-status-s3 .countdown-s2 { padding-left: 30px; padding-right: 30px; } + +.token-status-s4 { border: none; padding: 65px 0 50px; } + +.token-status-s4 .icon-list { margin-top: 10px; } + +.token-status-s5 { background: #3c1c94; padding-bottom: 25px; } + +.token-status-s6 { border: none; padding: 20px 20px 25px; } + +.token-countdown { padding: 16px 0 20px; } + +.token-min { font-size: 13px; color: #fff; display: block; padding: 12px 0; } + +.token-min-s2 { padding: 15px 0 0; text-align: left; } + +.token-min-s2 span { display: block; } + +.token-min-s2 span:first-child { color: #866bfe; font-size: 12px; line-height: 1; text-transform: uppercase; font-weight: 300; } + +.token-min-s2 span:last-child { line-height: normal; padding-top: 4px; } + +.token-alocate-item { position: relative; padding: 0 20px 15px; margin-bottom: 30px; margin-left: auto; margin-right: auto; background: #fff; height: calc(100% - 30px); border-radius: 4px; } + +.token-alocate-item:not([class*='shadow']) { box-shadow: 0 5px 45px 0 rgba(91, 83, 162, 0.08); } + +.token-alocate-item-s1 { padding-left: 0; padding-right: 0; background-color: transparent; } + +.token-alocate-graph { padding: 20px 0 15px; position: relative; } + +.token-alocate-graph span, .token-alocate-graph img { position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; } + +.token-alocate-graph span { color: #5b53a2; font-size: 2em; font-weight: 400; line-height: 1.3; } + +.token-alocate-graph img { width: 150px; } + +.token-alocate-graph canvas { position: relative; z-index: 5; } + +.token-alocate-graph-s1 canvas { min-height: 230px; } + +.token-alocate-list li { color: #415076; display: flex; align-items: center; font-weight: 400; padding: 13px 0; } + +.token-alocate-list li .token-alocate-percent { font-weight: 600; color: #3c1c94; } + +.token-box-s1 { position: absolute !important; left: 0; bottom: -157px; width: 100%; z-index: 9 !important; } + +.token-box-s2 { background: rgba(60, 28, 148, 0.3); padding: 30px 20px 52px; } + +.token-box-s2 .title { margin-bottom: 1.2rem; } + +.token-box-s3 { padding-bottom: 20px; } + +.token-countdown-wrapper { padding: 30px; background: #fff; box-shadow: 0px 15px 20px 0px rgba(60, 28, 148, 0.1); } + +.token-countdown-wrapper h6 { color: currentColor; } + +.token-action-s1 { margin-top: -22px; } + +.token-action-s2 { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action + .icon-list { margin-top: 15px; } + +.token-sale-box { background: #f7f8ff; border-radius: 4px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; padding: 20px 15px 33px; transition: all .4s; } + +.tc-light .token-sale-box { background: rgba(134, 107, 254, 0.15); } + +.token-sale-info { display: block; font-size: 2.4rem; font-weight: 300; color: #2bc9b4; } + +.token-sale-title { font-size: 14px; text-transform: uppercase; font-weight: 400; } + +.token-bonus-item { padding: 50px 25px 46px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; border-radius: 4px; margin-bottom: 30px; transition: all .4s; height: calc(100% - 30px); background: #5126c7; } + +.token-bonus-item span { display: block; } + +.token-bonus-item.two { background: #6617b4; } + +.token-bonus-item.three { background: #5f33d8; } + +.token-bonus-title { display: inline-block !important; line-height: 18px; font-size: 13px; color: #2bc9b4; text-transform: uppercase; padding: 6px 20px; background: #2e1672; border-radius: 15px; font-weight: 400; } + +.token-bonus-percent { font-size: 4em; line-height: 1; padding: 22px 0 7px; font-weight: 300; color: #fff; } + +.token-bonus-txt { font-size: 14px; line-height: 18px; font-weight: 400; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); } + +.tc-light .token-bonus-txt { color: rgba(255, 255, 255, 0.6); } + +.token-stage { margin-bottom: 33px; } + +.token-stage-title { color: #fff; background: #441afd; text-transform: uppercase; font-weight: 700; line-height: 26px; padding: 10px; border-radius: 6px 6px 0 0; } + +.token-stage-pre { background: #6542fe; } + +.token-stage-one { background: #542efe; } + +.token-stage-date { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; padding: 12px 0 10px; } + +.tc-light .token-stage-date { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-date h6 { font-weight: 700; font-size: 1rem; margin-bottom: 0; } + +.token-stage-date span { font-size: 15px; } + +.token-stage-info { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; border-radius: 0 0 6px 6px; padding: 14px 0 16px; } + +.tc-light .token-stage-info { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-info span { display: block; font-size: 15px; line-height: 1.86; } + +.token-stage-bonus { color: #866bfe; } + +.token-action-s2 { padding: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action-box { display: flex; align-items: center; flex-wrap: wrap; border-radius: 6px; background: rgba(134, 107, 254, 0.1); } + +.token-action-box > div { padding: 20px 25px; width: 100%; } + +.token-action-box > div:last-child { padding-top: 0; } + +.tc-light .token-action-box { background: rgba(134, 107, 254, 0.1); } + +.token-action-title { width: 30%; background: #866bfe; border-radius: 6px 6px 0 0; font-weight: 500; font-size: 1.2em; line-height: 1.44; flex-grow: 1; width: 100%; } + +.tc-light .token-action-title { background: #866bfe; } + +.token-action-box .token-action-title { padding: 25px; } + +.token-action-date { width: 40%; } + +.token-action-date strong { display: block; } + +.token-action-btn { width: 34%; } + +.token-action-btn .btn-grad { padding: 14px 0px; width: 100%; } + +.token-bar-chart { position: relative; z-index: 9; } + +.token-bar-item { position: relative; height: 40px; border-radius: 20px; margin: 10px 0; } + +.token-bar-item.tbic1 { background: #002674; } + +.token-bar-item.tbic1:before { background: #002674; } + +.token-bar-item.tbic2 { background: #004ae2; } + +.token-bar-item.tbic2:before { background: #004ae2; } + +.token-bar-item.tbic3 { background: #3b7bff; } + +.token-bar-item.tbic3:before { background: #3b7bff; } + +.token-bar-item.tbic4 { background: #3bb8ff; } + +.token-bar-item.tbic4:before { background: #3bb8ff; } + +.token-bar-item.tbic5 { background: #5378fb; } + +.token-bar-item.tbic5:before { background: #5378fb; } + +.token-bar-txt { position: absolute; font-size: 13px; padding-bottom: 0; top: 50%; left: 100%; min-width: 300%; transform: translateX(45px) translateY(-50%); } + +.token-bar-txt:after { position: absolute; content: ''; left: 0; top: 50%; height: 1px; width: 25px; margin-left: -35px; background: rgba(22, 161, 255, 0.5); } + +.token-bar-txt span { display: block; line-height: 1.5; white-space: nowrap; } + +.token-bar-txt span:first-of-type { font-weight: 600; } + +.token-bar-item.tbic1 .token-bar-txt span:first-of-type { color: #002674; } + +.token-bar-item.tbic2 .token-bar-txt span:first-of-type { color: #004ae2; } + +.token-bar-item.tbic3 .token-bar-txt span:first-of-type { color: #3b7bff; } + +.token-bar-item.tbic4 .token-bar-txt span:first-of-type { color: #3bb8ff; } + +.token-bar-item.tbic5 .token-bar-txt span:first-of-type { color: #5378fb; } + +@media (min-width: 768px) { .token-bar-chart { display: flex; overflow: visible; margin-top: 135px; } + .token-bar-item { margin: 0; } + .token-bar-item:before { position: absolute; left: -20px; top: 0; height: 40px; width: 40px; content: ''; z-index: -1; } + .token-bar-item:first-child:before { display: none; } + .token-bar-txt { padding-bottom: 10px; top: -110px; left: 50%; min-width: 100%; transform: translateX(-50%); text-align: center; } + .token-bar-txt:after { left: 50%; top: 100%; height: 65px; width: 1px; margin-left: 0; } } + +@media (max-width: 420px) { .token-status-s6 .countdown-time { font-size: 1.8rem; } + .token-status-s6 .cpn-links, .token-status-s6 .cpn-links li { padding-left: 10px; padding-right: 10px; } } + +@media (min-width: 480px) { .token-status .countdown-s2 { padding: 0 30px 20px; } + .token-info-s1 { padding: 0 30px; } + .token-min-s2 { padding: 0; } } + +@media (min-width: 576px) { .token-info { padding: 24px 40px 0; } + .token-info .text-block-title { text-align: center; } + .token-info-list li { display: flex; } + .token-info-list li > span { width: 50%; } + .token-info-title { font-size: 0.88rem; letter-spacing: 0.2em; } + .token-info-des { font-size: 1.375rem; } + .token-info-s1 { padding: 0 30px; } + .token-status { padding: 24px 28px 20px; } + .token-status-md { padding: 36px; } + .token-status-s2 { padding: 0; } + .token-status-s3 { padding: 29px 0 0; border: none; } + .token-status-s4 { padding: 65px 0 50px; } + .token-status-s5 { padding: 40px 30px 40px; } + .token-status-s6 { border: none; padding: 35px 50px 45px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; } + .token-alocate-graph { padding: 30px 40px 30px; } + .token-action-box { flex-wrap: nowrap; } + .token-action-box > div:last-child { padding-top: 20px; padding-left: 0; } + .token-action-title { width: auto; border-radius: 6px 0 0 6px; } + .token-action-s2 { padding: 30px; } } + +@media (min-width: 768px) { .token-alocate-item { padding: 20px 30px 40px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; margin-bottom: 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-box-s1 { position: absolute !important; left: 0; bottom: -45px; width: 100%; z-index: 9 !important; } } + +@media (min-width: 992px) { .token-countdown-wrapper { padding: 30px 60px 30px 66px; } + .token-status-s1 { padding: 30px 60px 30px 66px; margin-left: 0; } + .token-status-s2 { margin: 65px 140px 0 0; } + .token-status-s3 { margin-left: 25px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding: 30px 65px 0px; } + .token-alocate-item-s1:before { position: absolute; height: 610px; width: 610px; top: 0; left: 50%; content: ''; border-radius: 20px; background: rgba(60, 28, 148, 0.04); transform: rotate(45deg); transform-origin: 0 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-alocate-graph-s1 { margin-top: 80px; } + .token-action-box { margin-top: 25px; } } + +.tokdis-item { position: relative; padding-left: 0; padding-bottom: 15px; margin-bottom: 15px; padding-top: 8px; display: inline-block; } + +.tokdis-item:before { position: absolute; width: 40px; height: 3px; border-radius: 1.5px; content: ''; background: #866bfe; top: 0; left: 50%; transform: translateX(-50%); } + +.tokdis-item h5 { font-size: 1.125em; } + +.tokdis-list { padding-bottom: 40px; } + +@media (min-width: 992px) { .tokdis-item { padding-left: 25px; padding-bottom: 4px; padding-top: 0; } + .tokdis-item:before { width: 3px; height: 100%; top: 0; left: 0; transform: translateX(0); } + .tokdis-list { padding-bottom: 80px; } } + +.toktmln-item { position: relative; padding: 0 0 20px; display: flex; justify-content: center; } + +.toktmln-item:before { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); content: ''; height: 30px; width: 30px; border-radius: 50%; border: 6px solid #dbe4f7; background: #866bfe; } + +.tc-light .toktmln-item:before { border-color: #fff; } + +.toktmln-item div { padding: 0 30px 5px 0; text-align: right; width: 50%; flex-grow: 1; } + +.toktmln-item div:last-child { padding: 0 0 0 30px; text-align: left; } + +.toktmln-item div span { display: block; font-weight: 600; } + +.toktmln-item div span:last-child { font-size: .775em; padding-bottom: 8px; font-weight: 400; color: #415076; } + +.tc-light .toktmln-item div span:last-child { color: #fff; } + +.toktmln-list { position: relative; } + +.toktmln-list:before { position: absolute; left: 50%; top: -24px; width: 2px; margin-left: -1px; height: 100%; background: #dbe4f7; content: ''; } + +.tc-light .toktmln-list:before { background: #fff; } + +@media (min-width: 992px) { .toktmln-list { position: relative; } + .toktmln-list:before { left: 0; top: 14px; width: 100%; height: 2px; } + .toktmln-item { padding: 64px 0 0; display: block; } + .toktmln-item:before { top: 0; left: 0; transform: translateX(0); } + .toktmln-item div { padding-bottom: 5px; text-align: left; width: 100%; padding-left: 0; padding-right: 0; } + .toktmln-item div:last-child { padding: 0 0 0 0; } + .toktmln-item div span:last-child { font-size: .875em; } } + +.stage-info { padding-left: 15px; } + +.stage-info .title { margin-bottom: .5rem; } + +/** 04.10 Team */ +.team { position: relative; margin-bottom: 30px; max-width: 255px; margin-left: auto; margin-right: auto; text-align: center; } + +.nk-block-left .team { max-width: 100%; } + +.team:hover .team-show { opacity: 1; } + +.team-s2 { max-width: 240px; text-align: center; } + +.team-s2 .word-split { justify-content: center; } + +.team-s2:hover .team-show { opacity: .25; } + +.team-s4 { padding: 30px 30px; } + +.team-s5 { text-align: left; max-width: 228px; padding-bottom: 25px; } + +.team-s5:before { position: absolute; content: ""; left: 20px; top: 50px; right: 0; bottom: 0; background: #eaeff6; z-index: -1; } + +.bg-theme .team-s5:before { background: #6e19c2; } + +.has-bg-image .team-s5:before { background: #6e19c2; } + +.tc-light .team-s5:before { background: #2e186a; } + +.team-s6 { text-align: left; display: flex; max-width: 100%; } + +.team-s6 .team-left { width: 135px; flex-shrink: 0; } + +.team-s6 .team-photo { max-width: 170px; margin-right: 25px; margin-left: 0; } + +.team-sm-s2 { text-align: left; max-width: 145px; } + +.team-photo { display: block; position: relative; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 2; } + +.team-photo + .list { padding-top: 15px; } + +.team-photo-s1 { max-width: 160px; } + +.team-photo img { border-radius: 6px; width: 100%; transition: all .4s; } + +.team-photo-sm { max-width: 180px; } + +.team-photo-s2 { max-width: 90%; } + +.team-photo-s2:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(134, 107, 254, 0.4); border-radius: 6px; z-index: 1; } + +.team-photo-s3:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: linear-gradient(to top left, #866bfe 0%, #2bc9b4 100%); border-radius: 6px; z-index: 1; opacity: .2; } + +.team-photo-circle { border-radius: 50%; } + +.team-sm-s2 .team-photo { margin-left: 0; max-width: 90%; } + +.team-sm-s2:hover .team-photo { transform: translateY(-8px); } + +.team-s3 .team-photo { max-width: 160px; } + +.team-s5 .team-photo { margin-left: 0; } + +.team-s5 .team-photo:before, .team-s5 .team-photo:after { position: absolute; content: ''; } + +.team-s5 .team-photo:before { top: 24px; right: -33px; height: 3px; width: 65px; background: linear-gradient(to top left, #866bfe 0%, #2bc9b4 100%); z-index: 1; } + +.team-s5 .team-photo:after { top: 0; bottom: 0; right: 0; left: 0; background: rgba(134, 107, 254, 0.4); transition: all .4s; } + +.team-s5 .team-photo:hover { transform: translateY(-8px); } + +.team-s5 .team-photo:hover:after { opacity: .5; } + +.team-s5 .team-photo:hover .team-show { opacity: 0; } + +.team-photo-bg:before { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; transform: scale(1); z-index: -1; opacity: 1; transition: all .5s ease; background-image: linear-gradient(90deg, #2bc9b4 0%, #866bfe 100%); } + +.team-s3-alt .team-photo-bg:before { opacity: 0; transform: scale(0.8); } + +.team-photo-bg a { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; z-index: 1; } + +.team-photo-bg:hover a + img { transform: scale(0.85); } + +.team-s3-alt .team-photo-bg:hover a + img { transform: scale(1); } + +.team-s3-alt .team-photo-bg:hover:before { opacity: 1; transform: scale(1); } + +.team-show { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(134, 107, 254, 0.4); border-radius: 6px; transition: all .4s; z-index: 20; opacity: 0; } + +.team-s2 .team-show { opacity: 0; } + +.team-s3 .team-photo-bg .team-show { opacity: 0 !important; top: 0; right: 0; bottom: 0; left: 0; } + +.team-s5 .team-show { border-radius: 0; } + +.team-s5:hover .team-show { opacity: 0; } + +.team-social { margin: 0 -5px; } + +.team-photo .team-social { position: absolute; bottom: -17px; right: 17px; z-index: 21; text-align: right; } + +.team-social li { padding: 0 4px; display: inline-block; } + +.team-social li a { font-size: 13px; text-align: center; display: inline-block; line-height: 34px; height: 34px; width: 34px; border-radius: 50%; color: #fff !important; background: #2bc9b4; box-shadow: 0px 2px 15px 0px rgba(43, 201, 180, 0.5); } + +.team-social li a:hover { color: #fff !important; background: #866bfe; box-shadow: 0px 2px 15px 0px rgba(134, 107, 254, 0.5); } + +.team-social-s2 { margin: 0 -10px; } + +.team-social-s2 li { padding: 0 10px; } + +.team-social-s2 li a { width: auto; background-color: transparent; box-shadow: none; color: #415076 !important; } + +.tc-light .team-social-s2 li a { color: #fff !important; } + +.team-social-s2 li a:hover { color: #866bfe !important; background-color: transparent; box-shadow: none; } + +.team-s2 .team-social-s2 { padding-top: 15px; } + +.team-s3 .team-social-s2 { padding-top: 10px; } + +.team-social-vr li { display: block; text-align: center; } + +.team-social-vr li a { width: 30px !important; } + +.team-s5 .team-social { position: absolute; top: 64px; right: 20px; } + +.team-s5 .team-social li a { color: #866bfe; } + +.team-name { color: #415076; padding-top: 28px; font-weight: 600; } + +.team-name.title { margin-bottom: .5rem !important; } + +.team-s2 .team-name.title-sm { font-size: .95em !important; } + +.team-s2 .team-name { padding-top: 18px; } + +.team-s3 .team-name { color: #866bfe; font-size: 1.125rem !important; font-weight: 400; margin-bottom: 1px !important; } + +.team-s3-alt .team-name { color: #5b53a2; } + +.tc-light .team-s3-alt .team-name { color: #fff; } + +.team-s4 .team-name { font-weight: 400; padding-top: 21px; font-size: 1.33rem; margin-bottom: 0 !important; } + +.team-s5 .team-name { padding-left: 45px; padding-right: 40px; } + +.team-s6 .team-name { text-transform: uppercase; font-weight: 400; } + +.team-position { font-size: 12px; font-weight: 400; display: inline-block; } + +.team-s3 .team-position { font-weight: 300; color: #536697; } + +.team-s3-alt .team-position { color: #866bfe; } + +.tc-light .team-s3-alt .team-position { color: #866bfe; } + +.team-s4 .team-position { padding-bottom: 10px; } + +.team-s5 .team-position { padding-left: 45px; padding-right: 40px; color: #5b53a2; } + +.team-s6 .team-position { position: relative; color: #866bfe; padding-bottom: 13px; margin-bottom: 5px; line-height: 1.4; } + +.team-s6 .team-position:before { position: absolute; height: 3px; width: 190px; left: 0; bottom: 0; content: ''; background: linear-gradient(to right, #866bfe 0%, #2bc9b4 100%); z-index: 5; } + +.tc-light .team-position { color: #af9cff; } + +.team-featured-photo { position: relative; border-radius: 5px; overflow: hidden; } + +.team-featured-info { position: absolute; left: 0; bottom: 0; font-size: 18px; padding: 15px 20px; } + +.team-featured-info span { font-size: 16px; font-weight: 300; display: block; padding-top: 5px; } + +.team-featured-cont p:last-child { margin-bottom: 0; } + +.team-featured-sub { text-transform: uppercase; color: #fff; font-size: 14px; letter-spacing: 0.15em; } + +.team-popup { position: relative; max-width: 100%; margin: 10px; padding: 15px; background: #fff; border-radius: 6px; } + +.team-popup-info p:last-child { margin-bottom: 0; } + +.team-list { margin-bottom: -30px; } + +.team-s4 .team-desc { font-size: .87rem; margin-bottom: 8px; } + +.team-s4 .team-desc p { font-size: inherit; } + +@media (min-width: 576px) { .team { margin-bottom: 50px; } + .team-s2 { margin-bottom: 30px; text-align: left; } + .team-s2 .word-split { justify-content: flex-start; } + .team-s4 { padding: 30px 15px; } + .team-s2 .team-photo { margin-left: 0; } + .team-s2 .team-name { padding-top: 25px; } + .team-featured-info { padding: 25px 30px; } + .team-popup { padding: 40px; } + .team-list { margin-bottom: -50px; } } + +@media (min-width: 768px) { .team-even { margin-top: 60px; } + .team-s4 { margin-bottom: 50px; } } + +@media (min-width: 992px) { .team-featured-cont { padding-left: 20px; } + .team-featured-title { padding: 8px 0 15px; } + .team-name { padding-top: 34px; margin-bottom: 8px !important; } + .team-s2 .team-name, .team-s3-alt .team-name { padding-top: 20px; } + .team-s5 .team-name { padding-top: 24px; } + .team-position { font-size: 0.88rem; } + .team-position-sm { font-size: 13px; } + .team-social { bottom: -20px; right: 20px; margin: 0 -5px; } + .team-social li { padding: 0 4px; } + .team-social li a { font-size: 16px; line-height: 40px; height: 40px; width: 40px; } + .team-social-s2 { margin: 0 -8px; } + .team-social-s2 li { padding: 0 8px; } + .team-social-s2 li a { font-size: 14px; height: auto; width: auto; } + .team-popup { margin: 10px auto; width: 950px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .team-s5 .team-social { right: 9px; } } + +@media (min-width: 1600px) { .team-photo-s2 { max-width: 100%; } } + +/** 04.11 Partners */ +.partner-list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: -15px; } + +.partner-list-left { justify-content: left; } + +.partner-list-lg { margin-bottom: -20px; } + +.partner-logo { padding: 15px 10px; } + +[class*="col-"] > .partner-logo { padding: 0; } + +.partner-logo img { max-height: 30px; max-width: 100%; width: auto !important; margin-left: auto; margin-right: 0; } + +.has-carousel .partner-logo img { margin-right: auto; } + +.partner-list-lg .partner-logo { padding: 20px 25px; } + +.partner-list-lg .partner-logo img { max-height: 50px; } + +.partner-logo-s2, .partner-logo-s3 { width: 50%; max-width: 50%; text-align: center; padding: 0 10px; } + +.partner-logo-s2 img, .partner-logo-s3 img { max-height: 50px; } + +.partner-list-left .partner-logo-s2, .partner-list-left .partner-logo-s3 { text-align: left; } + +.partner-logo-s3 img { max-height: 60px; } + +.partner-logo-lg { width: 50%; margin-bottom: 30px; } + +.partner-box { padding: 15px 0px; margin-bottom: 30px; } + +@media (min-width: 576px) { .partner-logo-s2, .partner-logo-s3 { margin-bottom: 30px; max-width: 16.6%; width: 16.6%; } + .partner-logo-lg { width: 33%; } + .partner-box { padding: 15px 66px; box-shadow: 0px 5px 25px rgba(110, 25, 194, 0.1); } } + +@media (min-width: 992px) { .partner-box .partner-list { justify-content: space-between; } + .partner-list-lg { margin-bottom: -20px; } + .partner-list-lg .partner-logo { padding: 20px 25px; } + .partner-list-lg .partner-logo img { max-height: 50px; } + [class*="col-"] > .partner-logo { padding: 15px 0; } } + +/** 04.12 Contact */ +.contact-wrap { padding: 20px; } + +.contact-list { margin-top: -7.5px; margin-bottom: -7.5px; position: relative; z-index: 2; } + +.contact-list li { display: flex; padding-top: 7.5px; padding-bottom: 7.5px; font-size: 0.94rem; } + +.contact-list-s1 { display: flex; justify-content: center; } + +.contact-list-s1 li { width: 100%; flex-wrap: wrap; justify-content: center; } + +.contact-icon { height: 38px; width: 38px; font-size: 16px; line-height: 38px; text-align: center; color: #fff; background: #2bc9b4; box-shadow: 0px 2px 15px 0px rgba(43, 201, 180, 0.5); border-radius: 50%; margin-right: 15px; flex-shrink: 0; } + +.tc-light .contact-icon { color: #3c1c94; background: #fff; box-shadow: none; } + +.bg-secondary .contact-icon { color: #2bc9b4; } + +.contact-list-s1 .contact-icon { margin-right: 0; color: #fff; box-shadow: 0px 2px 15px 0px rgba(60, 28, 148, 0.5); background: linear-gradient(-45deg, #3c1c94 0%, #6e19c2 100%); } + +.tc-light .contact-list-s1 .contact-icon { color: #3c1c94; background: #fff; } + +.contact-icon-s2 { color: #2bc9b4; background: transparent; box-shadow: inset 0 0 0 2px #2bc9b4; } + +.tc-light .contact-icon-s2 { color: #fff; background-color: transparent; box-shadow: inset 0 0 0 2px #fff; } + +.contact-icon-s3 { position: relative; color: #866bfe; background: linear-gradient(to right, #866bfe 0%, #2bc9b4 100%); box-shadow: none; } + +.tc-light .contact-icon-s3 { color: #fff; background: linear-gradient(to right, #866bfe 0%, #2bc9b4 100%); } + +.contact-icon-s3:after { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .contact-icon-s3:after { background: #f7f8ff; } + +.bg-light-alt .contact-icon-s3:after { background: #eaeff6; } + +.bg-theme .contact-icon-s3:after { background: #3c1c94; } + +.bg-theme-alt .contact-icon-s3:after { background: #6e19c2; } + +.bg-theme-dark .contact-icon-s3:after { background: #180747; } + +.bg-theme-dark-alt .contact-icon-s3:after { background: #2e186a; } + +.bg-theme-accent .contact-icon-s3:after { background: #866bfe; } + +.bg-theme-accent-alt .contact-icon-s3:after { background: #2bc9b4; } + +.contact-icon-s3:before { position: relative; z-index: 1; } + +.contact-text { padding-top: 7px; } + +.contact-list-s1 .contact-text { width: 100%; } + +.contact-social { margin-top: auto; padding-top: 20px; } + +.contact-social h6 { margin-bottom: 1rem; } + +.subscribe-wrap { padding: 20px; } + +@media (min-width: 576px) { .contact-wrap { padding: 50px; } + .subscribe-wrap { padding: 65px; } } + +@media (min-width: 768px) { .contact-list-s1 li { width: 33.33%; flex-wrap: wrap; } + .contact-list-s1 .contact-text { width: auto; } + .contact-list-s1 .contact-icon { margin-right: 15px; } } + +@media (max-width: 480px) { .contact-list-s2 { flex-wrap: wrap; } } + +@media (max-width: 767px) { .contact-list-s2 li { flex-wrap: wrap; text-align: center; } + .contact-list-s2 li .contact-icon { margin-right: 0; } + .contact-list-s2 li .contact-text { width: 100%; } } + +@media (max-width: 991px) { .contact-list-s2 { display: flex; justify-content: center; } + .contact-list-s2 li { width: 100%; justify-content: center; } } + +@media (min-width: 992px) and (max-width: 1199px) { .contact-wrap, .subscribe-wrap { padding: 35px; } } + +.social-links { display: flex; margin: -3px; } + +.social-links li { padding: 3px; } + +.social-links li a { display: inline-block; border-radius: 50%; border: 1px solid #fff; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #415076; } + +.social-links li a:hover { color: #866bfe; background: #fff; } + +.tc-light .social-links li a { color: #fff; } + +.tc-light .social-links li a:hover { color: #866bfe; } + +.bg-secondary .social-links li a:hover { color: #2bc9b4 !important; } + +.social-links-s2 li a { border: none; } + +.social-links-s2 li a:hover { background-color: #fff; color: #866bfe !important; } + +.tc-light .social-links-s2 li a:hover { color: #866bfe !important; } + +@media (min-width: 992px) { .section-contact .ovm-h-60 { height: 50%; } } + +/** 04.13 WGS */ +.wgs { margin-bottom: 30px; } + +.wgs-title { text-transform: uppercase; color: #5b53a2; font-size: 1rem; font-weight: 600; letter-spacing: 0.075em; } + +.wgs-title-s2, .wgs-title-s3 { font-size: 1.125rem; letter-spacing: normal; } + +.wgs-title-s2 { margin-bottom: 18px; font-weight: 600; } + +.wgs-title-s3 { font-weight: 700; margin-bottom: 22px; padding-top: 10px; } + +.tc-light .wgs-title { color: #2bc9b4; } + +.wgs-logo { padding-bottom: 22px; display: inline-block; } + +.wgs-body p { font-size: 0.93em; line-height: 1.71; margin-bottom: 0.75rem; } + +.wgs-body p:last-child { margin-bottom: 0; } + +.wgs-list li { font-size: .9em; padding-bottom: 14px; letter-spacing: 0.01em; } + +.wgs-list li:last-child { padding-bottom: 0; } + +.wgs-links li { position: relative; padding: 5px 0; line-height: 1; } + +.wgs-links li:last-child { padding-bottom: 0px; } + +.wgs-links li a { font-size: 0.9em; line-height: 20px; display: block; color: #5b53a2; } + +.wgs-links li a:hover { color: #866bfe; } + +.tc-light .wgs-links li a { color: #fff !important; } + +.tc-light .wgs-links li a:hover { color: #866bfe !important; } + +.wgs-links-s2 li { padding: 7px 0; } + +.wgs-links-s2 li a { font-size: 1em; } + +.wgs-links-s3 li { padding: 9px 0; } + +.wgs-links-s4 li { padding: 7px 0; } + +.wgs-links-s5 li { margin-bottom: 17px; } + +.wgs-links-s5 li:first-child { margin-top: -5px; } + +.wgs-links-s5 li a { font-size: 1rem; font-weight: 400; } + +.wgs-links-uline li a { display: inline-block; } + +.wgs-links-uline li a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.wgs-links-category li { padding-left: 20px; } + +.wgs-links-category li a { padding: 10px 0; } + +.wgs-links-category li:before { position: absolute; left: 0; top: 50%; margin-top: -1px; height: 2px; width: 8px; content: ''; background: #866bfe; } + +.wgs-links-tags { padding: 12px 0; margin: -7px -5px; } + +.wgs-links-tags li { display: inline-block; padding: 7px 5px; } + +.wgs-links-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; } + +.wgs-links-tags li a:hover { color: #fff; border-color: #866bfe; background: #866bfe; } + +.wgs-links-3clumn li { width: 32%; display: inline-block; } + +.wgs-archive .wgs-body { padding: 12px 0; } + +.wgs-cta .wgs-body { padding: 30px 30px 35px; } + +.wgs-address { font-size: .9rem; line-height: 2; } + +.wgs-address li:not(:last-child) { margin-bottom: 10px; } + +.wgs-regular { font-weight: 400; } + +@media (min-width: 992px) { .wgs-subscribe-form-s1 { margin-left: -50px; padding-right: 50px; } } + +.copyright-text { color: #415076; } + +.tc-light .copyright-text { color: #af9cff; } + +.copyright-text p { color: inherit; } + +.copyright-text a { color: #415076; } + +.copyright-text a:hover { color: #866bfe; } + +.tc-light .copyright-text a { color: #af9cff; } + +.tc-light .copyright-text a:hover { color: #866bfe; } + +.copyright-text-s1 { font-size: 14px; } + +.copyright-text-s1 p { font-size: inherit; } + +.copyright-text-s2 { text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; } + +.copyright-text-s3 { font-size: 13px; color: #5b53a2; } + +.tc-light .copyright-text-s3 { color: #af9cff; } + +.copyright-text-s3 p { font-size: 13px; color: inherit; } + +.copyright-text-s3 p a { color: inherit !important; } + +.copyright-text-s3 p a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.copyright-text-s3 a { font-weight: 500; } + +.copyright-text-s3 span { color: #415076; padding-bottom: 3px; } + +.tc-light .copyright-text-s3 span { color: #fff; } + +.copyright-text-s4 p { font-size: 0.9rem !important; } + +.copyright-text li a, .copyright-text p { font-size: 13px; color: #fff; } + +.copyright-text li { width: 100%; } + +.footer-nav { margin: 0 -15px; } + +.footer-nav li { display: inline-block; padding: 0 15px; } + +.footer-nav li a { color: #415076; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; } + +.footer-nav li a:hover { color: #866bfe !important; } + +.tc-light .footer-nav li a { color: #fff !important; } + +.tc-light .footer-nav li a:hover { color: #866bfe !important; } + +@media (min-width: 576px) { .copyright-text-s2 { font-size: 12px; } + .copyright-text li { width: auto; } } + +.wgs-nl-title { margin-bottom: 32px; } + +/** 04.14 Others */ +.rank-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.rank-item { background-image: url(../images/hexagon.png); height: 88px; width: 94px; padding: 16px 20px 0; } + +.rank-item img { max-height: 16px; } + +.rank-count { font-size: 1rem; color: #6e19c2; font-weight: 700; padding-top: 4px; line-height: 1.3; } + +.rank-count span { font-size: .7rem; color: #fff; } + +@media (min-width: 400px) { .rank-item { height: 104px; width: 108px; padding-top: 24px; } } + +@media (min-width: 768px) { .rank-item { height: 136px; width: 146px; padding: 32px 30px 0; } + .rank-item img { max-height: 24px; } + .rank-count { padding-top: 10px; font-size: 1.4rem; } + .rank-count span { font-size: .9rem; } } + +@media (min-width: 992px) { .rank-item { height: 160px; width: 164px; padding-top: 38px; } } + +.rating-info { font-size: 2.23em; line-height: 1; padding: 16px 0; font-weight: 700; background: #eaeff6; border-radius: 6px 6px 0 0; color: #415076; } + +.rating-info span { font-size: .5em; font-weight: 400; color: #fff; margin-left: 6px; } + +.tc-light .rating-info span { color: #eaeff6; } + +.rating-info span:before { content: '/'; } + +.tc-light .rating-info { color: #fff; background: #8d33e5; } + +.rating-title { background: #866bfe; color: #fff; padding: 5px 0; font-size: .93em; line-height: 20px; border-radius: 0 0 6px 6px; } + +.tc-light .rating-title { background: #180747; } + +.bonus { border-radius: 0 0 8px 8px; border: 1px solid rgba(134, 107, 254, 0.2); border-top: none; display: flex; } + +.bonus-info { position: relative; width: 50%; padding: 12px 16px 16px; } + +.bonus-info:not(:last-child) { border-right: 1px solid rgba(134, 107, 254, 0.2); } + +.bonus-percent { font-size: 20px; } + +.bonus-percent small { font-size: 14px; } + +.bonus-date { font-size: 12px; color: #fff; } + +.bonus-badge { position: absolute; top: 5px; right: 5px; text-transform: uppercase; border-radius: 11px; line-height: 15px; font-size: 8px; font-weight: 500; padding: 0 8px; color: #fff; background: #2bc9b4; } + +@media (min-width: 420px) { .bonus-info { padding: 12px 30px 16px; } + .bonus-percent { font-size: 28px; } + .bonus-percent small { font-size: 14px; } + .bonus-date { font-size: 12px; color: #fff; } + .bonus-badge { top: 50%; right: 0; transform: translateY(-50%) rotate(-90deg); line-height: 22px; font-size: 11px; padding: 0 10px; } } + +.chart-data li { display: flex; font-size: 1rem; line-height: 1.4; font-weight: 400; padding: 7px 0; } + +.chart-data li span { display: block; } + +.chart-data-s1 { display: flex; flex-wrap: wrap; } + +.chart-data-s1 li { display: flex; align-items: center; width: auto; transition-delay: .8s; width: 100%; } + +.chart-data-s1 .chart-p { min-width: 55px; height: 55px; line-height: 50px; padding: 0; color: #fff; transform: rotate(45deg); border-radius: 10px; margin: 30px; order: -1; font-size: 16px; font-weight: 600; line-height: 55px; } + +.chart-data-s1 .chart-p span { transform: rotate(-45deg); display: block; } + +.chart-data-s1 .chart-l { text-align: left; } + +.chart-data-s2 { display: flex; flex-wrap: wrap; margin: -10px; } + +.chart-data-s2 li { padding: 10px; } + +.chart-data-item { position: relative; padding: 15px 25px; } + +.chart-data-item:before, .chart-data-item:after { position: absolute; content: ''; top: 0; height: 100%; width: 45px; border: 2px solid #dbe4f7; transition: all .4s; } + +.tc-light .chart-data-item:before, .tc-light .chart-data-item:after { border-color: rgba(219, 228, 247, 0.5); } + +.active > .chart-data-item:before, .active > .chart-data-item:after { border-color: #866bfe; } + +.chart-data-item:before { left: 0; border-radius: 6px 0 0 6px; border-right: none; } + +.chart-data-item:after { right: 0; border-radius: 0 6px 6px 0; border-left: none; } + +.chart-label { font-size: 14px; font-weight: 700; color: #5b53a2; transition: all .4s; } + +.tc-light .chart-label { color: #fff; } + +.active > div > .chart-label { color: #866bfe; } + +.chart-info { display: block; } + +.chart-percent { font-size: 22px; font-weight: 400; color: #5b53a2; } + +.tc-light .chart-percent { color: #fff; } + +.chart-sublabel { font-size: 13px; color: #415076; margin-left: 8px; } + +.tc-light .chart-sublabel { color: #fff; } + +.chart-p { margin-left: auto; font-size: 1.125rem; font-weight: 500; color: #3c1c94; } + +.chart-c { position: relative; top: 3px; height: 14px; width: 14px; border-radius: 3px; margin-right: 12px; flex-shrink: 0; display: block; } + +.chart-canvas { min-height: 300px; max-width: 100%; margin-left: auto; margin-right: auto; } + +.chart-canvas-s1 { min-height: 215px; } + +@media (min-width: 480px) { .chart-data-s1 li { width: 50%; } } + +@media (min-width: 576px) { .chart-label, .chart-percent { font-size: 18px; } + .chart-c { top: 6px; } + .chart-canvas { min-height: 360px; } + .chart-canvas-s1 { min-height: 215px; } } + +@media (min-width: 768px) { .chart-data-s1 li { width: 33.33%; } } + +@media (min-width: 992px) { .chart-data-s1 li { position: absolute; width: auto; transition: all .4s; opacity: 0; } + .chart-data-s1 li:nth-child(1) { top: -60px; left: 50%; transform: translateX(-50%) translateY(-30px) !important; flex-wrap: wrap; transition-delay: .6s; } + .chart-data-s1 li:nth-child(1) .chart-l { order: -1 !important; width: 100%; } + .chart-data-s1 li:nth-child(1) .chart-p { margin: 20px auto; transform: rotate(0); } + .chart-data-s1 li:nth-child(1) .chart-p span { transform: rotate(0); } + .animate.show .chart-data-s1 li:nth-child(1) { transform: translateX(-50%) translateY(0) !important; } + .chart-data-s1 li:nth-child(odd) { left: 50%; transform: translateX(30px) translateY(0); } + .chart-data-s1 li:nth-child(odd) .chart-l { order: 1; } + .chart-data-s1 li:nth-child(even) { right: 50%; transform: translateX(-30px) translateY(0); } + .chart-data-s1 li:nth-child(even) .chart-l { order: -1; text-align: right; } + .chart-data-s1 li:nth-child(even) .chart-p { left: auto; right: 29px; top: 33px; } + .chart-data-s1 li:nth-child(2) { top: 65px; margin-right: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(3) { top: 65px; margin-left: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(4) { top: 173px; margin-right: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(5) { top: 173px; margin-left: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(6) { top: 281px; margin-right: 278px; transition-delay: 1.2s; } + .chart-data-s1 li:nth-child(7) { top: 281px; margin-left: 278px; transition-delay: 1.2s; } + .animate.show .chart-data-s1 li { opacity: 1; transform: translateX(0) translateY(0); } + .chart-data-s1 .chart-p { order: 0; } + .chart-data-s1 .chart-l { text-align: center; font-weight: 400; } + .chart-canvas { min-height: 300px; } + .chart-canvas-s1 { min-height: 215px; } } + +.ath-container { width: 440px; max-width: 100%; margin: 30px auto; } + +.ath-header { padding: 0 0 30px; } + +.ath-heading { text-align: center; font-weight: 300; } + +.ath-heading small { display: block; padding-bottom: 10px; } + +.ath-body { background: #fff; border-radius: 6px; padding: 18px 25px 25px; } + +.ath-note { padding: 25px 0 0; } + +@media (min-width: 576px) { .ath-body { padding: 32px 40px 40px; } } + +.sap-text { position: relative; text-align: center; padding: 20px 0; } + +.sap-text:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; content: ''; background: #dbe4f7; z-index: 3; } + +.sap-text span { position: relative; background: #fff; display: inline-block; padding: 0 15px; z-index: 5; font-size: .9rem; text-transform: uppercase; } + +.bg-theme > .sap-text span { background: #3c1c94; } + +.bg-theme-alt > .sap-text span { background: #6e19c2; } + +.blog { background: #fff; border-radius: 6px; box-shadow: 0 5px 45px 0 rgba(91, 83, 162, 0.08); margin-bottom: 30px; } + +.tc-light .blog { background: #6e19c2; } + +.blog-photo { padding: 30px 30px 0; } + +.blog-photo > img { border-radius: 6px 6px 0 0; } + +.blog-s2 .blog-photo { padding: 0; } + +.blog-text { padding: 25px 30px 30px; } + +.blog-text p { font-size: 0.88rem; } + +.blog-s2 .blog-title { margin-bottom: 8px; } + +.blog-content-inline { padding: 18px 30px 14px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } + +.blog-content .blog-text { padding: 9px 0; } + +.blog-meta { margin-bottom: .25rem; margin: 0 -7px 4px; } + +.blog-meta li { position: relative; display: inline-block; font-size: .88rem; padding: 0 7px; } + +.blog-meta li:not(:last-child):after { content: '|'; position: absolute; right: -3px; top: -1px; color: #415076; } + +.tc-light .blog-meta li:not(:last-child):after { color: #fff; } + +.blog-meta li a { color: #6e80af; } + +.blog-meta li a:hover { color: #866bfe; } + +.blog-tags { padding: 12px 0; margin: -7px -5px; } + +.blog-tags li { display: inline-block; padding: 7px 5px; } + +.blog-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; color: #5b53a2; font-size: .88rem; } + +.blog-tags li a:hover { color: #fff; border-color: #866bfe; background: #866bfe; } + +.blog-featured { margin-bottom: 30px; } + +.blog-comment { padding-top: 25px; } + +.blog-action { padding: 9px 0; } + +.comment-wrap { background: #f7f8ff; border-radius: 6px; overflow: hidden; margin-bottom: 30px; } + +.comment-item { padding: 20px; } + +.comment-item:not(:last-child) { border-bottom: 1px solid #fff; } + +.comment-item + .comment-item { padding-left: 40px; } + +.comment-item + .comment-item + .comment-item { padding-left: 60px; } + +.comment-photo { width: 50px; flex-shrink: 0; margin-bottom: 10px; margin-right: 20px; } + +.comment-content { padding-top: 6px; } + +.comment-info .title { margin-bottom: 0; } + +.comment-time { font-size: .75rem; } + +.comment-text { margin-top: 8px; } + +.comment-text p { font-size: .88rem; } + +@media (min-width: 576px) { .comment-wrap { margin-bottom: 30px; } + .comment-item { display: flex; padding: 30px; } + .comment-item + .comment-item { padding-left: 60px; } + .comment-item + .comment-item + .comment-item { padding-left: 90px; } + .comment-photo { margin-bottom: 0; } } + +.pagination { margin-left: auto; margin-right: auto; display: inline-flex; justify-content: center; box-shadow: 0 5px 45px 0 rgba(91, 83, 162, 0.08); } + +.pagination li a { display: inline-block; height: 50px; min-width: 56px; text-align: center; line-height: 20px; padding: 15px 5px; background: #fff; color: rgba(65, 80, 118, 0.7); } + +.pagination li a .icon { line-height: 20px; padding: 0 5px; } + +.pagination li a.active, .pagination li a:hover { background: #866bfe; color: #fff; } + +.pagination li a.active .icon, .pagination li a:hover .icon { color: #fff; } + +.pagination li:first-child a { border-radius: 6px 0 0 6px; } + +.pagination li:last-child a { border-radius: 0 6px 6px 0; } + +.download-option { text-align: center; position: relative; padding: 10px; margin: 15px 0; } + +.download-option .icon { display: block; padding-bottom: 35px; font-size: 44px; color: #415076; } + +@media (min-width: 992px) { .download-option:not(:last-child):after { position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 1px; background: rgba(162, 179, 205, 0.3); } } + +.doc { text-align: center; position: relative; } + +.doc:hover { z-index: 9; } + +.doc-s2 { display: flex; margin-left: 20px; margin-bottom: 20px; border-radius: 6px; text-align: left; } + +.doc-photo { max-width: 125px; margin-left: auto; margin-right: auto; transition: all .2s linear; } + +.doc-photo img { border-radius: 4px; } + +.doc:hover .doc-photo { transform: translateY(-10px); } + +.doc:hover .doc-photo.no-hover { transform: translateY(0); } + +.doc-s2 .doc-photo { max-width: 100px; margin-top: 20px; margin-left: -20px; margin-bottom: -20px; margin-right: 15px; } + +.doc-shape { padding-top: 60px; position: relative; } + +.doc-shape:before { position: absolute; top: 0; left: 50%; margin-left: -5px; transform: translateX(-50%); transform-origin: 50% 50%; content: ''; background: url(../images/polygon-a-dark.png) 50% 0/contain no-repeat; width: 215px; height: 205px; z-index: -1; transition: all .2s linear; } + +.tc-light .doc-shape:before { background-image: url(../images/polygon-a-light.png); } + +.doc-shape-a:before { transform: translateX(-50%) rotate(0deg); } + +.doc:hover .doc-shape-a:before { transform: translateX(-50%) translateY(10px) rotate(0deg) scale(1.1); } + +.doc-shape-b:before { transform: translateX(-50%) rotate(90deg); } + +.doc:hover .doc-shape-b:before { transform: translateX(-50%) translateY(10px) rotate(90deg) scale(1.1); } + +.doc-shape-c:before { transform: translateX(-50%) rotate(-90deg); } + +.doc:hover .doc-shape-c:before { transform: translateX(-50%) translateY(10px) rotate(-90deg) scale(1.1); } + +.doc-shape-d:before { transform: translateX(-50%) rotate(135deg); } + +.doc:hover .doc-shape-d:before { transform: translateX(-50%) translateY(10px) rotate(135deg) scale(1.1); } + +.doc-title { margin-top: 15px; padding-bottom: 8px; } + +.doc-title small { display: block; } + +.tc-light .doc-title small { color: #fff; } + +.doc-s2 .doc-title { margin-top: 25px; font-weight: 600; } + +.doc-download { font-size: 18px; line-height: 19px; padding: 8px 15px; min-width: 60px; border-radius: 4px; color: #fff; background: #866bfe; display: inline-block; } + +.doc-download:hover { color: #fff !important; background: #2bc9b4; } + +.doc-lang { text-transform: uppercase; font-size: 11px; margin-top: 5px; } + +.tc-light a.doc-download { color: #fff !important; } + +.tc-light a.doc-download:hover { color: #866bfe !important; background: #fff; } + +@media (min-width: 1200px) { .doc-shape:before { width: 255px; height: 245px; } + .doc-photo { max-width: 175px; } } + +.particles-container { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 0 !important; } + +.particles-container.is-fixed { position: fixed !important; z-index: -1 !important; } + +.product-box { position: relative; display: block; background: #3c1c94; border-radius: 4px; padding: 25px 35px 0; max-width: 360px; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 6; } + +.tc-light .product-box { background: #fff; } + +.product-box:hover { transform: translateY(-8px); } + +.product-name { color: #fff; font-weight: 500; text-align: center; padding-bottom: 5px; margin-bottom: 18px; } + +.tc-light .product-name { color: #2bc9b4; } + +.product-image { border: 2px solid #866bfe; border-bottom: 0; border-radius: 4px 4px 0 0; } + +.tc-light .product-image { border-color: #2bc9b4; } + +.qr-code { background: #fff; border-radius: 4px; width: 40px; height: 40px; text-align: center; box-shadow: 0px 5px 15px rgba(110, 25, 194, 0.14); padding: 0px !important; cursor: pointer; position: relative; margin: 0px 10px; display: none; line-height: 38.5px; } + +.qr-code > img { width: 22px; } + +@media (min-width: 576px) { .qr-code { display: block; } + .qr-code:hover .qr-list { opacity: 1; visibility: visible; } + .qr-list { position: absolute; width: 264px; display: flex; background: #fff; padding: 18px; justify-content: space-between; bottom: calc(100% + 15px); right: 0; box-shadow: 0px 5px 30px rgba(110, 25, 194, 0.3); border-radius: 5px; opacity: 0; transition: 0.3s; visibility: hidden; } + .has-rtl .qr-list { right: auto; left: 0; } + .qr-list:after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 2px; height: 30px; background: #725bd6; } + .qr-list:before { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; right: 10px; z-index: 1; bottom: -13px; } + .has-rtl .qr-list:before { right: auto; left: 10px; } + .qr-list img { padding: 0 6px; } } + +.bg-dark-opacity.card { height: auto; } + +.testimonial { display: block; box-shadow: 0px 5px 40px rgba(110, 25, 194, 0.08); } + +.tesm-image { min-width: 210px; max-width: 210px; margin: 0 auto; box-shadow: 0px 5px 10px rgba(110, 25, 194, 0.08); } + +.tesm-image img { border-radius: 5px; } + +.tesm-content { padding-left: 0; padding-right: 0; text-align: center; padding-top: 30px; position: relative; } + +.tesm-content:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10e"; font-size: 46px; color: rgba(110, 25, 194, 0.07); position: absolute; bottom: 0; right: 0; line-height: normal; } + +.has-rtl .tesm-content:after { right: auto; left: 0; transform: rotateY(-180deg); } + +.tesm-content .title-sm { font-size: 1.1rem; font-weight: 500; color: #415076; opacity: 0.6; line-height: 30px; } + +.tesm-content span { display: block; font-size: 0.9rem; font-style: italic; font-weight: 300; line-height: normal; } + +.testimonial-carousel .owl-nav { top: 50%; opacity: 1; position: absolute; transform: translateY(-50%); padding-top: 0; margin: 0; width: calc(100% + 60px); left: -30px; } + +.testimonial-carousel .owl-nav button { border-width: 0 !important; margin: 0; color: #415076; opacity: 0.5; transition: 0.3s; } + +.has-rtl .testimonial-carousel .owl-nav button:after { transform: rotateY(-180deg); } + +.testimonial-carousel .owl-nav button:hover { opacity: 1; } + +.testimonial-carousel .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.testimonial-carousel .owl-prev:after { content: '\f060'; } + +.testimonial-carousel .owl-next { position: absolute; right: 0; } + +.has-rtl .testimonial-carousel .owl-next { right: auto; left: 0; } + +.testimonial-carousel .owl-next:after { content: '\f061'; } + +@media (min-width: 576px) { .testimonial { display: flex; flex-direction: row; align-items: center; } + .tesm-content { padding-left: 40px; padding-right: 15px; text-align: left; padding-top: 0; } + .has-rtl .tesm-content { text-align: right; padding-left: 15px; padding-right: 40px; } + .tesm-image { margin: -45px 0; } + .testimonial-carousel .owl-stage-outer { padding: 30px 0; } } + +@media (min-width: 768px) { .testimonial-carousel .owl-nav { width: calc(100% + 80px); left: -40px; } } + +@media (min-width: 992px) { .mlm-30 { margin-left: -30px; } + .testimonial-carousel .owl-nav { width: calc(100% + 160px); left: -80px; } } + +/** 04.14 Others */ +.payment-holder { position: relative; } + +.payment-holder-list { max-width: 1200px; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between; } + +.payment-holder-thumb { width: 58px; height: 58px; box-shadow: 0px 0px 0px 3px #725bd6; position: relative; border-radius: 50%; margin-bottom: 20px; } + +.payment-holder-thumb-s2 { box-shadow: none; border-radius: 0; height: auto; width: auto; } + +.payment-holder-thumb img { width: 100%; border-radius: 50%; } + +.payment-holder-info p { font-size: 11px; font-weight: 500; } + +.payment-holder-single { display: flex; margin-bottom: 30px; align-items: center; width: 100%; align-items: center; flex-wrap: wrap; flex-direction: column-reverse; } + +.payment-info-card { padding: 14px 20px; background: #fff; box-shadow: 0px 5px 20px rgba(114, 91, 214, 0.25); border-radius: 4px; width: 100%; text-align: center; } + +.title-pcard { font-size: 1rem; margin-bottom: 0 !important; font-weight: 400; } + +@media (min-width: 576px) { .payment-holder-single { width: 48%; } } + +@media (min-width: 992px) { .payment-holder-info { margin-bottom: 14px; position: relative; } + .payment-holder-info:after { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; top: 99%; z-index: 1; } + .payment-holder-thumb { border-radius: 50%; } + .payment-holder-thumb img { border-radius: 50%; } + .payment-holder-single { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; flex-direction: column; } + .payment-holder-single:nth-child(1) { margin-left: -23%; margin-top: -10%; } + .payment-holder-single:nth-child(2) { margin-left: -14%; margin-top: 3%; } + .payment-holder-single:nth-child(3) { margin-left: 10%; margin-top: 0; } + .payment-holder-single:nth-child(4) { margin-left: 31%; margin-top: -9%; } + .payment-holder-thumb:after, .payment-holder-thumb:before { position: absolute; content: ""; left: 50%; transform: translateX(-50%); } + .payment-holder-thumb:after { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 40px solid #fff; bottom: -30px; z-index: -1; filter: drop-shadow(0px 6px 0px #725bd6); } + .payment-holder-thumb:before { width: 30px; height: 15px; border-radius: 50%; background: rgba(114, 91, 214, 0.4); bottom: -41px; z-index: -1; } + .payment-holder-thumb-s2 { border-radius: 0px; } + .payment-holder-thumb-s2:before, .payment-holder-thumb-s2:after { display: none; } + .payment-holder-thumb-s2 img { border-radius: 0; } + .payment-info-card { width: auto; text-align: left; } + .has-rtl .payment-info-card { text-align: right; } } + +/** 04.14 datatable */ +.table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } + +.dataTables_filter label { width: 100%; height: 50px; border: 2px solid #d1e0f6; background: transparent; border-radius: 5px; padding: 13px 20px 10px; display: flex; align-items: center; margin-bottom: 30px; } + +.dataTables_filter input { border: none; width: 97% !important; } + +.dataTables_filter input:focus { outline: none; } + +.dataTable { width: 100%; } + +.data-table-area { position: relative; } + +.data-item { box-shadow: 0px 3px 15px rgba(46, 24, 106, 0.06); background: #fff; } + +.data-col { padding: 10px 20px; font-size: 14px; font-weight: 400; color: #fff; } + +.data-col-three { border-left: 1px solid; border-bottom: 1px solid; border-right: 1px solid; } + +.data-col-four { border-bottom: 1px solid; } + +.data-col-five { border-left: 1px solid; } + +.data-col-six { border-right: 1px solid; } + +.data-col:before, .data-col:after { display: none !important; } + +.data-col-inner { padding: 20px; } + +.data-item:not(:last-child) .data-col-inner { border-bottom: 5px solid #eaeff6; } + +.data-col-inner.alphabetical { min-width: 186px; } + +.dt-short { position: absolute; right: 0; top: 0; z-index: 9; } + +.dt-short label { width: 86px; margin-bottom: 0; } + +.has-rtl .dt-short { right: auto; left: 0; } + +@media (max-width: 409px) { .dt-short { position: static !important; margin-bottom: 20px; } + .dataTables_filter label { margin-bottom: 0; } } + +/** 05. Layouts */ +/** 05.01 Header */ +.header-main { padding: 12px 0; transition: all .4s; } + +.is-transparent .header-main, .has-fixed .header-main { width: 100%; z-index: 49; } + +.is-transparent .header-main { position: absolute !important; } + +.has-fixed .header-main { position: fixed !important; box-shadow: 0 0 20px 0 rgba(91, 83, 162, 0.08); } + +.has-fixed:not(.is-dark) .header-main { background: #fff; } + +.has-fixed.is-dark .header-main { background: #0d0427; } + +.has-fixed.is-shrink .header-main { padding: 8px 0; } + +.header-container:not(.container) { width: 100%; padding: 0 15px; } + +.header-wrap { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } + +.header-logo { margin: 6px 0; flex-shrink: 0; } + +.header-logo-ls { display: flex; align-items: center; } + +.header-navbar { position: fixed; left: -280px; top: 0; width: 260px; height: 100vh; } + +.header-navbar.menu-mobile { transition: all 0.4s; } + +.header-navbar::before, .header-navbar-overlay { position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.header-navbar::before { background: #fff; left: 50%; transform: translateX(-50%); transition: all .4s; } + +.is-dark .header-navbar::before { background: #7b1cd9; } + +.header-navbar-overlay { background: rgba(11, 12, 16, 0.7); left: 100%; width: 0; z-index: -1; opacity: 0; visibility: hidden; transition: opacity .3s; transition-delay: .2s; } + +.header-navbar.menu-shown { left: 0 !important; z-index: 10; } + +.header-navbar.menu-shown .header-navbar-overlay { width: 100vw; opacity: 1; visibility: visible; } + +.header-navbar-classic { position: absolute; top: 99%; right: 0; left: 0; width: 100%; height: auto; background: transparent; margin-top: 12px; z-index: auto; flex-grow: 1; transition: all 0.4s; padding: 0 20px; } + +.has-fixed .header-navbar-classic { margin-top: -6px; padding: 0; } + +.header-navbar-classic:before { border-radius: 4px; } + +.has-fixed .header-navbar-classic:before { width: 100vw; border-radius: 0; } + +.header-navbar-s1 { flex-grow: 1; } + +.header-menu { justify-content: flex-end; padding: 30px 25px; } + +.header-navbar-classic .header-menu { padding: 0; } + +.header-banner { min-height: 72px; } + +.overlay-menu-shown { overflow: hidden; } + +.overlay-menu-shown .has-fixed > .header-main { z-index: 6; } + +@media (min-width: 375px) { .header-navbar:not(.header-navbar-classic) { left: -310px; width: 290px; } } + +@media (min-width: 576px) { .header-navbar:not(.header-navbar-classic) { left: -360px; width: 340px; } } + +.logo-dark, .is-transparent:not(.has-fixed) .logo-light, .is-dark .logo-light { display: block; } + +.logo-light, .is-transparent:not(.has-fixed) .logo-dark, .is-dark .logo-dark { display: none; } + +.logo img { height: 36px; transition: all .4s; } + +.logo-md img { height: 44px; } + +.logo-lg img { height: 52px; } + +@media (min-width: 992px) { .header-navbar:not(.header-navbar-classic) { height: auto; width: auto; left: 0; } + .header-main { padding: 20px 0; } + .header-nav-toggle { display: none; } + .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 25px; } + .header-banner { min-height: 98px; } + .logo img { height: 40px; } + .logo-md img { height: 50px; } + .logo-lg img { height: 60px; } } + +@media (min-width: 1200px) { .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 35px; } } + +.header-menu { max-height: 100vh; overflow: hidden; overflow-y: auto; height: 100%; } + +.header-navbar-classic .header-menu { display: none; max-height: 65vh; } + +.header-navbar-classic .header-menu.menu-shown { display: block; } + +.header-nav-toggle { height: 44px; } + +.language-switcher .toggle-tigger, .header-menu .btn-outline:not(:hover) { color: #415076; } + +.is-light .language-switcher .toggle-tigger, .language-switcher .toggle-tigger .is-transparent:not(.is-dark), .is-light .header-menu .btn-outline:not(:hover), .header-menu .btn-outline:not(:hover) .is-transparent:not(.is-dark) { color: #415076; } + +.tc-light .language-switcher .toggle-tigger, .tc-light .btn-outline:not(:hover), .is-dark .language-switcher .toggle-tigger, .is-dark .btn-outline:not(:hover) { color: #fff; } + +@media (min-width: 992px) { .tc-light .header-menu .language-switcher .toggle-tigger, .tc-light .header-menu .btn-outline:not(:hover), .is-transparent .header-menu .language-switcher .toggle-tigger, .is-transparent .header-menu .btn-outline:not(:hover), .is-transparent:not(.has-fixed):not(.is-light) .header-menu .language-switcher .toggle-tigger, .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover), .is-dark .header-menu .language-switcher .toggle-tigger, .is-dark .header-menu .btn-outline:not(:hover) { color: #fff; } + .is-split:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover) { color: #415076; } + .has-fixed:not(.is-dark) .header-menu .language-switcher .toggle-tigger:not(.btn), .has-fixed:not(.is-dark) .header-menu .btn-outline:not(:hover), .is-light .header-menu .language-switcher .toggle-tigger:not(.btn), .is-light .header-menu .btn-outline:not(:hover) { color: #415076; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover):not(.no-change) { border-color: rgba(255, 255, 255, 0.4); } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn:not(:hover):not(.no-change):not(.btn-outline) { border-color: #fff; background: #fff; color: #415076; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not([class*="btn-grad"]):not(.no-change):hover { color: #866bfe !important; border-color: #fff; background-color: #fff; } } + +@media (max-width: 991px) { .header-menu .language-switcher-s1, .header-menu .language-switcher-s4 { width: 100%; } + .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 0; } + .has-rtl .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 15px; padding-right: 0; } + .header-menu .btn { line-height: 24px; padding: 6px 14px; min-width: 100px; } + .header-menu .btn-transparent { padding: 6px 0; } } + +/** 05.02 Menu */ +.menu { padding: 12px 0; } + +.menu-btns { margin-bottom: 26px; margin-left: -10px; margin-right: -10px; margin-top: -10px; display: flex; flex-wrap: wrap; } + +.menu-btns > li { padding: 10px; padding: 10px; } + +.menu-item { position: relative; border-bottom: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-item { border-color: rgba(219, 228, 247, 0.1); } + +.menu-item:last-child { border-bottom: 0; } + +.menu-item > ul, .menu-item .menu-sub { display: none; } + +.menu-item a { font-family: "Roboto", sans-serif; font-size: 13px; line-height: 15.6px; color: #415076; padding: 12px 0; display: block; position: relative; } + +.header-menu-s2 .menu-item a { font-size: 14px; } + +.menu-item a .badge { margin-left: 5px; position: relative; top: -1px; } + +.menu-item a .badge-dot { top: 0; } + +.menu-item a .active, .menu-item a:hover { color: #866bfe; } + +.is-dark .menu-item a .active, .is-dark .menu-item a:hover { color: #866bfe; } + +.menu-s2 > .menu-item > a { font-size: 11px; text-transform: uppercase; font-weight: 500; } + +.menu-sub { padding-left: 12px; } + +.menu-sub .menu-item:first-child { border-top: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-sub .menu-item:first-child { border-color: rgba(219, 228, 247, 0.1); } + +.menu-sub .menu-sub { margin-top: 0; margin-bottom: 15px; } + +.menu-sub .menu-sub .menu-item { border-bottom: none; } + +.menu-sub .menu-sub .menu-item:first-child { border-top: none; } + +.menu-sub .menu-sub .menu-item a { padding-top: 6px; padding-bottom: 6px; } + +.menu-sub a { font-family: "Roboto", sans-serif; font-size: 12px; color: #415076; } + +.menu-mega a { font-family: "Roboto", sans-serif; font-size: 12px; color: #415076; } + +.is-dark .menu-item a { color: #fff; } + +.menu-item > a.active { color: #866bfe; } + +.has-sub > a { position: relative; } + +.has-sub > a:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.has-sub.open-nav > a:after { transform: translateY(-50%) rotate(-180deg); } + +.navbar-toggle { width: 44px; height: 44px; text-align: center; display: inline-block; border-radius: 50%; padding: 5px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s; } + +.navbar-toggle.navbar-active { color: #866bfe; position: relative; z-index: 49; } + +.navbar-toggle:hover, .navbar-toggle.navbar-active { background: rgba(247, 248, 255, 0.2); } + +.is-transparent:not(.has-fixed) .navbar-toggle { color: #fff; } + +.is-transparent:not(.has-fixed) .navbar-toggle:hover, .is-transparent:not(.has-fixed) .navbar-toggle.navbar-active { background: rgba(247, 248, 255, 0.2); } + +.toggle-line { position: relative; width: 32px; height: 32px; display: block; color: #415076; } + +.toggle-line:hover { color: #415076; } + +.is-transparent:not(.has-fixed):not(.is-light) .toggle-line { color: #fff; } + +.is-dark.has-fixed .toggle-line { color: #fff; } + +.toggle-line::after, .toggle-line::before, .toggle-line > span { content: ""; position: absolute; background: currentColor; transition: all 0.2s; width: 24px; height: 2px; left: 4px; border-radius: 3px; } + +.toggle-line::before { top: 8px; } + +.toggle-line::after { bottom: 8px; } + +.toggle-line > span { top: 50%; margin-top: -1px; width: 20px; } + +.navbar-active .toggle-line { color: #fff; } + +.navbar-active .toggle-line::before, .navbar-active .toggle-line::after { width: 28px; left: 2px; } + +.navbar-active .toggle-line::before { transform: rotate(45deg); top: 15px; } + +.navbar-active .toggle-line::after { transform: rotate(-45deg); bottom: 15px; } + +.navbar-active .toggle-line > span { opacity: 0; visibility: hidden; } + +.secondary-navbar { box-shadow: 0px 5px 40px rgba(65, 80, 118, 0.1); padding: 15px 0; } + +.secondary-menu-list { display: flex; align-items: center; justify-content: center; padding: 0; flex-wrap: wrap; } + +.secondary-menu-item { width: 50%; } + +.secondary-menu-link { padding: 5px 16px; display: inline-block; color: #415076; font-weight: 400; position: relative; } + +.secondary-menu-link:after { position: absolute; content: ""; left: 50%; bottom: 0; width: 0; height: 3px; background: #2bc9b4; transform: translateX(-50%); transition: 0.3s; transform-origin: left; border-radius: 50%; } + +.secondary-menu-link:hover { color: currentColor; } + +.secondary-menu-link:hover:after { width: 3px; } + +.secondary-menu-item.active .secondary-menu-link { color: currentColor; } + +.secondary-menu-item.active .secondary-menu-link:after { width: 3px; } + +@media (min-width: 425px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 16px; width: auto; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-list { flex-wrap: nowrap; } + .secondary-menu-link:after { border-radius: 0; } + .secondary-menu-link:hover { color: currentColor; } + .secondary-menu-link:hover:after { width: 25px; } + .secondary-menu-item.active .secondary-menu-link { color: currentColor; } + .secondary-menu-item.active .secondary-menu-link:after { width: 25px; } } + +@media (min-width: 576px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 28px; width: auto; } } + +@media (min-width: 992px) { .header-menu { display: flex !important; width: auto; align-items: center; position: static; background: transparent; padding: 0; margin: 0; border-radius: 0; overflow: visible; } + .header-navbar { padding: 0 0 0 15px; margin-top: 0; position: relative; } + .header-navbar:before { display: none; } + .has-fixed .header-navbar { margin-top: 0; } + .menu { display: flex; align-items: center; padding: 0; } + .menu-item { border-bottom: none; } + .menu-item > a { font-weight: 400; padding: 20px 10px; } + .menu-drop .menu-item > a { font-weight: 300; } + .menu-item:hover { z-index: 9999; } + .menu-sub { position: absolute; min-width: 215px; max-width: 215px; background: #fff; padding: 15px 10px; top: 100%; left: 0; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; transform: translateX(0) translateY(-8px); box-shadow: 0 3px 12px 0 rgba(91, 83, 162, 0.08); } + .menu-sub a { width: 100%; display: block; padding: 10px 10px; } + .menu-sub .menu-item:first-child { border-top: none; } + .menu-sub .menu-item:hover > a { color: #866bfe; } + .menu-item:hover > .menu-sub { opacity: 1; visibility: visible; transform: translateX(0) translateY(0); } + .menu-sub .menu-sub { left: calc(100% - 25px); top: 15px; margin: 0; } + .menu-sub .menu-sub .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .is-dark .menu-sub { background-color: #801de2; } + .menu-mega { position: absolute; left: 50%; background: #fff; padding: 15px 10px; top: 100%; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(91, 83, 162, 0.08); transform: translateX(-50%) translateY(-8px); } + .menu-item:hover > .menu-mega { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } + .menu-mega .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .menu-mega-innr { display: flex; } + .menu-mega-innr > div, .menu-mega-innr ul { flex-grow: 1; } + .menu-mega-2clmn .menu-mega-innr > div, .menu-mega-2clmn .menu-mega-innr ul { width: 50%; } + .menu-mega-3clmn .menu-mega-innr > div, .menu-mega-3clmn .menu-mega-innr ul { width: auto; } + .menu-mega-2clmn { min-width: 370px; max-width: 370px; } + .menu-mega-3clmn { min-width: 520px; max-width: 520px; } + .is-dark .menu-mega { background-color: #801de2; } + .menu-btns { display: flex; margin-bottom: -10px; margin-left: 10px; } + .menu-btns-s3 { margin-left: 0; } + .has-sub > a { padding-right: 24px !important; position: relative; } + .has-sub > a:after { right: 8px; } + .menu-sub .has-sub > a { padding-right: 35px; } + .menu-sub .has-sub > a:after { transform: translateY(-50%) rotate(-90deg); right: 15px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a { padding-right: 20px !important; padding-left: 35px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a:after { transform: translateY(-50%) rotate(90deg); left: 15px; right: auto; } + > .has-sub.menu-item:last-child .menu-mega { left: auto; right: 0; transform: translateX(0) translateY(-8px); } + > .has-sub.menu-item:last-child:hover .menu-mega { transform: translateX(0) translateY(0); } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item > a { color: #fff; } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item:hover > a { color: #866bfe; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-link { padding: 20px 38px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .logo img { height: 32px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 4px; font-size: 12px; font-weight: 500; } + .menu-btns > li { padding: 6px; } + .menu-btns .btn { font-size: 13px; line-height: 20px; padding: 10px 15px; min-width: 0; } + .menu-btns .btn.btn-grad { padding: 12px 15px; } + .menu-btns .btn-md { font-size: 11px; line-height: 19px; padding: 8px 16px; } + .menu-btns .btn-md.btn-grad { padding: 10px 16px; } } + +@media (min-width: 1200px) { .menu > .menu-item > a { padding: 20px 15px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 8.5px; font-size: 12px; font-weight: 500; } + .menu-s2 > .menu-item > a { padding-left: 7.5px; padding-right: 7.5px; } + .menu-item.has-sub > a { padding-right: 23px !important; } + .menu-item.has-sub > a:after { right: 8px; } + .menu-sub a { padding: 10px 15px; } + .secondary-menu-link { padding: 20px 45px; } } + +@media (min-width: 1600px) { .header-navbar-s1 .menu > .menu-item > a { font-size: 14px; } + .header-menu-s2 .menu > .menu-item > a { padding: 20px 30px; } } + +/** 05.03 Sections */ +.nk-body { min-width: 320px; } + +.nk-pages-centered { display: flex; flex-direction: column; justify-content: center; min-height: 100vh; padding: 0 15px; } + +@media (min-width: 1600px) { .body-boxed .nk-wrap { max-width: 1400px; } } + +.container-md { max-width: 960px; } + +.container-sm { max-width: 720px; } + +.container-xs { max-width: 520px; } + +.container-z { z-index: 5; position: relative; } + +.section { position: relative; overflow-x: hidden; width: 100%; z-index: 2; } + +.section-sm { padding-top: 40px !important; padding-bottom: 40px !important; } + +.section-connect { overflow: visible; } + +.section-connect:before { position: absolute; top: 0; left: 50%; content: ""; height: 80px; width: 2px; transform: translate(-50%, -50%); background: linear-gradient(to bottom, #866bfe 0%, #2bc9b4 100%); z-index: 2; } + +.ov-v + .section { z-index: inherit; } + +.section-t-s-fixed, .section-s-fixed { padding-top: 60px !important; } + +.section-b-s-fixed, .section-s-fixed { padding-bottom: 60px !important; } + +.section-t-m-fixed, .section-m-fixed { padding-top: 90px !important; } + +.section-b-m-fixed, .section-m-fixed { padding-bottom: 90px !important; } + +.section-t-l-fixed, .section-l-fixed { padding-top: 120px !important; } + +.section-b-l-fixed, .section-l-fixed { padding-bottom: 120px !important; } + +.section-t-x-fixed, .section-x-fixed { padding-top: 180px !important; } + +.section-b-x-fixed, .section-x-fixed { padding-bottom: 180px !important; } + +.section-t, .section { padding-top: 60px; } + +.section-b, .section { padding-bottom: 60px; } + +.section-t-xl { padding-top: 150px !important; } + +@media (min-width: 576px) { .section-connect:before { height: 100px; } + .section-t, .section { padding-top: 60px; } + .section-b, .section { padding-bottom: 60px; } + .section-t-s, .section-s { padding-top: 60px !important; } + .section-b-s, .section-s { padding-bottom: 60px !important; } } + +@media (min-width: 768px) { .section-connect:before { height: 120px; } + .section-t, .section { padding-top: 90px; } + .section-b, .section { padding-bottom: 90px; } + .section-t-m, .section-m { padding-top: 90px !important; } + .section-b-m, .section-m { padding-bottom: 90px !important; } } + +@media (min-width: 992px) { .section-connect:before { height: 160px; } + .section-t, .section { padding-top: 120px; } + .section-b, .section { padding-bottom: 120px; } + .section-t-l, .section-l { padding-top: 120px !important; } + .section-b-l, .section-l { padding-bottom: 120px !important; } + .section-t-xl { padding-top: 180px !important; } } + +@media (min-width: 1600px) { .section-t, .section { padding-top: 180px; } + .section-b, .section { padding-bottom: 180px; } + .section-t-x, .section-x { padding-top: 180px !important; } + .section-b-x, .section-x { padding-bottom: 180px !important; } } + +@media (max-width: 575px) { .section-mxw-t-0 { padding-top: 0; } + .section-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 767px) { .section-sm-mxw-t-0 { padding-top: 0; } + .section-sm-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 991px) { .section-md-mxw-t-0 { padding-top: 0; } + .section-md-mxw-b-0 { padding-bottom: 0 !important; } } + +@media (max-width: 1199px) { .section-lg-mxw-t-0 { padding-top: 0; } + .section-lg-mxw-b-0 { padding-bottom: 0; } } + +[class*="section"].pt-0, [class*="section"].pdt-0 { padding-top: 0 !important; } + +[class*="section"].pb-0, [class*="section"].pdb-0 { padding-bottom: 0 !important; } + +.split { height: 100%; } + +.split-left { border-radius: 6px 6px 0 0; } + +.split-right { border-radius: 0 0 6px 6px; } + +@media (min-width: 576px) { .split-sm-left { border-radius: 6px 0 0 6px; } + .split-sm-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 768px) { .split-md-left { border-radius: 6px 0 0 6px; } + .split-md-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 992px) { .split-lg { border-radius: 6px; } + .split-lg-left { border-radius: 6px 0 0 6px; } + .split-lg-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 1200px) { .split-xl-left { border-radius: 6px 0 0 6px; } + .split-xl-right { border-radius: 0 6px 6px 0; } } + +.nk-pages-angled { margin-top: -450px; } + +@media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } + +/** 05.04 Footer */ +.nk-footer-angled { margin-top: -450px; } + +.footer-links { margin: 0 -12px; } + +.footer-links > li { display: inline-block; padding: 0 12px; } + +.footer-links > li > a { font-size: 13px; color: #415076; } + +.footer-links > li > a:hover { color: #866bfe; } + +.tc-light .footer-links > li > a { color: #fff !important; } + +.tc-light .footer-links > li > a:hover { color: #866bfe !important; } + +/** 06. Override */ +.mfp-bg, .mfp-wrap, .mfp-wrap[class*="bg-"], .mfp-bg[class*="bg-"] { position: fixed !important; z-index: 99999999 !important; top: 0 !important; } + +.mfp-wrap, .mfp-wrap[class*="bg-"] { background: transparent !important; } + +/** 07. Preview Purpose */ +.icon-preview { text-align: center; padding: 30px; border-radius: 4px; border: 1px solid #dfeaf8; height: 100%; } + +.icon-wrap [class*="ikon-"] { font-size: 40px; } + +.icon-class { padding-top: 15px; } + +.nk-preview { position: relative; padding-bottom: 60px; } + +.nk-preview:first-child { padding-top: 60px; } + +.nk-preview-content { padding-top: 10px; } + +.nk-preview-content > .tab-pane { padding-top: 0; box-shadow: 0 5px 35px -5px rgba(91, 83, 162, 0.12); } + +.nk-preview .nk-block-head .nav { margin-bottom: 25px; margin-left: 0; margin-right: 0; } + +.nk-preview .nk-block-head .nav a { font-size: .8rem; padding: 10px 5px 5px; } + +.nk-preview .nk-block-head .title { color: #415076; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.nk-preview .nk-block-head .title .badge { margin-left: 5px; } + +.has-rtl .nk-preview .nk-block-head .title .badge { margin-left: 0; margin-right: 5px; } + +.nk-preview .nk-block-head .title small { font-size: 12px; text-transform: none; letter-spacing: 0; margin-top: 0.45rem; color: #828998; display: block; } + +@media (min-width: 576px) { .nk-preview { padding-bottom: 60px; } + .nk-preview:first-child { padding-top: 60px; } } + +@media (min-width: 768px) { .nk-preview { padding-bottom: 90px; } + .nk-preview:first-child { padding-top: 90px; } } + +@media (min-width: 992px) { .nk-preview { padding-bottom: 120px; } + .nk-preview:first-child { padding-top: 120px; } } + +@media (min-width: 1600px) { .nk-preview { padding-bottom: 180px; } + .nk-preview:first-child { padding-top: 180px; } } + +@media (min-width: 1280px) { .nk-preview { padding-left: 48px; padding-right: 48px; } + .nk-preview-content > .tab-pane { box-shadow: 0 5px 35px -5px rgba(91, 83, 162, 0.12); } } + +@media (min-width: 1200px) and (min-height: 900px) { .nk-preview .banner-fs, .nk-preview .nk-pages-centered { min-height: calc(100vh - 200px); } } + +/* END @iO */ +/* END @iO */ diff --git a/assets/css/style-zinnia.css b/assets/css/style-zinnia.css new file mode 100644 index 0000000..0b41a7e --- /dev/null +++ b/assets/css/style-zinnia.css @@ -0,0 +1,6918 @@ +/*! Theme Name: ICOCrypto + * Author: Softnio + * Author URI: http://themeforest.net/user/softnio + * Version : 1.9.3 + * Updated : 05/05/2021 +*/ +/** +---------------------- +## TABLE CONTNETS ## +01. Fonts +02. Utilities +-- 02.01 Reset +-- 02.02 Spacing +-- 02.03 Colors +-- 02.04 Misc +03. Elements +-- 03.01 Alert +-- 03.02 Buttons +-- 03.03 Title +-- 03.04 List +-- 03.05 Form +-- 03.06 Table +-- 03.07 Progress +-- 03.08 CountDown +-- 03.09 Toastr +-- 03.10 Misc +04. Components +-- 04.01 Tab +-- 04.02 Accordion +-- 04.03 Blocks +-- 04.04 Box +-- 04.05 Banner +-- 04.06 Head +-- 04.07 Features +-- 04.08 Roadmap +-- 04.09 Token +-- 04.10 Team +-- 04.11 Partners +-- 04.12 Contact +-- 04.13 WGS +-- 04.14 Others +05. Layouts +-- 05.01 Header +-- 05.02 Menu +-- 05.03 Sections +-- 05.04 Footer +06. Override +07. Preview Purpose +---------------------- **/ +/** IMPORTANT NOTE: DO NOT Edit this file. Best to write own code in css/theme.css file. It will helps you to easy update of the template. */ +/** 01. Fonts */ +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Bold.eot"); src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Light.eot"); src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins-Light.woff") format("woff"), url("../fonts/Poppins-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-SemiBold.eot"); src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Medium.eot"); src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } + +@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Regular.eot"); src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } + +/** 02. Utilities */ +/** 02.01 Reset */ +html, body { font-family: "Poppins", sans-serif; color: #415076; font-size: 14px; line-height: 1.86; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; } + +@media (min-width: 576px) { html, body { font-size: 16px; line-height: 1.86; font-weight: 300; } } + +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } + +*[hidden] { display: none; } + +ol, ul { list-style: none; } + +blockquote, q { quotes: none; } + +blockquote::after, blockquote::before, q::after, q::before { content: none; } + +table { border-collapse: collapse; border-spacing: 0; } + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #fe4350; font-weight: 600; font-family: "Poppins", sans-serif; line-height: 1.45; margin-bottom: 0.5rem; } + +h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 0; } + +.tc-light h1, .tc-light h2, .tc-light h3, .tc-light h4, .tc-light h5, .tc-light h6, .tc-light .h1, .tc-light .h2, .tc-light .h3, .tc-light .h4, .tc-light .h5, .tc-light .h6 { color: #fff; } + +p { font-size: 14px; margin-bottom: 1rem; color: #415076; } + +p:last-child { margin-bottom: 0; } + +p + [class*=btn] { margin-top: 15px; } + +@media (min-width: 576px) { p { font-size: 15px; } } + +ul, ol, table { margin: 0; padding: 0; } + +strong, b { font-weight: 500; } + +a { outline: 0 none; transition: all 0.5s; color: #fe4350; } + +a:link, a:visited { text-decoration: none; } + +a:hover, a:focus, a:active { outline: 0; color: #ff6c3f; } + +img { max-width: 100%; height: auto; } + +h1, .h1, .fz-1 { font-size: 1.75rem; } + +h2, .h2, .fz-2 { font-size: 1.35rem; } + +h3, .h3, .fz-3 { font-size: 1.25rem; } + +h4, .h4, .fz-4 { font-size: 1.2rem; } + +h5, .h5, .fz-5 { font-size: 1.2rem; } + +h6, .h6, .fz-6 { font-size: 0.94rem; } + +.fz-7 { font-size: 0.88rem; } + +.fz-8 { font-size: 0.75rem; } + +.lead, .lead-light { font-size: 1.1rem; font-weight: 300; color: #415076; } + +.lead-s2 { font-size: 1.1rem; color: #415076; } + +.lead-regular { font-weight: 400; } + +@media (min-width: 576px) { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.3; } + h1, .h1, .fz-1 { font-size: 2.75rem; } + h2, .h2, .fz-2 { font-size: 2.25rem; } + h3, .h3, .fz-3 { font-size: 1.87rem; } + h4, .h4, .fz-4 { font-size: 1.6rem; } + .lead, .lead-light { font-size: 1.1rem; } + .lead-s2 { font-size: 1.2rem; } } + +.nk-df-content, .nk-ovm:before, .nk-ovm:after { content: ""; } + +.nk-df-rel, .has-ovm, .has-bg, [class*='bg-'], .has-bg-image, .has-bg-video { position: relative; } + +.nk-df-over-up, .has-ovm > [class*=container], .has-ovm > *:not(.nk-ovm):not(.header-main):not(.nk-header):not([class*=ui-mask]), .has-bg-image > [class*=container], .has-bg-video > [class*=container] { position: relative; z-index: 5; } + +.nk-df-t, .nk-df-y { top: 0; } + +.nk-df-b, .nk-df-y { bottom: 0; } + +.nk-df-l, .nk-df-x { left: 0; } + +.nk-df-r, .nk-df-x { right: 0; } + +.nk-df-around, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .bg-image, .bg-video, .bg-video-cover, .overlay:after, .nk-ovm .nk-svgs, .accordion-icon:before, .accordion-icon:after { position: absolute; bottom: 0; top: 0; left: 0; right: 0; } + +.nk-df-center, .abs-center, .nk-block-video-play { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.nk-df-bg, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .has-bg, [class*='bg-'], .bg-image, .bg-video, .bg-video-cover { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } + +.nk-df-bg-100, .img-block-dot, .app-slide-wrap:after, .rank-item { background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; } + +.text-regular-sm { font-weight: 400; font-size: 0.9rem; } + +.block-row:not(:last-child) { margin-bottom: 40px !important; } + +@media (min-width: 992px) { .block-row:not(:last-child) { margin-bottom: 50px !important; } } + +/** 02.02 Spacing */ +.gap { height: 30px; } + +.gap-s { height: 10px; } + +.gap-m { height: 20px; } + +.gap-l { height: 40px; } + +.gap-x { height: 60px; } + +.gap-1x { height: 10px; } + +.gap-2x { height: 20px; } + +.gap-3x { height: 30px; } + +.gap-4x { height: 40px; } + +.gap-5x { height: 50px; } + +.gap-6x { height: 60px; } + +.gap-7x { height: 70px; } + +.gap-8x { height: 80px; } + +.gap-9x { height: 90px; } + +.gap-10x { height: 100px; } + +.pdt, .pd, .pdy { padding-top: 30px; } + +.pdb, .pd, .pdy { padding-bottom: 30px; } + +.pdl, .pd, .pdx { padding-left: 30px; } + +.pdr, .pd, .pdx { padding-right: 30px; } + +.pdt-s, .pd-s, .pdy-s { padding-top: 10px !important; } + +.pdt-m, .pd-m, .pdy-m { padding-top: 20px !important; } + +.pdt-r, .pd-r, .pdy-r { padding-top: 30px !important; } + +.pdt-l, .pd-l, .pdy-l { padding-top: 40px !important; } + +.pdt-x, .pd-x, .pdy-x { padding-top: 60px !important; } + +.pdb-s, .pd-s, .pdy-s { padding-bottom: 10px !important; } + +.pdb-m, .pd-m, .pdy-m { padding-bottom: 20px !important; } + +.pdb-r, .pd-r, .pdy-r { padding-bottom: 30px !important; } + +.pdb-l, .pd-l, .pdy-l { padding-bottom: 40px !important; } + +.pdb-x, .pd-x, .pdy-x { padding-bottom: 60px !important; } + +.pdl-s, .pd-s, .pdx-s { padding-left: 10px !important; } + +.pdl-m, .pd-m, .pdx-m { padding-left: 20px !important; } + +.pdl-r, .pd-r, .pdx-r { padding-left: 30px !important; } + +.pdl-l, .pd-l, .pdx-l { padding-left: 40px !important; } + +.pdl-x, .pd-x, .pdx-x { padding-left: 60px !important; } + +.pdr-s, .pd-s, .pdx-s { padding-right: 10px !important; } + +.pdr-m, .pd-m, .pdx-m { padding-right: 20px !important; } + +.pdr-r, .pd-r, .pdx-r { padding-right: 30px !important; } + +.pdr-l, .pd-l, .pdx-l { padding-right: 40px !important; } + +.pdr-x, .pd-x, .pdx-x { padding-right: 60px !important; } + +.mgt, .mg, .mgy { margin-top: 30px !important; } + +.mgb, .mg, .mgy { margin-bottom: 30px !important; } + +.mgl, .mg, .mgx { margin-left: 30px !important; } + +.mgr, .mg, .mgx { margin-right: 30px !important; } + +.mg-fix { margin-bottom: -20px; } + +.mg-fix-lg { margin-bottom: -45px; } + +.mg-fix-md { margin-bottom: -30px; } + +.mg-fix-sm { margin-bottom: -15px; } + +.mg-fix-xs { margin-bottom: -10px; } + +.mgt-s, .mg-s, .mgy-s { margin-top: 10px !important; } + +.mgt-m, .mg-m, .mgy-m { margin-top: 20px !important; } + +.mgt-r, .mg-r, .mgy-r { margin-top: 30px !important; } + +.mgt-l, .mg-l, .mgy-l { margin-top: 40px !important; } + +.mgt-x, .mg-x, .mgy-x { margin-top: 60px !important; } + +.mgb-s, .mg-s, .mgy-s { margin-bottom: 10px !important; } + +.mgb-m, .mg-m, .mgy-m { margin-bottom: 20px !important; } + +.mgb-r, .mg-r, .mgy-r { margin-bottom: 30px !important; } + +.mgb-l, .mg-l, .mgy-l { margin-bottom: 40px !important; } + +.mgb-x, .mg-x, .mgy-x { margin-bottom: 60px !important; } + +.mgl-s, .mg-s, .mgx-s { margin-left: 10px !important; } + +.mgl-m, .mg-m, .mgx-m { margin-left: 20px !important; } + +.mgl-r, .mg-r, .mgx-r { margin-left: 30px !important; } + +.mgl-l, .mg-l, .mgx-l { margin-left: 40px !important; } + +.mgl-x, .mg-x, .mgx-x { margin-left: 60px !important; } + +.mgr-s, .mg-s, .mgx-s { margin-right: 10px !important; } + +.mgr-m, .mg-m, .mgx-m { margin-right: 20px !important; } + +.mgr-r, .mg-r, .mgx-r { margin-right: 30px !important; } + +.mgr-l, .mg-l, .mgx-l { margin-right: 40px !important; } + +.mgr-x, .mg-x, .mgx-x { margin-right: 60px !important; } + +@media (min-width: 576px) { .pdt-l, .pd-l, .pdy-l { padding-top: 60px !important; } + .pdt-x, .pd-x, .pdy-x { padding-top: 90px !important; } + .pdb-l, .pd-l, .pdy-l { padding-bottom: 60px !important; } + .pdb-x, .pd-x, .pdy-x { padding-bottom: 90px !important; } + .pdl-l, .pd-l, .pdx-l { padding-left: 60px !important; } + .pdl-x, .pd-x, .pdx-x { padding-left: 90px !important; } + .pdr-l, .pd-l, .pdx-l { padding-right: 60px !important; } + .pdr-x, .pd-x, .pdx-x { padding-right: 90px !important; } + .mgt-l, .mg-l, .mgy-l { margin-top: 60px !important; } + .mgt-x, .mg-x, .mgy-x { margin-top: 90px !important; } + .mgb-l, .mg-l, .mgy-l { margin-bottom: 60px !important; } + .mgb-x, .mg-x, .mgy-x { margin-bottom: 90px !important; } + .mgl-l, .mg-l, .mgx-l { margin-left: 60px !important; } + .mgl-x, .mg-x, .mgx-x { margin-left: 90px !important; } + .mgr-l, .mg-l, .mgx-l { margin-right: 60px !important; } + .mgr-x, .mg-x, .mgx-x { margin-right: 90px !important; } } + +.mgb-m10 { margin-bottom: -10px !important; } + +.mgb-m20 { margin-bottom: -20px !important; } + +.mgb-m30 { margin-bottom: -30px !important; } + +.mgb-m40 { margin-bottom: -40px !important; } + +.mgb-m50 { margin-bottom: -50px !important; } + +.mgt-m10 { margin-top: -10px !important; } + +.mgt-m20 { margin-top: -20px !important; } + +.mgt-m30 { margin-top: -30px !important; } + +.mgt-m40 { margin-top: -40px !important; } + +.mgt-m50 { margin-top: -50px !important; } + +.mgt-m70 { margin-top: -70px !important; } + +.gutter-5px { margin-left: -2.5px !important; margin-right: -2.5px !important; } + +.gutter-5px > li, .gutter-5px > div { padding-left: 2.5px !important; padding-right: 2.5px !important; } + +.gutter-15px { margin-left: -7.5px !important; margin-right: -7.5px !important; } + +.gutter-15px > li, .gutter-15px > div { padding-left: 7.5px !important; padding-right: 7.5px !important; } + +.gutter-25px { margin-left: -12.5px !important; margin-right: -12.5px !important; } + +.gutter-25px > li, .gutter-25px > div { padding-left: 12.5px !important; padding-right: 12.5px !important; } + +.gutter-10px { margin-left: -5px !important; margin-right: -5px !important; } + +.gutter-10px > li, .gutter-10px > div { padding-left: 5px !important; padding-right: 5px !important; } + +.gutter-20px { margin-left: -10px !important; margin-right: -10px !important; } + +.gutter-20px > li, .gutter-20px > div { padding-left: 10px !important; padding-right: 10px !important; } + +.gutter-30px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-30px > li, .gutter-30px > div { padding-left: 15px !important; padding-right: 15px !important; } + +.gutter-40px { margin-left: -20px !important; margin-right: -20px !important; } + +.gutter-40px > li, .gutter-40px > div { padding-left: 20px !important; padding-right: 20px !important; } + +.gutter-50px { margin-left: -25px !important; margin-right: -25px !important; } + +.gutter-50px > li, .gutter-50px > div { padding-left: 25px !important; padding-right: 25px !important; } + +.gutter-60px { margin-left: -30px !important; margin-right: -30px !important; } + +.gutter-60px > li, .gutter-60px > div { padding-left: 30px !important; padding-right: 30px !important; } + +.gutter-70px { margin-left: -35px !important; margin-right: -35px !important; } + +.gutter-70px > li, .gutter-70px > div { padding-left: 35px !important; padding-right: 35px !important; } + +.gutter-80px { margin-left: -40px !important; margin-right: -40px !important; } + +.gutter-80px > li, .gutter-80px > div { padding-left: 40px !important; padding-right: 40px !important; } + +.gutter-90px { margin-left: -45px !important; margin-right: -45px !important; } + +.gutter-90px > li, .gutter-90px > div { padding-left: 45px !important; padding-right: 45px !important; } + +.gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } + +.gutter-vr-5px { margin-top: -2.5px !important; margin-bottom: -2.5px !important; } + +.gutter-vr-5px > li, .gutter-vr-5px > div { padding-top: 2.5px !important; padding-bottom: 2.5px !important; } + +.gutter-vr-15px { margin-top: -7.5px !important; margin-bottom: -7.5px !important; } + +.gutter-vr-15px > li, .gutter-vr-15px > div { padding-top: 7.5px !important; padding-bottom: 7.5px !important; } + +.gutter-vr-25px { margin-top: -12.5px !important; margin-bottom: -12.5px !important; } + +.gutter-vr-25px > li, .gutter-vr-25px > div { padding-top: 12.5px !important; padding-bottom: 12.5px !important; } + +.gutter-vr-10px { margin-top: -5px !important; margin-bottom: -5px !important; } + +.gutter-vr-10px > li, .gutter-vr-10px > div { padding-top: 5px !important; padding-bottom: 5px !important; } + +.gutter-vr-20px { margin-top: -10px !important; margin-bottom: -10px !important; } + +.gutter-vr-20px > li, .gutter-vr-20px > div { padding-top: 10px !important; padding-bottom: 10px !important; } + +.gutter-vr-30px { margin-top: -15px !important; margin-bottom: -15px !important; } + +.gutter-vr-30px > li, .gutter-vr-30px > div { padding-top: 15px !important; padding-bottom: 15px !important; } + +.gutter-vr-40px { margin-top: -20px !important; margin-bottom: -20px !important; } + +.gutter-vr-40px > li, .gutter-vr-40px > div { padding-top: 20px !important; padding-bottom: 20px !important; } + +.gutter-vr-50px { margin-top: -25px !important; margin-bottom: -25px !important; } + +.gutter-vr-50px > li, .gutter-vr-50px > div { padding-top: 25px !important; padding-bottom: 25px !important; } + +.gutter-vr-60px { margin-top: -30px !important; margin-bottom: -30px !important; } + +.gutter-vr-60px > li, .gutter-vr-60px > div { padding-top: 30px !important; padding-bottom: 30px !important; } + +.gutter-vr-70px { margin-top: -35px !important; margin-bottom: -35px !important; } + +.gutter-vr-70px > li, .gutter-vr-70px > div { padding-top: 35px !important; padding-bottom: 35px !important; } + +.gutter-vr-80px { margin-top: -40px !important; margin-bottom: -40px !important; } + +.gutter-vr-80px > li, .gutter-vr-80px > div { padding-top: 40px !important; padding-bottom: 40px !important; } + +.gutter-vr-90px { margin-top: -45px !important; margin-bottom: -45px !important; } + +.gutter-vr-90px > li, .gutter-vr-90px > div { padding-top: 45px !important; padding-bottom: 45px !important; } + +.gutter-vr-100px { margin-top: -50px !important; margin-bottom: -50px !important; } + +.gutter-vr-100px > li, .gutter-vr-100px > div { padding-top: 50px !important; padding-bottom: 50px !important; } + +.gutter-100px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 15px !important; padding-right: 15px !important; } + +@media (min-width: 992px) { .gutter-100px { margin-left: -25px !important; margin-right: -25px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 25px !important; padding-right: 25px !important; } } + +@media (min-width: 1200px) { .gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } } + +/** 02.03 Colors */ +.tc-base-white, .tc-light, .tc-light a:not(.btn):not([class*="link-"]) { color: #f6fafd; } + +.tc-base-white-hover, .tc-light a:not(.btn):not([class*="link-"]):hover { color: #ff6c3f; } + +.tc-default, .tc-default a { color: #415076 !important; } + +.tc-alternet, .tc-alternet a { color: #415076 !important; } + +.tc-primary, .tc-primary a { color: #fe4350 !important; } + +.tc-primary a:hover { color: #ff6c3f !important; } + +.tc-secondary, .tc-secondary a { color: #ff6c3f !important; } + +.tc-secondary a:hover { color: #fe4350 !important; } + +.tc-info, .tc-info a { color: #026bfb !important; } + +.tc-warning, .tc-warning a { color: #f6be26 !important; } + +.tc-success, .tc-success a { color: #39d884 !important; } + +.tc-danger, .tc-danger a { color: #e6604a !important; } + +.tc-light p, .tc-light .list { color: #fff0e7; } + +.tc-light .lead, .tc-light .lead-light, .tc-light .lead-s2 { color: #fff; } + +.tc-light-alt a:not(.btn):not([class*="link-"]) { color: #fff0e7 !important; } + +.tc-light-alt a:not(.btn):not([class*="link-"]):hover { color: #fff !important; } + +.tc-light-alt li { color: #fff0e7; } + +.tc-lighter { color: rgba(255, 255, 255, 0.6) !important; } + +.tc-dark, .tc-dark a { color: #223b55 !important; } + +.tc-theme, .tc-theme a { color: #fe4350 !important; } + +.tc-theme-alt, .tc-theme-alt a { color: #fe4350 !important; } + +.tc-white { color: #fff !important; } + +.bg-default { background-color: #415076 !important; } + +.bg-alternet { background-color: #fe4350 !important; } + +.bg-primary { background-color: #fe4350 !important; } + +.bg-secondary { background-color: #ff6c3f !important; } + +.bg-light { background-color: #f6fafd !important; } + +.bg-light.current { background-color: rgba(246, 250, 253, 0.7) !important; } + +.bg-light-alt { background-color: #fff5f6 !important; } + +.bg-light-alt.current { background-color: rgba(255, 245, 246, 0.7) !important; } + +.bg-light-grad { background-image: linear-gradient(to bottom, #fff 0%, #f6fafd 100%); } + +.bg-dark { background-color: #36080b !important; } + +.bg-dark.current { background-color: rgba(54, 8, 11, 0.7) !important; } + +.bg-dark-alt { background-color: rgba(54, 8, 11, 0.7) !important; } + +.bg-dark-alt.current { background-color: rgba(73, 25, 29, 0.7) !important; } + +.bg-dark-opacity { background: rgba(0, 0, 0, 0.15) !important; } + +.bg-trans { background-color: transparent !important; } + +.bg-grad { background-image: linear-gradient(90deg, #fe4350 0%, #ff6c3f 100%) !important; } + +.bg-grad-alt { background-image: linear-gradient(90deg, #ff6c3f 0%, #fe4350 100%) !important; } + +.bg-grad-special { background-image: linear-gradient(140deg, #fed895 0%, #fed895 20%, transparent 50%, transparent 100%) !important; } + +.bg-grad-special-alt { background-image: linear-gradient(to top, #ff6c3f 0%, #ff6c3f 5%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.bg-grad-vr-theme-to-alt { background-image: linear-gradient(to bottom, #fe4350 0%, #ff6c3f 100%) !important; } + +.bg-grad-vr-theme-dark-to-dark-alt { background-image: linear-gradient(to bottom, #36080b 0%, #49191d 100%) !important; } + +.bg-grad-vr-alt-to-theme { background-image: linear-gradient(to top, #fe4350 0%, #ff6c3f 100%) !important; } + +.bg-grad-vr-dark-alt-to-theme-dark-to-theme { background-image: linear-gradient(to top, #36080b 0%, #49191d 100%) !important; } + +.bg-info { background-color: #026bfb !important; } + +.bg-warning { background-color: #f6be26 !important; } + +.bg-success { background-color: #39d884 !important; } + +.bg-danger { background-color: #e6604a !important; } + +.bg-black { background-color: #000; } + +.bg-black-2, .bonus-info { background-color: rgba(0, 0, 0, 0.02); } + +.bg-black-5 { background-color: rgba(0, 0, 0, 0.05); } + +.bg-black-7 { background-color: rgba(0, 0, 0, 0.07); } + +.bg-black-10 { background-color: rgba(0, 0, 0, 0.1); } + +.bg-black-14 { background-color: rgba(0, 0, 0, 0.14); } + +.bg-black-22 { background-color: rgba(0, 0, 0, 0.22); } + +.bg-white { background-color: #fff; } + +.bg-white-2 { background-color: rgba(255, 255, 255, 0.02); } + +.bg-white-5 { background-color: rgba(255, 255, 255, 0.05); } + +.bg-white-7 { background-color: rgba(255, 255, 255, 0.07); } + +.bg-white-10 { background-color: rgba(255, 255, 255, 0.1); } + +.bg-white-14 { background-color: rgba(255, 255, 255, 0.14); } + +.bg-white-22 { background-color: rgba(255, 255, 255, 0.22); } + +.bg-theme { background-color: #fe4350 !important; } + +.bg-theme.current { background-color: rgba(254, 67, 80, 0.7) !important; } + +.bg-theme-alt { background-color: #ff6c3f !important; } + +.bg-theme-alt.current { background-color: rgba(255, 108, 63, 0.7) !important; } + +.bg-theme-grad { background-image: linear-gradient(to right, #fe4350 0%, #ff6c3f 100%) !important; } + +.bg-theme-grad-alt { background-image: linear-gradient(to right, #ff6c3f 0%, #fe4350 100%) !important; } + +.bg-theme-grad-s2 { background-image: linear-gradient(135deg, #fe4350 0%, #ff6c3f 100%) !important; } + +.bg-theme-grad-s2-alt { background-image: linear-gradient(135deg, #ff6c3f 0%, #fe4350 100%) !important; } + +.bg-theme-grad-alternet { background-image: linear-gradient(to right, #fe4350 0%, #fed895 100%) !important; } + +.bg-theme-dark { background-color: #36080b !important; } + +.bg-theme-dark.current { background-color: rgba(54, 8, 11, 0.7) !important; } + +.bg-theme-dark-alt { background-color: #49191d !important; } + +.bg-theme-dark-alt.current { background-color: rgba(73, 25, 29, 0.7) !important; } + +.bg-theme-light { background-color: #f6fafd !important; } + +.bg-theme-light.current { background-color: rgba(246, 250, 253, 0.7) !important; } + +.bg-theme-light-alt { background-color: #fff5f6 !important; } + +.bg-theme-light-alt.current { background-color: rgba(255, 245, 246, 0.7) !important; } + +.bg-theme-accent { background-color: #fe4350 !important; } + +.bg-theme-accent.current { background-color: rgba(254, 67, 80, 0.7) !important; } + +.bg-theme-accent-alt { background-color: #ff6c3f !important; } + +.bg-theme-accent-alt.current { background-color: rgba(255, 108, 63, 0.7) !important; } + +.bg-blend:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #fe4350); } + +.bg-blend-alt:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #ff6c3f); } + +.bg-blend-light { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #f6fafd); } + +.bg-blend-light-alt { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #fff5f6); } + +.bg-rblend-light { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #f6fafd); } + +.bg-rblend-light-alt { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #fff5f6); } + +.theme-dark { background: #36080b !important; } + +.text-primary { color: #fe4350 !important; } + +.text-primary-alt { color: #ff6c3f !important; } + +.text-theme-alt { color: #fed895; } + +.text-base { color: #12183a; } + +/** 02.04 Misc */ +.ttc { text-transform: capitalize !important; } + +.ttu { text-transform: uppercase !important; } + +.ttl { text-transform: lowercase !important; } + +.ttn { text-transform: none !important; } + +.fw-7 { font-weight: 700 !important; } + +.fw-6 { font-weight: 600 !important; } + +.fw-5 { font-weight: 500 !important; } + +.fw-4 { font-weight: 400 !important; } + +.fw-3 { font-weight: 300 !important; } + +.fw-rg { font-weight: 400 !important; } + +.fw-bold { font-weight: 700 !important; } + +.fw-md { font-weight: 500 !important; } + +.fw-lt { font-weight: 300 !important; } + +.lh { line-height: 1; } + +.lh-11 { line-height: 1.1; } + +.lh-12 { line-height: 1.2; } + +.lh-13 { line-height: 1.3; } + +.lh-14 { line-height: 1.4; } + +.lh-15 { line-height: 1.5; } + +.lh-16 { line-height: 1.6; } + +.lh-17 { line-height: 1.7; } + +.lh-18 { line-height: 1.8; } + +.lh-19 { line-height: 1.9; } + +.lh-2 { line-height: 2; } + +.ov-h, .nk-block-video, .nk-banner, .banner-wrap, .feature-group, .feature-img { overflow: hidden; } + +.ov-xh { overflow-x: hidden; } + +.ov-yh { overflow-y: hidden; } + +.ov-s { overflow: scroll; } + +.ov-xs { overflow-x: scroll; } + +.ov-ys { overflow-y: scroll; } + +.ov-v { overflow: visible !important; } + +.ov-xv { overflow-x: visible !important; } + +.ov-yv { overflow-y: visible !important; } + +.bd { border: 1px solid #d1e0f6; } + +.bd-2 { border-width: 2px; } + +.bd-3 { border-width: 3px; } + +.bdt { border-top: 1px solid #d1e0f6; } + +.bdt-2 { border-top-width: 2px; } + +.bdt-3 { border-top-width: 3px; } + +.bdb { border-bottom: 1px solid #d1e0f6; } + +.bdb-2 { border-bottom-width: 2px; } + +.bdb-3 { border-bottom-width: 3px; } + +.bdl { border-left: 1px solid #d1e0f6; } + +.bdl-2 { border-left-width: 2px; } + +.bdl-3 { border-left-width: 3px; } + +.bdr { border-right: 1px solid #d1e0f6; } + +.bdr-2 { border-right-width: 2px; } + +.bdr-3 { border-right-width: 3px; } + +.bd-dashed { border-style: dashed; } + +.bd-dotted { border-style: dotted; } + +.bd-double { border-style: double; } + +.bd-light { border-color: #dee2e6; } + +.bd-lighter { border-color: #dee2e6; } + +.bd-lightest { border-color: #eff1f3; } + +.bd-dark { border-color: #626471; } + +.bd-darker { border-color: #626471; } + +.bd-darkest { border-color: #626471; } + +.bd-primary { border-color: #fe4350; } + +.bd-alternet { border-color: #a2b3cd; } + +.bd-secondary { border-color: #fe4350; } + +.bd-info { border-color: #9ac4fd; } + +.bd-warning { border-color: #fbe5a8; } + +.bd-success { border-color: #b0efce; } + +.bd-danger { border-color: #f5bfb7; } + +.round, .token-stage { border-radius: 6px !important; } + +.round-sm { border-radius: 4px !important; } + +.round-md { border-radius: 10px !important; } + +.round-lg { border-radius: 15px !important; } + +.round-xl { border-radius: 44px !important; } + +.round-full, .circle { border-radius: 50% !important; } + +.round-full:before, .circle:before, .round-full:after, .circle:after { border-radius: 50% !important; } + +.bdrs-1 { border-radius: 1px; } + +.bdrs-2 { border-radius: 2px; } + +.bdrs-3 { border-radius: 3px; } + +.bdrs-4 { border-radius: 4px; } + +.bdrs-5 { border-radius: 5px; } + +.bdrs-6 { border-radius: 6px; } + +.bdrs-7 { border-radius: 7px; } + +.bdrs-8 { border-radius: 8px; } + +.bdrs-9 { border-radius: 9px; } + +.bdrs-1x { border-radius: 10px; } + +.bdrs-2x { border-radius: 20px; } + +.bdrs-3x { border-radius: 30px; } + +.bdrs-4x { border-radius: 40px; } + +.bdrs-5x { border-radius: 50px; } + +.bdrs-15x { border-radius: 15px; } + +.bdrs-25x { border-radius: 25px; } + +.bdrs-35x { border-radius: 35px; } + +.bdrs-45x { border-radius: 45px; } + +.shadow { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08) !important; } + +.shadow-alt { box-shadow: 0 8px 16px 0 rgba(18, 24, 58, 0.15); } + +.shadow-soft { box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.shadow-soft-sm { box-shadow: 0 2px 12px 0 rgba(18, 24, 58, 0.08); } + +.shadow-dark { box-shadow: 0 5px 40px rgba(18, 24, 58, 0.15); } + +.shadow-dark-sm { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.15); } + +.shadow-heavy { box-shadow: 0 5px 50px rgba(18, 24, 58, 0.25); } + +.shadow-heavy-sm { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.25); } + +.nk-df-mask-a, .mask-a:before, .mask-a-bg { background-image: url(../images/mask-a.svg); } + +.ie .nk-df-mask-a, .ie .mask-a:before, .ie .mask-a-bg { background-image: url(../images/mask-a.png); } + +.nk-df-mask-a-md, .mask-a-md:before, .mask-a-md-bg { background-image: url(../images/mask-a-md.svg); } + +.ie .nk-df-mask-a-md, .ie .mask-a-md:before, .ie .mask-a-md-bg { background-image: url(../images/mask-a-md.png); } + +.nk-df-mask-a-dark, .mask-a-dark:before, .mask-a-dark-bg { background-image: url(../images/mask-a-dark.svg); } + +.ie .nk-df-mask-a-dark, .ie .mask-a-dark:before, .ie .mask-a-dark-bg { background-image: url(../images/mask-a-dark.png); } + +.nk-df-mask-line, .mask-line:before, .mask-line-bg { background-image: url(../images/mask-line.svg); } + +.ie .nk-df-mask-line, .ie .mask-line:before, .ie .mask-line-bg { background-image: url(../images/mask-line.png); } + +.nk-df-mask-b, .mask-b:before, .mask-b-bg { background-image: url(../images/mask-b.svg); } + +.ie .nk-df-mask-b, .ie .mask-b:before, .ie .mask-b-bg { background-image: url(../images/mask-b.png); } + +.nk-df-mask-c, .mask-c:before, .mask-c-bg { background-image: url(../images/mask-c.svg); } + +.ie .nk-df-mask-c, .ie .mask-c:before, .ie .mask-c-bg { background-image: url(../images/mask-c.png); } + +.nk-df-mask-c-light, .mask-c-light:before, .mask-c-light-bg { background-image: url(../images/mask-c-light.svg); } + +.ie .nk-df-mask-c-light, .ie .mask-c-light:before, .ie .mask-c-light-bg { background-image: url(../images/mask-c-light.png); } + +.nk-df-mask-c-dark, .mask-c-dark:before, .mask-c-dark-bg { background-image: url(../images/mask-c-dark.svg); } + +.ie .nk-df-mask-c-dark, .ie .mask-c-dark:before, .ie .mask-c-dark-bg { background-image: url(../images/mask-c-dark.png); } + +.nk-df-mask-d, .mask-d:before, .mask-d-bg { background-image: url(../images/mask-d.svg); } + +.ie .nk-df-mask-d, .ie .mask-d:before, .ie .mask-d-bg { background-image: url(../images/mask-d.png); } + +.nk-df-mask-d2, .mask-d2:before, .mask-d2-bg { background-image: url(../images/mask-d2.svg); } + +.ie .nk-df-mask-d2, .ie .mask-d2:before, .ie .mask-d2-bg { background-image: url(../images/mask-d2.png); } + +.nk-df-mask-e, .mask-e:before, .mask-e-bg { background-image: url(../images/mask-e.svg); } + +.ie .nk-df-mask-e, .ie .mask-e:before, .ie .mask-e-bg { background-image: url(../images/mask-e.png); } + +.nk-df-mask-f, .mask-f:before, .mask-f-bg { background-image: url(../images/mask-f.svg); } + +.ie .nk-df-mask-f, .ie .mask-f:before, .ie .mask-f-bg { background-image: url(../images/mask-f.png); } + +.nk-df-mask-f-footer, .mask-f-footer:before, .mask-f-footer-bg { background-image: url(../images/mask-f-footer.svg); } + +.ie .nk-df-mask-f-footer, .ie .mask-f-footer:before, .ie .mask-f-footer-bg { background-image: url(../images/mask-f-footer.png); } + +.mask-a:before, .mask-a-md:before, .mask-a-dark:before { background-position: bottom center !important; } + +.mask-contain-bottom:before { background-size: contain; background-position: 50% 100%; } + +.mask-c-blend { background-image: linear-gradient(180deg, #0d1b61 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-dark { background-image: linear-gradient(180deg, #0C0E24 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-light { background-image: linear-gradient(180deg, #f0f6ff 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-f:before { left: 0 !important; } + +.mask-f-footer:before { background-position: 50% -1px; } + +.before-bottom:before { top: auto; } + +.before-h10:before { height: 10%; } + +.before-h20:before { height: 20%; } + +.before-h30:before { height: 30%; } + +.before-h40:before { height: 40%; } + +.before-h50:before { height: 50%; } + +.before-h60:before { height: 60%; } + +.before-h70:before { height: 70%; } + +.before-h80:before { height: 80%; } + +.before-h90:before { height: 90%; } + +.nk-df-shape-a, .shape-a:after, .shape-a-bg, .bg-shape-a { background-image: url(../images/shape-a.png); } + +.nk-df-shape-a-sm, .shape-a-sm:after, .shape-a-sm-bg { background-image: url(../images/shape-a-sm.png); } + +.nk-df-shape-b, .shape-b:after, .shape-b-bg, .bg-shape-b { background-image: url(../images/shape-b.png); } + +.nk-df-shape-b-sm, .shape-b-sm:after, .shape-b-sm-bg { background-image: url(../images/shape-b-sm.png); } + +.nk-df-shape-c, .shape-c:after, .shape-c-bg { background-image: url(../images/shape-c.png); } + +.nk-df-shape-c-sm, .shape-c-sm:after, .shape-c-sm-bg { background-image: url(../images/shape-c-sm.png); } + +.nk-df-shape-d, .shape-d:after, .shape-d-bg { background-image: url(../images/shape-d.png); } + +.nk-df-shape-d-sm, .shape-d-sm:after, .shape-d-sm-bg { background-image: url(../images/shape-d-sm.png); } + +.nk-df-shape-e, .shape-e:after, .shape-e-bg { background-image: url(../images/shape-e.png); } + +.nk-df-shape-e-sm, .shape-e-sm:after, .shape-e-sm-bg { background-image: url(../images/shape-e-sm.png); } + +.nk-df-shape-f, .shape-f:after, .shape-f-bg { background-image: url(../images/shape-f.png); } + +.nk-df-shape-f-sm, .shape-f-sm:after, .shape-f-sm-bg { background-image: url(../images/shape-f-sm.png); } + +.nk-df-shape-g, .shape-g:after, .shape-g-bg { background-image: url(../images/shape-g.png); } + +.nk-df-shape-g-sm, .shape-g-sm:after, .shape-g-sm-bg { background-image: url(../images/shape-g-sm.png); } + +.nk-df-shape-h, .shape-h:after, .shape-h-bg { background-image: url(../images/shape-h.png); } + +.nk-df-shape-h-sm, .shape-h-sm:after, .shape-h-sm-bg { background-image: url(../images/shape-h-sm.png); } + +.nk-df-shape-i, .shape-i:after, .shape-i-bg { background-image: url(../images/shape-i.png); } + +.nk-df-shape-i-sm, .shape-i-sm:after, .shape-i-sm-bg { background-image: url(../images/shape-i-sm.png); } + +.nk-df-shape-m, .shape-m:after, .shape-m-bg { background-image: url(../images/shape-m.png); } + +.nk-df-shape-n, .shape-n:after, .shape-n-bg { background-image: url(../images/shape-n.png); } + +.nk-df-shape-o, .shape-o:after, .shape-o-bg { background-image: url(../images/shape-o.png); } + +.nk-df-shape-p, .shape-p:after, .shape-p-bg { background-image: url(../images/shape-p.png); } + +.nk-df-shape-q, .shape-q:after, .shape-q-bg { background-image: url(../images/shape-q.png); } + +.nk-df-shape-r, .shape-r:after, .shape-r-bg { background-image: url(../images/shape-r.png); } + +.nk-df-shape-s, .shape-s:after, .shape-s-bg { background-image: url(../images/shape-s.png); } + +.nk-df-shape-s-sm, .shape-s-sm:after, .shape-s-sm-bg { background-image: url(../images/shape-s-sm.png); } + +.nk-df-shape-t, .shape-t:after, .shape-t-bg { background-image: url(../images/shape-t.png); } + +.nk-df-shape-u, .shape-u:after, .shape-u-bg { background-image: url(../images/shape-u.png); } + +.nk-df-shape-v, .shape-v:after, .shape-v-bg { background-image: url(../images/shape-v.png); } + +.nk-df-shape-w, .shape-w:after, .shape-w-bg { background-image: url(../images/shape-w.png); } + +.nk-df-shape-x, .shape-x:after, .shape-x-bg { background-image: url(../images/shape-x.png); } + +.nk-df-shape-x-2, .shape-x-2:after, .shape-x-2-bg { background-image: url(../images/shape-x-2.png); } + +.nk-df-shape-x-3, .shape-x-3:after, .shape-x-3-bg { background-image: url(../images/shape-x-3.png); } + +.nk-df-shape-y, .shape-y:after, .shape-y-bg { background-image: url(../images/shape-y.png); } + +.nk-df-shape-z, .shape-z:after, .shape-z-bg { background-image: url(../images/shape-z.png); } + +.nk-df-shape-z2, .shape-z2:after, .shape-z2-bg { background-image: url(../images/shape-z2.png); } + +.nk-df-shape-a2, .shape-a2:after, .shape-a2-bg { background-image: url(../images/shape-a2.png); } + +.nk-df-shape-z3, .shape-z3:after, .shape-z3-bg { background-image: url(../images/shape-z3.png); } + +.nk-df-shape-z4, .shape-z4:after, .shape-z4-bg { background-image: url(../images/shape-z4.png); } + +.nk-df-shape-z6, .shape-z6:after, .shape-z6-bg { background-image: url(../images/shape-z6.png); } + +.nk-df-shape-z6-sm, .shape-z6-sm:after, .shape-z6-sm-bg { background-image: url(../images/shape-z6-sm.png); } + +.nk-df-shape-z7, .shape-z7:after, .shape-z7-bg { background-image: url(../images/shape-z7.png); } + +.shape-contain:after { background-size: contain; } + +.shape-center-top:after { background-position: 50% 0; } + +.shape-center-bottom:after { background-position: 50% 100%; } + +.shape-left-top:after { background-position: 0 0; } + +.shape-q:after { background-size: contain; background-repeat: repeat; background-position: 0 50%; } + +.shape-lg-60:after { background-size: 60%; } + +.shape-z3:after { background-size: 100%; background-position: bottom center; } + +.shape-x.nk-ovm:after, .shape-x.nk-ovm:before { left: 0 !important; } + +.shape-a2:before { background-size: 100%; } + +.nk-ovm { z-index: 1; } + +.nk-ovm:before, .nk-ovm:after { bottom: -1px; left: -1px; } + +.nk-ovm:before { z-index: 1; } + +.nk-ovm-repeat:after { background-repeat: repeat; background-size: contain; } + +.nk-ovm-fixed:after { background-attachment: fixed; } + +.ovm-top { bottom: auto; } + +.ovm-bottom { top: auto; } + +.ovm-left { right: auto; } + +.ovm-right { left: auto; } + +.ovm-h-10 { height: 10%; } + +.ovm-h-20 { height: 20%; } + +.ovm-h-30 { height: 30%; } + +.ovm-h-40 { height: 40%; } + +.ovm-h-50 { height: 50%; } + +.ovm-h-60 { height: 60%; } + +.ovm-h-70 { height: 70%; } + +.ovm-h-80 { height: 80%; } + +.ovm-h-90 { height: 90%; } + +.ovm-w-10 { width: 10%; } + +.ovm-w-20 { width: 20%; } + +.ovm-w-30 { width: 30%; } + +.ovm-w-40 { width: 40%; } + +.ovm-w-50 { width: 50%; } + +.ovm-w-60 { width: 60%; } + +.ovm-w-70 { width: 70%; } + +.ovm-w-80 { width: 80%; } + +.ovm-w-90 { width: 90%; } + +.has-bg-image > div, .has-bg-video > div { position: relative; z-index: 1; } + +.bg-fixed { background-attachment: fixed; } + +.bg-image { position: absolute !important; z-index: 0 !important; opacity: 0; transition: opacity .4s; } + +.bg-image.bg-image-loaded { opacity: 1; } + +.bg-image img { display: none !important; } + +.bg-pattern-dots-color { background-image: url(../images/dot-a.png); background-size: contain; } + +.bg-pattern-dots { background-image: url(../images/dot-b.png); background-size: contain; background-repeat: repeat-y; } + +.bg-contain { background-size: contain; } + +.bg-bottom-center { background-position: 50% 100%; } + +.bg-shape-b { background-position: 50% 100%; } + +.bg-video { position: absolute !important; z-index: 0 !important; overflow: hidden; } + +.bg-video-cover { opacity: 0; } + +.cover-enabled .bg-video-cover { opacity: 1; } + +.bg-video .ytplayer-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.bg-video .ytplayer-container.cover-enabled .bg-video .ytplayer-container { display: none; } + +.cover-enabled .ytplayer-container { display: none; } + +.bg-image.bp-l0, .has-bg.bp-l0 { background-position: 0%; } + +.bg-image.bp-r0, .has-bg.bp-r0 { background-position: 0%; } + +.bg-image.bp-l10, .has-bg.bp-l10 { background-position: 10%; } + +.bg-image.bp-r10, .has-bg.bp-r10 { background-position: 40%; } + +.bg-image.bp-l20, .has-bg.bp-l20 { background-position: 20%; } + +.bg-image.bp-r20, .has-bg.bp-r20 { background-position: 30%; } + +.bg-image.bp-l25, .has-bg.bp-l25 { background-position: 25%; } + +.bg-image.bp-r25, .has-bg.bp-r25 { background-position: 25%; } + +.bg-image.bp-l30, .has-bg.bp-l30 { background-position: 30%; } + +.bg-image.bp-r30, .has-bg.bp-r30 { background-position: 20%; } + +.bg-image.bp-l40, .has-bg.bp-l40 { background-position: 40%; } + +.bg-image.bp-r40, .has-bg.bp-r40 { background-position: 10%; } + +.overlay:after { content: ''; } + +.overlay-light:after { background: #fff; } + +.overlay-dark:after { background: #000; } + +.overlay-theme:after { background: #fe4350; } + +.overlay-theme-dark:after { background: #36080b; } + +.overlay-opacity-10:after { opacity: 0.1; } + +.overlay-opacity-15:after { opacity: 0.15; } + +.overlay-opacity-20:after { opacity: 0.2; } + +.overlay-opacity-25:after { opacity: 0.25; } + +.overlay-opacity-30:after { opacity: 0.3; } + +.overlay-opacity-35:after { opacity: 0.35; } + +.overlay-opacity-40:after { opacity: 0.4; } + +.overlay-opacity-45:after { opacity: 0.45; } + +.overlay-opacity-50:after { opacity: 0.5; } + +.overlay-opacity-55:after { opacity: 0.55; } + +.overlay-opacity-60:after { opacity: 0.6; } + +.overlay-opacity-65:after { opacity: 0.65; } + +.overlay-opacity-70:after { opacity: 0.7; } + +.overlay-opacity-75:after { opacity: 0.75; } + +.overlay-opacity-80:after { opacity: 0.8; } + +.overlay-opacity-85:after { opacity: 0.85; } + +.overlay-opacity-90:after { opacity: 0.9; } + +.overlay-opacity-95:after { opacity: 0.95; } + +.overlay-opacity-100:after { opacity: 1; } + +.op-10 { opacity: 0.1; } + +.op-20 { opacity: 0.2; } + +.op-30 { opacity: 0.3; } + +.op-40 { opacity: 0.4; } + +.op-50 { opacity: 0.5; } + +.op-60 { opacity: 0.6; } + +.op-70 { opacity: 0.7; } + +.op-80 { opacity: 0.8; } + +.op-90 { opacity: 0.9; } + +.op-100 { opacity: 1; } + +.op-15 { opacity: 0.15; } + +.op-25 { opacity: 0.25; } + +.op-35 { opacity: 0.35; } + +.op-45 { opacity: 0.45; } + +.op-55 { opacity: 0.55; } + +.op-65 { opacity: 0.65; } + +.op-75 { opacity: 0.75; } + +.op-85 { opacity: 0.85; } + +.op-95 { opacity: 0.95; } + +.alignright, .alignleft, .aligncenter, .alignnone { display: block; padding: 0; margin: 15px auto; } + +@media (min-width: 576px) { .alignright, .alignleft, .aligncenter, .alignnone { margin: 0 0 15px; display: inline; } + .alignright { margin-left: 20px; float: right; } + .alignleft { margin-right: 20px; float: left; } + .alignnone { margin-right: 20px; } + .aligncenter { display: block; margin: 15px auto; } } + +.wide, .wide-rg, .wide-auto, .wide-auto-rg { max-width: 750px; } + +.wide-auto, .wide-auto-rg, .wide-auto-xl, .wide-auto-lg, .wide-auto-md, .wide-auto-sm, .wide-auto-xs { margin: 0 auto; } + +.wide-xl, .wide-auto-xl { max-width: 1560px; } + +.wide-lg, .wide-auto-lg { max-width: 1140px; } + +.wide-md, .wide-auto-md { max-width: 945px; } + +.wide-sm, .wide-auto-sm { max-width: 555px; } + +.wide-xs, .wide-auto-xs { max-width: 360px; } + +.wide-none, .wide-auto-none { max-width: inherit; } + +.text-center [class*="wide"], .text-center[class*="wide"] { margin-left: auto; margin-right: auto; } + +.over-up, [class*="over-up-"] { z-index: 9; } + +.over-up { margin-top: -175px; } + +.over-up-sm { margin-top: -45px; } + +.over-up-md { margin-top: -75px; } + +.over-up-lg { margin-top: -165px; } + +.over-up-xl { margin-top: -275px; } + +.over-up-s2 { margin-top: -70px; } + +.over-lg-up { margin-top: 0; } + +.over-up-xl-s2 { margin-top: 0; } + +@media (min-width: 768px) { .over-up { margin-top: -190px; } + .over-up-sm { margin-top: -75px; } + .over-up-md { margin-top: -125px; } + .over-up-lg { margin-top: -275px; } + .over-up-xl { margin-top: -350px; } + .over-up-s2 { margin-top: -50px; } } + +@media (min-width: 992px) { .over-lg-up { margin-top: -80px !important; } + .over-up-xl-s2 { margin-top: -230px; } + .nk-ovm-inner { position: absolute; right: 0; top: 0; width: 30%; background: #f6fafd; height: 100%; z-index: 1; } } + +@media (min-width: 1200px) { .over-lg-up { margin-top: -100px !important; } + .over-up-xl-s2 { margin-top: -230px; } } + +@media (min-width: 1600px) { .over-lg-up { margin-top: -160px !important; } + .over-up-xl-s2 { margin-top: -295px; } } + +.nk-ovm .nk-svgs { z-index: 3; } + +.nk-svgs svg { height: 100%; width: auto; } + +.nk-svgs.svg-loaded svg { display: none; } + +hr { position: relative; z-index: 5; } + +.hr { border-top: 1px solid #dee2e6; } + +.hr-white { border-top-color: #fff; } + +.hr-white-5 { border-top-color: rgba(255, 255, 255, 0.05); } + +.hr-white-10 { border-top-color: rgba(255, 255, 255, 0.1); } + +.hr-white-15 { border-top-color: rgba(255, 255, 255, 0.15); } + +.hr-black { border-top-color: #000; } + +.hr-black-5 { border-top-color: rgba(0, 0, 0, 0.05); } + +.hr-black-10 { border-top-color: rgba(0, 0, 0, 0.1); } + +.hr-black-15 { border-top-color: rgba(0, 0, 0, 0.15); } + +.h-110 { height: 110% !important; } + +.h-115 { height: 115% !important; } + +.h-120 { height: 120% !important; } + +.h-125 { height: 125% !important; } + +.h-130 { height: 130% !important; } + +.ui-shape { position: absolute; top: 0; left: 0; height: 100%; width: 100%; left: 50%; overflow: hidden; transform: translateX(-50%); z-index: -1; } + +.ui-shape:after, .ui-shape:before { position: absolute; content: ''; height: 210px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; transition: all .4s; } + +.ui-shape:before { top: 15%; left: -4%; width: 100px; background-image: url(../images/ui-shape-zinnia-a.svg); } + +.ui-shape:after { bottom: 10%; right: -4%; width: 90px; background-image: url(../images/ui-shape-zinnia-b.svg); } + +.ui-shape-light:before { background-image: url(../images/ui-shape-light-a.svg); } + +.ui-shape-light:after { background-image: url(../images/ui-shape-light-b.svg); } + +.ui-shape-s1:after { transform: rotate(60deg); } + +.ui-shape-s3:before { top: auto; bottom: 20%; } + +.ui-shape-s3:after { top: 10%; bottom: auto; } + +@media (min-width: 576px) { .ui-shape:before { width: 140px; } + .ui-shape:after { width: 120px; } } + +@media (min-width: 768px) { .ui-shape-s7:after { bottom: 15%; right: 16%; } + .ui-shape-s7:before { top: 6%; left: 22%; } + .ui-shape-s6:after { bottom: 9%; right: 0%; } + .ui-shape-s6:before { top: 9%; left: 13.3%; } + .ui-shape-s5:after { right: 4%; bottom: 15%; } + .ui-shape-s4:before { left: 20%; top: 23.5%; } + .ui-shape-s3:after { right: 4%; } + .ui-shape-s2:before { top: 8%; left: 21%; } + .ui-shape-s1:after { right: 0; } + .ui-shape-header:before { top: 22%; left: 9%; } + .ui-shape-header:after { right: 15%; bottom: 32%; } + .ui-shape-footer:before { top: 2%; } + .ui-shape-footer:after { bottom: -11%; } } + +@media (min-width: 992px) { .ui-shape { width: 960px; overflow: visible; } + .ui-shape:after { width: 166px; } + .ui-shape:before { width: 190px; } + .ui-shape-s5:after { right: -2.5%; } + .ui-shape-s3:before { top: auto; bottom: 20%; } + .ui-shape-header:before { left: 5%; } + .ui-shape-header:after { right: 3%; bottom: 22%; } } + +@media (min-width: 1200px) { .ui-shape { width: 1170px; } + .ui-shape-header:before { left: 2%; } + .ui-shape-header:after { right: -2.5%; bottom: 33%; } } + +.overlay-bars { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; } + +.overlay-bars div { position: absolute; background: rgba(255, 255, 255, 0.03); transform: rotate(-15deg); } + +.overlay-bars.reverse { transform: scaleX(-1); } + +.overlay-bar-1 { height: 140%; width: 300px; left: calc(50% - 210px); top: -20%; } + +.overlay-bar-2 { height: 100%; width: 160px; left: calc(50% - 170px); bottom: calc(50% + 155px); } + +.overlay-bar-3 { height: 100%; width: 230px; left: calc(50% - 90px); top: calc(50% + 280px); } + +.overlay-bar-4 { height: 140%; width: 300px; left: calc(50% - 860px); top: -20%; transform: rotate(-15deg); } + +.overlay-bar-5 { height: 140%; width: 160px; left: calc(50% - 910px); top: -20%; } + +.overlay-bar-6 { height: 140%; width: 300px; left: calc(50% + 530px); top: -20%; } + +.overlay-bar-7 { height: 140%; width: 300px; left: calc(50% + 670px); top: -20%; } + +.overlay-x { position: relative; } + +.overlay-x:before, .overlay-x:after { position: absolute; bottom: 0; content: ''; width: 300px; z-index: 1; } + +.overlay-x:before { left: 50%; margin-left: -125px; height: 800px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(-60deg); transform-origin: bottom right; } + +.overlay-x:after { right: 50%; margin-right: -125px; height: 3600px; background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(60deg); transform-origin: bottom right; } + +.background-shape { background: rgba(0, 52, 86, 0.03); position: absolute; height: 100%; width: 100%; content: ''; top: 0; left: 50%; transform: skewX(33deg); transform-origin: left bottom; } + +.tc-light .background-shape { background: rgba(0, 0, 0, 0.03); } + +.background-shape:before, .background-shape:after { background: rgba(255, 255, 255, 0.2); position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.tc-light .background-shape:before, .tc-light .background-shape:after { background: rgba(0, 0, 0, 0.05); } + +.background-shape:before { left: 280px; } + +.background-shape:after { left: 560px; } + +.background-shape.bs-right { left: 70%; } + +.background-shape.bs-reverse { right: 70%; left: auto; transform: skewX(-33deg); transform-origin: right bottom; } + +.background-shape.bs-reverse:before { left: auto; right: 280px; } + +.background-shape.bs-reverse:after { left: auto; right: 560px; } + +.background-shade { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } + +.background-shade .container { height: 100vh; position: relative; } + +.background-shade-left, .background-shade-right { position: absolute; top: 160px; width: 50%; height: calc(100% - 130px); opacity: .15; } + +.background-shade-left:after, .background-shade-right:after { position: absolute; top: 40px; width: 100%; height: 100%; content: ''; } + +.background-shade-left { left: -80px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(-12deg); } + +.tc-light .background-shade-left { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-left:after { left: 40px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-left:after { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right { right: -80px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(12deg); } + +.tc-light .background-shade-right { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right:after { right: 40px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-right:after { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.header-bubbles { position: absolute; left: 0; top: -100%; height: 200%; width: 100%; content: ''; z-index: 1; overflow: hidden; } + +.header-bubbles-single { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } + +.header-bubbles-single div { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.05); } + +.header-bubbles-single-1 { height: 735px; width: 735px; right: calc(50% - 65px); top: calc(50% + 10px); } + +.header-bubbles-single-2 { height: 680px; width: 680px; right: calc(50% + 360px); top: calc(50% - 145px); } + +.header-bubbles-single-3 { height: 350px; width: 350px; right: calc(50% - 95px); top: calc(50% + 540px); } + +.header-bubbles-single-4 { height: 650px; width: 650px; left: calc(50% + 435px); top: calc(50% - 240px); } + +.header-bubbles-single-5 { height: 350px; width: 350px; left: calc(50% + 490px); top: calc(50% + 240px); } + +.header-bubbles-single-6 { height: 440px; width: 440px; left: calc(50% + 685px); top: calc(50% + 240px); } + +.banner-rounded-bg { position: absolute; right: 390px; top: -750px; width: 120%; height: 1350px; z-index: 5; border-radius: 0 0 250px 0; transform: rotate(-8deg) skew(10deg); transform-origin: top right; padding: 0 120px 110px 0; overflow: hidden; } + +.banner-rounded-bg .particles-container { transform: rotate(8deg) skew(-10deg); transform-origin: top right; } + +.banner-shade-1, .banner-shade-2, .banner-shade-3 { display: block; height: 100%; width: 100%; } + +.banner-shade-1 { border-radius: 0 0 160px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%); opacity: .15; padding: 0 100px 90px 0; } + +.banner-shade-2 { border-radius: 0 0 110px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%); padding: 0 90px 80px 0; } + +.banner-shade-3 { border-radius: 0 0 80px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%); } + +@media (max-width: 1400px) { .banner-rounded-bg { right: 330px; } } + +.nk-pages-angled .section { z-index: inherit; } + +.section-bg-angle { position: absolute !important; left: 0; top: 0; height: 100%; width: 100%; content: ''; transform: skewY(10deg); z-index: 1; } + +.section-bg-angle ~ .container, .section-bg-angle ~ .nk-block { position: relative; z-index: 5; } + +.section-angle-top:before { position: absolute; left: 0; top: 0; height: 450px; width: 100%; content: ''; background: #fff5f6; z-index: 1; } + +.section-angle-top:after { position: absolute; left: 0; bottom: -450px; height: 450px; width: 100%; content: ''; background: #fff5f6; z-index: 1; } + +.section-angle-bottom:before { position: absolute; left: 0; top: -450px; height: 450px; width: 100%; content: ''; background: #fff; z-index: 2; } + +@media (min-width: 992px) { .section-bg-angle { transform: skewY(17deg); } + .section-bg-angle-s2 { transform: skewY(-4deg); } } + +.ui-mask, [class*=ui-mask] { position: absolute !important; left: 0; top: 0; width: 400px; height: 600px; z-index: 1; overflow: hidden; } + +.ui-mask:after, [class*=ui-mask]:after { position: absolute; right: 30%; top: 25%; content: ""; display: block; background-image: linear-gradient(135deg, rgba(255, 108, 63, 0) 15%, #1c62d8 50%, rgba(255, 108, 63, 0) 80%); border-radius: 50%; height: 400px; width: 400px; -webkit-filter: blur(80px); filter: blur(80px); z-index: 1; } + +.ui-mask:before, [class*=ui-mask]:before { display: none; content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 50%; z-index: 3; } + +.bg-white .ui-mask:after, .bg-theme-light .ui-mask:after, .bg-theme-light-alt .ui-mask:after, .bg-white [class*=ui-mask]:after, .bg-theme-light [class*=ui-mask]:after, .bg-theme-light-alt [class*=ui-mask]:after { display: none; } + +.ui-mask-right { left: auto; right: 0; } + +.ui-mask-right:after { right: auto; left: 30%; } + +.ui-mask-right:before { background-position: 100% 50%; } + +.ui-mask-s2 { width: 420px; height: 900px; transform: translateY(-30%); } + +.ui-mask-s2:after { background-image: linear-gradient(135deg, rgba(255, 108, 63, 0) 15%, #28298a 50%, rgba(255, 108, 63, 0) 80%); } + +.ui-mask-s2:before { display: block; background-image: url(../images/mask-line-a.png); } + +.ui-mask-s2.ui-mask-left:before { transform: rotate(-180deg); } + +.ui-mask-s3 { width: 600px; height: 1400px; transform: translateY(0); } + +.ui-mask-s3:after { height: 650px; width: 400px; right: 45%; background-image: linear-gradient(135deg, rgba(255, 108, 63, 0) 15%, #102486 50%, rgba(255, 108, 63, 0) 80%); } + +.ui-mask-s3:before { display: block; background-image: url(../images/mask-line-b.png); } + +.ui-mask-s3.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s4 { width: 420px; height: 820px; transform: translateY(-20%); } + +.ui-mask-s4:after { height: 510px; background-image: linear-gradient(135deg, rgba(255, 108, 63, 0) 15%, #1d5ecf 50%, rgba(255, 108, 63, 0) 80%); } + +.ui-mask-s5 { width: 440px; height: 1000px; transform: translateY(12%); } + +.ui-mask-s5:after { height: 600px; width: 350px; right: 45%; background-image: linear-gradient(135deg, rgba(255, 108, 63, 0) 15%, #1b5ed1 50%, rgba(255, 108, 63, 0) 80%); } + +.ui-mask-s5:before { display: block; background-image: url(../images/mask-line-c.png); } + +.ui-mask-s5.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s6 { width: 440px; height: 1000px; transform: translateY(2%); } + +.ui-mask-s6:after { height: 410px; width: 500px; left: 30%; background-image: linear-gradient(135deg, rgba(255, 108, 63, 0) 15%, #142692 50%, rgba(255, 108, 63, 0) 80%); } + +.ui-mask-s6:before { display: block; background-image: url(../images/mask-line-d.png); } + +.ui-mask-s6.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s7 { width: 870px; height: 800px; bottom: -20%; left: 50%; margin-left: -150px; top: auto; transform: translateY(0); } + +.ui-mask-s7:after { height: 710px; width: 600px; right: 0; top: 15%; transform: translateX(-25%); background-image: linear-gradient(135deg, rgba(255, 108, 63, 0) 15%, #3762d3 50%, rgba(255, 108, 63, 0) 80%); } + +.ui-mask-s7.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s8 { width: 350px; height: 392px; } + +.ui-mask-s8:before { display: block; background-image: url(../images/polygon-line-a.png); } + +.ui-mask-s8:after { display: none; } + +.ui-mask-s9 { width: 417px; height: 733px; } + +.ui-mask-s9:before { display: block; top: -31px; background-image: url(../images/polygon-line-b.png); } + +.ui-mask-s9:after { display: none; } + +.ui-mask-s10 { width: 417px; height: 733px; } + +.ui-mask-s10:before { display: block; top: -31px; background-image: url(../images/polygon-line-a-fill.png); } + +.ui-mask-s10:after { display: none; } + +.ui-mask-s11 { width: 384px; height: 733px; } + +.ui-mask-s11:before { display: block; top: -31px; background-image: url(../images/polygon-line-c.png); } + +.ui-mask-s11:after { display: none; } + +.ui-mask-s11.ui-mask-right:before { transform: rotateY(180deg); } + +.ui-mask-s12 { width: 80px; height: 270px; } + +.ui-mask-s12:before { display: block; top: 50px; background-image: url(../images/polygon-fill.png); } + +.ui-mask-s12:after { display: none; } + +@media only screen and (min-width: 767px) and (max-width: 1024px) { .ui-mask:before, [class*=ui-mask]:before { background-size: 50%; } } + +@media only screen and (max-width: 767px) { .ui-mask, [class*=ui-mask] { transform: scale(0.5); transform-origin: right; } + .ui-mask-left { transform-origin: left; } } + +/** 03. Elements */ +/** 03.01 Alert */ +.alert { position: relative; font-weight: 400; color: #fff; border: none; } + +.alert:last-child { margin-bottom: 0; } + +.alert a, .alert .alert-link { color: inherit; font-weight: inherit; box-shadow: 0 1px 0 currentColor; transition: box-shadow .3s; } + +.alert a:hover, .alert .alert-link:hover { box-shadow: 0 0 0; } + +.alert .close { color: inherit; transition: all .4s; height: 30px; width: 30px; padding: 0; background: none; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); right: 10px; text-shadow: none; opacity: .7; } + +.alert .close:not(:disabled):not(.disabled):focus, .alert .close:not(:disabled):not(.disabled):hover, .alert .close:hover, .alert .close:focus { color: currentColor; box-shadow: none; outline: none; opacity: 1; } + +.alert .close:after { position: absolute; font-family: 'themify'; content: '\e646'; top: 0; left: 0; color: currentColor; font-size: 12px; line-height: 30px; text-align: center; width: 100%; } + +.alert .close span { display: none; } + +.alert-primary { color: #da0110; background: #ffe5e7; } + +.alert-primary .close { background: #ffa8ae; } + +.alert-primary-alt { background: #fe4350; } + +.alert-primary-alt .close { background: #f30112; } + +.alert-secondary { color: #d83300; background: #ffe9e2; } + +.alert-secondary .close { background: #fff5f2; } + +.alert-secondary-alt { background: #ff6c3f; } + +.alert-secondary-alt .close { background: #f23900; } + +.alert-success { color: #29cf77; background: #cef5e1; } + +.alert-success .close { background: #64e09e; } + +.alert-success-alt { background: #39d884; } + +.alert-success-alt .close { background: #25b96b; } + +.alert-danger { color: #e6604a; background: #f9d6d0; } + +.alert-danger .close { background: #f2afa4; } + +.alert-danger-alt { background: #e6604a; } + +.alert-danger-alt .close { background: #9b2815; } + +.alert-info { color: #026bfb; background: #cae0ff; } + +.alert-info .close { background: #65a6fe; } + +.alert-info-alt { background: #026bfb; } + +.alert-info-alt .close { background: #014096; } + +.alert-warning { color: #e0a609; background: #fef4db; } + +.alert-warning .close { background: #f9d46f; } + +.alert-warning-alt { background: #f6be26; } + +.alert-warning-alt .close { background: #e0a609; } + +/** 03.02 Buttons */ +.btn { position: relative; font-size: 12px; line-height: 24px; font-weight: 500; padding: 8px 15px; text-align: center; text-transform: uppercase; color: #fff; min-width: 120px; max-width: 100%; border: 2px solid #fe4350; box-sizing: border-box; transition: all 0.5s; position: relative; border-radius: 5px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; cursor: pointer; } + +.btn .icon { color: inherit; } + +.btn:hover { color: #fff !important; } + +.btn-grad { border: none; background-image: linear-gradient(to right, #fe4350 0%, #ff6c3f 100%); } + +.btn-grad:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; z-index: -2; border-radius: 5px; opacity: 0; transition: all .5s; background-image: linear-gradient(to right, #ff6c3f 0%, #fe4350 100%); } + +.btn-grad:hover:before { opacity: 1; } + +.btn-grad:hover, .btn-grad:focus { color: #fff !important; } + +.btn-grad-alt { background-image: linear-gradient(to right, #ff6c3f 0%, #fe4350 100%); } + +.btn-grad-alt:before { background-image: linear-gradient(to right, #fe4350 0%, #ff6c3f 100%); } + +.btn-grad-alternet { background-image: linear-gradient(to right, #ff6c3f 0%, #fe4350 100%); } + +.btn-grad-alternet:before { background-image: linear-gradient(to right, #fe4350 0%, #ff6c3f 100%); } + +.btn-grad-alternet-alt { background-image: linear-gradient(to right, #fe4350 0%, #ff6c3f 100%); } + +.btn-grad-alternet-alt:before { background-image: linear-gradient(to right, #ff6c3f 0%, #fe4350 100%); } + +.btn-grad-theme { background-image: linear-gradient(to right, #fe4350 0%, #ff6c3f 100%); } + +.btn-grad-theme:before { background-image: linear-gradient(to right, #ff6c3f 0%, #fe4350 100%); } + +.btn-grad-theme-alt { background-image: linear-gradient(to right, #ff6c3f 0%, #fe4350 100%); } + +.btn-grad-theme-alt:before { background-image: linear-gradient(to right, #fe4350 0%, #ff6c3f 100%); } + +.btn:hover, .btn:focus { outline: none !important; box-shadow: none !important; } + +.btn span { position: relative; z-index: 999999; display: block; } + +.btn span + .icon { margin-left: 10px; } + +.btn .icon + span { margin-left: 10px; } + +.btn .badge { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); } + +.btn-md { font-size: 12px; line-height: 24px; padding: 10px 26px; } + +.btn-rg { line-height: 24px; padding: 8px 20px; } + +.btn-sm { font-size: 11px; line-height: 23px; padding: 8px 20px; } + +.btn-xxs { font-size: 12px; line-height: 21px; padding: 0 10px; border-width: 1px; border-radius: 3px; } + +.btn-auto { min-width: 44px !important; } + +.btn-auto-lg { min-width: 80px !important; height: 100%; } + +.btn-grp { display: inline-flex; flex-wrap: wrap; align-items: center; margin: -7px; } + +.btn-grp > div, .btn-grp > li { padding: 7px; } + +.btn-grp-break > div, .btn-grp-break > li { width: 100%; text-align: center; } + +.text-center .btn-grp { justify-content: center; } + +.btn-download { display: inline-block; height: 40px; } + +.btn-grp-s2 .btn-download { width: 100px; height: 35px; } + +.btn-download img { height: 100%; } + +.btn-outline:not(:hover) { color: #415076; background-color: transparent !important; } + +.btn-outline:before { background-image: none; background-color: #fff; opacity: 1; margin: 2px; width: calc(100% - 4px); height: calc(100% - 4px); } + +.btn-outline.on-bg-light:before { background-color: #f6fafd; } + +.btn-outline.on-bg-light-alt:before { background-color: #fff5f6; } + +.btn-outline.on-bg-theme, .btn-outline.on-bg-theme-alt, .btn-outline.on-bg-theme-dark, .btn-outline.on-bg-theme-dark-alt { color: #fff; } + +.btn-outline.on-bg-theme:before { background-color: #fe4350; } + +.btn-outline.on-bg-theme-alt:before { background-color: #ff6c3f; } + +.btn-outline.on-bg-theme-dark:before { background-color: #36080b; } + +.btn-outline.on-bg-theme-dark-alt:before { background-color: #49191d; } + +.btn-outline:hover { color: #fff !important; } + +.btn-outline:hover:before { opacity: 0; } + +.btn-outline.btn-grad { border: none; } + +.btn-outline.btn-grad:hover { color: #fff !important; } + +.btn-icon { min-width: 44px; padding-left: 6px; padding-right: 6px; } + +.btn-primary { background-color: #fe4350; border-color: #fe4350; } + +.btn-primary:hover, .btn-primary:focus { background-color: #ff6c3f; border-color: #ff6c3f; } + +.btn-primary:hover:focus, .btn-primary:focus:focus { color: #fff !important; } + +.tc-light .btn-primary:hover, .tc-light .btn-primary:focus { background-color: #ff6c3f; border-color: #ff6c3f; color: #fff !important; } + +.btn-primary.btn-outline:hover { background-color: #fe4350; border-color: #fe4350; color: #fff !important; } + +.btn-secondary { background-color: #ff6c3f; border-color: #ff6c3f; } + +.btn-secondary:hover, .btn-secondary:focus { background-color: #fe4350; border-color: #fe4350; } + +.btn-secondary.focus:focus { color: #fff !important; } + +.btn-secondary.btn-outline:hover, .btn-secondary.btn-outline:focus { background-color: #ff6c3f; border-color: #ff6c3f; } + +.btn-info { background-color: #026bfb; border-color: #026bfb; } + +.btn-info:hover { background-color: #014baf; border-color: #014baf; } + +.btn-info.btn-outline:hover { background-color: #026bfb; border-color: #026bfb; } + +.btn-warning { background-color: #f6be26; border-color: #f6be26; } + +.btn-warning:hover { background-color: #c79408; border-color: #c79408; } + +.btn-warning.btn-outline:hover { background-color: #f6be26; border-color: #f6be26; } + +.btn-success { background-color: #39d884; border-color: #39d884; } + +.btn-success:hover { background-color: #20a45f; border-color: #20a45f; } + +.btn-success.btn-outline:hover { background-color: #39d884; border-color: #39d884; } + +.btn-danger { background-color: #e6604a; border-color: #e6604a; } + +.btn-danger:hover { background-color: #c8341c; border-color: #c8341c; } + +.btn-danger.btn-outline:hover { background-color: #e6604a; border-color: #e6604a; } + +.btn-dark { background-color: #415076; border-color: #415076; } + +.btn-dark:hover { background-color: #1d2334; border-color: #1d2334; } + +.btn-dark.btn-outline:hover { background-color: #415076; border-color: #415076; } + +.btn-theme-dark { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0); } + +.btn-theme-dark:hover { background-color: #36080b; border-color: #36080b; } + +.btn-light { background-color: #f6fafd; border-color: #f6fafd; color: #415076 !important; } + +.btn-light:hover { background-color: #cce3f4; border-color: #cce3f4; color: #415076 !important; } + +.btn-light.btn-outline { background-color: #f6fafd; border-color: #f6fafd; } + +.btn-light.btn-outline:hover { background-color: #f6fafd; border-color: #f6fafd; } + +.tc-light .btn-light.btn-outline { color: #fff !important; } + +.tc-light .btn-light.btn-outline:hover { color: #415076 !important; } + +.btn-light.tc-light:not(:hover) { color: #fff !important; } + +.btn-facebook { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook:hover { background-color: #2d4373; border-color: #2d4373; } + +.btn-facebook.btn-outline .icon { color: #3b5998; } + +.btn-facebook.btn-outline:hover { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook.btn-outline:hover .icon { color: #fff; } + +.btn-google { background-color: #d85040; border-color: #d85040; } + +.btn-google:hover { background-color: #be3727; border-color: #be3727; } + +.btn-google.btn-outline .icon { color: #d85040; } + +.btn-google.btn-outline:hover { background-color: #d85040; border-color: #d85040; } + +.btn-google.btn-outline:hover .icon { color: #fff; } + +.btn-play { position: relative; color: #fff; height: 60px; width: 60px; font-size: 18px; text-align: center; line-height: 58px; border-radius: 50%; display: inline-block; border: 1px solid currentColor; } + +.btn-play-sm { height: 40px; width: 40px; line-height: 38px; } + +.btn-play:after { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(65, 80, 118, 0.35); animation: 1s ease 0s normal none infinite running playbutton; } + +.tc-light .btn-play:after { border-color: rgba(255, 255, 255, 0.35); } + +.btn-play:hover { color: #ff6c3f !important; } + +.btn-play-s2 { background-image: linear-gradient(to right, #fe4350 0%, #ff6c3f 100%); border: none; } + +.btn-play-s2:before { position: absolute; height: calc(100% - 4px); width: calc(100% - 4px); top: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .btn-play-s2:before { background: #f6fafd; } + +.bg-light-alt .btn-play-s2:before { background: #fff5f6; } + +.bg-theme .btn-play-s2:before { background: #fe4350; } + +.bg-theme-alt .btn-play-s2:before { background: #ff6c3f; } + +.bg-theme-dark .btn-play-s2:before { background: #36080b; } + +.bg-theme-dark-alt .btn-play-s2:before { background: #49191d; } + +.bg-white .btn-play-s2:before { background: #fff; } + +.btn-play-s3 { background-color: #fff; border: none; } + +.btn-play-icon { height: 20px; width: 14px; background: linear-gradient(to right, #fe4350 0%, #ff6c3f 100%); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); } + +.btn-play-icon:before, .btn-play-icon:after { position: absolute; content: ''; height: 0; width: 0; right: -1px; border-right: 14px solid #fff; } + +.bg-light .btn-play-icon:before, .bg-light .btn-play-icon:after { border-right-color: #f6fafd; } + +.bg-light-alt .btn-play-icon:before, .bg-light-alt .btn-play-icon:after { border-right-color: #fff5f6; } + +.bg-theme .btn-play-icon:before, .bg-theme .btn-play-icon:after { border-right-color: #fe4350; } + +.bg-theme-alt .btn-play-icon:before, .bg-theme-alt .btn-play-icon:after { border-right-color: #ff6c3f; } + +.bg-theme-dark .btn-play-icon:before, .bg-theme-dark .btn-play-icon:after { border-right-color: #36080b; } + +.bg-theme-dark-alt .btn-play-icon:before, .bg-theme-dark-alt .btn-play-icon:after { border-right-color: #49191d; } + +.bg-white .btn-play-icon:before, .bg-white .btn-play-icon:after { border-right-color: #fff; } + +.btn-play-icon:before { top: 0; border-bottom: 10px solid transparent; } + +.btn-play-icon:after { bottom: 0; border-top: 10px solid transparent; } + +.btn-play-icon-s2 { height: 34px; width: 24px; } + +.btn-play-icon-s2 path { fill: #fe4350; } + +.btn-play-dark { color: #fff; } + +.btn-play-dark:hover { color: #ff6c3f; } + +.btn-play-wrap { display: inline-flex; align-items: center; } + +.btn-play-wrap-s2 { flex-direction: column; } + +.btn-play-wrap-s1:hover { transform: translateX(15px); } + +.btn-play-text { margin-left: 20px; } + +.btn-play-text span { display: block; color: #415076; } + +.tc-light .btn-play-text span { color: #fff; } + +.btn-play-text .text-sm { font-size: 21px; } + +.btn-play-text .text-xs { font-size: 12px; color: #fe4350 !important; } + +.btn-play-wrap-s2 .btn-play-text { margin-left: 0; margin-top: 15px; } + +.btn-link { color: #fe4350; text-decoration: none; } + +.btn-link:hover, .btn-link:focus { color: #fe4350; text-decoration: none; box-shadow: 0 1px 0 currentColor; } + +.btn-underline { padding-left: 0 !important; padding-right: 0 !important; color: #fe4350; background: none !important; border-color: transparent !important; text-decoration: none; } + +.btn-underline:hover, .btn-underline:focus { color: #fff; text-decoration: none; } + +.btn-round { border-radius: 40px; } + +.btn-round:before { border-radius: 40px; } + +.btn-round.btn-lg { border-radius: 54px; } + +.btn-round.btn-lg:before { border-radius: 54px; } + +.btn-round.btn-md { border-radius: 44px; } + +.btn-round.btn-md:before { border-radius: 44px; } + +.btn-round.btn-sm { border-radius: 39px; } + +.btn-round.btn-sm:before { border-radius: 39px; } + +.btn-round.btn-xxs { border-radius: 21px; } + +.btn-round.btn-xxs:before { border-radius: 21px; } + +.btn-with-icon { padding: 1px; background-color: #fe4350; } + +.btn-with-icon span { display: inline-block; padding: 0 18px 0 28px; flex-grow: 1; } + +.btn-with-icon .icon { height: 47px; width: 47px; line-height: 47px; border-radius: 5px; background: #fff; color: #fe4350; transition: all 0.3s; } + +.btn-with-icon.btn-md { padding: 1px; } + +.btn-with-icon.btn-md .icon { height: 38px; width: 38px; line-height: 38px; } + +.btn-with-icon.btn-sm { padding: 1px; } + +.btn-with-icon.btn-sm span { padding: 0 13px 0 23px; } + +.btn-with-icon.btn-sm .icon { height: 28px; width: 28px; line-height: 28px; } + +.btn-with-icon.btn-round .icon { border-radius: 24px; } + +.btn-with-icon.btn-round.btn-md .icon { border-radius: 19px; } + +.btn-with-icon.btn-round.btn-sm .icon { border-radius: 14px; } + +.btn-with-icon.btn-light { color: #fe4350 !important; border-color: #fff; background: #fff; } + +.btn-with-icon.btn-light .icon { color: #fff; background: #ff6c3f; } + +.btn-with-icon.btn-light:hover { color: #ff6c3f !important; } + +.btn-with-icon.btn-light:hover .icon { background: #fe4350; } + +.btn-with-icon.btn-light:not(:disabled):not(.disabled).active { border-color: #fff !important; background: #fff !important; color: #415076 !important; } + +.btn-with-icon.btn-alt .icon { color: currentColor; background: transparent !important; font-size: 20px; width: auto; margin-right: 30px; transition: none; } + +.btn-grp-after li { font-size: 20px; position: relative; } + +.btn-grp-after li a { color: rgba(255, 255, 255, 0.8) !important; } + +.btn-grp-after li:not(:last-child):after { content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 14px; width: 1px; background: rgba(255, 255, 255, 0.3); } + +.btn-transparent { background: transparent !important; border: transparent; color: #fff !important; font-size: 0.9rem !important; padding: 12px 0; } + +.as-mobile .btn-transparent, .has-fixed .btn-transparent { color: #415076 !important; } + +@keyframes playbutton { 0% { transform: scale(0.75); + opacity: 1; } + 100% { transform: scale(1.3); + opacity: 0; } } + +@media (min-width: 576px) { .btn { font-size: 13px; line-height: 25px; padding: 12px 30px; letter-spacing: 0.1em; min-width: 120px; } + .btn.btn-grad { padding: 14px 30px; } + .btn-lg { font-size: 14px; font-weight: 700; line-height: 24px; padding: 15px 40px; min-width: 190px; } + .btn-md { font-size: 12px; line-height: 24px; padding: 8px 20px; min-width: 160px; } + .btn-md.btn-grad { padding: 10px 30px; } + .btn-rg { font-size: 12px; line-height: 24px; padding: 6px 20px; } + .btn-rg.btn-grad { padding: 8px 25px; } + .btn-sm { font-size: 12px; line-height: 23px; padding: 3px 20px; } + .btn-sm.btn-grad { padding: 5px 30px; } + .btn-xxs { font-size: 13px; line-height: 21px; padding: 0 10px; } + .btn-play { height: 80px; width: 80px; font-size: 18px; line-height: 78px; } + .btn-play-sm { height: 60px; width: 60px; line-height: 58px; } + .btn-icon { padding-left: 6px; padding-right: 6px; } + .btn-grp { margin: -15px; } + .btn-grp > div, .btn-grp > li { padding: 15px; } + .text-sm-left .btn-grp { justify-content: center; } + .btn-grp-s2 { margin: -10px; position: relative; } + .btn-grp-s2 > div, .btn-grp-s2 > li { padding: 10px; } + .btn-grp-s2 .btn-download { width: auto; height: 40px; } + .btn-transparent { padding: 12px 6px; } } + +@media (min-width: 768px) { .text-md-left .btn-grp { justify-content: flex-start; } } + +@media (min-width: 992px) { .text-lg-left .btn-grp { justify-content: flex-start; } + .btn-grp .btn-lg { padding: 15px 35px; } } + +@media (min-width: 1200px) { .text-xl-left .btn-grp { justify-content: flex-start; } } + +.badge { color: #fff; background-color: #fe4350; display: inline-block; font-weight: 600; text-transform: uppercase; border-radius: 34px; padding: 5px 16px; font-size: 13px; line-height: 24px; border: 1px solid #fe4350; } + +.badge:not(.badge-outline) { color: #fff; } + +.badge-primary { background-color: #fe4350; border-color: #fe4350; color: #fe4350; } + +.badge-secondary { background-color: #ff6c3f; border-color: #ff6c3f; color: #ff6c3f; } + +.badge-info { background-color: #026bfb; border-color: #026bfb; color: #026bfb; } + +.badge-warning, .badge-hot { background-color: #f6be26; border-color: #f6be26; color: #f6be26; } + +.badge-success, .badge-new { background-color: #39d884; border-color: #39d884; color: #39d884; } + +.badge-danger { background-color: #e6604a; border-color: #e6604a; color: #e6604a; } + +.badge-dark { background-color: #223b55; border-color: #223b55; color: #223b55; } + +.badge-light { background-color: #cce3f4; border-color: #cce3f4; color: #415076 !important; } + +.badge-light.badge-outline { color: #cce3f4; } + +.badge-outline { background-color: transparent; } + +.badge-lg { font-size: 16px; } + +.badge-md { border-radius: 34px; padding: 5px 16px; font-size: 12px; line-height: 18px; } + +.badge-sm { border-radius: 34px; padding: 2px 12px; font-size: 12px; line-height: 18px; } + +.badge-xs { border-radius: 34px; padding: 0 8px; font-size: 9px; line-height: 16px; letter-spacing: 0.05em; } + +.badge-cap { text-transform: capitalize; } + +.badge-regular { font-weight: 400; } + +.badge-dot { width: 5px; height: 5px; border-radius: 50%; background: #fe4350; border-color: #fe4350; display: inline-block !important; vertical-align: middle; padding: 0; } + +.link { display: inline-flex; align-items: center; font-size: 12px; color: #ff6c3f; font-weight: 500; letter-spacing: 0.005rem; white-space: nowrap; } + +.link:hover { color: #fe4350; } + +.link-uc { text-transform: uppercase; letter-spacing: 0.2em; } + +.link-icon { margin-right: 5px; font-size: 14px; transition: transform .3s; } + +.link-icon:only-child { margin-right: 0 !important; } + +.link-icon-sm { font-size: 12px; } + +.link-xs .link-icon { font-size: 12px; margin-right: 12px; } + +.link-animate:hover .link-icon { transform: translate(-5px, 0); } + +.link span + .link-icon { margin-left: 5px; margin-right: 0; } + +.link-animate:hover span + .link-icon { transform: translate(5px, 0); } + +.link .icon-circle { font-size: inherit; margin-right: 12px; } + +.link .icon-circle.link-icon { transition: all .4s; } + +.link-break { flex-direction: column; } + +.link-break .icon-circle { margin-left: 10px; margin-bottom: 10px; } + +.link-primary { color: #fe4350 !important; } + +.link-primary .link-icon.icon-circle { background: #fe4350; color: #fff !important; } + +.link-primary:hover { color: #ff6c3f !important; } + +.link-primary:hover .link-icon.icon-circle { background: #ff6c3f; } + +.link-light { color: #415076 !important; } + +.tc-light .link-light { color: #fff !important; } + +.link-light .link-icon { color: #fe4350; } + +.link-light .link-icon.icon-circle { background: #415076; color: #fff !important; } + +.link-light:hover { color: #fe4350 !important; } + +.link-light:hover .link-icon.icon-circle { background: #fe4350; } + +.link-thin { font-weight: 300; } + +.link-underline { text-decoration: underline !important; } + +@media (min-width: 420px) { .btn-grp-break > div, .btn-grp-break > li { width: auto; text-align: left; } + .link { font-size: 14px; } + .link-xs { font-size: 12px; } + .link-break { flex-direction: row; } + .link-break .icon-circle { margin-left: 0; margin-bottom: 0; } } + +/** 03.03 Title */ +.title { position: relative; font-size: 1.75rem; } + +.title:not(:last-child) { margin-bottom: 1.25rem; } + +.title small { font-size: 50%; margin-top: 0.75rem; } + +.title-thin { font-weight: 300; } + +.title-regular { font-weight: 400; } + +.title-xxs { font-size: 12px; letter-spacing: 0.1em; } + +.title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + +.title-xs { text-transform: uppercase; font-size: 0.88rem; letter-spacing: 0.2em; } + +.title-xs-alt { font-size: 0.94rem; } + +.title-xs-s1 { font-size: 1.1rem; letter-spacing: 0.4em; } + +.title-xs-s2 { font-size: 1.1rem; letter-spacing: 0; } + +.title-xs small { font-size: 70%; } + +.title-sm { font-size: 1.125rem; } + +.title-sm:not(:last-child) { margin-bottom: 0.85rem; } + +.title-sm small { font-size: 70%; } + +.title-md { font-size: 1.375rem; } + +.feature-text-wd .title-md { font-size: 1.125rem; } + +.title-md:not(:last-child) { margin-bottom: 1rem; } + +.title-lg { font-size: 1.75rem; } + +.title-xl { font-size: 1.75rem; } + +.title-xl-s2 { font-size: 1.75rem; line-height: 1.3; } + +.title-light { color: rgba(254, 67, 80, 0.6); } + +.title-dark { color: #12183a; } + +.title-base { color: #415076; } + +.title a { color: #fe4350; } + +.title a:hover { color: #fe4350; } + +a:hover .title { color: #fe4350; } + +a .title { transition: all .4s; } + +.title-mid { font-weight: 500; } + +.title-semibold { font-weight: 600; } + +.title-bold { font-weight: 700; } + +.title-s1 { padding-left: 75px; display: inline-block; font-weight: 600; } + +.title-s1:before { position: absolute; left: 0 !important; top: 50%; margin-top: -1px; height: 2px; width: 60px; content: ''; transform: translate(0, -50%) !important; opacity: 1 !important; background: #fe4350; } + +.tc-light .title-s1:before { background: #fff; } + +.title-s1.tc-primary:before, .tc-primary a.title-s1:before { background: #fe4350; } + +.title-s2 { padding-bottom: 26px; } + +.title-s2:after { position: absolute; left: 50%; bottom: 0; content: ''; margin-left: -40px; width: 80px; height: 6px; border-radius: 3px; background: #fe4350; } + +.tc-light .title-s2:after { background: #fe4350; } + +.title-s2-alt { padding-bottom: 0; padding-top: 26px; } + +.title-s2-alt:after { top: 0; bottom: auto; } + +.title-s3 { font-size: 2.2rem !important; line-height: 1.3 !important; } + +.title-s4 { font-size: 2.3rem; opacity: 0.3; padding-bottom: 10px; text-transform: uppercase; } + +.title-s5 { padding-bottom: 24px; margin-bottom: 20px; } + +.title-s5.title-sm { font-size: 0.9rem; } + +.title-s5.title-sm span:first-child { font-size: 1.25rem; } + +.title-s5 span:first-child { display: block; padding-bottom: 13px; color: #fe4350; font-weight: 500; } + +.tc-light .title-s5 span:first-child { color: #fff; } + +.title-s5 span:last-child { opacity: .7; } + +.title-s5:after { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); content: ''; width: 50px; height: 3px; border-radius: 2px; background: #fe4350; } + +.title-s6 { position: relative; } + +.title-s6:before { position: absolute; top: 8px; left: -15px; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #fe4350; } + +.title-s7 span:first-child { display: block; padding-bottom: 13px; color: #ff6c3f; font-size: 1.35rem; } + +.tc-light .title-s7 span:first-child { color: #fff; } + +.title-s7 span:last-child { font-size: 0.9rem; color: #415076; } + +.title-xxl-grad { font-size: 70px; line-height: 1; font-weight: 700; margin-bottom: 0; background: -webkit-linear-gradient(#fe1021, #ff450c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: .4; } + +.title-ele-head { background: linear-gradient(180deg, #415076 0%, #fff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.title-sub { color: #d87032; } + +@media (min-width: 576px) { .title { font-size: 2rem; } + .title:not(:last-child) { margin-bottom: 1.25rem; } + .title small { font-size: 50%; margin-top: 0.75rem; } + .title-xxs { font-size: 12px; letter-spacing: 0.1em; } + .title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + .title-xs { font-size: 0.88rem; } + .title-xs-alt { font-size: 0.94rem; } + .title-xs-s1 { font-size: 1.1rem; } + .title-xs-s2 { font-size: 1.1rem; } + .title-xs small { font-size: 70%; } + .title-sm { font-size: 1.125rem; } + .title-sm:not(:last-child) { margin-bottom: 0.85rem; } + .title-md { font-size: 1.375rem; } + .title-md:not(:last-child) { margin-bottom: 1rem; } + .title-md-s2 { font-size: 1.675rem; line-height: 1.6; } + .title-lg { font-size: 1.75rem; } + .title-xl { font-size: 3.5rem; } + .title-xl-s2 { font-size: 2.2rem; } + .title-s3 { font-size: 2.2rem !important; } + .title-s4 { font-size: 2.3rem; } + .title-s5.title-sm { font-size: 0.9rem; } + .title-s5.title-sm span:first-child { font-size: 1.25rem; } + .title-xl-2 { font-size: 1.8rem !important; } + .title-xxl-grad { font-size: 140px; } } + +@media (min-width: 768px) { .title-xl-2 { font-size: 2.2rem !important; } + .title-xxl-grad { font-size: 200px; } } + +@media (min-width: 992px) { .title-xxl-grad { font-size: 250px; } + .feature-text-wd .title-md { font-size: 1.375rem; } } + +@media (min-width: 1200px) { .title-xl-s2 { font-size: 2.8rem !important; } } + +@media (min-width: 1600px) { .title-xl-2 { font-size: 2.8rem !important; line-height: 1.3 !important; } + .banner-s1 .title-xl-2 { font-size: 2.3rem !important; } + .title-xl-s3 { font-size: 2.75rem !important; } } + +/** 03.04 List */ +.list li { line-height: 1.674; padding: 5px 0; position: relative; color: #415076; font-size: 14px; } + +.tc-light .list li { color: #fff0e7; } + +.list-check li { padding-left: 24px; } + +.list-check li:before { position: absolute; top: 0; left: 0; height: 22px; width: 26px; line-height: 26px; padding: 3px 0; color: #fe4350; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; content: '\f00c'; transition: all .4s; } + +.tc-light .list-check li:before { color: #fe4350; } + +.list-check-s3 li { padding: 0px 0px 0px 55px; margin-bottom: 18px; line-height: 1.8; } + +.list-check-s3 li:before { width: 35px; height: 35px; background: #fe4350; border-radius: 50%; color: #fff; text-align: center; line-height: 29px; font-size: 16px; left: 0; top: 5px; } + +.tc-light .list-check-s3 li:before { background: #fe4350; color: #fff; } + +.list-check-s3-sm li { padding: 0px 0px 0px 40px; margin-bottom: 30px; } + +.list-check-s3-sm li .title-md { margin-bottom: 0.5rem; } + +.list-check-s3-sm li:before { width: 25px; height: 25px; line-height: 20px; font-size: 11px; top: 2px; } + +.list-check-s4 li { margin: 0; padding-left: 35px; position: relative; } + +.list-check-s4 li:before { left: 15px; top: 14px; } + +.list-number { counter-reset: item; } + +.list-number li { line-height: 1.86; margin-bottom: 10px; padding-left: 65px; } + +.list-number li:before { position: absolute; top: 10px; left: 25px; counter-increment: item; content: counter(item) "."; font-size: 30px; font-weight: 700; line-height: 1; color: #fe4350; font-family: 'Poppins', sans-serif !important; } + +.tc-light .list-number li:before { color: #fe4350; } + +.list-number-s2 li { padding-left: 60px; } + +.has-rtl .list-number-s2 li { padding-right: 60px; padding-left: 0; } + +.list-number-s2 li:not(:last-child) { margin-bottom: 16px; } + +.list-number-s2 li span { width: 30px; height: 30px; position: absolute; left: 0; top: 5px; line-height: 30px; text-align: center; background: rgba(254, 67, 80, 0.2); border-radius: 50%; color: #fed895; font-weight: 400; } + +.has-rtl .list-number-s2 li span { left: auto; right: 0; } + +.list-dot li { position: relative; padding-left: 22px; line-height: 1.62; } + +.list-dot li:before { position: absolute; top: 14px; left: 0; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #fe4350; } + +.tc-light .list-dot li:before { background: #fed895; } + +.list-dot.list-sm { margin-top: -5px; margin-bottom: -5px; } + +.list-dot.list-sm li { padding-left: 16px; font-size: 0.9rem; padding-top: 10px; padding-bottom: 10px; } + +.list-dot.list-sm li:before { top: 19px; } + +.list-dot-bar { padding: 20px 0 65px 38px; } + +.list-dot-bar li { margin-bottom: 10px; } + +.list-dot-bar li span { width: 20px; height: 20px; content: ""; background: transparent; position: absolute; border-radius: 50%; border: 2px solid #ff6c3f; left: -38px; top: 7px; } + +.list-dot-bar li span:after, .list-dot-bar li span:before { position: absolute; content: ""; top: 50%; left: 50%; background: #ff6c3f; } + +.list-dot-bar li span:after { width: 7px; height: 7px; border-radius: 50%; transform: translate(-50%, -50%); } + +.list-dot-bar li span:before { width: 18px; height: 2px; transform: translateY(-50%); } + +.list-btn li { display: inline-block; padding-right: 15px; } + +.list-btn li:not(:first-child) a { padding-right: 10px; } + +.list-btn-dropdown { margin: -22px -30px; } + +.list-btn-dropdown > li { display: inline-block; margin: 18px 30px; } + +.list-btn-dropdown > li a { min-width: 200px; } + +.list-btn-dropdown > li a i { position: absolute; font-size: 20px; top: 0; right: 30px; line-height: 42px; } + +.list-inline { display: inline-flex; } + +@media (min-width: 576px) { .list li { font-size: 15px; } } + +/** 03.05 Form */ +input ~ .error, textarea ~ .error, select ~ .error { position: absolute; right: -10px; top: -15px; background: #e6604a; color: #fff; font-size: 11px; line-height: 18px; padding: 2px 10px; border-radius: 2px; z-index: 9; white-space: nowrap; } + +input ~ .error:after, textarea ~ .error:after, select ~ .error:after { position: absolute; content: ''; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid #e6604a; border-bottom: 5px solid transparent; bottom: -5px; left: 3px; } + +.tc-light input ~ .error, .tc-light textarea ~ .error, .tc-light select ~ .error { background: #fff; color: #e6604a; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); } + +.tc-light input ~ .error:after, .tc-light textarea ~ .error:after, .tc-light select ~ .error:after { border-right-color: #fff; } + +input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input::-webkit-input-placeholder, .tc-light .bg-light-alt input::-webkit-input-placeholder, .tc-light .bg-white input::-webkit-input-placeholder, .tc-light .bg-light textarea::-webkit-input-placeholder, .tc-light .bg-light-alt textarea::-webkit-input-placeholder, .tc-light .bg-white textarea::-webkit-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input::-webkit-input-placeholder, .tc-light textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input::-moz-placeholder, .tc-light .bg-light-alt input::-moz-placeholder, .tc-light .bg-white input::-moz-placeholder, .tc-light .bg-light textarea::-moz-placeholder, .tc-light .bg-light-alt textarea::-moz-placeholder, .tc-light .bg-white textarea::-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input::-moz-placeholder, .tc-light textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input:-ms-input-placeholder, .tc-light .bg-light-alt input:-ms-input-placeholder, .tc-light .bg-white input:-ms-input-placeholder, .tc-light .bg-light textarea:-ms-input-placeholder, .tc-light .bg-light-alt textarea:-ms-input-placeholder, .tc-light .bg-white textarea:-ms-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input:-ms-input-placeholder, .tc-light textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-moz-placeholder, textarea:-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input:-moz-placeholder, .tc-light .bg-light-alt input:-moz-placeholder, .tc-light .bg-white input:-moz-placeholder, .tc-light .bg-light textarea:-moz-placeholder, .tc-light .bg-light-alt textarea:-moz-placeholder, .tc-light .bg-white textarea:-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input:-moz-placeholder, .tc-light textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +.field-item { position: relative; padding-bottom: 15px; } + +.field-wrap { position: relative; } + +.field-wrap + p { margin-top: .75rem; } + +.field-wrap .btn + .form-results:not(:empty) { margin-top: 30px; } + +.field-wrap .label-inline { padding-left: 25px; line-height: normal; } + +.has-rtl .field-wrap .label-inline { padding-left: 0; padding-right: 25px; } + +.field-wrap .label-inline .icon { font-size: 20px; color: #adb2be; } + +.field-label { font-size: 12px; font-weight: 700; letter-spacing: 0.2em; } + +.field-label-line { position: absolute; width: 100%; top: 10px; font-size: 0.94rem; font-weight: 400; letter-spacing: normal; left: 0; color: rgba(65, 80, 118, 0.6); z-index: 1; transition: all .5s ease; transform-origin: left; } + +.tc-light .field-label-line { color: #fff; } + +.field-item-center .field-label-line { transform-origin: center; } + +.field-inline { border-radius: 6px; display: flex; } + +.field-inline input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } + +.field-inline.field-split .btn:not(.btn-round) { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; } + +.wgs-search .field-inline.field-split .btn:not(.btn-round) { height: auto; } + +.field-inline .field-wrap { flex-grow: 1; } + +.field-inline .submit-wrap .btn { width: 100%; } + +.field-inline + .form-results.alert { width: 100%; margin-top: 15px; } + +.field-inline-s2 { padding: 10px; display: block; } + +.field-inline-s2 .btn { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + +.field-inline-s2-sm { padding: 5px; } + +.field-inline-s2 input { text-align: center; } + +@media (max-width: 575px) { .field-inline-s2 input { margin-bottom: 5px; } } + +.field-inline-s3 .btn-light { color: #fe4350 !important; } + +.field-inline-s4 { align-items: center; } + +.field-inline-s4 .input-solid { background: rgba(255, 255, 255, 0.2); } + +.field-inline-s4 .field-wrap { margin-right: -50px; } + +.field-inline-round { border-radius: 50px; } + +.field-inline-round .input-solid { padding-left: 30px; } + +.input-solid { background: none; border: none; width: 100%; padding: 15px 20px; line-height: 23px; } + +.tc-light .input-solid { color: #fff; } + +.tc-light .bg-light .input-solid, .tc-light .bg-light-alt .input-solid, .tc-light .bg-white .input-solid { color: #415076; } + +.input-solid-md { padding: 12px 20px; line-height: 22px; } + +.input-solid-lg { padding: 20px 20px; } + +.input-solid:focus { outline: none; } + +.input-line { position: relative; z-index: 2; background: transparent; border: none; width: 100%; font-size: 15px; line-height: 19px; padding: 16px 0 8px; color: #415076; border-bottom: 1px solid #dee2e6; outline: none; transition: all .4s; } + +.tc-light .input-line { color: #fff; border-bottom-color: rgba(222, 226, 230, 0.3); } + +.input-line:focus { border-bottom-color: #fe4350; } + +.field-item-center .input-line { text-align: center; } + +.input-textarea { height: 105px; resize: none; outline: none; } + +.input-textarea ~ .field-label-line { top: 73px; } + +.input-focused .field-label-line { left: 0; top: -10px; transform: scale(0.7); } + +.input-bordered { border-radius: 6px; border: 1px solid #dee2e6; width: 100%; padding: 10px 15px; line-height: 21px; font-size: .9em; color: #415076; transition: all .4s; background-color: transparent; } + +.input-bordered-lg { padding: 13px 20px; } + +.input-bordered-lg-s1 { padding: 17px 20px; } + +.tc-light .field-inline-s3 .input-bordered { border-color: rgba(255, 255, 255, 0.5); } + +.field-inline-s3 .input-bordered { border-width: 2px; border-right-width: 0 !important; } + +.field-item-s2 .input-bordered { border: 2px solid #d1e0f6; background: transparent; } + +.tc-light .input-bordered { color: #fff; background: rgba(254, 67, 80, 0.2); border-color: rgba(255, 255, 255, 0.25); } + +.tc-light .input-bordered:focus { border-color: rgba(255, 255, 255, 0.45); } + +.input-bordered:focus { box-shadow: none; outline: none; border-color: #cccdd3; } + +.input-bordered:disabled { background: rgba(222, 226, 230, 0.2); } + +.input-switch { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-switch ~ label:not(.error) { line-height: 20px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; padding-left: 48px; min-height: 30px; min-width: 48px; border-radius: 12px; margin-bottom: 0; display: flex; align-items: center; position: relative; font-size: 14px; color: #415076; } + +.input-switch ~ label:not(.error).no-text { padding-left: 56px; } + +.input-switch ~ label:not(.error):before, .input-switch ~ label:not(.error):after { position: absolute; content: ''; transition: all .4s; } + +.input-switch ~ label:not(.error):before { left: 0; top: 50%; transform: translateY(-50%); height: 20px; width: 40px; border-radius: 15px; background: #d3e0f3; } + +.input-switch ~ label:not(.error):after { left: 2px; top: 50%; transform: translateY(-50%); height: 16px; width: 16px; border-radius: 50%; background: #fff; } + +.input-switch ~ label:not(.error) span { transition: all .4s; opacity: 1; } + +.input-switch ~ label:not(.error) span.over { position: absolute; left: 48px; } + +.input-switch ~ label:not(.error) span:last-child { opacity: 0; } + +.input-switch:disabled ~ label { opacity: .5; } + +.input-switch:checked ~ label:before { background: #fe4350; } + +.input-switch:checked ~ label:after { left: 22px; } + +.input-switch:checked ~ label span { opacity: 0; } + +.input-switch:checked ~ label span:last-child { opacity: 1; } + +.input-switch ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-checkbox, .input-radio { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-checkbox ~ label:not(.error), .input-radio ~ label:not(.error) { position: relative; padding-left: 28px; line-height: 20px; font-size: 14px; cursor: pointer; margin-bottom: 0; } + +.input-checkbox ~ label:not(.error):before, .input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { position: absolute; left: 0; top: 0; height: 20px; width: 20px; line-height: 20px; text-align: center; content: ''; background-color: transparent; border-radius: 3px; } + +.input-checkbox ~ label:not(.error):before, .input-radio ~ label:not(.error):before { border: 2px solid #dee2e6; } + +.input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; background-color: #fe4350; color: #fff; opacity: 0; transition: all .4s; } + +.input-checkbox:checked ~ label:not(.error):after, .input-radio:checked ~ label:not(.error):after { opacity: 1; } + +.input-checkbox ~ .error, .input-radio ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { border-radius: 50%; } + +@media (min-width: 576px) { .field-item { padding-bottom: 30px; } + .field-inline .btn-md { line-height: 23px; } } + +@media (min-width: 768px) { .field-inline .submit-wrap .btn { width: auto; height: 100%; } + .field-inline-s2 { display: flex; } + .field-inline-s2 input { text-align: left; } } + +.select2-container.select2 { width: 100% !important; } + +.select2-container .select2-selection { position: relative; } + +.select2-container .select2-selection:focus { outline: none; } + +.select2-container .select2-selection .select2-selection__rendered { color: rgba(65, 80, 118, 0.6); font-size: 0.94rem; } + +.select2-container .select2-selection .select2-selection__arrow { position: absolute; top: 0; right: 0; height: 100%; width: 40px; } + +.select2-container .select2-selection .select2-selection__arrow:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; font-family: "themify"; content: '\e64b'; text-align: center; line-height: 20px; padding: 10px 0; font-size: .88rem; } + +.select2-container .select2-dropdown { border-color: #dee2e6 !important; } + +.select2-container.select-line .select2-selection { height: 44px; line-height: 20px; padding: 16px 40px 8px 0; border-bottom: 1px solid #dee2e6; } + +.select2-container.select-line .select2-selection .select2-selection__rendered { padding-left: 0; } + +.select2-container.select-line .select2-selection .select2-selection__arrow:after { padding: 16px 0 8px; } + +.select2-container.select-bordered .select2-selection { height: 42px; line-height: 20px; padding: 10px 40px 10px 0; border: 1px solid #dee2e6; border-radius: 6px; } + +.select2-container.select-bordered .select2-selection .select2-selection__rendered { padding-left: 15px; } + +.select2-container.select-bordered.select-lg .select2-selection { height: 50px; border: 2px solid #dee2e6; padding: 13px 40px 13px 10px; min-width: 146px; } + +.select2-container--below.select2-container--open.select-bordered .select2-selection--single { border-radius: 6px 6px 0 0; } + +.select2-container--above.select2-container--open.select-bordered .select2-selection--single { border-radius: 0 0 6px 6px; } + +.select2-container.select-lg .select2-selection .select2-selection__arrow:after { padding: 13px 0; } + +.select2-container.select-lg .select2-selection .select2-selection__rendered { color: #12183a; font-size: 1rem; } + +.select2-search { display: none; } + +.select2-results { padding: 5px 0; } + +.select2-results__option { padding: 6px 15px; font-size: .88rem; transition: all .4s; max-height: 180px; } + +.select2-results__option[aria-selected="true"], .select2-results__option:hover { background: #dee2e6; } + +.select-line.select2-container--open .select2-dropdown--above { border-bottom: 1px solid #dee2e6 !important; } + +.submit-wrap { margin-left: -3px; } + +.submit-wrap-s2 { margin: -4px 0; } + +.submit-wrap-s2 .btn { border-radius: 5px !important; } + +.btn-auto-lg { font-size: 20px; } + +@media (min-width: 992px) { .select2-container.select-bordered.select-lg .select2-selection { min-width: 255px; } } + +@media (max-width: 400px) { .field-inline-wrap { flex-wrap: wrap; } + .field-inline-wrap .submit-wrap { margin-left: auto; margin-right: auto; margin-top: 10px; } } + +/**/ +/** 03.06 Table */ +.table { color: inherit; } + +.table td { border-top: none; padding: 18px 0; font-size: 1rem; line-height: 1.5rem; } + +.table tr { border-bottom: 1px solid rgba(254, 67, 80, 0.2); } + +.table tr:last-child { border-bottom: none; } + +.table-head { font-weight: 500; color: #fe4350; } + +.table-token { margin-bottom: 5px; } + +.table-token .table-head { padding-bottom: 2px; } + +.table-token .table-des { padding-top: 2px; } + +.table-token-s1 { border: 1px solid rgba(209, 224, 246, 0.7); border-collapse: separate; border-radius: 6px; margin-bottom: 0; } + +.tc-light .table-token-s1 { border-color: rgba(255, 255, 255, 0.1); } + +.table-token-s1 tr:nth-child(odd) td:first-child { background: #eff8ff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:first-child { background: #fe4350; } + +.table-token-s1 tr:nth-child(odd) td:last-child { background: #fff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:last-child { background: #fe3947; } + +.table-token-s1 tr:nth-child(even) td:first-child { background: #e7f3ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:first-child { background: #fe5c68; } + +.table-token-s1 tr:nth-child(even) td:last-child { background: #f7f9ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:last-child { background: #fe4d59; } + +.table-token-s1 tr:first-child td:first-child { border-top-left-radius: 6px; } + +.table-token-s1 tr:first-child td:last-child { border-top-right-radius: 6px; } + +.table-token-s1 tr:last-child td:first-child { border-bottom-left-radius: 6px; } + +.table-token-s1 tr:last-child td:last-child { border-bottom-right-radius: 6px; } + +.table-token-s1 tr td { width: 48%; font-weight: 500; font-size: 0.93rem; line-height: 24px; padding: 12px !important; padding-left: 18px !important; color: #415076; } + +.tc-light .table-token-s1 tr td { color: #fff; } + +.table-token-s1 tr td:last-child { color: #fe4350; font-weight: 400; font-size: 0.88rem; } + +.tc-light .table-token-s1 tr td:last-child { color: rgba(255, 255, 255, 0.6); } + +.table-bordered td { padding-left: 20px; padding-right: 20px; border: 1px solid rgba(254, 67, 80, 0.2); } + +@media (min-width: 576px) { .table-token { margin-bottom: 1rem; display: table; } + .table-token tbody { display: table-row-group; } + .table-token tr { display: table-row; } + .table-token td { display: table-cell; } + .table-token .table-head, .table-token .table-des { padding: 18px 0; } } + +/** 03.07 Progress */ +.progress-list { margin-top: .8rem; } + +.progress-wrap { margin-bottom: 1rem; } + +.progress-wrap:last-child:not(:only-child) { margin-bottom: 0; } + +.progress-wrap-point { margin-bottom: 55px; } + +.progress-wrap-point-s1 { margin-bottom: 30px; margin-top: 50px; } + +.progress-title { text-transform: uppercase; font-size: 0.75rem; font-weight: 500; display: flex; justify-content: space-between; padding-bottom: .4rem; } + +.progress-amount { font-weight: 400; } + +.progress-bar { position: relative; width: 100%; height: 20px; border-radius: 4px; background: rgba(254, 67, 80, 0.2); } + +.progress-bar .progress-percent { border-radius: 4px; } + +.progress-bar-xs { height: 6px; border-radius: 2px; } + +.progress-bar-xs .progress-percent { border-radius: 2px; border: none; } + +.progress-bar-sm { height: 15px; border-radius: 2px; } + +.progress-bar-md { height: 24px; border-radius: 3px; } + +.progress-bar-md .progress-percent { padding: 3px 0; } + +.progress-bar-s1 { padding: 6px; width: 100%; background: #fff; border-radius: 16px; height: auto; } + +.progress-bar-s2.bar-round { border-radius: 30px; } + +.progress-bar-s2.bar-round .progress-percent { border-radius: 30px; } + +.progress-bar-s2 .progress-percent { top: 3px; left: 3px; bottom: 3px; right: 3px; border: none; } + +.progress-bar-s2 .progress-percent:after { display: none; } + +.progress-percent { position: absolute; top: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 12px; background: #fe4350; } + +.progress-percent-s2 { z-index: 2; } + +.progress-percent-s2:after { position: absolute; content: ''; top: 50%; right: 0; height: 18px; width: 18px; border-radius: 50%; border: 2px solid #fff; background: #fe4350; transform: translate(50%, -50%); } + +.progress-percent-s1 { position: relative; max-height: 20px; border: none; min-height: 20px; border-radius: 20px !important; } + +.progress-percent-s3 { border: none; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } + +.progress-info { display: block; font-size: 16px; color: #fff; padding: 12px 0 22px; } + +.progress-info span { font-weight: 500; font-size: 18px; color: #ff6c3f; } + +.progress-info-s2 { font-size: 12px; text-transform: uppercase; padding: 0 0 17px; } + +.progress-info-s2 span { font-size: 14px; text-transform: capitalize; color: #fff; } + +.progress-point { color: #fff; font-size: 11px; line-height: 14px; font-weight: 500; text-transform: uppercase; position: absolute; top: 30px; transform: translateX(-50%); padding: 3px 0; } + +.progress-point:after { position: absolute; bottom: 100%; left: 50%; margin-left: -1px; content: ''; width: 2px; height: 40px; background: rgba(200, 205, 211, 0.5); } + +.progress-bar-md .progress-point { top: 40px; font-size: 14px; font-weight: 400; text-transform: capitalize; } + +.progress-bar-md .progress-point:after { bottom: calc(100% + 10px); height: 30px; } + +.progress-point span { display: block; font-size: 12px; color: #fe4350; } + +.progress-point-s1 { top: -35px; } + +.progress-point-s1:after { bottom: auto; top: 100%; height: 30px; } + +.progress-point-1 { left: 25%; } + +.progress-point-2 { left: 85%; } + +.progress-points { padding-top: 10px; display: flex; justify-content: space-between; } + +ul.progress-info { display: flex; justify-content: space-between; } + +@media (min-width: 576px) { .progress-bar-md { height: 36px; } + .progress-percent { font-size: 14px; } + .progress-wrap-point { margin-bottom: 78px; } + .progress-wrap-point-s1 { margin-bottom: 30px; } + .progress-bar-md .progress-point { top: 60px; } + .progress-bar-md .progress-point:after { height: 50px; } } + +/** 03.08 CountDown */ +.countdown { display: flex; justify-content: space-around; margin: 0 -5px; } + +.countdown-small { justify-content: flex-start; margin: 0 -20px; } + +.countdown-s2 { margin: 0; justify-content: space-between; } + +.countdown-s3 { margin: 0 -16px 0 -25px; } + +.countdown-s4 { margin: 0; } + +.countdown-md { padding-bottom: 35px; } + +.countdown-item { padding: 0 5px; } + +.countdown-s2 .countdown-item { padding: 0; } + +.countdown-s3 .countdown-item { flex-grow: 1; } + +.countdown-s3.countdown-small .countdown-item, .countdown-s3-alt .countdown-item { flex-grow: 0; width: auto; } + +.countdown-s4 .countdown-item, .countdown-s5 .countdown-item { width: 100%; } + +.countdown-wd .countdown-item { flex-grow: 0; width: 100%; } + +.countdown-md .countdown-item { width: 80px; } + +.countdown-wd { text-align: center; } + +.countdown-time { position: relative; height: 54px; width: 54px; border-radius: 50%; border: 2px solid #fe4350; text-align: center; line-height: 50px; display: block; } + +.countdown-s2 .countdown-time { border-radius: 6px; background-color: #fe4350; border-color: transparent; font-size: 1.4rem; font-weight: 500; color: #fff; } + +.countdown-s3 .countdown-time { border-radius: 0; border: none; font-size: 2.8125rem; line-height: 50px; font-weight: 700; height: 50px; width: 100%; color: #ff6c3f; } + +.tc-light .countdown-s3 .countdown-time { color: #fff; } + +.countdown-s3 .countdown-time:after { position: absolute; top: calc(50% - 3px); right: -6px; transform: translate(50%, -50%); content: ':'; } + +.countdown-s3 .countdown-time-last:after { display: none; } + +.countdown-s3-alt .countdown-time { font-size: 1.875rem; padding: 0 20px; font-weight: 300; height: 38px; line-height: 38px; margin-bottom: 0.5rem; } + +.countdown-s3.countdown-small .countdown-time { font-size: 1rem; line-height: 24px; height: 24px; text-align: left; padding: 0 20px; } + +.countdown-s4 .countdown-time { font-size: 2rem; } + +.countdown-s4 .countdown-time, .countdown-thin .countdown-time { font-weight: 300; } + +.tc-light .countdown-s5 .countdown-time { color: #fe4350; } + +.countdown-md .countdown-time { font-size: 2rem; line-height: normal; font-weight: 400; height: auto; } + +.countdown-text { display: block; font-weight: 500; font-size: 12px; letter-spacing: 0.01em; padding-top: 8px; text-align: center; } + +.tc-light .countdown-text { color: #fff; } + +.countdown-s2 .countdown-text { text-transform: uppercase; font-weight: 400; } + +.tc-light .countdown-s2 .countdown-text { color: #fe4350; } + +.countdown-s3 .countdown-text { text-transform: uppercase; } + +.tc-light .countdown-s3 .countdown-text { color: #fff; } + +.countdown-s3-alt .countdown-text { text-transform: capitalize; padding-top: 0; font-weight: 400; } + +.countdown-s3.countdown-small .countdown-text { text-align: left; padding: 0 22px; } + +.countdown-s4 .countdown-text { text-transform: capitalize; padding-top: 0; } + +.tc-light .countdown-s5 .countdown-text { color: #fe4350; } + +.countdown-md .countdown-text { font-weight: 400; padding-top: 2px; } + +.status-countdown { overflow: hidden; } + +@media (min-width: 420px) { .countdown-time { height: 64px; width: 64px; line-height: 60px; } } + +@media (min-width: 576px) { .status-countdown { min-width: 290px; } + .countdown-large .countdown-time { font-size: 3.5rem; } + .countdown-large .countdown-time:after { font-size: 2.5rem; } } + +@media (min-width: 768px) { .countdown-wd .countdown .item { width: 100%; } + .countdown-xxl .countdown-time { font-size: 5.5rem; } + .countdown-xl .countdown-time { font-size: 4rem; } + .countdown-xl.countdown-s2 .countdown-time { width: 123px; height: 123px; line-height: 123px; border-radius: 4px; } + .countdown-xxl .countdown-text { padding-top: 30px; } + .countdown-s3-lg { margin: 0 -38px; } } + +@media (min-width: 992px) { .countdown-s4 .countdown-time { font-size: 2rem; } + .countdown-large .countdown-time { font-size: 3.5rem; } } + +@media (min-width: 1200px) { .countdown-s4 .countdown-time { font-size: 2.9rem; } + .countdown-large .countdown-time { font-size: 3.6rem; } } + +/** 03.09 Toastr */ +/* Toastr */ +#toast-container { position: fixed; z-index: 999999; margin-top: 22px; margin-bottom: 16px; } + +#toast-container .toast { opacity: 1; } + +.toast-top-center { top: 0; right: 0; width: 100%; } + +.toast-bottom-center { bottom: 0; right: 0; width: 100%; } + +.toast-top-full-width { top: 0; right: 0; width: 100%; } + +.toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } + +.toast-top-left { top: 0; left: 16px; } + +.toast-top-right { top: 0; right: 16px; } + +.toast-bottom-right { right: 16px; bottom: 0; } + +.toast-bottom-left { bottom: 0; left: 16px; } + +.toast-top-center > div, .toast-bottom-center > div { width: 650px; max-width: 90%; margin-left: auto; margin-right: auto; } + +.toast-top-full-width > div, .toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } + +.toast { background: #fff; color: #fff; overflow: hidden; margin: 0 0 8px; padding: 15px 51px 15px 15px; width: 300px; border-radius: 5px; border: none; display: flex; align-items: center; box-shadow: 0px 2px 18px 2px rgba(18, 24, 58, 0.25); background: #36080b; position: relative; } + +.toast-close-button { cursor: pointer; position: absolute; text-align: left; right: 15px; text-indent: -9999em; overflow: hidden; background: none; border-radius: 50%; border: none; height: 36px; width: 36px; transition: all .3s; } + +.toast-close-button:after { position: absolute; content: '\e646'; font-family: 'themify'; top: 0; right: -1px; text-indent: 0; display: block; font-size: 13px; line-height: 38px; height: 36px; width: 36px; text-align: center; color: #fff; transition: all .3s; } + +.toast-close-button:hover, .toast-close-button:focus { background: rgba(246, 250, 253, 0.15); box-shadow: none; outline: none; } + +.toast-message { position: relative; flex-grow: 1; font-size: 13px; line-height: 17px; display: flex; align-items: center; padding-left: 10px; min-height: 30px; } + +.toast-message-icon { display: inline-block; font-size: 14px; margin-right: 15px; margin-left: -10px; text-align: center; height: 30px; width: 30px; line-height: 30px; border-radius: 50%; } + +.toast-message-icon.ti-alert:before { position: relative; top: -2px; } + +.toast-info .toast-message-icon { background: #026bfb; } + +.toast-warning .toast-message-icon { background: #f6be26; } + +.toast-success .toast-message-icon { background: #39d884; } + +.toast-error .toast-message-icon { background: #e6604a; } + +@media (min-width: 576px) { .toast-message { font-size: 14px; line-height: 18px; } } + +/** 03.10 Misc */ +.img-xs { height: 40px; width: 40px; } + +.text-thumb { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; font-weight: 500; letter-spacing: 0.1em; border: 2px solid #fff; background: #fe4350; } + +.text-thumb-xs { height: 40px; width: 40px; } + +.icon { display: inline-block; } + +.icon-lg { font-size: 50px; } + +.icon-round { display: inline-block; text-align: center; border-radius: 50%; background: rgba(254, 67, 80, 0.1); } + +.icon-round.icon-lg { height: 90px; width: 90px; line-height: 90px; } + +.icon-circle { display: inline-flex; align-items: center; justify-content: center; height: 38px; width: 38px; border-radius: 50%; } + +.icon-circle-md { height: 50px; width: 50px; } + +.icon-border { border: 1px solid #fff; } + +.icon-animation { position: relative; } + +.icon-animation:after { position: absolute; content: ""; top: -8px; right: -8px; bottom: -8px; left: -8px; border-radius: 50%; border: 1px solid #fff; animation: 1s ease 0s normal none infinite running playbutton; } + +.icon-list li { display: inline-block; margin: 0 5px; } + +.icon-currency-list { display: flex; justify-content: center; align-items: center; } + +.icon-bg { min-width: 40px; min-height: 40px; background: #8c8c8c; color: #fff; text-align: center; line-height: 40px; font-size: 1.7rem; border-radius: 50%; margin-right: 8px; } + +.has-rtl .icon-bg { margin-right: 0; margin-left: 8px; } + +.icon-bg-md { min-height: 32px; min-width: 32px; line-height: 32px; font-size: 1.5rem; } + +.icon-bg-lg { min-width: 60px; min-height: 60px; line-height: 60px; font-size: 2rem; } + +.icon-bg-xl { min-width: 92px; min-height: 92px; line-height: 92px; font-size: 4rem; } + +.icon-bg-eth { background: #61688f; } + +.icon-bg-btc { background: #f9931a; } + +.icon-bg-ltc { background: #838383; } + +.icon-bg-dash { background: #3573c0; } + +.icon-bg-xrp { background: #1c1c1c; } + +.icon-bg-xmr { background: #ff9f17; } + +.toggle-wrap { position: relative; } + +.toggle-tigger { display: inline-block; } + +.toggle-tigger.btn { display: inline-flex; } + +.toggle-class { visibility: hidden; opacity: 0; transition: all .4s; } + +.toggle-class.active { visibility: visible; opacity: 1; } + +.toggle-drop { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: -10px; z-index: 9; } + +.toggle-drop-left { left: 0; transform: translateX(0); } + +.toggle-drop-right { left: auto; right: 0; transform: translateX(0); } + +.toggle-drop-top { bottom: 100%; top: auto; margin-bottom: 10px; } + +.toggle-drop.active { margin-top: 0; margin-bottom: 0; } + +@media (max-width: 991px) { .toggle-class-lg { position: static; margin-top: 0; display: block; visibility: visible; opacity: 1; } + .toggle-wrap-nav { width: 100%; display: flex; } + .toggle-wrap-nav .toggle-class-lg { margin-left: 20px; flex-grow: 1; } + .toggle-wrap-nav .toggle-class-lg .drop-list { max-width: 100%; } } + +.drop-wrap { position: relative; } + +.drop-list { min-width: 160px; max-width: 160px; background: #fff; padding: 10px 0; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); } + +.drop-list a { font-size: 13px; line-height: 18px; color: #415076; padding: 7px 20px; display: block; position: relative; } + +.drop-list a .badge { margin-left: 5px; position: relative; top: -1px; } + +.tc-light:not(.btn) .drop-list a { color: #415076; } + +.drop-list a:hover { color: #fe4350; } + +.drop-list-xs { min-width: 60px; max-width: 60px; } + +.drop-list-xs a { padding: 7px 8px; } + +.drop-list-mb { min-width: 80px; max-width: 80px; } + +.drop-list-mb a { padding: 7px 14px; } + +.drop-list-sm { min-width: 110px; max-width: 110px; } + +.drop-list-full { min-width: 100%; max-width: 100%; } + +.drop-list-center { text-align: center; } + +.breadcumb { margin: 0 -13px; } + +.breadcumb li { display: inline-block; padding: 0 15px; font-size: .75rem; line-height: 18px; position: relative; color: #415076; } + +.breadcumb li:not(:last-child):after { position: absolute; top: 0; right: -3px; content: '-'; line-height: 18px; color: #fe4350 !important; } + +.breadcumb li a { color: #fe4350 !important; } + +.breadcumb li a:hover:not([class]) { color: #ff6c3f !important; } + +.preloader { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; } + +.preloader:before, .preloader:after { position: absolute; left: 0; height: 51%; width: 100%; transition: all .6s ease; background: #fff; content: ''; } + +.preloader:before { top: 0; } + +.page-loaded .preloader:before { transform: translate(0, -100%); } + +.preloader:after { bottom: 0; } + +.page-loaded .preloader:after { transform: translate(0, 100%); } + +.preloader.no-default { background-color: #fe4350; } + +.page-loaded .preloader.no-default:before, .page-loaded .preloader.no-default:after { transform: translate(0, 0); } + +.preloader.no-default:before, .preloader.no-default:after { position: absolute; top: 0; left: 0; height: 100%; transition: all .6s; background-color: #fe4350; } + +.preloader-alt:after, .preloader-alt:before { background: #ff6c3f; } + +.page-loaded .preloader.no-split:before, .page-loaded .preloader.no-split:after { transform: translate(0, 0); } + +.spinner { display: block; position: relative; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; z-index: 1001; } + +.spinner-round { border-radius: 50%; border: 2px solid transparent; border-top-color: #fe4350; animation: spin 2s linear infinite; } + +.spinner-round:before, .spinner-round:after { content: ""; position: absolute; border-radius: 50%; border: 3px solid transparent; } + +.spinner-round:before { top: 5px; left: 5px; right: 5px; bottom: 5px; border-top-color: #ff6c3f; animation: spin 3s linear infinite; } + +.spinner-round:after { top: 15px; left: 15px; right: 15px; bottom: 15px; border-top-color: #fe4350; animation: spin 1.5s linear infinite; } + +.spinner-alt { border-radius: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; } + +.spinner-alt:after, .spinner-alt:before { content: ""; position: absolute; border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; } + +.spinner-alt:before { border: 1px solid rgba(255, 255, 255, 0.1); } + +.spinner-alt:after { border: 1px solid; border-top-color: #fff; border-right-color: transparent; border-left-width: 0; border-bottom-width: 0; animation: spin 1.5s linear infinite; } + +.spinner-alt.load-done { transition: all .4s; transform: scale(3); opacity: 0; border-color: transparent; } + +.spinner-alt.load-done:after, .spinner-alt.load-done:before { opacity: 0; } + +.spinner-alt.spinner-light { border: 1px solid rgba(10, 16, 21, 0.1); } + +.spinner-alt.spinner-light:after { border-top-color: #0a1015; } + +.spinner-brand { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100px; } + +@keyframes spin { 0% { -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); } } + +.text-zoom { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; text-transform: uppercase; font-weight: 700; height: 100px; width: 100px; } + +.text-item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } + +.text-item:nth-child(2) > * { animation-delay: 1s; } + +.text-item:nth-child(3) > * { animation-delay: 2s; } + +.text-item:nth-child(4) > * { animation-delay: 3s; } + +.text-item:nth-child(5) > * { animation-delay: 4s; } + +.text-item:nth-child(6) > * { animation-delay: 5s; } + +.text-item:nth-child(7) > * { animation-delay: 6s; } + +.text-item:nth-child(8) > * { animation-delay: 7s; } + +.text-item:nth-child(9) > * { animation-delay: 8s; } + +.text-small, .text-large { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; opacity: 0; } + +.text-small { color: #97afd5; z-index: 2; font-size: 60px; animation: textzoom9 9s linear infinite; } + +.text-large { color: #19243e; z-index: 0; font-size: 120px; animation: textzoom9l 9s linear infinite; } + +@keyframes textzoom9 { 0% { transform: translate(-50%, -50%) scale(0); + opacity: 0; } + 6% { transform: translate(-50%, -50%) scale(1); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.3); + opacity: 0; } } + +@keyframes textzoom9l { 0% { transform: translate(-50%, -50%) scale(0.2); + opacity: 0; } + 8% { transform: translate(-50%, -50%) scale(1.2); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.7); + opacity: 0; } } + +.modal-dialog-bottom { display: flex; align-items: flex-end; min-height: calc(100% - (.5rem * 2)); } + +.modal.fade .modal-dialog-bottom { -webkit-transform: translate(0, 25%); transform: translate(0, 25%); } + +.modal.show .modal-dialog-bottom { -webkit-transform: translate(0, -30px); transform: translate(0, -30px); } + +.modal-content { background: none; border: none; margin-left: auto; margin-right: auto; width: auto; max-width: 100%; } + +.modal-body { background: #fff; border-radius: 6px; } + +.modal-close { position: absolute; cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 39px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #415076; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(65, 80, 118, 0.2); } + +.mfp-close-btn-in .mfp-close { cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 37px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #415076 !important; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(65, 80, 118, 0.2); transition: all .4s; } + +.mfp-close-btn-in .mfp-close:hover { text-decoration: none; color: #fe4350 !important; } + +.tc-light .mfp-close-btn-in .mfp-close:hover { color: #fe4350 !important; } + +.image-popup .mfp-close { cursor: pointer; top: 22px; right: -18px; } + +.owl-nav { margin: 0 -10px 0; padding-top: 40px; } + +.carousel-nav-s1 .owl-nav { padding-top: 0px; } + +.carousel-nav-center .owl-nav { display: flex; justify-content: center; } + +.owl-nav button { border: 1px solid #fff0e7 !important; border-radius: 50% !important; height: 40px; width: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 0 10px; transition: all .4s; } + +.carousel-nav-s1 .owl-nav button { border-width: 0 !important; margin: 0; } + +.owl-nav button:focus { box-shadow: none; outline: none; } + +.owl-nav button.disabled { opacity: 0.4; } + +.owl-nav button:after { font-family: "themify"; font-size: 1rem; } + +.carousel-nav-s1 .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.carousel-nav-light .owl-nav { color: #fff; } + +.owl-prev:after { content: '\e64a'; } + +.owl-rtl .owl-prev:after { content: '\e649'; } + +.carousel-nav-s1 .owl-prev:after { content: '\f060'; } + +.carousel-nav-s1.owl-rtl .owl-prev:after { content: '\f061'; } + +.owl-next:after { content: '\e649'; } + +.owl-rtl .owl-next:after { content: '\e64a'; } + +.carousel-nav-s1 .owl-next:after { content: '\f061'; } + +.carousel-nav-s1.owl-rtl .owl-next:after { content: '\f060'; } + +.owl-dot { height: 6px; width: 12px; border-radius: 3px; display: inline-block; margin: 0 4px; transition: all .4s ease; background: rgba(254, 67, 80, 0.3) !important; } + +.owl-dot.active { background: rgba(254, 67, 80, 0.8) !important; width: 20px; } + +.owl-dot:focus { outline: none; } + +.owl-dots { text-align: center; } + +.carousel-shadow-fix .owl-stage-outer { margin: 0 -30px; margin-top: -20px; padding-left: 40px; } + +.carousel-shadow-fix.feature-carousel-center .owl-stage-outer { padding-left: 30px; } + +.carousel-shadow-fix.owl-rtl .owl-stage-outer { padding-left: 0; padding-right: 30px; } + +.carousel-shadow-fix .owl-item { padding: 20px 0 40px; } + +.carousel-shadow-fix .owl-item > div { transition: all .4s; opacity: 0; } + +.carousel-shadow-fix .owl-item.active > div { opacity: 1; } + +.carousel-shadow-fix .owl-item:not(.active) [class*='shadow'] { box-shadow: none !important; } + +.carousel-shadow-fix .owl-item .feature { margin-bottom: 0; } + +.ovm-line { position: relative; width: 64%; max-width: 1280px; height: 100%; margin-left: auto; margin-right: auto; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } + +.ovm-line:before, .ovm-line:after { position: absolute; content: ''; height: 100%; top: 0; left: 50%; transform: translateX(-50%); } + +.ovm-line:before { width: 1px; background: rgba(255, 255, 255, 0.05); } + +@media (min-width: 992px) { .ovm-line:after { width: 50%; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.nk-circle-animation { height: 300px; width: 300px; z-index: 1; } + +.nk-circle-animation + * { position: relative; z-index: 1; } + +.nk-circle-animation:before, .nk-circle-animation:after { position: absolute; content: ''; border: 4px solid rgba(255, 240, 231, 0.3); border-radius: 50%; } + +.nk-circle-animation:before { top: 0; left: 0; bottom: 0; right: 0; border-top-color: #fe4350; border-right-color: #fe4350; animation: rotatecw 30s linear infinite 0s; } + +.nk-circle-animation:after { top: 25px; left: 25px; bottom: 25px; right: 25px; border-top-color: #fe4350; border-bottom-color: #fe4350; animation: rotateacw 24s linear infinite 0s; } + +.nk-circle-animation.small:before, .nk-circle-animation.small:after { border-width: 2px; } + +.nk-circle-animation.fast:before { animation: rotatecw 15s linear infinite 0s; } + +.nk-circle-animation.fast:after { animation: rotateacw 10s linear infinite 0s; } + +.nk-circle-animation.white:before { border-top-color: #fff; border-right-color: #fff; } + +.nk-circle-animation.white:after { border-top-color: #fff; border-bottom-color: #fff; } + +.nk-circle-animation.accent-alt:before { border-top-color: #ff6c3f; border-right-color: #ff6c3f; } + +.nk-circle-animation.accent-alt:after { border-top-color: #ff6c3f; border-bottom-color: #ff6c3f; } + +.nk-circle-pk { position: relative; height: 565px; width: 640px; } + +.nk-circle-pk [class*="line"] { position: absolute; top: 0; border-radius: 50%; border: 1px solid rgba(254, 67, 80, 0.2); height: 100%; width: calc(100% - 80px); } + +.nk-circle-pk .line-1 { left: 0; } + +.nk-circle-pk .line-2 { left: 20px; } + +.nk-circle-pk .line-3 { left: 45px; } + +.nk-circle-pk .line-4 { left: 65px; } + +.token-status .nk-circle-pk { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } + +@media (min-width: 576px) { .nk-circle-animation { height: 500px; width: 500px; overflow: hidden; } + .nk-circle-animation:after { top: 45px; left: 45px; bottom: 45px; right: 45px; } + .nk-circle-animation.small { height: 400px; width: 400px; } + .nk-circle-animation.small:after { top: 35px; left: 35px; bottom: 35px; right: 35px; } } + +@media (min-width: 992px) { .token-status .nk-circle-pk { display: block; } + .icon-bg { margin-right: 20px; } + .has-rtl .icon-bg { margin-right: 0px; margin-left: 20px; } } + +.circle-animation { position: absolute; height: 700px; width: 700px; top: -75px; left: 50%; transform: translateX(-50%); } + +.circle-animation .ca { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid rgba(65, 80, 118, 0.15); } + +.tc-light .circle-animation .ca { border-color: rgba(255, 255, 255, 0.1); } + +.circle-animation .ca-dot { position: absolute; height: 12px; width: 12px; border-radius: 50%; } + +.circle-animation .ca-color-1 { background: #86cfff; } + +.circle-animation .ca-color-2 { background: #859fff; } + +.circle-animation .ca-color-3 { background: #93a6ba; } + +.circle-animation-l1 { height: 100%; width: 100%; animation: rotatecw_alt 78s linear infinite 0s; } + +.circle-animation-l1-d1 { left: 23%; top: 6.35%; } + +.circle-animation-l1-d2 { right: 23%; top: 6.35%; } + +.circle-animation-l1-d3 { right: -7px; top: 50%; } + +.circle-animation-l1-d4 { right: 23%; bottom: 6.35%; } + +.circle-animation-l1-d5 { left: 23%; bottom: 6.35%; } + +.circle-animation-l1-d6 { left: -7px; top: 50%; } + +.circle-animation-l2 { height: 84.6%; width: 84.6%; border-radius: 50%; animation: rotateacw_alt 66s linear infinite 0s; } + +.circle-animation-l2-d1 { right: 4.9%; top: 25%; } + +.circle-animation-l2-d2 { left: 42%; top: -.6%; } + +.circle-animation-l2-d3 { left: -2px; top: 40%; } + +.circle-animation-l2-d4 { left: 24%; bottom: 5.5%; } + +.circle-animation-l2-d5 { right: 11.2%; bottom: 16%; } + +.circle-animation-l3 { height: 69.2%; width: 69.2%; animation: rotatecw_alt 54s linear infinite 0s; } + +.circle-animation-l3-d1 { left: 7.6%; top: 20%; } + +.circle-animation-l3-d2 { right: 24%; top: 5.2%; } + +.circle-animation-l3-d3 { right: -3px; bottom: 39%; } + +.circle-animation-l3-d4 { right: 37%; bottom: 0; } + +.circle-animation-l3-d5 { left: 8.4%; bottom: 19%; } + +@keyframes rotatecw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(360deg); } } + +@keyframes rotateacw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(-360deg); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.social li { text-align: center; display: inline-block; padding: 0 3px; } + +.social li:first-child { padding-left: 0; } + +.social li a { display: inline-flex; align-items: center; transition: all 0.3s; width: auto; } + +.social li a:hover { opacity: 1; transform: translateX(0); } + +.social li a:hover .social-icon { background: #ff6c3f; color: #fff; } + +.tc-light .social li a:hover .social-icon { background: #fe4350; } + +.social li a:hover .social-icon + span { color: #fff; } + +.social-icon { width: 32px; height: 32px; line-height: 32px; border-radius: 50%; transition: 0.3s; color: #415076; background: #fff; } + +.tc-light .social-icon { color: #fff; background: rgba(255, 255, 255, 0.15); } + +.social-icon-transparent { background: transparent; } + +.tc-light .social-icon-transparent { background: transparent; } + +.social-icon + span { display: none; margin-left: 8px; font-weight: 600; text-transform: uppercase; font-size: 12px; color: #fe4350; transition: all 0.3s; } + +.social-bar { display: flex; flex-wrap: wrap; } + +.social-bar li { flex-grow: 1; text-align: center; line-height: 30px; } + +.social-bar li:not(:last-child) { border-right: 1px solid #f0f5fc; } + +.social-bar li span { font-size: 14px; text-transform: uppercase; } + +.social-bar li a, .social-bar li span { display: block; padding: 7px 10px; } + +.social-bar-title { width: 100%; border-bottom: 1px solid #f0f5fc; } + +@media (min-width: 576px) { .social-icon + span { display: inline-block; } + .social-bar li a, .social-bar li span { padding: 20px; } + .social-bar-title { width: auto; border-bottom: none; } } + +@media (min-width: 992px) { .social-bar li a { font-size: 20px; } + .social-bar li a, .social-bar li span { padding: 40px 20px; } } + +.language-switcher .toggle-tigger { color: #415076; position: relative; } + +.is-transparent:not(.has-fixed) .header-logo .language-switcher .toggle-tigger { color: #fff; } + +.language-switcher .toggle-tigger:not(.btn) { padding: 8px 15px 8px 10px; } + +.language-switcher .toggle-tigger:not(.btn):after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.language-switcher-s1 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s2 .toggle-tigger:after { right: 14px; } + +.language-switcher-s2 .toggle-tigger:not(.btn) { padding: 3px 26px 3px 16px; } + +.language-switcher-s3 { border-left: 1px solid rgba(255, 255, 255, 0.15); text-transform: uppercase; font-size: .88rem; margin-left: 15px; } + +.language-switcher-s3 .toggle-tigger:not(.btn) { padding: 2px 20px 2px 15px; } + +.language-switcher-s4 { position: relative; } + +@media (min-width: 992px) { .language-switcher-s4:after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; content: ''; background: rgba(255, 255, 255, 0.15); } } + +.language-switcher-s4 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s5 .toggle-tigger { font-size: 12px; font-weight: 500; text-transform: uppercase; } + +.language-flag { width: 24px; margin: 3px 8px 3px 0; } + +.language-flag-lg { width: 36px; } + +.gfx { max-width: 400px; } + +.gfx-auto { margin-left: auto; margin-right: auto; } + +.gfx-inherit { max-width: 420px; } + +.gfx-md { max-width: 380px; } + +@media (min-width: 768px) { .gfx { max-width: 500px; } + .gfx-inherit { max-width: 420px; } + .gfx-md { max-width: 380px; } } + +@media (min-width: 992px) { .gfx-re-s1 { margin: 0 -230px 0 0; } } + +@media (min-width: 1600px) { .gfx-re-lgl { margin-left: -188px; } + .gfx-re-lg { margin: 0 -168px 0 42px; } } + +@media (min-width: 1900px) { .gfx-re-lgl { margin-left: -315px; } + .gfx-re-lgr { margin-right: -315px; } + .gfx-re-mdl { margin-left: -230px; } + .gfx-re-lg { margin: 0 -200px 0 42px; } } + +.piller-one, .piller-two { position: absolute; z-index: -1; } + +.piller-one { width: 250px; top: 20%; right: 100%; margin-right: 65px; } + +.piller-two { width: 200px; left: 100%; top: 50%; margin-left: 40px; } + +.gfx-round-bg { min-width: 300px; min-height: 300px; background: #f6fafd; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } + +.gfx-round-bg.after:after { position: absolute; content: ""; left: 44px; top: 0; width: 100%; height: 100%; border: 1px solid #ff6c3f; border-radius: 50%; } + +@media (min-width: 768px) { .gfx-round-bg { min-width: 400px; min-height: 400px; } } + +@media (min-width: 1200px) { .gfx-round-bg { min-width: 480px; min-height: 480px; } } + +@media (min-width: 1600px) { .gfx-round-bg { min-width: 600px; min-height: 600px; } } + +@media (min-width: 1900px) { .gfx-round-bg { min-width: 660px; min-height: 660px; } + .gfx-round-bg-md { min-width: 557px; min-height: 557px; } } + +/** 04. Components */ +/** 04.01 Tab */ +.tab-nav li a { display: block; padding: 12px 12px; line-height: 19px; font-weight: 400; color: rgba(254, 67, 80, 0.6); border-bottom: 1px solid rgba(222, 226, 230, 0.5); transition: all .4s; } + +.tab-nav li a:hover, .tab-nav li a.active { color: #ff6c3f; } + +.tab-nav li a .fas, .tab-nav li a .far { margin-right: 10px; } + +.tab-nav-sap { flex-grow: 1; height: 2px; background: rgba(254, 216, 149, 0.4); align-self: center; margin: 0 -7px; } + +.tc-light .tab-nav-sap { background: rgba(254, 216, 149, 0.4); } + +.tab-nav-vr { display: block; } + +.tab-nav-vr li:not(:last-child) a { border-bottom: 1px solid rgba(222, 226, 230, 0.5); } + +.tab-nav-vr li:last-child a { border: none; } + +.tab-nav-vr li a { padding: 18px 20px; } + +.tc-light .tab-nav-vr li:not(:last-child) a { border-color: rgba(255, 255, 255, 0.07); } + +.tab-nav-s2 { margin: 0 -15px 15px; } + +.tab-nav-s2 li { padding: 0 15px; } + +.tab-nav-s2 li a { font-size: 18px; letter-spacing: 0.01em; text-transform: uppercase; padding: 12px 5px; border-bottom-color: transparent; } + +.tc-light .tab-nav-s2 li a { color: rgba(255, 255, 255, 0.5) !important; } + +.tab-nav-s2 li a:hover, .tab-nav-s2 li a.active { color: #fe4350; border-bottom-color: #fe4350; } + +.tab-nav-s2 li a .fas, .tab-nav-s2 li a .far { margin-right: 10px; } + +.tab-nav-s3 li a { border: none !important; border-radius: 3px; cursor: pointer; padding: 28px 30px; } + +.tab-nav-s3 li a [class*=title] { color: #12183a; transition: all .4s; } + +.tc-light .tab-nav-s3 li a [class*=title] { color: #fff; } + +.tab-nav-s3 li a p { color: #415076; line-height: 1.6; } + +.tc-light .tab-nav-s3 li a p { color: #fff0e7; } + +.tab-nav-s3 li a.active { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); background: #fff; cursor: default; } + +.tab-nav-s3 li a.active [class*=title] { color: #fe4350; } + +.tc-light .tab-nav-s3 li a.active { background: #ff6c3f; } + +.bg-theme-alt .tab-nav-s3 li a.active { background: #fe4350; } + +.tab-nav-s4 { border: none; padding: 5px; border-radius: 30px; display: inline-block; } + +.tab-nav-s4 li { display: inline-block; } + +.tab-nav-s4 li a { border: none; line-height: 24px; background: transparent; font-weight: 600; color: #fff; font-size: 11px; padding: 10px 22px; border-radius: 25px; font-weight: 600; display: inline-block; } + +.tab-nav-s4 li a.active { color: #fe4350 !important; background: #fff; } + +.tc-light .tab-nav-s4 li a.active:hover { color: tab_nav_s4_active_color !important; } + +.tc-light .tab-nav-s4 li a:hover { color: #fff !important; } + +.tab-nav-center { justify-content: center; } + +.tab-nav-bdr { border: 1px solid #dee2e6; border-radius: 5px; } + +.tc-light .tab-nav-bdr { border-color: rgba(255, 255, 255, 0.07); background: rgba(255, 255, 255, 0.02); } + +.tab-nav-line { margin-bottom: 20px; border-bottom: 2px solid rgba(222, 226, 230, 0.5); text-align: center; justify-content: center; } + +.tab-nav-line li a { border-bottom: none; position: relative; } + +.tab-nav-line li a:after { position: absolute; width: 100%; height: 2px; left: 0; bottom: -2px; content: ''; background: #fe4350; opacity: 0; transition: all .4s; } + +.tab-nav-line li a:hover, .tab-nav-line li a.active { color: #fe4350; } + +.tab-nav-line li a.active:after { opacity: 1; } + +.tc-light .tab-nav-line { border-bottom-color: rgba(222, 226, 230, 0.5); } + +.tc-light .tab-nav li a:after { background: #fe4350; } + +.tc-light .tab-nav li a:hover, .tc-light .tab-nav li a.active { color: #fe4350 !important; } + +.tab-nav-btn { margin: -7px -7px 8px; } + +.tab-nav-btn li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn li a { border-radius: 3px; color: #415076; background: rgba(254, 67, 80, 0.1); border-color: transparent; padding: 10px 18px; } + +.tc-light .tab-nav-btn li a { color: #415076; background: rgba(255, 255, 255, 0.1); border-color: transparent; } + +.tab-nav-btn li a:hover, .tab-nav-btn li a.active { color: #fe4350 !important; background: rgba(254, 67, 80, 0.1); } + +.tc-light .tab-nav-btn li a:hover, .tc-light .tab-nav-btn li a.active { color: #fe4350 !important; background: rgba(254, 67, 80, 0.1); } + +.tab-nav-btn-s2 li a:hover, .tab-nav-btn-s2 li a.active { color: #fff !important; background: #fe4350; } + +.tc-light .tab-nav-btn-s2 li a:hover, .tc-light .tab-nav-btn-s2 li a.active { color: #fe4350 !important; background: rgba(254, 67, 80, 0.1); } + +.tab-nav-btn-bdr { margin: -7px; } + +.tab-nav-btn-bdr li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr li a { border-radius: 3px; color: #415076 !important; background: transparent; border: 1px solid !important; border-color: #415076 !important; } + +.tc-light .tab-nav-btn-bdr li a { color: #fff !important; background: transparent; border-color: rgba(254, 216, 149, 0.4) !important; } + +.tab-nav-btn-bdr li a:hover, .tab-nav-btn-bdr li a.active { color: #fe4350 !important; background: transparent; border-color: #fe4350 !important; } + +.tc-light .tab-nav-btn-bdr li a:hover, .tc-light .tab-nav-btn-bdr li a.active { color: #fe4350 !important; background: transparent; border-color: #fe4350 !important; } + +.tab-nav-btn-bdr-s2 { margin: -7px; } + +.tab-nav-btn-bdr-s2 li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr-s2 li a { text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; font-size: .88rem; padding: 14px 22px; border-radius: 6px; color: #415076 !important; background: transparent; border: 2px solid !important; border-color: rgba(254, 216, 149, 0.4) !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a { color: #fff !important; background: transparent; border-color: rgba(254, 216, 149, 0.4) !important; } + +.tab-nav-btn-bdr-s2 li a:hover, .tab-nav-btn-bdr-s2 li a.active { color: #fe4350 !important; background: transparent; border-color: #fe4350 !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a:hover, .tc-light .tab-nav-btn-bdr-s2 li a.active { color: #fe4350 !important; background: transparent; border-color: #fe4350 !important; } + +.tab-nav-grad li a { position: relative; } + +.tc-light .tab-nav-grad li a { background: rgba(255, 255, 255, 0.1); } + +.tab-nav-grad li a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: -1; border-radius: 3px; background: linear-gradient(-45deg, #fe4350 0%, #ff6c3f 100%); opacity: 0; transition: all .4s; } + +.tc-light .tab-nav-grad li a:before { background: linear-gradient(-45deg, #fe4350 0%, #ff6c3f 100%) !important; } + +.tab-nav-grad li a:hover, .tab-nav-grad li a.active { color: #fff !important; background: transparent; } + +.tab-nav-grad li a:hover:before, .tab-nav-grad li a.active:before { opacity: 1; } + +.tc-light .tab-nav-grad li a:hover, .tc-light .tab-nav-grad li a.active { color: #fff !important; } + +.tab-pane { padding: 10px 0 0; } + +@media (min-width: 576px) { .tab-nav-line > li { flex-grow: 1; } + .tab-nav-s4 li a { font-size: 14px; padding: 13px 25px; } } + +/** 04.02 Accordion */ +.accordion-item { transition: all .4s; padding-bottom: 8px; } + +.accordion-item:not(:last-child) { border-bottom: 1px solid #dee2e6; } + +.tc-light .accordion-item:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item:not(:last-child) { border-color: rgba(254, 67, 80, 0.3); } + +.accordion-item-s2 { border-width: 2px !important; border: 2px solid #dee2e6; border-radius: 6px; } + +.tc-light .accordion-item-s2 { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2 { border-color: rgba(254, 67, 80, 0.3); } + +.accordion-item-s2.current { border-color: rgba(254, 67, 80, 0.5) !important; } + +.tc-light .accordion-item-s2.current { border-color: #fe4350 !important; } + +.accordion-item-s2:not(:last-child) { margin-bottom: 15px; } + +.tc-light .accordion-item-s2:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2:not(:last-child) { border-color: rgba(254, 67, 80, 0.3); } + +.accordion-item-s3 { border: none !important; border-radius: 6px; background: #fff; box-shadow: 0px 4px 6px 0px rgba(254, 67, 80, 0.07); } + +.bg-theme .accordion-item-s3, .tc-light .accordion-item-s3 { background: rgba(255, 255, 255, 0.05); box-shadow: none; } + +.has-bg-image .accordion-item-s3 { background: rgba(54, 8, 11, 0.7); box-shadow: none; } + +.accordion-item-s3:not(:last-child) { margin-bottom: 30px; } + +.accordion-item-s4 { background: rgba(254, 67, 80, 0.09); } + +.accordion-item-s4.current { background: rgba(254, 67, 80, 0.05); } + +.accordion-title { position: relative; color: #fe4350; font-weight: 400; cursor: pointer; padding: 22px 54px 14px 0; margin-bottom: 0; } + +.accordion-item-s2 .accordion-title { padding: 25px 54px 17px 30px; } + +.accordion-item-s3 .accordion-title { padding: 20px 54px 12px 30px; } + +.accordion-item-s4 .accordion-title { padding: 16px 54px 8px 30px; } + +.tc-light .accordion-title { color: #fe4350; } + +.accordion-title-sm { font-size: 16px; } + +.accordion-title.collapsed { color: #415076; transition: all .4s; } + +.tc-light .accordion-title.collapsed { color: #fff; } + +.tc-light .accordion-title.collapsed:hover { color: #fe4350; } + +.accordion-title.collapsed:hover { color: #fe4350; } + +.accordion-title.collapsed .accordion-icon:before { opacity: 0; } + +.accordion-title.collapsed .accordion-icon:after { opacity: 1; } + +.accordion-title.collapsed .accordion-icon-s2:after { transform: rotate(-180deg); } + +.accordion-icon { position: absolute; top: calc(50% + 4px); transform: translateY(-50%); right: 0; height: 36px; width: 36px; border-radius: 50%; background: #f6fafd; } + +.current .accordion-icon { background: #f6fafd; } + +.accordion-icon:before, .accordion-icon:after { line-height: 36px; color: #ff6c3f; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; text-align: center; transition: all .4s; } + +.current .accordion-icon:before, .current .accordion-icon:after { color: #ff6c3f; } + +.accordion-icon:before { content: '\f068'; opacity: 1; } + +.accordion-icon:after { content: '\f067'; opacity: 0; } + +.accordion-icon-s2 { background: #f6fafd; } + +.accordion-icon-s2:after { font-family: "themify"; content: '\e648'; opacity: 1 !important; } + +.accordion-icon-s2:before { display: none; } + +.accordion-item-s2 .accordion-icon { right: 12px; } + +.accordion-item-s3 .accordion-icon { right: 18px; } + +.accordion-item-s4 .accordion-icon { right: 12px; } + +.tc-light .accordion-icon { background: rgba(254, 67, 80, 0.1); } + +.tc-light .accordion-icon:after, .tc-light .accordion-icon:before { color: #fe4350; } + +.accordion-content { padding-bottom: 12px; padding-right: 46px; } + +.accordion-content p:last-child { margin-bottom: 0; } + +.accordion-item-s2 .accordion-content, .accordion-item-s3 .accordion-content, .accordion-item-s4 .accordion-content { padding-left: 30px; } + +.accordion-item-s4 .accordion-content { padding-bottom: 6px; } + +.accordion-faq { margin-top: -15px; } + +.accordion-header { padding: 20px; } + +.accordion-header p { margin-bottom: 0; } + +.accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: none; } + +.accordion-body { padding: 0 20px 30px; } + +.accordion-box:not(:last-child) { margin-bottom: 40px; } + +.border-b-none { border-bottom: 0px !important; } + +@media (min-width: 576px) { .accordion-title-sm { font-size: 18px; } + .accordion-header { padding: 20px 40px; } + .accordion-header p { margin-bottom: 0; } + .accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: block; } + .accordion-body { padding: 0 40px 40px; } } + +/** 04.03 Blocks */ +.nk-block { display: block; width: 100%; position: relative; z-index: 1; } + +.nk-block ~ .nk-block { padding-top: 40px; } + +.nk-block ~ .nk-block-team-list { padding-top: 60px; } + +.nk-block + .hr { margin-top: 40px; margin-bottom: 40px; } + +.section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + +.nk-block-lg + .nk-block { padding-top: 60px; } + +.nk-block-zero + .nk-block { padding-top: 0 !important; } + +.nk-block-text-head { padding-bottom: 35px; } + +.nk-block-img { position: relative; } + +.nk-block-img-plx { position: absolute; } + +.nk-block-img-s1 { position: relative; z-index: 99; margin-top: -71px; padding: 30px 50px; background: #fff; border-radius: 60px 60px 60px 200px; box-shadow: 0 15px 30px rgba(254, 67, 80, 0.1); } + +.nk-block-img-s2 img { max-width: 400px; width: 100%; } + +.nk-block-img-s3 img { max-width: 300px; width: 100%; } + +.nk-block-screen { padding: 70px 50px 100px 0; } + +.nk-block-screen img { border-radius: 3px; border: 1px solid #dfeaf8; } + +.nk-block-screen-small { position: absolute; right: 0; bottom: 0; max-width: 210px; } + +.nk-block-video { position: relative; border-radius: 4px; } + +.nk-block-ca { padding: 70px 20px; } + +.nk-block-plx { width: 300px; padding: 30px 10px; margin-left: auto; margin-right: auto; } + +.nk-block-contact-s1 { padding: 110px 0; position: relative; display: flex; align-items: center; justify-content: center; background: url(../images/dot-c.png) no-repeat; background-size: contain; background-position: 50% 50%; } + +.nk-block-m30, .nk-block-team-list, .nk-block-features { margin-bottom: -30px; } + +.nk-block-m40 { margin-bottom: -40px; } + +.nk-block-m50 { margin-bottom: -50px; } + +.nk-block .pagination { margin-top: 10px; } + +.nk-block-status + .nk-block-actions { padding-top: 80px; padding-bottom: 40px; } + +.nk-block-note { position: relative; background: rgba(0, 0, 0, 0.2); border-radius: 6px; margin-top: 40px; padding: 20px 25px 20px 65px; } + +.nk-block-note-s2 { background: rgba(255, 240, 231, 0.25); } + +.nk-block-note .icon { position: absolute; left: 15px; top: 50%; font-size: 30px; color: #fe4350; transform: translateY(-50%); } + +.nk-block-shade { position: absolute; left: -120px; bottom: 65px; width: 100%; height: calc(100% - 130px); border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); opacity: .10; transform: skew(9deg); } + +.nk-block-shade:after { position: absolute; left: 50px; bottom: 50px; width: 100%; height: 100%; content: ''; border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.nk-block-shape-s1 { position: relative; z-index: 2; padding-top: 80px; padding-bottom: 100px; background: #fe4350; } + +.nk-block-shape-s1:before, .nk-block-shape-s1:after { position: absolute; top: 0; height: 100%; content: ''; z-index: -1; background: #fe4350; } + +.nk-block-shape-s1:before { left: -190px; width: 320px; border-radius: 100px 0 0 100px; transform: skew(9deg); } + +.nk-block-shape-s1:after { right: -280px; width: 370px; border-radius: 0 100px 100px 0; transform: skew(-7deg); } + +.nk-block-shape-s1.bg-theme-alt { background: #ff6c3f; } + +.nk-block-shape-s1.bg-theme-alt:before, .nk-block-shape-s1.bg-theme-alt:after { background: #ff6c3f; } + +.nk-block-shape-s1.bg-theme-dark { background: #36080b; } + +.nk-block-shape-s1.bg-theme-dark:before, .nk-block-shape-s1.bg-theme-dark:after { background: #36080b; } + +.nk-block-shape-s1.bg-theme-dark-alt { background: #49191d; } + +.nk-block-shape-s1.bg-theme-dark-alt:before, .nk-block-shape-s1.bg-theme-dark-alt:after { background: #49191d; } + +.nk-block-header { padding-top: 30px; padding-bottom: 30px; } + +.plx-screen { width: 80px; bottom: 0; left: 0; } + +.plx-circle-s1 { width: 80px; top: 10px; left: -5px; z-index: -1; animation: ani_cicle 4s infinite linear; } + +.plx-polygon-s1 { width: 70px; bottom: 15px; left: 40px; transform-origin: center; animation: ani_round 20s infinite linear; } + +.plx-triangle-s1 { width: 80px; bottom: 0; right: 0; animation: ani_round 30s infinite reverse linear; } + +@keyframes ani_round { 0% { transform: translate(0, 0) rotate(0deg); } + 25% { transform: translate(10px, 15px) rotate(90deg); } + 50% { transform: translate(0, 0) rotate(180deg); } + 75% { transform: translate(-10px, -15px) rotate(270deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +@keyframes ani_cicle { 0% { transform: translate(0, 0) rotate(0deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +.img-block-dot { background-image: url(../images/dot-a.png); background-position: top center; padding: 50px 0; margin-top: -40px; } + +@media (min-width: 576px) { .nk-block-screen { padding: 0 50px 100px 0; } + .nk-block-team-list { margin-bottom: -50px; } } + +@media (min-width: 576px) { .nk-block ~ .nk-block { padding-top: 60px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-lg + .nk-block { padding-top: 80px; } + .nk-block-ca { padding: 90px 20px; } + .nk-block-plx { padding: 60px; width: 100%; } + .nk-block-contact-s1 { padding: 180px 0; } + .nk-block-img-s1 { padding: 40px 70px; } + .nk-block-note { margin-top: 40px; padding: 20px 65px 20px 75px; } + .nk-block-note .icon { left: 20px; } + .nk-block-shape-s1 { padding-top: 150px; padding-right: 40px; padding-bottom: 150px; } + .plx-screen { width: 130px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 140px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 95px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 768px) { .nk-block-img-s2 img { max-width: 100%; } + .nk-block-ca { padding: 60px; } + .nk-block-plx { padding: 60px; } + .plx-screen { width: 160px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 160px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 125px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 992px) { .nk-block ~ .nk-block { padding-top: 100px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-status + .nk-block-actions { padding-top: 70px; padding-bottom: 40px; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-sm + .nk-block { padding-top: 70px; } + .nk-block-lg + .nk-block { padding-top: 100px; } + .nk-block-img-s1 { margin-right: -71px; } + .nk-block-img.edge-r1 { margin-right: -160px; } + .nk-block-img.edge-l1 { margin-left: -160px; } + .nk-block-img.edge-r2 { margin-right: -360px; } + .nk-block-img.edge-l2 { margin-left: -360px; } + .nk-block-img.edge-r3 { margin-right: -500px; } + .nk-block-img.edge-l3 { margin-left: -500px; } + .nk-block .pagination { margin-top: 30px; } } + +@media (min-width: 1200px) { .nk-block-lg + .nk-block { padding-top: 130px; } } + +.app-slide-wrap { position: relative; width: 230px; margin: 15px auto; } + +.app-slide-wrap:after { position: absolute; height: calc(100% + 80px); width: calc(100% + 96px); top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; background-image: url(../images/light-ix.png); } + +.app-slide img { border-radius: 4px; } + +/** 04.04 Box */ +.card { padding: 20px; background: #fff; border: none; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.02); } + +.card.card-s3 { padding: 30px 20px; } + +.card-full { height: calc(100% - 30px); } + +.card-full-lg { height: calc(100% - 80px); } + +.card.feature-s8 { padding: 35px 25px; } + +.card-s2 { padding: 55px 30px 110px; box-shadow: 0px 5px 46px rgba(255, 108, 63, 0.14); } + +.card-lg-y { box-shadow: 0px 20px 60px rgba(18, 24, 58, 0.1); } + +.card-s3 { box-shadow: 0px 5px 18px rgba(65, 80, 118, 0.2); } + +@media (min-width: 576px) { .card { padding: 30px; } + .card.card-s3 { padding: 30px; } + .card-md { padding: 40px 30px; } + .card-lg { padding: 45px 40px; } + .card.feature-s8 { padding: 45px 30px; } + .card-s2 { padding: 55px 30px 110px; } + .card-lg-y { padding: 70px 30px; } + .card-lg-xy { padding: 70px 55px; } } + +/** 04.05 Banner */ +.nk-banner { display: block; width: 100%; z-index: 5; position: relative; } + +.banner { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } + +.is-transparent .banner { padding-top: 60px; } + +.has-mask .banner { padding-bottom: 75px; } + +.has-mask .banner-page { padding-bottom: 40px; } + +.has-mask .banner-mask-fix { padding-bottom: 40px !important; } + +.has-mask .banner-inner { padding-bottom: 125px; } + +.header-banner-angled .banner { padding-bottom: 540px; } + +.header-banner-angled-s2 .banner { padding-bottom: 498px; } + +.banner-screen { position: absolute !important; z-index: 0 !important; left: 50%; right: 0; bottom: -8px; width: 320px; transform: translateX(-50%); } + +.banner-wrap { width: 100%; } + +.banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } + +.banner-gfx { position: relative; margin: -15px 0; } + +.banner-gfx-auto { margin: 0 auto !important; } + +.banner-gfx-re-s4 { margin: 0 -95px; } + +.banner-gfx-icon { position: absolute; width: 4.2%; top: 32%; } + +.banner-gfx-icon-1 { left: 43.75%; animation: jumping 1s linear 0s infinite alternate; } + +.banner-gfx-icon-2 { right: 40.25%; animation: jumping 1s linear .5s infinite alternate; } + +.banner-gfx-s2 { max-width: 280px; margin: 0 auto; } + +.banner-fs { min-height: calc(100vh - 90px); } + +.is-transparent .banner-fs { min-height: 100vh; } + +.banner-gap-b1 { padding-bottom: 50px; } + +.has-mask .banner-gap-b1 { padding-bottom: 75px; } + +.banner-gap-b2 { padding-bottom: 75px; } + +.has-mask .banner-gap-b2 { padding-bottom: 125px; } + +.banner-gap-b3 { padding-bottom: 75px; } + +.has-mask .banner-gap-b3 { padding-bottom: 120px; } + +.banner-gap-b4 { padding-bottom: 340px; } + +.has-mask .banner-gap-b4 { padding-bottom: 360px; } + +.banner-page .banner-wrap { padding: 40px 0; } + +.is-transparent .banner-page .banner-wrap { padding-top: 20px; } + +.banner-page .breadcumb { padding-top: 10px; } + +.banner-page-md { min-height: 340px; } + +.banner-page-lg { min-height: 460px; } + +.banner-caption:not([class*=wide]) { max-width: 720px; margin-left: auto; margin-right: auto; } + +.banner > .nk-block { position: relative; z-index: 2; } + +.banner-social { background: rgba(255, 255, 255, 0.2); border-radius: 25px; padding: 0px 20px; display: inline-block; } + +.banner-social-wrap { margin-top: 30px; } + +.banner-social li { padding: 13px 8px; display: inline-block; } + +.banner-social li a { color: #fff; text-align: center; line-height: 24px; width: 24px; display: block; } + +.banner-social li a:hover { opacity: .5; outline: none; transform: translateY(-3px); } + +.banner-with-token-box-s1 .banner-wrap { padding-bottom: 175px; } + +.banner-s1-overlay { position: relative; overflow: hidden; } + +.banner-s1-overlay:before, .banner-s1-overlay:after { position: absolute; content: ''; width: 875px; height: 300%; bottom: -100%; transform: rotate(-45deg); background: rgba(255, 255, 255, 0.02); z-index: -1; } + +.banner-s1-overlay:before { left: 50%; margin-left: -130px; } + +.banner-s1-overlay:after { right: 50%; margin-right: -110px; } + +.banner-s1 .title-xs { margin-bottom: 1.14rem; } + +.banner-inner { min-height: 500px; } + +@keyframes jumping { 0% { transform: translateY(5px); } + 100% { transform: translateY(-25px); } } + +.cpn { padding-top: 30px; padding-bottom: 30px; } + +.cpn-head, .cpn-action, .cpn-text { margin-top: 20px; } + +.cpn > *:first-child { margin-top: 0; } + +.cpn-head .title { font-size: 1.75rem; line-height: 1.5; } + +.cpn-head .title-lg { line-height: 1.3; font-weight: 700; } + +.cpn-text { font-weight: 300; font-size: 1.1rem; line-height: 1.8; margin-bottom: 25px; color: #415076; } + +.tc-light .cpn-text { color: #fff0e7; } + +.cpn-text p { color: inherit !important; font-size: inherit !important; } + +.cpn-text-center { margin-left: auto; margin-right: auto; } + +.cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } + +.cpn-text .lead, .cpn-text .lead-light { font-size: 1.25rem; font-weight: 400; line-height: 1.7; } + +.cpn-text .lead-s2 { font-size: 1.3rem; font-weight: 400; line-height: 1.7; } + +.cpn-text .lead-s3 { font-size: 1.3rem !important; font-weight: 300; line-height: 1.7; } + +.cpn-text-light .lead, .cpn-text-light .lead-light { font-weight: 300; } + +.cpn-links { padding-top: 20px; margin-top: -10px; margin-bottom: -10px; margin-left: -15px; margin-right: -15px; } + +.cpn-action .cpn-links { padding-top: 0; } + +.cpn-links li { display: inline-block; padding: 10px 15px; font-weight: 500; } + +.cpn-links-s1 { display: flex; justify-content: space-around; align-items: center; padding: 0 50px; } + +.cpn-btns + .cpn-links { padding-top: 20px; } + +.cpn-links + .cpn-btns { padding-top: 20px; } + +.cpn-boxed { padding: 20px; background: rgba(54, 8, 11, 0.6); } + +.cpn-boxed:not([class*='radius']) { border-radius: 6px; } + +.cpn-social { margin-top: 30px; } + +@media (max-width: 575px) { .cpn-title .title { font-size: 1.75rem; line-height: 1.5; } } + +@media (min-width: 576px) { .banner-gap-b3 { padding-bottom: 120px; } + .has-mask .banner-gap-b3 { padding-bottom: 160px; } + .banner-screen { bottom: -40px; width: 100%; } + .banner-screen-right { bottom: -70px; width: 360px; } + .banner-fs .banner-wrap { padding-top: 70px; padding-bottom: 70px; } } + +@media (min-width: 768px) { .banner-gfx-re-s2 { margin: -50px 0 0; } + .has-mask .banner { padding-bottom: 160px; } + .has-mask .banner-page { padding-bottom: 80px; } + .banner-gap-b1 { padding-bottom: 75px; } + .has-mask .banner-gap-b1 { padding-bottom: 125px; } + .banner-gap-b2 { padding-bottom: 125px; } + .has-mask .banner-gap-b2 { padding-bottom: 200px; } + .banner-gap-b4 { padding-bottom: 340px; } + .has-mask .banner-gap-b4 { padding-bottom: 360px; } + .banner-page .banner-wrap { padding: 80px 0; } + .is-transparent .banner-page .banner-wrap { padding-top: 60px; } + .banner-page-md { min-height: 400px; } + .banner-page-lg { min-height: 580px; } + .banner-social-wrap { margin-top: 0; } + .banner-social-vertical { right: 60px; top: 50%; transform: translateY(-50%); position: absolute; z-index: 3; padding: 20px 0; margin-top: -30px; } + .banner-social-vertical li { display: block; padding: 8px 13px; } + .banner-with-token-box-s1.banner-fs { min-height: 92vh; } + .banner-with-token-box-s1 .banner-wrap { padding-bottom: 40px; } + .cpn-text, .cpn-action { margin-top: 20px; } + .cpn-text { margin-bottom: 15px; } + .cpn-btns { padding-top: 10px; } + .cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } } + +@media (min-width: 992px) { .is-transparent .banner { padding-top: 75px; } + .banner-gfx-re-s1 { margin: 0 -80px 0 -180px; } + .banner-gfx-re-s2 { margin: -50px -280px 0 -110px; } + .banner-gfx-re-s3 { margin: 0 -150px 0 -35px; } + .banner-gfx-re-s5 { margin: 0 -305px 0 0; } + .has-mask .banner { padding-bottom: 180px; } + .has-mask .banner-page { padding-bottom: 100px; } + .banner-gap-b3 { padding-bottom: 200px; } + .has-mask .banner-gap-b3 { padding-bottom: 220px; } + .banner-gap-b4 { padding-bottom: 60px; } + .has-mask .banner-gap-b4 { padding-bottom: 80px; } + .banner-screen-right { bottom: -45px; width: 100%; } + .has-mask .banner-pd-lg { padding-bottom: 225px; padding-top: 65px; } + .banner-inner { min-height: 600px; } + .cpn { max-width: 90%; } + .banner-page .cpn { max-width: 100%; } + .cpn-head, .cpn-action, .cpn-text { margin-top: 30px; } + .banner-s1 .cpn-head { margin-top: 0; } + .cpn-text { margin-bottom: 25px; max-width: 90%; } + .banner-s1 .cpn-text { margin-top: 20px; margin-bottom: 6px; } + .banner-s2 .cpn-text { margin-top: 20px; } + .cpn-text-s1 { margin-top: 20px; margin-bottom: 12px; } + .cpn-text-s2 { max-width: 100% !important; } + .cpn-text-s3 { margin-top: 10px; } + .cpn-btns, .cpn-links { padding-top: 20px; } + .cpn-action .cpn-btns, .cpn-action .cpn-links { padding-top: 0; } + .cpn-btns + .cpn-links { padding-top: 20px; } + .cpn-links + .cpn-btns { padding-top: 20px; } + .cpn-head .title { font-size: 2.125rem; } + .cpn-head .title-sm { font-size: 1.85rem; } + .cpn-head .title-md { font-size: 2.6rem; } + .cpn-head .title-lg { font-size: 4rem; } + .cpn-head .title-lg-s2 { font-size: 3rem; } + .cpn-head .title-lg-s3 { font-size: 2rem; } + .cpn-boxed { padding: 35px; } + .cpn-social { margin-top: 50px; } + .cpn-s2 { margin-top: -122px !important; padding-top: 0; } } + +@media (min-width: 1200px) { .banner-gfx-re-s1 { margin: 0 -380px 0 -180px; } + .banner-gfx-re-s2 { margin: 0 -330px 0 -110px; } + .banner-gfx-re-s5 { margin: 0 -515px 0 0; } + .banner-gfx-re-s7 { margin: 140px -505px -183px -290px; } + .banner-gfx-re-s7 + .abs-center { right: 15px; transform: translateY(-50%); left: auto; } + .banner-gap-b3 { padding-bottom: 290px; } + .has-mask .banner-gap-b3 { padding-bottom: 320px; } + .banner-screen-right { bottom: -90px; } + .banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } } + +@media (min-width: 1600px) { .banner-caption:not([class*=wide]) { max-width: 1080px; } + .banner-gfx-re-s2 { margin: -100px -480px 0 -110px; } + .banner-fs-lg { min-height: calc(100vh - 100px); } + .has-mask .banner-pd-lg { padding-bottom: 295px; padding-top: 65px; } + .cpn-head .title-lg-s3 { font-size: 3rem; } } + +@media (max-width: 991px) and (orientation: landscape) { .banner-gfx { margin-left: auto; margin-right: auto; max-width: 390px; } } + +@media (max-width: 767px) and (orientation: landscape) { .banner-gfx { max-width: 320px; } } + +@media (min-width: 992px) and (max-width: 1200px) and (orientation: portrait) { .banner-fs { min-height: calc(65vh - 90px); } + .is-transparent .banner-fs { min-height: 60vh; } } + +@media (max-width: 420px) { .cpn-btns .btn:not(.btn-with-icon) { font-size: 11px; padding: 8px 16px; } } + +.banner-y-pd { padding-top: 100px !important; padding-bottom: 124px !important; } + +.gfx-screen { position: absolute; top: 5px; left: 44px; width: calc(100% - 91px); height: calc(100% - 25px); } + +.gfx-screen .owl-stage-outer, .gfx-screen .owl-stage, .gfx-screen .owl-item, .gfx-screen .slides { height: 100%; width: 100%; border-radius: 6px; } + +.gfx-screen .flex-control-nav { position: absolute; right: -45px; top: 50%; transform: translateY(-50%); width: auto; height: fit-content; } + +.gfx-screen .flex-control-nav li { display: block; } + +.gfx-screen .flex-control-nav li a { width: 8px; height: 8px; border-radius: 50%; margin: 10px; box-shadow: none; border-radius: 50%; background: #ffd1d6 !important; } + +.gfx-screen .flex-control-nav li a.flex-active { background: #ff6c3f !important; } + +.gfx-slide, .gfx-slide-item { height: 100%; } + +.gfx-slide img { border-top-right-radius: 10px; border-top-left-radius: 10px; } + +.gfx-slide-item { width: 100%; } + +@media (min-width: 400px) { .gfx-screen { top: 8px; left: 57px; width: calc(100% - 117px); height: calc(100% - 35px); } + .gfx-screen .flex-control-nav { right: -46px; } + .banner-gfx-s2 { max-width: 350px; } } + +@media (min-width: 576px) { .gfx-screen { left: 63px; width: calc(100% - 130px); } + .gfx-screen .flex-control-nav { right: -53px; } + .banner-gfx-s2 { max-width: 100%; } } + +@media (min-width: 768px) { .gfx-screen { top: 9px; left: 73px; width: calc(100% - 150px); height: calc(100% - 44px); } + .gfx-screen .flex-control-nav { right: -65px; } } + +@media (min-width: 1200px) { .gfx-screen { top: 18px; left: 106px; width: calc(100% - 220px); height: calc(100% - 66px); } + .gfx-screen .flex-control-nav { right: -100px; } } + +@media (min-width: 1600px) { .gfx-screen { left: 135px; width: calc(100% - 279px); height: calc(100% - 81px); } + .gfx-screen .flex-control-nav { right: -128px; } } + +/** 04.06 Head */ +.section-head { position: relative; } + +.section-head:not([class*=pdb]) { padding-bottom: 40px; } + +.section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + +.section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + +.section-head p { color: #415076; } + +.tc-light .section-head p { color: #fff; } + +.section-head.tc-light p { color: #fff; } + +.section-head .title { font-weight: 600; } + +.section-head .title-thin { font-weight: 300; } + +.section-head .title:not(:last-child) { margin-bottom: .75rem; } + +.section-head .title-xs:not(:last-child) { margin-bottom: .5rem; } + +.section-head .title:before { position: absolute; left: 50%; top: 50%; content: attr(title); font-family: "Poppins", sans-serif; line-height: .9; text-transform: uppercase; white-space: nowrap; color: #fe4350; transform: translate(-50%, -50%); opacity: 0.06; } + +.tc-light .section-head .title:before { opacity: 0.06; } + +.section-head .title-s4 { text-transform: uppercase; padding: 30px 0; margin-bottom: 0; opacity: 1; position: relative; } + +.section-head .title-s4.title:before { font-size: 120px !important; font-weight: 700; } + +.section-head-s2 .title:before { font-size: 48px; background-image: linear-gradient(180deg, #415076 0%, #fff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.firefox .section-head-s2 .title:before { -webkit-text-fill-color: #000; } + +.firefox .tc-light .section-head-s2 .title:before { -webkit-text-fill-color: #fff; } + +.section-head-s3 { position: relative; } + +.section-head-s3:after, .section-head-s3:before { position: absolute; left: 50%; height: 1px; width: 110px; content: ""; transform: rotate(-45deg); z-index: -1; opacity: .4; } + +.section-head-s3:before { top: 60px; margin-left: -80px; background: #ff6c3f; } + +.tc-light .section-head-s3:before { background: #ff6c3f; } + +.section-head-s3:after { top: 5px; margin-left: -50px; background: #fe4350; } + +.tc-light .section-head-s3:after { background: #fe4350; } + +.section-head-line { position: absolute; height: 60px; width: 60px; left: 50%; top: 10px; opacity: .2; border-radius: 50%; background: transparent; transform: rotate(45deg) translate(-50%, 0); } + +.section-head-line .line-1, .section-head-line .line-2, .section-head-line .line-3, .section-head-line .line-4, .section-head-line .line-5, .section-head-line .line-6, .section-head-line .line-7, .section-head-line .line-8 { position: absolute; content: ""; border-radius: 50%; background: transparent; border-top: 1px solid #fe4350; border-left: 1px solid #fe4350; } + +.section-head-line .line-1 { top: -15px; left: -15px; height: 90px; width: 90px; } + +.section-head-line .line-2 { top: -30px; left: -30px; height: 120px; width: 120px; } + +.section-head-line .line-3 { top: -45px; left: -45px; height: 150px; width: 150px; } + +.section-head-line .line-4 { top: -60px; left: -60px; height: 180px; width: 180px; } + +.section-head-line .line-5 { top: -75px; left: -75px; height: 210px; width: 210px; } + +.section-head-line .line-6 { top: -90px; left: -90px; height: 240px; width: 240px; } + +.section-head-line .line-7 { top: -105px; left: -105px; height: 270px; width: 270px; } + +.section-head-line .line-8 { top: -120px; left: -120px; height: 300px; width: 300px; } + +@media (min-width: 576px) { .section-head:not([class*=pdb]) { padding-bottom: 50px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + .section-head .title:not(:last-child) { margin-bottom: 1.25rem; } + .section-head .title-xs:not(:last-child) { margin-bottom: .75rem; } + .section-head-s2 .title:before { font-size: 64px; } } + +@media (min-width: 992px) { .section-head:not([class*=pdb]) { padding-bottom: 60px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 40px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-s2 .title:before { font-size: 90px; } + .section-head-s2 .title-xl:before { font-size: 124px; } } + +.t-cap { text-transform: capitalize !important; } + +/** 04.07 Features */ +.feature { margin-bottom: 30px; display: block; } + +.feature-download { margin-bottom: 0; } + +.feature.card { height: calc(100% - 30px); } + +.feature-group .feature { margin-bottom: 0; } + +.feature-group { border-radius: 6px; } + +.feature-icon { position: relative; width: 60px; margin-bottom: 15px; flex-shrink: 0; margin-right: 12px; } + +.feature-icon-md { width: 40px; } + +.feature-icon-md-s2 { width: 80px; } + +.feature-icon-xl { width: 120px; } + +.feature-icon.dot:before { position: absolute; bottom: 0; right: 0; content: ''; height: 30px; width: 30px; border-radius: 50%; background: rgba(254, 67, 80, 0.5); z-index: 4; } + +.tc-light .feature-icon .icon { color: #fe4350; } + +.feature-icon .icon { position: relative; font-size: 3.75rem; color: #fe4350; z-index: 5; margin-left: -5px; } + +.feature-icon .icon.icon-circle { margin-left: 0; } + +.feature-icon .icon-xs { font-size: 1rem; } + +.feature-icon .icon-md { font-size: 2.75rem; } + +.feature-icon .icon-rg { font-size: 4.35rem; } + +.feature-icon .icon-lg { font-size: 5.75rem; } + +.feature-icon .icon-lg-s2 { font-size: 5rem; padding-top: 15px; } + +.feature-icon .icon-xl { font-size: 9rem; } + +.feature-icon .icon-grd { background-image: linear-gradient(-45deg, #fe4350 0%, #ff6c3f 80%, #ff6c3f 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.feature-icon .icon-circle { position: relative; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #ff6c3f; border-radius: 50%; background-image: linear-gradient(-45deg, #fe4350 0%, #ff6c3f 80%, #ff6c3f 100%); } + +.feature-icon .icon-circle:after { position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; content: ''; border-radius: 50%; background: #fff; z-index: -1; } + +.bg-theme .feature-icon .icon-circle:after { background: #fe4350; } + +.bg-theme-alt .feature-icon .icon-circle:after { background: #ff6c3f; } + +.bg-theme-dark .feature-icon .icon-circle:after { background: #36080b; } + +.bg-theme-dark-alt .feature-icon .icon-circle:after { background: #49191d; } + +.feature-icon-s1 { text-align: center; margin-left: 10px; margin-bottom: 40px; } + +.feature-icon-s1:after { position: absolute; content: ""; left: 50%; top: 50%; width: 62px; height: 62px; border: 2px solid rgba(254, 67, 80, 0.2); transform: translate(-50%, -50%) rotate(45deg); border-radius: 8px; } + +.tc-light .feature-icon-s1:after { border: 2px solid rgba(254, 67, 80, 0.8); } + +.feature-icon-s1 .icon { margin-left: 0; line-height: 48px; } + +.feature-icon-s5 { width: 60px; height: 60px; text-align: center; line-height: 63px; border-radius: 50%; margin-bottom: 0; } + +.feature-icon-s5 .icon { font-size: 1rem; width: 40px; height: 40px; background: #fff; line-height: 40px; border-radius: 50%; text-align: center; border: 1px solid; border-color: currentColor; margin-left: 0; } + +.tc-light .feature-icon-s5 .icon { border-width: 0; } + +.feature-icon-s5-1 { background: rgba(255, 108, 63, 0.2); } + +.tc-light .feature-icon-s5-1 { background: rgba(255, 108, 63, 0.6); } + +.feature-icon-s5-1 .icon { color: #ff6c3f; background: linear-gradient(-90deg, #fff 0%, #fff5f2 100%); } + +.tc-light .feature-icon-s5-1 .icon { color: #ff6c3f; } + +.feature-icon-s5-2 { background: rgba(255, 108, 63, 0.2); } + +.tc-light .feature-icon-s5-2 { background: rgba(255, 108, 63, 0.4); } + +.feature-icon-s5-2 .icon { color: #ff6c3f; background: linear-gradient(-90deg, #fff 0%, #fff5f2 100%); } + +.tc-light .feature-icon-s5-2 .icon { color: #ff6c3f; } + +.feature-icon-s5-3 { background: rgba(254, 67, 80, 0.2); } + +.tc-light .feature-icon-s5-3 { background: rgba(254, 67, 80, 0.4); } + +.feature-icon-s5-3 .icon { color: #fe4350; background: linear-gradient(-90deg, #fff 0%, #fff5f5 100%); } + +.tc-light .feature-icon-s5-3 .icon { color: #fe4350; } + +.feature-icon-s5-4 { background: rgba(230, 96, 74, 0.2); } + +.tc-light .feature-icon-s5-4 { background: rgba(230, 96, 74, 0.4); } + +.feature-icon-s5-4 .icon { color: #e97460; background: linear-gradient(-90deg, #fff 0%, #fceae7 100%); } + +.tc-light .feature-icon-s5-4 .icon { color: #e97460; } + +.feature-icon-s6 { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(to right, #fe4350 0%, #ff6c3f 100%); text-align: center; line-height: 60px; } + +.feature-icon-s6 .icon { font-size: 40px; color: #fff; opacity: 0.8; line-height: 60px; margin-left: 0; } + +.tc-light .feature-icon-s6 .icon { color: #fff; } + +.feature-icon-s6-bg { width: 60px; height: 60px; border-radius: 50%; background: rgba(254, 67, 80, 0.2); text-align: center; line-height: 60px; } + +.feature-icon-s6-bg .icon { font-size: 40px; color: #fe4350; line-height: 60px; margin: 0 auto; } + +.feature-icon-s7 { width: 65px; height: 65px; border-radius: 50%; text-align: center; line-height: 65px; background: #fe4350; } + +.feature-icon-s7 .icon { font-size: 30px; margin-left: 0; line-height: inherit; color: #fff; } + +.tc-light .feature-icon-s7 .icon { color: #fff; } + +.feature-icon-s8 { width: 90%; } + +.text-center .feature-icon-s8 { margin-left: auto; margin-right: auto; } + +.feature-icon-auto { width: auto; } + +.feature-icon-lg { width: 160px; margin-top: -15px; margin-bottom: 5px !important; } + +.feature-icon-lg-s1 { width: 110px; margin-top: -10px; margin-bottom: 5px !important; } + +.feature-icon-lg-s2 { width: 130px; margin-top: -12px; margin-bottom: 5px !important; } + +.feature-icon-lg-s3 { width: 95px; margin-top: -8px; margin-bottom: 20px !important; } + +.feature-icon-lg + .feature-text-s8 { padding-top: 25px; } + +.feature-icon-sm { width: 60px; } + +.feature-icon-bg { margin: 0; position: absolute; right: -15px; bottom: -15px; width: 121px; height: 121px; margin: 0; background: rgba(254, 67, 80, 0.15); border-radius: 50%; box-shadow: 0px 0px 0px 10px rgba(254, 67, 80, 0.06); text-align: center; line-height: 104px; } + +.feature-icon-bg img { max-width: 60px; } + +.feature-icon-bg-grd { background-position: center center; background-size: contain; min-height: 135px; min-width: 230px; text-align: center; display: flex; align-items: center; justify-content: center; } + +.feature-icon-bg-grd-s1 { background-image: url(../../images/icons/icon-bg-a.png); } + +.feature-icon-bg-grd-s1 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s2 { background-image: url(../../images/icons/icon-bg-a2.png); } + +.feature-icon-bg-grd-s2 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s3 { background-image: url(../../images/icons/icon-bg-a3.png); } + +.feature-icon-bg-grd-s3 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-inline { display: flex; } + +.feature-inline.card { flex-direction: row; } + +.feature-middle { align-items: center; } + +.feature-middle .feature-icon { margin-bottom: 0; margin-right: 15px; display: inline-flex; align-items: center; } + +.feature-img { border-radius: 4px; } + +.feature-image { padding-bottom: 15px; } + +.feature-image img { height: 55px; width: auto !important; } + +.feature-center .feature-image img { margin-left: auto; margin-right: auto; } + +.feature-text p:last-child { margin-bottom: 0; } + +.feature-text-s8 .title-s5 { margin-bottom: 20px; } + +.feature-text-s1 .title-xs-alt { color: #fe4350; line-height: 1.4; display: inline-block; } + +.feature-center { text-align: center; } + +.feature-center .feature-icon { margin-left: auto; margin-right: auto; } + +.feature-center .feature-icon .icon { margin-left: 0; } + +.feature-s1 { display: flex; margin-bottom: 0; align-items: center; padding-right: 20px; } + +.feature-s1.boxed { height: 100%; border-radius: 4px; } + +.feature-s1.bordered { border: 2px solid rgba(255, 108, 63, 0.2); } + +.feature-s1-1.bordered { border-color: rgba(255, 108, 63, 0.2); } + +.feature-s1-2.bordered { border-color: rgba(255, 108, 63, 0.2); } + +.feature-s1-3.bordered { border-color: rgba(254, 67, 80, 0.2); } + +.feature-s1-4.bordered { border-color: rgba(230, 96, 74, 0.2); } + +.feature-s3 { margin-bottom: 0; } + +.feature-s3.card { padding: 30px 30px 40px; margin-bottom: 0; height: 100%; } + +.feature-s3-alt { position: relative; padding: 0; padding-bottom: 25px !important; } + +.feature-s3-alt .title-md { margin-bottom: 0.6rem; } + +.feature-s3-alt:not(:last-child):before { position: absolute; content: ""; left: 30px; top: 20px; width: 1px; background: #fe4350; height: 100%; } + +.feature-s4 .title { padding-top: 15px; } + +.feature-s6 { margin-bottom: 0; } + +.feature-s7 { margin-bottom: 50px; } + +.feature-s8.card { height: calc(100% - 40px); } + +.feature-s8-alt { padding-top: 50px; margin-top: 50px; } + +.feature-s8-alt .feature-icon { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); } + +.feature-s8-alt.card { height: calc(100% - 90px); } + +.feature-s10 { padding: 30px 30px 30px 25px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); } + +.feature-s10-left { margin-right: 20px; padding-bottom: 60px; } + +.feature-s10-right { margin-left: 20px; margin-top: -35px; } + +.feature-s10 .title-sm { margin-bottom: 1.2rem; } + +.feature-s11 { flex-wrap: wrap; align-items: flex-start; margin-bottom: 0; } + +.feature-s11 .list { margin-left: 20px; } + +.feature-s12 { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; } + +.feature-slider-dots { display: flex; justify-content: center; margin-bottom: 40px; } + +.feature-slider-dot { position: relative; height: 46px; width: 46px; flex-grow: 0; flex-shrink: 0; border-radius: 4px; padding: 5px; text-align: center; background: #a992ea; cursor: pointer; color: #6a55ea; box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15); transition: all .4s ease; margin: 0 8px; border: none; } + +.tc-light .feature-slider-dot { background: #9e90f1; } + +.feature-slider-dot:focus, .feature-slider-dot:active { outline: none; } + +.feature-slider-dot.active { background: #6a55ea; } + +.feature-slider-dot:after { position: absolute; top: 50%; left: 100%; height: 2px; content: ''; width: 100%; background: url(../images/line.png) repeat 0 0; z-index: -1; animation: slide 1s linear infinite; } + +.feature-slider-dot:last-child:after { display: none; } + +.feature-slider-dot:nth-child(2) { color: #2bc9b4; background: #def7f3; } + +.tc-light .feature-slider-dot:nth-child(2) { background: #8de7db; } + +.feature-slider-dot:nth-child(2).active { background: #2bc9b4; } + +.feature-slider-dot:nth-child(3) { color: #49adf3; background: #dbeffd; } + +.tc-light .feature-slider-dot:nth-child(3) { background: #9fd4f9; } + +.feature-slider-dot:nth-child(3).active { background: #49adf3; } + +.feature-slider-dot:nth-child(4) { color: #f2801c; background: #fce6d2; } + +.tc-light .feature-slider-dot:nth-child(4) { background: #f9c395; } + +.feature-slider-dot:nth-child(4).active { background: #f2801c; } + +.feature-slider-dot:nth-child(5) { color: #ea64c6; background: #fbe0f4; } + +.tc-light .feature-slider-dot:nth-child(5) { background: #f29edb; } + +.feature-slider-dot:nth-child(5).active { background: #ea64c6; } + +.feature-slider-dot .ikon { font-size: 28px; line-height: 35px; width: 35px; border-radius: 50%; background: #fff; display: block; } + +.feature-slider-dot-s1 { border-radius: 50%; padding: 0; } + +.feature-slider-dot-s1.active:before { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(132, 132, 164, 0.35); animation: 1.5s linear 0s normal none infinite focuse; } + +.feature-slider-dot-s1.active .ikon { background: transparent; color: #fff; } + +.feature-slider-dot-s1 .ikon { line-height: 46px; width: 46px; } + +.feature-document { padding: 0 27px; max-width: 280px; margin-left: auto; margin-right: auto; } + +.feature-document-s2 { margin: 0 0 20px 20px; position: relative; border-radius: 6px; min-height: 140px; padding: 25px 20px 20px 95px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); } + +.tc-light .feature-document-s2 { background: #ff6c3f; } + +.feature-document-img { padding-right: 25px; position: relative; z-index: 1; } + +.feature-document-img-s2 { position: absolute; top: 20px; left: -20px; width: 100px; } + +.feature-document-img-s2 img { border-radius: 4px; } + +.feature-document-img img { border: 2px solid #fff; box-shadow: 0px 0px 12px 0px rgba(254, 67, 80, 0.15); position: relative; z-index: 2; border-radius: 5px; } + +.tc-light .feature-document-img img { border-width: 0; box-shadow: 0px 0px 12px 0px rgba(54, 8, 11, 0.25); } + +.feature-document-img:before { position: absolute; right: 0; content: ''; top: 40px; width: 40px; height: calc(100% - 70px); z-index: 1; background: #fff; box-shadow: 0px 5px 20px 0px rgba(254, 67, 80, 0.07); z-index: -1; } + +.tc-light .feature-document-img:before { background: rgba(254, 67, 80, 0.75); box-shadow: 0px 5px 20px 0px rgba(54, 8, 11, 0.15); } + +.feature-document-text { justify-content: space-between; display: flex; padding-top: 18px; align-items: center; } + +.feature-document-text-s2 { color: #415076; margin-bottom: 14px; font-weight: 600; } + +.tc-light .feature-document-text-s2 { color: #fff; } + +.feature-document-text .drop-wrap { padding-bottom: 5px; } + +.feature-document-info span { display: block; line-height: 1; font-size: 13px; font-weight: 400; opacity: .5; } + +.feature-document-link { display: block; margin-top: 6px; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; color: #fff; background: #ff6c3f; } + +.feature-document-link:hover, .feature-document-link:active, .feature-document-link:focus { background: #fe4350; color: #fff; } + +.tc-light .feature-document-link:hover, .tc-light .feature-document-link:active, .tc-light .feature-document-link:focus { background: #fe4350; color: #fff; } + +.feature-document-link-s2 li { display: inline-block; margin: 0 2px 5px; } + +.feature-document-link-s2 li a { padding: 0 10px; display: inline-block; line-height: 21px; border: 2px solid #fff; border-radius: 4px; font-size: .86em; font-weight: 500; color: #fe4350; } + +.tc-light .feature-document-link-s2 li a { color: #fff !important; border: 2px solid #fff; } + +.feature-reverse { flex-direction: row-reverse; text-align: right; } + +.feature-serial { font-size: 100px; font-weight: 700; line-height: normal; color: rgba(18, 24, 58, 0.2); } + +@keyframes focuse { 0% { transform: scale(0.8); + opacity: 1; } + 75% { transform: scale(1.2); + opacity: 0; } + 100% { transform: scale(1.2); + opacity: 0; } } + +@keyframes slide { from { background-position: 0 0; } + to { background-position: 40px 0; } } + +.boxed { padding: 15px 20px; } + +.boxed-xs { padding: 18px; } + +.boxed-sm { padding: 30px 25px; } + +.boxed-lg { padding: 30px 25px; } + +.boxed-xl { padding: 30px 25px; } + +@media (max-width: 575px) { .boxed.contact-form { padding: 20px; } + .feature-icon-s8 img { max-width: 220px; } } + +@media (min-width: 480px) { .feature-s10 { padding: 40px 90px 50px 35px; } + .feature-s10-left { margin-right: 45px; padding-bottom: 90px; } + .feature-s10-right { margin-left: 45px; margin-top: -45px; } + .feature-s11 { flex-wrap: nowrap; } } + +@media (min-width: 576px) { .feature.card { height: calc(100% - 30px); } + .feature-icon { margin-bottom: 20px; margin-right: 20px; } + .card-s3 .feature-icon { margin-right: 30px; } + .feature-sm-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-icon-s1 { margin-bottom: 40px; } + .feature-icon-s5 { margin-bottom: 0; } + .feature-icon-s7 { margin-right: 30px; } + .feature-sm-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-icon-bg { right: -40px; bottom: -40px; } + .has-rtl .feature-icon-bg { right: auto; left: -40px; } + .feature-icon-bg-grd { margin-bottom: 35px; } + .feature-s2 { display: flex; align-items: flex-start; } + .feature-s3 { margin-bottom: 0; padding: 0 30px; } + .feature-s3.card { margin-bottom: 0; height: 100%; } + .feature-s3-alt { padding: 0; } + .feature-s6 { padding-bottom: 145px; } + .feature-s6:before, .feature-s6:after { position: absolute; left: 50%; content: ''; transform: translateX(-50%); } + .feature-s6:before { bottom: 0; width: 2px; height: 95px; background: #dee2e6; border-radius: 2px; } + .tc-light .feature-s6:before { background: rgba(255, 255, 255, 0.8); } + .feature-s6:after { bottom: 94px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #dee2e6; background: #fe4350; } + .tc-light .feature-s6:after { border-color: #fff; } + .feature-s8.card { height: calc(100% - 40px); } + .feature-s8-alt.card { height: calc(100% - 80px); } + .feature-s12 { flex-wrap: nowrap; } + .feature-slider-dot { height: 76px; width: 76px; padding: 10px; margin: 0 20px; } + .feature-slider-dot .ikon { font-size: 38px; line-height: 56px; width: 56px; } + .feature-slider-dot-s1 { padding: 0; } + .feature-slider-dot-s1 .ikon { font-size: 48px; line-height: 76px; width: 76px; } + .feature-sm-reverse { flex-direction: row-reverse; text-align: right; } + .boxed { padding: 40px 50px; } + .boxed-xs { padding: 18px; } + .boxed-sm { padding: 35px 25px; } + .boxed-md { padding: 40px 30px; } + .boxed-lg { padding: 45px 40px; } + .feature-icon-lg-s3 { margin-bottom: 5px !important; } } + +.link-feature-s1 { position: absolute; bottom: -40px; left: 50%; opacity: 0; transform: translate(-50%, 0); } + +.feature:hover .link-feature-s1 { bottom: -25px; opacity: 1; } + +@media (min-width: 768px) { .feature-s10 { padding: 40px 45px 50px 35px; } + .feature-s10-left { margin-right: -22.5px; margin-top: 60px; padding-bottom: 50px; } + .feature-s10-right { margin-left: -22.5px; margin-bottom: 60px; margin-top: 0; } + .feature-carousel-s1 .owl-nav { position: absolute; bottom: 35px; right: 15px; } + .feature-md-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-md-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-md-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (min-width: 992px) { .feature-s6-1 { padding-top: 197px; } + .feature-s6-2 { padding-top: 73px; } + .feature-s6-3 { padding-top: 0; } + .feature-s6-4 { padding-top: 184px; } + .feature-s10 { padding: 40px 240px 50px 50px; } + .feature-s10-left { margin-right: -95px; margin-top: 80px; } + .feature-s10-right { margin-left: -95px; } + .feature-text-s2 { padding: 0 0 0 45px; } + .feature-text-wd p { width: 72%; } + .feature-s11 { margin-top: 15px; margin-bottom: 15px; } + .feature-s12 { align-items: flex-start; } + .feature-lg-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-lg-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-lg-reverse { flex-direction: row-reverse; text-align: right; } + .boxed-xs { padding: 18px; } + .boxed-md { padding: 45px 40px; } + .boxed-lg { padding: 55px 60px; } + .boxed-xl { padding: 65px 60px; } } + +@media (min-width: 1200px) { .feature-text-s2 { padding: 0 65px 0 45px; } + .feature-text-wd p { width: 60%; } + .feature-xl-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-xl-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-xl-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (max-width: 991px) { .feature-icon-s1 { margin: 0 auto 40px; } } + +.feature-icon-btc .icon { color: #ffba00; } + +.feature-icon-eth .icon { color: #6a7aa2; } + +.feature-icon-ltc .icon { color: #adadad; } + +.feature-icon-xrp .icon { color: #2f3135; } + +.feature-icon-dash .icon { color: #1174bc; } + +.feature-icon-monero .icon { color: #ff6600; } + +.feature-currency .title { color: #415076 !important; } + +.feature-pd-lg { padding: 50px 30px; } + +.owl-item.active .feature { opacity: 0.8 !important; } + +.owl-item.active.center .feature { transition: 0.3s; opacity: 1 !important; } + +.feature-img-xl { max-width: 176px; margin: 0 auto; } + +@media (min-width: 992px) { .feature.center-lg { transform: scale(1.2); } } + +/** 04.08 Roadmap */ +.roadmap { position: relative; z-index: 10; padding-bottom: 30px; } + +.roadmap-carousel .roadmap { padding-bottom: 0; } + +.roadmap-s1:before, .roadmap-s1:after { position: absolute; content: ""; left: -1px; height: 50%; border-left-width: 3px; border-left-style: solid; border-color: #dee2e6; } + +.tc-light .roadmap-s1:before, .tc-light .roadmap-s1:after { border-color: rgba(255, 255, 255, 0.2); } + +.roadmap-s1:before { height: 45px; top: 0; } + +.flex-row-reverse .roadmap-s1:before { right: auto; } + +.roadmap-s1:after { height: calc(100% - 45px); right: auto; top: 45px; } + +.roadmap-s1-alt:before, .roadmap-s1-alt:after { left: 1px; border-left-width: 1px; border-left-style: dashed; } + +.tc-light .roadmap-s1-alt:before, .tc-light .roadmap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + +.flex-row-reverse .roadmap-s1-alt:before, .flex-row-reverse .roadmap-s1-alt:after { right: auto; left: 1px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-current:before { top: 0; } + +.roadmap-s1-alt.roadmap-done:after, .roadmap-s1-alt.roadmap-current:after { top: 45px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1-alt.roadmap-current:before { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1.roadmap-done:before, .roadmap-s1.roadmap-done:after { border-color: #fff; } + +.roadmap-s1.roadmap-current:before { border-color: #fff; } + +.roadmap-s2 { text-align: center; } + +.roadmap-s2:before, .roadmap-s2:after { position: absolute; content: ''; transition: width .3s; } + +.roadmap-s2:before { width: 0; height: 4px; background: #fe4350; left: 0; top: 55px; } + +.tc-light .roadmap-s2:before { background: #fe4350; } + +.roadmap-s2:after { left: 50%; top: 49px; transform: translateX(-50%); height: 16px; width: 16px; border-radius: 50%; border: 3px solid #dee2e6; background: #fff; } + +.tc-light .roadmap-s2:after { border-color: #5b77a3; background: #fe4350; } + +.roadmap-s2.roadmap-finished:after, .roadmap-s2.roadmap-running:after { background: #fe4350; border: 2px solid #fff; } + +.tc-light .roadmap-s2.roadmap-finished:after, .tc-light .roadmap-s2.roadmap-running:after { background: #fe4350; border-color: #fff; } + +.roadmap-s2.roadmap-finished:before { width: 100%; } + +.roadmap-s2.roadmap-running:before { width: 50%; } + +.roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(255, 108, 63, 0.1); } + +.tc-light .roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1); } + +.roadmap-s5 { width: 100%; } + +.roadmap-s5:last-child { padding-bottom: 30px; } + +.roadmap-s6 { padding-top: 65px; margin-top: 15px; } + +.roadmap-s6:before { position: absolute; content: ""; top: 0; left: -6px; width: calc(100% + 30px); height: 1px; z-index: 2; background: #fff; } + +.roadmap-s6:after { position: absolute; content: ""; top: 0; right: 50%; width: 19px; height: 19px; z-index: 3; border: 1px solid #fff; border-radius: 50%; transform: translate(50%, -50%); background: #fff; } + +.tc-light .roadmap-s6:after { background: #fe4350; } + +.roadmap-s6.roadmap-done:after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; line-height: 17px; text-align: center; color: #fff; background: #39d884; } + +.roadmap-s6-1-2:before { background: linear-gradient(90deg, #fe4350 0%, #ff6c3f 100%); } + +.roadmap-s6-1-2:after { border-color: #ff6c3f; } + +.roadmap-s6-1-2 .roadmap-head-s6:after { background: #ff6c3f; } + +.roadmap-s6-2-1:before { background: linear-gradient(90deg, #ff6c3f 0%, #fe4350 100%); } + +.roadmap-s6-2-1:after { border-color: #fe4350; } + +.roadmap-s6-2-1 .roadmap-head-s6:after { background: #fe4350; } + +.roadmap-s6-2-3:before { background: linear-gradient(90deg, #ff6c3f 0%, #ff6c3f 100%); } + +.roadmap-s6-2-3:after { border-color: #ff6c3f; } + +.roadmap-s6-2-3 .roadmap-head-s6:after { background: #ff6c3f; } + +.roadmap-s6-3-2:before { background: linear-gradient(90deg, #ff6c3f 0%, #ff6c3f 100%); } + +.roadmap-s6-3-2:after { border-color: #ff6c3f; } + +.roadmap-s6-3-2 .roadmap-head-s6:after { background: #ff6c3f; } + +.roadmap-s6-3-1:before { background: linear-gradient(90deg, #ff6c3f 0%, #fe4350 100%); } + +.roadmap-s6-3-1:after { border-color: #fe4350; } + +.roadmap-s6-3-1 .roadmap-head-s6:after { background: #fe4350; } + +.roadmap-s6-1-3:before { background: linear-gradient(90deg, #fe4350 0%, #ff6c3f 100%); } + +.roadmap-s6-1-3:after { border-color: #ff6c3f; } + +.roadmap-s6-1-3 .roadmap-head-s6:after { background: #ff6c3f; } + +.roadmap-slider { position: relative; } + +.roadmap-text { max-width: 265px; margin-left: auto; margin-right: auto; } + +.roadmap-wrap { position: relative; padding: 40px 0 10px; margin-bottom: 40px; max-width: 430px; margin-left: auto; margin-right: auto; } + +.nk-block-left .roadmap-wrap { margin-left: 0; margin-right: 0; } + +.roadmap-wrap:before, .roadmap-wrap:after { position: absolute; content: ''; top: 0; bottom: 0; z-index: 7; } + +.roadmap-wrap-ovl-right:after { right: 0; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-light .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(246, 250, 253, 0.8) 25%, #f6fafd 60%, #f6fafd 100%); } + +.bg-light-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 245, 246, 0.8) 25%, #fff5f6 60%, #fff5f6 100%); } + +.bg-white .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-theme .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(254, 67, 80, 0.8) 25%, #fe4350 60%, #fe4350 100%); } + +.bg-theme_alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 108, 63, 0.8) 25%, #ff6c3f 60%, #ff6c3f 100%); } + +.bg-theme-dark .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(54, 8, 11, 0.8) 25%, #36080b 60%, #36080b 100%); } + +.bg-theme-dark-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(73, 25, 29, 0.8) 25%, #49191d 60%, #49191d 100%); } + +.roadmap-wrap-s1 { padding-bottom: 0; padding-top: 0; max-width: 90%; } + +.roadmap-wrap-s5 { display: flex; flex-wrap: wrap; padding: 40px 0 0; } + +.roadmap-wrap-s5:before { position: absolute; content: ""; left: 0; width: 1px; height: calc(100% + 30px); background: #fe4350; } + +.roadmap-line { position: absolute; left: 19px; top: 0; background: #c8cdd3; height: 100%; width: 2px; content: ''; z-index: 9; } + +.roadmap-line:after, .roadmap-line:before { position: absolute; background: #c8cdd3; height: 10px; width: 10px; border-radius: 50%; content: ''; left: -4px; } + +.roadmap-line:before { top: 0; } + +.roadmap-line:after { bottom: 0; } + +.tc-light .roadmap-line { background: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-line:after, .tc-light .roadmap-line:before { background: #fe4350; } + +.bg-theme-dark .roadmap-line { background: #ff6c3f; } + +.bg-theme-dark .roadmap-line:after, .bg-theme-dark .roadmap-line:before { background: #fe4350; } + +.bg-theme .roadmap-line { background: #ff6c3f; } + +.bg-theme .roadmap-line:after, .bg-theme .roadmap-line:before { background: #fe4350; } + +.roadmap-line-s2 { position: absolute; width: 100%; height: 4px; background: #dee2e6; content: ''; top: 95px; border-radius: 2px; left: 0; } + +.tc-light .roadmap-line-s2 { background: #5b77a3; } + +.roadmap-line-s3:before, .roadmap-line-s3:after { display: none; } + +.roadmap-year { border-radius: 50%; color: #fff; background: #fe4350; height: 50px; width: 50px; text-align: center; line-height: 50px; font-weight: 700; font-size: 12px; position: relative; left: -5px; } + +.tc-light .roadmap-year { background: #fe4350; } + +.bg-theme .roadmap-year, .bg-theme-dark .roadmap-year { background: #fe4350; } + +.roadmap-year-s2 { padding-bottom: 65px; } + +.roadmap-step { border: 2px solid #dee2e6; border-radius: 5px; position: relative; margin-left: 50px; padding: 20px 20px 15px; position: relative; max-width: 380px; } + +.bg-light .roadmap-step { background: #fff; } + +.roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + +.roadmap-step:before { height: 18px; width: 18px; border-radius: 50%; border: 5px solid #fff; background: #fe4350; left: -41px; top: 34px; z-index: 1; } + +.roadmap-step:after { height: 2px; width: 22px; background: #dee2e6; left: -22px; top: 42px; } + +.roadmap-step p:last-child { margin-bottom: 0; } + +.roadmap-step-list li:before { background: #415076; } + +.tc-light .roadmap-step-list li:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-step-list-s1 li { list-style: none; padding: 8px 0; position: relative; } + +.roadmap-step-list-s1 li:after { position: absolute; content: ""; left: 10px; bottom: 0; width: 20px; height: 1px; transform: translateX(-50%); background: currentColor; } + +.roadmap-step-list-s1 li:last-child:after { display: none; } + +.tc-light .roadmap-step { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-step:before { background: #fe4350; } + +.tc-light .roadmap-step:after { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); } + +.bg-theme .roadmap-step, .bg-theme-dark .roadmap-step { background: #49191d; border-color: #ff6c3f; } + +.bg-theme .roadmap-step:before, .bg-theme-dark .roadmap-step:before { background: #fe4350; border-color: #fe4350; } + +.bg-theme .roadmap-step:after, .bg-theme-dark .roadmap-step:after { background: #ff6c3f; border-color: #ff6c3f; } + +.bg-theme-dark .roadmap-step:before { border-color: #36080b; } + +.bg-theme-alt .roadmap-step:before { border-color: #ff6c3f; } + +.bg-light .roadmap-step:before { border-color: #f6fafd; } + +.has-bg-image .roadmap-step:before { border-color: transparent; } + +.roadmap-step-s1 { margin-left: 0; border: none; padding-top: 0; padding-right: 25px; padding-left: 25px; z-index: 1; max-width: 100%; } + +.bg-light .roadmap-step-s1 { background: transparent; } + +.bg-theme .roadmap-step-s1, .bg-theme-dark .roadmap-step-s1, .tc-light .roadmap-step-s1 { background: transparent; } + +.roadmap-step-s1:before { display: none; } + +.roadmap-step-s1:after { width: 38px !important; left: 0 !important; height: 0; top: 49px; z-index: -1; background: none !important; border-top: 1px solid; border-color: #dee2e6; } + +.roadmap-s1-alt .roadmap-step-s1:after { border-top-style: dashed; } + +.roadmap-step-s3 { margin-left: 0; border: none; padding: 0px 23px 30px; } + +.tc-light .roadmap-step-s3 { background: transparent; } + +.roadmap-step-s3:before { display: none; } + +.roadmap-step-s3:after { height: 60px; left: 50%; width: 2px; top: 75px; } + +.roadmap-step-s5 { margin: 0; background-color: transparent !important; border: none; padding-top: 0; padding-bottom: 0; } + +.roadmap-step-s5:before, .roadmap-step-s5:after { display: none; } + +.roadmap-head { margin-bottom: 10px; padding-right: 35px; position: relative; } + +.roadmap-finished .roadmap-head:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; line-height: 32px; border-radius: 50%; text-align: center; color: #fff; background: #ff6c3f; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: .88rem; content: '\f00c'; } + +.roadmap-head-s1 { padding-right: 0; margin-bottom: 0; line-height: 1.6; } + +.roadmap-head-s3 { padding-bottom: 120px; margin-bottom: 0; padding-right: 0; } + +.roadmap-head-s5 { padding: 0; } + +.roadmap-head-s5:after { display: none; } + +.roadmap-head-s6 { padding-left: 0; padding-right: 0; } + +.roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: 50%; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + +.roadmap-time { display: block; color: #fe4350; font-size: 13px; text-transform: uppercase; } + +.tc-light .roadmap-time { color: rgba(255, 255, 255, 0.8); } + +.roadmap-time-s1 { padding-bottom: 27px; line-height: 26px; width: 100%; display: inline-block; font-weight: 700; font-size: 0.81rem; position: relative; color: #8ca2e5; line-height: 25px; } + +.roadmap-time-s1:after, .roadmap-time-s1:before { position: absolute; content: ""; left: -24px; border-radius: 50%; } + +.roadmap-time-s1:after { bottom: -2px; width: 11px; height: 11px; margin-left: -5.5px; margin-top: -5.5px; background: #fe4350; } + +.tc-light .roadmap-time-s1:after { background: #fff; } + +.roadmap-time-s1:before { bottom: -10px; width: 27px; height: 27px; margin-left: -13.5px; margin-top: -13.5px; } + +.roadmap-done .roadmap-time-s1:before, .roadmap-current .roadmap-time-s1:before { background: rgba(254, 67, 80, 0.23); } + +.tc-light .roadmap-done .roadmap-time-s1:before, .tc-light .roadmap-current .roadmap-time-s1:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-time-s3 { color: #8ca2e5; } + +.roadmap-time-s3:before { position: absolute; left: 50%; transform: translateX(-50%); content: '\f1da'; border-radius: 50%; font-family: "Font Awesome 5 Free"; font-weight: 600; box-shadow: 0px 2px 7px 0px rgba(254, 67, 80, 0.1); top: 32px; background: linear-gradient(-90deg, #fff 0%, white 100%); border: 1px solid rgba(254, 67, 80, 0.2); height: 32px; line-height: 32px; width: 32px; color: #8ca2e5; z-index: 1; font-size: 13px; } + +.tc-light .roadmap-time-s3:before { color: rgba(255, 255, 255, 0.8); background: linear-gradient(-90deg, #fe4350 0%, #fe767f 100%); border-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 2px 7px 0px rgba(255, 255, 255, 0.1); } + +.roadmap-done .roadmap-time-s3:before { content: '\f00c'; } + +.roadmap-running .roadmap-time-s3:before { content: '\f021'; } + +.roadmap-s3-1 .roadmap-time-s3:before { content: ''; background: rgba(254, 67, 80, 0.5); border: none; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:before { background: rgba(254, 21, 38, 0.5); } + +.roadmap-s3-1 .roadmap-time-s3:after { position: absolute; left: 50%; top: 40px; transform: translateX(-50%); border-radius: 50%; content: ''; background: #fe4350; height: 16px; width: 16px; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:after { background: #fe1526; } + +.roadmap-time-s5 { font-weight: 600; text-transform: capitalize; font-size: 1rem; color: #fe4350; } + +.roadmap-time-s5:not(:last-child) { padding-bottom: 10px; } + +.roadmap-time-s5:after { position: absolute; height: 19px; width: 19px; border: 1px solid #fe4350; background: #fe4350; top: 2px; left: -29px; border-radius: 50%; content: ''; } + +.roadmap-finished .roadmap-time-s5:after { background: #f6fafd; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 10px; text-align: center; line-height: 18px; color: #ff6c3f; } + +.tc-light .roadmap-finished .roadmap-time-s5:after { color: #ff6c3f; background: #fe4350; } + +.roadmap-time-s6 { text-transform: none; } + +.roadmap-title { color: #8ca2e5; font-weight: 700; font-size: 16px; } + +.tc-light .roadmap-title { color: #fff; } + +.roadmap-title-s1 { padding-top: 25px; display: inline-block; font-size: 1rem; font-weight: 500; line-height: 1.6; color: #415076; } + +.roadmap-title-s2 { position: relative; font-size: 1rem; font-weight: 500; color: #fe4350; top: -10px; } + +.tc-light .roadmap-title-s2 { color: rgba(255, 255, 255, 0.8); } + +.roadmap-title-s2:before { position: absolute; content: ''; left: -25px; top: 1px; transform: translate(-50%, 0); height: 15px; width: 15px; border-radius: 50%; background: #fe4350; border: 1px solid #fe4350; } + +.roadmap-done .roadmap-title-s2:before { height: 19px; width: 19px; font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900; font-size: 9px; line-height: 18px; text-align: center; color: #39d884; background: #fff; } + +.tc-light .roadmap-done .roadmap-title-s2:before { color: #fff; background: #fe4350; } + +.bg-theme .roadmap-done .roadmap-title-s2:before { background: #fe4350; } + +.bg-theme-alt .roadmap-done .roadmap-title-s2:before { background: #ff6c3f; } + +.bg-theme-dark .roadmap-done .roadmap-title-s2:before { background: #36080b; } + +.bg-theme-dark-alt .roadmap-done .roadmap-title-s2:before { background: #49191d; } + +.roadmap-carousel { padding: 0 40px; } + +.roadmap-carousel:after, .roadmap-carousel:before { position: absolute; height: 12px; width: 12px; border-radius: 50%; content: ''; top: 42px; background: #dee2e6; } + +.tc-light .roadmap-carousel:after, .tc-light .roadmap-carousel:before { background: #ff6c3f; } + +.roadmap-carousel .owl-nav { position: absolute; left: -30px; top: 23px; font-size: 36px; font-weight: 400; width: calc(100% + 60px); opacity: 0.3; } + +.roadmap-carousel .owl-nav .owl-next { right: -30px; } + +.roadmap-carousel .owl-nav .owl-prev { left: -30px; } + +.roadmap-carousel .owl-nav .owl-next, .roadmap-carousel .owl-nav .owl-prev { top: -30px; position: absolute; z-index: 2; height: 52px; width: 52px; font-size: 36px; line-height: 52px; text-align: center; color: #fe4350; transform: translateY(50%); } + +.roadmap-carousel:after { right: 0; } + +.roadmap-carousel:before { left: 0; } + +.roadmap-carousel-s2:after, .roadmap-carousel-s2:before { height: 1px; width: 85px; border-radius: 0; top: 15px; z-index: 4; } + +.roadmap-carousel-s2:before { background: linear-gradient(90deg, #fff5f6 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme .roadmap-carousel-s2:before { background: linear-gradient(90deg, #fe4350 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #ff6c3f 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark .roadmap-carousel-s2:before { background: linear-gradient(90deg, #36080b 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #49191d 0%, rgba(0, 0, 0, 0) 100%); } + +.roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #fff5f6 100%); } + +.bg-theme .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #fe4350 100%); } + +.bg-theme-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #ff6c3f 100%); } + +.bg-theme-dark .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #36080b 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #49191d 100%); } + +.roadmap-carousel-s2:after { right: 40px; } + +.roadmap-carousel-s2:before { left: 40px; } + +.roadmap-carousel-container { position: relative; } + +.roadmap-carousel-container:before { position: absolute; content: ""; left: 0; top: 47px; width: 100%; height: 2px; background: #dee2e6; } + +.tc-light .roadmap-carousel-container:before { background: #ff6c3f; } + +.roadmap-carousel-nav-s2 .owl-nav { width: calc(100% + 80px); top: 26px; opacity: 1; } + +.roadmap-carousel-nav-s2 .owl-nav button { border: none !important; } + +.roadmap-carousel-nav-s2 .owl-nav button:after { font-size: 36px; line-height: 52px; color: #dee2e6; } + +.roadmap-carousel-nav-s2.roadmap-carousel-s2 .owl-nav { top: -7px; left: 0; width: calc(100% + 20px); } + +.roadmap-carousel:not([data-dots="true"]) { margin-bottom: -30px; } + +.roadmap-list { position: relative; padding-top: 15px; } + +.roadmap-list:after { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100vw; height: 1px; content: ''; background: #ff6c3f; } + +.roadmap-innr { padding: 0 25px 30px; } + +.roadmap-innr:before { position: absolute; left: 0; height: 100%; width: 1px; content: ''; transform: translateX(-50%); background-image: linear-gradient(to bottom, #fe4350 0%, #ff6c3f 100%); } + +.roadmap-item { position: relative; } + +.roadmap-item:nth-child(even) .roadmap-innr:before { background-image: linear-gradient(to top, #fe4350 0%, #ff6c3f 100%); } + +@media (min-width: 576px) { .roadmap-wrap-ovl-right { max-width: none; margin-right: -200px; } + .roadmap-wrap-ovl-right:after { width: 280px; } + .roadmap-wrap-ovl-right .owl-nav { margin-right: 190px; } } + +@media (min-width: 768px) { .roadmap-s5 { display: flex; text-align: right; } + .roadmap-s5.roadmap-right { justify-content: flex-end; text-align: left; } + .roadmap-s5:not(:last-child) { padding-bottom: 15px; } + .roadmap-wrap-s5 { max-width: 100%; } + .roadmap-wrap-s5:before { top: -30px; left: 50%; margin-left: -0.5px; } + .roadmap-step-s5 { max-width: 50%; padding-left: 30px; padding-right: 30px; } + .roadmap-time-s5:after { left: -39px; } + .roadmap-left .roadmap-time-s5:after { right: -40px; left: auto; } } + +@media (min-width: 992px) { .roadmap { display: flex; } + .roadmap-s1:before, .roadmap-s1:after { top: 41px; height: 0; width: 50%; border-top-width: 3px; border-top-style: solid; border-left-width: 0; } + .roadmap-s1:before { left: 0; } + .flex-row-reverse .roadmap-s1:before { right: 0; left: auto; } + .roadmap-s1:after { left: auto; right: 0; z-index: -1; } + .flex-row-reverse .roadmap-s1:after { right: auto; left: 0; } + .roadmap-s1-alt:before, .roadmap-s1-alt:after { top: 42px; border-top-width: 1px; border-top-style: dashed; } + .roadmap-s1-alt:after { right: 0; } + .roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-done:after { right: 0; left: auto; } + .roadmap-s1-alt.roadmap-current:before { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-current:after { top: 42px; } + .roadmap-s2 { display: block; } + .roadmap-s6 { display: block; } + .roadmap-s6:after { right: -14px; } + .roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: -14px; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + .roadmap-wrap { padding: 40px 0 10px; margin-bottom: 60px; max-width: 100%; } + .roadmap-wrap-ovl-left, .roadmap-wrap-ovl-right { max-width: none; } + .roadmap-wrap-s1 { padding-top: 0; } + .roadmap-wrap-s1:after { position: absolute; width: 15px; height: calc(100% + 3px); border-width: 3px; border-style: solid; border-color: #dee2e6; top: 41px; } + .tc-light .roadmap-wrap-s1:after { border-color: rgba(255, 255, 255, 0.2); } + .roadmap-wrap-s1-alt:after { height: calc(100% + 1px); border-width: 1px; border-style: dashed; top: 42px; } + .tc-light .roadmap-wrap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + .roadmap-wrap-s1-alt.roadmap-wrap-done:after { height: calc(100% + 3px); border-width: 3px; border-style: solid; top: 41px; } + .roadmap-wrap-s1.roadmap-wrap-done:after { border-color: #fff; } + .roadmap-wrap-s1:nth-child(odd):after { right: -15px; border-radius: 0 20px 20px 0; border-left-width: 0; } + .roadmap-wrap-s1:nth-child(even):after { left: -15px; border-radius: 20px 0px 0px 20px; border-right-width: 0; } + .roadmap-wrap-s1:last-child:after { display: none; } + .roadmap-line { left: 50%; margin-left: -1px; } + .roadmap-left { justify-content: flex-start; margin-top: -80px; } + .roadmap-left .roadmap-step { margin-left: 0; margin-right: 80px; } + .roadmap-left .roadmap-step:before { left: auto; right: -91px; } + .roadmap-left .roadmap-step:after { left: auto; right: -78px; } + .roadmap-left.roadmap-s5 { margin-top: 0; } + .roadmap-right { justify-content: flex-end; } + .roadmap-right .roadmap-step { margin-left: 80px; } + .roadmap-year { height: 60px; width: 60px; line-height: 60px; font-size: 16px; position: static; margin-left: auto; margin-right: auto; } + .roadmap-step { width: 100%; padding: 40px 30px 35px; } + .roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + .roadmap-step:before { left: -91px; } + .roadmap-step:after { width: 78px; left: -78px; } + .roadmap-step-list li:before { top: 12px; } + .roadmap-step-list-s1 li:after { left: 50%; } + .roadmap-step-s1 { padding-top: 0; padding-left: 15px; padding-right: 15px; } + .roadmap-step-s1:after { width: 0 !important; left: 50% !important; margin-left: -0.5px; height: 40px !important; top: 48px; border-top: 0; border-left: 1px solid; border-color: #dee2e6; } + .roadmap-s1-alt .roadmap-step-s1:after { border-left-style: dashed; } + .roadmap-step-s3 { padding-top: 0; background: transparent !important; } + .roadmap-step-s3:after { left: 50%; width: 2px; } + .roadmap-step-s5 { padding-top: 0; padding-bottom: 0; } + .roadmap-head { margin-bottom: 15px; } + .roadmap-time { font-size: 14px; } + .roadmap-time-s1:after { left: 50%; bottom: 5px; } + .roadmap-time-s1:before { bottom: -2px; left: 50%; } + .roadmap-time-s3 { font-size: .87rem; font-weight: 600; } + .roadmap-time-s6 { font-size: 18px; } + .roadmap-title { font-size: 18px; } + .roadmap-title-s1 { padding-top: 48px; } + .roadmap-title-s2 { font-size: 1rem; } + .roadmap-list { display: flex; align-items: flex-end; margin-bottom: 200px; } + .roadmap-item { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .roadmap-item:nth-child(even) { flex-grow: 0; width: 0; } + .roadmap-item:nth-child(even) .roadmap-innr { position: absolute; top: 0; left: 0; padding-top: 90px; min-width: 190px; transform: translateX(calc(-50% + 5px)); } + .roadmap-item:nth-child(even) .roadmap-innr:before { top: 0; height: 90px; } + .roadmap-item-sm { min-height: 170px; } + .roadmap-item-lg { min-height: 300px; } } + +@media (min-width: 1200px) { .roadmap-left .roadmap-step:before { right: -86px; } + .roadmap-left .roadmap-step:after { right: -73px; } + .roadmap-step:before { left: -86px; } + .roadmap-step:after { width: 73px; left: -73px; } + .roadmap-step-s1:before { left: 50%; } + .roadmap-step-s3:after { left: 50%; width: 2px; } } + +/** 04.091 Token */ +.token-info { border: 1px solid rgba(254, 67, 80, 0.2); border-radius: 8px; padding: 18px 20px 0; margin-bottom: 30px; } + +.token-info-s1 { padding: 0 30px; border: none; text-align: left; } + +.token-info-item { position: relative; padding-left: 25px; } + +.token-info-item:before { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; content: ''; border-radius: 2px; background: #a963ff; } + +.token-info-item.color-2:before { background: #f42f54; } + +.token-info-item.color-3:before { background: #f5a946; } + +.token-info-item.color-4:before { background: #63a5ff; } + +.token-info-item.color-5:before { background: #ff8d87; } + +.token-info-item-s1 { padding-left: 0; display: flex; align-items: center; justify-content: space-between; margin: 25px 0; } + +.token-info-item-s1:first-child { margin-top: 16px; } + +.token-info-item-s1:before { display: none; } + +.token-info-item-s1 span { font-size: 12px; font-weight: 400; color: #fe4350; text-transform: uppercase; } + +.token-info-item-s1 h4 { font-size: 1.5rem; line-height: 1; font-weight: 300; } + +.token-info-title { font-size: 0.7rem; text-transform: uppercase; font-weight: 700; letter-spacing: 0.04em; margin-bottom: 4px; } + +.token-info-des { font-size: 1.1rem; } + +.token-status { border-radius: 8px 8px 0 0; border: 1px solid rgba(254, 67, 80, 0.2); padding: 18px 20px 10px; text-align: center; } + +.token-status .countdown-s2 { padding: 0; } + +.token-status-s1 { padding: 30px; box-shadow: 0px 15px 20px 0px rgba(254, 67, 80, 0.1); margin-left: 0; } + +.token-status-s2 { position: relative; border: none; padding: 0; max-width: 360px; margin: 50px auto 0; } + +.token-status-s2 .icon-list { margin-top: 10px; } + +.token-status-s3 { padding: 29px 0 0; border: none; } + +.token-status-s3 .countdown-s2 { padding-left: 30px; padding-right: 30px; } + +.token-status-s4 { border: none; padding: 65px 0 50px; } + +.token-status-s4 .icon-list { margin-top: 10px; } + +.token-status-s5 { background: #fe4350; padding-bottom: 25px; } + +.token-status-s6 { border: none; padding: 20px 20px 25px; } + +.token-countdown { padding: 16px 0 20px; } + +.token-min { font-size: 13px; color: #fff; display: block; padding: 12px 0; } + +.token-min-s2 { padding: 15px 0 0; text-align: left; } + +.token-min-s2 span { display: block; } + +.token-min-s2 span:first-child { color: #fe4350; font-size: 12px; line-height: 1; text-transform: uppercase; font-weight: 300; } + +.token-min-s2 span:last-child { line-height: normal; padding-top: 4px; } + +.token-alocate-item { position: relative; padding: 0 20px 15px; margin-bottom: 30px; margin-left: auto; margin-right: auto; background: #fff; height: calc(100% - 30px); border-radius: 4px; } + +.token-alocate-item:not([class*='shadow']) { box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.token-alocate-item-s1 { padding-left: 0; padding-right: 0; background-color: transparent; } + +.token-alocate-graph { padding: 20px 0 15px; position: relative; } + +.token-alocate-graph span, .token-alocate-graph img { position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; } + +.token-alocate-graph span { color: #415076; font-size: 2em; font-weight: 400; line-height: 1.3; } + +.token-alocate-graph img { width: 150px; } + +.token-alocate-graph canvas { position: relative; z-index: 5; } + +.token-alocate-graph-s1 canvas { min-height: 230px; } + +.token-alocate-list li { color: #415076; display: flex; align-items: center; font-weight: 400; padding: 13px 0; } + +.token-alocate-list li .token-alocate-percent { font-weight: 600; color: #fe4350; } + +.token-box-s1 { position: absolute !important; left: 0; bottom: -157px; width: 100%; z-index: 9 !important; } + +.token-box-s2 { background: rgba(254, 67, 80, 0.3); padding: 30px 20px 52px; } + +.token-box-s2 .title { margin-bottom: 1.2rem; } + +.token-box-s3 { padding-bottom: 20px; } + +.token-countdown-wrapper { padding: 30px; background: #fff; box-shadow: 0px 15px 20px 0px rgba(254, 67, 80, 0.1); } + +.token-countdown-wrapper h6 { color: currentColor; } + +.token-action-s1 { margin-top: -22px; } + +.token-action-s2 { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action + .icon-list { margin-top: 15px; } + +.token-sale-box { background: #f6fafd; border-radius: 4px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; padding: 20px 15px 33px; transition: all .4s; } + +.tc-light .token-sale-box { background: rgba(254, 67, 80, 0.08); } + +.token-sale-info { display: block; font-size: 2.4rem; font-weight: 300; color: #fe4350; } + +.token-sale-title { font-size: 14px; text-transform: uppercase; font-weight: 400; } + +.token-bonus-item { padding: 50px 25px 46px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; border-radius: 4px; margin-bottom: 30px; transition: all .4s; height: calc(100% - 30px); background: #ff9b7c; } + +.token-bonus-item span { display: block; } + +.token-bonus-item.two { background: #ff8059; } + +.token-bonus-item.three { background: #ff9372; } + +.token-bonus-title { display: inline-block !important; line-height: 18px; font-size: 13px; color: #fff; text-transform: uppercase; padding: 6px 20px; background: #36080b; border-radius: 15px; font-weight: 400; } + +.token-bonus-percent { font-size: 4em; line-height: 1; padding: 22px 0 7px; font-weight: 300; color: #fff; } + +.token-bonus-txt { font-size: 14px; line-height: 18px; font-weight: 400; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); } + +.tc-light .token-bonus-txt { color: rgba(255, 255, 255, 0.6); } + +.token-stage { margin-bottom: 33px; } + +.token-stage-title { color: #fff; background: #ee0112; text-transform: uppercase; font-weight: 700; line-height: 26px; padding: 10px; border-radius: 6px 6px 0 0; } + +.token-stage-pre { background: #fe1a2a; } + +.token-stage-one { background: #fe0617; } + +.token-stage-date { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; padding: 12px 0 10px; } + +.tc-light .token-stage-date { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-date h6 { font-weight: 700; font-size: 1rem; margin-bottom: 0; } + +.token-stage-date span { font-size: 15px; } + +.token-stage-info { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; border-radius: 0 0 6px 6px; padding: 14px 0 16px; } + +.tc-light .token-stage-info { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-info span { display: block; font-size: 15px; line-height: 1.86; } + +.token-stage-bonus { color: #fe4350; } + +.token-action-s2 { padding: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action-box { display: flex; align-items: center; flex-wrap: wrap; border-radius: 6px; background: rgba(254, 67, 80, 0.1); } + +.token-action-box > div { padding: 20px 25px; width: 100%; } + +.token-action-box > div:last-child { padding-top: 0; } + +.tc-light .token-action-box { background: rgba(254, 67, 80, 0.1); } + +.token-action-title { width: 30%; background: #fe4350; border-radius: 6px 6px 0 0; font-weight: 500; font-size: 1.2em; line-height: 1.44; flex-grow: 1; width: 100%; } + +.tc-light .token-action-title { background: #fe4350; } + +.token-action-box .token-action-title { padding: 25px; } + +.token-action-date { width: 40%; } + +.token-action-date strong { display: block; } + +.token-action-btn { width: 34%; } + +.token-action-btn .btn-grad { padding: 14px 0px; width: 100%; } + +.token-bar-chart { position: relative; z-index: 9; } + +.token-bar-item { position: relative; height: 40px; border-radius: 20px; margin: 10px 0; } + +.token-bar-item.tbic1 { background: #002674; } + +.token-bar-item.tbic1:before { background: #002674; } + +.token-bar-item.tbic2 { background: #004ae2; } + +.token-bar-item.tbic2:before { background: #004ae2; } + +.token-bar-item.tbic3 { background: #3b7bff; } + +.token-bar-item.tbic3:before { background: #3b7bff; } + +.token-bar-item.tbic4 { background: #3bb8ff; } + +.token-bar-item.tbic4:before { background: #3bb8ff; } + +.token-bar-item.tbic5 { background: #5378fb; } + +.token-bar-item.tbic5:before { background: #5378fb; } + +.token-bar-txt { position: absolute; font-size: 13px; padding-bottom: 0; top: 50%; left: 100%; min-width: 300%; transform: translateX(45px) translateY(-50%); } + +.token-bar-txt:after { position: absolute; content: ''; left: 0; top: 50%; height: 1px; width: 25px; margin-left: -35px; background: rgba(22, 161, 255, 0.5); } + +.token-bar-txt span { display: block; line-height: 1.5; white-space: nowrap; } + +.token-bar-txt span:first-of-type { font-weight: 600; } + +.token-bar-item.tbic1 .token-bar-txt span:first-of-type { color: #002674; } + +.token-bar-item.tbic2 .token-bar-txt span:first-of-type { color: #004ae2; } + +.token-bar-item.tbic3 .token-bar-txt span:first-of-type { color: #3b7bff; } + +.token-bar-item.tbic4 .token-bar-txt span:first-of-type { color: #3bb8ff; } + +.token-bar-item.tbic5 .token-bar-txt span:first-of-type { color: #5378fb; } + +@media (min-width: 768px) { .token-bar-chart { display: flex; overflow: visible; margin-top: 135px; } + .token-bar-item { margin: 0; } + .token-bar-item:before { position: absolute; left: -20px; top: 0; height: 40px; width: 40px; content: ''; z-index: -1; } + .token-bar-item:first-child:before { display: none; } + .token-bar-txt { padding-bottom: 10px; top: -110px; left: 50%; min-width: 100%; transform: translateX(-50%); text-align: center; } + .token-bar-txt:after { left: 50%; top: 100%; height: 65px; width: 1px; margin-left: 0; } } + +@media (max-width: 420px) { .token-status-s6 .countdown-time { font-size: 1.8rem; } + .token-status-s6 .cpn-links, .token-status-s6 .cpn-links li { padding-left: 10px; padding-right: 10px; } } + +@media (min-width: 480px) { .token-status .countdown-s2 { padding: 0 30px 20px; } + .token-info-s1 { padding: 0 30px; } + .token-min-s2 { padding: 0; } } + +@media (min-width: 576px) { .token-info { padding: 24px 40px 0; } + .token-info .text-block-title { text-align: center; } + .token-info-list li { display: flex; } + .token-info-list li > span { width: 50%; } + .token-info-title { font-size: 0.88rem; letter-spacing: 0.2em; } + .token-info-des { font-size: 1.375rem; } + .token-info-s1 { padding: 0 30px; } + .token-status { padding: 24px 28px 20px; } + .token-status-md { padding: 36px; } + .token-status-s2 { padding: 0; } + .token-status-s3 { padding: 29px 0 0; border: none; } + .token-status-s4 { padding: 65px 0 50px; } + .token-status-s5 { padding: 40px 30px 40px; } + .token-status-s6 { border: none; padding: 35px 50px 45px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; } + .token-alocate-graph { padding: 30px 40px 30px; } + .token-action-box { flex-wrap: nowrap; } + .token-action-box > div:last-child { padding-top: 20px; padding-left: 0; } + .token-action-title { width: auto; border-radius: 6px 0 0 6px; } + .token-action-s2 { padding: 30px; } } + +@media (min-width: 768px) { .token-alocate-item { padding: 20px 30px 40px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; margin-bottom: 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-box-s1 { position: absolute !important; left: 0; bottom: -45px; width: 100%; z-index: 9 !important; } } + +@media (min-width: 992px) { .token-countdown-wrapper { padding: 30px 60px 30px 66px; } + .token-status-s1 { padding: 30px 60px 30px 66px; margin-left: 0; } + .token-status-s2 { margin: 65px 140px 0 0; } + .token-status-s3 { margin-left: 25px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding: 30px 65px 0px; } + .token-alocate-item-s1:before { position: absolute; height: 610px; width: 610px; top: 0; left: 50%; content: ''; border-radius: 20px; background: rgba(254, 67, 80, 0.04); transform: rotate(45deg); transform-origin: 0 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-alocate-graph-s1 { margin-top: 80px; } + .token-action-box { margin-top: 25px; } } + +.tokdis-item { position: relative; padding-left: 0; padding-bottom: 15px; margin-bottom: 15px; padding-top: 8px; display: inline-block; } + +.tokdis-item:before { position: absolute; width: 40px; height: 3px; border-radius: 1.5px; content: ''; background: #fed895; top: 0; left: 50%; transform: translateX(-50%); } + +.tokdis-item h5 { font-size: 1.125em; } + +.tokdis-list { padding-bottom: 40px; } + +@media (min-width: 992px) { .tokdis-item { padding-left: 25px; padding-bottom: 4px; padding-top: 0; } + .tokdis-item:before { width: 3px; height: 100%; top: 0; left: 0; transform: translateX(0); } + .tokdis-list { padding-bottom: 80px; } } + +.toktmln-item { position: relative; padding: 0 0 20px; display: flex; justify-content: center; } + +.toktmln-item:before { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); content: ''; height: 30px; width: 30px; border-radius: 50%; border: 6px solid #dee2e6; background: #fe4350; } + +.tc-light .toktmln-item:before { border-color: #fff; } + +.toktmln-item div { padding: 0 30px 5px 0; text-align: right; width: 50%; flex-grow: 1; } + +.toktmln-item div:last-child { padding: 0 0 0 30px; text-align: left; } + +.toktmln-item div span { display: block; font-weight: 600; } + +.toktmln-item div span:last-child { font-size: .775em; padding-bottom: 8px; font-weight: 400; color: #415076; } + +.tc-light .toktmln-item div span:last-child { color: #fff; } + +.toktmln-list { position: relative; } + +.toktmln-list:before { position: absolute; left: 50%; top: -24px; width: 2px; margin-left: -1px; height: 100%; background: #dee2e6; content: ''; } + +.tc-light .toktmln-list:before { background: #fff; } + +@media (min-width: 992px) { .toktmln-list { position: relative; } + .toktmln-list:before { left: 0; top: 14px; width: 100%; height: 2px; } + .toktmln-item { padding: 64px 0 0; display: block; } + .toktmln-item:before { top: 0; left: 0; transform: translateX(0); } + .toktmln-item div { padding-bottom: 5px; text-align: left; width: 100%; padding-left: 0; padding-right: 0; } + .toktmln-item div:last-child { padding: 0 0 0 0; } + .toktmln-item div span:last-child { font-size: .875em; } } + +.stage-info { padding-left: 15px; } + +.stage-info .title { margin-bottom: .5rem; } + +/** 04.10 Team */ +.team { position: relative; margin-bottom: 30px; max-width: 255px; margin-left: auto; margin-right: auto; text-align: center; } + +.nk-block-left .team { max-width: 100%; } + +.team:hover .team-show { opacity: 1; } + +.team-s2 { max-width: 240px; text-align: center; } + +.team-s2 .word-split { justify-content: center; } + +.team-s2:hover .team-show { opacity: .25; } + +.team-s4 { padding: 30px 30px; } + +.team-s5 { text-align: left; max-width: 228px; padding-bottom: 25px; } + +.team-s5:before { position: absolute; content: ""; left: 20px; top: 50px; right: 0; bottom: 0; background: #fff5f6; z-index: -1; } + +.bg-theme .team-s5:before { background: #ff6c3f; } + +.has-bg-image .team-s5:before { background: #ff6c3f; } + +.tc-light .team-s5:before { background: #49191d; } + +.team-s6 { text-align: left; display: flex; max-width: 100%; } + +.team-s6 .team-left { width: 135px; flex-shrink: 0; } + +.team-s6 .team-photo { max-width: 170px; margin-right: 25px; margin-left: 0; } + +.team-sm-s2 { text-align: left; max-width: 145px; } + +.team-photo { display: block; position: relative; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 2; } + +.team-photo + .list { padding-top: 15px; } + +.team-photo-s1 { max-width: 160px; } + +.team-photo img { border-radius: 6px; width: 100%; transition: all .4s; } + +.team-photo-sm { max-width: 180px; } + +.team-photo-s2 { max-width: 90%; } + +.team-photo-s2:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(254, 67, 80, 0.4); border-radius: 6px; z-index: 1; } + +.team-photo-s3:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: linear-gradient(to top left, #fe4350 0%, #ff6c3f 100%); border-radius: 6px; z-index: 1; opacity: .2; } + +.team-photo-circle { border-radius: 50%; } + +.team-sm-s2 .team-photo { margin-left: 0; max-width: 90%; } + +.team-sm-s2:hover .team-photo { transform: translateY(-8px); } + +.team-s3 .team-photo { max-width: 160px; } + +.team-s5 .team-photo { margin-left: 0; } + +.team-s5 .team-photo:before, .team-s5 .team-photo:after { position: absolute; content: ''; } + +.team-s5 .team-photo:before { top: 24px; right: -33px; height: 3px; width: 65px; background: linear-gradient(to top left, #fe4350 0%, #ff6c3f 100%); z-index: 1; } + +.team-s5 .team-photo:after { top: 0; bottom: 0; right: 0; left: 0; background: rgba(254, 67, 80, 0.4); transition: all .4s; } + +.team-s5 .team-photo:hover { transform: translateY(-8px); } + +.team-s5 .team-photo:hover:after { opacity: .5; } + +.team-s5 .team-photo:hover .team-show { opacity: 0; } + +.team-photo-bg:before { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; transform: scale(1); z-index: -1; opacity: 1; transition: all .5s ease; background-image: linear-gradient(0deg, #ff6c3f 0%, #fe4350 100%); } + +.team-s3-alt .team-photo-bg:before { opacity: 0; transform: scale(0.8); } + +.team-photo-bg a { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; z-index: 1; } + +.team-photo-bg:hover a + img { transform: scale(0.85); } + +.team-s3-alt .team-photo-bg:hover a + img { transform: scale(1); } + +.team-s3-alt .team-photo-bg:hover:before { opacity: 1; transform: scale(1); } + +.team-show { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(254, 67, 80, 0.4); border-radius: 6px; transition: all .4s; z-index: 20; opacity: 0; } + +.team-s2 .team-show { opacity: 0; } + +.team-s3 .team-photo-bg .team-show { opacity: 0 !important; top: 0; right: 0; bottom: 0; left: 0; } + +.team-s5 .team-show { border-radius: 0; } + +.team-s5:hover .team-show { opacity: 0; } + +.team-social { margin: 0 -5px; } + +.team-photo .team-social { position: absolute; bottom: -17px; right: 17px; z-index: 21; text-align: right; } + +.team-social li { padding: 0 4px; display: inline-block; } + +.team-social li a { font-size: 13px; text-align: center; display: inline-block; line-height: 34px; height: 34px; width: 34px; border-radius: 50%; color: #fff !important; background: #ff6c3f; box-shadow: 0px 2px 15px 0px rgba(255, 108, 63, 0.5); } + +.team-social li a:hover { color: #fff !important; background: #fe4350; box-shadow: 0px 2px 15px 0px rgba(254, 67, 80, 0.5); } + +.team-social-s2 { margin: 0 -10px; } + +.team-social-s2 li { padding: 0 10px; } + +.team-social-s2 li a { width: auto; background-color: transparent; box-shadow: none; color: #415076 !important; } + +.tc-light .team-social-s2 li a { color: #fff !important; } + +.team-social-s2 li a:hover { color: #fe4350 !important; background-color: transparent; box-shadow: none; } + +.team-s2 .team-social-s2 { padding-top: 15px; } + +.team-s3 .team-social-s2 { padding-top: 10px; } + +.team-social-vr li { display: block; text-align: center; } + +.team-social-vr li a { width: 30px !important; } + +.team-s5 .team-social { position: absolute; top: 64px; right: 20px; } + +.team-s5 .team-social li a { color: #fe4350; } + +.team-name { color: #415076; padding-top: 28px; font-weight: 600; } + +.team-name.title { margin-bottom: .5rem !important; } + +.team-s2 .team-name.title-sm { font-size: .95em !important; } + +.team-s2 .team-name { padding-top: 18px; } + +.team-s3 .team-name { color: #fe4350; font-size: 1.125rem !important; font-weight: 400; margin-bottom: 1px !important; } + +.team-s3-alt .team-name { color: #fe4350; } + +.tc-light .team-s3-alt .team-name { color: #fff; } + +.team-s4 .team-name { font-weight: 400; padding-top: 21px; font-size: 1.33rem; margin-bottom: 0 !important; } + +.team-s5 .team-name { padding-left: 45px; padding-right: 40px; } + +.team-s6 .team-name { text-transform: uppercase; font-weight: 400; } + +.team-position { font-size: 12px; font-weight: 400; display: inline-block; } + +.team-s3 .team-position { font-weight: 300; color: #536697; } + +.team-s3-alt .team-position { color: #fe4350; } + +.tc-light .team-s3-alt .team-position { color: #fe4350; } + +.team-s4 .team-position { padding-bottom: 10px; } + +.team-s5 .team-position { padding-left: 45px; padding-right: 40px; color: #fe4350; } + +.team-s6 .team-position { position: relative; color: #fe4350; padding-bottom: 13px; margin-bottom: 5px; line-height: 1.4; } + +.team-s6 .team-position:before { position: absolute; height: 3px; width: 190px; left: 0; bottom: 0; content: ''; background: linear-gradient(to right, #fe4350 0%, #ff6c3f 100%); z-index: 5; } + +.tc-light .team-position { color: #fff0e7; } + +.team-featured-photo { position: relative; border-radius: 5px; overflow: hidden; } + +.team-featured-info { position: absolute; left: 0; bottom: 0; font-size: 18px; padding: 15px 20px; } + +.team-featured-info span { font-size: 16px; font-weight: 300; display: block; padding-top: 5px; } + +.team-featured-cont p:last-child { margin-bottom: 0; } + +.team-featured-sub { text-transform: uppercase; color: #fff; font-size: 14px; letter-spacing: 0.15em; } + +.team-popup { position: relative; max-width: 100%; margin: 10px; padding: 15px; background: #fff; border-radius: 6px; } + +.team-popup-info p:last-child { margin-bottom: 0; } + +.team-list { margin-bottom: -30px; } + +.team-s4 .team-desc { font-size: .87rem; margin-bottom: 8px; } + +.team-s4 .team-desc p { font-size: inherit; } + +@media (min-width: 576px) { .team { margin-bottom: 50px; } + .team-s2 { margin-bottom: 30px; text-align: left; } + .team-s2 .word-split { justify-content: flex-start; } + .team-s4 { padding: 30px 15px; } + .team-s2 .team-photo { margin-left: 0; } + .team-s2 .team-name { padding-top: 25px; } + .team-featured-info { padding: 25px 30px; } + .team-popup { padding: 40px; } + .team-list { margin-bottom: -50px; } } + +@media (min-width: 768px) { .team-even { margin-top: 60px; } + .team-s4 { margin-bottom: 50px; } } + +@media (min-width: 992px) { .team-featured-cont { padding-left: 20px; } + .team-featured-title { padding: 8px 0 15px; } + .team-name { padding-top: 34px; margin-bottom: 8px !important; } + .team-s2 .team-name, .team-s3-alt .team-name { padding-top: 20px; } + .team-s5 .team-name { padding-top: 24px; } + .team-position { font-size: 0.88rem; } + .team-position-sm { font-size: 13px; } + .team-social { bottom: -20px; right: 20px; margin: 0 -5px; } + .team-social li { padding: 0 4px; } + .team-social li a { font-size: 16px; line-height: 40px; height: 40px; width: 40px; } + .team-social-s2 { margin: 0 -8px; } + .team-social-s2 li { padding: 0 8px; } + .team-social-s2 li a { font-size: 14px; height: auto; width: auto; } + .team-popup { margin: 10px auto; width: 950px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .team-s5 .team-social { right: 9px; } } + +@media (min-width: 1600px) { .team-photo-s2 { max-width: 100%; } } + +/** 04.11 Partners */ +.partner-list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: -15px; } + +.partner-list-left { justify-content: left; } + +.partner-list-lg { margin-bottom: -20px; } + +.partner-logo { padding: 15px 10px; } + +[class*="col-"] > .partner-logo { padding: 0; } + +.partner-logo img { max-height: 30px; max-width: 100%; width: auto !important; margin-left: auto; margin-right: 0; } + +.has-carousel .partner-logo img { margin-right: auto; } + +.partner-list-lg .partner-logo { padding: 20px 25px; } + +.partner-list-lg .partner-logo img { max-height: 50px; } + +.partner-logo-s2, .partner-logo-s3 { width: 50%; max-width: 50%; text-align: center; padding: 0 10px; } + +.partner-logo-s2 img, .partner-logo-s3 img { max-height: 50px; } + +.partner-list-left .partner-logo-s2, .partner-list-left .partner-logo-s3 { text-align: left; } + +.partner-logo-s3 img { max-height: 60px; } + +.partner-logo-lg { width: 50%; margin-bottom: 30px; } + +.partner-box { padding: 15px 0px; margin-bottom: 30px; } + +@media (min-width: 576px) { .partner-logo-s2, .partner-logo-s3 { margin-bottom: 30px; max-width: 16.6%; width: 16.6%; } + .partner-logo-lg { width: 33%; } + .partner-box { padding: 15px 66px; box-shadow: 0px 5px 25px rgba(255, 108, 63, 0.1); } } + +@media (min-width: 992px) { .partner-box .partner-list { justify-content: space-between; } + .partner-list-lg { margin-bottom: -20px; } + .partner-list-lg .partner-logo { padding: 20px 25px; } + .partner-list-lg .partner-logo img { max-height: 50px; } + [class*="col-"] > .partner-logo { padding: 15px 0; } } + +/** 04.12 Contact */ +.contact-wrap { padding: 20px; } + +.contact-list { margin-top: -7.5px; margin-bottom: -7.5px; position: relative; z-index: 2; } + +.contact-list li { display: flex; padding-top: 7.5px; padding-bottom: 7.5px; font-size: 0.94rem; } + +.contact-list-s1 { display: flex; justify-content: center; } + +.contact-list-s1 li { width: 100%; flex-wrap: wrap; justify-content: center; } + +.contact-icon { height: 38px; width: 38px; font-size: 16px; line-height: 38px; text-align: center; color: #fff; background: #ff6c3f; box-shadow: 0px 2px 15px 0px rgba(255, 108, 63, 0.5); border-radius: 50%; margin-right: 15px; flex-shrink: 0; } + +.tc-light .contact-icon { color: #fe4350; background: #fff; box-shadow: none; } + +.bg-secondary .contact-icon { color: #ff6c3f; } + +.contact-list-s1 .contact-icon { margin-right: 0; color: #fff; box-shadow: 0px 2px 15px 0px rgba(254, 67, 80, 0.5); background: linear-gradient(-45deg, #fe4350 0%, #ff6c3f 100%); } + +.tc-light .contact-list-s1 .contact-icon { color: #fe4350; background: #fff; } + +.contact-icon-s2 { color: #ff6c3f; background: transparent; box-shadow: inset 0 0 0 2px #ff6c3f; } + +.tc-light .contact-icon-s2 { color: #fff; background-color: transparent; box-shadow: inset 0 0 0 2px #fff; } + +.contact-icon-s3 { position: relative; color: #fe4350; background: linear-gradient(to right, #fe4350 0%, #ff6c3f 100%); box-shadow: none; } + +.tc-light .contact-icon-s3 { color: #fff; background: linear-gradient(to right, #fe4350 0%, #ff6c3f 100%); } + +.contact-icon-s3:after { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .contact-icon-s3:after { background: #f6fafd; } + +.bg-light-alt .contact-icon-s3:after { background: #fff5f6; } + +.bg-theme .contact-icon-s3:after { background: #fe4350; } + +.bg-theme-alt .contact-icon-s3:after { background: #ff6c3f; } + +.bg-theme-dark .contact-icon-s3:after { background: #36080b; } + +.bg-theme-dark-alt .contact-icon-s3:after { background: #49191d; } + +.bg-theme-accent .contact-icon-s3:after { background: #fe4350; } + +.bg-theme-accent-alt .contact-icon-s3:after { background: #ff6c3f; } + +.contact-icon-s3:before { position: relative; z-index: 1; } + +.contact-text { padding-top: 7px; } + +.contact-list-s1 .contact-text { width: 100%; } + +.contact-social { margin-top: auto; padding-top: 20px; } + +.contact-social h6 { margin-bottom: 1rem; } + +.subscribe-wrap { padding: 20px; } + +@media (min-width: 576px) { .contact-wrap { padding: 50px; } + .subscribe-wrap { padding: 65px; } } + +@media (min-width: 768px) { .contact-list-s1 li { width: 33.33%; flex-wrap: wrap; } + .contact-list-s1 .contact-text { width: auto; } + .contact-list-s1 .contact-icon { margin-right: 15px; } } + +@media (max-width: 480px) { .contact-list-s2 { flex-wrap: wrap; } } + +@media (max-width: 767px) { .contact-list-s2 li { flex-wrap: wrap; text-align: center; } + .contact-list-s2 li .contact-icon { margin-right: 0; } + .contact-list-s2 li .contact-text { width: 100%; } } + +@media (max-width: 991px) { .contact-list-s2 { display: flex; justify-content: center; } + .contact-list-s2 li { width: 100%; justify-content: center; } } + +@media (min-width: 992px) and (max-width: 1199px) { .contact-wrap, .subscribe-wrap { padding: 35px; } } + +.social-links { display: flex; margin: -3px; } + +.social-links li { padding: 3px; } + +.social-links li a { display: inline-block; border-radius: 50%; border: 1px solid #fff; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #415076; } + +.social-links li a:hover { color: #fe4350; background: #fff; } + +.tc-light .social-links li a { color: #fff; } + +.tc-light .social-links li a:hover { color: #fe4350; } + +.bg-secondary .social-links li a:hover { color: #ff6c3f !important; } + +.social-links-s2 li a { border: none; } + +.social-links-s2 li a:hover { background-color: #fff; color: #fe4350 !important; } + +.tc-light .social-links-s2 li a:hover { color: #fe4350 !important; } + +@media (min-width: 992px) { .section-contact .ovm-h-60 { height: 50%; } } + +/** 04.13 WGS */ +.wgs { margin-bottom: 30px; } + +.wgs-title { text-transform: uppercase; color: #fe4350; font-size: 1rem; font-weight: 600; letter-spacing: 0.075em; } + +.wgs-title-s2, .wgs-title-s3 { font-size: 1.125rem; letter-spacing: normal; } + +.wgs-title-s2 { margin-bottom: 18px; font-weight: 600; } + +.wgs-title-s3 { font-weight: 700; margin-bottom: 22px; padding-top: 10px; } + +.tc-light .wgs-title { color: #ff6c3f; } + +.wgs-logo { padding-bottom: 22px; display: inline-block; } + +.wgs-body p { font-size: 0.93em; line-height: 1.71; margin-bottom: 0.75rem; } + +.wgs-body p:last-child { margin-bottom: 0; } + +.wgs-list li { font-size: .9em; padding-bottom: 14px; letter-spacing: 0.01em; } + +.wgs-list li:last-child { padding-bottom: 0; } + +.wgs-links li { position: relative; padding: 5px 0; line-height: 1; } + +.wgs-links li:last-child { padding-bottom: 0px; } + +.wgs-links li a { font-size: 0.9em; line-height: 20px; display: block; color: #12183a; } + +.wgs-links li a:hover { color: #fe4350; } + +.tc-light .wgs-links li a { color: #fff !important; } + +.tc-light .wgs-links li a:hover { color: #fe4350 !important; } + +.wgs-links-s2 li { padding: 7px 0; } + +.wgs-links-s2 li a { font-size: 1em; } + +.wgs-links-s3 li { padding: 9px 0; } + +.wgs-links-s4 li { padding: 7px 0; } + +.wgs-links-s5 li { margin-bottom: 17px; } + +.wgs-links-s5 li:first-child { margin-top: -5px; } + +.wgs-links-s5 li a { font-size: 1rem; font-weight: 400; } + +.wgs-links-uline li a { display: inline-block; } + +.wgs-links-uline li a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.wgs-links-category li { padding-left: 20px; } + +.wgs-links-category li a { padding: 10px 0; } + +.wgs-links-category li:before { position: absolute; left: 0; top: 50%; margin-top: -1px; height: 2px; width: 8px; content: ''; background: #fe4350; } + +.wgs-links-tags { padding: 12px 0; margin: -7px -5px; } + +.wgs-links-tags li { display: inline-block; padding: 7px 5px; } + +.wgs-links-tags li a { padding: 7px 16px; border: 1px solid #dee2e6; border-radius: 3px; } + +.wgs-links-tags li a:hover { color: #fff; border-color: #fe4350; background: #fe4350; } + +.wgs-links-3clumn li { width: 32%; display: inline-block; } + +.wgs-archive .wgs-body { padding: 12px 0; } + +.wgs-cta .wgs-body { padding: 30px 30px 35px; } + +.wgs-address { font-size: .9rem; line-height: 2; } + +.wgs-address li:not(:last-child) { margin-bottom: 10px; } + +.wgs-regular { font-weight: 400; } + +@media (min-width: 992px) { .wgs-subscribe-form-s1 { margin-left: -50px; padding-right: 50px; } } + +.copyright-text { color: #415076; } + +.tc-light .copyright-text { color: #fff0e7; } + +.copyright-text p { color: inherit; } + +.copyright-text a { color: #415076; } + +.copyright-text a:hover { color: #fe4350; } + +.tc-light .copyright-text a { color: #fff0e7; } + +.tc-light .copyright-text a:hover { color: #fe4350; } + +.copyright-text-s1 { font-size: 14px; } + +.copyright-text-s1 p { font-size: inherit; } + +.copyright-text-s2 { text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; } + +.copyright-text-s3 { font-size: 13px; color: #12183a; } + +.tc-light .copyright-text-s3 { color: #fff0e7; } + +.copyright-text-s3 p { font-size: 13px; color: inherit; } + +.copyright-text-s3 p a { color: inherit !important; } + +.copyright-text-s3 p a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.copyright-text-s3 a { font-weight: 500; } + +.copyright-text-s3 span { color: #415076; padding-bottom: 3px; } + +.tc-light .copyright-text-s3 span { color: #fff; } + +.copyright-text-s4 p { font-size: 0.9rem !important; } + +.copyright-text li a, .copyright-text p { font-size: 13px; color: #fff; } + +.copyright-text li { width: 100%; } + +.footer-nav { margin: 0 -15px; } + +.footer-nav li { display: inline-block; padding: 0 15px; } + +.footer-nav li a { color: #415076; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; } + +.footer-nav li a:hover { color: #fe4350 !important; } + +.tc-light .footer-nav li a { color: #fff !important; } + +.tc-light .footer-nav li a:hover { color: #fe4350 !important; } + +@media (min-width: 576px) { .copyright-text-s2 { font-size: 12px; } + .copyright-text li { width: auto; } } + +.wgs-nl-title { margin-bottom: 32px; } + +/** 04.14 Others */ +.rank-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.rank-item { background-image: url(../images/hexagon.png); height: 88px; width: 94px; padding: 16px 20px 0; } + +.rank-item img { max-height: 16px; } + +.rank-count { font-size: 1rem; color: #ff6c3f; font-weight: 700; padding-top: 4px; line-height: 1.3; } + +.rank-count span { font-size: .7rem; color: #fff; } + +@media (min-width: 400px) { .rank-item { height: 104px; width: 108px; padding-top: 24px; } } + +@media (min-width: 768px) { .rank-item { height: 136px; width: 146px; padding: 32px 30px 0; } + .rank-item img { max-height: 24px; } + .rank-count { padding-top: 10px; font-size: 1.4rem; } + .rank-count span { font-size: .9rem; } } + +@media (min-width: 992px) { .rank-item { height: 160px; width: 164px; padding-top: 38px; } } + +.rating-info { font-size: 2.23em; line-height: 1; padding: 16px 0; font-weight: 700; background: #fff5f6; border-radius: 6px 6px 0 0; color: #415076; } + +.rating-info span { font-size: .5em; font-weight: 400; color: #fff; margin-left: 6px; } + +.tc-light .rating-info span { color: #fff5f6; } + +.rating-info span:before { content: '/'; } + +.tc-light .rating-info { color: #fff; background: #ff9b7c; } + +.rating-title { background: #fe4350; color: #fff; padding: 5px 0; font-size: .93em; line-height: 20px; border-radius: 0 0 6px 6px; } + +.tc-light .rating-title { background: #36080b; } + +.bonus { border-radius: 0 0 8px 8px; border: 1px solid rgba(254, 67, 80, 0.2); border-top: none; display: flex; } + +.bonus-info { position: relative; width: 50%; padding: 12px 16px 16px; } + +.bonus-info:not(:last-child) { border-right: 1px solid rgba(254, 67, 80, 0.2); } + +.bonus-percent { font-size: 20px; } + +.bonus-percent small { font-size: 14px; } + +.bonus-date { font-size: 12px; color: #fff; } + +.bonus-badge { position: absolute; top: 5px; right: 5px; text-transform: uppercase; border-radius: 11px; line-height: 15px; font-size: 8px; font-weight: 500; padding: 0 8px; color: #fff; background: #ff6c3f; } + +@media (min-width: 420px) { .bonus-info { padding: 12px 30px 16px; } + .bonus-percent { font-size: 28px; } + .bonus-percent small { font-size: 14px; } + .bonus-date { font-size: 12px; color: #fff; } + .bonus-badge { top: 50%; right: 0; transform: translateY(-50%) rotate(-90deg); line-height: 22px; font-size: 11px; padding: 0 10px; } } + +.chart-data li { display: flex; font-size: 1rem; line-height: 1.4; font-weight: 400; padding: 7px 0; } + +.chart-data li span { display: block; } + +.chart-data-s1 { display: flex; flex-wrap: wrap; } + +.chart-data-s1 li { display: flex; align-items: center; width: auto; transition-delay: .8s; width: 100%; } + +.chart-data-s1 .chart-p { min-width: 55px; height: 55px; line-height: 50px; padding: 0; color: #fff; transform: rotate(45deg); border-radius: 10px; margin: 30px; order: -1; font-size: 16px; font-weight: 600; line-height: 55px; } + +.chart-data-s1 .chart-p span { transform: rotate(-45deg); display: block; } + +.chart-data-s1 .chart-l { text-align: left; } + +.chart-data-s2 { display: flex; flex-wrap: wrap; margin: -10px; } + +.chart-data-s2 li { padding: 10px; } + +.chart-data-item { position: relative; padding: 15px 25px; } + +.chart-data-item:before, .chart-data-item:after { position: absolute; content: ''; top: 0; height: 100%; width: 45px; border: 2px solid #dee2e6; transition: all .4s; } + +.tc-light .chart-data-item:before, .tc-light .chart-data-item:after { border-color: rgba(222, 226, 230, 0.5); } + +.active > .chart-data-item:before, .active > .chart-data-item:after { border-color: #fe4350; } + +.chart-data-item:before { left: 0; border-radius: 6px 0 0 6px; border-right: none; } + +.chart-data-item:after { right: 0; border-radius: 0 6px 6px 0; border-left: none; } + +.chart-label { font-size: 14px; font-weight: 700; color: #fe4350; transition: all .4s; } + +.tc-light .chart-label { color: #fff; } + +.active > div > .chart-label { color: #fe4350; } + +.chart-info { display: block; } + +.chart-percent { font-size: 22px; font-weight: 400; color: #fe4350; } + +.tc-light .chart-percent { color: #fff; } + +.chart-sublabel { font-size: 13px; color: #415076; margin-left: 8px; } + +.tc-light .chart-sublabel { color: #fff; } + +.chart-p { margin-left: auto; font-size: 1.125rem; font-weight: 500; color: #ff6c3f; } + +.chart-c { position: relative; top: 3px; height: 14px; width: 14px; border-radius: 3px; margin-right: 12px; flex-shrink: 0; display: block; } + +.chart-canvas { min-height: 300px; max-width: 100%; margin-left: auto; margin-right: auto; } + +.chart-canvas-s1 { min-height: 215px; } + +@media (min-width: 480px) { .chart-data-s1 li { width: 50%; } } + +@media (min-width: 576px) { .chart-label, .chart-percent { font-size: 18px; } + .chart-c { top: 6px; } + .chart-canvas { min-height: 360px; } + .chart-canvas-s1 { min-height: 215px; } } + +@media (min-width: 768px) { .chart-data-s1 li { width: 33.33%; } } + +@media (min-width: 992px) { .chart-data-s1 li { position: absolute; width: auto; transition: all .4s; opacity: 0; } + .chart-data-s1 li:nth-child(1) { top: -60px; left: 50%; transform: translateX(-50%) translateY(-30px) !important; flex-wrap: wrap; transition-delay: .6s; } + .chart-data-s1 li:nth-child(1) .chart-l { order: -1 !important; width: 100%; } + .chart-data-s1 li:nth-child(1) .chart-p { margin: 20px auto; transform: rotate(0); } + .chart-data-s1 li:nth-child(1) .chart-p span { transform: rotate(0); } + .animate.show .chart-data-s1 li:nth-child(1) { transform: translateX(-50%) translateY(0) !important; } + .chart-data-s1 li:nth-child(odd) { left: 50%; transform: translateX(30px) translateY(0); } + .chart-data-s1 li:nth-child(odd) .chart-l { order: 1; } + .chart-data-s1 li:nth-child(even) { right: 50%; transform: translateX(-30px) translateY(0); } + .chart-data-s1 li:nth-child(even) .chart-l { order: -1; text-align: right; } + .chart-data-s1 li:nth-child(even) .chart-p { left: auto; right: 29px; top: 33px; } + .chart-data-s1 li:nth-child(2) { top: 65px; margin-right: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(3) { top: 65px; margin-left: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(4) { top: 173px; margin-right: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(5) { top: 173px; margin-left: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(6) { top: 281px; margin-right: 278px; transition-delay: 1.2s; } + .chart-data-s1 li:nth-child(7) { top: 281px; margin-left: 278px; transition-delay: 1.2s; } + .animate.show .chart-data-s1 li { opacity: 1; transform: translateX(0) translateY(0); } + .chart-data-s1 .chart-p { order: 0; } + .chart-data-s1 .chart-l { text-align: center; font-weight: 400; } + .chart-canvas { min-height: 300px; } + .chart-canvas-s1 { min-height: 215px; } } + +.ath-container { width: 440px; max-width: 100%; margin: 30px auto; } + +.ath-header { padding: 0 0 30px; } + +.ath-heading { text-align: center; font-weight: 300; } + +.ath-heading small { display: block; padding-bottom: 10px; } + +.ath-body { background: #fff; border-radius: 6px; padding: 18px 25px 25px; } + +.ath-note { padding: 25px 0 0; } + +@media (min-width: 576px) { .ath-body { padding: 32px 40px 40px; } } + +.sap-text { position: relative; text-align: center; padding: 20px 0; } + +.sap-text:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; content: ''; background: #dee2e6; z-index: 3; } + +.sap-text span { position: relative; background: #fff; display: inline-block; padding: 0 15px; z-index: 5; font-size: .9rem; text-transform: uppercase; } + +.bg-theme > .sap-text span { background: #fe4350; } + +.bg-theme-alt > .sap-text span { background: #ff6c3f; } + +.blog { background: #fff; border-radius: 6px; box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); margin-bottom: 30px; } + +.tc-light .blog { background: #ff6c3f; } + +.blog-photo { padding: 30px 30px 0; } + +.blog-photo > img { border-radius: 6px 6px 0 0; } + +.blog-s2 .blog-photo { padding: 0; } + +.blog-text { padding: 25px 30px 30px; } + +.blog-text p { font-size: 0.88rem; } + +.blog-s2 .blog-title { margin-bottom: 8px; } + +.blog-content-inline { padding: 18px 30px 14px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } + +.blog-content .blog-text { padding: 9px 0; } + +.blog-meta { margin-bottom: .25rem; margin: 0 -7px 4px; } + +.blog-meta li { position: relative; display: inline-block; font-size: .88rem; padding: 0 7px; } + +.blog-meta li:not(:last-child):after { content: '|'; position: absolute; right: -3px; top: -1px; color: #415076; } + +.tc-light .blog-meta li:not(:last-child):after { color: #fff; } + +.blog-meta li a { color: #6e80af; } + +.blog-meta li a:hover { color: #fe4350; } + +.blog-tags { padding: 12px 0; margin: -7px -5px; } + +.blog-tags li { display: inline-block; padding: 7px 5px; } + +.blog-tags li a { padding: 7px 16px; border: 1px solid #dee2e6; border-radius: 3px; color: #12183a; font-size: .88rem; } + +.blog-tags li a:hover { color: #fff; border-color: #fe4350; background: #fe4350; } + +.blog-featured { margin-bottom: 30px; } + +.blog-comment { padding-top: 25px; } + +.blog-action { padding: 9px 0; } + +.comment-wrap { background: #f6fafd; border-radius: 6px; overflow: hidden; margin-bottom: 30px; } + +.comment-item { padding: 20px; } + +.comment-item:not(:last-child) { border-bottom: 1px solid #fff; } + +.comment-item + .comment-item { padding-left: 40px; } + +.comment-item + .comment-item + .comment-item { padding-left: 60px; } + +.comment-photo { width: 50px; flex-shrink: 0; margin-bottom: 10px; margin-right: 20px; } + +.comment-content { padding-top: 6px; } + +.comment-info .title { margin-bottom: 0; } + +.comment-time { font-size: .75rem; } + +.comment-text { margin-top: 8px; } + +.comment-text p { font-size: .88rem; } + +@media (min-width: 576px) { .comment-wrap { margin-bottom: 30px; } + .comment-item { display: flex; padding: 30px; } + .comment-item + .comment-item { padding-left: 60px; } + .comment-item + .comment-item + .comment-item { padding-left: 90px; } + .comment-photo { margin-bottom: 0; } } + +.pagination { margin-left: auto; margin-right: auto; display: inline-flex; justify-content: center; box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.pagination li a { display: inline-block; height: 50px; min-width: 56px; text-align: center; line-height: 20px; padding: 15px 5px; background: #fff; color: rgba(65, 80, 118, 0.7); } + +.pagination li a .icon { line-height: 20px; padding: 0 5px; } + +.pagination li a.active, .pagination li a:hover { background: #fe4350; color: #fff; } + +.pagination li a.active .icon, .pagination li a:hover .icon { color: #fff; } + +.pagination li:first-child a { border-radius: 6px 0 0 6px; } + +.pagination li:last-child a { border-radius: 0 6px 6px 0; } + +.download-option { text-align: center; position: relative; padding: 10px; margin: 15px 0; } + +.download-option .icon { display: block; padding-bottom: 35px; font-size: 44px; color: #415076; } + +@media (min-width: 992px) { .download-option:not(:last-child):after { position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 1px; background: rgba(162, 179, 205, 0.3); } } + +.doc { text-align: center; position: relative; } + +.doc:hover { z-index: 9; } + +.doc-s2 { display: flex; margin-left: 20px; margin-bottom: 20px; border-radius: 6px; text-align: left; } + +.doc-photo { max-width: 125px; margin-left: auto; margin-right: auto; transition: all .2s linear; } + +.doc-photo img { border-radius: 4px; } + +.doc:hover .doc-photo { transform: translateY(-10px); } + +.doc:hover .doc-photo.no-hover { transform: translateY(0); } + +.doc-s2 .doc-photo { max-width: 100px; margin-top: 20px; margin-left: -20px; margin-bottom: -20px; margin-right: 15px; } + +.doc-shape { padding-top: 60px; position: relative; } + +.doc-shape:before { position: absolute; top: 0; left: 50%; margin-left: -5px; transform: translateX(-50%); transform-origin: 50% 50%; content: ''; background: url(../images/polygon-a-dark.png) 50% 0/contain no-repeat; width: 215px; height: 205px; z-index: -1; transition: all .2s linear; } + +.tc-light .doc-shape:before { background-image: url(../images/polygon-a-light.png); } + +.doc-shape-a:before { transform: translateX(-50%) rotate(0deg); } + +.doc:hover .doc-shape-a:before { transform: translateX(-50%) translateY(10px) rotate(0deg) scale(1.1); } + +.doc-shape-b:before { transform: translateX(-50%) rotate(90deg); } + +.doc:hover .doc-shape-b:before { transform: translateX(-50%) translateY(10px) rotate(90deg) scale(1.1); } + +.doc-shape-c:before { transform: translateX(-50%) rotate(-90deg); } + +.doc:hover .doc-shape-c:before { transform: translateX(-50%) translateY(10px) rotate(-90deg) scale(1.1); } + +.doc-shape-d:before { transform: translateX(-50%) rotate(135deg); } + +.doc:hover .doc-shape-d:before { transform: translateX(-50%) translateY(10px) rotate(135deg) scale(1.1); } + +.doc-title { margin-top: 15px; padding-bottom: 8px; } + +.doc-title small { display: block; } + +.tc-light .doc-title small { color: #fff; } + +.doc-s2 .doc-title { margin-top: 25px; font-weight: 600; } + +.doc-download { font-size: 18px; line-height: 19px; padding: 8px 15px; min-width: 60px; border-radius: 4px; color: #fff; background: #fe4350; display: inline-block; } + +.doc-download:hover { color: #fff !important; background: #ff6c3f; } + +.doc-lang { text-transform: uppercase; font-size: 11px; margin-top: 5px; } + +.tc-light a.doc-download { color: #fff !important; } + +.tc-light a.doc-download:hover { color: #fe4350 !important; background: #fff; } + +@media (min-width: 1200px) { .doc-shape:before { width: 255px; height: 245px; } + .doc-photo { max-width: 175px; } } + +.particles-container { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 0 !important; } + +.particles-container.is-fixed { position: fixed !important; z-index: -1 !important; } + +.product-box { position: relative; display: block; background: #fe4350; border-radius: 4px; padding: 25px 35px 0; max-width: 360px; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 6; } + +.tc-light .product-box { background: #fff; } + +.product-box:hover { transform: translateY(-8px); } + +.product-name { color: #fff; font-weight: 500; text-align: center; padding-bottom: 5px; margin-bottom: 18px; } + +.tc-light .product-name { color: #ff6c3f; } + +.product-image { border: 2px solid #fe4350; border-bottom: 0; border-radius: 4px 4px 0 0; } + +.tc-light .product-image { border-color: #ff6c3f; } + +.qr-code { background: #fff; border-radius: 4px; width: 40px; height: 40px; text-align: center; box-shadow: 0px 5px 15px rgba(255, 108, 63, 0.14); padding: 0px !important; cursor: pointer; position: relative; margin: 0px 10px; display: none; line-height: 38.5px; } + +.qr-code > img { width: 22px; } + +@media (min-width: 576px) { .qr-code { display: block; } + .qr-code:hover .qr-list { opacity: 1; visibility: visible; } + .qr-list { position: absolute; width: 264px; display: flex; background: #fff; padding: 18px; justify-content: space-between; bottom: calc(100% + 15px); right: 0; box-shadow: 0px 5px 30px rgba(255, 108, 63, 0.3); border-radius: 5px; opacity: 0; transition: 0.3s; visibility: hidden; } + .has-rtl .qr-list { right: auto; left: 0; } + .qr-list:after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 2px; height: 30px; background: #fed895; } + .qr-list:before { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; right: 10px; z-index: 1; bottom: -13px; } + .has-rtl .qr-list:before { right: auto; left: 10px; } + .qr-list img { padding: 0 6px; } } + +.bg-dark-opacity.card { height: auto; } + +.testimonial { display: block; box-shadow: 0px 5px 40px rgba(255, 108, 63, 0.08); } + +.tesm-image { min-width: 210px; max-width: 210px; margin: 0 auto; box-shadow: 0px 5px 10px rgba(255, 108, 63, 0.08); } + +.tesm-image img { border-radius: 5px; } + +.tesm-content { padding-left: 0; padding-right: 0; text-align: center; padding-top: 30px; position: relative; } + +.tesm-content:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10e"; font-size: 46px; color: rgba(255, 108, 63, 0.07); position: absolute; bottom: 0; right: 0; line-height: normal; } + +.has-rtl .tesm-content:after { right: auto; left: 0; transform: rotateY(-180deg); } + +.tesm-content .title-sm { font-size: 1.1rem; font-weight: 500; color: #415076; opacity: 0.6; line-height: 30px; } + +.tesm-content span { display: block; font-size: 0.9rem; font-style: italic; font-weight: 300; line-height: normal; } + +.testimonial-carousel .owl-nav { top: 50%; opacity: 1; position: absolute; transform: translateY(-50%); padding-top: 0; margin: 0; width: calc(100% + 60px); left: -30px; } + +.testimonial-carousel .owl-nav button { border-width: 0 !important; margin: 0; color: #415076; opacity: 0.5; transition: 0.3s; } + +.has-rtl .testimonial-carousel .owl-nav button:after { transform: rotateY(-180deg); } + +.testimonial-carousel .owl-nav button:hover { opacity: 1; } + +.testimonial-carousel .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.testimonial-carousel .owl-prev:after { content: '\f060'; } + +.testimonial-carousel .owl-next { position: absolute; right: 0; } + +.has-rtl .testimonial-carousel .owl-next { right: auto; left: 0; } + +.testimonial-carousel .owl-next:after { content: '\f061'; } + +@media (min-width: 576px) { .testimonial { display: flex; flex-direction: row; align-items: center; } + .tesm-content { padding-left: 40px; padding-right: 15px; text-align: left; padding-top: 0; } + .has-rtl .tesm-content { text-align: right; padding-left: 15px; padding-right: 40px; } + .tesm-image { margin: -45px 0; } + .testimonial-carousel .owl-stage-outer { padding: 30px 0; } } + +@media (min-width: 768px) { .testimonial-carousel .owl-nav { width: calc(100% + 80px); left: -40px; } } + +@media (min-width: 992px) { .mlm-30 { margin-left: -30px; } + .testimonial-carousel .owl-nav { width: calc(100% + 160px); left: -80px; } } + +/** 04.14 Others */ +.payment-holder { position: relative; } + +.payment-holder-list { max-width: 1200px; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between; } + +.payment-holder-thumb { width: 58px; height: 58px; box-shadow: 0px 0px 0px 3px #fed895; position: relative; border-radius: 50%; margin-bottom: 20px; } + +.payment-holder-thumb-s2 { box-shadow: none; border-radius: 0; height: auto; width: auto; } + +.payment-holder-thumb img { width: 100%; border-radius: 50%; } + +.payment-holder-info p { font-size: 11px; font-weight: 500; } + +.payment-holder-single { display: flex; margin-bottom: 30px; align-items: center; width: 100%; align-items: center; flex-wrap: wrap; flex-direction: column-reverse; } + +.payment-info-card { padding: 14px 20px; background: #fff; box-shadow: 0px 5px 20px rgba(254, 216, 149, 0.25); border-radius: 4px; width: 100%; text-align: center; } + +.title-pcard { font-size: 1rem; margin-bottom: 0 !important; font-weight: 400; } + +@media (min-width: 576px) { .payment-holder-single { width: 48%; } } + +@media (min-width: 992px) { .payment-holder-info { margin-bottom: 14px; position: relative; } + .payment-holder-info:after { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; top: 99%; z-index: 1; } + .payment-holder-thumb { border-radius: 50%; } + .payment-holder-thumb img { border-radius: 50%; } + .payment-holder-single { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; flex-direction: column; } + .payment-holder-single:nth-child(1) { margin-left: -23%; margin-top: -10%; } + .payment-holder-single:nth-child(2) { margin-left: -14%; margin-top: 3%; } + .payment-holder-single:nth-child(3) { margin-left: 10%; margin-top: 0; } + .payment-holder-single:nth-child(4) { margin-left: 31%; margin-top: -9%; } + .payment-holder-thumb:after, .payment-holder-thumb:before { position: absolute; content: ""; left: 50%; transform: translateX(-50%); } + .payment-holder-thumb:after { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 40px solid #fff; bottom: -30px; z-index: -1; filter: drop-shadow(0px 6px 0px #fed895); } + .payment-holder-thumb:before { width: 30px; height: 15px; border-radius: 50%; background: rgba(254, 216, 149, 0.4); bottom: -41px; z-index: -1; } + .payment-holder-thumb-s2 { border-radius: 0px; } + .payment-holder-thumb-s2:before, .payment-holder-thumb-s2:after { display: none; } + .payment-holder-thumb-s2 img { border-radius: 0; } + .payment-info-card { width: auto; text-align: left; } + .has-rtl .payment-info-card { text-align: right; } } + +/** 04.14 datatable */ +.table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } + +.dataTables_filter label { width: 100%; height: 50px; border: 2px solid #d1e0f6; background: transparent; border-radius: 5px; padding: 13px 20px 10px; display: flex; align-items: center; margin-bottom: 30px; } + +.dataTables_filter input { border: none; width: 97% !important; } + +.dataTables_filter input:focus { outline: none; } + +.dataTable { width: 100%; } + +.data-table-area { position: relative; } + +.data-item { box-shadow: 0px 3px 15px rgba(73, 25, 29, 0.06); background: #fff; } + +.data-col { padding: 10px 20px; font-size: 14px; font-weight: 400; color: #fff; } + +.data-col-three { border-left: 1px solid; border-bottom: 1px solid; border-right: 1px solid; } + +.data-col-four { border-bottom: 1px solid; } + +.data-col-five { border-left: 1px solid; } + +.data-col-six { border-right: 1px solid; } + +.data-col:before, .data-col:after { display: none !important; } + +.data-col-inner { padding: 20px; } + +.data-item:not(:last-child) .data-col-inner { border-bottom: 5px solid #fff5f6; } + +.data-col-inner.alphabetical { min-width: 186px; } + +.dt-short { position: absolute; right: 0; top: 0; z-index: 9; } + +.dt-short label { width: 86px; margin-bottom: 0; } + +.has-rtl .dt-short { right: auto; left: 0; } + +@media (max-width: 409px) { .dt-short { position: static !important; margin-bottom: 20px; } + .dataTables_filter label { margin-bottom: 0; } } + +/** 05. Layouts */ +/** 05.01 Header */ +.header-main { padding: 12px 0; transition: all .4s; } + +.is-transparent .header-main, .has-fixed .header-main { width: 100%; z-index: 49; } + +.is-transparent .header-main { position: absolute !important; } + +.has-fixed .header-main { position: fixed !important; box-shadow: 0 0 20px 0 rgba(18, 24, 58, 0.08); } + +.has-fixed:not(.is-dark) .header-main { background: #fff; } + +.has-fixed.is-dark .header-main { background: #170305; } + +.has-fixed.is-shrink .header-main { padding: 8px 0; } + +.header-container:not(.container) { width: 100%; padding: 0 15px; } + +.header-wrap { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } + +.header-logo { margin: 6px 0; flex-shrink: 0; } + +.header-logo-ls { display: flex; align-items: center; } + +.header-navbar { position: fixed; left: -280px; top: 0; width: 260px; height: 100vh; } + +.header-navbar.menu-mobile { transition: all 0.4s; } + +.header-navbar::before, .header-navbar-overlay { position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.header-navbar::before { background: #fff; left: 50%; transform: translateX(-50%); transition: all .4s; } + +.is-dark .header-navbar::before { background: #ff8059; } + +.header-navbar-overlay { background: rgba(54, 8, 11, 0.7); left: 100%; width: 0; z-index: -1; opacity: 0; visibility: hidden; transition: opacity .3s; transition-delay: .2s; } + +.header-navbar.menu-shown { left: 0 !important; z-index: 10; } + +.header-navbar.menu-shown .header-navbar-overlay { width: 100vw; opacity: 1; visibility: visible; } + +.header-navbar-classic { position: absolute; top: 99%; right: 0; left: 0; width: 100%; height: auto; background: transparent; margin-top: 12px; z-index: auto; flex-grow: 1; transition: all 0.4s; padding: 0 20px; } + +.has-fixed .header-navbar-classic { margin-top: -6px; padding: 0; } + +.header-navbar-classic:before { border-radius: 4px; } + +.has-fixed .header-navbar-classic:before { width: 100vw; border-radius: 0; } + +.header-navbar-s1 { flex-grow: 1; } + +.header-menu { justify-content: flex-end; padding: 30px 25px; } + +.header-navbar-classic .header-menu { padding: 0; } + +.header-banner { min-height: 72px; } + +.overlay-menu-shown { overflow: hidden; } + +.overlay-menu-shown .has-fixed > .header-main { z-index: 6; } + +@media (min-width: 375px) { .header-navbar:not(.header-navbar-classic) { left: -310px; width: 290px; } } + +@media (min-width: 576px) { .header-navbar:not(.header-navbar-classic) { left: -360px; width: 340px; } } + +.logo-dark, .is-transparent:not(.has-fixed) .logo-light, .is-dark .logo-light { display: block; } + +.logo-light, .is-transparent:not(.has-fixed) .logo-dark, .is-dark .logo-dark { display: none; } + +.logo img { height: 36px; transition: all .4s; } + +.logo-md img { height: 44px; } + +.logo-lg img { height: 52px; } + +@media (min-width: 992px) { .header-navbar:not(.header-navbar-classic) { height: auto; width: auto; left: 0; } + .header-main { padding: 20px 0; } + .header-nav-toggle { display: none; } + .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 25px; } + .header-banner { min-height: 98px; } + .logo img { height: 40px; } + .logo-md img { height: 50px; } + .logo-lg img { height: 60px; } } + +@media (min-width: 1200px) { .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 60px; } } + +.header-menu { max-height: 100vh; overflow: hidden; overflow-y: auto; height: 100%; } + +.header-navbar-classic .header-menu { display: none; max-height: 65vh; } + +.header-navbar-classic .header-menu.menu-shown { display: block; } + +.header-nav-toggle { height: 44px; } + +.language-switcher .toggle-tigger, .header-menu .btn-outline:not(:hover) { color: #415076; } + +.is-light .language-switcher .toggle-tigger, .language-switcher .toggle-tigger .is-transparent:not(.is-dark), .is-light .header-menu .btn-outline:not(:hover), .header-menu .btn-outline:not(:hover) .is-transparent:not(.is-dark) { color: #415076; } + +.tc-light .language-switcher .toggle-tigger, .tc-light .btn-outline:not(:hover), .is-dark .language-switcher .toggle-tigger, .is-dark .btn-outline:not(:hover) { color: #fff; } + +@media (min-width: 992px) { .tc-light .header-menu .language-switcher .toggle-tigger, .tc-light .header-menu .btn-outline:not(:hover), .is-transparent .header-menu .language-switcher .toggle-tigger, .is-transparent .header-menu .btn-outline:not(:hover), .is-transparent:not(.has-fixed):not(.is-light) .header-menu .language-switcher .toggle-tigger, .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover), .is-dark .header-menu .language-switcher .toggle-tigger, .is-dark .header-menu .btn-outline:not(:hover) { color: #fff; } + .is-split:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover) { color: #415076; } + .has-fixed:not(.is-dark) .header-menu .language-switcher .toggle-tigger:not(.btn), .has-fixed:not(.is-dark) .header-menu .btn-outline:not(:hover), .is-light .header-menu .language-switcher .toggle-tigger:not(.btn), .is-light .header-menu .btn-outline:not(:hover) { color: #415076; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover):not(.no-change) { border-color: rgba(255, 255, 255, 0.4); } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn:not(:hover):not(.no-change):not(.btn-outline) { border-color: #fff; background: #fff; color: #415076; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not([class*="btn-grad"]):not(.no-change):hover { color: #fe4350 !important; border-color: #fff; background-color: #fff; } } + +@media (max-width: 991px) { .header-menu .language-switcher-s1, .header-menu .language-switcher-s4 { width: 100%; } + .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 0; } + .has-rtl .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 15px; padding-right: 0; } + .header-menu .btn { line-height: 24px; padding: 6px 14px; min-width: 100px; } + .header-menu .btn-transparent { padding: 6px 0; } } + +/** 05.02 Menu */ +.menu { padding: 12px 0; } + +.menu-btns { margin-bottom: 26px; margin-left: -10px; margin-right: -10px; margin-top: -10px; display: flex; flex-wrap: wrap; } + +.menu-btns > li { padding: 10px; padding: 10px; } + +.menu-item { position: relative; border-bottom: 1px solid rgba(222, 226, 230, 0.75); } + +.is-dark .menu-item { border-color: rgba(222, 226, 230, 0.1); } + +.menu-item:last-child { border-bottom: 0; } + +.menu-item > ul, .menu-item .menu-sub { display: none; } + +.menu-item a { font-family: "Poppins", sans-serif; font-size: 15px; line-height: 18px; color: #415076; padding: 12px 0; display: block; position: relative; } + +.header-menu-s2 .menu-item a { font-size: 16px; } + +.menu-item a .badge { margin-left: 5px; position: relative; top: -1px; } + +.menu-item a .badge-dot { top: 0; } + +.menu-item a .active, .menu-item a:hover { color: #fe4350; } + +.is-dark .menu-item a .active, .is-dark .menu-item a:hover { color: #fe4350; } + +.menu-s2 > .menu-item > a { font-size: 13px; text-transform: uppercase; font-weight: 500; } + +.menu-sub { padding-left: 12px; } + +.menu-sub .menu-item:first-child { border-top: 1px solid rgba(222, 226, 230, 0.75); } + +.is-dark .menu-sub .menu-item:first-child { border-color: rgba(222, 226, 230, 0.1); } + +.menu-sub .menu-sub { margin-top: 0; margin-bottom: 15px; } + +.menu-sub .menu-sub .menu-item { border-bottom: none; } + +.menu-sub .menu-sub .menu-item:first-child { border-top: none; } + +.menu-sub .menu-sub .menu-item a { padding-top: 6px; padding-bottom: 6px; } + +.menu-sub a { font-family: "Poppins", sans-serif; font-size: 14px; color: #415076; } + +.menu-mega a { font-family: "Poppins", sans-serif; font-size: 14px; color: #415076; } + +.is-dark .menu-item a { color: #fff; } + +.menu-item > a.active { color: #fe4350; } + +.has-sub > a { position: relative; } + +.has-sub > a:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.has-sub.open-nav > a:after { transform: translateY(-50%) rotate(-180deg); } + +.navbar-toggle { width: 44px; height: 44px; text-align: center; display: inline-block; border-radius: 50%; padding: 5px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s; } + +.navbar-toggle.navbar-active { color: #fe4350; position: relative; z-index: 49; } + +.navbar-toggle:hover, .navbar-toggle.navbar-active { background: rgba(246, 250, 253, 0.2); } + +.is-transparent:not(.has-fixed) .navbar-toggle { color: #fff; } + +.is-transparent:not(.has-fixed) .navbar-toggle:hover, .is-transparent:not(.has-fixed) .navbar-toggle.navbar-active { background: rgba(246, 250, 253, 0.2); } + +.toggle-line { position: relative; width: 32px; height: 32px; display: block; color: #415076; } + +.toggle-line:hover { color: #415076; } + +.is-transparent:not(.has-fixed):not(.is-light) .toggle-line { color: #fff; } + +.is-dark.has-fixed .toggle-line { color: #fff; } + +.toggle-line::after, .toggle-line::before, .toggle-line > span { content: ""; position: absolute; background: currentColor; transition: all 0.2s; width: 24px; height: 2px; left: 4px; border-radius: 3px; } + +.toggle-line::before { top: 8px; } + +.toggle-line::after { bottom: 8px; } + +.toggle-line > span { top: 50%; margin-top: -1px; width: 20px; } + +.navbar-active .toggle-line { color: #fff; } + +.navbar-active .toggle-line::before, .navbar-active .toggle-line::after { width: 28px; left: 2px; } + +.navbar-active .toggle-line::before { transform: rotate(45deg); top: 15px; } + +.navbar-active .toggle-line::after { transform: rotate(-45deg); bottom: 15px; } + +.navbar-active .toggle-line > span { opacity: 0; visibility: hidden; } + +.secondary-navbar { box-shadow: 0px 5px 40px rgba(65, 80, 118, 0.1); padding: 15px 0; } + +.secondary-menu-list { display: flex; align-items: center; justify-content: center; padding: 0; flex-wrap: wrap; } + +.secondary-menu-item { width: 50%; } + +.secondary-menu-link { padding: 5px 16px; display: inline-block; color: #415076; font-weight: 400; position: relative; } + +.secondary-menu-link:after { position: absolute; content: ""; left: 50%; bottom: 0; width: 0; height: 3px; background: #ff6c3f; transform: translateX(-50%); transition: 0.3s; transform-origin: left; border-radius: 50%; } + +.secondary-menu-link:hover { color: currentColor; } + +.secondary-menu-link:hover:after { width: 3px; } + +.secondary-menu-item.active .secondary-menu-link { color: currentColor; } + +.secondary-menu-item.active .secondary-menu-link:after { width: 3px; } + +@media (min-width: 425px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 16px; width: auto; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-list { flex-wrap: nowrap; } + .secondary-menu-link:after { border-radius: 0; } + .secondary-menu-link:hover { color: currentColor; } + .secondary-menu-link:hover:after { width: 25px; } + .secondary-menu-item.active .secondary-menu-link { color: currentColor; } + .secondary-menu-item.active .secondary-menu-link:after { width: 25px; } } + +@media (min-width: 576px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 28px; width: auto; } } + +@media (min-width: 992px) { .header-menu { display: flex !important; width: auto; align-items: center; position: static; background: transparent; padding: 0; margin: 0; border-radius: 0; overflow: visible; } + .header-navbar { padding: 0 0 0 15px; margin-top: 0; position: relative; } + .header-navbar:before { display: none; } + .has-fixed .header-navbar { margin-top: 0; } + .menu { display: flex; align-items: center; padding: 0; } + .menu-item { border-bottom: none; } + .menu-item > a { font-weight: 400; padding: 20px 10px; } + .menu-drop .menu-item > a { font-weight: 300; } + .menu-item:hover { z-index: 9999; } + .menu-sub { position: absolute; min-width: 215px; max-width: 215px; background: #fff; padding: 15px 10px; top: 100%; left: 0; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; transform: translateX(0) translateY(-8px); box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); } + .menu-sub a { width: 100%; display: block; padding: 10px 10px; } + .menu-sub .menu-item:first-child { border-top: none; } + .menu-sub .menu-item:hover > a { color: #fe4350; } + .menu-item:hover > .menu-sub { opacity: 1; visibility: visible; transform: translateX(0) translateY(0); } + .menu-sub .menu-sub { left: calc(100% - 25px); top: 15px; margin: 0; } + .menu-sub .menu-sub .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .is-dark .menu-sub { background-color: #ff8763; } + .menu-mega { position: absolute; left: 50%; background: #fff; padding: 15px 10px; top: 100%; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); transform: translateX(-50%) translateY(-8px); } + .menu-item:hover > .menu-mega { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } + .menu-mega .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .menu-mega-innr { display: flex; } + .menu-mega-innr > div, .menu-mega-innr ul { flex-grow: 1; } + .menu-mega-2clmn .menu-mega-innr > div, .menu-mega-2clmn .menu-mega-innr ul { width: 50%; } + .menu-mega-3clmn .menu-mega-innr > div, .menu-mega-3clmn .menu-mega-innr ul { width: auto; } + .menu-mega-2clmn { min-width: 370px; max-width: 370px; } + .menu-mega-3clmn { min-width: 520px; max-width: 520px; } + .is-dark .menu-mega { background-color: #ff8763; } + .menu-btns { display: flex; margin-bottom: -10px; margin-left: 10px; } + .menu-btns-s3 { margin-left: 0; } + .has-sub > a { padding-right: 24px !important; position: relative; } + .has-sub > a:after { right: 8px; } + .menu-sub .has-sub > a { padding-right: 35px; } + .menu-sub .has-sub > a:after { transform: translateY(-50%) rotate(-90deg); right: 15px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a { padding-right: 20px !important; padding-left: 35px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a:after { transform: translateY(-50%) rotate(90deg); left: 15px; right: auto; } + > .has-sub.menu-item:last-child .menu-mega { left: auto; right: 0; transform: translateX(0) translateY(-8px); } + > .has-sub.menu-item:last-child:hover .menu-mega { transform: translateX(0) translateY(0); } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item > a { color: #fff; } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item:hover > a { color: #223b55; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-link { padding: 20px 38px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .logo img { height: 32px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 6px; font-size: 12px; font-weight: 500; } + .menu-btns > li { padding: 6px; } + .menu-btns .btn { font-size: 13px; line-height: 20px; padding: 10px 15px; min-width: 0; } + .menu-btns .btn.btn-grad { padding: 12px 15px; } + .menu-btns .btn-md { font-size: 11px; line-height: 19px; padding: 8px 16px; } + .menu-btns .btn-md.btn-grad { padding: 10px 16px; } } + +@media (min-width: 1200px) { .menu > .menu-item > a { padding: 20px 15px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 8.5px; font-size: 12px; font-weight: 500; } + .menu-s2 > .menu-item > a { padding-left: 7.5px; padding-right: 7.5px; } + .menu-item.has-sub > a { padding-right: 23px !important; } + .menu-item.has-sub > a:after { right: 8px; } + .menu-sub a { padding: 10px 15px; } + .secondary-menu-link { padding: 20px 45px; } } + +@media (min-width: 1600px) { .header-navbar-s1 .menu > .menu-item > a { font-size: 14px; } + .header-menu-s2 .menu > .menu-item > a { padding: 20px 30px; } } + +/** 05.03 Sections */ +.nk-body { min-width: 320px; } + +.nk-pages-centered { display: flex; flex-direction: column; justify-content: center; min-height: 100vh; padding: 0 15px; } + +@media (min-width: 1600px) { .body-boxed .nk-wrap { max-width: 1400px; } } + +.container-md { max-width: 960px; } + +.container-sm { max-width: 720px; } + +.container-xs { max-width: 520px; } + +.container-z { z-index: 5; position: relative; } + +.section { position: relative; overflow-x: hidden; width: 100%; z-index: 2; } + +.section-sm { padding-top: 40px !important; padding-bottom: 40px !important; } + +.section-connect { overflow: visible; } + +.section-connect:before { position: absolute; top: 0; left: 50%; content: ""; height: 80px; width: 2px; transform: translate(-50%, -50%); background: linear-gradient(to bottom, #fe4350 0%, #ff6c3f 100%); z-index: 2; } + +.ov-v + .section { z-index: inherit; } + +.section-t-s-fixed, .section-s-fixed { padding-top: 60px !important; } + +.section-b-s-fixed, .section-s-fixed { padding-bottom: 60px !important; } + +.section-t-m-fixed, .section-m-fixed { padding-top: 90px !important; } + +.section-b-m-fixed, .section-m-fixed { padding-bottom: 90px !important; } + +.section-t-l-fixed, .section-l-fixed { padding-top: 120px !important; } + +.section-b-l-fixed, .section-l-fixed { padding-bottom: 120px !important; } + +.section-t-x-fixed, .section-x-fixed { padding-top: 180px !important; } + +.section-b-x-fixed, .section-x-fixed { padding-bottom: 180px !important; } + +.section-t, .section { padding-top: 60px; } + +.section-b, .section { padding-bottom: 60px; } + +.section-t-xl { padding-top: 150px !important; } + +@media (min-width: 576px) { .section-connect:before { height: 100px; } + .section-t, .section { padding-top: 60px; } + .section-b, .section { padding-bottom: 60px; } + .section-t-s, .section-s { padding-top: 60px !important; } + .section-b-s, .section-s { padding-bottom: 60px !important; } } + +@media (min-width: 768px) { .section-connect:before { height: 120px; } + .section-t, .section { padding-top: 90px; } + .section-b, .section { padding-bottom: 90px; } + .section-t-m, .section-m { padding-top: 90px !important; } + .section-b-m, .section-m { padding-bottom: 90px !important; } } + +@media (min-width: 992px) { .section-connect:before { height: 160px; } + .section-t, .section { padding-top: 120px; } + .section-b, .section { padding-bottom: 120px; } + .section-t-l, .section-l { padding-top: 120px !important; } + .section-b-l, .section-l { padding-bottom: 120px !important; } + .section-t-xl { padding-top: 180px !important; } } + +@media (min-width: 1600px) { .section-t, .section { padding-top: 180px; } + .section-b, .section { padding-bottom: 180px; } + .section-t-x, .section-x { padding-top: 180px !important; } + .section-b-x, .section-x { padding-bottom: 180px !important; } } + +@media (max-width: 575px) { .section-mxw-t-0 { padding-top: 0; } + .section-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 767px) { .section-sm-mxw-t-0 { padding-top: 0; } + .section-sm-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 991px) { .section-md-mxw-t-0 { padding-top: 0; } + .section-md-mxw-b-0 { padding-bottom: 0 !important; } } + +@media (max-width: 1199px) { .section-lg-mxw-t-0 { padding-top: 0; } + .section-lg-mxw-b-0 { padding-bottom: 0; } } + +[class*="section"].pt-0, [class*="section"].pdt-0 { padding-top: 0 !important; } + +[class*="section"].pb-0, [class*="section"].pdb-0 { padding-bottom: 0 !important; } + +.split { height: 100%; } + +.split-left { border-radius: 6px 6px 0 0; } + +.split-right { border-radius: 0 0 6px 6px; } + +@media (min-width: 576px) { .split-sm-left { border-radius: 6px 0 0 6px; } + .split-sm-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 768px) { .split-md-left { border-radius: 6px 0 0 6px; } + .split-md-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 992px) { .split-lg { border-radius: 6px; } + .split-lg-left { border-radius: 6px 0 0 6px; } + .split-lg-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 1200px) { .split-xl-left { border-radius: 6px 0 0 6px; } + .split-xl-right { border-radius: 0 6px 6px 0; } } + +.nk-pages-angled { margin-top: -450px; } + +@media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } + +/** 05.04 Footer */ +.nk-footer-angled { margin-top: -450px; } + +.footer-links { margin: 0 -12px; } + +.footer-links > li { display: inline-block; padding: 0 12px; } + +.footer-links > li > a { font-size: 13px; color: #415076; } + +.footer-links > li > a:hover { color: #fe4350; } + +.tc-light .footer-links > li > a { color: #fff !important; } + +.tc-light .footer-links > li > a:hover { color: #fe4350 !important; } + +/** 06. Override */ +.mfp-bg, .mfp-wrap, .mfp-wrap[class*="bg-"], .mfp-bg[class*="bg-"] { position: fixed !important; z-index: 99999999 !important; top: 0 !important; } + +.mfp-wrap, .mfp-wrap[class*="bg-"] { background: transparent !important; } + +/** 07. Preview Purpose */ +.icon-preview { text-align: center; padding: 30px; border-radius: 4px; border: 1px solid #dfeaf8; height: 100%; } + +.icon-wrap [class*="ikon-"] { font-size: 40px; } + +.icon-class { padding-top: 15px; } + +.nk-preview { position: relative; padding-bottom: 60px; } + +.nk-preview:first-child { padding-top: 60px; } + +.nk-preview-content { padding-top: 10px; } + +.nk-preview-content > .tab-pane { padding-top: 0; box-shadow: 0 5px 35px -5px rgba(18, 24, 58, 0.12); } + +.nk-preview .nk-block-head .nav { margin-bottom: 25px; margin-left: 0; margin-right: 0; } + +.nk-preview .nk-block-head .nav a { font-size: .8rem; padding: 10px 5px 5px; } + +.nk-preview .nk-block-head .title { color: #415076; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.nk-preview .nk-block-head .title .badge { margin-left: 5px; } + +.has-rtl .nk-preview .nk-block-head .title .badge { margin-left: 0; margin-right: 5px; } + +.nk-preview .nk-block-head .title small { font-size: 12px; text-transform: none; letter-spacing: 0; margin-top: 0.45rem; color: #828998; display: block; } + +@media (min-width: 576px) { .nk-preview { padding-bottom: 60px; } + .nk-preview:first-child { padding-top: 60px; } } + +@media (min-width: 768px) { .nk-preview { padding-bottom: 90px; } + .nk-preview:first-child { padding-top: 90px; } } + +@media (min-width: 992px) { .nk-preview { padding-bottom: 120px; } + .nk-preview:first-child { padding-top: 120px; } } + +@media (min-width: 1600px) { .nk-preview { padding-bottom: 180px; } + .nk-preview:first-child { padding-top: 180px; } } + +@media (min-width: 1280px) { .nk-preview { padding-left: 48px; padding-right: 48px; } + .nk-preview-content > .tab-pane { box-shadow: 0 5px 35px -5px rgba(18, 24, 58, 0.12); } } + +@media (min-width: 1200px) and (min-height: 900px) { .nk-preview .banner-fs, .nk-preview .nk-pages-centered { min-height: calc(100vh - 200px); } } + +/* END @iO */ +/* END @iO */ diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..d15a680 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,6922 @@ +/*! Theme Name: ICOCrypto + * Author: Softnio + * Author URI: http://themeforest.net/user/softnio + * Version : 1.9.3 + * Updated : 05/05/2021 +*/ +/** +---------------------- +## TABLE CONTNETS ## +01. Fonts +02. Utilities +-- 02.01 Reset +-- 02.02 Spacing +-- 02.03 Colors +-- 02.04 Misc +03. Elements +-- 03.01 Alert +-- 03.02 Buttons +-- 03.03 Title +-- 03.04 List +-- 03.05 Form +-- 03.06 Table +-- 03.07 Progress +-- 03.08 CountDown +-- 03.09 Toastr +-- 03.10 Misc +04. Components +-- 04.01 Tab +-- 04.02 Accordion +-- 04.03 Blocks +-- 04.04 Box +-- 04.05 Banner +-- 04.06 Head +-- 04.07 Features +-- 04.08 Roadmap +-- 04.09 Token +-- 04.10 Team +-- 04.11 Partners +-- 04.12 Contact +-- 04.13 WGS +-- 04.14 Others +05. Layouts +-- 05.01 Header +-- 05.02 Menu +-- 05.03 Sections +-- 05.04 Footer +06. Override +07. Preview Purpose +---------------------- **/ +/** IMPORTANT NOTE: DO NOT Edit this file. Best to write own code in css/theme.css file. It will helps you to easy update of the template. */ +/** 01. Fonts */ +@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-Light.eot"); src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } + +@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-Regular.eot"); src: local("Roboto"), local("Roboto-Regular"), url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } + +@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-Medium.eot"); src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } + +@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-Bold.eot"); src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } + +@font-face { font-family: 'Quicksand'; src: url("../fonts/Quicksand-Light.eot"); src: local("Quicksand Light"), local("Quicksand-Light"), url("../fonts/Quicksand-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Quicksand-Light.woff2") format("woff2"), url("../fonts/Quicksand-Light.woff") format("woff"), url("../fonts/Quicksand-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } + +@font-face { font-family: 'Quicksand'; src: url("../fonts/Quicksand-Medium.eot"); src: local("Quicksand Medium"), local("Quicksand-Medium"), url("../fonts/Quicksand-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Quicksand-Medium.woff2") format("woff2"), url("../fonts/Quicksand-Medium.woff") format("woff"), url("../fonts/Quicksand-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } + +@font-face { font-family: 'Quicksand'; src: url("../fonts/Quicksand-Bold.eot"); src: local("Quicksand Bold"), local("Quicksand-Bold"), url("../fonts/Quicksand-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Quicksand-Bold.woff2") format("woff2"), url("../fonts/Quicksand-Bold.woff") format("woff"), url("../fonts/Quicksand-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } + +/** 02. Utilities */ +/** 02.01 Reset */ +html, body { font-family: "Roboto", sans-serif; color: #415076; font-size: 14px; line-height: 1.6; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; } + +@media (min-width: 576px) { html, body { font-size: 16px; line-height: 1.6; font-weight: 300; } } + +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } + +*[hidden] { display: none; } + +ol, ul { list-style: none; } + +blockquote, q { quotes: none; } + +blockquote::after, blockquote::before, q::after, q::before { content: none; } + +table { border-collapse: collapse; border-spacing: 0; } + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #1940b0; font-weight: 500; font-family: "Roboto", sans-serif; line-height: 1.45; margin-bottom: 0.5rem; } + +h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 0; } + +.tc-light h1, .tc-light h2, .tc-light h3, .tc-light h4, .tc-light h5, .tc-light h6, .tc-light .h1, .tc-light .h2, .tc-light .h3, .tc-light .h4, .tc-light .h5, .tc-light .h6 { color: #fff; } + +p { font-size: 14px; margin-bottom: 1rem; color: #415076; } + +p:last-child { margin-bottom: 0; } + +p + [class*=btn] { margin-top: 15px; } + +@media (min-width: 576px) { p { font-size: 16px; } } + +ul, ol, table { margin: 0; padding: 0; } + +strong, b { font-weight: 500; } + +a { outline: 0 none; transition: all 0.5s; color: #16a3fe; } + +a:link, a:visited { text-decoration: none; } + +a:hover, a:focus, a:active { outline: 0; color: #23c99d; } + +img { max-width: 100%; height: auto; } + +h1, .h1, .fz-1 { font-size: 1.75rem; } + +h2, .h2, .fz-2 { font-size: 1.35rem; } + +h3, .h3, .fz-3 { font-size: 1.25rem; } + +h4, .h4, .fz-4 { font-size: 1.2rem; } + +h5, .h5, .fz-5 { font-size: 1.2rem; } + +h6, .h6, .fz-6 { font-size: 0.94rem; } + +.fz-7 { font-size: 0.88rem; } + +.fz-8 { font-size: 0.75rem; } + +.lead, .lead-light { font-size: 1.1rem; font-weight: 300; color: #415076; } + +.lead-s2 { font-size: 1.1rem; color: #415076; } + +.lead-regular { font-weight: 400; } + +@media (min-width: 576px) { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.3; } + h1, .h1, .fz-1 { font-size: 2.75rem; } + h2, .h2, .fz-2 { font-size: 2.25rem; } + h3, .h3, .fz-3 { font-size: 1.87rem; } + h4, .h4, .fz-4 { font-size: 1.6rem; } + .lead, .lead-light { font-size: 1.1rem; } + .lead-s2 { font-size: 1.2rem; } } + +.nk-df-content, .nk-ovm:before, .nk-ovm:after { content: ""; } + +.nk-df-rel, .has-ovm, .has-bg, [class*='bg-'], .has-bg-image, .has-bg-video { position: relative; } + +.nk-df-over-up, .has-ovm > [class*=container], .has-ovm > *:not(.nk-ovm):not(.header-main):not(.nk-header):not([class*=ui-mask]), .has-bg-image > [class*=container], .has-bg-video > [class*=container] { position: relative; z-index: 5; } + +.nk-df-t, .nk-df-y { top: 0; } + +.nk-df-b, .nk-df-y { bottom: 0; } + +.nk-df-l, .nk-df-x { left: 0; } + +.nk-df-r, .nk-df-x { right: 0; } + +.nk-df-around, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .bg-image, .bg-video, .bg-video-cover, .overlay:after, .nk-ovm .nk-svgs, .accordion-icon:before, .accordion-icon:after { position: absolute; bottom: 0; top: 0; left: 0; right: 0; } + +.nk-df-center, .abs-center, .nk-block-video-play { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.nk-df-bg, .nk-ovm, .nk-ovm:before, .nk-ovm:after, .has-bg, [class*='bg-'], .bg-image, .bg-video, .bg-video-cover { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } + +.nk-df-bg-100, .img-block-dot, .app-slide-wrap:after, .rank-item { background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; } + +.text-regular-sm { font-weight: 400; font-size: 0.9rem; } + +.block-row:not(:last-child) { margin-bottom: 40px !important; } + +@media (min-width: 992px) { .block-row:not(:last-child) { margin-bottom: 50px !important; } } + +/** 02.02 Spacing */ +.gap { height: 30px; } + +.gap-s { height: 10px; } + +.gap-m { height: 20px; } + +.gap-l { height: 40px; } + +.gap-x { height: 60px; } + +.gap-1x { height: 10px; } + +.gap-2x { height: 20px; } + +.gap-3x { height: 30px; } + +.gap-4x { height: 40px; } + +.gap-5x { height: 50px; } + +.gap-6x { height: 60px; } + +.gap-7x { height: 70px; } + +.gap-8x { height: 80px; } + +.gap-9x { height: 90px; } + +.gap-10x { height: 100px; } + +.pdt, .pd, .pdy { padding-top: 30px; } + +.pdb, .pd, .pdy { padding-bottom: 30px; } + +.pdl, .pd, .pdx { padding-left: 30px; } + +.pdr, .pd, .pdx { padding-right: 30px; } + +.pdt-s, .pd-s, .pdy-s { padding-top: 10px !important; } + +.pdt-m, .pd-m, .pdy-m { padding-top: 20px !important; } + +.pdt-r, .pd-r, .pdy-r { padding-top: 30px !important; } + +.pdt-l, .pd-l, .pdy-l { padding-top: 40px !important; } + +.pdt-x, .pd-x, .pdy-x { padding-top: 60px !important; } + +.pdb-s, .pd-s, .pdy-s { padding-bottom: 10px !important; } + +.pdb-m, .pd-m, .pdy-m { padding-bottom: 20px !important; } + +.pdb-r, .pd-r, .pdy-r { padding-bottom: 30px !important; } + +.pdb-l, .pd-l, .pdy-l { padding-bottom: 40px !important; } + +.pdb-x, .pd-x, .pdy-x { padding-bottom: 60px !important; } + +.pdl-s, .pd-s, .pdx-s { padding-left: 10px !important; } + +.pdl-m, .pd-m, .pdx-m { padding-left: 20px !important; } + +.pdl-r, .pd-r, .pdx-r { padding-left: 30px !important; } + +.pdl-l, .pd-l, .pdx-l { padding-left: 40px !important; } + +.pdl-x, .pd-x, .pdx-x { padding-left: 60px !important; } + +.pdr-s, .pd-s, .pdx-s { padding-right: 10px !important; } + +.pdr-m, .pd-m, .pdx-m { padding-right: 20px !important; } + +.pdr-r, .pd-r, .pdx-r { padding-right: 30px !important; } + +.pdr-l, .pd-l, .pdx-l { padding-right: 40px !important; } + +.pdr-x, .pd-x, .pdx-x { padding-right: 60px !important; } + +.mgt, .mg, .mgy { margin-top: 30px !important; } + +.mgb, .mg, .mgy { margin-bottom: 30px !important; } + +.mgl, .mg, .mgx { margin-left: 30px !important; } + +.mgr, .mg, .mgx { margin-right: 30px !important; } + +.mg-fix { margin-bottom: -20px; } + +.mg-fix-lg { margin-bottom: -45px; } + +.mg-fix-md { margin-bottom: -30px; } + +.mg-fix-sm { margin-bottom: -15px; } + +.mg-fix-xs { margin-bottom: -10px; } + +.mgt-s, .mg-s, .mgy-s { margin-top: 10px !important; } + +.mgt-m, .mg-m, .mgy-m { margin-top: 20px !important; } + +.mgt-r, .mg-r, .mgy-r { margin-top: 30px !important; } + +.mgt-l, .mg-l, .mgy-l { margin-top: 40px !important; } + +.mgt-x, .mg-x, .mgy-x { margin-top: 60px !important; } + +.mgb-s, .mg-s, .mgy-s { margin-bottom: 10px !important; } + +.mgb-m, .mg-m, .mgy-m { margin-bottom: 20px !important; } + +.mgb-r, .mg-r, .mgy-r { margin-bottom: 30px !important; } + +.mgb-l, .mg-l, .mgy-l { margin-bottom: 40px !important; } + +.mgb-x, .mg-x, .mgy-x { margin-bottom: 60px !important; } + +.mgl-s, .mg-s, .mgx-s { margin-left: 10px !important; } + +.mgl-m, .mg-m, .mgx-m { margin-left: 20px !important; } + +.mgl-r, .mg-r, .mgx-r { margin-left: 30px !important; } + +.mgl-l, .mg-l, .mgx-l { margin-left: 40px !important; } + +.mgl-x, .mg-x, .mgx-x { margin-left: 60px !important; } + +.mgr-s, .mg-s, .mgx-s { margin-right: 10px !important; } + +.mgr-m, .mg-m, .mgx-m { margin-right: 20px !important; } + +.mgr-r, .mg-r, .mgx-r { margin-right: 30px !important; } + +.mgr-l, .mg-l, .mgx-l { margin-right: 40px !important; } + +.mgr-x, .mg-x, .mgx-x { margin-right: 60px !important; } + +@media (min-width: 576px) { .pdt-l, .pd-l, .pdy-l { padding-top: 60px !important; } + .pdt-x, .pd-x, .pdy-x { padding-top: 90px !important; } + .pdb-l, .pd-l, .pdy-l { padding-bottom: 60px !important; } + .pdb-x, .pd-x, .pdy-x { padding-bottom: 90px !important; } + .pdl-l, .pd-l, .pdx-l { padding-left: 60px !important; } + .pdl-x, .pd-x, .pdx-x { padding-left: 90px !important; } + .pdr-l, .pd-l, .pdx-l { padding-right: 60px !important; } + .pdr-x, .pd-x, .pdx-x { padding-right: 90px !important; } + .mgt-l, .mg-l, .mgy-l { margin-top: 60px !important; } + .mgt-x, .mg-x, .mgy-x { margin-top: 90px !important; } + .mgb-l, .mg-l, .mgy-l { margin-bottom: 60px !important; } + .mgb-x, .mg-x, .mgy-x { margin-bottom: 90px !important; } + .mgl-l, .mg-l, .mgx-l { margin-left: 60px !important; } + .mgl-x, .mg-x, .mgx-x { margin-left: 90px !important; } + .mgr-l, .mg-l, .mgx-l { margin-right: 60px !important; } + .mgr-x, .mg-x, .mgx-x { margin-right: 90px !important; } } + +.mgb-m10 { margin-bottom: -10px !important; } + +.mgb-m20 { margin-bottom: -20px !important; } + +.mgb-m30 { margin-bottom: -30px !important; } + +.mgb-m40 { margin-bottom: -40px !important; } + +.mgb-m50 { margin-bottom: -50px !important; } + +.mgt-m10 { margin-top: -10px !important; } + +.mgt-m20 { margin-top: -20px !important; } + +.mgt-m30 { margin-top: -30px !important; } + +.mgt-m40 { margin-top: -40px !important; } + +.mgt-m50 { margin-top: -50px !important; } + +.mgt-m70 { margin-top: -70px !important; } + +.gutter-5px { margin-left: -2.5px !important; margin-right: -2.5px !important; } + +.gutter-5px > li, .gutter-5px > div { padding-left: 2.5px !important; padding-right: 2.5px !important; } + +.gutter-15px { margin-left: -7.5px !important; margin-right: -7.5px !important; } + +.gutter-15px > li, .gutter-15px > div { padding-left: 7.5px !important; padding-right: 7.5px !important; } + +.gutter-25px { margin-left: -12.5px !important; margin-right: -12.5px !important; } + +.gutter-25px > li, .gutter-25px > div { padding-left: 12.5px !important; padding-right: 12.5px !important; } + +.gutter-10px { margin-left: -5px !important; margin-right: -5px !important; } + +.gutter-10px > li, .gutter-10px > div { padding-left: 5px !important; padding-right: 5px !important; } + +.gutter-20px { margin-left: -10px !important; margin-right: -10px !important; } + +.gutter-20px > li, .gutter-20px > div { padding-left: 10px !important; padding-right: 10px !important; } + +.gutter-30px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-30px > li, .gutter-30px > div { padding-left: 15px !important; padding-right: 15px !important; } + +.gutter-40px { margin-left: -20px !important; margin-right: -20px !important; } + +.gutter-40px > li, .gutter-40px > div { padding-left: 20px !important; padding-right: 20px !important; } + +.gutter-50px { margin-left: -25px !important; margin-right: -25px !important; } + +.gutter-50px > li, .gutter-50px > div { padding-left: 25px !important; padding-right: 25px !important; } + +.gutter-60px { margin-left: -30px !important; margin-right: -30px !important; } + +.gutter-60px > li, .gutter-60px > div { padding-left: 30px !important; padding-right: 30px !important; } + +.gutter-70px { margin-left: -35px !important; margin-right: -35px !important; } + +.gutter-70px > li, .gutter-70px > div { padding-left: 35px !important; padding-right: 35px !important; } + +.gutter-80px { margin-left: -40px !important; margin-right: -40px !important; } + +.gutter-80px > li, .gutter-80px > div { padding-left: 40px !important; padding-right: 40px !important; } + +.gutter-90px { margin-left: -45px !important; margin-right: -45px !important; } + +.gutter-90px > li, .gutter-90px > div { padding-left: 45px !important; padding-right: 45px !important; } + +.gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } + +.gutter-vr-5px { margin-top: -2.5px !important; margin-bottom: -2.5px !important; } + +.gutter-vr-5px > li, .gutter-vr-5px > div { padding-top: 2.5px !important; padding-bottom: 2.5px !important; } + +.gutter-vr-15px { margin-top: -7.5px !important; margin-bottom: -7.5px !important; } + +.gutter-vr-15px > li, .gutter-vr-15px > div { padding-top: 7.5px !important; padding-bottom: 7.5px !important; } + +.gutter-vr-25px { margin-top: -12.5px !important; margin-bottom: -12.5px !important; } + +.gutter-vr-25px > li, .gutter-vr-25px > div { padding-top: 12.5px !important; padding-bottom: 12.5px !important; } + +.gutter-vr-10px { margin-top: -5px !important; margin-bottom: -5px !important; } + +.gutter-vr-10px > li, .gutter-vr-10px > div { padding-top: 5px !important; padding-bottom: 5px !important; } + +.gutter-vr-20px { margin-top: -10px !important; margin-bottom: -10px !important; } + +.gutter-vr-20px > li, .gutter-vr-20px > div { padding-top: 10px !important; padding-bottom: 10px !important; } + +.gutter-vr-30px { margin-top: -15px !important; margin-bottom: -15px !important; } + +.gutter-vr-30px > li, .gutter-vr-30px > div { padding-top: 15px !important; padding-bottom: 15px !important; } + +.gutter-vr-40px { margin-top: -20px !important; margin-bottom: -20px !important; } + +.gutter-vr-40px > li, .gutter-vr-40px > div { padding-top: 20px !important; padding-bottom: 20px !important; } + +.gutter-vr-50px { margin-top: -25px !important; margin-bottom: -25px !important; } + +.gutter-vr-50px > li, .gutter-vr-50px > div { padding-top: 25px !important; padding-bottom: 25px !important; } + +.gutter-vr-60px { margin-top: -30px !important; margin-bottom: -30px !important; } + +.gutter-vr-60px > li, .gutter-vr-60px > div { padding-top: 30px !important; padding-bottom: 30px !important; } + +.gutter-vr-70px { margin-top: -35px !important; margin-bottom: -35px !important; } + +.gutter-vr-70px > li, .gutter-vr-70px > div { padding-top: 35px !important; padding-bottom: 35px !important; } + +.gutter-vr-80px { margin-top: -40px !important; margin-bottom: -40px !important; } + +.gutter-vr-80px > li, .gutter-vr-80px > div { padding-top: 40px !important; padding-bottom: 40px !important; } + +.gutter-vr-90px { margin-top: -45px !important; margin-bottom: -45px !important; } + +.gutter-vr-90px > li, .gutter-vr-90px > div { padding-top: 45px !important; padding-bottom: 45px !important; } + +.gutter-vr-100px { margin-top: -50px !important; margin-bottom: -50px !important; } + +.gutter-vr-100px > li, .gutter-vr-100px > div { padding-top: 50px !important; padding-bottom: 50px !important; } + +.gutter-100px { margin-left: -15px !important; margin-right: -15px !important; } + +.gutter-100px > li, .gutter-100px > div { padding-left: 15px !important; padding-right: 15px !important; } + +@media (min-width: 992px) { .gutter-100px { margin-left: -25px !important; margin-right: -25px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 25px !important; padding-right: 25px !important; } } + +@media (min-width: 1200px) { .gutter-100px { margin-left: -50px !important; margin-right: -50px !important; } + .gutter-100px > li, .gutter-100px > div { padding-left: 50px !important; padding-right: 50px !important; } } + +/** 02.03 Colors */ +.tc-base-white, .tc-light, .tc-light a:not(.btn):not([class*="link-"]) { color: #f6fafd; } + +.tc-base-white-hover, .tc-light a:not(.btn):not([class*="link-"]):hover { color: #16a3fe; } + +.tc-default, .tc-default a { color: #415076 !important; } + +.tc-alternet, .tc-alternet a { color: #415076 !important; } + +.tc-primary, .tc-primary a { color: #16a3fe !important; } + +.tc-primary a:hover { color: #23c99d !important; } + +.tc-secondary, .tc-secondary a { color: #23c99d !important; } + +.tc-secondary a:hover { color: #16a3fe !important; } + +.tc-info, .tc-info a { color: #026bfb !important; } + +.tc-warning, .tc-warning a { color: #f6be26 !important; } + +.tc-success, .tc-success a { color: #39d884 !important; } + +.tc-danger, .tc-danger a { color: #e6604a !important; } + +.tc-light p, .tc-light .list { color: #b9d2f4; } + +.tc-light .lead, .tc-light .lead-light, .tc-light .lead-s2 { color: #fff; } + +.tc-light-alt a:not(.btn):not([class*="link-"]) { color: #b9d2f4 !important; } + +.tc-light-alt a:not(.btn):not([class*="link-"]):hover { color: #16a3fe !important; } + +.tc-light-alt li { color: #b9d2f4; } + +.tc-lighter { color: rgba(255, 255, 255, 0.6) !important; } + +.tc-dark, .tc-dark a { color: #0b0c10 !important; } + +.tc-theme, .tc-theme a { color: #16a3fe !important; } + +.tc-theme-alt, .tc-theme-alt a { color: #122272 !important; } + +.tc-white { color: #fff !important; } + +.bg-default { background-color: #415076 !important; } + +.bg-alternet { background-color: #122272 !important; } + +.bg-primary { background-color: #16a3fe !important; } + +.bg-secondary { background-color: #23c99d !important; } + +.bg-light { background-color: #f6fafd !important; } + +.bg-light.current { background-color: rgba(246, 250, 253, 0.7) !important; } + +.bg-light-alt { background-color: #eaeff6 !important; } + +.bg-light-alt.current { background-color: rgba(234, 239, 246, 0.7) !important; } + +.bg-light-grad { background-image: linear-gradient(to bottom, #fff 0%, #f6fafd 100%); } + +.bg-dark { background-color: #0c195a !important; } + +.bg-dark.current { background-color: rgba(12, 25, 90, 0.7) !important; } + +.bg-dark-alt { background-color: rgba(12, 25, 90, 0.7) !important; } + +.bg-dark-alt.current { background-color: rgba(19, 37, 130, 0.7) !important; } + +.bg-dark-opacity { background: rgba(0, 0, 0, 0.15) !important; } + +.bg-trans { background-color: transparent !important; } + +.bg-grad { background-image: linear-gradient(90deg, #16a3fe 0%, #23c99d 100%) !important; } + +.bg-grad-alt { background-image: linear-gradient(90deg, #23c99d 0%, #16a3fe 100%) !important; } + +.bg-grad-special { background-image: linear-gradient(140deg, #0189e0 0%, #0189e0 20%, transparent 50%, transparent 100%) !important; } + +.bg-grad-special-alt { background-image: linear-gradient(to top, #1940b0 0%, #1940b0 5%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.bg-grad-vr-theme-to-alt { background-image: linear-gradient(to bottom, #122272 0%, #1940b0 100%) !important; } + +.bg-grad-vr-theme-dark-to-dark-alt { background-image: linear-gradient(to bottom, #0c195a 0%, #132582 100%) !important; } + +.bg-grad-vr-alt-to-theme { background-image: linear-gradient(to top, #122272 0%, #1940b0 100%) !important; } + +.bg-grad-vr-dark-alt-to-theme-dark-to-theme { background-image: linear-gradient(to top, #0c195a 0%, #132582 100%) !important; } + +.bg-info { background-color: #026bfb !important; } + +.bg-warning { background-color: #f6be26 !important; } + +.bg-success { background-color: #39d884 !important; } + +.bg-danger { background-color: #e6604a !important; } + +.bg-black { background-color: #000; } + +.bg-black-2, .bonus-info { background-color: rgba(0, 0, 0, 0.02); } + +.bg-black-5 { background-color: rgba(0, 0, 0, 0.05); } + +.bg-black-7 { background-color: rgba(0, 0, 0, 0.07); } + +.bg-black-10 { background-color: rgba(0, 0, 0, 0.1); } + +.bg-black-14 { background-color: rgba(0, 0, 0, 0.14); } + +.bg-black-22 { background-color: rgba(0, 0, 0, 0.22); } + +.bg-white { background-color: #fff; } + +.bg-white-2 { background-color: rgba(255, 255, 255, 0.02); } + +.bg-white-5 { background-color: rgba(255, 255, 255, 0.05); } + +.bg-white-7 { background-color: rgba(255, 255, 255, 0.07); } + +.bg-white-10 { background-color: rgba(255, 255, 255, 0.1); } + +.bg-white-14 { background-color: rgba(255, 255, 255, 0.14); } + +.bg-white-22 { background-color: rgba(255, 255, 255, 0.22); } + +.bg-theme { background-color: #122272 !important; } + +.bg-theme.current { background-color: rgba(18, 34, 114, 0.7) !important; } + +.bg-theme-alt { background-color: #004C99 !important; } + +.bg-theme-alt.current { background-color: rgba(25, 64, 176, 0.7) !important; } + +.bg-theme-grad { background-image: linear-gradient(to right, #122272 0%, #1940b0 100%) !important; } + +.bg-theme-grad-alt { background-image: linear-gradient(to right, #1940b0 0%, #122272 100%) !important; } + +.bg-theme-grad-s2 { background-image: linear-gradient(135deg, #122272 0%, #1940b0 100%) !important; } + +.bg-theme-grad-s2-alt { background-image: linear-gradient(135deg, #1940b0 0%, #122272 100%) !important; } + +.bg-theme-grad-alternet { background-image: linear-gradient(to right, #122272 0%, #0189e0 100%) !important; } + +.bg-theme-dark { background-color: #0c195a !important; } + +.bg-theme-dark.current { background-color: rgba(12, 25, 90, 0.7) !important; } + +.bg-theme-dark-alt { background-color: #132582 !important; } + +.bg-theme-dark-alt.current { background-color: rgba(19, 37, 130, 0.7) !important; } + +.bg-theme-light { background-color: #f6fafd !important; } + +.bg-theme-light.current { background-color: rgba(246, 250, 253, 0.7) !important; } + +.bg-theme-light-alt { background-color: #eaeff6 !important; } + +.bg-theme-light-alt.current { background-color: rgba(234, 239, 246, 0.7) !important; } + +.bg-theme-accent { background-color: #16a3fe !important; } + +.bg-theme-accent.current { background-color: rgba(22, 163, 254, 0.7) !important; } + +.bg-theme-accent-alt { background-color: #23c99d !important; } + +.bg-theme-accent-alt.current { background-color: rgba(35, 201, 157, 0.7) !important; } + +.bg-blend:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #122272); } + +.bg-blend-alt:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #1940b0); } + +.bg-blend-light { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #f6fafd); } + +.bg-blend-light-alt { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #eaeff6); } + +.bg-rblend-light { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #f6fafd); } + +.bg-rblend-light-alt { background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #eaeff6); } + +.theme-dark { background: #0c195a !important; } + +.text-primary { color: #122272 !important; } + +.text-primary-alt { color: #1940b0 !important; } + +.text-theme-alt { color: #0189e0; } + +.text-base { color: #12183a; } + +/** 02.04 Misc */ +.ttc { text-transform: capitalize !important; } + +.ttu { text-transform: uppercase !important; } + +.ttl { text-transform: lowercase !important; } + +.ttn { text-transform: none !important; } + +.fw-7 { font-weight: 700 !important; } + +.fw-6 { font-weight: 600 !important; } + +.fw-5 { font-weight: 500 !important; } + +.fw-4 { font-weight: 400 !important; } + +.fw-3 { font-weight: 300 !important; } + +.fw-rg { font-weight: 400 !important; } + +.fw-bold { font-weight: 700 !important; } + +.fw-md { font-weight: 500 !important; } + +.fw-lt { font-weight: 300 !important; } + +.lh { line-height: 1; } + +.lh-11 { line-height: 1.1; } + +.lh-12 { line-height: 1.2; } + +.lh-13 { line-height: 1.3; } + +.lh-14 { line-height: 1.4; } + +.lh-15 { line-height: 1.5; } + +.lh-16 { line-height: 1.6; } + +.lh-17 { line-height: 1.7; } + +.lh-18 { line-height: 1.8; } + +.lh-19 { line-height: 1.9; } + +.lh-2 { line-height: 2; } + +.ov-h, .nk-block-video, .nk-banner, .banner-wrap, .feature-group, .feature-img { overflow: hidden; } + +.ov-xh { overflow-x: hidden; } + +.ov-yh { overflow-y: hidden; } + +.ov-s { overflow: scroll; } + +.ov-xs { overflow-x: scroll; } + +.ov-ys { overflow-y: scroll; } + +.ov-v { overflow: visible !important; } + +.ov-xv { overflow-x: visible !important; } + +.ov-yv { overflow-y: visible !important; } + +.bd { border: 1px solid #d1e0f6; } + +.bd-2 { border-width: 2px; } + +.bd-3 { border-width: 3px; } + +.bdt { border-top: 1px solid #d1e0f6; } + +.bdt-2 { border-top-width: 2px; } + +.bdt-3 { border-top-width: 3px; } + +.bdb { border-bottom: 1px solid #d1e0f6; } + +.bdb-2 { border-bottom-width: 2px; } + +.bdb-3 { border-bottom-width: 3px; } + +.bdl { border-left: 1px solid #d1e0f6; } + +.bdl-2 { border-left-width: 2px; } + +.bdl-3 { border-left-width: 3px; } + +.bdr { border-right: 1px solid #d1e0f6; } + +.bdr-2 { border-right-width: 2px; } + +.bdr-3 { border-right-width: 3px; } + +.bd-dashed { border-style: dashed; } + +.bd-dotted { border-style: dotted; } + +.bd-double { border-style: double; } + +.bd-light { border-color: #dbe4f7; } + +.bd-lighter { border-color: #dbe4f7; } + +.bd-lightest { border-color: #f4f7fd; } + +.bd-dark { border-color: #394995; } + +.bd-darker { border-color: #394995; } + +.bd-darkest { border-color: #394995; } + +.bd-primary { border-color: #16a3fe; } + +.bd-alternet { border-color: #a2b3cd; } + +.bd-secondary { border-color: #122272; } + +.bd-info { border-color: #9ac4fd; } + +.bd-warning { border-color: #fbe5a8; } + +.bd-success { border-color: #b0efce; } + +.bd-danger { border-color: #f5bfb7; } + +.round, .token-stage { border-radius: 6px !important; } + +.round-sm { border-radius: 4px !important; } + +.round-md { border-radius: 10px !important; } + +.round-lg { border-radius: 15px !important; } + +.round-xl { border-radius: 44px !important; } + +.round-full, .circle { border-radius: 50% !important; } + +.round-full:before, .circle:before, .round-full:after, .circle:after { border-radius: 50% !important; } + +.bdrs-1 { border-radius: 1px; } + +.bdrs-2 { border-radius: 2px; } + +.bdrs-3 { border-radius: 3px; } + +.bdrs-4 { border-radius: 4px; } + +.bdrs-5 { border-radius: 5px; } + +.bdrs-6 { border-radius: 6px; } + +.bdrs-7 { border-radius: 7px; } + +.bdrs-8 { border-radius: 8px; } + +.bdrs-9 { border-radius: 9px; } + +.bdrs-1x { border-radius: 10px; } + +.bdrs-2x { border-radius: 20px; } + +.bdrs-3x { border-radius: 30px; } + +.bdrs-4x { border-radius: 40px; } + +.bdrs-5x { border-radius: 50px; } + +.bdrs-15x { border-radius: 15px; } + +.bdrs-25x { border-radius: 25px; } + +.bdrs-35x { border-radius: 35px; } + +.bdrs-45x { border-radius: 45px; } + +.shadow { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08) !important; } + +.shadow-alt { box-shadow: 0 8px 16px 0 rgba(18, 24, 58, 0.15); } + +.shadow-soft { box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.shadow-soft-sm { box-shadow: 0 2px 12px 0 rgba(18, 24, 58, 0.08); } + +.shadow-dark { box-shadow: 0 5px 40px rgba(18, 24, 58, 0.15); } + +.shadow-dark-sm { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.15); } + +.shadow-heavy { box-shadow: 0 5px 50px rgba(18, 24, 58, 0.25); } + +.shadow-heavy-sm { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.25); } + +.nk-df-mask-a, .mask-a:before, .mask-a-bg { background-image: url(../images/mask-a.svg); } + +.ie .nk-df-mask-a, .ie .mask-a:before, .ie .mask-a-bg { background-image: url(../images/mask-a.png); } + +.nk-df-mask-a-md, .mask-a-md:before, .mask-a-md-bg { background-image: url(../images/mask-a-md.svg); } + +.ie .nk-df-mask-a-md, .ie .mask-a-md:before, .ie .mask-a-md-bg { background-image: url(../images/mask-a-md.png); } + +.nk-df-mask-a-dark, .mask-a-dark:before, .mask-a-dark-bg { background-image: url(../images/mask-a-dark.svg); } + +.ie .nk-df-mask-a-dark, .ie .mask-a-dark:before, .ie .mask-a-dark-bg { background-image: url(../images/mask-a-dark.png); } + +.nk-df-mask-line, .mask-line:before, .mask-line-bg { background-image: url(../images/mask-line.svg); } + +.ie .nk-df-mask-line, .ie .mask-line:before, .ie .mask-line-bg { background-image: url(../images/mask-line.png); } + +.nk-df-mask-b, .mask-b:before, .mask-b-bg { background-image: url(../images/mask-b.svg); } + +.ie .nk-df-mask-b, .ie .mask-b:before, .ie .mask-b-bg { background-image: url(../images/mask-b.png); } + +.nk-df-mask-c, .mask-c:before, .mask-c-bg { background-image: url(../images/mask-c.svg); } + +.ie .nk-df-mask-c, .ie .mask-c:before, .ie .mask-c-bg { background-image: url(../images/mask-c.png); } + +.nk-df-mask-c-light, .mask-c-light:before, .mask-c-light-bg { background-image: url(../images/mask-c-light.svg); } + +.ie .nk-df-mask-c-light, .ie .mask-c-light:before, .ie .mask-c-light-bg { background-image: url(../images/mask-c-light.png); } + +.nk-df-mask-c-dark, .mask-c-dark:before, .mask-c-dark-bg { background-image: url(../images/mask-c-dark.svg); } + +.ie .nk-df-mask-c-dark, .ie .mask-c-dark:before, .ie .mask-c-dark-bg { background-image: url(../images/mask-c-dark.png); } + +.nk-df-mask-d, .mask-d:before, .mask-d-bg { background-image: url(../images/mask-d.svg); } + +.ie .nk-df-mask-d, .ie .mask-d:before, .ie .mask-d-bg { background-image: url(../images/mask-d.png); } + +.nk-df-mask-d2, .mask-d2:before, .mask-d2-bg { background-image: url(../images/mask-d2.svg); } + +.ie .nk-df-mask-d2, .ie .mask-d2:before, .ie .mask-d2-bg { background-image: url(../images/mask-d2.png); } + +.nk-df-mask-e, .mask-e:before, .mask-e-bg { background-image: url(../images/mask-e.svg); } + +.ie .nk-df-mask-e, .ie .mask-e:before, .ie .mask-e-bg { background-image: url(../images/mask-e.png); } + +.nk-df-mask-f, .mask-f:before, .mask-f-bg { background-image: url(../images/mask-f.svg); } + +.ie .nk-df-mask-f, .ie .mask-f:before, .ie .mask-f-bg { background-image: url(../images/mask-f.png); } + +.nk-df-mask-f-footer, .mask-f-footer:before, .mask-f-footer-bg { background-image: url(../images/mask-f-footer.svg); } + +.ie .nk-df-mask-f-footer, .ie .mask-f-footer:before, .ie .mask-f-footer-bg { background-image: url(../images/mask-f-footer.png); } + +.mask-a:before, .mask-a-md:before, .mask-a-dark:before { background-position: bottom center !important; } + +.mask-contain-bottom:before { background-size: contain; background-position: 50% 100%; } + +.mask-c-blend { background-image: linear-gradient(180deg, #0d1b61 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-dark { background-image: linear-gradient(180deg, #0C0E24 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-c-blend-light { background-image: linear-gradient(180deg, #f0f6ff 0%, rgba(0, 0, 0, 0) 100%) !important; } + +.mask-f:before { left: 0 !important; } + +.mask-f-footer:before { background-position: 50% -1px; } + +.before-bottom:before { top: auto; } + +.before-h10:before { height: 10%; } + +.before-h20:before { height: 20%; } + +.before-h30:before { height: 30%; } + +.before-h40:before { height: 40%; } + +.before-h50:before { height: 50%; } + +.before-h60:before { height: 60%; } + +.before-h70:before { height: 70%; } + +.before-h80:before { height: 80%; } + +.before-h90:before { height: 90%; } + +.nk-df-shape-a, .shape-a:after, .shape-a-bg, .bg-shape-a { background-image: url(../images/shape-a.png); } + +.nk-df-shape-a-sm, .shape-a-sm:after, .shape-a-sm-bg { background-image: url(../images/shape-a-sm.png); } + +.nk-df-shape-b, .shape-b:after, .shape-b-bg, .bg-shape-b { background-image: url(../images/shape-b.png); } + +.nk-df-shape-b-sm, .shape-b-sm:after, .shape-b-sm-bg { background-image: url(../images/shape-b-sm.png); } + +.nk-df-shape-c, .shape-c:after, .shape-c-bg { background-image: url(../images/shape-c.png); } + +.nk-df-shape-c-sm, .shape-c-sm:after, .shape-c-sm-bg { background-image: url(../images/shape-c-sm.png); } + +.nk-df-shape-d, .shape-d:after, .shape-d-bg { background-image: url(../images/shape-d.png); } + +.nk-df-shape-d-sm, .shape-d-sm:after, .shape-d-sm-bg { background-image: url(../images/shape-d-sm.png); } + +.nk-df-shape-e, .shape-e:after, .shape-e-bg { background-image: url(../images/shape-e.png); } + +.nk-df-shape-e-sm, .shape-e-sm:after, .shape-e-sm-bg { background-image: url(../images/shape-e-sm.png); } + +.nk-df-shape-f, .shape-f:after, .shape-f-bg { background-image: url(../images/shape-f.png); } + +.nk-df-shape-f-sm, .shape-f-sm:after, .shape-f-sm-bg { background-image: url(../images/shape-f-sm.png); } + +.nk-df-shape-g, .shape-g:after, .shape-g-bg { background-image: url(../images/shape-g.png); } + +.nk-df-shape-g-sm, .shape-g-sm:after, .shape-g-sm-bg { background-image: url(../images/shape-g-sm.png); } + +.nk-df-shape-h, .shape-h:after, .shape-h-bg { background-image: url(../images/shape-h.png); } + +.nk-df-shape-h-sm, .shape-h-sm:after, .shape-h-sm-bg { background-image: url(../images/shape-h-sm.png); } + +.nk-df-shape-i, .shape-i:after, .shape-i-bg { background-image: url(../images/shape-i.png); } + +.nk-df-shape-i-sm, .shape-i-sm:after, .shape-i-sm-bg { background-image: url(../images/shape-i-sm.png); } + +.nk-df-shape-m, .shape-m:after, .shape-m-bg { background-image: url(../images/shape-m.png); } + +.nk-df-shape-n, .shape-n:after, .shape-n-bg { background-image: url(../images/shape-n.png); } + +.nk-df-shape-o, .shape-o:after, .shape-o-bg { background-image: url(../images/shape-o.png); } + +.nk-df-shape-p, .shape-p:after, .shape-p-bg { background-image: url(../images/shape-p.png); } + +.nk-df-shape-q, .shape-q:after, .shape-q-bg { background-image: url(../images/shape-q.png); } + +.nk-df-shape-r, .shape-r:after, .shape-r-bg { background-image: url(../images/shape-r.png); } + +.nk-df-shape-s, .shape-s:after, .shape-s-bg { background-image: url(../images/shape-s.png); } + +.nk-df-shape-s-sm, .shape-s-sm:after, .shape-s-sm-bg { background-image: url(../images/shape-s-sm.png); } + +.nk-df-shape-t, .shape-t:after, .shape-t-bg { background-image: url(../images/shape-t.png); } + +.nk-df-shape-u, .shape-u:after, .shape-u-bg { background-image: url(../images/shape-u.png); } + +.nk-df-shape-v, .shape-v:after, .shape-v-bg { background-image: url(../images/shape-v.png); } + +.nk-df-shape-w, .shape-w:after, .shape-w-bg { background-image: url(../images/shape-w.png); } + +.nk-df-shape-x, .shape-x:after, .shape-x-bg { background-image: url(../images/shape-x.png); } + +.nk-df-shape-x-2, .shape-x-2:after, .shape-x-2-bg { background-image: url(../images/shape-x-2.png); } + +.nk-df-shape-x-3, .shape-x-3:after, .shape-x-3-bg { background-image: url(../images/shape-x-3.png); } + +.nk-df-shape-y, .shape-y:after, .shape-y-bg { background-image: url(../images/shape-y.png); } + +.nk-df-shape-z, .shape-z:after, .shape-z-bg { background-image: url(../images/shape-z.png); } + +.nk-df-shape-z2, .shape-z2:after, .shape-z2-bg { background-image: url(../images/shape-z2.png); } + +.nk-df-shape-a2, .shape-a2:after, .shape-a2-bg { background-image: url(../images/shape-a2.png); } + +.nk-df-shape-z3, .shape-z3:after, .shape-z3-bg { background-image: url(../images/shape-z3.png); } + +.nk-df-shape-z4, .shape-z4:after, .shape-z4-bg { background-image: url(../images/shape-z4.png); } + +.nk-df-shape-z6, .shape-z6:after, .shape-z6-bg { background-image: url(../images/shape-z6.png); } + +.nk-df-shape-z6-sm, .shape-z6-sm:after, .shape-z6-sm-bg { background-image: url(../images/shape-z6-sm.png); } + +.nk-df-shape-z7, .shape-z7:after, .shape-z7-bg { background-image: url(../images/shape-z7.png); } + +.shape-contain:after { background-size: contain; } + +.shape-center-top:after { background-position: 50% 0; } + +.shape-center-bottom:after { background-position: 50% 100%; } + +.shape-left-top:after { background-position: 0 0; } + +.shape-q:after { background-size: contain; background-repeat: repeat; background-position: 0 50%; } + +.shape-lg-60:after { background-size: 60%; } + +.shape-z3:after { background-size: 100%; background-position: bottom center; } + +.shape-x.nk-ovm:after, .shape-x.nk-ovm:before { left: 0 !important; } + +.shape-a2:before { background-size: 100%; } + +.nk-ovm { z-index: 1; } + +.nk-ovm:before, .nk-ovm:after { bottom: -1px; left: -1px; } + +.nk-ovm:before { z-index: 1; } + +.nk-ovm-repeat:after { background-repeat: repeat; background-size: contain; } + +.nk-ovm-fixed:after { background-attachment: fixed; } + +.ovm-top { bottom: auto; } + +.ovm-bottom { top: auto; } + +.ovm-left { right: auto; } + +.ovm-right { left: auto; } + +.ovm-h-10 { height: 10%; } + +.ovm-h-20 { height: 20%; } + +.ovm-h-30 { height: 30%; } + +.ovm-h-40 { height: 40%; } + +.ovm-h-50 { height: 50%; } + +.ovm-h-60 { height: 60%; } + +.ovm-h-70 { height: 70%; } + +.ovm-h-80 { height: 80%; } + +.ovm-h-90 { height: 90%; } + +.ovm-w-10 { width: 10%; } + +.ovm-w-20 { width: 20%; } + +.ovm-w-30 { width: 30%; } + +.ovm-w-40 { width: 40%; } + +.ovm-w-50 { width: 50%; } + +.ovm-w-60 { width: 60%; } + +.ovm-w-70 { width: 70%; } + +.ovm-w-80 { width: 80%; } + +.ovm-w-90 { width: 90%; } + +.has-bg-image > div, .has-bg-video > div { position: relative; z-index: 1; } + +.bg-fixed { background-attachment: fixed; } + +.bg-image { position: absolute !important; z-index: 0 !important; opacity: 0; transition: opacity .4s; } + +.bg-image.bg-image-loaded { opacity: 1; } + +.bg-image img { display: none !important; } + +.bg-pattern-dots-color { background-image: url(../images/dot-a.png); background-size: contain; } + +.bg-pattern-dots { background-image: url(../images/dot-b.png); background-size: contain; background-repeat: repeat-y; } + +.bg-contain { background-size: contain; } + +.bg-bottom-center { background-position: 50% 100%; } + +.bg-shape-b { background-position: 50% 100%; } + +.bg-video { position: absolute !important; z-index: 0 !important; overflow: hidden; } + +.bg-video-cover { opacity: 0; } + +.cover-enabled .bg-video-cover { opacity: 1; } + +.bg-video .ytplayer-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } + +.bg-video .ytplayer-container.cover-enabled .bg-video .ytplayer-container { display: none; } + +.cover-enabled .ytplayer-container { display: none; } + +.bg-image.bp-l0, .has-bg.bp-l0 { background-position: 0%; } + +.bg-image.bp-r0, .has-bg.bp-r0 { background-position: 0%; } + +.bg-image.bp-l10, .has-bg.bp-l10 { background-position: 10%; } + +.bg-image.bp-r10, .has-bg.bp-r10 { background-position: 40%; } + +.bg-image.bp-l20, .has-bg.bp-l20 { background-position: 20%; } + +.bg-image.bp-r20, .has-bg.bp-r20 { background-position: 30%; } + +.bg-image.bp-l25, .has-bg.bp-l25 { background-position: 25%; } + +.bg-image.bp-r25, .has-bg.bp-r25 { background-position: 25%; } + +.bg-image.bp-l30, .has-bg.bp-l30 { background-position: 30%; } + +.bg-image.bp-r30, .has-bg.bp-r30 { background-position: 20%; } + +.bg-image.bp-l40, .has-bg.bp-l40 { background-position: 40%; } + +.bg-image.bp-r40, .has-bg.bp-r40 { background-position: 10%; } + +.overlay:after { content: ''; } + +.overlay-light:after { background: #fff; } + +.overlay-dark:after { background: #000; } + +.overlay-theme:after { background: #122272; } + +.overlay-theme-dark:after { background: #0c195a; } + +.overlay-opacity-10:after { opacity: 0.1; } + +.overlay-opacity-15:after { opacity: 0.15; } + +.overlay-opacity-20:after { opacity: 0.2; } + +.overlay-opacity-25:after { opacity: 0.25; } + +.overlay-opacity-30:after { opacity: 0.3; } + +.overlay-opacity-35:after { opacity: 0.35; } + +.overlay-opacity-40:after { opacity: 0.4; } + +.overlay-opacity-45:after { opacity: 0.45; } + +.overlay-opacity-50:after { opacity: 0.5; } + +.overlay-opacity-55:after { opacity: 0.55; } + +.overlay-opacity-60:after { opacity: 0.6; } + +.overlay-opacity-65:after { opacity: 0.65; } + +.overlay-opacity-70:after { opacity: 0.7; } + +.overlay-opacity-75:after { opacity: 0.75; } + +.overlay-opacity-80:after { opacity: 0.8; } + +.overlay-opacity-85:after { opacity: 0.85; } + +.overlay-opacity-90:after { opacity: 0.9; } + +.overlay-opacity-95:after { opacity: 0.95; } + +.overlay-opacity-100:after { opacity: 1; } + +.op-10 { opacity: 0.1; } + +.op-20 { opacity: 0.2; } + +.op-30 { opacity: 0.3; } + +.op-40 { opacity: 0.4; } + +.op-50 { opacity: 0.5; } + +.op-60 { opacity: 0.6; } + +.op-70 { opacity: 0.7; } + +.op-80 { opacity: 0.8; } + +.op-90 { opacity: 0.9; } + +.op-100 { opacity: 1; } + +.op-15 { opacity: 0.15; } + +.op-25 { opacity: 0.25; } + +.op-35 { opacity: 0.35; } + +.op-45 { opacity: 0.45; } + +.op-55 { opacity: 0.55; } + +.op-65 { opacity: 0.65; } + +.op-75 { opacity: 0.75; } + +.op-85 { opacity: 0.85; } + +.op-95 { opacity: 0.95; } + +.alignright, .alignleft, .aligncenter, .alignnone { display: block; padding: 0; margin: 15px auto; } + +@media (min-width: 576px) { .alignright, .alignleft, .aligncenter, .alignnone { margin: 0 0 15px; display: inline; } + .alignright { margin-left: 20px; float: right; } + .alignleft { margin-right: 20px; float: left; } + .alignnone { margin-right: 20px; } + .aligncenter { display: block; margin: 15px auto; } } + +.wide, .wide-rg, .wide-auto, .wide-auto-rg { max-width: 750px; } + +.wide-auto, .wide-auto-rg, .wide-auto-xl, .wide-auto-lg, .wide-auto-md, .wide-auto-sm, .wide-auto-xs { margin: 0 auto; } + +.wide-xl, .wide-auto-xl { max-width: 1560px; } + +.wide-lg, .wide-auto-lg { max-width: 1140px; } + +.wide-md, .wide-auto-md { max-width: 945px; } + +.wide-sm, .wide-auto-sm { max-width: 555px; } + +.wide-xs, .wide-auto-xs { max-width: 360px; } + +.wide-none, .wide-auto-none { max-width: inherit; } + +.text-center [class*="wide"], .text-center[class*="wide"] { margin-left: auto; margin-right: auto; } + +.over-up, [class*="over-up-"] { z-index: 9; } + +.over-up { margin-top: -175px; } + +.over-up-sm { margin-top: -45px; } + +.over-up-md { margin-top: -75px; } + +.over-up-lg { margin-top: -165px; } + +.over-up-xl { margin-top: -275px; } + +.over-up-s2 { margin-top: -70px; } + +.over-lg-up { margin-top: 0; } + +.over-up-xl-s2 { margin-top: 0; } + +@media (min-width: 768px) { .over-up { margin-top: -190px; } + .over-up-sm { margin-top: -75px; } + .over-up-md { margin-top: -125px; } + .over-up-lg { margin-top: -275px; } + .over-up-xl { margin-top: -350px; } + .over-up-s2 { margin-top: -50px; } } + +@media (min-width: 992px) { .over-lg-up { margin-top: -80px !important; } + .over-up-xl-s2 { margin-top: -230px; } + .nk-ovm-inner { position: absolute; right: 0; top: 0; width: 30%; background: #f6fafd; height: 100%; z-index: 1; } } + +@media (min-width: 1200px) { .over-lg-up { margin-top: -100px !important; } + .over-up-xl-s2 { margin-top: -230px; } } + +@media (min-width: 1600px) { .over-lg-up { margin-top: -160px !important; } + .over-up-xl-s2 { margin-top: -295px; } } + +.nk-ovm .nk-svgs { z-index: 3; } + +.nk-svgs svg { height: 100%; width: auto; } + +.nk-svgs.svg-loaded svg { display: none; } + +hr { position: relative; z-index: 5; } + +.hr { border-top: 1px solid #dbe4f7; } + +.hr-white { border-top-color: #fff; } + +.hr-white-5 { border-top-color: rgba(255, 255, 255, 0.05); } + +.hr-white-10 { border-top-color: rgba(255, 255, 255, 0.1); } + +.hr-white-15 { border-top-color: rgba(255, 255, 255, 0.15); } + +.hr-black { border-top-color: #000; } + +.hr-black-5 { border-top-color: rgba(0, 0, 0, 0.05); } + +.hr-black-10 { border-top-color: rgba(0, 0, 0, 0.1); } + +.hr-black-15 { border-top-color: rgba(0, 0, 0, 0.15); } + +.h-110 { height: 110% !important; } + +.h-115 { height: 115% !important; } + +.h-120 { height: 120% !important; } + +.h-125 { height: 125% !important; } + +.h-130 { height: 130% !important; } + +.ui-shape { position: absolute; top: 0; left: 0; height: 100%; width: 100%; left: 50%; overflow: hidden; transform: translateX(-50%); z-index: -1; } + +.ui-shape:after, .ui-shape:before { position: absolute; content: ''; height: 210px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; transition: all .4s; } + +.ui-shape:before { top: 15%; left: -4%; width: 100px; background-image: url(../images/ui-shape-a.svg); } + +.ui-shape:after { bottom: 10%; right: -4%; width: 90px; background-image: url(../images/ui-shape-b.svg); } + +.ui-shape-light:before { background-image: url(../images/ui-shape-light-a.svg); } + +.ui-shape-light:after { background-image: url(../images/ui-shape-light-b.svg); } + +.ui-shape-s1:after { transform: rotate(60deg); } + +.ui-shape-s3:before { top: auto; bottom: 20%; } + +.ui-shape-s3:after { top: 10%; bottom: auto; } + +@media (min-width: 576px) { .ui-shape:before { width: 140px; } + .ui-shape:after { width: 120px; } } + +@media (min-width: 768px) { .ui-shape-s7:after { bottom: 15%; right: 16%; } + .ui-shape-s7:before { top: 6%; left: 22%; } + .ui-shape-s6:after { bottom: 9%; right: 0%; } + .ui-shape-s6:before { top: 9%; left: 13.3%; } + .ui-shape-s5:after { right: 4%; bottom: 15%; } + .ui-shape-s4:before { left: 20%; top: 23.5%; } + .ui-shape-s3:after { right: 4%; } + .ui-shape-s2:before { top: 8%; left: 21%; } + .ui-shape-s1:after { right: 0; } + .ui-shape-header:before { top: 22%; left: 9%; } + .ui-shape-header:after { right: 15%; bottom: 32%; } + .ui-shape-footer:before { top: 2%; } + .ui-shape-footer:after { bottom: -11%; } } + +@media (min-width: 992px) { .ui-shape { width: 960px; overflow: visible; } + .ui-shape:after { width: 166px; } + .ui-shape:before { width: 190px; } + .ui-shape-s5:after { right: -2.5%; } + .ui-shape-s3:before { top: auto; bottom: 20%; } + .ui-shape-header:before { left: 5%; } + .ui-shape-header:after { right: 3%; bottom: 22%; } } + +@media (min-width: 1200px) { .ui-shape { width: 1170px; } + .ui-shape-header:before { left: 2%; } + .ui-shape-header:after { right: -2.5%; bottom: 33%; } } + +.overlay-bars { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; } + +.overlay-bars div { position: absolute; background: rgba(255, 255, 255, 0.03); transform: rotate(-15deg); } + +.overlay-bars.reverse { transform: scaleX(-1); } + +.overlay-bar-1 { height: 140%; width: 300px; left: calc(50% - 210px); top: -20%; } + +.overlay-bar-2 { height: 100%; width: 160px; left: calc(50% - 170px); bottom: calc(50% + 155px); } + +.overlay-bar-3 { height: 100%; width: 230px; left: calc(50% - 90px); top: calc(50% + 280px); } + +.overlay-bar-4 { height: 140%; width: 300px; left: calc(50% - 860px); top: -20%; transform: rotate(-15deg); } + +.overlay-bar-5 { height: 140%; width: 160px; left: calc(50% - 910px); top: -20%; } + +.overlay-bar-6 { height: 140%; width: 300px; left: calc(50% + 530px); top: -20%; } + +.overlay-bar-7 { height: 140%; width: 300px; left: calc(50% + 670px); top: -20%; } + +.overlay-x { position: relative; } + +.overlay-x:before, .overlay-x:after { position: absolute; bottom: 0; content: ''; width: 300px; z-index: 1; } + +.overlay-x:before { left: 50%; margin-left: -125px; height: 800px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(-60deg); transform-origin: bottom right; } + +.overlay-x:after { right: 50%; margin-right: -125px; height: 3600px; background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0.05) 100%); transform: rotate(60deg); transform-origin: bottom right; } + +.background-shape { background: rgba(0, 52, 86, 0.03); position: absolute; height: 100%; width: 100%; content: ''; top: 0; left: 50%; transform: skewX(33deg); transform-origin: left bottom; } + +.tc-light .background-shape { background: rgba(0, 0, 0, 0.03); } + +.background-shape:before, .background-shape:after { background: rgba(255, 255, 255, 0.2); position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.tc-light .background-shape:before, .tc-light .background-shape:after { background: rgba(0, 0, 0, 0.05); } + +.background-shape:before { left: 280px; } + +.background-shape:after { left: 560px; } + +.background-shape.bs-right { left: 70%; } + +.background-shape.bs-reverse { right: 70%; left: auto; transform: skewX(-33deg); transform-origin: right bottom; } + +.background-shape.bs-reverse:before { left: auto; right: 280px; } + +.background-shape.bs-reverse:after { left: auto; right: 560px; } + +.background-shade { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } + +.background-shade .container { height: 100vh; position: relative; } + +.background-shade-left, .background-shade-right { position: absolute; top: 160px; width: 50%; height: calc(100% - 130px); opacity: .15; } + +.background-shade-left:after, .background-shade-right:after { position: absolute; top: 40px; width: 100%; height: 100%; content: ''; } + +.background-shade-left { left: -80px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(-12deg); } + +.tc-light .background-shade-left { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-left:after { left: 40px; border-radius: 30px 0 0 0; background-image: linear-gradient(to bottom right, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-left:after { background-image: linear-gradient(to bottom right, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right { right: -80px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); transform: rotate(12deg); } + +.tc-light .background-shade-right { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.background-shade-right:after { right: 40px; border-radius: 0 30px 0 0; background-image: linear-gradient(to bottom left, #000 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); } + +.tc-light .background-shade-right:after { background-image: linear-gradient(to bottom left, #fff 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } + +.header-bubbles { position: absolute; left: 0; top: -100%; height: 200%; width: 100%; content: ''; z-index: 1; overflow: hidden; } + +.header-bubbles-single { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } + +.header-bubbles-single div { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.05); } + +.header-bubbles-single-1 { height: 735px; width: 735px; right: calc(50% - 65px); top: calc(50% + 10px); } + +.header-bubbles-single-2 { height: 680px; width: 680px; right: calc(50% + 360px); top: calc(50% - 145px); } + +.header-bubbles-single-3 { height: 350px; width: 350px; right: calc(50% - 95px); top: calc(50% + 540px); } + +.header-bubbles-single-4 { height: 650px; width: 650px; left: calc(50% + 435px); top: calc(50% - 240px); } + +.header-bubbles-single-5 { height: 350px; width: 350px; left: calc(50% + 490px); top: calc(50% + 240px); } + +.header-bubbles-single-6 { height: 440px; width: 440px; left: calc(50% + 685px); top: calc(50% + 240px); } + +.banner-rounded-bg { position: absolute; right: 390px; top: -750px; width: 120%; height: 1350px; z-index: 5; border-radius: 0 0 250px 0; transform: rotate(-8deg) skew(10deg); transform-origin: top right; padding: 0 120px 110px 0; overflow: hidden; } + +.banner-rounded-bg .particles-container { transform: rotate(8deg) skew(-10deg); transform-origin: top right; } + +.banner-shade-1, .banner-shade-2, .banner-shade-3 { display: block; height: 100%; width: 100%; } + +.banner-shade-1 { border-radius: 0 0 160px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%); opacity: .15; padding: 0 100px 90px 0; } + +.banner-shade-2 { border-radius: 0 0 110px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%); padding: 0 90px 80px 0; } + +.banner-shade-3 { border-radius: 0 0 80px 0; background-image: linear-gradient(to top left, #fff 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%); } + +@media (max-width: 1400px) { .banner-rounded-bg { right: 330px; } } + +.nk-pages-angled .section { z-index: inherit; } + +.section-bg-angle { position: absolute !important; left: 0; top: 0; height: 100%; width: 100%; content: ''; transform: skewY(10deg); z-index: 1; } + +.section-bg-angle ~ .container, .section-bg-angle ~ .nk-block { position: relative; z-index: 5; } + +.section-angle-top:before { position: absolute; left: 0; top: 0; height: 450px; width: 100%; content: ''; background: #eaeff6; z-index: 1; } + +.section-angle-top:after { position: absolute; left: 0; bottom: -450px; height: 450px; width: 100%; content: ''; background: #eaeff6; z-index: 1; } + +.section-angle-bottom:before { position: absolute; left: 0; top: -450px; height: 450px; width: 100%; content: ''; background: #fff; z-index: 2; } + +@media (min-width: 992px) { .section-bg-angle { transform: skewY(17deg); } + .section-bg-angle-s2 { transform: skewY(-4deg); } } + +.ui-mask, [class*=ui-mask] { position: absolute !important; left: 0; top: 0; width: 400px; height: 600px; z-index: 1; overflow: hidden; } + +.ui-mask:after, [class*=ui-mask]:after { position: absolute; right: 30%; top: 25%; content: ""; display: block; background-image: linear-gradient(135deg, rgba(25, 64, 176, 0) 15%, #1c62d8 50%, rgba(25, 64, 176, 0) 80%); border-radius: 50%; height: 400px; width: 400px; -webkit-filter: blur(80px); filter: blur(80px); z-index: 1; } + +.ui-mask:before, [class*=ui-mask]:before { display: none; content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 50%; z-index: 3; } + +.bg-white .ui-mask:after, .bg-theme-light .ui-mask:after, .bg-theme-light-alt .ui-mask:after, .bg-white [class*=ui-mask]:after, .bg-theme-light [class*=ui-mask]:after, .bg-theme-light-alt [class*=ui-mask]:after { display: none; } + +.ui-mask-right { left: auto; right: 0; } + +.ui-mask-right:after { right: auto; left: 30%; } + +.ui-mask-right:before { background-position: 100% 50%; } + +.ui-mask-s2 { width: 420px; height: 900px; transform: translateY(-30%); } + +.ui-mask-s2:after { background-image: linear-gradient(135deg, rgba(25, 64, 176, 0) 15%, #28298a 50%, rgba(25, 64, 176, 0) 80%); } + +.ui-mask-s2:before { display: block; background-image: url(../images/mask-line-a.png); } + +.ui-mask-s2.ui-mask-left:before { transform: rotate(-180deg); } + +.ui-mask-s3 { width: 600px; height: 1400px; transform: translateY(0); } + +.ui-mask-s3:after { height: 650px; width: 400px; right: 45%; background-image: linear-gradient(135deg, rgba(25, 64, 176, 0) 15%, #102486 50%, rgba(25, 64, 176, 0) 80%); } + +.ui-mask-s3:before { display: block; background-image: url(../images/mask-line-b.png); } + +.ui-mask-s3.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s4 { width: 420px; height: 820px; transform: translateY(-20%); } + +.ui-mask-s4:after { height: 510px; background-image: linear-gradient(135deg, rgba(25, 64, 176, 0) 15%, #1d5ecf 50%, rgba(25, 64, 176, 0) 80%); } + +.ui-mask-s5 { width: 440px; height: 1000px; transform: translateY(12%); } + +.ui-mask-s5:after { height: 600px; width: 350px; right: 45%; background-image: linear-gradient(135deg, rgba(25, 64, 176, 0) 15%, #1b5ed1 50%, rgba(25, 64, 176, 0) 80%); } + +.ui-mask-s5:before { display: block; background-image: url(../images/mask-line-c.png); } + +.ui-mask-s5.ui-mask-right:before { transform: rotate(180deg); } + +.ui-mask-s6 { width: 440px; height: 1000px; transform: translateY(2%); } + +.ui-mask-s6:after { height: 410px; width: 500px; left: 30%; background-image: linear-gradient(135deg, rgba(25, 64, 176, 0) 15%, #142692 50%, rgba(25, 64, 176, 0) 80%); } + +.ui-mask-s6:before { display: block; background-image: url(../images/mask-line-d.png); } + +.ui-mask-s6.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s7 { width: 870px; height: 800px; bottom: -20%; left: 50%; margin-left: -150px; top: auto; transform: translateY(0); } + +.ui-mask-s7:after { height: 710px; width: 600px; right: 0; top: 15%; transform: translateX(-25%); background-image: linear-gradient(135deg, rgba(25, 64, 176, 0) 15%, #3762d3 50%, rgba(25, 64, 176, 0) 80%); } + +.ui-mask-s7.ui-mask-left:before { transform: rotate(180deg); } + +.ui-mask-s8 { width: 350px; height: 392px; } + +.ui-mask-s8:before { display: block; background-image: url(../images/polygon-line-a.png); } + +.ui-mask-s8:after { display: none; } + +.ui-mask-s9 { width: 417px; height: 733px; } + +.ui-mask-s9:before { display: block; top: -31px; background-image: url(../images/polygon-line-b.png); } + +.ui-mask-s9:after { display: none; } + +.ui-mask-s10 { width: 417px; height: 733px; } + +.ui-mask-s10:before { display: block; top: -31px; background-image: url(../images/polygon-line-a-fill.png); } + +.ui-mask-s10:after { display: none; } + +.ui-mask-s11 { width: 384px; height: 733px; } + +.ui-mask-s11:before { display: block; top: -31px; background-image: url(../images/polygon-line-c.png); } + +.ui-mask-s11:after { display: none; } + +.ui-mask-s11.ui-mask-right:before { transform: rotateY(180deg); } + +.ui-mask-s12 { width: 80px; height: 270px; } + +.ui-mask-s12:before { display: block; top: 50px; background-image: url(../images/polygon-fill.png); } + +.ui-mask-s12:after { display: none; } + +@media only screen and (min-width: 767px) and (max-width: 1024px) { .ui-mask:before, [class*=ui-mask]:before { background-size: 50%; } } + +@media only screen and (max-width: 767px) { .ui-mask, [class*=ui-mask] { transform: scale(0.5); transform-origin: right; } + .ui-mask-left { transform-origin: left; } } + +/** 03. Elements */ +/** 03.01 Alert */ +.alert { position: relative; font-weight: 400; color: #fff; border: none; } + +.alert:last-child { margin-bottom: 0; } + +.alert a, .alert .alert-link { color: inherit; font-weight: inherit; box-shadow: 0 1px 0 currentColor; transition: box-shadow .3s; } + +.alert a:hover, .alert .alert-link:hover { box-shadow: 0 0 0; } + +.alert .close { color: inherit; transition: all .4s; height: 30px; width: 30px; padding: 0; background: none; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); right: 10px; text-shadow: none; opacity: .7; } + +.alert .close:not(:disabled):not(.disabled):focus, .alert .close:not(:disabled):not(.disabled):hover, .alert .close:hover, .alert .close:focus { color: currentColor; box-shadow: none; outline: none; opacity: 1; } + +.alert .close:after { position: absolute; font-family: 'themify'; content: '\e646'; top: 0; left: 0; color: currentColor; font-size: 12px; line-height: 30px; text-align: center; width: 100%; } + +.alert .close span { display: none; } + +.alert-primary { color: #016aad; background: #b9e3ff; } + +.alert-primary .close { background: #7ccbfe; } + +.alert-primary-alt { background: #16a3fe; } + +.alert-primary-alt .close { background: #0179c7; } + +.alert-secondary { color: #147259; background: #a1efda; } + +.alert-secondary .close { background: #aef1df; } + +.alert-secondary-alt { background: #23c99d; } + +.alert-secondary-alt .close { background: #18886a; } + +.alert-success { color: #29cf77; background: #cef5e1; } + +.alert-success .close { background: #64e09e; } + +.alert-success-alt { background: #39d884; } + +.alert-success-alt .close { background: #25b96b; } + +.alert-danger { color: #e6604a; background: #f9d6d0; } + +.alert-danger .close { background: #f2afa4; } + +.alert-danger-alt { background: #e6604a; } + +.alert-danger-alt .close { background: #9b2815; } + +.alert-info { color: #026bfb; background: #cae0ff; } + +.alert-info .close { background: #65a6fe; } + +.alert-info-alt { background: #026bfb; } + +.alert-info-alt .close { background: #014096; } + +.alert-warning { color: #e0a609; background: #fef4db; } + +.alert-warning .close { background: #f9d46f; } + +.alert-warning-alt { background: #f6be26; } + +.alert-warning-alt .close { background: #e0a609; } + +/** 03.02 Buttons */ +.btn { position: relative; font-size: 12px; line-height: 24px; font-weight: 500; padding: 8px 15px; text-align: center; text-transform: uppercase; color: #fff; min-width: 120px; max-width: 100%; border: 2px solid #16a3fe; box-sizing: border-box; transition: all 0.5s; position: relative; border-radius: 5px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; cursor: pointer; } + +.btn .icon { color: inherit; } + +.btn:hover { color: #fff !important; } + +.btn-grad { border: none; background-image: linear-gradient(to right, #16a3fe 0%, #23c99d 100%); } + +.btn-grad:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; z-index: -2; border-radius: 5px; opacity: 0; transition: all .5s; background-image: linear-gradient(to right, #23c99d 0%, #16a3fe 100%); } + +.btn-grad:hover:before { opacity: 1; } + +.btn-grad:hover, .btn-grad:focus { color: #fff !important; } + +.btn-grad-alt { background-image: linear-gradient(to right, #23c99d 0%, #16a3fe 100%); } + +.btn-grad-alt:before { background-image: linear-gradient(to right, #16a3fe 0%, #23c99d 100%); } + +.btn-grad-alternet { background-image: linear-gradient(to right, #0189e0 0%, #16a3fe 100%); } + +.btn-grad-alternet:before { background-image: linear-gradient(to right, #16a3fe 0%, #0189e0 100%); } + +.btn-grad-alternet-alt { background-image: linear-gradient(to right, #16a3fe 0%, #0189e0 100%); } + +.btn-grad-alternet-alt:before { background-image: linear-gradient(to right, #0189e0 0%, #16a3fe 100%); } + +.btn-grad-theme { background-image: linear-gradient(to right, #122272 0%, #1940b0 100%); } + +.btn-grad-theme:before { background-image: linear-gradient(to right, #1940b0 0%, #122272 100%); } + +.btn-grad-theme-alt { background-image: linear-gradient(to right, #23c99d 0%, #16a3fe 100%); } + +.btn-grad-theme-alt:before { background-image: linear-gradient(to right, #16a3fe 0%, #23c99d 100%); } + +.btn:hover, .btn:focus { outline: none !important; box-shadow: none !important; } + +.btn span { position: relative; z-index: 999999; display: block; } + +.btn span + .icon { margin-left: 10px; } + +.btn .icon + span { margin-left: 10px; } + +.btn .badge { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); } + +.btn-md { font-size: 12px; line-height: 24px; padding: 10px 26px; } + +.btn-rg { line-height: 24px; padding: 8px 20px; } + +.btn-sm { font-size: 11px; line-height: 23px; padding: 8px 20px; } + +.btn-xxs { font-size: 12px; line-height: 21px; padding: 0 10px; border-width: 1px; border-radius: 3px; } + +.btn-auto { min-width: 44px !important; } + +.btn-auto-lg { min-width: 80px !important; height: 100%; } + +.btn-grp { display: inline-flex; flex-wrap: wrap; align-items: center; margin: -7px; } + +.btn-grp > div, .btn-grp > li { padding: 7px; } + +.btn-grp-break > div, .btn-grp-break > li { width: 100%; text-align: center; } + +.text-center .btn-grp { justify-content: center; } + +.btn-download { display: inline-block; height: 40px; } + +.btn-grp-s2 .btn-download { width: 100px; height: 35px; } + +.btn-download img { height: 100%; } + +.btn-outline:not(:hover) { color: #415076; background-color: transparent !important; } + +.btn-outline:before { background-image: none; background-color: #fff; opacity: 1; margin: 2px; width: calc(100% - 4px); height: calc(100% - 4px); } + +.btn-outline.on-bg-light:before { background-color: #f6fafd; } + +.btn-outline.on-bg-light-alt:before { background-color: #eaeff6; } + +.btn-outline.on-bg-theme, .btn-outline.on-bg-theme-alt, .btn-outline.on-bg-theme-dark, .btn-outline.on-bg-theme-dark-alt { color: #fff; } + +.btn-outline.on-bg-theme:before { background-color: #122272; } + +.btn-outline.on-bg-theme-alt:before { background-color: #004C99; } + +.btn-outline.on-bg-theme-dark:before { background-color: #0c195a; } + +.btn-outline.on-bg-theme-dark-alt:before { background-color: #132582; } + +.btn-outline:hover { color: #fff !important; } + +.btn-outline:hover:before { opacity: 0; } + +.btn-outline.btn-grad { border: none; } + +.btn-outline.btn-grad:hover { color: #fff !important; } + +.btn-icon { min-width: 44px; padding-left: 6px; padding-right: 6px; } + +.btn-primary { background-color: #16a3fe; border-color: #16a3fe; } + +.btn-primary:hover, .btn-primary:focus { background-color: #23c99d; border-color: #23c99d; } + +.btn-primary:hover:focus, .btn-primary:focus:focus { color: #fff !important; } + +.tc-light .btn-primary:hover, .tc-light .btn-primary:focus { background-color: #23c99d; border-color: #23c99d; color: #fff !important; } + +.btn-primary.btn-outline:hover { background-color: #16a3fe; border-color: #16a3fe; color: #fff !important; } + +.btn-secondary { background-color: #23c99d; border-color: #23c99d; } + +.btn-secondary:hover, .btn-secondary:focus { background-color: #16a3fe; border-color: #16a3fe; } + +.btn-secondary.focus:focus { color: #fff !important; } + +.btn-secondary.btn-outline:hover, .btn-secondary.btn-outline:focus { background-color: #23c99d; border-color: #23c99d; } + +.btn-info { background-color: #026bfb; border-color: #026bfb; } + +.btn-info:hover { background-color: #014baf; border-color: #014baf; } + +.btn-info.btn-outline:hover { background-color: #026bfb; border-color: #026bfb; } + +.btn-warning { background-color: #f6be26; border-color: #f6be26; } + +.btn-warning:hover { background-color: #c79408; border-color: #c79408; } + +.btn-warning.btn-outline:hover { background-color: #f6be26; border-color: #f6be26; } + +.btn-success { background-color: #39d884; border-color: #39d884; } + +.btn-success:hover { background-color: #20a45f; border-color: #20a45f; } + +.btn-success.btn-outline:hover { background-color: #39d884; border-color: #39d884; } + +.btn-danger { background-color: #e6604a; border-color: #e6604a; } + +.btn-danger:hover { background-color: #c8341c; border-color: #c8341c; } + +.btn-danger.btn-outline:hover { background-color: #e6604a; border-color: #e6604a; } + +.btn-dark { background-color: #004c99; border-color: #004c99; } + +.btn-dark:hover { background-color: #1d2334; border-color: #1d2334; } + +.btn-dark.btn-outline:hover { background-color: #415076; border-color: #415076; } + +.btn-theme-dark { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0); } + +.btn-theme-dark:hover { background-color: #0c195a; border-color: #0c195a; } + +.btn-light { background-color: #f6fafd; border-color: #f6fafd; color: #415076 !important; } + +.btn-light:hover { background-color: #cce3f4; border-color: #cce3f4; color: #415076 !important; } + +.btn-light.btn-outline { background-color: #f6fafd; border-color: #f6fafd; } + +.btn-light.btn-outline:hover { background-color: #f6fafd; border-color: #f6fafd; } + +.tc-light .btn-light.btn-outline { color: #fff !important; } + +.tc-light .btn-light.btn-outline:hover { color: #415076 !important; } + +.btn-light.tc-light:not(:hover) { color: #fff !important; } + +.btn-facebook { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook:hover { background-color: #2d4373; border-color: #2d4373; } + +.btn-facebook.btn-outline .icon { color: #3b5998; } + +.btn-facebook.btn-outline:hover { background-color: #3b5998; border-color: #3b5998; } + +.btn-facebook.btn-outline:hover .icon { color: #fff; } + +.btn-google { background-color: #d85040; border-color: #d85040; } + +.btn-google:hover { background-color: #be3727; border-color: #be3727; } + +.btn-google.btn-outline .icon { color: #d85040; } + +.btn-google.btn-outline:hover { background-color: #d85040; border-color: #d85040; } + +.btn-google.btn-outline:hover .icon { color: #fff; } + +.btn-play { position: relative; color: #fff; height: 60px; width: 60px; font-size: 18px; text-align: center; line-height: 58px; border-radius: 50%; display: inline-block; border: 1px solid currentColor; } + +.btn-play-sm { height: 40px; width: 40px; line-height: 38px; } + +.btn-play:after { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(65, 80, 118, 0.35); animation: 1s ease 0s normal none infinite running playbutton; } + +.tc-light .btn-play:after { border-color: rgba(255, 255, 255, 0.35); } + +.btn-play:hover { color: #23c99d !important; } + +.btn-play-s2 { background-image: linear-gradient(to right, #16a3fe 0%, #23c99d 100%); border: none; } + +.btn-play-s2:before { position: absolute; height: calc(100% - 4px); width: calc(100% - 4px); top: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .btn-play-s2:before { background: #f6fafd; } + +.bg-light-alt .btn-play-s2:before { background: #eaeff6; } + +.bg-theme .btn-play-s2:before { background: #122272; } + +.bg-theme-alt .btn-play-s2:before { background: #004C99; } + +.bg-theme-dark .btn-play-s2:before { background: #0c195a; } + +.bg-theme-dark-alt .btn-play-s2:before { background: #132582; } + +.bg-white .btn-play-s2:before { background: #fff; } + +.btn-play-s3 { background-color: #fff; border: none; } + +.btn-play-icon { height: 20px; width: 14px; background: linear-gradient(to right, #16a3fe 0%, #23c99d 100%); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); } + +.btn-play-icon:before, .btn-play-icon:after { position: absolute; content: ''; height: 0; width: 0; right: -1px; border-right: 14px solid #fff; } + +.bg-light .btn-play-icon:before, .bg-light .btn-play-icon:after { border-right-color: #f6fafd; } + +.bg-light-alt .btn-play-icon:before, .bg-light-alt .btn-play-icon:after { border-right-color: #eaeff6; } + +.bg-theme .btn-play-icon:before, .bg-theme .btn-play-icon:after { border-right-color: #122272; } + +.bg-theme-alt .btn-play-icon:before, .bg-theme-alt .btn-play-icon:after { border-right-color: #004C99; } + +.bg-theme-dark .btn-play-icon:before, .bg-theme-dark .btn-play-icon:after { border-right-color: #0c195a; } + +.bg-theme-dark-alt .btn-play-icon:before, .bg-theme-dark-alt .btn-play-icon:after { border-right-color: #132582; } + +.bg-white .btn-play-icon:before, .bg-white .btn-play-icon:after { border-right-color: #fff; } + +.btn-play-icon:before { top: 0; border-bottom: 10px solid transparent; } + +.btn-play-icon:after { bottom: 0; border-top: 10px solid transparent; } + +.btn-play-icon-s2 { height: 34px; width: 24px; } + +.btn-play-icon-s2 path { fill: #16a3fe; } + +.btn-play-dark { color: #fff; } + +.btn-play-dark:hover { color: #23c99d; } + +.btn-play-wrap { display: inline-flex; align-items: center; } + +.btn-play-wrap-s2 { flex-direction: column; } + +.btn-play-wrap-s1:hover { transform: translateX(15px); } + +.btn-play-text { margin-left: 20px; } + +.btn-play-text span { display: block; color: #415076; } + +.tc-light .btn-play-text span { color: #fff; } + +.btn-play-text .text-sm { font-size: 21px; } + +.btn-play-text .text-xs { font-size: 12px; color: #16a3fe !important; } + +.btn-play-wrap-s2 .btn-play-text { margin-left: 0; margin-top: 15px; } + +.btn-link { color: #16a3fe; text-decoration: none; } + +.btn-link:hover, .btn-link:focus { color: #16a3fe; text-decoration: none; box-shadow: 0 1px 0 currentColor; } + +.btn-underline { padding-left: 0 !important; padding-right: 0 !important; color: #16a3fe; background: none !important; border-color: transparent !important; text-decoration: none; } + +.btn-underline:hover, .btn-underline:focus { color: #fff; text-decoration: none; } + +.btn-round { border-radius: 40px; } + +.btn-round:before { border-radius: 40px; } + +.btn-round.btn-lg { border-radius: 54px; } + +.btn-round.btn-lg:before { border-radius: 54px; } + +.btn-round.btn-md { border-radius: 44px; } + +.btn-round.btn-md:before { border-radius: 44px; } + +.btn-round.btn-sm { border-radius: 39px; } + +.btn-round.btn-sm:before { border-radius: 39px; } + +.btn-round.btn-xxs { border-radius: 21px; } + +.btn-round.btn-xxs:before { border-radius: 21px; } + +.btn-with-icon { padding: 1px; background-color: #16a3fe; } + +.btn-with-icon span { display: inline-block; padding: 0 18px 0 28px; flex-grow: 1; } + +.btn-with-icon .icon { height: 47px; width: 47px; line-height: 47px; border-radius: 5px; background: #fff; color: #16a3fe; transition: all 0.3s; } + +.btn-with-icon.btn-md { padding: 1px; } + +.btn-with-icon.btn-md .icon { height: 38px; width: 38px; line-height: 38px; } + +.btn-with-icon.btn-sm { padding: 1px; } + +.btn-with-icon.btn-sm span { padding: 0 13px 0 23px; } + +.btn-with-icon.btn-sm .icon { height: 28px; width: 28px; line-height: 28px; } + +.btn-with-icon.btn-round .icon { border-radius: 24px; } + +.btn-with-icon.btn-round.btn-md .icon { border-radius: 19px; } + +.btn-with-icon.btn-round.btn-sm .icon { border-radius: 14px; } + +.btn-with-icon.btn-light { color: #122272 !important; border-color: #fff; background: #fff; } + +.btn-with-icon.btn-light .icon { color: #fff; background: #1940b0; } + +.btn-with-icon.btn-light:hover { color: #1940b0 !important; } + +.btn-with-icon.btn-light:hover .icon { background: #122272; } + +.btn-with-icon.btn-light:not(:disabled):not(.disabled).active { border-color: #fff !important; background: #fff !important; color: #415076 !important; } + +.btn-with-icon.btn-alt .icon { color: currentColor; background: transparent !important; font-size: 20px; width: auto; margin-right: 30px; transition: none; } + +.btn-grp-after li { font-size: 20px; position: relative; } + +.btn-grp-after li a { color: rgba(140, 162, 229, 0.8) !important; } + +.btn-grp-after li:not(:last-child):after { content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 14px; width: 1px; background: rgba(140, 162, 229, 0.3); } + +.btn-transparent { background: transparent !important; border: transparent; color: #fff !important; font-size: 0.9rem !important; padding: 12px 0; } + +.as-mobile .btn-transparent, .has-fixed .btn-transparent { color: #415076 !important; } + +@keyframes playbutton { 0% { transform: scale(0.75); + opacity: 1; } + 100% { transform: scale(1.3); + opacity: 0; } } + +@media (min-width: 576px) { .btn { font-size: 13px; line-height: 25px; padding: 12px 30px; letter-spacing: 0.1em; min-width: 120px; } + .btn.btn-grad { padding: 14px 30px; } + .btn-lg { font-size: 14px; font-weight: 700; line-height: 24px; padding: 15px 40px; min-width: 190px; } + .btn-md { font-size: 12px; line-height: 24px; padding: 8px 20px; min-width: 160px; } + .btn-md.btn-grad { padding: 10px 30px; } + .btn-rg { font-size: 12px; line-height: 24px; padding: 6px 20px; } + .btn-rg.btn-grad { padding: 8px 25px; } + .btn-sm { font-size: 12px; line-height: 23px; padding: 3px 20px; } + .btn-sm.btn-grad { padding: 5px 30px; } + .btn-xxs { font-size: 13px; line-height: 21px; padding: 0 10px; } + .btn-play { height: 80px; width: 80px; font-size: 18px; line-height: 78px; } + .btn-play-sm { height: 60px; width: 60px; line-height: 58px; } + .btn-icon { padding-left: 6px; padding-right: 6px; } + .btn-grp { margin: -15px; } + .btn-grp > div, .btn-grp > li { padding: 15px; } + .text-sm-left .btn-grp { justify-content: center; } + .btn-grp-s2 { margin: -10px; position: relative; } + .btn-grp-s2 > div, .btn-grp-s2 > li { padding: 10px; } + .btn-grp-s2 .btn-download { width: auto; height: 40px; } + .btn-transparent { padding: 12px 6px; } } + +@media (min-width: 768px) { .text-md-left .btn-grp { justify-content: flex-start; } } + +@media (min-width: 992px) { .text-lg-left .btn-grp { justify-content: flex-start; } + .btn-grp .btn-lg { padding: 15px 35px; } } + +@media (min-width: 1200px) { .text-xl-left .btn-grp { justify-content: flex-start; } } + +.badge { color: #fff; background-color: #16a3fe; display: inline-block; font-weight: 600; text-transform: uppercase; border-radius: 34px; padding: 5px 16px; font-size: 13px; line-height: 24px; border: 1px solid #16a3fe; } + +.badge:not(.badge-outline) { color: #fff; } + +.badge-primary { background-color: #16a3fe; border-color: #16a3fe; color: #16a3fe; } + +.badge-secondary { background-color: #23c99d; border-color: #23c99d; color: #23c99d; } + +.badge-info { background-color: #026bfb; border-color: #026bfb; color: #026bfb; } + +.badge-warning, .badge-hot { background-color: #f6be26; border-color: #f6be26; color: #f6be26; } + +.badge-success, .badge-new { background-color: #39d884; border-color: #39d884; color: #39d884; } + +.badge-danger { background-color: #e6604a; border-color: #e6604a; color: #e6604a; } + +.badge-dark { background-color: #0b0c10; border-color: #0b0c10; color: #0b0c10; } + +.badge-light { background-color: #cce3f4; border-color: #cce3f4; color: #415076 !important; } + +.badge-light.badge-outline { color: #cce3f4; } + +.badge-outline { background-color: transparent; } + +.badge-lg { font-size: 16px; } + +.badge-md { border-radius: 34px; padding: 5px 16px; font-size: 12px; line-height: 18px; } + +.badge-sm { border-radius: 34px; padding: 2px 12px; font-size: 12px; line-height: 18px; } + +.badge-xs { border-radius: 34px; padding: 0 8px; font-size: 9px; line-height: 16px; letter-spacing: 0.05em; } + +.badge-cap { text-transform: capitalize; } + +.badge-regular { font-weight: 400; } + +.badge-dot { width: 5px; height: 5px; border-radius: 50%; background: #16a3fe; border-color: #16a3fe; display: inline-block !important; vertical-align: middle; padding: 0; } + +.link { display: inline-flex; align-items: center; font-size: 12px; color: #1940b0; font-weight: 500; letter-spacing: 0.005rem; white-space: nowrap; } + +.link:hover { color: #16a3fe; } + +.link-uc { text-transform: uppercase; letter-spacing: 0.2em; } + +.link-icon { margin-right: 5px; font-size: 14px; transition: transform .3s; } + +.link-icon:only-child { margin-right: 0 !important; } + +.link-icon-sm { font-size: 12px; } + +.link-xs .link-icon { font-size: 12px; margin-right: 12px; } + +.link-animate:hover .link-icon { transform: translate(-5px, 0); } + +.link span + .link-icon { margin-left: 5px; margin-right: 0; } + +.link-animate:hover span + .link-icon { transform: translate(5px, 0); } + +.link .icon-circle { font-size: inherit; margin-right: 12px; } + +.link .icon-circle.link-icon { transition: all .4s; } + +.link-break { flex-direction: column; } + +.link-break .icon-circle { margin-left: 10px; margin-bottom: 10px; } + +.link-primary { color: #16a3fe !important; } + +.link-primary .link-icon.icon-circle { background: #16a3fe; color: #fff !important; } + +.link-primary:hover { color: #23c99d !important; } + +.link-primary:hover .link-icon.icon-circle { background: #23c99d; } + +.link-light { color: #415076 !important; } + +.tc-light .link-light { color: #fff !important; } + +.link-light .link-icon { color: #16a3fe; } + +.link-light .link-icon.icon-circle { background: #415076; color: #fff !important; } + +.link-light:hover { color: #16a3fe !important; } + +.link-light:hover .link-icon.icon-circle { background: #16a3fe; } + +.link-thin { font-weight: 300; } + +.link-underline { text-decoration: underline !important; } + +@media (min-width: 420px) { .btn-grp-break > div, .btn-grp-break > li { width: auto; text-align: left; } + .link { font-size: 14px; } + .link-xs { font-size: 12px; } + .link-break { flex-direction: row; } + .link-break .icon-circle { margin-left: 0; margin-bottom: 0; } } + +/** 03.03 Title */ +.title { position: relative; font-size: 1.75rem; } + +.title:not(:last-child) { margin-bottom: 1.25rem; } + +.title small { font-size: 50%; margin-top: 0.75rem; } + +.title-thin { font-weight: 300; } + +.title-regular { font-weight: 400; } + +.title-xxs { font-size: 12px; letter-spacing: 0.1em; } + +.title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + +.title-xs { text-transform: uppercase; font-size: 0.88rem; letter-spacing: 0.2em; } + +.title-xs-alt { font-size: 0.94rem; } + +.title-xs-s1 { font-size: 1.1rem; letter-spacing: 0.4em; } + +.title-xs-s2 { font-size: 1.1rem; letter-spacing: 0; } + +.title-xs small { font-size: 70%; } + +.title-sm { font-size: 1.125rem; } + +.title-sm:not(:last-child) { margin-bottom: 0.85rem; } + +.title-sm small { font-size: 70%; } + +.title-md { font-size: 1.375rem; } + +.feature-text-wd .title-md { font-size: 1.125rem; } + +.title-md:not(:last-child) { margin-bottom: 1rem; } + +.title-lg { font-size: 1.75rem; } + +.title-xl { font-size: 1.75rem; } + +.title-xl-s2 { font-size: 1.75rem; line-height: 1.3; } + +.title-light { color: rgba(25, 64, 176, 0.6); } + +.title-dark { color: #12183a; } + +.title-base { color: #415076; } + +.title a { color: #1940b0; } + +.title a:hover { color: #16a3fe; } + +a:hover .title { color: #16a3fe; } + +a .title { transition: all .4s; } + +.title-mid { font-weight: 500; } + +.title-semibold { font-weight: 600; } + +.title-bold { font-weight: 700; } + +.title-s1 { padding-left: 75px; display: inline-block; font-weight: 600; } + +.title-s1:before { position: absolute; left: 0 !important; top: 50%; margin-top: -1px; height: 2px; width: 60px; content: ''; transform: translate(0, -50%) !important; opacity: 1 !important; background: #1940b0; } + +.tc-light .title-s1:before { background: #fff; } + +.title-s1.tc-primary:before, .tc-primary a.title-s1:before { background: #16a3fe; } + +.title-s2 { padding-bottom: 26px; } + +.title-s2:after { position: absolute; left: 50%; bottom: 0; content: ''; margin-left: -40px; width: 80px; height: 6px; border-radius: 3px; background: #16a3fe; } + +.tc-light .title-s2:after { background: #16a3fe; } + +.title-s2-alt { padding-bottom: 0; padding-top: 26px; } + +.title-s2-alt:after { top: 0; bottom: auto; } + +.title-s3 { font-size: 2.2rem !important; line-height: 1.3 !important; } + +.title-s4 { font-size: 2.3rem; opacity: 0.3; padding-bottom: 10px; text-transform: uppercase; } + +.title-s5 { padding-bottom: 24px; margin-bottom: 20px; } + +.title-s5.title-sm { font-size: 0.9rem; } + +.title-s5.title-sm span:first-child { font-size: 1.25rem; } + +.title-s5 span:first-child { display: block; padding-bottom: 13px; color: #16a3fe; font-weight: 500; } + +.tc-light .title-s5 span:first-child { color: #fff; } + +.title-s5 span:last-child { opacity: .7; } + +.title-s5:after { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); content: ''; width: 50px; height: 3px; border-radius: 2px; background: #16a3fe; } + +.title-s6 { position: relative; } + +.title-s6:before { position: absolute; top: 8px; left: -15px; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #16a3fe; } + +.title-s7 span:first-child { display: block; padding-bottom: 13px; color: #1940b0; font-size: 1.35rem; } + +.tc-light .title-s7 span:first-child { color: #fff; } + +.title-s7 span:last-child { font-size: 0.9rem; color: #415076; } + +.title-xxl-grad { font-size: 70px; line-height: 1; font-weight: 700; margin-bottom: 0; background: -webkit-linear-gradient(#0189e0, #1b9e7b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: .4; } + +.title-ele-head { background: linear-gradient(180deg, #415076 0%, #8ca2e5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.title-sub { color: #d87032; } + +@media (min-width: 576px) { .title { font-size: 2.25rem; } + .title:not(:last-child) { margin-bottom: 1.25rem; } + .title small { font-size: 50%; margin-top: 0.75rem; } + .title-xxs { font-size: 12px; letter-spacing: 0.1em; } + .title-xxs:not(:last-child) { margin-bottom: 0.5rem; } + .title-xs { font-size: 0.88rem; } + .title-xs-alt { font-size: 0.94rem; } + .title-xs-s1 { font-size: 1.1rem; } + .title-xs-s2 { font-size: 1.1rem; } + .title-xs small { font-size: 70%; } + .title-sm { font-size: 1.125rem; } + .title-sm:not(:last-child) { margin-bottom: 0.85rem; } + .title-md { font-size: 1.375rem; } + .title-md:not(:last-child) { margin-bottom: 1rem; } + .title-md-s2 { font-size: 1.675rem; line-height: 1.6; } + .title-lg { font-size: 1.75rem; } + .title-xl { font-size: 3.5rem; } + .title-xl-s2 { font-size: 2.2rem; } + .title-s3 { font-size: 2.2rem !important; } + .title-s4 { font-size: 2.3rem; } + .title-s5.title-sm { font-size: 0.9rem; } + .title-s5.title-sm span:first-child { font-size: 1.25rem; } + .title-xl-2 { font-size: 1.8rem !important; } + .title-xxl-grad { font-size: 140px; } } + +@media (min-width: 768px) { .title-xl-2 { font-size: 2.2rem !important; } + .title-xxl-grad { font-size: 200px; } } + +@media (min-width: 992px) { .title-xxl-grad { font-size: 250px; } + .feature-text-wd .title-md { font-size: 1.375rem; } } + +@media (min-width: 1200px) { .title-xl-s2 { font-size: 2.8rem !important; } } + +@media (min-width: 1600px) { .title-xl-2 { font-size: 2.8rem !important; line-height: 1.3 !important; } + .banner-s1 .title-xl-2 { font-size: 2.3rem !important; } + .title-xl-s3 { font-size: 2.75rem !important; } } + +/** 03.04 List */ +.list li { line-height: 1.44; padding: 5px 0; position: relative; color: #415076; font-size: 14px; } + +.tc-light .list li { color: #b9d2f4; } + +.list-check li { padding-left: 24px; } + +.list-check li:before { position: absolute; top: 0; left: 0; height: 22px; width: 26px; line-height: 26px; padding: 3px 0; color: #16a3fe; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; content: '\f00c'; transition: all .4s; } + +.tc-light .list-check li:before { color: #16a3fe; } + +.list-check-s3 li { padding: 0px 0px 0px 55px; margin-bottom: 18px; line-height: 1.8; } + +.list-check-s3 li:before { width: 35px; height: 35px; background: #16a3fe; border-radius: 50%; color: #fff; text-align: center; line-height: 29px; font-size: 16px; left: 0; top: 5px; } + +.tc-light .list-check-s3 li:before { background: #16a3fe; color: #fff; } + +.list-check-s3-sm li { padding: 0px 0px 0px 40px; margin-bottom: 30px; } + +.list-check-s3-sm li .title-md { margin-bottom: 0.5rem; } + +.list-check-s3-sm li:before { width: 25px; height: 25px; line-height: 20px; font-size: 11px; top: 2px; } + +.list-check-s4 li { margin: 0; padding-left: 35px; position: relative; } + +.list-check-s4 li:before { left: 15px; top: 14px; } + +.list-number { counter-reset: item; } + +.list-number li { line-height: 1.86; margin-bottom: 10px; padding-left: 65px; } + +.list-number li:before { position: absolute; top: 10px; left: 25px; counter-increment: item; content: counter(item) "."; font-size: 30px; font-weight: 700; line-height: 1; color: #16a3fe; font-family: 'Poppins', sans-serif !important; } + +.tc-light .list-number li:before { color: #16a3fe; } + +.list-number-s2 li { padding-left: 60px; } + +.has-rtl .list-number-s2 li { padding-right: 60px; padding-left: 0; } + +.list-number-s2 li:not(:last-child) { margin-bottom: 16px; } + +.list-number-s2 li span { width: 30px; height: 30px; position: absolute; left: 0; top: 5px; line-height: 30px; text-align: center; background: rgba(22, 163, 254, 0.2); border-radius: 50%; color: #0189e0; font-weight: 400; } + +.has-rtl .list-number-s2 li span { left: auto; right: 0; } + +.list-dot li { position: relative; padding-left: 22px; line-height: 1.62; } + +.list-dot li:before { position: absolute; top: 14px; left: 0; height: 5px; width: 5px; content: ''; border-radius: 50%; background: #1940b0; } + +.tc-light .list-dot li:before { background: rgba(255, 255, 255, 0.7); } + +.list-dot.list-sm { margin-top: -5px; margin-bottom: -5px; } + +.list-dot.list-sm li { padding-left: 16px; font-size: 0.9rem; padding-top: 10px; padding-bottom: 10px; } + +.list-dot.list-sm li:before { top: 19px; } + +.list-dot-bar { padding: 20px 0 65px 38px; } + +.list-dot-bar li { margin-bottom: 10px; } + +.list-dot-bar li span { width: 20px; height: 20px; content: ""; background: transparent; position: absolute; border-radius: 50%; border: 2px solid #23c99d; left: -38px; top: 7px; } + +.list-dot-bar li span:after, .list-dot-bar li span:before { position: absolute; content: ""; top: 50%; left: 50%; background: #23c99d; } + +.list-dot-bar li span:after { width: 7px; height: 7px; border-radius: 50%; transform: translate(-50%, -50%); } + +.list-dot-bar li span:before { width: 18px; height: 2px; transform: translateY(-50%); } + +.list-btn li { display: inline-block; padding-right: 15px; } + +.list-btn li:not(:first-child) a { padding-right: 10px; } + +.list-btn-dropdown { margin: -22px -30px; } + +.list-btn-dropdown > li { display: inline-block; margin: 18px 30px; } + +.list-btn-dropdown > li a { min-width: 200px; } + +.list-btn-dropdown > li a i { position: absolute; font-size: 20px; top: 0; right: 30px; line-height: 42px; } + +.list-inline { display: inline-flex; } + +@media (min-width: 576px) { .list li { font-size: 16px; } } + +/** 03.05 Form */ +input ~ .error, textarea ~ .error, select ~ .error { position: absolute; right: -10px; top: -15px; background: #e6604a; color: #fff; font-size: 11px; line-height: 18px; padding: 2px 10px; border-radius: 2px; z-index: 9; white-space: nowrap; } + +input ~ .error:after, textarea ~ .error:after, select ~ .error:after { position: absolute; content: ''; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid #e6604a; border-bottom: 5px solid transparent; bottom: -5px; left: 3px; } + +.tc-light input ~ .error, .tc-light textarea ~ .error, .tc-light select ~ .error { background: #e6604a; color: #fff; box-shadow: none; } + +.tc-light input ~ .error:after, .tc-light textarea ~ .error:after, .tc-light select ~ .error:after { border-right-color: #e6604a; } + +input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input::-webkit-input-placeholder, .tc-light .bg-light-alt input::-webkit-input-placeholder, .tc-light .bg-white input::-webkit-input-placeholder, .tc-light .bg-light textarea::-webkit-input-placeholder, .tc-light .bg-light-alt textarea::-webkit-input-placeholder, .tc-light .bg-white textarea::-webkit-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input::-webkit-input-placeholder, .tc-light textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input::-moz-placeholder, .tc-light .bg-light-alt input::-moz-placeholder, .tc-light .bg-white input::-moz-placeholder, .tc-light .bg-light textarea::-moz-placeholder, .tc-light .bg-light-alt textarea::-moz-placeholder, .tc-light .bg-white textarea::-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input::-moz-placeholder, .tc-light textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input:-ms-input-placeholder, .tc-light .bg-light-alt input:-ms-input-placeholder, .tc-light .bg-white input:-ms-input-placeholder, .tc-light .bg-light textarea:-ms-input-placeholder, .tc-light .bg-light-alt textarea:-ms-input-placeholder, .tc-light .bg-white textarea:-ms-input-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input:-ms-input-placeholder, .tc-light textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); } + +input:-moz-placeholder, textarea:-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light .bg-light input:-moz-placeholder, .tc-light .bg-light-alt input:-moz-placeholder, .tc-light .bg-white input:-moz-placeholder, .tc-light .bg-light textarea:-moz-placeholder, .tc-light .bg-light-alt textarea:-moz-placeholder, .tc-light .bg-white textarea:-moz-placeholder { color: rgba(65, 80, 118, 0.6); } + +.tc-light input:-moz-placeholder, .tc-light textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.7); } + +.field-item { position: relative; padding-bottom: 15px; } + +.field-wrap { position: relative; } + +.field-wrap + p { margin-top: .75rem; } + +.field-wrap .btn + .form-results:not(:empty) { margin-top: 30px; } + +.field-wrap .label-inline { padding-left: 25px; line-height: normal; } + +.has-rtl .field-wrap .label-inline { padding-left: 0; padding-right: 25px; } + +.field-wrap .label-inline .icon { font-size: 20px; color: #adb2be; } + +.field-label { font-size: 12px; font-weight: 700; letter-spacing: 0.2em; } + +.field-label-line { position: absolute; width: 100%; top: 10px; font-size: 0.94rem; font-weight: 400; letter-spacing: normal; left: 0; color: rgba(65, 80, 118, 0.6); z-index: 1; transition: all .5s ease; transform-origin: left; } + +.tc-light .field-label-line { color: #fff; } + +.field-item-center .field-label-line { transform-origin: center; } + +.field-inline { border-radius: 6px; display: flex; } + +.field-inline input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } + +.field-inline.field-split .btn:not(.btn-round) { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; } + +.wgs-search .field-inline.field-split .btn:not(.btn-round) { height: auto; } + +.field-inline .field-wrap { flex-grow: 1; } + +.field-inline .submit-wrap .btn { width: 100%; } + +.field-inline + .form-results.alert { width: 100%; margin-top: 15px; } + +.field-inline-s2 { padding: 10px; display: block; } + +.field-inline-s2 .btn { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } + +.field-inline-s2-sm { padding: 5px; } + +.field-inline-s2 input { text-align: center; } + +@media (max-width: 575px) { .field-inline-s2 input { margin-bottom: 5px; } } + +.field-inline-s3 .btn-light { color: #16a3fe !important; } + +.field-inline-s4 { align-items: center; } + +.field-inline-s4 .input-solid { background: rgba(255, 255, 255, 0.2); } + +.field-inline-s4 .field-wrap { margin-right: -50px; } + +.field-inline-round { border-radius: 50px; } + +.field-inline-round .input-solid { padding-left: 30px; } + +.input-solid { background: none; border: none; width: 100%; padding: 15px 20px; line-height: 23px; } + +.tc-light .input-solid { color: #fff; } + +.tc-light .bg-light .input-solid, .tc-light .bg-light-alt .input-solid, .tc-light .bg-white .input-solid { color: #415076; } + +.input-solid-md { padding: 12px 20px; line-height: 22px; } + +.input-solid-lg { padding: 20px 20px; } + +.input-solid:focus { outline: none; } + +.input-line { position: relative; z-index: 2; background: transparent; border: none; width: 100%; font-size: 15px; line-height: 19px; padding: 16px 0 8px; color: #415076; border-bottom: 1px solid #dbe4f7; outline: none; transition: all .4s; } + +.tc-light .input-line { color: #fff; border-bottom-color: rgba(219, 228, 247, 0.3); } + +.input-line:focus { border-bottom-color: #16a3fe; } + +.field-item-center .input-line { text-align: center; } + +.input-textarea { height: 105px; resize: none; outline: none; } + +.input-textarea ~ .field-label-line { top: 73px; } + +.input-focused .field-label-line { left: 0; top: -10px; transform: scale(0.7); } + +.input-bordered { border-radius: 6px; border: 1px solid #dbe4f7; width: 100%; padding: 10px 15px; line-height: 21px; font-size: .9em; color: #415076; transition: all .4s; background-color: transparent; } + +.input-bordered-lg { padding: 13px 20px; } + +.input-bordered-lg-s1 { padding: 17px 20px; } + +.tc-light .field-inline-s3 .input-bordered { border-color: rgba(255, 255, 255, 0.5); } + +.field-inline-s3 .input-bordered { border-width: 2px; border-right-width: 0 !important; } + +.field-item-s2 .input-bordered { border: 2px solid #d1e0f6; background: transparent; } + +.tc-light .input-bordered { color: #8ca2e5; background: #172b91; border-color: rgba(255, 255, 255, 0.25); } + +.tc-light .input-bordered:focus { border-color: rgba(255, 255, 255, 0.45); } + +.input-bordered:focus { box-shadow: none; outline: none; border-color: #b7bee3; } + +.input-bordered:disabled { background: rgba(219, 228, 247, 0.2); } + +.input-switch { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-switch ~ label:not(.error) { line-height: 20px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; padding-left: 48px; min-height: 30px; min-width: 48px; border-radius: 12px; margin-bottom: 0; display: flex; align-items: center; position: relative; font-size: 14px; color: #415076; } + +.input-switch ~ label:not(.error).no-text { padding-left: 56px; } + +.input-switch ~ label:not(.error):before, .input-switch ~ label:not(.error):after { position: absolute; content: ''; transition: all .4s; } + +.input-switch ~ label:not(.error):before { left: 0; top: 50%; transform: translateY(-50%); height: 20px; width: 40px; border-radius: 15px; background: #d3e0f3; } + +.input-switch ~ label:not(.error):after { left: 2px; top: 50%; transform: translateY(-50%); height: 16px; width: 16px; border-radius: 50%; background: #fff; } + +.input-switch ~ label:not(.error) span { transition: all .4s; opacity: 1; } + +.input-switch ~ label:not(.error) span.over { position: absolute; left: 48px; } + +.input-switch ~ label:not(.error) span:last-child { opacity: 0; } + +.input-switch:disabled ~ label { opacity: .5; } + +.input-switch:checked ~ label:before { background: #16a3fe; } + +.input-switch:checked ~ label:after { left: 22px; } + +.input-switch:checked ~ label span { opacity: 0; } + +.input-switch:checked ~ label span:last-child { opacity: 1; } + +.input-switch ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-checkbox, .input-radio { position: absolute; height: 1px; width: 1px; opacity: 0; } + +.input-checkbox ~ label:not(.error), .input-radio ~ label:not(.error) { position: relative; padding-left: 28px; line-height: 20px; font-size: 14px; cursor: pointer; margin-bottom: 0; } + +.input-checkbox ~ label:not(.error):before, .input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { position: absolute; left: 0; top: 0; height: 20px; width: 20px; line-height: 20px; text-align: center; content: ''; background-color: transparent; border-radius: 3px; } + +.input-checkbox ~ label:not(.error):before, .input-radio ~ label:not(.error):before { border: 2px solid #dbe4f7; } + +.input-checkbox ~ label:not(.error):after, .input-radio ~ label:not(.error):after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; background-color: #16a3fe; color: #fff; opacity: 0; transition: all .4s; } + +.input-checkbox:checked ~ label:not(.error):after, .input-radio:checked ~ label:not(.error):after { opacity: 1; } + +.input-checkbox ~ .error, .input-radio ~ .error { left: -4px; top: -26px; bottom: auto; right: auto; } + +.input-radio ~ label:not(.error):before, .input-radio ~ label:not(.error):after { border-radius: 50%; } + +@media (min-width: 576px) { .field-item { padding-bottom: 30px; } + .field-inline .btn-md { line-height: 23px; } } + +@media (min-width: 768px) { .field-inline .submit-wrap .btn { width: auto; height: 100%; } + .field-inline-s2 { display: flex; } + .field-inline-s2 input { text-align: left; } } + +.select2-container.select2 { width: 100% !important; } + +.select2-container .select2-selection { position: relative; } + +.select2-container .select2-selection:focus { outline: none; } + +.select2-container .select2-selection .select2-selection__rendered { color: rgba(65, 80, 118, 0.6); font-size: 0.94rem; } + +.select2-container .select2-selection .select2-selection__arrow { position: absolute; top: 0; right: 0; height: 100%; width: 40px; } + +.select2-container .select2-selection .select2-selection__arrow:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; font-family: "themify"; content: '\e64b'; text-align: center; line-height: 20px; padding: 10px 0; font-size: .88rem; } + +.select2-container .select2-dropdown { border-color: #dbe4f7 !important; } + +.select2-container.select-line .select2-selection { height: 44px; line-height: 20px; padding: 16px 40px 8px 0; border-bottom: 1px solid #dbe4f7; } + +.select2-container.select-line .select2-selection .select2-selection__rendered { padding-left: 0; } + +.select2-container.select-line .select2-selection .select2-selection__arrow:after { padding: 16px 0 8px; } + +.select2-container.select-bordered .select2-selection { height: 42px; line-height: 20px; padding: 10px 40px 10px 0; border: 1px solid #dbe4f7; border-radius: 6px; } + +.select2-container.select-bordered .select2-selection .select2-selection__rendered { padding-left: 15px; } + +.select2-container.select-bordered.select-lg .select2-selection { height: 50px; border: 2px solid #dbe4f7; padding: 13px 40px 13px 10px; min-width: 146px; } + +.select2-container--below.select2-container--open.select-bordered .select2-selection--single { border-radius: 6px 6px 0 0; } + +.select2-container--above.select2-container--open.select-bordered .select2-selection--single { border-radius: 0 0 6px 6px; } + +.select2-container.select-lg .select2-selection .select2-selection__arrow:after { padding: 13px 0; } + +.select2-container.select-lg .select2-selection .select2-selection__rendered { color: #12183a; font-size: 1rem; } + +.select2-search { display: none; } + +.select2-results { padding: 5px 0; } + +.select2-results__option { padding: 6px 15px; font-size: .88rem; transition: all .4s; max-height: 180px; } + +.select2-results__option[aria-selected="true"], .select2-results__option:hover { background: #dbe4f7; } + +.select-line.select2-container--open .select2-dropdown--above { border-bottom: 1px solid #dbe4f7 !important; } + +.submit-wrap { margin-left: -3px; } + +.submit-wrap-s2 { margin: -4px 0; } + +.submit-wrap-s2 .btn { border-radius: 5px !important; } + +.btn-auto-lg { font-size: 20px; } + +@media (min-width: 992px) { .select2-container.select-bordered.select-lg .select2-selection { min-width: 255px; } } + +@media (max-width: 400px) { .field-inline-wrap { flex-wrap: wrap; } + .field-inline-wrap .submit-wrap { margin-left: auto; margin-right: auto; margin-top: 10px; } } + +/**/ +/** 03.06 Table */ +.table { color: inherit; } + +.table td { border-top: none; padding: 18px 0; font-size: 1rem; line-height: 1.5rem; } + +.table tr { border-bottom: 1px solid rgba(22, 163, 254, 0.2); } + +.table tr:last-child { border-bottom: none; } + +.table-head { font-weight: 500; color: #16a3fe; } + +.table-token { margin-bottom: 5px; } + +.table-token .table-head { padding-bottom: 2px; } + +.table-token .table-des { padding-top: 2px; } + +.table-token-s1 { border: 1px solid rgba(209, 224, 246, 0.7); border-collapse: separate; border-radius: 6px; margin-bottom: 0; } + +.tc-light .table-token-s1 { border-color: rgba(255, 255, 255, 0.1); } + +.table-token-s1 tr:nth-child(odd) td:first-child { background: #eff8ff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:first-child { background: #122272; } + +.table-token-s1 tr:nth-child(odd) td:last-child { background: #fff; } + +.tc-light .table-token-s1 tr:nth-child(odd) td:last-child { background: #111f69; } + +.table-token-s1 tr:nth-child(even) td:first-child { background: #e7f3ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:first-child { background: #152988; } + +.table-token-s1 tr:nth-child(even) td:last-child { background: #f7f9ff; } + +.tc-light .table-token-s1 tr:nth-child(even) td:last-child { background: #13257b; } + +.table-token-s1 tr:first-child td:first-child { border-top-left-radius: 6px; } + +.table-token-s1 tr:first-child td:last-child { border-top-right-radius: 6px; } + +.table-token-s1 tr:last-child td:first-child { border-bottom-left-radius: 6px; } + +.table-token-s1 tr:last-child td:last-child { border-bottom-right-radius: 6px; } + +.table-token-s1 tr td { width: 48%; font-weight: 500; font-size: 0.93rem; line-height: 24px; padding: 12px !important; padding-left: 18px !important; color: #415076; } + +.tc-light .table-token-s1 tr td { color: #fff; } + +.table-token-s1 tr td:last-child { color: #16a3fe; font-weight: 400; font-size: 0.88rem; } + +.tc-light .table-token-s1 tr td:last-child { color: rgba(255, 255, 255, 0.6); } + +.table-bordered td { padding-left: 20px; padding-right: 20px; border: 1px solid rgba(22, 163, 254, 0.2); } + +@media (min-width: 576px) { .table-token { margin-bottom: 1rem; display: table; } + .table-token tbody { display: table-row-group; } + .table-token tr { display: table-row; } + .table-token td { display: table-cell; } + .table-token .table-head, .table-token .table-des { padding: 18px 0; } } + +/** 03.07 Progress */ +.progress-list { margin-top: .8rem; } + +.progress-wrap { margin-bottom: 1rem; } + +.progress-wrap:last-child:not(:only-child) { margin-bottom: 0; } + +.progress-wrap-point { margin-bottom: 55px; } + +.progress-wrap-point-s1 { margin-bottom: 30px; margin-top: 50px; } + +.progress-title { text-transform: uppercase; font-size: 0.75rem; font-weight: 500; display: flex; justify-content: space-between; padding-bottom: .4rem; } + +.progress-amount { font-weight: 400; } + +.progress-bar { position: relative; width: 100%; height: 20px; border-radius: 4px; background: rgba(22, 163, 254, 0.2); } + +.progress-bar .progress-percent { border-radius: 4px; } + +.progress-bar-xs { height: 6px; border-radius: 2px; } + +.progress-bar-xs .progress-percent { border-radius: 2px; border: none; } + +.progress-bar-sm { height: 15px; border-radius: 2px; } + +.progress-bar-md { height: 24px; border-radius: 3px; } + +.progress-bar-md .progress-percent { padding: 3px 0; } + +.progress-bar-s1 { padding: 6px; width: 100%; background: #fff; border-radius: 16px; height: auto; } + +.progress-bar-s2.bar-round { border-radius: 30px; } + +.progress-bar-s2.bar-round .progress-percent { border-radius: 30px; } + +.progress-bar-s2 .progress-percent { top: 3px; left: 3px; bottom: 3px; right: 3px; border: none; } + +.progress-bar-s2 .progress-percent:after { display: none; } + +.progress-percent { position: absolute; top: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 12px; background: #16a3fe; } + +.progress-percent-s2 { z-index: 2; } + +.progress-percent-s2:after { position: absolute; content: ''; top: 50%; right: 0; height: 18px; width: 18px; border-radius: 50%; border: 2px solid #fff; background: #16a3fe; transform: translate(50%, -50%); } + +.progress-percent-s1 { position: relative; max-height: 20px; border: none; min-height: 20px; border-radius: 20px !important; } + +.progress-percent-s3 { border: none; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } + +.progress-info { display: block; font-size: 16px; color: #8ca2e5; padding: 12px 0 22px; } + +.progress-info span { font-weight: 500; font-size: 18px; color: #23c99d; } + +.progress-info-s2 { font-size: 12px; text-transform: uppercase; padding: 0 0 17px; } + +.progress-info-s2 span { font-size: 14px; text-transform: capitalize; color: #fff; } + +.progress-point { color: #8ca2e5; font-size: 11px; line-height: 14px; font-weight: 500; text-transform: uppercase; position: absolute; top: 30px; transform: translateX(-50%); padding: 3px 0; } + +.progress-point:after { position: absolute; bottom: 100%; left: 50%; margin-left: -1px; content: ''; width: 2px; height: 40px; background: rgba(193, 206, 241, 0.5); } + +.progress-bar-md .progress-point { top: 40px; font-size: 14px; font-weight: 400; text-transform: capitalize; } + +.progress-bar-md .progress-point:after { bottom: calc(100% + 10px); height: 30px; } + +.progress-point span { display: block; font-size: 12px; color: #16a3fe; } + +.progress-point-s1 { top: -35px; } + +.progress-point-s1:after { bottom: auto; top: 100%; height: 30px; } + +.progress-point-1 { left: 25%; } + +.progress-point-2 { left: 85%; } + +.progress-points { padding-top: 10px; display: flex; justify-content: space-between; } + +ul.progress-info { display: flex; justify-content: space-between; } + +@media (min-width: 576px) { .progress-bar-md { height: 36px; } + .progress-percent { font-size: 14px; } + .progress-wrap-point { margin-bottom: 78px; } + .progress-wrap-point-s1 { margin-bottom: 30px; } + .progress-bar-md .progress-point { top: 60px; } + .progress-bar-md .progress-point:after { height: 50px; } } + +/** 03.08 CountDown */ +.countdown { display: flex; justify-content: space-around; margin: 0 -5px; } + +.countdown-small { justify-content: flex-start; margin: 0 -20px; } + +.countdown-s2 { margin: 0; justify-content: space-between; } + +.countdown-s3 { margin: 0 -16px 0 -25px; } + +.countdown-s4 { margin: 0; } + +.countdown-md { padding-bottom: 35px; } + +.countdown-item { padding: 0 5px; } + +.countdown-s2 .countdown-item { padding: 0; } + +.countdown-s3 .countdown-item { flex-grow: 1; } + +.countdown-s3.countdown-small .countdown-item, .countdown-s3-alt .countdown-item { flex-grow: 0; width: auto; } + +.countdown-s4 .countdown-item, .countdown-s5 .countdown-item { width: 100%; } + +.countdown-wd .countdown-item { flex-grow: 0; width: 100%; } + +.countdown-md .countdown-item { width: 80px; } + +.countdown-wd { text-align: center; } + +.countdown-time { position: relative; height: 54px; width: 54px; border-radius: 50%; border: 2px solid #16a3fe; text-align: center; line-height: 50px; display: block; } + +.countdown-s2 .countdown-time { border-radius: 6px; background-color: #122272; border-color: transparent; font-size: 1.4rem; font-weight: 500; color: #fff; } + +.countdown-s3 .countdown-time { border-radius: 0; border: none; font-size: 2.8125rem; line-height: 50px; font-weight: 700; height: 50px; width: 100%; color: #1940b0; } + +.tc-light .countdown-s3 .countdown-time { color: #fff; } + +.countdown-s3 .countdown-time:after { position: absolute; top: calc(50% - 3px); right: -6px; transform: translate(50%, -50%); content: ':'; } + +.countdown-s3 .countdown-time-last:after { display: none; } + +.countdown-s3-alt .countdown-time { font-size: 1.875rem; padding: 0 20px; font-weight: 300; height: 38px; line-height: 38px; margin-bottom: 0.5rem; } + +.countdown-s3.countdown-small .countdown-time { font-size: 1rem; line-height: 24px; height: 24px; text-align: left; padding: 0 20px; } + +.countdown-s4 .countdown-time { font-size: 2rem; } + +.countdown-s4 .countdown-time, .countdown-thin .countdown-time { font-weight: 300; } + +.tc-light .countdown-s5 .countdown-time { color: #16a3fe; } + +.countdown-md .countdown-time { font-size: 2rem; line-height: normal; font-weight: 400; height: auto; } + +.countdown-text { display: block; font-weight: 500; font-size: 12px; letter-spacing: 0.01em; padding-top: 8px; text-align: center; } + +.tc-light .countdown-text { color: #8ca2e5; } + +.countdown-s2 .countdown-text { text-transform: uppercase; font-weight: 400; } + +.tc-light .countdown-s2 .countdown-text { color: #16a3fe; } + +.countdown-s3 .countdown-text { text-transform: uppercase; } + +.tc-light .countdown-s3 .countdown-text { color: #8ca2e5; } + +.countdown-s3-alt .countdown-text { text-transform: capitalize; padding-top: 0; font-weight: 400; } + +.countdown-s3.countdown-small .countdown-text { text-align: left; padding: 0 22px; } + +.countdown-s4 .countdown-text { text-transform: capitalize; padding-top: 0; } + +.tc-light .countdown-s5 .countdown-text { color: #16a3fe; } + +.countdown-md .countdown-text { font-weight: 400; padding-top: 2px; } + +.status-countdown { overflow: hidden; } + +@media (min-width: 420px) { .countdown-time { height: 64px; width: 64px; line-height: 60px; } } + +@media (min-width: 576px) { .status-countdown { min-width: 290px; } + .countdown-large .countdown-time { font-size: 3.5rem; } + .countdown-large .countdown-time:after { font-size: 2.5rem; } } + +@media (min-width: 768px) { .countdown-wd .countdown .item { width: 100%; } + .countdown-xxl .countdown-time { font-size: 5.5rem; } + .countdown-xl .countdown-time { font-size: 4rem; } + .countdown-xl.countdown-s2 .countdown-time { width: 123px; height: 123px; line-height: 123px; border-radius: 4px; } + .countdown-xxl .countdown-text { padding-top: 30px; } + .countdown-s3-lg { margin: 0 -38px; } } + +@media (min-width: 992px) { .countdown-s4 .countdown-time { font-size: 2rem; } + .countdown-large .countdown-time { font-size: 3.5rem; } } + +@media (min-width: 1200px) { .countdown-s4 .countdown-time { font-size: 2.9rem; } + .countdown-large .countdown-time { font-size: 3.6rem; } } + +/** 03.09 Toastr */ +/* Toastr */ +#toast-container { position: fixed; z-index: 999999; margin-top: 22px; margin-bottom: 16px; } + +#toast-container .toast { opacity: 1; } + +.toast-top-center { top: 0; right: 0; width: 100%; } + +.toast-bottom-center { bottom: 0; right: 0; width: 100%; } + +.toast-top-full-width { top: 0; right: 0; width: 100%; } + +.toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } + +.toast-top-left { top: 0; left: 16px; } + +.toast-top-right { top: 0; right: 16px; } + +.toast-bottom-right { right: 16px; bottom: 0; } + +.toast-bottom-left { bottom: 0; left: 16px; } + +.toast-top-center > div, .toast-bottom-center > div { width: 650px; max-width: 90%; margin-left: auto; margin-right: auto; } + +.toast-top-full-width > div, .toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } + +.toast { background: #fff; color: #fff; overflow: hidden; margin: 0 0 8px; padding: 15px 51px 15px 15px; width: 300px; border-radius: 5px; border: none; display: flex; align-items: center; box-shadow: 0px 2px 18px 2px rgba(18, 24, 58, 0.25); background: #0c195a; position: relative; } + +.toast-close-button { cursor: pointer; position: absolute; text-align: left; right: 15px; text-indent: -9999em; overflow: hidden; background: none; border-radius: 50%; border: none; height: 36px; width: 36px; transition: all .3s; } + +.toast-close-button:after { position: absolute; content: '\e646'; font-family: 'themify'; top: 0; right: -1px; text-indent: 0; display: block; font-size: 13px; line-height: 38px; height: 36px; width: 36px; text-align: center; color: #fff; transition: all .3s; } + +.toast-close-button:hover, .toast-close-button:focus { background: rgba(246, 250, 253, 0.15); box-shadow: none; outline: none; } + +.toast-message { position: relative; flex-grow: 1; font-size: 13px; line-height: 17px; display: flex; align-items: center; padding-left: 10px; min-height: 30px; } + +.toast-message-icon { display: inline-block; font-size: 14px; margin-right: 15px; margin-left: -10px; text-align: center; height: 30px; width: 30px; line-height: 30px; border-radius: 50%; } + +.toast-message-icon.ti-alert:before { position: relative; top: -2px; } + +.toast-info .toast-message-icon { background: #026bfb; } + +.toast-warning .toast-message-icon { background: #f6be26; } + +.toast-success .toast-message-icon { background: #39d884; } + +.toast-error .toast-message-icon { background: #e6604a; } + +@media (min-width: 576px) { .toast-message { font-size: 14px; line-height: 18px; } } + +/** 03.10 Misc */ +.img-xs { height: 40px; width: 40px; } + +.text-thumb { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; font-weight: 500; letter-spacing: 0.1em; border: 2px solid #fff; background: #16a3fe; } + +.text-thumb-xs { height: 40px; width: 40px; } + +.icon { display: inline-block; } + +.icon-lg { font-size: 50px; } + +.icon-round { display: inline-block; text-align: center; border-radius: 50%; background: rgba(22, 163, 254, 0.1); } + +.icon-round.icon-lg { height: 90px; width: 90px; line-height: 90px; } + +.icon-circle { display: inline-flex; align-items: center; justify-content: center; height: 38px; width: 38px; border-radius: 50%; } + +.icon-circle-md { height: 50px; width: 50px; } + +.icon-border { border: 1px solid #8ca2e5; } + +.icon-animation { position: relative; } + +.icon-animation:after { position: absolute; content: ""; top: -8px; right: -8px; bottom: -8px; left: -8px; border-radius: 50%; border: 1px solid #8ca2e5; animation: 1s ease 0s normal none infinite running playbutton; } + +.icon-list li { display: inline-block; margin: 0 5px; } + +.icon-currency-list { display: flex; justify-content: center; align-items: center; } + +.icon-bg { min-width: 40px; min-height: 40px; background: #8c8c8c; color: #fff; text-align: center; line-height: 40px; font-size: 1.7rem; border-radius: 50%; margin-right: 8px; } + +.has-rtl .icon-bg { margin-right: 0; margin-left: 8px; } + +.icon-bg-md { min-height: 32px; min-width: 32px; line-height: 32px; font-size: 1.5rem; } + +.icon-bg-lg { min-width: 60px; min-height: 60px; line-height: 60px; font-size: 2rem; } + +.icon-bg-xl { min-width: 92px; min-height: 92px; line-height: 92px; font-size: 4rem; } + +.icon-bg-eth { background: #61688f; } + +.icon-bg-btc { background: #f9931a; } + +.icon-bg-ltc { background: #838383; } + +.icon-bg-dash { background: #3573c0; } + +.icon-bg-xrp { background: #1c1c1c; } + +.icon-bg-xmr { background: #ff9f17; } + +.toggle-wrap { position: relative; } + +.toggle-tigger { display: inline-block; } + +.toggle-tigger.btn { display: inline-flex; } + +.toggle-class { visibility: hidden; opacity: 0; transition: all .4s; } + +.toggle-class.active { visibility: visible; opacity: 1; } + +.toggle-drop { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: -10px; z-index: 9; } + +.toggle-drop-left { left: 0; transform: translateX(0); } + +.toggle-drop-right { left: auto; right: 0; transform: translateX(0); } + +.toggle-drop-top { bottom: 100%; top: auto; margin-bottom: 10px; } + +.toggle-drop.active { margin-top: 0; margin-bottom: 0; } + +@media (max-width: 991px) { .toggle-class-lg { position: static; margin-top: 0; display: block; visibility: visible; opacity: 1; } + .toggle-wrap-nav { width: 100%; display: flex; } + .toggle-wrap-nav .toggle-class-lg { margin-left: 20px; flex-grow: 1; } + .toggle-wrap-nav .toggle-class-lg .drop-list { max-width: 100%; } } + +.drop-wrap { position: relative; } + +.drop-list { min-width: 160px; max-width: 160px; background: #fff; padding: 10px 0; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); } + +.drop-list a { font-size: 13px; line-height: 18px; color: #415076; padding: 7px 20px; display: block; position: relative; } + +.drop-list a .badge { margin-left: 5px; position: relative; top: -1px; } + +.tc-light:not(.btn) .drop-list a { color: #415076; } + +.drop-list a:hover { color: #16a3fe; } + +.drop-list-xs { min-width: 60px; max-width: 60px; } + +.drop-list-xs a { padding: 7px 8px; } + +.drop-list-mb { min-width: 80px; max-width: 80px; } + +.drop-list-mb a { padding: 7px 14px; } + +.drop-list-sm { min-width: 110px; max-width: 110px; } + +.drop-list-full { min-width: 100%; max-width: 100%; } + +.drop-list-center { text-align: center; } + +.breadcumb { margin: 0 -13px; } + +.breadcumb li { display: inline-block; padding: 0 15px; font-size: .75rem; line-height: 18px; position: relative; color: #415076; } + +.breadcumb li:not(:last-child):after { position: absolute; top: 0; right: -3px; content: '-'; line-height: 18px; color: #16a3fe !important; } + +.breadcumb li a { color: #16a3fe !important; } + +.breadcumb li a:hover:not([class]) { color: #23c99d !important; } + +.preloader { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; } + +.preloader:before, .preloader:after { position: absolute; left: 0; height: 51%; width: 100%; transition: all .6s ease; background: #fff; content: ''; } + +.preloader:before { top: 0; } + +.page-loaded .preloader:before { transform: translate(0, -100%); } + +.preloader:after { bottom: 0; } + +.page-loaded .preloader:after { transform: translate(0, 100%); } + +.preloader.no-default { background-color: #122272; } + +.page-loaded .preloader.no-default:before, .page-loaded .preloader.no-default:after { transform: translate(0, 0); } + +.preloader.no-default:before, .preloader.no-default:after { position: absolute; top: 0; left: 0; height: 100%; transition: all .6s; background-color: #122272; } + +.preloader-alt:after, .preloader-alt:before { background: #1940b0; } + +.page-loaded .preloader.no-split:before, .page-loaded .preloader.no-split:after { transform: translate(0, 0); } + +.spinner { display: block; position: relative; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; z-index: 1001; } + +.spinner-round { border-radius: 50%; border: 2px solid transparent; border-top-color: #16a3fe; animation: spin 2s linear infinite; } + +.spinner-round:before, .spinner-round:after { content: ""; position: absolute; border-radius: 50%; border: 3px solid transparent; } + +.spinner-round:before { top: 5px; left: 5px; right: 5px; bottom: 5px; border-top-color: #23c99d; animation: spin 3s linear infinite; } + +.spinner-round:after { top: 15px; left: 15px; right: 15px; bottom: 15px; border-top-color: #122272; animation: spin 1.5s linear infinite; } + +.spinner-alt { border-radius: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; } + +.spinner-alt:after, .spinner-alt:before { content: ""; position: absolute; border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; } + +.spinner-alt:before { border: 1px solid rgba(255, 255, 255, 0.1); } + +.spinner-alt:after { border: 1px solid; border-top-color: #fff; border-right-color: transparent; border-left-width: 0; border-bottom-width: 0; animation: spin 1.5s linear infinite; } + +.spinner-alt.load-done { transition: all .4s; transform: scale(3); opacity: 0; border-color: transparent; } + +.spinner-alt.load-done:after, .spinner-alt.load-done:before { opacity: 0; } + +.spinner-alt.spinner-light { border: 1px solid rgba(10, 16, 21, 0.1); } + +.spinner-alt.spinner-light:after { border-top-color: #0a1015; } + +.spinner-brand { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100px; } + +@keyframes spin { 0% { -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); } } + +.text-zoom { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; text-transform: uppercase; font-weight: 700; height: 100px; width: 100px; } + +.text-item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } + +.text-item:nth-child(2) > * { animation-delay: 1s; } + +.text-item:nth-child(3) > * { animation-delay: 2s; } + +.text-item:nth-child(4) > * { animation-delay: 3s; } + +.text-item:nth-child(5) > * { animation-delay: 4s; } + +.text-item:nth-child(6) > * { animation-delay: 5s; } + +.text-item:nth-child(7) > * { animation-delay: 6s; } + +.text-item:nth-child(8) > * { animation-delay: 7s; } + +.text-item:nth-child(9) > * { animation-delay: 8s; } + +.text-small, .text-large { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; opacity: 0; } + +.text-small { color: #97afd5; z-index: 2; font-size: 60px; animation: textzoom9 9s linear infinite; } + +.text-large { color: #19243e; z-index: 0; font-size: 120px; animation: textzoom9l 9s linear infinite; } + +@keyframes textzoom9 { 0% { transform: translate(-50%, -50%) scale(0); + opacity: 0; } + 6% { transform: translate(-50%, -50%) scale(1); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.3); + opacity: 0; } } + +@keyframes textzoom9l { 0% { transform: translate(-50%, -50%) scale(0.2); + opacity: 0; } + 8% { transform: translate(-50%, -50%) scale(1.2); + opacity: 1; } + 10%, 100% { transform: translate(-50%, -50%) scale(1.7); + opacity: 0; } } + +.modal-dialog-bottom { display: flex; align-items: flex-end; min-height: calc(100% - (.5rem * 2)); } + +.modal.fade .modal-dialog-bottom { -webkit-transform: translate(0, 25%); transform: translate(0, 25%); } + +.modal.show .modal-dialog-bottom { -webkit-transform: translate(0, -30px); transform: translate(0, -30px); } + +.modal-content { background: none; border: none; margin-left: auto; margin-right: auto; width: auto; max-width: 100%; } + +.modal-body { background: #fff; border-radius: 6px; } + +.modal-close { position: absolute; cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 39px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #415076; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(65, 80, 118, 0.2); } + +.mfp-close-btn-in .mfp-close { cursor: pointer; top: -15px; right: -15px; height: 36px; width: 36px; line-height: 37px; padding: 0; text-align: center; z-index: 9999; border-radius: 50%; color: #415076 !important; opacity: 1; background: #fff; box-shadow: 0px 2px 7px 0px rgba(65, 80, 118, 0.2); transition: all .4s; } + +.mfp-close-btn-in .mfp-close:hover { text-decoration: none; color: #16a3fe !important; } + +.tc-light .mfp-close-btn-in .mfp-close:hover { color: #16a3fe !important; } + +.image-popup .mfp-close { cursor: pointer; top: 22px; right: -18px; } + +.owl-nav { margin: 0 -10px 0; padding-top: 40px; } + +.carousel-nav-s1 .owl-nav { padding-top: 0px; } + +.carousel-nav-center .owl-nav { display: flex; justify-content: center; } + +.owl-nav button { border: 1px solid #b9d2f4 !important; border-radius: 50% !important; height: 40px; width: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 0 10px; transition: all .4s; } + +.carousel-nav-s1 .owl-nav button { border-width: 0 !important; margin: 0; } + +.owl-nav button:focus { box-shadow: none; outline: none; } + +.owl-nav button.disabled { opacity: 0.4; } + +.owl-nav button:after { font-family: "themify"; font-size: 1rem; } + +.carousel-nav-s1 .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.carousel-nav-light .owl-nav { color: #fff; } + +.owl-prev:after { content: '\e64a'; } + +.owl-rtl .owl-prev:after { content: '\e649'; } + +.carousel-nav-s1 .owl-prev:after { content: '\f060'; } + +.carousel-nav-s1.owl-rtl .owl-prev:after { content: '\f061'; } + +.owl-next:after { content: '\e649'; } + +.owl-rtl .owl-next:after { content: '\e64a'; } + +.carousel-nav-s1 .owl-next:after { content: '\f061'; } + +.carousel-nav-s1.owl-rtl .owl-next:after { content: '\f060'; } + +.owl-dot { height: 6px; width: 12px; border-radius: 3px; display: inline-block; margin: 0 4px; transition: all .4s ease; background: rgba(22, 163, 254, 0.3) !important; } + +.owl-dot.active { background: rgba(22, 163, 254, 0.8) !important; width: 20px; } + +.owl-dot:focus { outline: none; } + +.owl-dots { text-align: center; } + +.carousel-shadow-fix .owl-stage-outer { margin: 0 -30px; margin-top: -20px; padding-left: 40px; } + +.carousel-shadow-fix.feature-carousel-center .owl-stage-outer { padding-left: 30px; } + +.carousel-shadow-fix.owl-rtl .owl-stage-outer { padding-left: 0; padding-right: 30px; } + +.carousel-shadow-fix .owl-item { padding: 20px 0 40px; } + +.carousel-shadow-fix .owl-item > div { transition: all .4s; opacity: 0; } + +.carousel-shadow-fix .owl-item.active > div { opacity: 1; } + +.carousel-shadow-fix .owl-item:not(.active) [class*='shadow'] { box-shadow: none !important; } + +.carousel-shadow-fix .owl-item .feature { margin-bottom: 0; } + +.ovm-line { position: relative; width: 64%; max-width: 1280px; height: 100%; margin-left: auto; margin-right: auto; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } + +.ovm-line:before, .ovm-line:after { position: absolute; content: ''; height: 100%; top: 0; left: 50%; transform: translateX(-50%); } + +.ovm-line:before { width: 1px; background: rgba(255, 255, 255, 0.05); } + +@media (min-width: 992px) { .ovm-line:after { width: 50%; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.nk-circle-animation { height: 300px; width: 300px; z-index: 1; } + +.nk-circle-animation + * { position: relative; z-index: 1; } + +.nk-circle-animation:before, .nk-circle-animation:after { position: absolute; content: ''; border: 4px solid rgba(185, 210, 244, 0.3); border-radius: 50%; } + +.nk-circle-animation:before { top: 0; left: 0; bottom: 0; right: 0; border-top-color: #16a3fe; border-right-color: #16a3fe; animation: rotatecw 30s linear infinite 0s; } + +.nk-circle-animation:after { top: 25px; left: 25px; bottom: 25px; right: 25px; border-top-color: #16a3fe; border-bottom-color: #16a3fe; animation: rotateacw 24s linear infinite 0s; } + +.nk-circle-animation.small:before, .nk-circle-animation.small:after { border-width: 2px; } + +.nk-circle-animation.fast:before { animation: rotatecw 15s linear infinite 0s; } + +.nk-circle-animation.fast:after { animation: rotateacw 10s linear infinite 0s; } + +.nk-circle-animation.white:before { border-top-color: #fff; border-right-color: #fff; } + +.nk-circle-animation.white:after { border-top-color: #fff; border-bottom-color: #fff; } + +.nk-circle-animation.accent-alt:before { border-top-color: #23c99d; border-right-color: #23c99d; } + +.nk-circle-animation.accent-alt:after { border-top-color: #23c99d; border-bottom-color: #23c99d; } + +.nk-circle-pk { position: relative; height: 565px; width: 640px; } + +.nk-circle-pk [class*="line"] { position: absolute; top: 0; border-radius: 50%; border: 1px solid rgba(22, 163, 254, 0.2); height: 100%; width: calc(100% - 80px); } + +.nk-circle-pk .line-1 { left: 0; } + +.nk-circle-pk .line-2 { left: 20px; } + +.nk-circle-pk .line-3 { left: 45px; } + +.nk-circle-pk .line-4 { left: 65px; } + +.token-status .nk-circle-pk { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } + +@media (min-width: 576px) { .nk-circle-animation { height: 500px; width: 500px; overflow: hidden; } + .nk-circle-animation:after { top: 45px; left: 45px; bottom: 45px; right: 45px; } + .nk-circle-animation.small { height: 400px; width: 400px; } + .nk-circle-animation.small:after { top: 35px; left: 35px; bottom: 35px; right: 35px; } } + +@media (min-width: 992px) { .token-status .nk-circle-pk { display: block; } + .icon-bg { margin-right: 20px; } + .has-rtl .icon-bg { margin-right: 0px; margin-left: 20px; } } + +.circle-animation { position: absolute; height: 700px; width: 700px; top: -75px; left: 50%; transform: translateX(-50%); } + +.circle-animation .ca { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid rgba(65, 80, 118, 0.15); } + +.tc-light .circle-animation .ca { border-color: rgba(255, 255, 255, 0.1); } + +.circle-animation .ca-dot { position: absolute; height: 12px; width: 12px; border-radius: 50%; } + +.circle-animation .ca-color-1 { background: #86cfff; } + +.circle-animation .ca-color-2 { background: #859fff; } + +.circle-animation .ca-color-3 { background: #93a6ba; } + +.circle-animation-l1 { height: 100%; width: 100%; animation: rotatecw_alt 78s linear infinite 0s; } + +.circle-animation-l1-d1 { left: 23%; top: 6.35%; } + +.circle-animation-l1-d2 { right: 23%; top: 6.35%; } + +.circle-animation-l1-d3 { right: -7px; top: 50%; } + +.circle-animation-l1-d4 { right: 23%; bottom: 6.35%; } + +.circle-animation-l1-d5 { left: 23%; bottom: 6.35%; } + +.circle-animation-l1-d6 { left: -7px; top: 50%; } + +.circle-animation-l2 { height: 84.6%; width: 84.6%; border-radius: 50%; animation: rotateacw_alt 66s linear infinite 0s; } + +.circle-animation-l2-d1 { right: 4.9%; top: 25%; } + +.circle-animation-l2-d2 { left: 42%; top: -.6%; } + +.circle-animation-l2-d3 { left: -2px; top: 40%; } + +.circle-animation-l2-d4 { left: 24%; bottom: 5.5%; } + +.circle-animation-l2-d5 { right: 11.2%; bottom: 16%; } + +.circle-animation-l3 { height: 69.2%; width: 69.2%; animation: rotatecw_alt 54s linear infinite 0s; } + +.circle-animation-l3-d1 { left: 7.6%; top: 20%; } + +.circle-animation-l3-d2 { right: 24%; top: 5.2%; } + +.circle-animation-l3-d3 { right: -3px; bottom: 39%; } + +.circle-animation-l3-d4 { right: 37%; bottom: 0; } + +.circle-animation-l3-d5 { left: 8.4%; bottom: 19%; } + +@keyframes rotatecw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(360deg); } } + +@keyframes rotateacw_alt { 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(-360deg); } } + +@keyframes rotatecw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + +@keyframes rotateacw { 0% { transform: rotate(0deg); } + 100% { transform: rotate(-360deg); } } + +.social li { text-align: center; display: inline-block; padding: 0 3px; } + +.social li:first-child { padding-left: 0; } + +.social li a { display: inline-flex; align-items: center; transition: all 0.3s; width: auto; } + +.social li a:hover { opacity: 1; transform: translateX(0); } + +.social li a:hover .social-icon { background: #23c99d; color: #fff; } + +.tc-light .social li a:hover .social-icon { background: #16a3fe; } + +.social li a:hover .social-icon + span { color: #fff; } + +.social-icon { width: 32px; height: 32px; line-height: 32px; border-radius: 50%; transition: 0.3s; color: #415076; background: #fff; } + +.tc-light .social-icon { color: #fff; background: rgba(255, 255, 255, 0.15); } + +.social-icon-transparent { background: transparent; } + +.tc-light .social-icon-transparent { background: transparent; } + +.social-icon + span { display: none; margin-left: 8px; font-weight: 600; text-transform: uppercase; font-size: 12px; color: #16a3fe; transition: all 0.3s; } + +.social-bar { display: flex; flex-wrap: wrap; } + +.social-bar li { flex-grow: 1; text-align: center; line-height: 30px; } + +.social-bar li:not(:last-child) { border-right: 1px solid #f0f5fc; } + +.social-bar li span { font-size: 14px; text-transform: uppercase; } + +.social-bar li a, .social-bar li span { display: block; padding: 7px 10px; } + +.social-bar-title { width: 100%; border-bottom: 1px solid #f0f5fc; } + +@media (min-width: 576px) { .social-icon + span { display: inline-block; } + .social-bar li a, .social-bar li span { padding: 20px; } + .social-bar-title { width: auto; border-bottom: none; } } + +@media (min-width: 992px) { .social-bar li a { font-size: 20px; } + .social-bar li a, .social-bar li span { padding: 40px 20px; } } + +.language-switcher .toggle-tigger { color: #415076; position: relative; } + +.is-transparent:not(.has-fixed) .header-logo .language-switcher .toggle-tigger { color: #fff; } + +.language-switcher .toggle-tigger:not(.btn) { padding: 8px 15px 8px 10px; } + +.language-switcher .toggle-tigger:not(.btn):after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.language-switcher-s1 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s2 .toggle-tigger:after { right: 14px; } + +.language-switcher-s2 .toggle-tigger:not(.btn) { padding: 3px 26px 3px 16px; } + +.language-switcher-s3 { border-left: 1px solid rgba(255, 255, 255, 0.15); text-transform: uppercase; font-size: .88rem; margin-left: 15px; } + +.language-switcher-s3 .toggle-tigger:not(.btn) { padding: 2px 20px 2px 15px; } + +.language-switcher-s4 { position: relative; } + +@media (min-width: 992px) { .language-switcher-s4:after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; content: ''; background: rgba(255, 255, 255, 0.15); } } + +.language-switcher-s4 .toggle-tigger { font-size: 13px; font-weight: 500; } + +.language-switcher-s5 .toggle-tigger { font-size: 12px; font-weight: 500; text-transform: uppercase; } + +.language-flag { width: 24px; margin: 3px 8px 3px 0; } + +.language-flag-lg { width: 36px; } + +.gfx { max-width: 400px; } + +.gfx-auto { margin-left: auto; margin-right: auto; } + +.gfx-inherit { max-width: 420px; } + +.gfx-md { max-width: 380px; } + +@media (min-width: 768px) { .gfx { max-width: 500px; } + .gfx-inherit { max-width: 420px; } + .gfx-md { max-width: 380px; } } + +@media (min-width: 992px) { .gfx-re-s1 { margin: 0 -230px 0 0; } } + +@media (min-width: 1600px) { .gfx-re-lgl { margin-left: -188px; } + .gfx-re-lg { margin: 0 -168px 0 42px; } } + +@media (min-width: 1900px) { .gfx-re-lgl { margin-left: -315px; } + .gfx-re-lgr { margin-right: -315px; } + .gfx-re-mdl { margin-left: -230px; } + .gfx-re-lg { margin: 0 -200px 0 42px; } } + +.piller-one, .piller-two { position: absolute; z-index: -1; } + +.piller-one { width: 250px; top: 20%; right: 100%; margin-right: 65px; } + +.piller-two { width: 200px; left: 100%; top: 50%; margin-left: 40px; } + +.gfx-round-bg { min-width: 300px; min-height: 300px; background: #f6fafd; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } + +.gfx-round-bg.after:after { position: absolute; content: ""; left: 44px; top: 0; width: 100%; height: 100%; border: 1px solid #23c99d; border-radius: 50%; } + +@media (min-width: 768px) { .gfx-round-bg { min-width: 400px; min-height: 400px; } } + +@media (min-width: 1200px) { .gfx-round-bg { min-width: 480px; min-height: 480px; } } + +@media (min-width: 1600px) { .gfx-round-bg { min-width: 600px; min-height: 600px; } } + +@media (min-width: 1900px) { .gfx-round-bg { min-width: 660px; min-height: 660px; } + .gfx-round-bg-md { min-width: 557px; min-height: 557px; } } + +/** 04. Components */ +/** 04.01 Tab */ +.tab-nav li a { display: block; padding: 12px 12px; line-height: 19px; font-weight: 400; color: rgba(25, 64, 176, 0.6); border-bottom: 1px solid rgba(219, 228, 247, 0.5); transition: all .4s; } + +.tab-nav li a:hover, .tab-nav li a.active { color: #1940b0; } + +.tab-nav li a .fas, .tab-nav li a .far { margin-right: 10px; } + +.tab-nav-sap { flex-grow: 1; height: 2px; background: rgba(1, 137, 224, 0.4); align-self: center; margin: 0 -7px; } + +.tc-light .tab-nav-sap { background: rgba(1, 137, 224, 0.4); } + +.tab-nav-vr { display: block; } + +.tab-nav-vr li:not(:last-child) a { border-bottom: 1px solid rgba(219, 228, 247, 0.5); } + +.tab-nav-vr li:last-child a { border: none; } + +.tab-nav-vr li a { padding: 18px 20px; } + +.tc-light .tab-nav-vr li:not(:last-child) a { border-color: rgba(255, 255, 255, 0.07); } + +.tab-nav-s2 { margin: 0 -15px 15px; } + +.tab-nav-s2 li { padding: 0 15px; } + +.tab-nav-s2 li a { font-size: 18px; letter-spacing: 0.01em; text-transform: uppercase; padding: 12px 5px; border-bottom-color: transparent; } + +.tc-light .tab-nav-s2 li a { color: rgba(255, 255, 255, 0.5) !important; } + +.tab-nav-s2 li a:hover, .tab-nav-s2 li a.active { color: #16a3fe; border-bottom-color: #16a3fe; } + +.tab-nav-s2 li a .fas, .tab-nav-s2 li a .far { margin-right: 10px; } + +.tab-nav-s3 li a { border: none !important; border-radius: 3px; cursor: pointer; padding: 28px 30px; } + +.tab-nav-s3 li a [class*=title] { color: #12183a; transition: all .4s; } + +.tc-light .tab-nav-s3 li a [class*=title] { color: #fff; } + +.tab-nav-s3 li a p { color: #415076; line-height: 1.6; } + +.tc-light .tab-nav-s3 li a p { color: #b9d2f4; } + +.tab-nav-s3 li a.active { box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); background: #fff; cursor: default; } + +.tab-nav-s3 li a.active [class*=title] { color: #16a3fe; } + +.tc-light .tab-nav-s3 li a.active { background: #1940b0; } + +.bg-theme-alt .tab-nav-s3 li a.active { background: #004C99; } + +.tab-nav-s4 { border: none; padding: 5px; border-radius: 30px; display: inline-block; } + +.tab-nav-s4 li { display: inline-block; } + +.tab-nav-s4 li a { border: none; line-height: 24px; background: transparent; font-weight: 600; color: #fff; font-size: 11px; padding: 10px 22px; border-radius: 25px; font-weight: 600; display: inline-block; } + +.tab-nav-s4 li a.active { color: #122272 !important; background: #fff; } + +.tc-light .tab-nav-s4 li a.active:hover { color: tab_nav_s4_active_color !important; } + +.tc-light .tab-nav-s4 li a:hover { color: #fff !important; } + +.tab-nav-center { justify-content: center; } + +.tab-nav-bdr { border: 1px solid #dbe4f7; border-radius: 5px; } + +.tc-light .tab-nav-bdr { border-color: rgba(255, 255, 255, 0.07); background: rgba(255, 255, 255, 0.02); } + +.tab-nav-line { margin-bottom: 20px; border-bottom: 2px solid rgba(219, 228, 247, 0.5); text-align: center; justify-content: center; } + +.tab-nav-line li a { border-bottom: none; position: relative; } + +.tab-nav-line li a:after { position: absolute; width: 100%; height: 2px; left: 0; bottom: -2px; content: ''; background: #16a3fe; opacity: 0; transition: all .4s; } + +.tab-nav-line li a:hover, .tab-nav-line li a.active { color: #16a3fe; } + +.tab-nav-line li a.active:after { opacity: 1; } + +.tc-light .tab-nav-line { border-bottom-color: rgba(219, 228, 247, 0.5); } + +.tc-light .tab-nav li a:after { background: #16a3fe; } + +.tc-light .tab-nav li a:hover, .tc-light .tab-nav li a.active { color: #16a3fe !important; } + +.tab-nav-btn { margin: -7px -7px 8px; } + +.tab-nav-btn li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn li a { border-radius: 3px; color: #415076; background: rgba(18, 34, 114, 0.1); border-color: transparent; padding: 10px 18px; } + +.tc-light .tab-nav-btn li a { color: #415076; background: rgba(255, 255, 255, 0.1); border-color: transparent; } + +.tab-nav-btn li a:hover, .tab-nav-btn li a.active { color: #16a3fe !important; background: rgba(18, 34, 114, 0.1); } + +.tc-light .tab-nav-btn li a:hover, .tc-light .tab-nav-btn li a.active { color: #16a3fe !important; background: rgba(22, 163, 254, 0.1); } + +.tab-nav-btn-s2 li a:hover, .tab-nav-btn-s2 li a.active { color: #fff !important; background: #16a3fe; } + +.tc-light .tab-nav-btn-s2 li a:hover, .tc-light .tab-nav-btn-s2 li a.active { color: #16a3fe !important; background: rgba(18, 34, 114, 0.1); } + +.tab-nav-btn-bdr { margin: -7px; } + +.tab-nav-btn-bdr li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr li a { border-radius: 3px; color: #415076 !important; background: transparent; border: 1px solid !important; border-color: #415076 !important; } + +.tc-light .tab-nav-btn-bdr li a { color: #fff !important; background: transparent; border-color: rgba(1, 137, 224, 0.4) !important; } + +.tab-nav-btn-bdr li a:hover, .tab-nav-btn-bdr li a.active { color: #16a3fe !important; background: transparent; border-color: #16a3fe !important; } + +.tc-light .tab-nav-btn-bdr li a:hover, .tc-light .tab-nav-btn-bdr li a.active { color: #16a3fe !important; background: transparent; border-color: #16a3fe !important; } + +.tab-nav-btn-bdr-s2 { margin: -7px; } + +.tab-nav-btn-bdr-s2 li:not(.tab-nav-sap) { padding: 7px; } + +.tab-nav-btn-bdr-s2 li a { text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; font-size: .88rem; padding: 14px 22px; border-radius: 6px; color: #415076 !important; background: transparent; border: 2px solid !important; border-color: rgba(1, 137, 224, 0.4) !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a { color: #fff !important; background: transparent; border-color: rgba(1, 137, 224, 0.4) !important; } + +.tab-nav-btn-bdr-s2 li a:hover, .tab-nav-btn-bdr-s2 li a.active { color: #16a3fe !important; background: transparent; border-color: #16a3fe !important; } + +.tc-light .tab-nav-btn-bdr-s2 li a:hover, .tc-light .tab-nav-btn-bdr-s2 li a.active { color: #16a3fe !important; background: transparent; border-color: #16a3fe !important; } + +.tab-nav-grad li a { position: relative; } + +.tc-light .tab-nav-grad li a { background: rgba(255, 255, 255, 0.1); } + +.tab-nav-grad li a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: -1; border-radius: 3px; background: linear-gradient(-45deg, #122272 0%, #1940b0 100%); opacity: 0; transition: all .4s; } + +.tc-light .tab-nav-grad li a:before { background: linear-gradient(-45deg, #16a3fe 0%, #23c99d 100%) !important; } + +.tab-nav-grad li a:hover, .tab-nav-grad li a.active { color: #fff !important; background: transparent; } + +.tab-nav-grad li a:hover:before, .tab-nav-grad li a.active:before { opacity: 1; } + +.tc-light .tab-nav-grad li a:hover, .tc-light .tab-nav-grad li a.active { color: #fff !important; } + +.tab-pane { padding: 10px 0 0; } + +@media (min-width: 576px) { .tab-nav-line > li { flex-grow: 1; } + .tab-nav-s4 li a { font-size: 14px; padding: 13px 25px; } } + +/** 04.02 Accordion */ +.accordion-item { transition: all .4s; padding-bottom: 8px; } + +.accordion-item:not(:last-child) { border-bottom: 1px solid #dbe4f7; } + +.tc-light .accordion-item:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item:not(:last-child) { border-color: rgba(22, 163, 254, 0.3); } + +.accordion-item-s2 { border-width: 2px !important; border: 2px solid #dbe4f7; border-radius: 6px; } + +.tc-light .accordion-item-s2 { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2 { border-color: rgba(22, 163, 254, 0.3); } + +.accordion-item-s2.current { border-color: rgba(18, 34, 114, 0.5) !important; } + +.tc-light .accordion-item-s2.current { border-color: #16a3fe !important; } + +.accordion-item-s2:not(:last-child) { margin-bottom: 15px; } + +.tc-light .accordion-item-s2:not(:last-child) { border-color: rgba(255, 255, 255, 0.05); } + +.bg-theme .accordion-item-s2:not(:last-child) { border-color: rgba(22, 163, 254, 0.3); } + +.accordion-item-s3 { border: none !important; border-radius: 6px; background: #fff; box-shadow: 0px 4px 6px 0px rgba(18, 34, 114, 0.07); } + +.bg-theme .accordion-item-s3, .tc-light .accordion-item-s3 { background: rgba(255, 255, 255, 0.05); box-shadow: none; } + +.has-bg-image .accordion-item-s3 { background: rgba(12, 25, 90, 0.7); box-shadow: none; } + +.accordion-item-s3:not(:last-child) { margin-bottom: 30px; } + +.accordion-item-s4 { background: rgba(18, 34, 114, 0.09); } + +.accordion-item-s4.current { background: rgba(18, 34, 114, 0.05); } + +.accordion-title { position: relative; color: #1940b0; font-weight: 400; cursor: pointer; padding: 22px 54px 14px 0; margin-bottom: 0; } + +.accordion-item-s2 .accordion-title { padding: 25px 54px 17px 30px; } + +.accordion-item-s3 .accordion-title { padding: 20px 54px 12px 30px; } + +.accordion-item-s4 .accordion-title { padding: 16px 54px 8px 30px; } + +.tc-light .accordion-title { color: #16a3fe; } + +.accordion-title-sm { font-size: 16px; } + +.accordion-title.collapsed { color: #415076; transition: all .4s; } + +.tc-light .accordion-title.collapsed { color: #fff; } + +.tc-light .accordion-title.collapsed:hover { color: #16a3fe; } + +.accordion-title.collapsed:hover { color: #1940b0; } + +.accordion-title.collapsed .accordion-icon:before { opacity: 0; } + +.accordion-title.collapsed .accordion-icon:after { opacity: 1; } + +.accordion-title.collapsed .accordion-icon-s2:after { transform: rotate(-180deg); } + +.accordion-icon { position: absolute; top: calc(50% + 4px); transform: translateY(-50%); right: 0; height: 36px; width: 36px; border-radius: 50%; background: #f6fafd; } + +.current .accordion-icon { background: #f6fafd; } + +.accordion-icon:before, .accordion-icon:after { line-height: 36px; color: #1940b0; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; text-align: center; transition: all .4s; } + +.current .accordion-icon:before, .current .accordion-icon:after { color: #1940b0; } + +.accordion-icon:before { content: '\f068'; opacity: 1; } + +.accordion-icon:after { content: '\f067'; opacity: 0; } + +.accordion-icon-s2 { background: #f6fafd; } + +.accordion-icon-s2:after { font-family: "themify"; content: '\e648'; opacity: 1 !important; } + +.accordion-icon-s2:before { display: none; } + +.accordion-item-s2 .accordion-icon { right: 12px; } + +.accordion-item-s3 .accordion-icon { right: 18px; } + +.accordion-item-s4 .accordion-icon { right: 12px; } + +.tc-light .accordion-icon { background: rgba(22, 163, 254, 0.1); } + +.tc-light .accordion-icon:after, .tc-light .accordion-icon:before { color: #16a3fe; } + +.accordion-content { padding-bottom: 12px; padding-right: 46px; } + +.accordion-content p:last-child { margin-bottom: 0; } + +.accordion-item-s2 .accordion-content, .accordion-item-s3 .accordion-content, .accordion-item-s4 .accordion-content { padding-left: 30px; } + +.accordion-item-s4 .accordion-content { padding-bottom: 6px; } + +.accordion-faq { margin-top: -15px; } + +.accordion-header { padding: 20px; } + +.accordion-header p { margin-bottom: 0; } + +.accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: none; } + +.accordion-body { padding: 0 20px 30px; } + +.accordion-box:not(:last-child) { margin-bottom: 40px; } + +.border-b-none { border-bottom: 0px !important; } + +@media (min-width: 576px) { .accordion-title-sm { font-size: 18px; } + .accordion-header { padding: 20px 40px; } + .accordion-header p { margin-bottom: 0; } + .accordion-header p:nth-child(2), .accordion-header p:nth-child(3) { display: block; } + .accordion-body { padding: 0 40px 40px; } } + +/** 04.03 Blocks */ +.nk-block { display: block; width: 100%; position: relative; z-index: 1; } + +.nk-block ~ .nk-block { padding-top: 40px; } + +.nk-block ~ .nk-block-team-list { padding-top: 60px; } + +.nk-block + .hr { margin-top: 40px; margin-bottom: 40px; } + +.section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + +.nk-block-lg + .nk-block { padding-top: 60px; } + +.nk-block-zero + .nk-block { padding-top: 0 !important; } + +.nk-block-text-head { padding-bottom: 35px; } + +.nk-block-img { position: relative; } + +.nk-block-img-plx { position: absolute; } + +.nk-block-img-s1 { position: relative; z-index: 99; margin-top: -71px; padding: 30px 50px; background: #fff; border-radius: 60px 60px 60px 200px; box-shadow: 0 15px 30px rgba(18, 34, 114, 0.1); } + +.nk-block-img-s2 img { max-width: 400px; width: 100%; } + +.nk-block-img-s3 img { max-width: 300px; width: 100%; } + +.nk-block-screen { padding: 70px 50px 100px 0; } + +.nk-block-screen img { border-radius: 3px; border: 1px solid #dfeaf8; } + +.nk-block-screen-small { position: absolute; right: 0; bottom: 0; max-width: 210px; } + +.nk-block-video { position: relative; border-radius: 4px; } + +.nk-block-ca { padding: 70px 20px; } + +.nk-block-plx { width: 300px; padding: 30px 10px; margin-left: auto; margin-right: auto; } + +.nk-block-contact-s1 { padding: 110px 0; position: relative; display: flex; align-items: center; justify-content: center; background: url(../images/dot-c.png) no-repeat; background-size: contain; background-position: 50% 50%; } + +.nk-block-m30, .nk-block-team-list, .nk-block-features { margin-bottom: -30px; } + +.nk-block-m40 { margin-bottom: -40px; } + +.nk-block-m50 { margin-bottom: -50px; } + +.nk-block .pagination { margin-top: 10px; } + +.nk-block-status + .nk-block-actions { padding-top: 80px; padding-bottom: 40px; } + +.nk-block-note { position: relative; background: rgba(0, 0, 0, 0.2); border-radius: 6px; margin-top: 40px; padding: 20px 25px 20px 65px; } + +.nk-block-note-s2 { background: rgba(185, 210, 244, 0.25); } + +.nk-block-note .icon { position: absolute; left: 15px; top: 50%; font-size: 30px; color: #16a3fe; transform: translateY(-50%); } + +.nk-block-shade { position: absolute; left: -120px; bottom: 65px; width: 100%; height: calc(100% - 130px); border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); opacity: .10; transform: skew(9deg); } + +.nk-block-shade:after { position: absolute; left: 50px; bottom: 50px; width: 100%; height: 100%; content: ''; border-radius: 0 0 0 45px; background-image: linear-gradient(to top right, #fff 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } + +.nk-block-shape-s1 { position: relative; z-index: 2; padding-top: 80px; padding-bottom: 100px; background: #122272; } + +.nk-block-shape-s1:before, .nk-block-shape-s1:after { position: absolute; top: 0; height: 100%; content: ''; z-index: -1; background: #122272; } + +.nk-block-shape-s1:before { left: -190px; width: 320px; border-radius: 100px 0 0 100px; transform: skew(9deg); } + +.nk-block-shape-s1:after { right: -280px; width: 370px; border-radius: 0 100px 100px 0; transform: skew(-7deg); } + +.nk-block-shape-s1.bg-theme-alt { background: #1940b0; } + +.nk-block-shape-s1.bg-theme-alt:before, .nk-block-shape-s1.bg-theme-alt:after { background: #1940b0; } + +.nk-block-shape-s1.bg-theme-dark { background: #0c195a; } + +.nk-block-shape-s1.bg-theme-dark:before, .nk-block-shape-s1.bg-theme-dark:after { background: #0c195a; } + +.nk-block-shape-s1.bg-theme-dark-alt { background: #132582; } + +.nk-block-shape-s1.bg-theme-dark-alt:before, .nk-block-shape-s1.bg-theme-dark-alt:after { background: #132582; } + +.nk-block-header { padding-top: 30px; padding-bottom: 30px; } + +.plx-screen { width: 80px; bottom: 0; left: 0; } + +.plx-circle-s1 { width: 80px; top: 10px; left: -5px; z-index: -1; animation: ani_cicle 4s infinite linear; } + +.plx-polygon-s1 { width: 70px; bottom: 15px; left: 40px; transform-origin: center; animation: ani_round 20s infinite linear; } + +.plx-triangle-s1 { width: 80px; bottom: 0; right: 0; animation: ani_round 30s infinite reverse linear; } + +@keyframes ani_round { 0% { transform: translate(0, 0) rotate(0deg); } + 25% { transform: translate(10px, 15px) rotate(90deg); } + 50% { transform: translate(0, 0) rotate(180deg); } + 75% { transform: translate(-10px, -15px) rotate(270deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +@keyframes ani_cicle { 0% { transform: translate(0, 0) rotate(0deg); } + 100% { transform: translate(0, 0) rotate(360deg); } } + +.img-block-dot { background-image: url(../images/dot-a.png); background-position: top center; padding: 50px 0; margin-top: -40px; } + +@media (min-width: 576px) { .nk-block-screen { padding: 0 50px 100px 0; } + .nk-block-team-list { margin-bottom: -50px; } } + +@media (min-width: 576px) { .nk-block ~ .nk-block { padding-top: 60px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-lg + .nk-block { padding-top: 80px; } + .nk-block-ca { padding: 90px 20px; } + .nk-block-plx { padding: 60px; width: 100%; } + .nk-block-contact-s1 { padding: 180px 0; } + .nk-block-img-s1 { padding: 40px 70px; } + .nk-block-note { margin-top: 40px; padding: 20px 65px 20px 75px; } + .nk-block-note .icon { left: 20px; } + .nk-block-shape-s1 { padding-top: 150px; padding-right: 40px; padding-bottom: 150px; } + .plx-screen { width: 130px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 140px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 95px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 768px) { .nk-block-img-s2 img { max-width: 100%; } + .nk-block-ca { padding: 60px; } + .nk-block-plx { padding: 60px; } + .plx-screen { width: 160px; bottom: 0; left: 0; } + .plx-circle-s1 { width: 160px; top: 10px; left: 10px; } + .plx-polygon-s1 { width: 100px; bottom: 15px; left: 125px; } + .plx-triangle-s1 { width: 130px; bottom: 0; right: 20px; } } + +@media (min-width: 992px) { .nk-block ~ .nk-block { padding-top: 100px; } + .section-head + .nk-block, .hr + .nk-block, hr + .nk-block { padding-top: 0; } + .nk-block-status + .nk-block-actions { padding-top: 70px; padding-bottom: 40px; } + .nk-block-xs + .nk-block { padding-top: 30px; } + .nk-block-sm + .nk-block { padding-top: 70px; } + .nk-block-lg + .nk-block { padding-top: 100px; } + .nk-block-img-s1 { margin-right: -71px; } + .nk-block-img.edge-r1 { margin-right: -160px; } + .nk-block-img.edge-l1 { margin-left: -160px; } + .nk-block-img.edge-r2 { margin-right: -360px; } + .nk-block-img.edge-l2 { margin-left: -360px; } + .nk-block-img.edge-r3 { margin-right: -500px; } + .nk-block-img.edge-l3 { margin-left: -500px; } + .nk-block .pagination { margin-top: 30px; } } + +@media (min-width: 1200px) { .nk-block-lg + .nk-block { padding-top: 130px; } } + +.app-slide-wrap { position: relative; width: 230px; margin: 15px auto; } + +.app-slide-wrap:after { position: absolute; height: calc(100% + 80px); width: calc(100% + 96px); top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; background-image: url(../images/light-ix.png); } + +.app-slide img { border-radius: 4px; } + +/** 04.04 Box */ +.card { padding: 20px; background: #fff; border: none; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.02); } + +.card.card-s3 { padding: 30px 20px; } + +.card-full { height: calc(100% - 30px); } + +.card-full-lg { height: calc(100% - 80px); } + +.card.feature-s8 { padding: 35px 25px; } + +.card-s2 { padding: 55px 30px 110px; box-shadow: 0px 5px 46px rgba(25, 64, 176, 0.14); } + +.card-lg-y { box-shadow: 0px 20px 60px rgba(18, 24, 58, 0.1); } + +.card-s3 { box-shadow: 0px 5px 18px rgba(65, 80, 118, 0.2); } + +@media (min-width: 576px) { .card { padding: 30px; } + .card.card-s3 { padding: 30px; } + .card-md { padding: 40px 30px; } + .card-lg { padding: 45px 40px; } + .card.feature-s8 { padding: 45px 30px; } + .card-s2 { padding: 55px 30px 110px; } + .card-lg-y { padding: 70px 30px; } + .card-lg-xy { padding: 70px 55px; } } + +/** 04.05 Banner */ +.nk-banner { display: block; width: 100%; z-index: 5; position: relative; } + +.banner { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } + +.is-transparent .banner { padding-top: 60px; } + +.has-mask .banner { padding-bottom: 75px; } + +.has-mask .banner-page { padding-bottom: 40px; } + +.has-mask .banner-mask-fix { padding-bottom: 40px !important; } + +.has-mask .banner-inner { padding-bottom: 125px; } + +.header-banner-angled .banner { padding-bottom: 540px; } + +.header-banner-angled-s2 .banner { padding-bottom: 498px; } + +.banner-screen { position: absolute !important; z-index: 0 !important; left: 50%; right: 0; bottom: -8px; width: 320px; transform: translateX(-50%); } + +.banner-wrap { width: 100%; } + +.banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } + +.banner-gfx { position: relative; margin: -15px 0; } + +.banner-gfx-auto { margin: 0 auto !important; } + +.banner-gfx-re-s4 { margin: 0 -95px; } + +.banner-gfx-icon { position: absolute; width: 4.2%; top: 32%; } + +.banner-gfx-icon-1 { left: 43.75%; animation: jumping 1s linear 0s infinite alternate; } + +.banner-gfx-icon-2 { right: 40.25%; animation: jumping 1s linear .5s infinite alternate; } + +.banner-gfx-s2 { max-width: 280px; margin: 0 auto; } + +.banner-fs { min-height: calc(100vh - 90px); } + +.is-transparent .banner-fs { min-height: 100vh; } + +.banner-gap-b1 { padding-bottom: 50px; } + +.has-mask .banner-gap-b1 { padding-bottom: 75px; } + +.banner-gap-b2 { padding-bottom: 75px; } + +.has-mask .banner-gap-b2 { padding-bottom: 125px; } + +.banner-gap-b3 { padding-bottom: 75px; } + +.has-mask .banner-gap-b3 { padding-bottom: 120px; } + +.banner-gap-b4 { padding-bottom: 340px; } + +.has-mask .banner-gap-b4 { padding-bottom: 360px; } + +.banner-page .banner-wrap { padding: 40px 0; } + +.is-transparent .banner-page .banner-wrap { padding-top: 20px; } + +.banner-page .breadcumb { padding-top: 10px; } + +.banner-page-md { min-height: 340px; } + +.banner-page-lg { min-height: 460px; } + +.banner-caption:not([class*=wide]) { max-width: 720px; margin-left: auto; margin-right: auto; } + +.banner > .nk-block { position: relative; z-index: 2; } + +.banner-social { background: rgba(255, 255, 255, 0.2); border-radius: 25px; padding: 0px 20px; display: inline-block; } + +.banner-social-wrap { margin-top: 30px; } + +.banner-social li { padding: 13px 8px; display: inline-block; } + +.banner-social li a { color: #fff; text-align: center; line-height: 24px; width: 24px; display: block; } + +.banner-social li a:hover { opacity: .5; outline: none; transform: translateY(-3px); } + +.banner-with-token-box-s1 .banner-wrap { padding-bottom: 175px; } + +.banner-s1-overlay { position: relative; overflow: hidden; } + +.banner-s1-overlay:before, .banner-s1-overlay:after { position: absolute; content: ''; width: 875px; height: 300%; bottom: -100%; transform: rotate(-45deg); background: rgba(255, 255, 255, 0.02); z-index: -1; } + +.banner-s1-overlay:before { left: 50%; margin-left: -130px; } + +.banner-s1-overlay:after { right: 50%; margin-right: -110px; } + +.banner-s1 .title-xs { margin-bottom: 1.14rem; } + +.banner-inner { min-height: 500px; } + +@keyframes jumping { 0% { transform: translateY(5px); } + 100% { transform: translateY(-25px); } } + +.cpn { padding-top: 30px; padding-bottom: 30px; } + +.cpn-head, .cpn-action, .cpn-text { margin-top: 20px; } + +.cpn > *:first-child { margin-top: 0; } + +.cpn-head .title { font-size: 1.75rem; line-height: 1.5; } + +.cpn-head .title-lg { line-height: 1.3; font-weight: 700; } + +.cpn-text { font-weight: 300; font-size: 1.1rem; line-height: 1.8; margin-bottom: 25px; color: #415076; } + +.tc-light .cpn-text { color: #b9d2f4; } + +.cpn-text p { color: inherit !important; font-size: inherit !important; } + +.cpn-text-center { margin-left: auto; margin-right: auto; } + +.cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } + +.cpn-text .lead, .cpn-text .lead-light { font-size: 1.25rem; font-weight: 400; line-height: 1.7; } + +.cpn-text .lead-s2 { font-size: 1.3rem; font-weight: 400; line-height: 1.7; } + +.cpn-text .lead-s3 { font-size: 1.3rem !important; font-weight: 300; line-height: 1.7; } + +.cpn-text-light .lead, .cpn-text-light .lead-light { font-weight: 300; } + +.cpn-links { padding-top: 20px; margin-top: -10px; margin-bottom: -10px; margin-left: -15px; margin-right: -15px; } + +.cpn-action .cpn-links { padding-top: 0; } + +.cpn-links li { display: inline-block; padding: 10px 15px; font-weight: 500; } + +.cpn-links-s1 { display: flex; justify-content: space-around; align-items: center; padding: 0 50px; } + +.cpn-btns + .cpn-links { padding-top: 20px; } + +.cpn-links + .cpn-btns { padding-top: 20px; } + +.cpn-boxed { padding: 20px; background: rgba(12, 25, 90, 0.6); } + +.cpn-boxed:not([class*='radius']) { border-radius: 6px; } + +.cpn-social { margin-top: 30px; } + +@media (max-width: 575px) { .cpn-title .title { font-size: 1.75rem; line-height: 1.5; } } + +@media (min-width: 576px) { .banner-gap-b3 { padding-bottom: 120px; } + .has-mask .banner-gap-b3 { padding-bottom: 160px; } + .banner-screen { bottom: -40px; width: 100%; } + .banner-screen-right { bottom: -70px; width: 360px; } + .banner-fs .banner-wrap { padding-top: 70px; padding-bottom: 70px; } } + +@media (min-width: 768px) { .banner-gfx-re-s2 { margin: -50px 0 0; } + .has-mask .banner { padding-bottom: 160px; } + .has-mask .banner-page { padding-bottom: 80px; } + .banner-gap-b1 { padding-bottom: 75px; } + .has-mask .banner-gap-b1 { padding-bottom: 125px; } + .banner-gap-b2 { padding-bottom: 125px; } + .has-mask .banner-gap-b2 { padding-bottom: 200px; } + .banner-gap-b4 { padding-bottom: 340px; } + .has-mask .banner-gap-b4 { padding-bottom: 360px; } + .banner-page .banner-wrap { padding: 80px 0; } + .is-transparent .banner-page .banner-wrap { padding-top: 60px; } + .banner-page-md { min-height: 400px; } + .banner-page-lg { min-height: 580px; } + .banner-social-wrap { margin-top: 0; } + .banner-social-vertical { right: 60px; top: 50%; transform: translateY(-50%); position: absolute; z-index: 3; padding: 20px 0; margin-top: -30px; } + .banner-social-vertical li { display: block; padding: 8px 13px; } + .banner-with-token-box-s1.banner-fs { min-height: 92vh; } + .banner-with-token-box-s1 .banner-wrap { padding-bottom: 40px; } + .cpn-text, .cpn-action { margin-top: 20px; } + .cpn-text { margin-bottom: 15px; } + .cpn-btns { padding-top: 10px; } + .cpn-text-s1 { margin-top: 16px; margin-bottom: 16px; } } + +@media (min-width: 992px) { .is-transparent .banner { padding-top: 75px; } + .banner-gfx-re-s1 { margin: 0 -80px 0 -180px; } + .banner-gfx-re-s2 { margin: -50px -280px 0 -110px; } + .banner-gfx-re-s3 { margin: 0 -150px 0 -35px; } + .banner-gfx-re-s5 { margin: 0 -305px 0 0; } + .has-mask .banner { padding-bottom: 180px; } + .has-mask .banner-page { padding-bottom: 100px; } + .banner-gap-b3 { padding-bottom: 200px; } + .has-mask .banner-gap-b3 { padding-bottom: 220px; } + .banner-gap-b4 { padding-bottom: 60px; } + .has-mask .banner-gap-b4 { padding-bottom: 80px; } + .banner-screen-right { bottom: -45px; width: 100%; } + .has-mask .banner-pd-lg { padding-bottom: 225px; padding-top: 65px; } + .banner-inner { min-height: 600px; } + .cpn { max-width: 90%; } + .banner-page .cpn { max-width: 100%; } + .cpn-head, .cpn-action, .cpn-text { margin-top: 30px; } + .banner-s1 .cpn-head { margin-top: 0; } + .cpn-text { margin-bottom: 25px; max-width: 90%; } + .banner-s1 .cpn-text { margin-top: 20px; margin-bottom: 6px; } + .banner-s2 .cpn-text { margin-top: 20px; } + .cpn-text-s1 { margin-top: 20px; margin-bottom: 12px; } + .cpn-text-s2 { max-width: 100% !important; } + .cpn-text-s3 { margin-top: 10px; } + .cpn-btns, .cpn-links { padding-top: 20px; } + .cpn-action .cpn-btns, .cpn-action .cpn-links { padding-top: 0; } + .cpn-btns + .cpn-links { padding-top: 20px; } + .cpn-links + .cpn-btns { padding-top: 20px; } + .cpn-head .title { font-size: 2.125rem; } + .cpn-head .title-sm { font-size: 1.85rem; } + .cpn-head .title-md { font-size: 2.6rem; } + .cpn-head .title-lg { font-size: 4rem; } + .cpn-head .title-lg-s2 { font-size: 3rem; } + .cpn-head .title-lg-s3 { font-size: 2rem; } + .cpn-boxed { padding: 35px; } + .cpn-social { margin-top: 50px; } + .cpn-s2 { margin-top: -122px !important; padding-top: 0; } } + +@media (min-width: 1200px) { .banner-gfx-re-s1 { margin: 0 -380px 0 -180px; } + .banner-gfx-re-s2 { margin: 0 -330px 0 -110px; } + .banner-gfx-re-s5 { margin: 0 -515px 0 0; } + .banner-gfx-re-s7 { margin: 140px -505px -183px -290px; } + .banner-gfx-re-s7 + .abs-center { right: 15px; transform: translateY(-50%); left: auto; } + .banner-gap-b3 { padding-bottom: 290px; } + .has-mask .banner-gap-b3 { padding-bottom: 320px; } + .banner-screen-right { bottom: -90px; } + .banner-fs .banner-wrap { padding-top: 40px; padding-bottom: 40px; } } + +@media (min-width: 1600px) { .banner-caption:not([class*=wide]) { max-width: 1080px; } + .banner-gfx-re-s2 { margin: -100px -480px 0 -110px; } + .banner-fs-lg { min-height: calc(100vh - 100px); } + .has-mask .banner-pd-lg { padding-bottom: 295px; padding-top: 65px; } + .cpn-head .title-lg-s3 { font-size: 3rem; } } + +@media (max-width: 991px) and (orientation: landscape) { .banner-gfx { margin-left: auto; margin-right: auto; max-width: 390px; } } + +@media (max-width: 767px) and (orientation: landscape) { .banner-gfx { max-width: 320px; } } + +@media (min-width: 992px) and (max-width: 1200px) and (orientation: portrait) { .banner-fs { min-height: calc(65vh - 90px); } + .is-transparent .banner-fs { min-height: 60vh; } } + +@media (max-width: 420px) { .cpn-btns .btn:not(.btn-with-icon) { font-size: 11px; padding: 8px 16px; } } + +.banner-y-pd { padding-top: 100px !important; padding-bottom: 124px !important; } + +.gfx-screen { position: absolute; top: 5px; left: 44px; width: calc(100% - 91px); height: calc(100% - 25px); } + +.gfx-screen .owl-stage-outer, .gfx-screen .owl-stage, .gfx-screen .owl-item, .gfx-screen .slides { height: 100%; width: 100%; border-radius: 6px; } + +.gfx-screen .flex-control-nav { position: absolute; right: -45px; top: 50%; transform: translateY(-50%); width: auto; height: fit-content; } + +.gfx-screen .flex-control-nav li { display: block; } + +.gfx-screen .flex-control-nav li a { width: 8px; height: 8px; border-radius: 50%; margin: 10px; box-shadow: none; border-radius: 50%; background: #d1dceb !important; } + +.gfx-screen .flex-control-nav li a.flex-active { background: #23c99d !important; } + +.gfx-slide, .gfx-slide-item { height: 100%; } + +.gfx-slide img { border-top-right-radius: 10px; border-top-left-radius: 10px; } + +.gfx-slide-item { width: 100%; } + +@media (min-width: 400px) { .gfx-screen { top: 8px; left: 57px; width: calc(100% - 117px); height: calc(100% - 35px); } + .gfx-screen .flex-control-nav { right: -46px; } + .banner-gfx-s2 { max-width: 350px; } } + +@media (min-width: 576px) { .gfx-screen { left: 63px; width: calc(100% - 130px); } + .gfx-screen .flex-control-nav { right: -53px; } + .banner-gfx-s2 { max-width: 100%; } } + +@media (min-width: 768px) { .gfx-screen { top: 9px; left: 73px; width: calc(100% - 150px); height: calc(100% - 44px); } + .gfx-screen .flex-control-nav { right: -65px; } } + +@media (min-width: 1200px) { .gfx-screen { top: 18px; left: 106px; width: calc(100% - 220px); height: calc(100% - 66px); } + .gfx-screen .flex-control-nav { right: -100px; } } + +@media (min-width: 1600px) { .gfx-screen { left: 135px; width: calc(100% - 279px); height: calc(100% - 81px); } + .gfx-screen .flex-control-nav { right: -128px; } } + +/** 04.06 Head */ +.section-head { position: relative; } + +.section-head:not([class*=pdb]) { padding-bottom: 40px; } + +.section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + +.section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + +.section-head p { color: #415076; } + +.tc-light .section-head p { color: #8ca2e5; } + +.section-head.tc-light p { color: #8ca2e5; } + +.section-head .title { font-weight: 500; } + +.section-head .title-thin { font-weight: 300; } + +.section-head .title:not(:last-child) { margin-bottom: .75rem; } + +.section-head .title-xs:not(:last-child) { margin-bottom: .5rem; } + +.section-head .title:before { position: absolute; left: 50%; top: 50%; content: attr(title); font-family: "Roboto", sans-serif; line-height: .9; text-transform: uppercase; white-space: nowrap; color: #1940b0; transform: translate(-50%, -50%); opacity: 0.06; } + +.tc-light .section-head .title:before { opacity: 0.06; } + +.section-head .title-s4 { text-transform: uppercase; padding: 30px 0; margin-bottom: 0; opacity: 1; position: relative; } + +.section-head .title-s4.title:before { font-size: 120px !important; font-weight: 700; } + +.section-head-s2 .title:before { font-size: 48px; background-image: linear-gradient(180deg, #415076 0%, #8ca2e5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.firefox .section-head-s2 .title:before { -webkit-text-fill-color: #000; } + +.firefox .tc-light .section-head-s2 .title:before { -webkit-text-fill-color: #fff; } + +.section-head-s3 { position: relative; } + +.section-head-s3:after, .section-head-s3:before { position: absolute; left: 50%; height: 1px; width: 110px; content: ""; transform: rotate(-45deg); z-index: -1; opacity: .4; } + +.section-head-s3:before { top: 60px; margin-left: -80px; background: #23c99d; } + +.tc-light .section-head-s3:before { background: #23c99d; } + +.section-head-s3:after { top: 5px; margin-left: -50px; background: #16a3fe; } + +.tc-light .section-head-s3:after { background: #16a3fe; } + +.section-head-line { position: absolute; height: 60px; width: 60px; left: 50%; top: 10px; opacity: .2; border-radius: 50%; background: transparent; transform: rotate(45deg) translate(-50%, 0); } + +.section-head-line .line-1, .section-head-line .line-2, .section-head-line .line-3, .section-head-line .line-4, .section-head-line .line-5, .section-head-line .line-6, .section-head-line .line-7, .section-head-line .line-8 { position: absolute; content: ""; border-radius: 50%; background: transparent; border-top: 1px solid #16a3fe; border-left: 1px solid #16a3fe; } + +.section-head-line .line-1 { top: -15px; left: -15px; height: 90px; width: 90px; } + +.section-head-line .line-2 { top: -30px; left: -30px; height: 120px; width: 120px; } + +.section-head-line .line-3 { top: -45px; left: -45px; height: 150px; width: 150px; } + +.section-head-line .line-4 { top: -60px; left: -60px; height: 180px; width: 180px; } + +.section-head-line .line-5 { top: -75px; left: -75px; height: 210px; width: 210px; } + +.section-head-line .line-6 { top: -90px; left: -90px; height: 240px; width: 240px; } + +.section-head-line .line-7 { top: -105px; left: -105px; height: 270px; width: 270px; } + +.section-head-line .line-8 { top: -120px; left: -120px; height: 300px; width: 300px; } + +@media (min-width: 576px) { .section-head:not([class*=pdb]) { padding-bottom: 50px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 30px; } + .section-head .title:not(:last-child) { margin-bottom: 1.25rem; } + .section-head .title-xs:not(:last-child) { margin-bottom: .75rem; } + .section-head-s2 .title:before { font-size: 64px; } } + +@media (min-width: 992px) { .section-head:not([class*=pdb]) { padding-bottom: 60px; } + .section-head-sm:not([class*=pdb]) { padding-bottom: 40px; } + .section-head-xs:not([class*=pdb]) { padding-bottom: 25px; } + .section-head-s2 .title:before { font-size: 90px; } + .section-head-s2 .title-xl:before { font-size: 124px; } } + +.t-cap { text-transform: capitalize !important; } + +/** 04.07 Features */ +.feature { margin-bottom: 30px; display: block; } + +.feature-download { margin-bottom: 0; } + +.feature.card { height: calc(100% - 30px); } + +.feature-group .feature { margin-bottom: 0; } + +.feature-group { border-radius: 6px; } + +.feature-icon { position: relative; width: 60px; margin-bottom: 15px; flex-shrink: 0; margin-right: 12px; } + +.feature-icon-md { width: 40px; } + +.feature-icon-md-s2 { width: 80px; } + +.feature-icon-xl { width: 120px; } + +.feature-icon.dot:before { position: absolute; bottom: 0; right: 0; content: ''; height: 30px; width: 30px; border-radius: 50%; background: rgba(22, 163, 254, 0.5); z-index: 4; } + +.tc-light .feature-icon .icon { color: #16a3fe; } + +.feature-icon .icon { position: relative; font-size: 3.75rem; color: #1940b0; z-index: 5; margin-left: -5px; } + +.feature-icon .icon.icon-circle { margin-left: 0; } + +.feature-icon .icon-xs { font-size: 1rem; } + +.feature-icon .icon-md { font-size: 2.75rem; } + +.feature-icon .icon-rg { font-size: 4.35rem; } + +.feature-icon .icon-lg { font-size: 5.75rem; } + +.feature-icon .icon-lg-s2 { font-size: 5rem; padding-top: 15px; } + +.feature-icon .icon-xl { font-size: 9rem; } + +.feature-icon .icon-grd { background-image: linear-gradient(-45deg, #16a3fe 0%, #23c99d 80%, #23c99d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + +.feature-icon .icon-circle { position: relative; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #23c99d; border-radius: 50%; background-image: linear-gradient(-45deg, #16a3fe 0%, #23c99d 80%, #23c99d 100%); } + +.feature-icon .icon-circle:after { position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; content: ''; border-radius: 50%; background: #fff; z-index: -1; } + +.bg-theme .feature-icon .icon-circle:after { background: #122272; } + +.bg-theme-alt .feature-icon .icon-circle:after { background: #1940b0; } + +.bg-theme-dark .feature-icon .icon-circle:after { background: #0c195a; } + +.bg-theme-dark-alt .feature-icon .icon-circle:after { background: #132582; } + +.feature-icon-s1 { text-align: center; margin-left: 10px; margin-bottom: 40px; } + +.feature-icon-s1:after { position: absolute; content: ""; left: 50%; top: 50%; width: 62px; height: 62px; border: 2px solid rgba(25, 64, 176, 0.2); transform: translate(-50%, -50%) rotate(45deg); border-radius: 8px; } + +.tc-light .feature-icon-s1:after { border: 2px solid rgba(25, 64, 176, 0.8); } + +.feature-icon-s1 .icon { margin-left: 0; line-height: 48px; } + +.feature-icon-s5 { width: 60px; height: 60px; text-align: center; line-height: 63px; border-radius: 50%; margin-bottom: 0; } + +.feature-icon-s5 .icon { font-size: 1rem; width: 40px; height: 40px; background: #fff; line-height: 40px; border-radius: 50%; text-align: center; border: 1px solid; border-color: currentColor; margin-left: 0; } + +.tc-light .feature-icon-s5 .icon { border-width: 0; } + +.feature-icon-s5-1 { background: rgba(25, 64, 176, 0.2); } + +.tc-light .feature-icon-s5-1 { background: rgba(25, 64, 176, 0.6); } + +.feature-icon-s5-1 .icon { color: #1940b0; background: linear-gradient(-90deg, #fff 0%, #8da6ef 100%); } + +.tc-light .feature-icon-s5-1 .icon { color: #1940b0; } + +.feature-icon-s5-2 { background: rgba(35, 201, 157, 0.2); } + +.tc-light .feature-icon-s5-2 { background: rgba(35, 201, 157, 0.4); } + +.feature-icon-s5-2 .icon { color: #23c99d; background: linear-gradient(-90deg, #fff 0%, #aef1df 100%); } + +.tc-light .feature-icon-s5-2 .icon { color: #23c99d; } + +.feature-icon-s5-3 { background: rgba(22, 163, 254, 0.2); } + +.tc-light .feature-icon-s5-3 { background: rgba(22, 163, 254, 0.4); } + +.feature-icon-s5-3 .icon { color: #16a3fe; background: linear-gradient(-90deg, #fff 0%, #c8e9ff 100%); } + +.tc-light .feature-icon-s5-3 .icon { color: #16a3fe; } + +.feature-icon-s5-4 { background: rgba(230, 96, 74, 0.2); } + +.tc-light .feature-icon-s5-4 { background: rgba(230, 96, 74, 0.4); } + +.feature-icon-s5-4 .icon { color: #e97460; background: linear-gradient(-90deg, #fff 0%, #fceae7 100%); } + +.tc-light .feature-icon-s5-4 .icon { color: #e97460; } + +.feature-icon-s6 { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(to right, #16a3fe 0%, #23c99d 100%); text-align: center; line-height: 60px; } + +.feature-icon-s6 .icon { font-size: 40px; color: #fff; opacity: 0.8; line-height: 60px; margin-left: 0; } + +.tc-light .feature-icon-s6 .icon { color: #fff; } + +.feature-icon-s6-bg { width: 60px; height: 60px; border-radius: 50%; background: rgba(22, 163, 254, 0.2); text-align: center; line-height: 60px; } + +.feature-icon-s6-bg .icon { font-size: 40px; color: #16a3fe; line-height: 60px; margin: 0 auto; } + +.feature-icon-s7 { width: 65px; height: 65px; border-radius: 50%; text-align: center; line-height: 65px; background: #16a3fe; } + +.feature-icon-s7 .icon { font-size: 30px; margin-left: 0; line-height: inherit; color: #fff; } + +.tc-light .feature-icon-s7 .icon { color: #fff; } + +.feature-icon-s8 { width: 90%; } + +.text-center .feature-icon-s8 { margin-left: auto; margin-right: auto; } + +.feature-icon-auto { width: auto; } + +.feature-icon-lg { width: 160px; margin-top: -15px; margin-bottom: 5px !important; } + +.feature-icon-lg-s1 { width: 110px; margin-top: -10px; margin-bottom: 5px !important; } + +.feature-icon-lg-s2 { width: 130px; margin-top: -12px; margin-bottom: 5px !important; } + +.feature-icon-lg-s3 { width: 95px; margin-top: -8px; margin-bottom: 20px !important; } + +.feature-icon-lg + .feature-text-s8 { padding-top: 25px; } + +.feature-icon-sm { width: 60px; } + +.feature-icon-bg { margin: 0; position: absolute; right: -15px; bottom: -15px; width: 121px; height: 121px; margin: 0; background: rgba(22, 163, 254, 0.15); border-radius: 50%; box-shadow: 0px 0px 0px 10px rgba(22, 163, 254, 0.06); text-align: center; line-height: 104px; } + +.feature-icon-bg img { max-width: 60px; } + +.feature-icon-bg-grd { background-position: center center; background-size: contain; min-height: 135px; min-width: 230px; text-align: center; display: flex; align-items: center; justify-content: center; } + +.feature-icon-bg-grd-s1 { background-image: url(../../images/icons/icon-bg-a.png); } + +.feature-icon-bg-grd-s1 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s2 { background-image: url(../../images/icons/icon-bg-a2.png); } + +.feature-icon-bg-grd-s2 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-icon-bg-grd-s3 { background-image: url(../../images/icons/icon-bg-a3.png); } + +.feature-icon-bg-grd-s3 .icon-grd { background-image: linear-gradient(to top, #82ffdd 0%, white 70%); } + +.feature-inline { display: flex; } + +.feature-inline.card { flex-direction: row; } + +.feature-middle { align-items: center; } + +.feature-middle .feature-icon { margin-bottom: 0; margin-right: 15px; display: inline-flex; align-items: center; } + +.feature-img { border-radius: 4px; } + +.feature-image { padding-bottom: 15px; } + +.feature-image img { height: 55px; width: auto !important; } + +.feature-center .feature-image img { margin-left: auto; margin-right: auto; } + +.feature-text p:last-child { margin-bottom: 0; } + +.feature-text-s8 .title-s5 { margin-bottom: 20px; } + +.feature-text-s1 .title-xs-alt { color: #1940b0; line-height: 1.4; display: inline-block; } + +.feature-center { text-align: center; } + +.feature-center .feature-icon { margin-left: auto; margin-right: auto; } + +.feature-center .feature-icon .icon { margin-left: 0; } + +.feature-s1 { display: flex; margin-bottom: 0; align-items: center; padding-right: 20px; } + +.feature-s1.boxed { height: 100%; border-radius: 4px; } + +.feature-s1.bordered { border: 2px solid rgba(25, 64, 176, 0.2); } + +.feature-s1-1.bordered { border-color: rgba(25, 64, 176, 0.2); } + +.feature-s1-2.bordered { border-color: rgba(35, 201, 157, 0.2); } + +.feature-s1-3.bordered { border-color: rgba(22, 163, 254, 0.2); } + +.feature-s1-4.bordered { border-color: rgba(230, 96, 74, 0.2); } + +.feature-s3 { margin-bottom: 0; } + +.feature-s3.card { padding: 30px 30px 40px; margin-bottom: 0; height: 100%; } + +.feature-s3-alt { position: relative; padding: 0; padding-bottom: 25px !important; } + +.feature-s3-alt .title-md { margin-bottom: 0.6rem; } + +.feature-s3-alt:not(:last-child):before { position: absolute; content: ""; left: 30px; top: 20px; width: 1px; background: #16a3fe; height: 100%; } + +.feature-s4 .title { padding-top: 15px; } + +.feature-s6 { margin-bottom: 0; } + +.feature-s7 { margin-bottom: 50px; } + +.feature-s8.card { height: calc(100% - 40px); } + +.feature-s8-alt { padding-top: 50px; margin-top: 50px; } + +.feature-s8-alt .feature-icon { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); } + +.feature-s8-alt.card { height: calc(100% - 90px); } + +.feature-s10 { padding: 30px 30px 30px 25px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); } + +.feature-s10-left { margin-right: 20px; padding-bottom: 60px; } + +.feature-s10-right { margin-left: 20px; margin-top: -35px; } + +.feature-s10 .title-sm { margin-bottom: 1.2rem; } + +.feature-s11 { flex-wrap: wrap; align-items: flex-start; margin-bottom: 0; } + +.feature-s11 .list { margin-left: 20px; } + +.feature-s12 { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; } + +.feature-slider-dots { display: flex; justify-content: center; margin-bottom: 40px; } + +.feature-slider-dot { position: relative; height: 46px; width: 46px; flex-grow: 0; flex-shrink: 0; border-radius: 4px; padding: 5px; text-align: center; background: #a992ea; cursor: pointer; color: #6a55ea; box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15); transition: all .4s ease; margin: 0 8px; border: none; } + +.tc-light .feature-slider-dot { background: #9e90f1; } + +.feature-slider-dot:focus, .feature-slider-dot:active { outline: none; } + +.feature-slider-dot.active { background: #6a55ea; } + +.feature-slider-dot:after { position: absolute; top: 50%; left: 100%; height: 2px; content: ''; width: 100%; background: url(../images/line.png) repeat 0 0; z-index: -1; animation: slide 1s linear infinite; } + +.feature-slider-dot:last-child:after { display: none; } + +.feature-slider-dot:nth-child(2) { color: #2bc9b4; background: #def7f3; } + +.tc-light .feature-slider-dot:nth-child(2) { background: #8de7db; } + +.feature-slider-dot:nth-child(2).active { background: #2bc9b4; } + +.feature-slider-dot:nth-child(3) { color: #49adf3; background: #dbeffd; } + +.tc-light .feature-slider-dot:nth-child(3) { background: #9fd4f9; } + +.feature-slider-dot:nth-child(3).active { background: #49adf3; } + +.feature-slider-dot:nth-child(4) { color: #f2801c; background: #fce6d2; } + +.tc-light .feature-slider-dot:nth-child(4) { background: #f9c395; } + +.feature-slider-dot:nth-child(4).active { background: #f2801c; } + +.feature-slider-dot:nth-child(5) { color: #ea64c6; background: #fbe0f4; } + +.tc-light .feature-slider-dot:nth-child(5) { background: #f29edb; } + +.feature-slider-dot:nth-child(5).active { background: #ea64c6; } + +.feature-slider-dot .ikon { font-size: 28px; line-height: 35px; width: 35px; border-radius: 50%; background: #fff; display: block; } + +.feature-slider-dot-s1 { border-radius: 50%; padding: 0; } + +.feature-slider-dot-s1.active:before { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(132, 132, 164, 0.35); animation: 1.5s linear 0s normal none infinite focuse; } + +.feature-slider-dot-s1.active .ikon { background: transparent; color: #fff; } + +.feature-slider-dot-s1 .ikon { line-height: 46px; width: 46px; } + +.feature-document { padding: 0 27px; max-width: 280px; margin-left: auto; margin-right: auto; } + +.feature-document-s2 { margin: 0 0 20px 20px; position: relative; border-radius: 6px; min-height: 140px; padding: 25px 20px 20px 95px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); } + +.tc-light .feature-document-s2 { background: #1940b0; } + +.feature-document-img { padding-right: 25px; position: relative; z-index: 1; } + +.feature-document-img-s2 { position: absolute; top: 20px; left: -20px; width: 100px; } + +.feature-document-img-s2 img { border-radius: 4px; } + +.feature-document-img img { border: 2px solid #fff; box-shadow: 0px 0px 12px 0px rgba(22, 163, 254, 0.15); position: relative; z-index: 2; border-radius: 5px; } + +.tc-light .feature-document-img img { border-width: 0; box-shadow: 0px 0px 12px 0px rgba(12, 25, 90, 0.25); } + +.feature-document-img:before { position: absolute; right: 0; content: ''; top: 40px; width: 40px; height: calc(100% - 70px); z-index: 1; background: #fff; box-shadow: 0px 5px 20px 0px rgba(22, 163, 254, 0.07); z-index: -1; } + +.tc-light .feature-document-img:before { background: rgba(22, 163, 254, 0.75); box-shadow: 0px 5px 20px 0px rgba(12, 25, 90, 0.15); } + +.feature-document-text { justify-content: space-between; display: flex; padding-top: 18px; align-items: center; } + +.feature-document-text-s2 { color: #415076; margin-bottom: 14px; font-weight: 600; } + +.tc-light .feature-document-text-s2 { color: #fff; } + +.feature-document-text .drop-wrap { padding-bottom: 5px; } + +.feature-document-info span { display: block; line-height: 1; font-size: 13px; font-weight: 400; opacity: .5; } + +.feature-document-link { display: block; margin-top: 6px; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; color: #fff; background: #23c99d; } + +.feature-document-link:hover, .feature-document-link:active, .feature-document-link:focus { background: #16a3fe; color: #fff; } + +.tc-light .feature-document-link:hover, .tc-light .feature-document-link:active, .tc-light .feature-document-link:focus { background: #16a3fe; color: #fff; } + +.feature-document-link-s2 li { display: inline-block; margin: 0 2px 5px; } + +.feature-document-link-s2 li a { padding: 0 10px; display: inline-block; line-height: 21px; border: 2px solid #8ca2e5; border-radius: 4px; font-size: .86em; font-weight: 500; color: #16a3fe; } + +.tc-light .feature-document-link-s2 li a { color: #8ca2e5 !important; border: 2px solid #fff; } + +.feature-reverse { flex-direction: row-reverse; text-align: right; } + +.feature-serial { font-size: 100px; font-weight: 700; line-height: normal; color: rgba(18, 24, 58, 0.2); } + +@keyframes focuse { 0% { transform: scale(0.8); + opacity: 1; } + 75% { transform: scale(1.2); + opacity: 0; } + 100% { transform: scale(1.2); + opacity: 0; } } + +@keyframes slide { from { background-position: 0 0; } + to { background-position: 40px 0; } } + +.boxed { padding: 15px 20px; } + +.boxed-xs { padding: 18px; } + +.boxed-sm { padding: 30px 25px; } + +.boxed-lg { padding: 30px 25px; } + +.boxed-xl { padding: 30px 25px; } + +@media (max-width: 575px) { .boxed.contact-form { padding: 20px; } + .feature-icon-s8 img { max-width: 220px; } } + +@media (min-width: 480px) { .feature-s10 { padding: 40px 90px 50px 35px; } + .feature-s10-left { margin-right: 45px; padding-bottom: 90px; } + .feature-s10-right { margin-left: 45px; margin-top: -45px; } + .feature-s11 { flex-wrap: nowrap; } } + +@media (min-width: 576px) { .feature.card { height: calc(100% - 30px); } + .feature-icon { margin-bottom: 20px; margin-right: 20px; } + .card-s3 .feature-icon { margin-right: 30px; } + .feature-sm-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-icon-s1 { margin-bottom: 40px; } + .feature-icon-s5 { margin-bottom: 0; } + .feature-icon-s7 { margin-right: 30px; } + .feature-sm-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-icon-bg { right: -40px; bottom: -40px; } + .has-rtl .feature-icon-bg { right: auto; left: -40px; } + .feature-icon-bg-grd { margin-bottom: 35px; } + .feature-s2 { display: flex; align-items: flex-start; } + .feature-s3 { margin-bottom: 0; padding: 0 30px; } + .feature-s3.card { margin-bottom: 0; height: 100%; } + .feature-s3-alt { padding: 0; } + .feature-s6 { padding-bottom: 145px; } + .feature-s6:before, .feature-s6:after { position: absolute; left: 50%; content: ''; transform: translateX(-50%); } + .feature-s6:before { bottom: 0; width: 2px; height: 95px; background: #dbe4f7; border-radius: 2px; } + .tc-light .feature-s6:before { background: rgba(255, 255, 255, 0.8); } + .feature-s6:after { bottom: 94px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #dbe4f7; background: #16a3fe; } + .tc-light .feature-s6:after { border-color: #fff; } + .feature-s8.card { height: calc(100% - 40px); } + .feature-s8-alt.card { height: calc(100% - 80px); } + .feature-s12 { flex-wrap: nowrap; } + .feature-slider-dot { height: 76px; width: 76px; padding: 10px; margin: 0 20px; } + .feature-slider-dot .ikon { font-size: 38px; line-height: 56px; width: 56px; } + .feature-slider-dot-s1 { padding: 0; } + .feature-slider-dot-s1 .ikon { font-size: 48px; line-height: 76px; width: 76px; } + .feature-sm-reverse { flex-direction: row-reverse; text-align: right; } + .boxed { padding: 40px 50px; } + .boxed-xs { padding: 18px; } + .boxed-sm { padding: 35px 25px; } + .boxed-md { padding: 40px 30px; } + .boxed-lg { padding: 45px 40px; } + .feature-icon-lg-s3 { margin-bottom: 5px !important; } } + +.link-feature-s1 { position: absolute; bottom: -40px; left: 50%; opacity: 0; transform: translate(-50%, 0); } + +.feature:hover .link-feature-s1 { bottom: -25px; opacity: 1; } + +@media (min-width: 768px) { .feature-s10 { padding: 40px 45px 50px 35px; } + .feature-s10-left { margin-right: -22.5px; margin-top: 60px; padding-bottom: 50px; } + .feature-s10-right { margin-left: -22.5px; margin-bottom: 60px; margin-top: 0; } + .feature-carousel-s1 .owl-nav { position: absolute; bottom: 35px; right: 15px; } + .feature-md-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-md-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-md-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (min-width: 992px) { .feature-s6-1 { padding-top: 197px; } + .feature-s6-2 { padding-top: 73px; } + .feature-s6-3 { padding-top: 0; } + .feature-s6-4 { padding-top: 184px; } + .feature-s10 { padding: 40px 240px 50px 50px; } + .feature-s10-left { margin-right: -95px; margin-top: 80px; } + .feature-s10-right { margin-left: -95px; } + .feature-text-s2 { padding: 0 0 0 45px; } + .feature-text-wd p { width: 72%; } + .feature-s11 { margin-top: 15px; margin-bottom: 15px; } + .feature-s12 { align-items: flex-start; } + .feature-lg-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-lg-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-lg-reverse { flex-direction: row-reverse; text-align: right; } + .boxed-xs { padding: 18px; } + .boxed-md { padding: 45px 40px; } + .boxed-lg { padding: 55px 60px; } + .boxed-xl { padding: 65px 60px; } } + +@media (min-width: 1200px) { .feature-text-s2 { padding: 0 65px 0 45px; } + .feature-text-wd p { width: 60%; } + .feature-xl-reverse .feature-icon { margin-right: 0; margin-left: 20px; } + .feature-xl-reverse .feature-icon-s7 { margin-left: 30px; } + .feature-xl-reverse { flex-direction: row-reverse; text-align: right; } } + +@media (max-width: 991px) { .feature-icon-s1 { margin: 0 auto 40px; } } + +.feature-icon-btc .icon { color: #ffba00; } + +.feature-icon-eth .icon { color: #6a7aa2; } + +.feature-icon-ltc .icon { color: #adadad; } + +.feature-icon-xrp .icon { color: #2f3135; } + +.feature-icon-dash .icon { color: #1174bc; } + +.feature-icon-monero .icon { color: #ff6600; } + +.feature-currency .title { color: #415076 !important; } + +.feature-pd-lg { padding: 50px 30px; } + +.owl-item.active .feature { opacity: 0.8 !important; } + +.owl-item.active.center .feature { transition: 0.3s; opacity: 1 !important; } + +.feature-img-xl { max-width: 176px; margin: 0 auto; } + +@media (min-width: 992px) { .feature.center-lg { transform: scale(1.2); } } + +/** 04.08 Roadmap */ +.roadmap { position: relative; z-index: 10; padding-bottom: 30px; } + +.roadmap-carousel .roadmap { padding-bottom: 0; } + +.roadmap-s1:before, .roadmap-s1:after { position: absolute; content: ""; left: -1px; height: 50%; border-left-width: 3px; border-left-style: solid; border-color: #dbe4f7; } + +.tc-light .roadmap-s1:before, .tc-light .roadmap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + +.roadmap-s1:before { height: 45px; top: 0; } + +.flex-row-reverse .roadmap-s1:before { right: auto; } + +.roadmap-s1:after { height: calc(100% - 45px); right: auto; top: 45px; } + +.roadmap-s1-alt:before, .roadmap-s1-alt:after { left: 1px; border-left-width: 1px; border-left-style: dashed; } + +.tc-light .roadmap-s1-alt:before, .tc-light .roadmap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + +.flex-row-reverse .roadmap-s1-alt:before, .flex-row-reverse .roadmap-s1-alt:after { right: auto; left: 1px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-current:before { top: 0; } + +.roadmap-s1-alt.roadmap-done:after, .roadmap-s1-alt.roadmap-current:after { top: 45px; } + +.roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1-alt.roadmap-current:before { left: 0px; border-left-width: 3px; border-left-style: solid; } + +.roadmap-s1.roadmap-done:before, .roadmap-s1.roadmap-done:after { border-color: #16a3fe; } + +.roadmap-s1.roadmap-current:before { border-color: #16a3fe; } + +.roadmap-s2 { text-align: center; } + +.roadmap-s2:before, .roadmap-s2:after { position: absolute; content: ''; transition: width .3s; } + +.roadmap-s2:before { width: 0; height: 4px; background: #16a3fe; left: 0; top: 55px; } + +.tc-light .roadmap-s2:before { background: #16a3fe; } + +.roadmap-s2:after { left: 50%; top: 49px; transform: translateX(-50%); height: 16px; width: 16px; border-radius: 50%; border: 3px solid #dbe4f7; background: #fff; } + +.tc-light .roadmap-s2:after { border-color: #5b77a3; background: #122272; } + +.roadmap-s2.roadmap-finished:after, .roadmap-s2.roadmap-running:after { background: #16a3fe; border: 2px solid #fff; } + +.tc-light .roadmap-s2.roadmap-finished:after, .tc-light .roadmap-s2.roadmap-running:after { background: #16a3fe; border-color: #fff; } + +.roadmap-s2.roadmap-finished:before { width: 100%; } + +.roadmap-s2.roadmap-running:before { width: 50%; } + +.roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(35, 201, 157, 0.1); } + +.tc-light .roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1); } + +.roadmap-s5 { width: 100%; } + +.roadmap-s5:last-child { padding-bottom: 30px; } + +.roadmap-s6 { padding-top: 65px; margin-top: 15px; } + +.roadmap-s6:before { position: absolute; content: ""; top: 0; left: -6px; width: calc(100% + 30px); height: 1px; z-index: 2; background: #fff; } + +.roadmap-s6:after { position: absolute; content: ""; top: 0; right: 50%; width: 19px; height: 19px; z-index: 3; border: 1px solid #fff; border-radius: 50%; transform: translate(50%, -50%); background: #fff; } + +.tc-light .roadmap-s6:after { background: #122272; } + +.roadmap-s6.roadmap-done:after { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 700; font-size: 10px; line-height: 17px; text-align: center; color: #fff; background: #39d884; } + +.roadmap-s6-1-2:before { background: linear-gradient(90deg, #16a3fe 0%, #23c99d 100%); } + +.roadmap-s6-1-2:after { border-color: #23c99d; } + +.roadmap-s6-1-2 .roadmap-head-s6:after { background: #23c99d; } + +.roadmap-s6-2-1:before { background: linear-gradient(90deg, #23c99d 0%, #16a3fe 100%); } + +.roadmap-s6-2-1:after { border-color: #16a3fe; } + +.roadmap-s6-2-1 .roadmap-head-s6:after { background: #16a3fe; } + +.roadmap-s6-2-3:before { background: linear-gradient(90deg, #23c99d 0%, #1940b0 100%); } + +.roadmap-s6-2-3:after { border-color: #1940b0; } + +.roadmap-s6-2-3 .roadmap-head-s6:after { background: #1940b0; } + +.roadmap-s6-3-2:before { background: linear-gradient(90deg, #1940b0 0%, #23c99d 100%); } + +.roadmap-s6-3-2:after { border-color: #23c99d; } + +.roadmap-s6-3-2 .roadmap-head-s6:after { background: #23c99d; } + +.roadmap-s6-3-1:before { background: linear-gradient(90deg, #1940b0 0%, #16a3fe 100%); } + +.roadmap-s6-3-1:after { border-color: #16a3fe; } + +.roadmap-s6-3-1 .roadmap-head-s6:after { background: #16a3fe; } + +.roadmap-s6-1-3:before { background: linear-gradient(90deg, #16a3fe 0%, #1940b0 100%); } + +.roadmap-s6-1-3:after { border-color: #1940b0; } + +.roadmap-s6-1-3 .roadmap-head-s6:after { background: #1940b0; } + +.roadmap-slider { position: relative; } + +.roadmap-text { max-width: 265px; margin-left: auto; margin-right: auto; } + +.roadmap-wrap { position: relative; padding: 40px 0 10px; margin-bottom: 40px; max-width: 430px; margin-left: auto; margin-right: auto; } + +.nk-block-left .roadmap-wrap { margin-left: 0; margin-right: 0; } + +.roadmap-wrap:before, .roadmap-wrap:after { position: absolute; content: ''; top: 0; bottom: 0; z-index: 7; } + +.roadmap-wrap-ovl-right:after { right: 0; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-light .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(246, 250, 253, 0.8) 25%, #f6fafd 60%, #f6fafd 100%); } + +.bg-light-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(234, 239, 246, 0.8) 25%, #eaeff6 60%, #eaeff6 100%); } + +.bg-white .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 25%, #fff 60%, #fff 100%); } + +.bg-theme .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(18, 34, 114, 0.8) 25%, #122272 60%, #122272 100%); } + +.bg-theme_alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(25, 64, 176, 0.8) 25%, #1940b0 60%, #1940b0 100%); } + +.bg-theme-dark .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(12, 25, 90, 0.8) 25%, #0c195a 60%, #0c195a 100%); } + +.bg-theme-dark-alt .roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(19, 37, 130, 0.8) 25%, #132582 60%, #132582 100%); } + +.roadmap-wrap-s1 { padding-bottom: 0; padding-top: 0; max-width: 90%; } + +.roadmap-wrap-s5 { display: flex; flex-wrap: wrap; padding: 40px 0 0; } + +.roadmap-wrap-s5:before { position: absolute; content: ""; left: 0; width: 1px; height: calc(100% + 30px); background: #16a3fe; } + +.roadmap-line { position: absolute; left: 19px; top: 0; background: #c1cef1; height: 100%; width: 2px; content: ''; z-index: 9; } + +.roadmap-line:after, .roadmap-line:before { position: absolute; background: #c1cef1; height: 10px; width: 10px; border-radius: 50%; content: ''; left: -4px; } + +.roadmap-line:before { top: 0; } + +.roadmap-line:after { bottom: 0; } + +.tc-light .roadmap-line { background: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-line:after, .tc-light .roadmap-line:before { background: #16a3fe; } + +.bg-theme-dark .roadmap-line { background: #1940b0; } + +.bg-theme-dark .roadmap-line:after, .bg-theme-dark .roadmap-line:before { background: #16a3fe; } + +.bg-theme .roadmap-line { background: #1940b0; } + +.bg-theme .roadmap-line:after, .bg-theme .roadmap-line:before { background: #16a3fe; } + +.roadmap-line-s2 { position: absolute; width: 100%; height: 4px; background: #dbe4f7; content: ''; top: 95px; border-radius: 2px; left: 0; } + +.tc-light .roadmap-line-s2 { background: #5b77a3; } + +.roadmap-line-s3:before, .roadmap-line-s3:after { display: none; } + +.roadmap-year { border-radius: 50%; color: #fff; background: #122272; height: 50px; width: 50px; text-align: center; line-height: 50px; font-weight: 700; font-size: 12px; position: relative; left: -5px; } + +.tc-light .roadmap-year { background: #16a3fe; } + +.bg-theme .roadmap-year, .bg-theme-dark .roadmap-year { background: #16a3fe; } + +.roadmap-year-s2 { padding-bottom: 65px; } + +.roadmap-step { border: 2px solid #dbe4f7; border-radius: 5px; position: relative; margin-left: 50px; padding: 20px 20px 15px; position: relative; max-width: 380px; } + +.bg-light .roadmap-step { background: #fff; } + +.roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + +.roadmap-step:before { height: 18px; width: 18px; border-radius: 50%; border: 5px solid #fff; background: #122272; left: -41px; top: 34px; z-index: 1; } + +.roadmap-step:after { height: 2px; width: 22px; background: #dbe4f7; left: -22px; top: 42px; } + +.roadmap-step p:last-child { margin-bottom: 0; } + +.roadmap-step-list li:before { background: #415076; } + +.tc-light .roadmap-step-list li:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-step-list-s1 li { list-style: none; padding: 8px 0; position: relative; } + +.roadmap-step-list-s1 li:after { position: absolute; content: ""; left: 10px; bottom: 0; width: 20px; height: 1px; transform: translateX(-50%); background: currentColor; } + +.roadmap-step-list-s1 li:last-child:after { display: none; } + +.tc-light .roadmap-step { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); } + +.tc-light .roadmap-step:before { background: #16a3fe; } + +.tc-light .roadmap-step:after { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); } + +.bg-theme .roadmap-step, .bg-theme-dark .roadmap-step { background: #132582; border-color: #1940b0; } + +.bg-theme .roadmap-step:before, .bg-theme-dark .roadmap-step:before { background: #16a3fe; border-color: #122272; } + +.bg-theme .roadmap-step:after, .bg-theme-dark .roadmap-step:after { background: #1940b0; border-color: #1940b0; } + +.bg-theme-dark .roadmap-step:before { border-color: #0c195a; } + +.bg-theme-alt .roadmap-step:before { border-color: #1940b0; } + +.bg-light .roadmap-step:before { border-color: #f6fafd; } + +.has-bg-image .roadmap-step:before { border-color: transparent; } + +.roadmap-step-s1 { margin-left: 0; border: none; padding-top: 0; padding-right: 25px; padding-left: 25px; z-index: 1; max-width: 100%; } + +.bg-light .roadmap-step-s1 { background: transparent; } + +.bg-theme .roadmap-step-s1, .bg-theme-dark .roadmap-step-s1, .tc-light .roadmap-step-s1 { background: transparent; } + +.roadmap-step-s1:before { display: none; } + +.roadmap-step-s1:after { width: 38px !important; left: 0 !important; height: 0; top: 49px; z-index: -1; background: none !important; border-top: 1px solid; border-color: #dbe4f7; } + +.roadmap-s1-alt .roadmap-step-s1:after { border-top-style: dashed; } + +.roadmap-step-s3 { margin-left: 0; border: none; padding: 0px 23px 30px; } + +.tc-light .roadmap-step-s3 { background: transparent; } + +.roadmap-step-s3:before { display: none; } + +.roadmap-step-s3:after { height: 60px; left: 50%; width: 2px; top: 75px; } + +.roadmap-step-s5 { margin: 0; background-color: transparent !important; border: none; padding-top: 0; padding-bottom: 0; } + +.roadmap-step-s5:before, .roadmap-step-s5:after { display: none; } + +.roadmap-head { margin-bottom: 10px; padding-right: 35px; position: relative; } + +.roadmap-finished .roadmap-head:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; line-height: 32px; border-radius: 50%; text-align: center; color: #fff; background: #23c99d; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: .88rem; content: '\f00c'; } + +.roadmap-head-s1 { padding-right: 0; margin-bottom: 0; line-height: 1.6; } + +.roadmap-head-s3 { padding-bottom: 120px; margin-bottom: 0; padding-right: 0; } + +.roadmap-head-s5 { padding: 0; } + +.roadmap-head-s5:after { display: none; } + +.roadmap-head-s6 { padding-left: 0; padding-right: 0; } + +.roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: 50%; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + +.roadmap-time { display: block; color: #122272; font-size: 13px; text-transform: uppercase; } + +.tc-light .roadmap-time { color: rgba(255, 255, 255, 0.8); } + +.roadmap-time-s1 { padding-bottom: 27px; line-height: 26px; width: 100%; display: inline-block; font-weight: 700; font-size: 0.81rem; position: relative; color: #8ca2e5; line-height: 25px; } + +.roadmap-time-s1:after, .roadmap-time-s1:before { position: absolute; content: ""; left: -24px; border-radius: 50%; } + +.roadmap-time-s1:after { bottom: -2px; width: 11px; height: 11px; margin-left: -5.5px; margin-top: -5.5px; background: #16a3fe; } + +.tc-light .roadmap-time-s1:after { background: #fff; } + +.roadmap-time-s1:before { bottom: -10px; width: 27px; height: 27px; margin-left: -13.5px; margin-top: -13.5px; } + +.roadmap-done .roadmap-time-s1:before, .roadmap-current .roadmap-time-s1:before { background: rgba(22, 163, 254, 0.23); } + +.tc-light .roadmap-done .roadmap-time-s1:before, .tc-light .roadmap-current .roadmap-time-s1:before { background: rgba(255, 255, 255, 0.1); } + +.roadmap-time-s3 { color: #8ca2e5; } + +.roadmap-time-s3:before { position: absolute; left: 50%; transform: translateX(-50%); content: '\f1da'; border-radius: 50%; font-family: "Font Awesome 5 Free"; font-weight: 600; box-shadow: 0px 2px 7px 0px rgba(22, 163, 254, 0.1); top: 32px; background: linear-gradient(-90deg, #fff 0%, #e1f3ff 100%); border: 1px solid rgba(22, 163, 254, 0.2); height: 32px; line-height: 32px; width: 32px; color: #8ca2e5; z-index: 1; font-size: 13px; } + +.tc-light .roadmap-time-s3:before { color: rgba(255, 255, 255, 0.8); background: linear-gradient(-90deg, #122272 0%, #192f9e 100%); border-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 2px 7px 0px rgba(255, 255, 255, 0.1); } + +.roadmap-done .roadmap-time-s3:before { content: '\f00c'; } + +.roadmap-running .roadmap-time-s3:before { content: '\f021'; } + +.roadmap-s3-1 .roadmap-time-s3:before { content: ''; background: rgba(22, 163, 254, 0.5); border: none; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:before { background: rgba(1, 140, 229, 0.5); } + +.roadmap-s3-1 .roadmap-time-s3:after { position: absolute; left: 50%; top: 40px; transform: translateX(-50%); border-radius: 50%; content: ''; background: #16a3fe; height: 16px; width: 16px; } + +.roadmap-s3-1.roadmap-done .roadmap-time-s3:after { background: #018ce5; } + +.roadmap-time-s5 { font-weight: 600; text-transform: capitalize; font-size: 1rem; color: #16a3fe; } + +.roadmap-time-s5:not(:last-child) { padding-bottom: 10px; } + +.roadmap-time-s5:after { position: absolute; height: 19px; width: 19px; border: 1px solid #16a3fe; background: #16a3fe; top: 2px; left: -29px; border-radius: 50%; content: ''; } + +.roadmap-finished .roadmap-time-s5:after { background: #f6fafd; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 10px; text-align: center; line-height: 18px; color: #39d884; } + +.tc-light .roadmap-finished .roadmap-time-s5:after { color: #39d884; background: #122272; } + +.roadmap-time-s6 { text-transform: none; } + +.roadmap-title { color: #8ca2e5; font-weight: 700; font-size: 16px; } + +.tc-light .roadmap-title { color: #fff; } + +.roadmap-title-s1 { padding-top: 25px; display: inline-block; font-size: 1rem; font-weight: 500; line-height: 1.6; color: #415076; } + +.roadmap-title-s2 { position: relative; font-size: 1rem; font-weight: 500; color: #16a3fe; top: -10px; } + +.tc-light .roadmap-title-s2 { color: rgba(255, 255, 255, 0.8); } + +.roadmap-title-s2:before { position: absolute; content: ''; left: -25px; top: 1px; transform: translate(-50%, 0); height: 15px; width: 15px; border-radius: 50%; background: #16a3fe; border: 1px solid #16a3fe; } + +.roadmap-done .roadmap-title-s2:before { height: 19px; width: 19px; font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900; font-size: 9px; line-height: 18px; text-align: center; color: #39d884; background: #fff; } + +.tc-light .roadmap-done .roadmap-title-s2:before { color: #fff; background: #122272; } + +.bg-theme .roadmap-done .roadmap-title-s2:before { background: #122272; } + +.bg-theme-alt .roadmap-done .roadmap-title-s2:before { background: #1940b0; } + +.bg-theme-dark .roadmap-done .roadmap-title-s2:before { background: #0c195a; } + +.bg-theme-dark-alt .roadmap-done .roadmap-title-s2:before { background: #132582; } + +.roadmap-carousel { padding: 0 40px; } + +.roadmap-carousel:after, .roadmap-carousel:before { position: absolute; height: 12px; width: 12px; border-radius: 50%; content: ''; top: 42px; background: #dbe4f7; } + +.tc-light .roadmap-carousel:after, .tc-light .roadmap-carousel:before { background: #1940b0; } + +.roadmap-carousel .owl-nav { position: absolute; left: -30px; top: 23px; font-size: 36px; font-weight: 400; width: calc(100% + 60px); opacity: 0.3; } + +.roadmap-carousel .owl-nav .owl-next { right: -30px; } + +.roadmap-carousel .owl-nav .owl-prev { left: -30px; } + +.roadmap-carousel .owl-nav .owl-next, .roadmap-carousel .owl-nav .owl-prev { top: -30px; position: absolute; z-index: 2; height: 52px; width: 52px; font-size: 36px; line-height: 52px; text-align: center; color: #16a3fe; transform: translateY(50%); } + +.roadmap-carousel:after { right: 0; } + +.roadmap-carousel:before { left: 0; } + +.roadmap-carousel-s2:after, .roadmap-carousel-s2:before { height: 1px; width: 85px; border-radius: 0; top: 15px; z-index: 4; } + +.roadmap-carousel-s2:before { background: linear-gradient(90deg, #eaeff6 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme .roadmap-carousel-s2:before { background: linear-gradient(90deg, #122272 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #1940b0 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark .roadmap-carousel-s2:before { background: linear-gradient(90deg, #0c195a 0%, rgba(0, 0, 0, 0) 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:before { background: linear-gradient(90deg, #132582 0%, rgba(0, 0, 0, 0) 100%); } + +.roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #eaeff6 100%); } + +.bg-theme .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #122272 100%); } + +.bg-theme-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #1940b0 100%); } + +.bg-theme-dark .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #0c195a 100%); } + +.bg-theme-dark-alt .roadmap-carousel-s2:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #132582 100%); } + +.roadmap-carousel-s2:after { right: 40px; } + +.roadmap-carousel-s2:before { left: 40px; } + +.roadmap-carousel-container { position: relative; } + +.roadmap-carousel-container:before { position: absolute; content: ""; left: 0; top: 47px; width: 100%; height: 2px; background: #dbe4f7; } + +.tc-light .roadmap-carousel-container:before { background: #1940b0; } + +.roadmap-carousel-nav-s2 .owl-nav { width: calc(100% + 80px); top: 26px; opacity: 1; } + +.roadmap-carousel-nav-s2 .owl-nav button { border: none !important; } + +.roadmap-carousel-nav-s2 .owl-nav button:after { font-size: 36px; line-height: 52px; color: #dbe4f7; } + +.roadmap-carousel-nav-s2.roadmap-carousel-s2 .owl-nav { top: -7px; left: 0; width: calc(100% + 20px); } + +.roadmap-carousel:not([data-dots="true"]) { margin-bottom: -30px; } + +.roadmap-list { position: relative; padding-top: 15px; } + +.roadmap-list:after { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100vw; height: 1px; content: ''; background: #23c99d; } + +.roadmap-innr { padding: 0 25px 30px; } + +.roadmap-innr:before { position: absolute; left: 0; height: 100%; width: 1px; content: ''; transform: translateX(-50%); background-image: linear-gradient(to bottom, #16a3fe 0%, #23c99d 100%); } + +.roadmap-item { position: relative; } + +.roadmap-item:nth-child(even) .roadmap-innr:before { background-image: linear-gradient(to top, #16a3fe 0%, #23c99d 100%); } + +@media (min-width: 576px) { .roadmap-wrap-ovl-right { max-width: none; margin-right: -200px; } + .roadmap-wrap-ovl-right:after { width: 280px; } + .roadmap-wrap-ovl-right .owl-nav { margin-right: 190px; } } + +@media (min-width: 768px) { .roadmap-s5 { display: flex; text-align: right; } + .roadmap-s5.roadmap-right { justify-content: flex-end; text-align: left; } + .roadmap-s5:not(:last-child) { padding-bottom: 15px; } + .roadmap-wrap-s5 { max-width: 100%; } + .roadmap-wrap-s5:before { top: -30px; left: 50%; margin-left: -0.5px; } + .roadmap-step-s5 { max-width: 50%; padding-left: 30px; padding-right: 30px; } + .roadmap-time-s5:after { left: -39px; } + .roadmap-left .roadmap-time-s5:after { right: -40px; left: auto; } } + +@media (min-width: 992px) { .roadmap { display: flex; } + .roadmap-s1:before, .roadmap-s1:after { top: 41px; height: 0; width: 50%; border-top-width: 3px; border-top-style: solid; border-left-width: 0; } + .roadmap-s1:before { left: 0; } + .flex-row-reverse .roadmap-s1:before { right: 0; left: auto; } + .roadmap-s1:after { left: auto; right: 0; z-index: -1; } + .flex-row-reverse .roadmap-s1:after { right: auto; left: 0; } + .roadmap-s1-alt:before, .roadmap-s1-alt:after { top: 42px; border-top-width: 1px; border-top-style: dashed; } + .roadmap-s1-alt:after { right: 0; } + .roadmap-s1-alt.roadmap-done:before, .roadmap-s1-alt.roadmap-done:after { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-done:after { right: 0; left: auto; } + .roadmap-s1-alt.roadmap-current:before { top: 41px; border-top-width: 3px; border-top-style: solid; } + .roadmap-s1-alt.roadmap-current:after { top: 42px; } + .roadmap-s2 { display: block; } + .roadmap-s6 { display: block; } + .roadmap-s6:after { right: -14px; } + .roadmap-head-s6:after { position: absolute; content: ""; bottom: 100%; right: -14px; width: 1px; height: 65px; transform: translate(50%, 0); background: #fff; } + .roadmap-wrap { padding: 40px 0 10px; margin-bottom: 60px; max-width: 100%; } + .roadmap-wrap-ovl-left, .roadmap-wrap-ovl-right { max-width: none; } + .roadmap-wrap-s1 { padding-top: 0; } + .roadmap-wrap-s1:after { position: absolute; width: 15px; height: calc(100% + 3px); border-width: 3px; border-style: solid; border-color: #dbe4f7; top: 41px; } + .tc-light .roadmap-wrap-s1:after { border-color: rgba(255, 255, 255, 0.1); } + .roadmap-wrap-s1-alt:after { height: calc(100% + 1px); border-width: 1px; border-style: dashed; top: 42px; } + .tc-light .roadmap-wrap-s1-alt:after { border-color: rgba(255, 255, 255, 0.3); } + .roadmap-wrap-s1-alt.roadmap-wrap-done:after { height: calc(100% + 3px); border-width: 3px; border-style: solid; top: 41px; } + .roadmap-wrap-s1.roadmap-wrap-done:after { border-color: #16a3fe; } + .roadmap-wrap-s1:nth-child(odd):after { right: -15px; border-radius: 0 20px 20px 0; border-left-width: 0; } + .roadmap-wrap-s1:nth-child(even):after { left: -15px; border-radius: 20px 0px 0px 20px; border-right-width: 0; } + .roadmap-wrap-s1:last-child:after { display: none; } + .roadmap-line { left: 50%; margin-left: -1px; } + .roadmap-left { justify-content: flex-start; margin-top: -80px; } + .roadmap-left .roadmap-step { margin-left: 0; margin-right: 80px; } + .roadmap-left .roadmap-step:before { left: auto; right: -91px; } + .roadmap-left .roadmap-step:after { left: auto; right: -78px; } + .roadmap-left.roadmap-s5 { margin-top: 0; } + .roadmap-right { justify-content: flex-end; } + .roadmap-right .roadmap-step { margin-left: 80px; } + .roadmap-year { height: 60px; width: 60px; line-height: 60px; font-size: 16px; position: static; margin-left: auto; margin-right: auto; } + .roadmap-step { width: 100%; padding: 40px 30px 35px; } + .roadmap-step:before, .roadmap-step:after { position: absolute; content: ''; } + .roadmap-step:before { left: -91px; } + .roadmap-step:after { width: 78px; left: -78px; } + .roadmap-step-list li:before { top: 12px; } + .roadmap-step-list-s1 li:after { left: 50%; } + .roadmap-step-s1 { padding-top: 0; padding-left: 15px; padding-right: 15px; } + .roadmap-step-s1:after { width: 0 !important; left: 50% !important; margin-left: -0.5px; height: 40px !important; top: 48px; border-top: 0; border-left: 1px solid; border-color: #dbe4f7; } + .roadmap-s1-alt .roadmap-step-s1:after { border-left-style: dashed; } + .roadmap-step-s3 { padding-top: 0; background: transparent !important; } + .roadmap-step-s3:after { left: 50%; width: 2px; } + .roadmap-step-s5 { padding-top: 0; padding-bottom: 0; } + .roadmap-head { margin-bottom: 15px; } + .roadmap-time { font-size: 14px; } + .roadmap-time-s1:after { left: 50%; bottom: 5px; } + .roadmap-time-s1:before { bottom: -2px; left: 50%; } + .roadmap-time-s3 { font-size: .87rem; font-weight: 600; } + .roadmap-time-s6 { font-size: 18px; } + .roadmap-title { font-size: 18px; } + .roadmap-title-s1 { padding-top: 48px; } + .roadmap-title-s2 { font-size: 1rem; } + .roadmap-list { display: flex; align-items: flex-end; margin-bottom: 200px; } + .roadmap-item { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .roadmap-item:nth-child(even) { flex-grow: 0; width: 0; } + .roadmap-item:nth-child(even) .roadmap-innr { position: absolute; top: 0; left: 0; padding-top: 90px; min-width: 190px; transform: translateX(calc(-50% + 5px)); } + .roadmap-item:nth-child(even) .roadmap-innr:before { top: 0; height: 90px; } + .roadmap-item-sm { min-height: 170px; } + .roadmap-item-lg { min-height: 300px; } } + +@media (min-width: 1200px) { .roadmap-left .roadmap-step:before { right: -86px; } + .roadmap-left .roadmap-step:after { right: -73px; } + .roadmap-step:before { left: -86px; } + .roadmap-step:after { width: 73px; left: -73px; } + .roadmap-step-s1:before { left: 50%; } + .roadmap-step-s3:after { left: 50%; width: 2px; } } + +/** 04.091 Token */ +.token-info { border: 1px solid rgba(22, 163, 254, 0.2); border-radius: 8px; padding: 18px 20px 0; margin-bottom: 30px; } + +.token-info-s1 { padding: 0 30px; border: none; text-align: left; } + +.token-info-item { position: relative; padding-left: 25px; } + +.token-info-item:before { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; content: ''; border-radius: 2px; background: #a963ff; } + +.token-info-item.color-2:before { background: #f42f54; } + +.token-info-item.color-3:before { background: #f5a946; } + +.token-info-item.color-4:before { background: #63a5ff; } + +.token-info-item.color-5:before { background: #ff8d87; } + +.token-info-item-s1 { padding-left: 0; display: flex; align-items: center; justify-content: space-between; margin: 25px 0; } + +.token-info-item-s1:first-child { margin-top: 16px; } + +.token-info-item-s1:before { display: none; } + +.token-info-item-s1 span { font-size: 12px; font-weight: 400; color: #16a3fe; text-transform: uppercase; } + +.token-info-item-s1 h4 { font-size: 1.5rem; line-height: 1; font-weight: 300; } + +.token-info-title { font-size: 0.7rem; text-transform: uppercase; font-weight: 700; letter-spacing: 0.04em; margin-bottom: 4px; } + +.token-info-des { font-size: 1.1rem; } + +.token-status { border-radius: 8px 8px 0 0; border: 1px solid rgba(22, 163, 254, 0.2); padding: 18px 20px 10px; text-align: center; } + +.token-status .countdown-s2 { padding: 0; } + +.token-status-s1 { padding: 30px; box-shadow: 0px 15px 20px 0px rgba(18, 34, 114, 0.1); margin-left: 0; } + +.token-status-s2 { position: relative; border: none; padding: 0; max-width: 360px; margin: 50px auto 0; } + +.token-status-s2 .icon-list { margin-top: 10px; } + +.token-status-s3 { padding: 29px 0 0; border: none; } + +.token-status-s3 .countdown-s2 { padding-left: 30px; padding-right: 30px; } + +.token-status-s4 { border: none; padding: 65px 0 50px; } + +.token-status-s4 .icon-list { margin-top: 10px; } + +.token-status-s5 { background: #122272; padding-bottom: 25px; } + +.token-status-s6 { border: none; padding: 20px 20px 25px; } + +.token-countdown { padding: 16px 0 20px; } + +.token-min { font-size: 13px; color: #8ca2e5; display: block; padding: 12px 0; } + +.token-min-s2 { padding: 15px 0 0; text-align: left; } + +.token-min-s2 span { display: block; } + +.token-min-s2 span:first-child { color: #16a3fe; font-size: 12px; line-height: 1; text-transform: uppercase; font-weight: 300; } + +.token-min-s2 span:last-child { line-height: normal; padding-top: 4px; } + +.token-alocate-item { position: relative; padding: 0 20px 15px; margin-bottom: 30px; margin-left: auto; margin-right: auto; background: #fff; height: calc(100% - 30px); border-radius: 4px; } + +.token-alocate-item:not([class*='shadow']) { box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.token-alocate-item-s1 { padding-left: 0; padding-right: 0; background-color: transparent; } + +.token-alocate-graph { padding: 20px 0 15px; position: relative; } + +.token-alocate-graph span, .token-alocate-graph img { position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; } + +.token-alocate-graph span { color: #415076; font-size: 2em; font-weight: 400; line-height: 1.3; } + +.token-alocate-graph img { width: 150px; } + +.token-alocate-graph canvas { position: relative; z-index: 5; } + +.token-alocate-graph-s1 canvas { min-height: 230px; } + +.token-alocate-list li { color: #415076; display: flex; align-items: center; font-weight: 400; padding: 13px 0; } + +.token-alocate-list li .token-alocate-percent { font-weight: 600; color: #122272; } + +.token-box-s1 { position: absolute !important; left: 0; bottom: -157px; width: 100%; z-index: 9 !important; } + +.token-box-s2 { background: rgba(18, 34, 114, 0.3); padding: 30px 20px 52px; } + +.token-box-s2 .title { margin-bottom: 1.2rem; } + +.token-box-s3 { padding-bottom: 20px; } + +.token-countdown-wrapper { padding: 30px; background: #fff; box-shadow: 0px 15px 20px 0px rgba(18, 34, 114, 0.1); } + +.token-countdown-wrapper h6 { color: currentColor; } + +.token-action-s1 { margin-top: -22px; } + +.token-action-s2 { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action + .icon-list { margin-top: 15px; } + +.token-sale-box { background: #f6fafd; border-radius: 4px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; padding: 20px 15px 33px; transition: all .4s; } + +.tc-light .token-sale-box { background: rgba(22, 163, 254, 0.08); } + +.token-sale-info { display: block; font-size: 2.4rem; font-weight: 300; color: #16a3fe; } + +.token-sale-title { font-size: 14px; text-transform: uppercase; font-weight: 400; } + +.token-bonus-item { padding: 50px 25px 46px; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; border-radius: 4px; margin-bottom: 30px; transition: all .4s; height: calc(100% - 30px); background: #2656e0; } + +.token-bonus-item span { display: block; } + +.token-bonus-item.two { background: #1c48c6; } + +.token-bonus-item.three { background: #1f50dd; } + +.token-bonus-title { display: inline-block !important; line-height: 18px; font-size: 13px; color: #fff; text-transform: uppercase; padding: 6px 20px; background: #0c195a; border-radius: 15px; font-weight: 400; } + +.token-bonus-percent { font-size: 4em; line-height: 1; padding: 22px 0 7px; font-weight: 300; color: #fff; } + +.token-bonus-txt { font-size: 14px; line-height: 18px; font-weight: 400; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); } + +.tc-light .token-bonus-txt { color: rgba(255, 255, 255, 0.6); } + +.token-stage { margin-bottom: 33px; } + +.token-stage-title { color: #fff; background: #0176c2; text-transform: uppercase; font-weight: 700; line-height: 26px; padding: 10px; border-radius: 6px 6px 0 0; } + +.token-stage-pre { background: #018fea; } + +.token-stage-one { background: #0182d6; } + +.token-stage-date { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; padding: 12px 0 10px; } + +.tc-light .token-stage-date { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-date h6 { font-weight: 700; font-size: 1rem; margin-bottom: 0; } + +.token-stage-date span { font-size: 15px; } + +.token-stage-info { border: 1px solid rgba(209, 224, 246, 0.7); border-top: none; border-radius: 0 0 6px 6px; padding: 14px 0 16px; } + +.tc-light .token-stage-info { border-color: rgba(255, 255, 255, 0.1); } + +.token-stage-info span { display: block; font-size: 15px; line-height: 1.86; } + +.token-stage-bonus { color: #16a3fe; } + +.token-action-s2 { padding: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } + +.token-action-box { display: flex; align-items: center; flex-wrap: wrap; border-radius: 6px; background: rgba(22, 163, 254, 0.1); } + +.token-action-box > div { padding: 20px 25px; width: 100%; } + +.token-action-box > div:last-child { padding-top: 0; } + +.tc-light .token-action-box { background: rgba(22, 163, 254, 0.1); } + +.token-action-title { width: 30%; background: #16a3fe; border-radius: 6px 6px 0 0; font-weight: 500; font-size: 1.2em; line-height: 1.44; flex-grow: 1; width: 100%; } + +.tc-light .token-action-title { background: #16a3fe; } + +.token-action-box .token-action-title { padding: 25px; } + +.token-action-date { width: 40%; } + +.token-action-date strong { display: block; } + +.token-action-btn { width: 34%; } + +.token-action-btn .btn-grad { padding: 14px 0px; width: 100%; } + +.token-bar-chart { position: relative; z-index: 9; } + +.token-bar-item { position: relative; height: 40px; border-radius: 20px; margin: 10px 0; } + +.token-bar-item.tbic1 { background: #002674; } + +.token-bar-item.tbic1:before { background: #002674; } + +.token-bar-item.tbic2 { background: #004ae2; } + +.token-bar-item.tbic2:before { background: #004ae2; } + +.token-bar-item.tbic3 { background: #3b7bff; } + +.token-bar-item.tbic3:before { background: #3b7bff; } + +.token-bar-item.tbic4 { background: #3bb8ff; } + +.token-bar-item.tbic4:before { background: #3bb8ff; } + +.token-bar-item.tbic5 { background: #5378fb; } + +.token-bar-item.tbic5:before { background: #5378fb; } + +.token-bar-txt { position: absolute; font-size: 13px; padding-bottom: 0; top: 50%; left: 100%; min-width: 300%; transform: translateX(45px) translateY(-50%); } + +.token-bar-txt:after { position: absolute; content: ''; left: 0; top: 50%; height: 1px; width: 25px; margin-left: -35px; background: rgba(22, 161, 255, 0.5); } + +.token-bar-txt span { display: block; line-height: 1.5; white-space: nowrap; } + +.token-bar-txt span:first-of-type { font-weight: 600; } + +.token-bar-item.tbic1 .token-bar-txt span:first-of-type { color: #002674; } + +.token-bar-item.tbic2 .token-bar-txt span:first-of-type { color: #004ae2; } + +.token-bar-item.tbic3 .token-bar-txt span:first-of-type { color: #3b7bff; } + +.token-bar-item.tbic4 .token-bar-txt span:first-of-type { color: #3bb8ff; } + +.token-bar-item.tbic5 .token-bar-txt span:first-of-type { color: #5378fb; } + +@media (min-width: 768px) { .token-bar-chart { display: flex; overflow: visible; margin-top: 135px; } + .token-bar-item { margin: 0; } + .token-bar-item:before { position: absolute; left: -20px; top: 0; height: 40px; width: 40px; content: ''; z-index: -1; } + .token-bar-item:first-child:before { display: none; } + .token-bar-txt { padding-bottom: 10px; top: -110px; left: 50%; min-width: 100%; transform: translateX(-50%); text-align: center; } + .token-bar-txt:after { left: 50%; top: 100%; height: 65px; width: 1px; margin-left: 0; } } + +@media (max-width: 420px) { .token-status-s6 .countdown-time { font-size: 1.8rem; } + .token-status-s6 .cpn-links, .token-status-s6 .cpn-links li { padding-left: 10px; padding-right: 10px; } } + +@media (min-width: 480px) { .token-status .countdown-s2 { padding: 0 30px 20px; } + .token-info-s1 { padding: 0 30px; } + .token-min-s2 { padding: 0; } } + +@media (min-width: 576px) { .token-info { padding: 24px 40px 0; } + .token-info .text-block-title { text-align: center; } + .token-info-list li { display: flex; } + .token-info-list li > span { width: 50%; } + .token-info-title { font-size: 0.88rem; letter-spacing: 0.2em; } + .token-info-des { font-size: 1.375rem; } + .token-info-s1 { padding: 0 30px; } + .token-status { padding: 24px 28px 20px; } + .token-status-md { padding: 36px; } + .token-status-s2 { padding: 0; } + .token-status-s3 { padding: 29px 0 0; border: none; } + .token-status-s4 { padding: 65px 0 50px; } + .token-status-s5 { padding: 40px 30px 40px; } + .token-status-s6 { border: none; padding: 35px 50px 45px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; } + .token-alocate-graph { padding: 30px 40px 30px; } + .token-action-box { flex-wrap: nowrap; } + .token-action-box > div:last-child { padding-top: 20px; padding-left: 0; } + .token-action-title { width: auto; border-radius: 6px 0 0 6px; } + .token-action-s2 { padding: 30px; } } + +@media (min-width: 768px) { .token-alocate-item { padding: 20px 30px 40px; } + .token-alocate-item-s1 { padding-left: 0; padding-right: 0; margin-bottom: 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-box-s1 { position: absolute !important; left: 0; bottom: -45px; width: 100%; z-index: 9 !important; } } + +@media (min-width: 992px) { .token-countdown-wrapper { padding: 30px 60px 30px 66px; } + .token-status-s1 { padding: 30px 60px 30px 66px; margin-left: 0; } + .token-status-s2 { margin: 65px 140px 0 0; } + .token-status-s3 { margin-left: 25px; } + .token-alocate-item { padding: 30px 65px 60px; } + .token-alocate-item-s1 { padding: 30px 65px 0px; } + .token-alocate-item-s1:before { position: absolute; height: 610px; width: 610px; top: 0; left: 50%; content: ''; border-radius: 20px; background: rgba(18, 34, 114, 0.04); transform: rotate(45deg); transform-origin: 0 0; } + .token-alocate-graph { padding: 30px 0 30px; } + .token-alocate-graph-s1 { margin-top: 80px; } + .token-action-box { margin-top: 25px; } } + +.tokdis-item { position: relative; padding-left: 0; padding-bottom: 15px; margin-bottom: 15px; padding-top: 8px; display: inline-block; } + +.tokdis-item:before { position: absolute; width: 40px; height: 3px; border-radius: 1.5px; content: ''; background: #16a3fe; top: 0; left: 50%; transform: translateX(-50%); } + +.tokdis-item h5 { font-size: 1.125em; } + +.tokdis-list { padding-bottom: 40px; } + +@media (min-width: 992px) { .tokdis-item { padding-left: 25px; padding-bottom: 4px; padding-top: 0; } + .tokdis-item:before { width: 3px; height: 100%; top: 0; left: 0; transform: translateX(0); } + .tokdis-list { padding-bottom: 80px; } } + +.toktmln-item { position: relative; padding: 0 0 20px; display: flex; justify-content: center; } + +.toktmln-item:before { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); content: ''; height: 30px; width: 30px; border-radius: 50%; border: 6px solid #dbe4f7; background: #16a3fe; } + +.tc-light .toktmln-item:before { border-color: #fff; } + +.toktmln-item div { padding: 0 30px 5px 0; text-align: right; width: 50%; flex-grow: 1; } + +.toktmln-item div:last-child { padding: 0 0 0 30px; text-align: left; } + +.toktmln-item div span { display: block; font-weight: 600; } + +.toktmln-item div span:last-child { font-size: .775em; padding-bottom: 8px; font-weight: 400; color: #415076; } + +.tc-light .toktmln-item div span:last-child { color: #8ca2e5; } + +.toktmln-list { position: relative; } + +.toktmln-list:before { position: absolute; left: 50%; top: -24px; width: 2px; margin-left: -1px; height: 100%; background: #dbe4f7; content: ''; } + +.tc-light .toktmln-list:before { background: #fff; } + +@media (min-width: 992px) { .toktmln-list { position: relative; } + .toktmln-list:before { left: 0; top: 14px; width: 100%; height: 2px; } + .toktmln-item { padding: 64px 0 0; display: block; } + .toktmln-item:before { top: 0; left: 0; transform: translateX(0); } + .toktmln-item div { padding-bottom: 5px; text-align: left; width: 100%; padding-left: 0; padding-right: 0; } + .toktmln-item div:last-child { padding: 0 0 0 0; } + .toktmln-item div span:last-child { font-size: .875em; } } + +.stage-info { padding-left: 15px; } + +.stage-info .title { margin-bottom: .5rem; } + +/** 04.10 Team */ +.team { position: relative; margin-bottom: 30px; max-width: 255px; margin-left: auto; margin-right: auto; text-align: center; } + +.nk-block-left .team { max-width: 100%; } + +.team:hover .team-show { opacity: 1; } + +.team-s2 { max-width: 240px; text-align: center; } + +.team-s2 .word-split { justify-content: center; } + +.team-s2:hover .team-show { opacity: .25; } + +.team-s4 { padding: 30px 30px; } + +.team-s5 { text-align: left; max-width: 228px; padding-bottom: 25px; } + +.team-s5:before { position: absolute; content: ""; left: 20px; top: 50px; right: 0; bottom: 0; background: #eaeff6; z-index: -1; } + +.bg-theme .team-s5:before { background: #1940b0; } + +.has-bg-image .team-s5:before { background: #1940b0; } + +.tc-light .team-s5:before { background: #132582; } + +.team-s6 { text-align: left; display: flex; max-width: 100%; } + +.team-s6 .team-left { width: 135px; flex-shrink: 0; } + +.team-s6 .team-photo { max-width: 170px; margin-right: 25px; margin-left: 0; } + +.team-sm-s2 { text-align: left; max-width: 145px; } + +.team-photo { display: block; position: relative; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 2; } + +.team-photo + .list { padding-top: 15px; } + +.team-photo-s1 { max-width: 160px; } + +.team-photo img { border-radius: 6px; width: 100%; transition: all .4s; } + +.team-photo-sm { max-width: 180px; } + +.team-photo-s2 { max-width: 90%; } + +.team-photo-s2:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(22, 163, 254, 0.4); border-radius: 6px; z-index: 1; } + +.team-photo-s3:after { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: linear-gradient(to top left, #16a3fe 0%, #23c99d 100%); border-radius: 6px; z-index: 1; opacity: .2; } + +.team-photo-circle { border-radius: 50%; } + +.team-sm-s2 .team-photo { margin-left: 0; max-width: 90%; } + +.team-sm-s2:hover .team-photo { transform: translateY(-8px); } + +.team-s3 .team-photo { max-width: 160px; } + +.team-s5 .team-photo { margin-left: 0; } + +.team-s5 .team-photo:before, .team-s5 .team-photo:after { position: absolute; content: ''; } + +.team-s5 .team-photo:before { top: 24px; right: -33px; height: 3px; width: 65px; background: linear-gradient(to top left, #16a3fe 0%, #23c99d 100%); z-index: 1; } + +.team-s5 .team-photo:after { top: 0; bottom: 0; right: 0; left: 0; background: rgba(22, 163, 254, 0.4); transition: all .4s; } + +.team-s5 .team-photo:hover { transform: translateY(-8px); } + +.team-s5 .team-photo:hover:after { opacity: .5; } + +.team-s5 .team-photo:hover .team-show { opacity: 0; } + +.team-photo-bg:before { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; transform: scale(1); z-index: -1; opacity: 1; transition: all .5s ease; background-image: linear-gradient(90deg, #23c99d 0%, #16a3fe 100%); } + +.team-s3-alt .team-photo-bg:before { opacity: 0; transform: scale(0.8); } + +.team-photo-bg a { position: absolute; content: ""; border-radius: 50%; top: -12px; left: -12px; right: -12px; bottom: -12px; z-index: 1; } + +.team-photo-bg:hover a + img { transform: scale(0.85); } + +.team-s3-alt .team-photo-bg:hover a + img { transform: scale(1); } + +.team-s3-alt .team-photo-bg:hover:before { opacity: 1; transform: scale(1); } + +.team-show { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 100%; background: rgba(22, 163, 254, 0.4); border-radius: 6px; transition: all .4s; z-index: 20; opacity: 0; } + +.team-s2 .team-show { opacity: 0; } + +.team-s3 .team-photo-bg .team-show { opacity: 0 !important; top: 0; right: 0; bottom: 0; left: 0; } + +.team-s5 .team-show { border-radius: 0; } + +.team-s5:hover .team-show { opacity: 0; } + +.team-social { margin: 0 -5px; } + +.team-photo .team-social { position: absolute; bottom: -17px; right: 17px; z-index: 21; text-align: right; } + +.team-social li { padding: 0 4px; display: inline-block; } + +.team-social li a { font-size: 13px; text-align: center; display: inline-block; line-height: 34px; height: 34px; width: 34px; border-radius: 50%; color: #fff !important; background: #23c99d; box-shadow: 0px 2px 15px 0px rgba(35, 201, 157, 0.5); } + +.team-social li a:hover { color: #fff !important; background: #16a3fe; box-shadow: 0px 2px 15px 0px rgba(22, 163, 254, 0.5); } + +.team-social-s2 { margin: 0 -10px; } + +.team-social-s2 li { padding: 0 10px; } + +.team-social-s2 li a { width: auto; background-color: transparent; box-shadow: none; color: #415076 !important; } + +.tc-light .team-social-s2 li a { color: #fff !important; } + +.team-social-s2 li a:hover { color: #16a3fe !important; background-color: transparent; box-shadow: none; } + +.team-s2 .team-social-s2 { padding-top: 15px; } + +.team-s3 .team-social-s2 { padding-top: 10px; } + +.team-social-vr li { display: block; text-align: center; } + +.team-social-vr li a { width: 30px !important; } + +.team-s5 .team-social { position: absolute; top: 64px; right: 20px; } + +.team-s5 .team-social li a { color: #16a3fe; } + +.team-name { color: #415076; padding-top: 28px; font-weight: 600; } + +.team-name.title { margin-bottom: .5rem !important; } + +.team-s2 .team-name.title-sm { font-size: .95em !important; } + +.team-s2 .team-name { padding-top: 18px; } + +.team-s3 .team-name { color: #16a3fe; font-size: 1.125rem !important; font-weight: 400; margin-bottom: 1px !important; } + +.team-s3-alt .team-name { color: #1940b0; } + +.tc-light .team-s3-alt .team-name { color: #fff; } + +.team-s4 .team-name { font-weight: 400; padding-top: 21px; font-size: 1.33rem; margin-bottom: 0 !important; } + +.team-s5 .team-name { padding-left: 45px; padding-right: 40px; } + +.team-s6 .team-name { text-transform: uppercase; font-weight: 400; } + +.team-position { font-size: 12px; font-weight: 400; display: inline-block; } + +.team-s3 .team-position { font-weight: 300; color: #536697; } + +.team-s3-alt .team-position { color: #16a3fe; } + +.tc-light .team-s3-alt .team-position { color: #16a3fe; } + +.team-s4 .team-position { padding-bottom: 10px; } + +.team-s5 .team-position { padding-left: 45px; padding-right: 40px; color: #1940b0; } + +.team-s6 .team-position { position: relative; color: #16a3fe; padding-bottom: 13px; margin-bottom: 5px; line-height: 1.4; } + +.team-s6 .team-position:before { position: absolute; height: 3px; width: 190px; left: 0; bottom: 0; content: ''; background: linear-gradient(to right, #16a3fe 0%, #23c99d 100%); z-index: 5; } + +.tc-light .team-position { color: #b9d2f4; } + +.team-featured-photo { position: relative; border-radius: 5px; overflow: hidden; } + +.team-featured-info { position: absolute; left: 0; bottom: 0; font-size: 18px; padding: 15px 20px; } + +.team-featured-info span { font-size: 16px; font-weight: 300; display: block; padding-top: 5px; } + +.team-featured-cont p:last-child { margin-bottom: 0; } + +.team-featured-sub { text-transform: uppercase; color: #8ca2e5; font-size: 14px; letter-spacing: 0.15em; } + +.team-popup { position: relative; max-width: 100%; margin: 10px; padding: 15px; background: #fff; border-radius: 6px; } + +.team-popup-info p:last-child { margin-bottom: 0; } + +.team-list { margin-bottom: -30px; } + +.team-s4 .team-desc { font-size: .87rem; margin-bottom: 8px; } + +.team-s4 .team-desc p { font-size: inherit; } + +@media (min-width: 576px) { .team { margin-bottom: 50px; } + .team-s2 { margin-bottom: 30px; text-align: left; } + .team-s2 .word-split { justify-content: flex-start; } + .team-s4 { padding: 30px 15px; } + .team-s2 .team-photo { margin-left: 0; } + .team-s2 .team-name { padding-top: 25px; } + .team-featured-info { padding: 25px 30px; } + .team-popup { padding: 40px; } + .team-list { margin-bottom: -50px; } } + +@media (min-width: 768px) { .team-even { margin-top: 60px; } + .team-s4 { margin-bottom: 50px; } } + +@media (min-width: 992px) { .team-featured-cont { padding-left: 20px; } + .team-featured-title { padding: 8px 0 15px; } + .team-name { padding-top: 34px; margin-bottom: 8px !important; } + .team-s2 .team-name, .team-s3-alt .team-name { padding-top: 20px; } + .team-s5 .team-name { padding-top: 24px; } + .team-position { font-size: 0.88rem; } + .team-position-sm { font-size: 13px; } + .team-social { bottom: -20px; right: 20px; margin: 0 -5px; } + .team-social li { padding: 0 4px; } + .team-social li a { font-size: 16px; line-height: 40px; height: 40px; width: 40px; } + .team-social-s2 { margin: 0 -8px; } + .team-social-s2 li { padding: 0 8px; } + .team-social-s2 li a { font-size: 14px; height: auto; width: auto; } + .team-popup { margin: 10px auto; width: 950px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .team-s5 .team-social { right: 9px; } } + +@media (min-width: 1600px) { .team-photo-s2 { max-width: 100%; } } + +/** 04.11 Partners */ +.partner-list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: -15px; } + +.partner-list-left { justify-content: left; } + +.partner-list-lg { margin-bottom: -20px; } + +.partner-logo { padding: 15px 10px; } + +[class*="col-"] > .partner-logo { padding: 0; } + +.partner-logo img { max-height: 30px; max-width: 100%; width: auto !important; margin-left: auto; margin-right: 0; } + +.has-carousel .partner-logo img { margin-right: auto; } + +.partner-list-lg .partner-logo { padding: 20px 25px; } + +.partner-list-lg .partner-logo img { max-height: 50px; } + +.partner-logo-s2, .partner-logo-s3 { width: 50%; max-width: 50%; text-align: center; padding: 0 10px; } + +.partner-logo-s2 img, .partner-logo-s3 img { max-height: 50px; } + +.partner-list-left .partner-logo-s2, .partner-list-left .partner-logo-s3 { text-align: left; } + +.partner-logo-s3 img { max-height: 60px; } + +.partner-logo-lg { width: 50%; margin-bottom: 30px; } + +.partner-box { padding: 15px 0px; margin-bottom: 30px; } + +@media (min-width: 576px) { .partner-logo-s2, .partner-logo-s3 { margin-bottom: 30px; max-width: 16.6%; width: 16.6%; } + .partner-logo-lg { width: 33%; } + .partner-box { padding: 15px 66px; box-shadow: 0px 5px 25px rgba(25, 64, 176, 0.1); } } + +@media (min-width: 992px) { .partner-box .partner-list { justify-content: space-between; } + .partner-list-lg { margin-bottom: -20px; } + .partner-list-lg .partner-logo { padding: 20px 25px; } + .partner-list-lg .partner-logo img { max-height: 50px; } + [class*="col-"] > .partner-logo { padding: 15px 0; } } + +/** 04.12 Contact */ +.contact-wrap { padding: 20px; } + +.contact-list { margin-top: -7.5px; margin-bottom: -7.5px; position: relative; z-index: 2; } + +.contact-list li { display: flex; padding-top: 7.5px; padding-bottom: 7.5px; font-size: 0.94rem; } + +.contact-list-s1 { display: flex; justify-content: center; } + +.contact-list-s1 li { width: 100%; flex-wrap: wrap; justify-content: center; } + +.contact-icon { height: 60px; width: 60px; font-size: 30px; line-height: 60px; text-align: center; color: #fff; background: #23c99d; box-shadow: 0px 2px 15px 0px rgba(35, 201, 157, 0.5); border-radius: 50%; margin-right: 15px; flex-shrink: 0; } + +.tc-light .contact-icon { color: #122272; background: #fff; box-shadow: none; } + +.bg-secondary .contact-icon { color: #23c99d; } + +.contact-list-s1 .contact-icon { margin-right: 0; color: #fff; box-shadow: 0px 2px 15px 0px rgba(18, 34, 114, 0.5); background: linear-gradient(-45deg, #004C99 0%, #004C99 100%); } + +.tc-light .contact-list-s1 .contact-icon { color: #122272; background: #fff; } + +.contact-icon-s2 { color: #23c99d; background: transparent; box-shadow: inset 0 0 0 2px #23c99d; } + +.tc-light .contact-icon-s2 { color: #fff; background-color: transparent; box-shadow: inset 0 0 0 2px #fff; } + +.contact-icon-s3 { position: relative; color: #16a3fe; background: linear-gradient(to right, #16a3fe 0%, #23c99d 100%); box-shadow: none; } + +.tc-light .contact-icon-s3 { color: #fff; background: linear-gradient(to right, #16a3fe 0%, #23c99d 100%); } + +.contact-icon-s3:after { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; content: ''; background: #fff; border-radius: 50%; z-index: 0; } + +.bg-light .contact-icon-s3:after { background: #f6fafd; } + +.bg-light-alt .contact-icon-s3:after { background: #eaeff6; } + +.bg-theme .contact-icon-s3:after { background: #122272; } + +.bg-theme-alt .contact-icon-s3:after { background: #1940b0; } + +.bg-theme-dark .contact-icon-s3:after { background: #0c195a; } + +.bg-theme-dark-alt .contact-icon-s3:after { background: #132582; } + +.bg-theme-accent .contact-icon-s3:after { background: #16a3fe; } + +.bg-theme-accent-alt .contact-icon-s3:after { background: #23c99d; } + +.contact-icon-s3:before { position: relative; z-index: 1; } + +.contact-text { padding-top: 7px; } + +.contact-list-s1 .contact-text { width: 100%; } + +.contact-social { margin-top: auto; padding-top: 20px; } + +.contact-social h6 { margin-bottom: 1rem; } + +.subscribe-wrap { padding: 20px; } + +@media (min-width: 576px) { .contact-wrap { padding: 50px; } + .subscribe-wrap { padding: 65px; } } + +@media (min-width: 768px) { .contact-list-s1 li { width: 33.33%; flex-wrap: wrap; } + .contact-list-s1 .contact-text { width: auto; } + .contact-list-s1 .contact-icon { margin-right: 15px; } } + +@media (max-width: 480px) { .contact-list-s2 { flex-wrap: wrap; } } + +@media (max-width: 767px) { .contact-list-s2 li { flex-wrap: wrap; text-align: center; } + .contact-list-s2 li .contact-icon { margin-right: 0; } + .contact-list-s2 li .contact-text { width: 100%; } } + +@media (max-width: 991px) { .contact-list-s2 { display: flex; justify-content: center; } + .contact-list-s2 li { width: 100%; justify-content: center; } } + +@media (min-width: 992px) and (max-width: 1199px) { .contact-wrap, .subscribe-wrap { padding: 35px; } } + +.social-links { display: flex; margin: -3px; } + +.social-links li { padding: 3px; } + +.social-links li a { display: inline-block; border-radius: 50%; border: 1px solid #fff; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #415076; } + +.social-links li a:hover { color: #16a3fe; background: #fff; } + +.tc-light .social-links li a { color: #fff; } + +.tc-light .social-links li a:hover { color: #16a3fe; } + +.bg-secondary .social-links li a:hover { color: #23c99d !important; } + +.social-links-s2 li a { border: none; } + +.social-links-s2 li a:hover { background-color: #fff; color: #16a3fe !important; } + +.tc-light .social-links-s2 li a:hover { color: #16a3fe !important; } + +@media (min-width: 992px) { .section-contact .ovm-h-60 { height: 50%; } } + +/** 04.13 WGS */ +.wgs { margin-bottom: 30px; } + +.wgs-title { text-transform: uppercase; color: #1940b0; font-size: 1rem; font-weight: 600; letter-spacing: 0.075em; } + +.wgs-title-s2, .wgs-title-s3 { font-size: 1.125rem; letter-spacing: normal; } + +.wgs-title-s2 { margin-bottom: 18px; font-weight: 600; } + +.wgs-title-s3 { font-weight: 700; margin-bottom: 22px; padding-top: 10px; } + +.tc-light .wgs-title { color: #23c99d; } + +.wgs-logo { padding-bottom: 22px; display: inline-block; } + +.wgs-body p { font-size: 0.93em; line-height: 1.71; margin-bottom: 0.75rem; } + +.wgs-body p:last-child { margin-bottom: 0; } + +.wgs-list li { font-size: .9em; padding-bottom: 14px; letter-spacing: 0.01em; } + +.wgs-list li:last-child { padding-bottom: 0; } + +.wgs-links li { position: relative; padding: 5px 0; line-height: 1; } + +.wgs-links li:last-child { padding-bottom: 0px; } + +.wgs-links li a { font-size: 0.9em; line-height: 20px; display: block; color: #12183a; } + +.wgs-links li a:hover { color: #16a3fe; } + +.tc-light .wgs-links li a { color: #fff !important; } + +.tc-light .wgs-links li a:hover { color: #16a3fe !important; } + +.wgs-links-s2 li { padding: 7px 0; } + +.wgs-links-s2 li a { font-size: 1em; } + +.wgs-links-s3 li { padding: 9px 0; } + +.wgs-links-s4 li { padding: 7px 0; } + +.wgs-links-s5 li { margin-bottom: 17px; } + +.wgs-links-s5 li:first-child { margin-top: -5px; } + +.wgs-links-s5 li a { font-size: 1rem; font-weight: 400; } + +.wgs-links-uline li a { display: inline-block; } + +.wgs-links-uline li a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.wgs-links-category li { padding-left: 20px; } + +.wgs-links-category li a { padding: 10px 0; } + +.wgs-links-category li:before { position: absolute; left: 0; top: 50%; margin-top: -1px; height: 2px; width: 8px; content: ''; background: #16a3fe; } + +.wgs-links-tags { padding: 12px 0; margin: -7px -5px; } + +.wgs-links-tags li { display: inline-block; padding: 7px 5px; } + +.wgs-links-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; } + +.wgs-links-tags li a:hover { color: #fff; border-color: #16a3fe; background: #16a3fe; } + +.wgs-links-3clumn li { width: 32%; display: inline-block; } + +.wgs-archive .wgs-body { padding: 12px 0; } + +.wgs-cta .wgs-body { padding: 30px 30px 35px; } + +.wgs-address { font-size: .9rem; line-height: 2; } + +.wgs-address li:not(:last-child) { margin-bottom: 10px; } + +.wgs-regular { font-weight: 400; } + +@media (min-width: 992px) { .wgs-subscribe-form-s1 { margin-left: -50px; padding-right: 50px; } } + +.copyright-text { color: #415076; } + +.tc-light .copyright-text { color: #b9d2f4; } + +.copyright-text p { color: inherit; } + +.copyright-text a { color: #415076; } + +.copyright-text a:hover { color: #16a3fe; } + +.tc-light .copyright-text a { color: #b9d2f4; } + +.tc-light .copyright-text a:hover { color: #16a3fe; } + +.copyright-text-s1 { font-size: 14px; } + +.copyright-text-s1 p { font-size: inherit; } + +.copyright-text-s2 { text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; } + +.copyright-text-s3 { font-size: 13px; color: #12183a; } + +.tc-light .copyright-text-s3 { color: #b9d2f4; } + +.copyright-text-s3 p { font-size: 13px; color: inherit; } + +.copyright-text-s3 p a { color: inherit !important; } + +.copyright-text-s3 p a:hover { box-shadow: 0 1px 0 0 currentColor; } + +.copyright-text-s3 a { font-weight: 500; } + +.copyright-text-s3 span { color: #415076; padding-bottom: 3px; } + +.tc-light .copyright-text-s3 span { color: #fff; } + +.copyright-text-s4 p { font-size: 0.9rem !important; } + +.copyright-text li a, .copyright-text p { font-size: 13px; color: #fff; } + +.copyright-text li { width: 100%; } + +.footer-nav { margin: 0 -15px; } + +.footer-nav li { display: inline-block; padding: 0 15px; } + +.footer-nav li a { color: #415076; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; } + +.footer-nav li a:hover { color: #16a3fe !important; } + +.tc-light .footer-nav li a { color: #8ca2e5 !important; } + +.tc-light .footer-nav li a:hover { color: #16a3fe !important; } + +@media (min-width: 576px) { .copyright-text-s2 { font-size: 12px; } + .copyright-text li { width: auto; } } + +.wgs-nl-title { margin-bottom: 32px; } + +/** 04.14 Others */ +.rank-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.rank-item { background-image: url(../images/hexagon.png); height: 88px; width: 94px; padding: 16px 20px 0; } + +.rank-item img { max-height: 16px; } + +.rank-count { font-size: 1rem; color: #1940b0; font-weight: 700; padding-top: 4px; line-height: 1.3; } + +.rank-count span { font-size: .7rem; color: #8ca2e5; } + +@media (min-width: 400px) { .rank-item { height: 104px; width: 108px; padding-top: 24px; } } + +@media (min-width: 768px) { .rank-item { height: 136px; width: 146px; padding: 32px 30px 0; } + .rank-item img { max-height: 24px; } + .rank-count { padding-top: 10px; font-size: 1.4rem; } + .rank-count span { font-size: .9rem; } } + +@media (min-width: 992px) { .rank-item { height: 160px; width: 164px; padding-top: 38px; } } + +.rating-info { font-size: 2.23em; line-height: 1; padding: 16px 0; font-weight: 700; background: #eaeff6; border-radius: 6px 6px 0 0; color: #415076; } + +.rating-info span { font-size: .5em; font-weight: 400; color: #8ca2e5; margin-left: 6px; } + +.tc-light .rating-info span { color: #eaeff6; } + +.rating-info span:before { content: '/'; } + +.tc-light .rating-info { color: #fff; background: #2656e0; } + +.rating-title { background: #16a3fe; color: #fff; padding: 5px 0; font-size: .93em; line-height: 20px; border-radius: 0 0 6px 6px; } + +.tc-light .rating-title { background: #0c195a; } + +.bonus { border-radius: 0 0 8px 8px; border: 1px solid rgba(22, 163, 254, 0.2); border-top: none; display: flex; } + +.bonus-info { position: relative; width: 50%; padding: 12px 16px 16px; } + +.bonus-info:not(:last-child) { border-right: 1px solid rgba(22, 163, 254, 0.2); } + +.bonus-percent { font-size: 20px; } + +.bonus-percent small { font-size: 14px; } + +.bonus-date { font-size: 12px; color: #8ca2e5; } + +.bonus-badge { position: absolute; top: 5px; right: 5px; text-transform: uppercase; border-radius: 11px; line-height: 15px; font-size: 8px; font-weight: 500; padding: 0 8px; color: #fff; background: #23c99d; } + +@media (min-width: 420px) { .bonus-info { padding: 12px 30px 16px; } + .bonus-percent { font-size: 28px; } + .bonus-percent small { font-size: 14px; } + .bonus-date { font-size: 12px; color: #8ca2e5; } + .bonus-badge { top: 50%; right: 0; transform: translateY(-50%) rotate(-90deg); line-height: 22px; font-size: 11px; padding: 0 10px; } } + +.chart-data li { display: flex; font-size: 1rem; line-height: 1.4; font-weight: 400; padding: 7px 0; } + +.chart-data li span { display: block; } + +.chart-data-s1 { display: flex; flex-wrap: wrap; } + +.chart-data-s1 li { display: flex; align-items: center; width: auto; transition-delay: .8s; width: 100%; } + +.chart-data-s1 .chart-p { min-width: 55px; height: 55px; line-height: 50px; padding: 0; color: #fff; transform: rotate(45deg); border-radius: 10px; margin: 30px; order: -1; font-size: 16px; font-weight: 600; line-height: 55px; } + +.chart-data-s1 .chart-p span { transform: rotate(-45deg); display: block; } + +.chart-data-s1 .chart-l { text-align: left; } + +.chart-data-s2 { display: flex; flex-wrap: wrap; margin: -10px; } + +.chart-data-s2 li { padding: 10px; } + +.chart-data-item { position: relative; padding: 15px 25px; } + +.chart-data-item:before, .chart-data-item:after { position: absolute; content: ''; top: 0; height: 100%; width: 45px; border: 2px solid #dbe4f7; transition: all .4s; } + +.tc-light .chart-data-item:before, .tc-light .chart-data-item:after { border-color: rgba(219, 228, 247, 0.5); } + +.active > .chart-data-item:before, .active > .chart-data-item:after { border-color: #16a3fe; } + +.chart-data-item:before { left: 0; border-radius: 6px 0 0 6px; border-right: none; } + +.chart-data-item:after { right: 0; border-radius: 0 6px 6px 0; border-left: none; } + +.chart-label { font-size: 14px; font-weight: 700; color: #1940b0; transition: all .4s; } + +.tc-light .chart-label { color: #fff; } + +.active > div > .chart-label { color: #16a3fe; } + +.chart-info { display: block; } + +.chart-percent { font-size: 22px; font-weight: 400; color: #1940b0; } + +.tc-light .chart-percent { color: #fff; } + +.chart-sublabel { font-size: 13px; color: #415076; margin-left: 8px; } + +.tc-light .chart-sublabel { color: #8ca2e5; } + +.chart-p { margin-left: auto; font-size: 1.125rem; font-weight: 500; color: #1940b0; } + +.chart-c { position: relative; top: 3px; height: 14px; width: 14px; border-radius: 3px; margin-right: 12px; flex-shrink: 0; display: block; } + +.chart-canvas { min-height: 300px; max-width: 100%; margin-left: auto; margin-right: auto; } + +.chart-canvas-s1 { min-height: 215px; } + +@media (min-width: 480px) { .chart-data-s1 li { width: 50%; } } + +@media (min-width: 576px) { .chart-label, .chart-percent { font-size: 18px; } + .chart-c { top: 6px; } + .chart-canvas { min-height: 360px; } + .chart-canvas-s1 { min-height: 215px; } } + +@media (min-width: 768px) { .chart-data-s1 li { width: 33.33%; } } + +@media (min-width: 992px) { .chart-data-s1 li { position: absolute; width: auto; transition: all .4s; opacity: 0; } + .chart-data-s1 li:nth-child(1) { top: -60px; left: 50%; transform: translateX(-50%) translateY(-30px) !important; flex-wrap: wrap; transition-delay: .6s; } + .chart-data-s1 li:nth-child(1) .chart-l { order: -1 !important; width: 100%; } + .chart-data-s1 li:nth-child(1) .chart-p { margin: 20px auto; transform: rotate(0); } + .chart-data-s1 li:nth-child(1) .chart-p span { transform: rotate(0); } + .animate.show .chart-data-s1 li:nth-child(1) { transform: translateX(-50%) translateY(0) !important; } + .chart-data-s1 li:nth-child(odd) { left: 50%; transform: translateX(30px) translateY(0); } + .chart-data-s1 li:nth-child(odd) .chart-l { order: 1; } + .chart-data-s1 li:nth-child(even) { right: 50%; transform: translateX(-30px) translateY(0); } + .chart-data-s1 li:nth-child(even) .chart-l { order: -1; text-align: right; } + .chart-data-s1 li:nth-child(even) .chart-p { left: auto; right: 29px; top: 33px; } + .chart-data-s1 li:nth-child(2) { top: 65px; margin-right: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(3) { top: 65px; margin-left: 65px; transition-delay: .8s; } + .chart-data-s1 li:nth-child(4) { top: 173px; margin-right: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(5) { top: 173px; margin-left: 172px; transition-delay: 1s; } + .chart-data-s1 li:nth-child(6) { top: 281px; margin-right: 278px; transition-delay: 1.2s; } + .chart-data-s1 li:nth-child(7) { top: 281px; margin-left: 278px; transition-delay: 1.2s; } + .animate.show .chart-data-s1 li { opacity: 1; transform: translateX(0) translateY(0); } + .chart-data-s1 .chart-p { order: 0; } + .chart-data-s1 .chart-l { text-align: center; font-weight: 400; } + .chart-canvas { min-height: 300px; } + .chart-canvas-s1 { min-height: 215px; } } + +.ath-container { width: 440px; max-width: 100%; margin: 30px auto; } + +.ath-header { padding: 0 0 30px; } + +.ath-heading { text-align: center; font-weight: 300; } + +.ath-heading small { display: block; padding-bottom: 10px; } + +.ath-body { background: #fff; border-radius: 6px; padding: 18px 25px 25px; } + +.ath-note { padding: 25px 0 0; } + +@media (min-width: 576px) { .ath-body { padding: 32px 40px 40px; } } + +.sap-text { position: relative; text-align: center; padding: 20px 0; } + +.sap-text:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; content: ''; background: #dbe4f7; z-index: 3; } + +.sap-text span { position: relative; background: #fff; display: inline-block; padding: 0 15px; z-index: 5; font-size: .9rem; text-transform: uppercase; } + +.bg-theme > .sap-text span { background: #122272; } + +.bg-theme-alt > .sap-text span { background: #1940b0; } + +.blog { background: #fff; border-radius: 6px; box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); margin-bottom: 30px; } + +.tc-light .blog { background: #1940b0; } + +.blog-photo { padding: 30px 30px 0; } + +.blog-photo > img { border-radius: 6px 6px 0 0; } + +.blog-s2 .blog-photo { padding: 0; } + +.blog-text { padding: 25px 30px 30px; } + +.blog-text p { font-size: 0.88rem; } + +.blog-s2 .blog-title { margin-bottom: 8px; } + +.blog-content-inline { padding: 18px 30px 14px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } + +.blog-content .blog-text { padding: 9px 0; } + +.blog-meta { margin-bottom: .25rem; margin: 0 -7px 4px; } + +.blog-meta li { position: relative; display: inline-block; font-size: .88rem; padding: 0 7px; } + +.blog-meta li:not(:last-child):after { content: '|'; position: absolute; right: -3px; top: -1px; color: #415076; } + +.tc-light .blog-meta li:not(:last-child):after { color: #8ca2e5; } + +.blog-meta li a { color: #6e80af; } + +.blog-meta li a:hover { color: #16a3fe; } + +.blog-tags { padding: 12px 0; margin: -7px -5px; } + +.blog-tags li { display: inline-block; padding: 7px 5px; } + +.blog-tags li a { padding: 7px 16px; border: 1px solid #dbe4f7; border-radius: 3px; color: #12183a; font-size: .88rem; } + +.blog-tags li a:hover { color: #fff; border-color: #16a3fe; background: #16a3fe; } + +.blog-featured { margin-bottom: 30px; } + +.blog-comment { padding-top: 25px; } + +.blog-action { padding: 9px 0; } + +.comment-wrap { background: #f6fafd; border-radius: 6px; overflow: hidden; margin-bottom: 30px; } + +.comment-item { padding: 20px; } + +.comment-item:not(:last-child) { border-bottom: 1px solid #fff; } + +.comment-item + .comment-item { padding-left: 40px; } + +.comment-item + .comment-item + .comment-item { padding-left: 60px; } + +.comment-photo { width: 50px; flex-shrink: 0; margin-bottom: 10px; margin-right: 20px; } + +.comment-content { padding-top: 6px; } + +.comment-info .title { margin-bottom: 0; } + +.comment-time { font-size: .75rem; } + +.comment-text { margin-top: 8px; } + +.comment-text p { font-size: .88rem; } + +@media (min-width: 576px) { .comment-wrap { margin-bottom: 30px; } + .comment-item { display: flex; padding: 30px; } + .comment-item + .comment-item { padding-left: 60px; } + .comment-item + .comment-item + .comment-item { padding-left: 90px; } + .comment-photo { margin-bottom: 0; } } + +.pagination { margin-left: auto; margin-right: auto; display: inline-flex; justify-content: center; box-shadow: 0 5px 45px 0 rgba(18, 24, 58, 0.08); } + +.pagination li a { display: inline-block; height: 50px; min-width: 56px; text-align: center; line-height: 20px; padding: 15px 5px; background: #fff; color: rgba(65, 80, 118, 0.7); } + +.pagination li a .icon { line-height: 20px; padding: 0 5px; } + +.pagination li a.active, .pagination li a:hover { background: #16a3fe; color: #fff; } + +.pagination li a.active .icon, .pagination li a:hover .icon { color: #fff; } + +.pagination li:first-child a { border-radius: 6px 0 0 6px; } + +.pagination li:last-child a { border-radius: 0 6px 6px 0; } + +.download-option { text-align: center; position: relative; padding: 10px; margin: 15px 0; } + +.download-option .icon { display: block; padding-bottom: 35px; font-size: 44px; color: #415076; } + +@media (min-width: 992px) { .download-option:not(:last-child):after { position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 1px; background: rgba(162, 179, 205, 0.3); } } + +.doc { text-align: center; position: relative; } + +.doc:hover { z-index: 9; } + +.doc-s2 { display: flex; margin-left: 20px; margin-bottom: 20px; border-radius: 6px; text-align: left; } + +.doc-photo { max-width: 125px; margin-left: auto; margin-right: auto; transition: all .2s linear; } + +.doc-photo img { border-radius: 4px; } + +.doc:hover .doc-photo { transform: translateY(-10px); } + +.doc:hover .doc-photo.no-hover { transform: translateY(0); } + +.doc-s2 .doc-photo { max-width: 100px; margin-top: 20px; margin-left: -20px; margin-bottom: -20px; margin-right: 15px; } + +.doc-shape { padding-top: 60px; position: relative; } + +.doc-shape:before { position: absolute; top: 0; left: 50%; margin-left: -5px; transform: translateX(-50%); transform-origin: 50% 50%; content: ''; background: url(../images/polygon-a-dark.png) 50% 0/contain no-repeat; width: 215px; height: 205px; z-index: -1; transition: all .2s linear; } + +.tc-light .doc-shape:before { background-image: url(../images/polygon-a-light.png); } + +.doc-shape-a:before { transform: translateX(-50%) rotate(0deg); } + +.doc:hover .doc-shape-a:before { transform: translateX(-50%) translateY(10px) rotate(0deg) scale(1.1); } + +.doc-shape-b:before { transform: translateX(-50%) rotate(90deg); } + +.doc:hover .doc-shape-b:before { transform: translateX(-50%) translateY(10px) rotate(90deg) scale(1.1); } + +.doc-shape-c:before { transform: translateX(-50%) rotate(-90deg); } + +.doc:hover .doc-shape-c:before { transform: translateX(-50%) translateY(10px) rotate(-90deg) scale(1.1); } + +.doc-shape-d:before { transform: translateX(-50%) rotate(135deg); } + +.doc:hover .doc-shape-d:before { transform: translateX(-50%) translateY(10px) rotate(135deg) scale(1.1); } + +.doc-title { margin-top: 15px; padding-bottom: 8px; } + +.doc-title small { display: block; } + +.tc-light .doc-title small { color: #8ca2e5; } + +.doc-s2 .doc-title { margin-top: 25px; font-weight: 600; } + +.doc-download { font-size: 18px; line-height: 19px; padding: 8px 15px; min-width: 60px; border-radius: 4px; color: #fff; background: #16a3fe; display: inline-block; } + +.doc-download:hover { color: #fff !important; background: #23c99d; } + +.doc-lang { text-transform: uppercase; font-size: 11px; margin-top: 5px; } + +.tc-light a.doc-download { color: #fff !important; } + +.tc-light a.doc-download:hover { color: #16a3fe !important; background: #fff; } + +@media (min-width: 1200px) { .doc-shape:before { width: 255px; height: 245px; } + .doc-photo { max-width: 175px; } } + +.particles-container { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 0 !important; } + +.particles-container.is-fixed { position: fixed !important; z-index: -1 !important; } + +.product-box { position: relative; display: block; background: #122272; border-radius: 4px; padding: 25px 35px 0; max-width: 360px; margin-left: auto; margin-right: auto; transition: all .4s; z-index: 6; } + +.tc-light .product-box { background: #fff; } + +.product-box:hover { transform: translateY(-8px); } + +.product-name { color: #fff; font-weight: 500; text-align: center; padding-bottom: 5px; margin-bottom: 18px; } + +.tc-light .product-name { color: #23c99d; } + +.product-image { border: 2px solid #16a3fe; border-bottom: 0; border-radius: 4px 4px 0 0; } + +.tc-light .product-image { border-color: #23c99d; } + +.qr-code { background: #fff; border-radius: 4px; width: 40px; height: 40px; text-align: center; box-shadow: 0px 5px 15px rgba(25, 64, 176, 0.14); padding: 0px !important; cursor: pointer; position: relative; margin: 0px 10px; display: none; line-height: 38.5px; } + +.qr-code > img { width: 22px; } + +@media (min-width: 576px) { .qr-code { display: block; } + .qr-code:hover .qr-list { opacity: 1; visibility: visible; } + .qr-list { position: absolute; width: 264px; display: flex; background: #fff; padding: 18px; justify-content: space-between; bottom: calc(100% + 15px); right: 0; box-shadow: 0px 5px 30px rgba(25, 64, 176, 0.3); border-radius: 5px; opacity: 0; transition: 0.3s; visibility: hidden; } + .has-rtl .qr-list { right: auto; left: 0; } + .qr-list:after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 2px; height: 30px; background: #0189e0; } + .qr-list:before { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; right: 10px; z-index: 1; bottom: -13px; } + .has-rtl .qr-list:before { right: auto; left: 10px; } + .qr-list img { padding: 0 6px; } } + +.bg-dark-opacity.card { height: auto; } + +.testimonial { display: block; box-shadow: 0px 5px 40px rgba(25, 64, 176, 0.08); } + +.tesm-image { min-width: 210px; max-width: 210px; margin: 0 auto; box-shadow: 0px 5px 10px rgba(25, 64, 176, 0.08); } + +.tesm-image img { border-radius: 5px; } + +.tesm-content { padding-left: 0; padding-right: 0; text-align: center; padding-top: 30px; position: relative; } + +.tesm-content:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10e"; font-size: 46px; color: rgba(25, 64, 176, 0.07); position: absolute; bottom: 0; right: 0; line-height: normal; } + +.has-rtl .tesm-content:after { right: auto; left: 0; transform: rotateY(-180deg); } + +.tesm-content .title-sm { font-size: 1.1rem; font-weight: 500; color: #415076; opacity: 0.6; line-height: 30px; } + +.tesm-content span { display: block; font-size: 0.9rem; font-style: italic; font-weight: 300; line-height: normal; } + +.testimonial-carousel .owl-nav { top: 50%; opacity: 1; position: absolute; transform: translateY(-50%); padding-top: 0; margin: 0; width: calc(100% + 60px); left: -30px; } + +.testimonial-carousel .owl-nav button { border-width: 0 !important; margin: 0; color: #415076; opacity: 0.5; transition: 0.3s; } + +.has-rtl .testimonial-carousel .owl-nav button:after { transform: rotateY(-180deg); } + +.testimonial-carousel .owl-nav button:hover { opacity: 1; } + +.testimonial-carousel .owl-nav button:after { font-family: "Font Awesome 5 Free"; font-weight: 700; } + +.testimonial-carousel .owl-prev:after { content: '\f060'; } + +.testimonial-carousel .owl-next { position: absolute; right: 0; } + +.has-rtl .testimonial-carousel .owl-next { right: auto; left: 0; } + +.testimonial-carousel .owl-next:after { content: '\f061'; } + +@media (min-width: 576px) { .testimonial { display: flex; flex-direction: row; align-items: center; } + .tesm-content { padding-left: 40px; padding-right: 15px; text-align: left; padding-top: 0; } + .has-rtl .tesm-content { text-align: right; padding-left: 15px; padding-right: 40px; } + .tesm-image { margin: -45px 0; } + .testimonial-carousel .owl-stage-outer { padding: 30px 0; } } + +@media (min-width: 768px) { .testimonial-carousel .owl-nav { width: calc(100% + 80px); left: -40px; } } + +@media (min-width: 992px) { .mlm-30 { margin-left: -30px; } + .testimonial-carousel .owl-nav { width: calc(100% + 160px); left: -80px; } } + +/** 04.14 Others */ +.payment-holder { position: relative; } + +.payment-holder-list { max-width: 1200px; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between; } + +.payment-holder-thumb { width: 58px; height: 58px; box-shadow: 0px 0px 0px 3px #0189e0; position: relative; border-radius: 50%; margin-bottom: 20px; } + +.payment-holder-thumb-s2 { box-shadow: none; border-radius: 0; height: auto; width: auto; } + +.payment-holder-thumb img { width: 100%; border-radius: 50%; } + +.payment-holder-info p { font-size: 11px; font-weight: 500; } + +.payment-holder-single { display: flex; margin-bottom: 30px; align-items: center; width: 100%; align-items: center; flex-wrap: wrap; flex-direction: column-reverse; } + +.payment-info-card { padding: 14px 20px; background: #fff; box-shadow: 0px 5px 20px rgba(1, 137, 224, 0.25); border-radius: 4px; width: 100%; text-align: center; } + +.title-pcard { font-size: 1rem; margin-bottom: 0 !important; font-weight: 400; } + +@media (min-width: 576px) { .payment-holder-single { width: 48%; } } + +@media (min-width: 992px) { .payment-holder-info { margin-bottom: 14px; position: relative; } + .payment-holder-info:after { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; top: 99%; z-index: 1; } + .payment-holder-thumb { border-radius: 50%; } + .payment-holder-thumb img { border-radius: 50%; } + .payment-holder-single { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; flex-direction: column; } + .payment-holder-single:nth-child(1) { margin-left: -23%; margin-top: -10%; } + .payment-holder-single:nth-child(2) { margin-left: -14%; margin-top: 3%; } + .payment-holder-single:nth-child(3) { margin-left: 10%; margin-top: 0; } + .payment-holder-single:nth-child(4) { margin-left: 31%; margin-top: -9%; } + .payment-holder-thumb:after, .payment-holder-thumb:before { position: absolute; content: ""; left: 50%; transform: translateX(-50%); } + .payment-holder-thumb:after { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 40px solid #fff; bottom: -30px; z-index: -1; filter: drop-shadow(0px 6px 0px #0189e0); } + .payment-holder-thumb:before { width: 30px; height: 15px; border-radius: 50%; background: rgba(1, 137, 224, 0.4); bottom: -41px; z-index: -1; } + .payment-holder-thumb-s2 { border-radius: 0px; } + .payment-holder-thumb-s2:before, .payment-holder-thumb-s2:after { display: none; } + .payment-holder-thumb-s2 img { border-radius: 0; } + .payment-info-card { width: auto; text-align: left; } + .has-rtl .payment-info-card { text-align: right; } } + +/** 04.14 datatable */ +.table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } + +.dataTables_filter label { width: 100%; height: 50px; border: 2px solid #d1e0f6; background: transparent; border-radius: 5px; padding: 13px 20px 10px; display: flex; align-items: center; margin-bottom: 30px; } + +.dataTables_filter input { border: none; width: 97% !important; } + +.dataTables_filter input:focus { outline: none; } + +.dataTable { width: 100%; } + +.data-table-area { position: relative; } + +.data-item { box-shadow: 0px 3px 15px rgba(19, 37, 130, 0.06); background: #fff; } + +.data-col { padding: 10px 20px; font-size: 14px; font-weight: 400; color: #fff; } + +.data-col-three { border-left: 1px solid; border-bottom: 1px solid; border-right: 1px solid; } + +.data-col-four { border-bottom: 1px solid; } + +.data-col-five { border-left: 1px solid; } + +.data-col-six { border-right: 1px solid; } + +.data-col:before, .data-col:after { display: none !important; } + +.data-col-inner { padding: 20px; } + +.data-item:not(:last-child) .data-col-inner { border-bottom: 5px solid #eaeff6; } + +.data-col-inner.alphabetical { min-width: 186px; } + +.dt-short { position: absolute; right: 0; top: 0; z-index: 9; } + +.dt-short label { width: 86px; margin-bottom: 0; } + +.has-rtl .dt-short { right: auto; left: 0; } + +@media (max-width: 409px) { .dt-short { position: static !important; margin-bottom: 20px; } + .dataTables_filter label { margin-bottom: 0; } } + +/** 05. Layouts */ +/** 05.01 Header */ +.header-main { padding: 12px 0; transition: all .4s; } + +.is-transparent .header-main, .has-fixed .header-main { width: 100%; z-index: 49; } + +.is-transparent .header-main { position: absolute !important; } + +.has-fixed .header-main { position: fixed !important; box-shadow: 0 0 20px 0 rgba(18, 24, 58, 0.08); } + +.has-fixed:not(.is-dark) .header-main { background: #fff; } + +.has-fixed.is-dark .header-main { background: #08103b; } + +.has-fixed.is-shrink .header-main { padding: 8px 0; } + +.header-container:not(.container) { width: 100%; padding: 0 15px; } + +.header-wrap { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } + +.header-logo { margin: 6px 0; flex-shrink: 0; } + +.header-logo-ls { display: flex; align-items: center; } + +.header-navbar { position: fixed; left: -280px; top: 0; width: 260px; height: 100vh; } + +.header-navbar.menu-mobile { transition: all 0.4s; } + +.header-navbar::before, .header-navbar-overlay { position: absolute; height: 100%; width: 100%; content: ''; top: 0; } + +.header-navbar::before { background: #fff; left: 50%; transform: translateX(-50%); transition: all .4s; } + +.is-dark .header-navbar::before { background: #0f1f71; } + +.header-navbar-overlay { background: rgba(12, 25, 90, 0.7); left: 100%; width: 0; z-index: -1; opacity: 0; visibility: hidden; transition: opacity .3s; transition-delay: .2s; } + +.header-navbar.menu-shown { left: 0 !important; z-index: 10; } + +.header-navbar.menu-shown .header-navbar-overlay { width: 100vw; opacity: 1; visibility: visible; } + +.header-navbar-classic { position: absolute; top: 99%; right: 0; left: 0; width: 100%; height: auto; background: transparent; margin-top: 12px; z-index: auto; flex-grow: 1; transition: all 0.4s; padding: 0 20px; } + +.has-fixed .header-navbar-classic { margin-top: -6px; padding: 0; } + +.header-navbar-classic:before { border-radius: 4px; } + +.has-fixed .header-navbar-classic:before { width: 100vw; border-radius: 0; } + +.header-navbar-s1 { flex-grow: 1; } + +.header-menu { justify-content: flex-end; padding: 30px 25px; } + +.header-navbar-classic .header-menu { padding: 0; } + +.header-banner { min-height: 72px; } + +.overlay-menu-shown { overflow: hidden; } + +.overlay-menu-shown .has-fixed > .header-main { z-index: 6; } + +@media (min-width: 375px) { .header-navbar:not(.header-navbar-classic) { left: -310px; width: 290px; } } + +@media (min-width: 576px) { .header-navbar:not(.header-navbar-classic) { left: -360px; width: 340px; } } + +.logo-dark, .is-transparent:not(.has-fixed) .logo-light, .is-dark .logo-light { display: block; } + +.logo-light, .is-transparent:not(.has-fixed) .logo-dark, .is-dark .logo-dark { display: none; } + +.logo img { height: 80px; transition: all .4s; } + +.logo-md img { height: 80px; } + +.logo-lg img { height: 80px; } + +@media (min-width: 992px) { .header-navbar:not(.header-navbar-classic) { height: auto; width: auto; left: 0; } + .header-main { padding: 20px 0; } + .header-nav-toggle { display: none; } + .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 25px; } + .header-banner { min-height: 98px; } + .logo img { height: 80px; } + .logo-md img { height: 80px; } + .logo-lg img { height: 80px; } } + +@media (min-width: 1200px) { .header-container:not(.container) { padding: 0 25px; } + .header-container-s1:not(.container) { padding: 0 35px; } } + +.header-menu { max-height: 100vh; overflow: hidden; overflow-y: auto; height: 100%; } + +.header-navbar-classic .header-menu { display: none; max-height: 65vh; } + +.header-navbar-classic .header-menu.menu-shown { display: block; } + +.header-nav-toggle { height: 44px; } + +.language-switcher .toggle-tigger, .header-menu .btn-outline:not(:hover) { color: #415076; } + +.is-light .language-switcher .toggle-tigger, .language-switcher .toggle-tigger .is-transparent:not(.is-dark), .is-light .header-menu .btn-outline:not(:hover), .header-menu .btn-outline:not(:hover) .is-transparent:not(.is-dark) { color: #415076; } + +.tc-light .language-switcher .toggle-tigger, .tc-light .btn-outline:not(:hover), .is-dark .language-switcher .toggle-tigger, .is-dark .btn-outline:not(:hover) { color: #fff; } + +@media (min-width: 992px) { .tc-light .header-menu .language-switcher .toggle-tigger, .tc-light .header-menu .btn-outline:not(:hover), .is-transparent .header-menu .language-switcher .toggle-tigger, .is-transparent .header-menu .btn-outline:not(:hover), .is-transparent:not(.has-fixed):not(.is-light) .header-menu .language-switcher .toggle-tigger, .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover), .is-dark .header-menu .language-switcher .toggle-tigger, .is-dark .header-menu .btn-outline:not(:hover) { color: #fff; } + .is-split:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover) { color: #415076; } + .has-fixed:not(.is-dark) .header-menu .language-switcher .toggle-tigger:not(.btn), .has-fixed:not(.is-dark) .header-menu .btn-outline:not(:hover), .is-light .header-menu .language-switcher .toggle-tigger:not(.btn), .is-light .header-menu .btn-outline:not(:hover) { color: #415076; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not(:hover):not(.no-change) { border-color: rgba(255, 255, 255, 0.4); } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn:not(:hover):not(.no-change):not(.btn-outline) { border-color: #fff; background: #fff; color: #415076; } + .is-transparent:not(.has-fixed):not(.is-light) .header-menu .btn-outline:not([class*="btn-grad"]):not(.no-change):hover { color: #16a3fe !important; border-color: #fff; background-color: #fff; } } + +@media (max-width: 991px) { .header-menu .language-switcher-s1, .header-menu .language-switcher-s4 { width: 100%; } + .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 0; } + .has-rtl .header-menu .language-switcher .toggle-tigger:not(.btn) { padding-left: 15px; padding-right: 0; } + .header-menu .btn { line-height: 24px; padding: 6px 14px; min-width: 100px; } + .header-menu .btn-transparent { padding: 6px 0; } } + +/** 05.02 Menu */ +.menu { padding: 12px 0; } + +.menu-btns { margin-bottom: 26px; margin-left: -10px; margin-right: -10px; margin-top: -10px; display: flex; flex-wrap: wrap; } + +.menu-btns > li { padding: 10px; padding: 10px; } + +.menu-item { position: relative; border-bottom: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-item { border-color: rgba(219, 228, 247, 0.1); } + +.menu-item:last-child { border-bottom: 0; } + +.menu-item > ul, .menu-item .menu-sub { display: none; } + +.menu-item a { font-family: "Roboto", sans-serif; font-size: 15px; line-height: 18px; color: #415076; padding: 12px 0; display: block; position: relative; } + +.header-menu-s2 .menu-item a { font-size: 16px; } + +.menu-item a .badge { margin-left: 5px; position: relative; top: -1px; } + +.menu-item a .badge-dot { top: 0; } + +.menu-item a .active, .menu-item a:hover { color: #16a3fe; } + +.is-dark .menu-item a .active, .is-dark .menu-item a:hover { color: #16a3fe; } + +.menu-s2 > .menu-item > a { font-size: 13px; text-transform: uppercase; font-weight: 500; } + +.menu-sub { padding-left: 12px; } + +.menu-sub .menu-item:first-child { border-top: 1px solid rgba(219, 228, 247, 0.75); } + +.is-dark .menu-sub .menu-item:first-child { border-color: rgba(219, 228, 247, 0.1); } + +.menu-sub .menu-sub { margin-top: 0; margin-bottom: 15px; } + +.menu-sub .menu-sub .menu-item { border-bottom: none; } + +.menu-sub .menu-sub .menu-item:first-child { border-top: none; } + +.menu-sub .menu-sub .menu-item a { padding-top: 6px; padding-bottom: 6px; } + +.menu-sub a { font-family: "Roboto", sans-serif; font-size: 14px; color: #415076; } + +.menu-mega a { font-family: "Roboto", sans-serif; font-size: 14px; color: #415076; } + +.is-dark .menu-item a { color: #fff; } + +.menu-item > a.active { color: #16a3fe; } + +.has-sub > a { position: relative; } + +.has-sub > a:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\e64b'; font-family: 'themify'; font-size: 8px; font-weight: 700; transition: transform .4s; } + +.has-sub.open-nav > a:after { transform: translateY(-50%) rotate(-180deg); } + +.navbar-toggle { width: 44px; height: 44px; text-align: center; display: inline-block; border-radius: 50%; padding: 5px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s; } + +.navbar-toggle.navbar-active { color: #16a3fe; position: relative; z-index: 49; } + +.navbar-toggle:hover, .navbar-toggle.navbar-active { background: rgba(246, 250, 253, 0.2); } + +.is-transparent:not(.has-fixed) .navbar-toggle { color: #fff; } + +.is-transparent:not(.has-fixed) .navbar-toggle:hover, .is-transparent:not(.has-fixed) .navbar-toggle.navbar-active { background: rgba(246, 250, 253, 0.2); } + +.toggle-line { position: relative; width: 32px; height: 32px; display: block; color: #415076; } + +.toggle-line:hover { color: #415076; } + +.is-transparent:not(.has-fixed):not(.is-light) .toggle-line { color: #fff; } + +.is-dark.has-fixed .toggle-line { color: #fff; } + +.toggle-line::after, .toggle-line::before, .toggle-line > span { content: ""; position: absolute; background: currentColor; transition: all 0.2s; width: 24px; height: 2px; left: 4px; border-radius: 3px; } + +.toggle-line::before { top: 8px; } + +.toggle-line::after { bottom: 8px; } + +.toggle-line > span { top: 50%; margin-top: -1px; width: 20px; } + +.navbar-active .toggle-line { color: #fff; } + +.navbar-active .toggle-line::before, .navbar-active .toggle-line::after { width: 28px; left: 2px; } + +.navbar-active .toggle-line::before { transform: rotate(45deg); top: 15px; } + +.navbar-active .toggle-line::after { transform: rotate(-45deg); bottom: 15px; } + +.navbar-active .toggle-line > span { opacity: 0; visibility: hidden; } + +.secondary-navbar { box-shadow: 0px 5px 40px rgba(65, 80, 118, 0.1); padding: 15px 0; } + +.secondary-menu-list { display: flex; align-items: center; justify-content: center; padding: 0; flex-wrap: wrap; } + +.secondary-menu-item { width: 50%; } + +.secondary-menu-link { padding: 5px 16px; display: inline-block; color: #415076; font-weight: 400; position: relative; } + +.secondary-menu-link:after { position: absolute; content: ""; left: 50%; bottom: 0; width: 0; height: 3px; background: #23c99d; transform: translateX(-50%); transition: 0.3s; transform-origin: left; border-radius: 50%; } + +.secondary-menu-link:hover { color: currentColor; } + +.secondary-menu-link:hover:after { width: 3px; } + +.secondary-menu-item.active .secondary-menu-link { color: currentColor; } + +.secondary-menu-item.active .secondary-menu-link:after { width: 3px; } + +@media (min-width: 425px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 16px; width: auto; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-list { flex-wrap: nowrap; } + .secondary-menu-link:after { border-radius: 0; } + .secondary-menu-link:hover { color: currentColor; } + .secondary-menu-link:hover:after { width: 25px; } + .secondary-menu-item.active .secondary-menu-link { color: currentColor; } + .secondary-menu-item.active .secondary-menu-link:after { width: 25px; } } + +@media (min-width: 576px) { .secondary-menu-item { width: auto; } + .secondary-menu-link { padding: 20px 28px; width: auto; } } + +@media (min-width: 992px) { .header-menu { display: flex !important; width: auto; align-items: center; position: static; background: transparent; padding: 0; margin: 0; border-radius: 0; overflow: visible; } + .header-navbar { padding: 0 0 0 15px; margin-top: 0; position: relative; } + .header-navbar:before { display: none; } + .has-fixed .header-navbar { margin-top: 0; } + .menu { display: flex; align-items: center; padding: 0; } + .menu-item { border-bottom: none; } + .menu-item > a { font-weight: 400; padding: 20px 10px; } + .menu-drop .menu-item > a { font-weight: 300; } + .menu-item:hover { z-index: 9999; } + .menu-sub { position: absolute; min-width: 215px; max-width: 215px; background: #fff; padding: 15px 10px; top: 100%; left: 0; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; transform: translateX(0) translateY(-8px); box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); } + .menu-sub a { width: 100%; display: block; padding: 10px 10px; } + .menu-sub .menu-item:first-child { border-top: none; } + .menu-sub .menu-item:hover > a { color: #16a3fe; } + .menu-item:hover > .menu-sub { opacity: 1; visibility: visible; transform: translateX(0) translateY(0); } + .menu-sub .menu-sub { left: calc(100% - 25px); top: 15px; margin: 0; } + .menu-sub .menu-sub .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .is-dark .menu-sub { background-color: #1d4bcf; } + .menu-mega { position: absolute; left: 50%; background: #fff; padding: 15px 10px; top: 100%; display: block !important; z-index: 99; opacity: 0; visibility: hidden; transition: all .4s; border-radius: 4px; box-shadow: 0 3px 12px 0 rgba(18, 24, 58, 0.08); transform: translateX(-50%) translateY(-8px); } + .menu-item:hover > .menu-mega { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } + .menu-mega .menu-item a { padding-top: 8px; padding-bottom: 8px; } + .menu-mega-innr { display: flex; } + .menu-mega-innr > div, .menu-mega-innr ul { flex-grow: 1; } + .menu-mega-2clmn .menu-mega-innr > div, .menu-mega-2clmn .menu-mega-innr ul { width: 50%; } + .menu-mega-3clmn .menu-mega-innr > div, .menu-mega-3clmn .menu-mega-innr ul { width: auto; } + .menu-mega-2clmn { min-width: 370px; max-width: 370px; } + .menu-mega-3clmn { min-width: 520px; max-width: 520px; } + .is-dark .menu-mega { background-color: #1d4bcf; } + .menu-btns { display: flex; margin-bottom: -10px; margin-left: 10px; } + .menu-btns-s3 { margin-left: 0; } + .has-sub > a { padding-right: 24px !important; position: relative; } + .has-sub > a:after { right: 8px; } + .menu-sub .has-sub > a { padding-right: 35px; } + .menu-sub .has-sub > a:after { transform: translateY(-50%) rotate(-90deg); right: 15px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a { padding-right: 20px !important; padding-left: 35px; } + > .has-sub.menu-item:last-child .menu-sub:not(.menu-mega) .menu-item > a:after { transform: translateY(-50%) rotate(90deg); left: 15px; right: auto; } + > .has-sub.menu-item:last-child .menu-mega { left: auto; right: 0; transform: translateX(0) translateY(-8px); } + > .has-sub.menu-item:last-child:hover .menu-mega { transform: translateX(0) translateY(0); } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item > a { color: #fff; } + .is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item:hover > a { color: #16a3fe; } + .secondary-navbar { padding: 0; display: block; } + .secondary-menu-link { padding: 20px 38px; } } + +@media (min-width: 992px) and (max-width: 1199px) { .logo img { height: 100px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 4px; font-size: 12px; font-weight: 500; } + .menu-btns > li { padding: 6px; } + .menu-btns .btn { font-size: 13px; line-height: 20px; padding: 10px 15px; min-width: 0; } + .menu-btns .btn.btn-grad { padding: 12px 15px; } + .menu-btns .btn-md { font-size: 11px; line-height: 19px; padding: 8px 16px; } + .menu-btns .btn-md.btn-grad { padding: 10px 16px; } } + +@media (min-width: 1200px) { .menu > .menu-item > a { padding: 20px 15px; } + .header-navbar-s1 .menu > .menu-item > a { padding: 20px 8.5px; font-size: 12px; font-weight: 500; } + .menu-s2 > .menu-item > a { padding-left: 7.5px; padding-right: 7.5px; } + .menu-item.has-sub > a { padding-right: 23px !important; } + .menu-item.has-sub > a:after { right: 8px; } + .menu-sub a { padding: 10px 15px; } + .secondary-menu-link { padding: 20px 45px; } } + +@media (min-width: 1600px) { .header-navbar-s1 .menu > .menu-item > a { font-size: 14px; } + .header-menu-s2 .menu > .menu-item > a { padding: 20px 30px; } } + +/** 05.03 Sections */ +.nk-body { min-width: 320px; } + +.nk-pages-centered { display: flex; flex-direction: column; justify-content: center; min-height: 100vh; padding: 0 15px; } + +@media (min-width: 1600px) { .body-boxed .nk-wrap { max-width: 1400px; } } + +.container-md { max-width: 960px; } + +.container-sm { max-width: 720px; } + +.container-xs { max-width: 520px; } + +.container-z { z-index: 5; position: relative; } + +.section { position: relative; overflow-x: hidden; width: 100%; z-index: 2; } + +.section-sm { padding-top: 40px !important; padding-bottom: 40px !important; } + +.section-connect { overflow: visible; } + +.section-connect:before { position: absolute; top: 0; left: 50%; content: ""; height: 80px; width: 2px; transform: translate(-50%, -50%); background: linear-gradient(to bottom, #16a3fe 0%, #23c99d 100%); z-index: 2; } + +.ov-v + .section { z-index: inherit; } + +.section-t-s-fixed, .section-s-fixed { padding-top: 68px !important; } + +.section-b-s-fixed, .section-s-fixed { padding-bottom: 68px !important; } + +.section-t-m-fixed, .section-m-fixed { padding-top: 80px !important; } + +.section-b-m-fixed, .section-m-fixed { padding-bottom: 80px !important; } + +.section-t-l-fixed, .section-l-fixed { padding-top: 120px !important; } + +.section-b-l-fixed, .section-l-fixed { padding-bottom: 120px !important; } + +.section-t-x-fixed, .section-x-fixed { padding-top: 150px !important; } + +.section-b-x-fixed, .section-x-fixed { padding-bottom: 150px !important; } + +.section-t, .section { padding-top: 60px; } + +.section-b, .section { padding-bottom: 60px; } + +.section-t-xl { padding-top: 150px !important; } + +@media (min-width: 576px) { .section-connect:before { height: 100px; } + .section-t, .section { padding-top: 68px; } + .section-b, .section { padding-bottom: 68px; } + .section-t-s, .section-s { padding-top: 68px !important; } + .section-b-s, .section-s { padding-bottom: 68px !important; } } + +@media (min-width: 768px) { .section-connect:before { height: 120px; } + .section-t, .section { padding-top: 80px; } + .section-b, .section { padding-bottom: 80px; } + .section-t-m, .section-m { padding-top: 80px !important; } + .section-b-m, .section-m { padding-bottom: 80px !important; } } + +@media (min-width: 992px) { .section-connect:before { height: 160px; } + .section-t, .section { padding-top: 120px; } + .section-b, .section { padding-bottom: 120px; } + .section-t-l, .section-l { padding-top: 120px !important; } + .section-b-l, .section-l { padding-bottom: 120px !important; } + .section-t-xl { padding-top: 180px !important; } } + +@media (min-width: 1600px) { .section-t, .section { padding-top: 150px; } + .section-b, .section { padding-bottom: 150px; } + .section-t-x, .section-x { padding-top: 150px !important; } + .section-b-x, .section-x { padding-bottom: 150px !important; } } + +@media (max-width: 575px) { .section-mxw-t-0 { padding-top: 0; } + .section-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 767px) { .section-sm-mxw-t-0 { padding-top: 0; } + .section-sm-mxw-b-0 { padding-top: 0; } } + +@media (max-width: 991px) { .section-md-mxw-t-0 { padding-top: 0; } + .section-md-mxw-b-0 { padding-bottom: 0 !important; } } + +@media (max-width: 1199px) { .section-lg-mxw-t-0 { padding-top: 0; } + .section-lg-mxw-b-0 { padding-bottom: 0; } } + +[class*="section"].pt-0, [class*="section"].pdt-0 { padding-top: 0 !important; } + +[class*="section"].pb-0, [class*="section"].pdb-0 { padding-bottom: 0 !important; } + +.split { height: 100%; } + +.split-left { border-radius: 6px 6px 0 0; } + +.split-right { border-radius: 0 0 6px 6px; } + +@media (min-width: 576px) { .split-sm-left { border-radius: 6px 0 0 6px; } + .split-sm-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 768px) { .split-md-left { border-radius: 6px 0 0 6px; } + .split-md-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 992px) { .split-lg { border-radius: 6px; } + .split-lg-left { border-radius: 6px 0 0 6px; } + .split-lg-right { border-radius: 0 6px 6px 0; } } + +@media (min-width: 1200px) { .split-xl-left { border-radius: 6px 0 0 6px; } + .split-xl-right { border-radius: 0 6px 6px 0; } } + +.nk-pages-angled { margin-top: -450px; } + +@media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } + +/** 05.04 Footer */ +.nk-footer-angled { margin-top: -450px; } + +.footer-links { margin: 0 -12px; } + +.footer-links > li { display: inline-block; padding: 0 12px; } + +.footer-links > li > a { font-size: 13px; color: #415076; } + +.footer-links > li > a:hover { color: #16a3fe; } + +.tc-light .footer-links > li > a { color: #8ca2e5 !important; } + +.tc-light .footer-links > li > a:hover { color: #16a3fe !important; } + +/** 06. Override */ +.mfp-bg, .mfp-wrap, .mfp-wrap[class*="bg-"], .mfp-bg[class*="bg-"] { position: fixed !important; z-index: 99999999 !important; top: 0 !important; } + +.mfp-wrap, .mfp-wrap[class*="bg-"] { background: transparent !important; } + +/** 07. Preview Purpose */ +.icon-preview { text-align: center; padding: 30px; border-radius: 4px; border: 1px solid #dfeaf8; height: 100%; } + +.icon-wrap [class*="ikon-"] { font-size: 40px; } + +.icon-class { padding-top: 15px; } + +.nk-preview { position: relative; padding-bottom: 60px; } + +.nk-preview:first-child { padding-top: 60px; } + +.nk-preview-content { padding-top: 10px; } + +.nk-preview-content > .tab-pane { padding-top: 0; box-shadow: 0 5px 35px -5px rgba(18, 24, 58, 0.12); } + +.nk-preview .nk-block-head .nav { margin-bottom: 25px; margin-left: 0; margin-right: 0; } + +.nk-preview .nk-block-head .nav a { font-size: .8rem; padding: 10px 5px 5px; } + +.nk-preview .nk-block-head .title { color: #415076; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } + +.nk-preview .nk-block-head .title .badge { margin-left: 5px; } + +.has-rtl .nk-preview .nk-block-head .title .badge { margin-left: 0; margin-right: 5px; } + +.nk-preview .nk-block-head .title small { font-size: 12px; text-transform: none; letter-spacing: 0; margin-top: 0.45rem; color: #828998; display: block; } + +@media (min-width: 576px) { .nk-preview { padding-bottom: 68px; } + .nk-preview:first-child { padding-top: 68px; } } + +@media (min-width: 768px) { .nk-preview { padding-bottom: 80px; } + .nk-preview:first-child { padding-top: 80px; } } + +@media (min-width: 992px) { .nk-preview { padding-bottom: 120px; } + .nk-preview:first-child { padding-top: 120px; } } + +@media (min-width: 1600px) { .nk-preview { padding-bottom: 150px; } + .nk-preview:first-child { padding-top: 150px; } } + +@media (min-width: 1280px) { .nk-preview { padding-left: 48px; padding-right: 48px; } + .nk-preview-content > .tab-pane { box-shadow: 0 5px 35px -5px rgba(18, 24, 58, 0.12); } } + +@media (min-width: 1200px) and (min-height: 900px) { .nk-preview .banner-fs, .nk-preview .nk-pages-centered { min-height: calc(100vh - 200px); } } + +/* END @iO */ +/* END @iO */ diff --git a/assets/css/theme.css b/assets/css/theme.css new file mode 100644 index 0000000..288de7e --- /dev/null +++ b/assets/css/theme.css @@ -0,0 +1,7 @@ +/*! +Template : ICOCrypto @by Softnio +Theme : Default +Version : 1.9.3 +Updated : 05/05/2021 +*/ +/*! WRITE YOUR CUSTOM STYLE **/ diff --git a/assets/css/vendor.bundle.css b/assets/css/vendor.bundle.css new file mode 100644 index 0000000..e42d4b0 --- /dev/null +++ b/assets/css/vendor.bundle.css @@ -0,0 +1,4937 @@ +/*! Theme Name: ICOCrypto @by Softnio @v1.9.3 @updated 05/05/2021 */ + /* Bootstrap v4.6.0 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ + :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } + + *, *::before, *::after { box-sizing: border-box; } + + html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + + article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } + + body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } + + [tabindex="-1"]:focus { outline: 0 !important; } + + hr { box-sizing: content-box; height: 0; overflow: visible; } + + h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } + + p { margin-top: 0; margin-bottom: 1rem; } + + abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } + + address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } + + ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } + + ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } + + dt { font-weight: 700; } + + dd { margin-bottom: .5rem; margin-left: 0; } + + blockquote { margin: 0 0 1rem; } + + b, strong { font-weight: bolder; } + + small { font-size: 80%; } + + sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } + + sub { bottom: -.25em; } + + sup { top: -.5em; } + + a { color: #007bff; text-decoration: none; background-color: transparent; } + + a:hover { color: #0056b3; text-decoration: underline; } + + a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } + + a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } + + a:not([href]):not([tabindex]):focus { outline: 0; } + + pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } + + pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } + + figure { margin: 0 0 1rem; } + + img { vertical-align: middle; border-style: none; } + + svg { overflow: hidden; vertical-align: middle; } + + table { border-collapse: collapse; } + + caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } + + th { text-align: inherit; } + + label { display: inline-block; margin-bottom: 0.5rem; } + + button { border-radius: 0; } + + button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } + + input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } + + button, input { overflow: visible; } + + button, select { text-transform: none; } + + select { word-wrap: normal; } + + button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } + + button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } + + button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } + + input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } + + input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } + + textarea { overflow: auto; resize: vertical; } + + fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } + + legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } + + progress { vertical-align: baseline; } + + [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } + + [type="search"] { outline-offset: -2px; -webkit-appearance: none; } + + [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } + + ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } + + output { display: inline-block; } + + summary { display: list-item; cursor: pointer; } + + template { display: none; } + + [hidden] { display: none !important; } + + h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } + + h1, .h1 { font-size: 2.5rem; } + + h2, .h2 { font-size: 2rem; } + + h3, .h3 { font-size: 1.75rem; } + + h4, .h4 { font-size: 1.5rem; } + + h5, .h5 { font-size: 1.25rem; } + + h6, .h6 { font-size: 1rem; } + + .lead { font-size: 1.25rem; font-weight: 300; } + + .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } + + .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } + + .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } + + .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } + + hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } + + small, .small { font-size: 80%; font-weight: 400; } + + mark, .mark { padding: 0.2em; background-color: #fcf8e3; } + + .list-unstyled { padding-left: 0; list-style: none; } + + .list-inline { padding-left: 0; list-style: none; } + + .list-inline-item { display: inline-block; } + + .list-inline-item:not(:last-child) { margin-right: 0.5rem; } + + .initialism { font-size: 90%; text-transform: uppercase; } + + .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } + + .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } + + .blockquote-footer::before { content: "\2014\00A0"; } + + .img-fluid { max-width: 100%; height: auto; } + + .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } + + .figure { display: inline-block; } + + .figure-img { margin-bottom: 0.5rem; line-height: 1; } + + .figure-caption { font-size: 90%; color: #6c757d; } + + code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } + + a > code { color: inherit; } + + kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } + + kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } + + pre { display: block; font-size: 87.5%; color: #212529; } + + pre code { font-size: inherit; color: inherit; word-break: normal; } + + .pre-scrollable { max-height: 340px; overflow-y: scroll; } + + .container { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } + + @media (min-width: 410px) { .container { max-width: 100%; } } + + @media (min-width: 576px) { .container { max-width: 100%; } } + + @media (min-width: 768px) { .container { max-width: 720px; } } + + @media (min-width: 992px) { .container { max-width: 960px; } } + + @media (min-width: 1200px) { .container { max-width: 1140px; } } + + @media (min-width: 1600px) { .container { max-width: 1140px; } } + + .container-fluid { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } + + .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } + + .no-gutters { margin-right: 0; margin-left: 0; } + + .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } + + .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-mb-1, .col-mb-2, .col-mb-3, .col-mb-4, .col-mb-5, .col-mb-6, .col-mb-7, .col-mb-8, .col-mb-9, .col-mb-10, .col-mb-11, .col-mb-12, .col-mb, .col-mb-auto, .col-sm-1, .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-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .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-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .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-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .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-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } + + .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } + + .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } + + .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } + + .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } + + .col-3 { flex: 0 0 25%; max-width: 25%; } + + .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } + + .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } + + .col-6 { flex: 0 0 50%; max-width: 50%; } + + .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } + + .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } + + .col-9 { flex: 0 0 75%; max-width: 75%; } + + .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } + + .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } + + .col-12 { flex: 0 0 100%; max-width: 100%; } + + .order-first { order: -1; } + + .order-last { order: 13; } + + .order-0 { order: 0; } + + .order-1 { order: 1; } + + .order-2 { order: 2; } + + .order-3 { order: 3; } + + .order-4 { order: 4; } + + .order-5 { order: 5; } + + .order-6 { order: 6; } + + .order-7 { order: 7; } + + .order-8 { order: 8; } + + .order-9 { order: 9; } + + .order-10 { order: 10; } + + .order-11 { order: 11; } + + .order-12 { order: 12; } + + .offset-1 { margin-left: 8.33333%; } + + .offset-2 { margin-left: 16.66667%; } + + .offset-3 { margin-left: 25%; } + + .offset-4 { margin-left: 33.33333%; } + + .offset-5 { margin-left: 41.66667%; } + + .offset-6 { margin-left: 50%; } + + .offset-7 { margin-left: 58.33333%; } + + .offset-8 { margin-left: 66.66667%; } + + .offset-9 { margin-left: 75%; } + + .offset-10 { margin-left: 83.33333%; } + + .offset-11 { margin-left: 91.66667%; } + + @media (min-width: 410px) { .col-mb { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .col-mb-auto { flex: 0 0 auto; width: auto; max-width: 100%; } + .col-mb-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } + .col-mb-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } + .col-mb-3 { flex: 0 0 25%; max-width: 25%; } + .col-mb-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } + .col-mb-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } + .col-mb-6 { flex: 0 0 50%; max-width: 50%; } + .col-mb-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } + .col-mb-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } + .col-mb-9 { flex: 0 0 75%; max-width: 75%; } + .col-mb-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } + .col-mb-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } + .col-mb-12 { flex: 0 0 100%; max-width: 100%; } + .order-mb-first { order: -1; } + .order-mb-last { order: 13; } + .order-mb-0 { order: 0; } + .order-mb-1 { order: 1; } + .order-mb-2 { order: 2; } + .order-mb-3 { order: 3; } + .order-mb-4 { order: 4; } + .order-mb-5 { order: 5; } + .order-mb-6 { order: 6; } + .order-mb-7 { order: 7; } + .order-mb-8 { order: 8; } + .order-mb-9 { order: 9; } + .order-mb-10 { order: 10; } + .order-mb-11 { order: 11; } + .order-mb-12 { order: 12; } + .offset-mb-0 { margin-left: 0; } + .offset-mb-1 { margin-left: 8.33333%; } + .offset-mb-2 { margin-left: 16.66667%; } + .offset-mb-3 { margin-left: 25%; } + .offset-mb-4 { margin-left: 33.33333%; } + .offset-mb-5 { margin-left: 41.66667%; } + .offset-mb-6 { margin-left: 50%; } + .offset-mb-7 { margin-left: 58.33333%; } + .offset-mb-8 { margin-left: 66.66667%; } + .offset-mb-9 { margin-left: 75%; } + .offset-mb-10 { margin-left: 83.33333%; } + .offset-mb-11 { margin-left: 91.66667%; } } + + @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } + .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } + .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } + .col-sm-3 { flex: 0 0 25%; max-width: 25%; } + .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } + .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } + .col-sm-6 { flex: 0 0 50%; max-width: 50%; } + .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } + .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } + .col-sm-9 { flex: 0 0 75%; max-width: 75%; } + .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } + .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } + .col-sm-12 { flex: 0 0 100%; max-width: 100%; } + .order-sm-first { order: -1; } + .order-sm-last { order: 13; } + .order-sm-0 { order: 0; } + .order-sm-1 { order: 1; } + .order-sm-2 { order: 2; } + .order-sm-3 { order: 3; } + .order-sm-4 { order: 4; } + .order-sm-5 { order: 5; } + .order-sm-6 { order: 6; } + .order-sm-7 { order: 7; } + .order-sm-8 { order: 8; } + .order-sm-9 { order: 9; } + .order-sm-10 { order: 10; } + .order-sm-11 { order: 11; } + .order-sm-12 { order: 12; } + .offset-sm-0 { margin-left: 0; } + .offset-sm-1 { margin-left: 8.33333%; } + .offset-sm-2 { margin-left: 16.66667%; } + .offset-sm-3 { margin-left: 25%; } + .offset-sm-4 { margin-left: 33.33333%; } + .offset-sm-5 { margin-left: 41.66667%; } + .offset-sm-6 { margin-left: 50%; } + .offset-sm-7 { margin-left: 58.33333%; } + .offset-sm-8 { margin-left: 66.66667%; } + .offset-sm-9 { margin-left: 75%; } + .offset-sm-10 { margin-left: 83.33333%; } + .offset-sm-11 { margin-left: 91.66667%; } } + + @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } + .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } + .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } + .col-md-3 { flex: 0 0 25%; max-width: 25%; } + .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } + .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } + .col-md-6 { flex: 0 0 50%; max-width: 50%; } + .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } + .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } + .col-md-9 { flex: 0 0 75%; max-width: 75%; } + .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } + .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } + .col-md-12 { flex: 0 0 100%; max-width: 100%; } + .order-md-first { order: -1; } + .order-md-last { order: 13; } + .order-md-0 { order: 0; } + .order-md-1 { order: 1; } + .order-md-2 { order: 2; } + .order-md-3 { order: 3; } + .order-md-4 { order: 4; } + .order-md-5 { order: 5; } + .order-md-6 { order: 6; } + .order-md-7 { order: 7; } + .order-md-8 { order: 8; } + .order-md-9 { order: 9; } + .order-md-10 { order: 10; } + .order-md-11 { order: 11; } + .order-md-12 { order: 12; } + .offset-md-0 { margin-left: 0; } + .offset-md-1 { margin-left: 8.33333%; } + .offset-md-2 { margin-left: 16.66667%; } + .offset-md-3 { margin-left: 25%; } + .offset-md-4 { margin-left: 33.33333%; } + .offset-md-5 { margin-left: 41.66667%; } + .offset-md-6 { margin-left: 50%; } + .offset-md-7 { margin-left: 58.33333%; } + .offset-md-8 { margin-left: 66.66667%; } + .offset-md-9 { margin-left: 75%; } + .offset-md-10 { margin-left: 83.33333%; } + .offset-md-11 { margin-left: 91.66667%; } } + + @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } + .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } + .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } + .col-lg-3 { flex: 0 0 25%; max-width: 25%; } + .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } + .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } + .col-lg-6 { flex: 0 0 50%; max-width: 50%; } + .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } + .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } + .col-lg-9 { flex: 0 0 75%; max-width: 75%; } + .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } + .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } + .col-lg-12 { flex: 0 0 100%; max-width: 100%; } + .order-lg-first { order: -1; } + .order-lg-last { order: 13; } + .order-lg-0 { order: 0; } + .order-lg-1 { order: 1; } + .order-lg-2 { order: 2; } + .order-lg-3 { order: 3; } + .order-lg-4 { order: 4; } + .order-lg-5 { order: 5; } + .order-lg-6 { order: 6; } + .order-lg-7 { order: 7; } + .order-lg-8 { order: 8; } + .order-lg-9 { order: 9; } + .order-lg-10 { order: 10; } + .order-lg-11 { order: 11; } + .order-lg-12 { order: 12; } + .offset-lg-0 { margin-left: 0; } + .offset-lg-1 { margin-left: 8.33333%; } + .offset-lg-2 { margin-left: 16.66667%; } + .offset-lg-3 { margin-left: 25%; } + .offset-lg-4 { margin-left: 33.33333%; } + .offset-lg-5 { margin-left: 41.66667%; } + .offset-lg-6 { margin-left: 50%; } + .offset-lg-7 { margin-left: 58.33333%; } + .offset-lg-8 { margin-left: 66.66667%; } + .offset-lg-9 { margin-left: 75%; } + .offset-lg-10 { margin-left: 83.33333%; } + .offset-lg-11 { margin-left: 91.66667%; } } + + @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } + .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } + .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } + .col-xl-3 { flex: 0 0 25%; max-width: 25%; } + .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } + .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } + .col-xl-6 { flex: 0 0 50%; max-width: 50%; } + .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } + .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } + .col-xl-9 { flex: 0 0 75%; max-width: 75%; } + .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } + .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } + .col-xl-12 { flex: 0 0 100%; max-width: 100%; } + .order-xl-first { order: -1; } + .order-xl-last { order: 13; } + .order-xl-0 { order: 0; } + .order-xl-1 { order: 1; } + .order-xl-2 { order: 2; } + .order-xl-3 { order: 3; } + .order-xl-4 { order: 4; } + .order-xl-5 { order: 5; } + .order-xl-6 { order: 6; } + .order-xl-7 { order: 7; } + .order-xl-8 { order: 8; } + .order-xl-9 { order: 9; } + .order-xl-10 { order: 10; } + .order-xl-11 { order: 11; } + .order-xl-12 { order: 12; } + .offset-xl-0 { margin-left: 0; } + .offset-xl-1 { margin-left: 8.33333%; } + .offset-xl-2 { margin-left: 16.66667%; } + .offset-xl-3 { margin-left: 25%; } + .offset-xl-4 { margin-left: 33.33333%; } + .offset-xl-5 { margin-left: 41.66667%; } + .offset-xl-6 { margin-left: 50%; } + .offset-xl-7 { margin-left: 58.33333%; } + .offset-xl-8 { margin-left: 66.66667%; } + .offset-xl-9 { margin-left: 75%; } + .offset-xl-10 { margin-left: 83.33333%; } + .offset-xl-11 { margin-left: 91.66667%; } } + + @media (min-width: 1600px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } + .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } + .col-xxl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } + .col-xxl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } + .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } + .col-xxl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } + .col-xxl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } + .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } + .col-xxl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } + .col-xxl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } + .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } + .col-xxl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } + .col-xxl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } + .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } + .order-xxl-first { order: -1; } + .order-xxl-last { order: 13; } + .order-xxl-0 { order: 0; } + .order-xxl-1 { order: 1; } + .order-xxl-2 { order: 2; } + .order-xxl-3 { order: 3; } + .order-xxl-4 { order: 4; } + .order-xxl-5 { order: 5; } + .order-xxl-6 { order: 6; } + .order-xxl-7 { order: 7; } + .order-xxl-8 { order: 8; } + .order-xxl-9 { order: 9; } + .order-xxl-10 { order: 10; } + .order-xxl-11 { order: 11; } + .order-xxl-12 { order: 12; } + .offset-xxl-0 { margin-left: 0; } + .offset-xxl-1 { margin-left: 8.33333%; } + .offset-xxl-2 { margin-left: 16.66667%; } + .offset-xxl-3 { margin-left: 25%; } + .offset-xxl-4 { margin-left: 33.33333%; } + .offset-xxl-5 { margin-left: 41.66667%; } + .offset-xxl-6 { margin-left: 50%; } + .offset-xxl-7 { margin-left: 58.33333%; } + .offset-xxl-8 { margin-left: 66.66667%; } + .offset-xxl-9 { margin-left: 75%; } + .offset-xxl-10 { margin-left: 83.33333%; } + .offset-xxl-11 { margin-left: 91.66667%; } } + + .table { width: 100%; margin-bottom: 1rem; color: #212529; } + + .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } + + .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } + + .table tbody + tbody { border-top: 2px solid #dee2e6; } + + .table-sm th, .table-sm td { padding: 0.3rem; } + + .table-bordered { border: 1px solid #dee2e6; } + + .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } + + .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } + + .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } + + .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } + + .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } + + .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } + + .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } + + .table-hover .table-primary:hover { background-color: #9fcdff; } + + .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } + + .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } + + .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } + + .table-hover .table-secondary:hover { background-color: #c8cbcf; } + + .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } + + .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } + + .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } + + .table-hover .table-success:hover { background-color: #b1dfbb; } + + .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } + + .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } + + .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } + + .table-hover .table-info:hover { background-color: #abdde5; } + + .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } + + .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } + + .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } + + .table-hover .table-warning:hover { background-color: #ffe8a1; } + + .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } + + .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } + + .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } + + .table-hover .table-danger:hover { background-color: #f1b0b7; } + + .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } + + .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } + + .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } + + .table-hover .table-light:hover { background-color: #ececf6; } + + .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } + + .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } + + .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } + + .table-hover .table-dark:hover { background-color: #b9bbbe; } + + .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } + + .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } + + .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } + + .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } + + .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } + + .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } + + .table-dark { color: #fff; background-color: #343a40; } + + .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } + + .table-dark.table-bordered { border: 0; } + + .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } + + .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } + + @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } + .table-responsive-sm > .table-bordered { border: 0; } } + + @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } + .table-responsive-md > .table-bordered { border: 0; } } + + @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } + .table-responsive-lg > .table-bordered { border: 0; } } + + @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } + .table-responsive-xl > .table-bordered { border: 0; } } + + .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } + + .table-responsive > .table-bordered { border: 0; } + + .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + + @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } + + .form-control::-ms-expand { background-color: transparent; border: 0; } + + .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } + + .form-control::placeholder { color: #6c757d; opacity: 1; } + + .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } + + select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } + + .form-control-file, .form-control-range { display: block; width: 100%; } + + .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } + + .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } + + .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } + + .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } + + .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } + + .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } + + .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } + + select.form-control[size], select.form-control[multiple] { height: auto; } + + textarea.form-control { height: auto; } + + .form-group { margin-bottom: 1rem; } + + .form-text { display: block; margin-top: 0.25rem; } + + .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } + + .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } + + .form-check { position: relative; display: block; padding-left: 1.25rem; } + + .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } + + .form-check-input:disabled ~ .form-check-label { color: #6c757d; } + + .form-check-label { margin-bottom: 0; } + + .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } + + .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } + + .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } + + .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } + + .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } + + .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } + + .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } + + .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } + + .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } + + .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } + + .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } + + .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } + + .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } + + .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } + + .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } + + .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } + + .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } + + .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } + + .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } + + .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } + + .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } + + .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } + + .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } + + .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } + + .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } + + .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } + + .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } + + .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } + + .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } + + .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } + + .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } + + .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } + + .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } + + .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } + + .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } + + .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } + + .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } + + .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } + + .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } + + .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } + + .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } + + .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } + + .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } + + .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } + + .form-inline { display: flex; flex-flow: row wrap; align-items: center; } + + .form-inline .form-check { width: 100%; } + + @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } + .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } + .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } + .form-inline .form-control-plaintext { display: inline-block; } + .form-inline .input-group, .form-inline .custom-select { width: auto; } + .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } + .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } + .form-inline .custom-control { align-items: center; justify-content: center; } + .form-inline .custom-control-label { margin-bottom: 0; } } + + .fade { transition: opacity 0.15s linear; } + + @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } + + .fade:not(.show) { opacity: 0; } + + .collapse:not(.show) { display: none; } + + .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } + + @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } + + .dropup, .dropright, .dropdown, .dropleft { position: relative; } + + .dropdown-toggle { white-space: nowrap; } + + .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } + + .dropdown-toggle:empty::after { margin-left: 0; } + + .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } + + .dropdown-menu-left { right: auto; left: 0; } + + .dropdown-menu-right { right: 0; left: auto; } + + @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } + .dropdown-menu-sm-right { right: 0; left: auto; } } + + @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } + .dropdown-menu-md-right { right: 0; left: auto; } } + + @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } + .dropdown-menu-lg-right { right: 0; left: auto; } } + + @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } + .dropdown-menu-xl-right { right: 0; left: auto; } } + + .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } + + .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } + + .dropup .dropdown-toggle:empty::after { margin-left: 0; } + + .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } + + .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } + + .dropright .dropdown-toggle:empty::after { margin-left: 0; } + + .dropright .dropdown-toggle::after { vertical-align: 0; } + + .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } + + .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } + + .dropleft .dropdown-toggle::after { display: none; } + + .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } + + .dropleft .dropdown-toggle:empty::after { margin-left: 0; } + + .dropleft .dropdown-toggle::before { vertical-align: 0; } + + .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } + + .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } + + .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } + + .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } + + .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } + + .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } + + .dropdown-menu.show { display: block; } + + .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } + + .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } + + .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } + + .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } + + .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } + + .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } + + .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } + + .btn-toolbar .input-group { width: auto; } + + .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } + + .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } + + .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } + + .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } + + .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } + + .dropleft .dropdown-toggle-split::before { margin-right: 0; } + + .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } + + .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } + + .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } + + .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } + + .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } + + .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } + + .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } + + .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } + + .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } + + .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } + + .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } + + .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } + + .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } + + .input-group > .custom-file .custom-file-input:focus { z-index: 4; } + + .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } + + .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } + + .input-group > .custom-file { display: flex; align-items: center; } + + .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } + + .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } + + .input-group-prepend, .input-group-append { display: flex; } + + .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } + + .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } + + .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } + + .input-group-prepend { margin-right: -1px; } + + .input-group-append { margin-left: -1px; } + + .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } + + .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } + + .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } + + .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } + + .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } + + .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } + + .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } + + .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } + + .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } + + .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } + + .custom-control-inline { display: inline-flex; margin-right: 1rem; } + + .custom-control-input { position: absolute; z-index: -1; opacity: 0; } + + .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } + + .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } + + .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } + + .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } + + .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } + + .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } + + .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } + + .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } + + .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; } + + .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } + + .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } + + .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; } + + .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } + + .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } + + .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } + + .custom-radio .custom-control-label::before { border-radius: 50%; } + + .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } + + .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } + + .custom-switch { padding-left: 2.25rem; } + + .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } + + .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + + @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } + + .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } + + .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } + + .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } + + .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } + + .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } + + .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } + + .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } + + .custom-select::-ms-expand { display: none; } + + .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } + + .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } + + .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } + + .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0; } + + .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } + + .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } + + .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } + + .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } + + .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } + + .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } + + .custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; appearance: none; } + + .custom-range:focus { outline: none; } + + .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } + + .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } + + .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } + + .custom-range::-moz-focus-outer { border: 0; } + + .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } + + @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } + + .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } + + .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } + + .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } + + @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } + + .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } + + .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } + + .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } + + @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } + + .custom-range::-ms-thumb:active { background-color: #b3d7ff; } + + .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } + + .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } + + .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } + + .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } + + .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } + + .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } + + .custom-range:disabled::-moz-range-track { cursor: default; } + + .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } + + .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + + @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } + + .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } + + .nav-link { display: block; padding: 0.5rem 1rem; } + + .nav-link:hover, .nav-link:focus { text-decoration: none; } + + .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } + + .nav-tabs { border-bottom: 1px solid #dee2e6; } + + .nav-tabs .nav-item { margin-bottom: -1px; } + + .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } + + .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } + + .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } + + .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } + + .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } + + .nav-pills .nav-link { border-radius: 0.25rem; } + + .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } + + .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } + + .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } + + .tab-content > .tab-pane { display: none; } + + .tab-content > .active { display: block; } + + .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } + + .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } + + .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } + + .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } + + .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } + + .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } + + .navbar-nav .dropdown-menu { position: static; float: none; } + + .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } + + .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } + + .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } + + .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } + + .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } + + @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } + + @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } + .navbar-expand-sm .navbar-nav { flex-direction: row; } + .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } + .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } + .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } + .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } + .navbar-expand-sm .navbar-toggler { display: none; } } + + @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } + + @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } + .navbar-expand-md .navbar-nav { flex-direction: row; } + .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } + .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } + .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } + .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } + .navbar-expand-md .navbar-toggler { display: none; } } + + @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } + + @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } + .navbar-expand-lg .navbar-nav { flex-direction: row; } + .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } + .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } + .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } + .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } + .navbar-expand-lg .navbar-toggler { display: none; } } + + @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } + + @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } + .navbar-expand-xl .navbar-nav { flex-direction: row; } + .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } + .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } + .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } + .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } + .navbar-expand-xl .navbar-toggler { display: none; } } + + .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } + + .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } + + .navbar-expand .navbar-nav { flex-direction: row; } + + .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } + + .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } + + .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } + + .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } + + .navbar-expand .navbar-toggler { display: none; } + + .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } + + .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } + + .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } + + .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } + + .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } + + .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } + + .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } + + .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + + .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } + + .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } + + .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } + + .navbar-dark .navbar-brand { color: #fff; } + + .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } + + .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } + + .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } + + .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } + + .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } + + .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } + + .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + + .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } + + .navbar-dark .navbar-text a { color: #fff; } + + .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } + + .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } + + .card > hr { margin-right: 0; margin-left: 0; } + + .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } + + .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } + + .card-body { flex: 1 1 auto; padding: 1.25rem; } + + .card-title { margin-bottom: 0.75rem; } + + .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } + + .card-text:last-child { margin-bottom: 0; } + + .card-link:hover { text-decoration: none; } + + .card-link + .card-link { margin-left: 1.25rem; } + + .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } + + .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } + + .card-header + .list-group .list-group-item:first-child { border-top: 0; } + + .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } + + .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } + + .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } + + .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } + + .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } + + .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } + + .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } + + .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } + + .card-deck { display: flex; flex-direction: column; } + + .card-deck .card { margin-bottom: 15px; } + + @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } + .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } + + .card-group { display: flex; flex-direction: column; } + + .card-group > .card { margin-bottom: 15px; } + + @media (min-width: 576px) { .card-group { flex-flow: row wrap; } + .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } + .card-group > .card + .card { margin-left: 0; border-left: 0; } + .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } + .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } + .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } + .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } + .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } + .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } + + .card-columns .card { margin-bottom: 0.75rem; } + + @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } + .card-columns .card { display: inline-block; width: 100%; } } + + .accordion > .card { overflow: hidden; } + + .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } + + .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } + + .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } + + .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } + + .accordion > .card .card-header { margin-bottom: -1px; } + + .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } + + .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } + + .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } + + .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } + + .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } + + .breadcrumb-item.active { color: #6c757d; } + + .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } + + .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } + + .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } + + .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } + + .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } + + .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } + + .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; } + + .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } + + .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } + + .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } + + .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } + + .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } + + .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } + + .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } + + .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + + @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } + + a.badge:hover, a.badge:focus { text-decoration: none; } + + .badge:empty { display: none; } + + .btn .badge { position: relative; top: -1px; } + + .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } + + .badge-primary { color: #fff; background-color: #007bff; } + + a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } + + a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } + + .badge-secondary { color: #fff; background-color: #6c757d; } + + a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } + + a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } + + .badge-success { color: #fff; background-color: #28a745; } + + a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } + + a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } + + .badge-info { color: #fff; background-color: #17a2b8; } + + a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } + + a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } + + .badge-warning { color: #212529; background-color: #ffc107; } + + a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } + + a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } + + .badge-danger { color: #fff; background-color: #dc3545; } + + a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } + + a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } + + .badge-light { color: #212529; background-color: #f8f9fa; } + + a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } + + a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } + + .badge-dark { color: #fff; background-color: #343a40; } + + a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } + + a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } + + .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } + + @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } + + .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } + + .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } + + .alert-heading { color: inherit; } + + .alert-link { font-weight: 700; } + + .alert-dismissible { padding-right: 4rem; } + + .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } + + .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } + + .alert-primary hr { border-top-color: #9fcdff; } + + .alert-primary .alert-link { color: #002752; } + + .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } + + .alert-secondary hr { border-top-color: #c8cbcf; } + + .alert-secondary .alert-link { color: #202326; } + + .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } + + .alert-success hr { border-top-color: #b1dfbb; } + + .alert-success .alert-link { color: #0b2e13; } + + .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } + + .alert-info hr { border-top-color: #abdde5; } + + .alert-info .alert-link { color: #062c33; } + + .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } + + .alert-warning hr { border-top-color: #ffe8a1; } + + .alert-warning .alert-link { color: #533f03; } + + .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } + + .alert-danger hr { border-top-color: #f1b0b7; } + + .alert-danger .alert-link { color: #491217; } + + .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } + + .alert-light hr { border-top-color: #ececf6; } + + .alert-light .alert-link { color: #686868; } + + .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } + + .alert-dark hr { border-top-color: #b9bbbe; } + + .alert-dark .alert-link { color: #040505; } + + @keyframes progress-bar-stripes { from { background-position: 1rem 0; } + to { background-position: 0 0; } } + + .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } + + .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } + + @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } + + .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } + + .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } + + @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } + + .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } + + .close:hover { color: #000; text-decoration: none; } + + .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } + + button.close { padding: 0; background-color: transparent; border: 0; appearance: none; } + + a.close.disabled { pointer-events: none; } + + .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } + + .toast:not(:last-child) { margin-bottom: 0.75rem; } + + .toast.showing { opacity: 1; } + + .toast.show { display: block; opacity: 1; } + + .toast.hide { display: none; } + + .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } + + .toast-body { padding: 0.75rem; } + + .modal-open { overflow: hidden; } + + .modal-open .modal { overflow-x: hidden; overflow-y: auto; } + + .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } + + .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } + + .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } + + @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } + + .modal.show .modal-dialog { transform: none; } + + .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } + + .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } + + .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } + + .modal-dialog-scrollable .modal-body { overflow-y: auto; } + + .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } + + .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } + + .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } + + .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } + + .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } + + .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } + + .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } + + .modal-backdrop.fade { opacity: 0; } + + .modal-backdrop.show { opacity: 0.5; } + + .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } + + .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } + + .modal-title { margin-bottom: 0; line-height: 1.5; } + + .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } + + .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } + + .modal-footer > :not(:first-child) { margin-left: .25rem; } + + .modal-footer > :not(:last-child) { margin-right: .25rem; } + + .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } + + @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } + .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } + .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } + .modal-dialog-centered { min-height: calc(100% - 3.5rem); } + .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } + .modal-sm { max-width: 300px; } } + + @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } + + @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } + + .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } + + .tooltip.show { opacity: 0.9; } + + .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } + + .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } + + .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } + + .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } + + .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } + + .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } + + .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } + + .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } + + .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } + + .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } + + .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } + + .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } + + .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } + + .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } + + .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } + + .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } + + .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } + + .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } + + .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } + + .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc((0.5rem + 1px) * -1); } + + .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } + + .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } + + .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } + + .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } + + .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } + + .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } + + .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } + + .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc((0.5rem + 1px) * -1); } + + .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } + + .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } + + .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } + + .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } + + .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } + + .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } + + .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } + + .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } + + .popover-header:empty { display: none; } + + .popover-body { padding: 0.5rem 0.75rem; color: #212529; } + + .carousel { position: relative; } + + .carousel.pointer-event { touch-action: pan-y; } + + .carousel-inner { position: relative; width: 100%; overflow: hidden; } + + .carousel-inner::after { display: block; clear: both; content: ""; } + + .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } + + @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } + + .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } + + .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } + + .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } + + .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } + + .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } + + .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s 0.6s opacity; } + + @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } + + .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } + + @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } + + .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } + + .carousel-control-prev { left: 0; } + + .carousel-control-next { right: 0; } + + .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%; } + + .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); } + + .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } + + .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } + + .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; } + + @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } + + .carousel-indicators .active { opacity: 1; } + + .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } + + @keyframes spinner-border { to { transform: rotate(360deg); } } + + .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite; } + + .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } + + @keyframes spinner-grow { 0% { transform: scale(0); } + 50% { opacity: 1; } } + + .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow .75s linear infinite; } + + .spinner-grow-sm { width: 1rem; height: 1rem; } + + .align-baseline { vertical-align: baseline !important; } + + .align-top { vertical-align: top !important; } + + .align-middle { vertical-align: middle !important; } + + .align-bottom { vertical-align: bottom !important; } + + .align-text-bottom { vertical-align: text-bottom !important; } + + .align-text-top { vertical-align: text-top !important; } + + .bg-primary { background-color: #007bff !important; } + + a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } + + .bg-secondary { background-color: #6c757d !important; } + + a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } + + .bg-success { background-color: #28a745 !important; } + + a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } + + .bg-info { background-color: #17a2b8 !important; } + + a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } + + .bg-warning { background-color: #ffc107 !important; } + + a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } + + .bg-danger { background-color: #dc3545 !important; } + + a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } + + .bg-light { background-color: #f8f9fa !important; } + + a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } + + .bg-dark { background-color: #343a40 !important; } + + a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } + + .bg-white { background-color: #fff !important; } + + .bg-transparent { background-color: transparent !important; } + + .border { border: 1px solid #dee2e6 !important; } + + .border-top { border-top: 1px solid #dee2e6 !important; } + + .border-right { border-right: 1px solid #dee2e6 !important; } + + .border-bottom { border-bottom: 1px solid #dee2e6 !important; } + + .border-left { border-left: 1px solid #dee2e6 !important; } + + .border-0 { border: 0 !important; } + + .border-top-0 { border-top: 0 !important; } + + .border-right-0 { border-right: 0 !important; } + + .border-bottom-0 { border-bottom: 0 !important; } + + .border-left-0 { border-left: 0 !important; } + + .border-primary { border-color: #007bff !important; } + + .border-secondary { border-color: #6c757d !important; } + + .border-success { border-color: #28a745 !important; } + + .border-info { border-color: #17a2b8 !important; } + + .border-warning { border-color: #ffc107 !important; } + + .border-danger { border-color: #dc3545 !important; } + + .border-light { border-color: #f8f9fa !important; } + + .border-dark { border-color: #343a40 !important; } + + .border-white { border-color: #fff !important; } + + .rounded-sm { border-radius: 0.2rem !important; } + + .rounded { border-radius: 0.25rem !important; } + + .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } + + .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } + + .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } + + .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } + + .rounded-lg { border-radius: 0.3rem !important; } + + .rounded-circle { border-radius: 50% !important; } + + .rounded-pill { border-radius: 50rem !important; } + + .rounded-0 { border-radius: 0 !important; } + + .clearfix::after { display: block; clear: both; content: ""; } + + .d-none { display: none !important; } + + .d-inline { display: inline !important; } + + .d-inline-block { display: inline-block !important; } + + .d-block { display: block !important; } + + .d-table { display: table !important; } + + .d-table-row { display: table-row !important; } + + .d-table-cell { display: table-cell !important; } + + .d-flex { display: flex !important; } + + .d-inline-flex { display: inline-flex !important; } + + @media (min-width: 576px) { .d-sm-none { display: none !important; } + .d-sm-inline { display: inline !important; } + .d-sm-inline-block { display: inline-block !important; } + .d-sm-block { display: block !important; } + .d-sm-table { display: table !important; } + .d-sm-table-row { display: table-row !important; } + .d-sm-table-cell { display: table-cell !important; } + .d-sm-flex { display: flex !important; } + .d-sm-inline-flex { display: inline-flex !important; } } + + @media (min-width: 768px) { .d-md-none { display: none !important; } + .d-md-inline { display: inline !important; } + .d-md-inline-block { display: inline-block !important; } + .d-md-block { display: block !important; } + .d-md-table { display: table !important; } + .d-md-table-row { display: table-row !important; } + .d-md-table-cell { display: table-cell !important; } + .d-md-flex { display: flex !important; } + .d-md-inline-flex { display: inline-flex !important; } } + + @media (min-width: 992px) { .d-lg-none { display: none !important; } + .d-lg-inline { display: inline !important; } + .d-lg-inline-block { display: inline-block !important; } + .d-lg-block { display: block !important; } + .d-lg-table { display: table !important; } + .d-lg-table-row { display: table-row !important; } + .d-lg-table-cell { display: table-cell !important; } + .d-lg-flex { display: flex !important; } + .d-lg-inline-flex { display: inline-flex !important; } } + + @media (min-width: 1200px) { .d-xl-none { display: none !important; } + .d-xl-inline { display: inline !important; } + .d-xl-inline-block { display: inline-block !important; } + .d-xl-block { display: block !important; } + .d-xl-table { display: table !important; } + .d-xl-table-row { display: table-row !important; } + .d-xl-table-cell { display: table-cell !important; } + .d-xl-flex { display: flex !important; } + .d-xl-inline-flex { display: inline-flex !important; } } + + @media print { .d-print-none { display: none !important; } + .d-print-inline { display: inline !important; } + .d-print-inline-block { display: inline-block !important; } + .d-print-block { display: block !important; } + .d-print-table { display: table !important; } + .d-print-table-row { display: table-row !important; } + .d-print-table-cell { display: table-cell !important; } + .d-print-flex { display: flex !important; } + .d-print-inline-flex { display: inline-flex !important; } } + + .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } + + .embed-responsive::before { display: block; content: ""; } + + .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } + + .embed-responsive-21by9::before { padding-top: 42.85714%; } + + .embed-responsive-16by9::before { padding-top: 56.25%; } + + .embed-responsive-4by3::before { padding-top: 75%; } + + .embed-responsive-1by1::before { padding-top: 100%; } + + .flex-row { flex-direction: row !important; } + + .flex-column { flex-direction: column !important; } + + .flex-row-reverse { flex-direction: row-reverse !important; } + + .flex-column-reverse { flex-direction: column-reverse !important; } + + .flex-wrap { flex-wrap: wrap !important; } + + .flex-nowrap { flex-wrap: nowrap !important; } + + .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } + + .flex-fill { flex: 1 1 auto !important; } + + .flex-grow-0 { flex-grow: 0 !important; } + + .flex-grow-1 { flex-grow: 1 !important; } + + .flex-shrink-0 { flex-shrink: 0 !important; } + + .flex-shrink-1 { flex-shrink: 1 !important; } + + .justify-content-start { justify-content: flex-start !important; } + + .justify-content-end { justify-content: flex-end !important; } + + .justify-content-center { justify-content: center !important; } + + .justify-content-between { justify-content: space-between !important; } + + .justify-content-around { justify-content: space-around !important; } + + .align-items-start { align-items: flex-start !important; } + + .align-items-end { align-items: flex-end !important; } + + .align-items-center { align-items: center !important; } + + .align-items-baseline { align-items: baseline !important; } + + .align-items-stretch { align-items: stretch !important; } + + .align-content-start { align-content: flex-start !important; } + + .align-content-end { align-content: flex-end !important; } + + .align-content-center { align-content: center !important; } + + .align-content-between { align-content: space-between !important; } + + .align-content-around { align-content: space-around !important; } + + .align-content-stretch { align-content: stretch !important; } + + .align-self-auto { align-self: auto !important; } + + .align-self-start { align-self: flex-start !important; } + + .align-self-end { align-self: flex-end !important; } + + .align-self-center { align-self: center !important; } + + .align-self-baseline { align-self: baseline !important; } + + .align-self-stretch { align-self: stretch !important; } + + @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } + .flex-sm-column { flex-direction: column !important; } + .flex-sm-row-reverse { flex-direction: row-reverse !important; } + .flex-sm-column-reverse { flex-direction: column-reverse !important; } + .flex-sm-wrap { flex-wrap: wrap !important; } + .flex-sm-nowrap { flex-wrap: nowrap !important; } + .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } + .flex-sm-fill { flex: 1 1 auto !important; } + .flex-sm-grow-0 { flex-grow: 0 !important; } + .flex-sm-grow-1 { flex-grow: 1 !important; } + .flex-sm-shrink-0 { flex-shrink: 0 !important; } + .flex-sm-shrink-1 { flex-shrink: 1 !important; } + .justify-content-sm-start { justify-content: flex-start !important; } + .justify-content-sm-end { justify-content: flex-end !important; } + .justify-content-sm-center { justify-content: center !important; } + .justify-content-sm-between { justify-content: space-between !important; } + .justify-content-sm-around { justify-content: space-around !important; } + .align-items-sm-start { align-items: flex-start !important; } + .align-items-sm-end { align-items: flex-end !important; } + .align-items-sm-center { align-items: center !important; } + .align-items-sm-baseline { align-items: baseline !important; } + .align-items-sm-stretch { align-items: stretch !important; } + .align-content-sm-start { align-content: flex-start !important; } + .align-content-sm-end { align-content: flex-end !important; } + .align-content-sm-center { align-content: center !important; } + .align-content-sm-between { align-content: space-between !important; } + .align-content-sm-around { align-content: space-around !important; } + .align-content-sm-stretch { align-content: stretch !important; } + .align-self-sm-auto { align-self: auto !important; } + .align-self-sm-start { align-self: flex-start !important; } + .align-self-sm-end { align-self: flex-end !important; } + .align-self-sm-center { align-self: center !important; } + .align-self-sm-baseline { align-self: baseline !important; } + .align-self-sm-stretch { align-self: stretch !important; } } + + @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } + .flex-md-column { flex-direction: column !important; } + .flex-md-row-reverse { flex-direction: row-reverse !important; } + .flex-md-column-reverse { flex-direction: column-reverse !important; } + .flex-md-wrap { flex-wrap: wrap !important; } + .flex-md-nowrap { flex-wrap: nowrap !important; } + .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } + .flex-md-fill { flex: 1 1 auto !important; } + .flex-md-grow-0 { flex-grow: 0 !important; } + .flex-md-grow-1 { flex-grow: 1 !important; } + .flex-md-shrink-0 { flex-shrink: 0 !important; } + .flex-md-shrink-1 { flex-shrink: 1 !important; } + .justify-content-md-start { justify-content: flex-start !important; } + .justify-content-md-end { justify-content: flex-end !important; } + .justify-content-md-center { justify-content: center !important; } + .justify-content-md-between { justify-content: space-between !important; } + .justify-content-md-around { justify-content: space-around !important; } + .align-items-md-start { align-items: flex-start !important; } + .align-items-md-end { align-items: flex-end !important; } + .align-items-md-center { align-items: center !important; } + .align-items-md-baseline { align-items: baseline !important; } + .align-items-md-stretch { align-items: stretch !important; } + .align-content-md-start { align-content: flex-start !important; } + .align-content-md-end { align-content: flex-end !important; } + .align-content-md-center { align-content: center !important; } + .align-content-md-between { align-content: space-between !important; } + .align-content-md-around { align-content: space-around !important; } + .align-content-md-stretch { align-content: stretch !important; } + .align-self-md-auto { align-self: auto !important; } + .align-self-md-start { align-self: flex-start !important; } + .align-self-md-end { align-self: flex-end !important; } + .align-self-md-center { align-self: center !important; } + .align-self-md-baseline { align-self: baseline !important; } + .align-self-md-stretch { align-self: stretch !important; } } + + @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } + .flex-lg-column { flex-direction: column !important; } + .flex-lg-row-reverse { flex-direction: row-reverse !important; } + .flex-lg-column-reverse { flex-direction: column-reverse !important; } + .flex-lg-wrap { flex-wrap: wrap !important; } + .flex-lg-nowrap { flex-wrap: nowrap !important; } + .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } + .flex-lg-fill { flex: 1 1 auto !important; } + .flex-lg-grow-0 { flex-grow: 0 !important; } + .flex-lg-grow-1 { flex-grow: 1 !important; } + .flex-lg-shrink-0 { flex-shrink: 0 !important; } + .flex-lg-shrink-1 { flex-shrink: 1 !important; } + .justify-content-lg-start { justify-content: flex-start !important; } + .justify-content-lg-end { justify-content: flex-end !important; } + .justify-content-lg-center { justify-content: center !important; } + .justify-content-lg-between { justify-content: space-between !important; } + .justify-content-lg-around { justify-content: space-around !important; } + .align-items-lg-start { align-items: flex-start !important; } + .align-items-lg-end { align-items: flex-end !important; } + .align-items-lg-center { align-items: center !important; } + .align-items-lg-baseline { align-items: baseline !important; } + .align-items-lg-stretch { align-items: stretch !important; } + .align-content-lg-start { align-content: flex-start !important; } + .align-content-lg-end { align-content: flex-end !important; } + .align-content-lg-center { align-content: center !important; } + .align-content-lg-between { align-content: space-between !important; } + .align-content-lg-around { align-content: space-around !important; } + .align-content-lg-stretch { align-content: stretch !important; } + .align-self-lg-auto { align-self: auto !important; } + .align-self-lg-start { align-self: flex-start !important; } + .align-self-lg-end { align-self: flex-end !important; } + .align-self-lg-center { align-self: center !important; } + .align-self-lg-baseline { align-self: baseline !important; } + .align-self-lg-stretch { align-self: stretch !important; } } + + @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } + .flex-xl-column { flex-direction: column !important; } + .flex-xl-row-reverse { flex-direction: row-reverse !important; } + .flex-xl-column-reverse { flex-direction: column-reverse !important; } + .flex-xl-wrap { flex-wrap: wrap !important; } + .flex-xl-nowrap { flex-wrap: nowrap !important; } + .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } + .flex-xl-fill { flex: 1 1 auto !important; } + .flex-xl-grow-0 { flex-grow: 0 !important; } + .flex-xl-grow-1 { flex-grow: 1 !important; } + .flex-xl-shrink-0 { flex-shrink: 0 !important; } + .flex-xl-shrink-1 { flex-shrink: 1 !important; } + .justify-content-xl-start { justify-content: flex-start !important; } + .justify-content-xl-end { justify-content: flex-end !important; } + .justify-content-xl-center { justify-content: center !important; } + .justify-content-xl-between { justify-content: space-between !important; } + .justify-content-xl-around { justify-content: space-around !important; } + .align-items-xl-start { align-items: flex-start !important; } + .align-items-xl-end { align-items: flex-end !important; } + .align-items-xl-center { align-items: center !important; } + .align-items-xl-baseline { align-items: baseline !important; } + .align-items-xl-stretch { align-items: stretch !important; } + .align-content-xl-start { align-content: flex-start !important; } + .align-content-xl-end { align-content: flex-end !important; } + .align-content-xl-center { align-content: center !important; } + .align-content-xl-between { align-content: space-between !important; } + .align-content-xl-around { align-content: space-around !important; } + .align-content-xl-stretch { align-content: stretch !important; } + .align-self-xl-auto { align-self: auto !important; } + .align-self-xl-start { align-self: flex-start !important; } + .align-self-xl-end { align-self: flex-end !important; } + .align-self-xl-center { align-self: center !important; } + .align-self-xl-baseline { align-self: baseline !important; } + .align-self-xl-stretch { align-self: stretch !important; } } + + .float-left { float: left !important; } + + .float-right { float: right !important; } + + .float-none { float: none !important; } + + @media (min-width: 576px) { .float-sm-left { float: left !important; } + .float-sm-right { float: right !important; } + .float-sm-none { float: none !important; } } + + @media (min-width: 768px) { .float-md-left { float: left !important; } + .float-md-right { float: right !important; } + .float-md-none { float: none !important; } } + + @media (min-width: 992px) { .float-lg-left { float: left !important; } + .float-lg-right { float: right !important; } + .float-lg-none { float: none !important; } } + + @media (min-width: 1200px) { .float-xl-left { float: left !important; } + .float-xl-right { float: right !important; } + .float-xl-none { float: none !important; } } + + .overflow-auto { overflow: auto !important; } + + .overflow-hidden { overflow: hidden !important; } + + .position-static { position: static !important; } + + .position-relative { position: relative !important; } + + .position-absolute { position: absolute !important; } + + .position-fixed { position: fixed !important; } + + .position-sticky { position: sticky !important; } + + .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } + + .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } + + @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } + + .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } + + .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } + + .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } + + .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } + + .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } + + .shadow-none { box-shadow: none !important; } + + .w-25 { width: 25% !important; } + + .w-50 { width: 50% !important; } + + .w-75 { width: 75% !important; } + + .w-100 { width: 100% !important; } + + .w-auto { width: auto !important; } + + .h-25 { height: 25% !important; } + + .h-50 { height: 50% !important; } + + .h-75 { height: 75% !important; } + + .h-100 { height: 100% !important; } + + .h-auto { height: auto !important; } + + .mw-100 { max-width: 100% !important; } + + .mh-100 { max-height: 100% !important; } + + .min-vw-100 { min-width: 100vw !important; } + + .min-vh-100 { min-height: 100vh !important; } + + .vw-100 { width: 100vw !important; } + + .vh-100 { height: 100vh !important; } + + .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } + + .m-0 { margin: 0 !important; } + + .mt-0, .my-0 { margin-top: 0 !important; } + + .mr-0, .mx-0 { margin-right: 0 !important; } + + .mb-0, .my-0 { margin-bottom: 0 !important; } + + .ml-0, .mx-0 { margin-left: 0 !important; } + + .m-1 { margin: 0.25rem !important; } + + .mt-1, .my-1 { margin-top: 0.25rem !important; } + + .mr-1, .mx-1 { margin-right: 0.25rem !important; } + + .mb-1, .my-1 { margin-bottom: 0.25rem !important; } + + .ml-1, .mx-1 { margin-left: 0.25rem !important; } + + .m-2 { margin: 0.5rem !important; } + + .mt-2, .my-2 { margin-top: 0.5rem !important; } + + .mr-2, .mx-2 { margin-right: 0.5rem !important; } + + .mb-2, .my-2 { margin-bottom: 0.5rem !important; } + + .ml-2, .mx-2 { margin-left: 0.5rem !important; } + + .m-3 { margin: 1rem !important; } + + .mt-3, .my-3 { margin-top: 1rem !important; } + + .mr-3, .mx-3 { margin-right: 1rem !important; } + + .mb-3, .my-3 { margin-bottom: 1rem !important; } + + .ml-3, .mx-3 { margin-left: 1rem !important; } + + .m-4 { margin: 1.5rem !important; } + + .mt-4, .my-4 { margin-top: 1.5rem !important; } + + .mr-4, .mx-4 { margin-right: 1.5rem !important; } + + .mb-4, .my-4 { margin-bottom: 1.5rem !important; } + + .ml-4, .mx-4 { margin-left: 1.5rem !important; } + + .m-5 { margin: 3rem !important; } + + .mt-5, .my-5 { margin-top: 3rem !important; } + + .mr-5, .mx-5 { margin-right: 3rem !important; } + + .mb-5, .my-5 { margin-bottom: 3rem !important; } + + .ml-5, .mx-5 { margin-left: 3rem !important; } + + .p-0 { padding: 0 !important; } + + .pt-0, .py-0 { padding-top: 0 !important; } + + .pr-0, .px-0 { padding-right: 0 !important; } + + .pb-0, .py-0 { padding-bottom: 0 !important; } + + .pl-0, .px-0 { padding-left: 0 !important; } + + .p-1 { padding: 0.25rem !important; } + + .pt-1, .py-1 { padding-top: 0.25rem !important; } + + .pr-1, .px-1 { padding-right: 0.25rem !important; } + + .pb-1, .py-1 { padding-bottom: 0.25rem !important; } + + .pl-1, .px-1 { padding-left: 0.25rem !important; } + + .p-2 { padding: 0.5rem !important; } + + .pt-2, .py-2 { padding-top: 0.5rem !important; } + + .pr-2, .px-2 { padding-right: 0.5rem !important; } + + .pb-2, .py-2 { padding-bottom: 0.5rem !important; } + + .pl-2, .px-2 { padding-left: 0.5rem !important; } + + .p-3 { padding: 1rem !important; } + + .pt-3, .py-3 { padding-top: 1rem !important; } + + .pr-3, .px-3 { padding-right: 1rem !important; } + + .pb-3, .py-3 { padding-bottom: 1rem !important; } + + .pl-3, .px-3 { padding-left: 1rem !important; } + + .p-4 { padding: 1.5rem !important; } + + .pt-4, .py-4 { padding-top: 1.5rem !important; } + + .pr-4, .px-4 { padding-right: 1.5rem !important; } + + .pb-4, .py-4 { padding-bottom: 1.5rem !important; } + + .pl-4, .px-4 { padding-left: 1.5rem !important; } + + .p-5 { padding: 3rem !important; } + + .pt-5, .py-5 { padding-top: 3rem !important; } + + .pr-5, .px-5 { padding-right: 3rem !important; } + + .pb-5, .py-5 { padding-bottom: 3rem !important; } + + .pl-5, .px-5 { padding-left: 3rem !important; } + + .m-n1 { margin: -0.25rem !important; } + + .mt-n1, .my-n1 { margin-top: -0.25rem !important; } + + .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } + + .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } + + .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } + + .m-n2 { margin: -0.5rem !important; } + + .mt-n2, .my-n2 { margin-top: -0.5rem !important; } + + .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } + + .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } + + .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } + + .m-n3 { margin: -1rem !important; } + + .mt-n3, .my-n3 { margin-top: -1rem !important; } + + .mr-n3, .mx-n3 { margin-right: -1rem !important; } + + .mb-n3, .my-n3 { margin-bottom: -1rem !important; } + + .ml-n3, .mx-n3 { margin-left: -1rem !important; } + + .m-n4 { margin: -1.5rem !important; } + + .mt-n4, .my-n4 { margin-top: -1.5rem !important; } + + .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } + + .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } + + .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } + + .m-n5 { margin: -3rem !important; } + + .mt-n5, .my-n5 { margin-top: -3rem !important; } + + .mr-n5, .mx-n5 { margin-right: -3rem !important; } + + .mb-n5, .my-n5 { margin-bottom: -3rem !important; } + + .ml-n5, .mx-n5 { margin-left: -3rem !important; } + + .m-auto { margin: auto !important; } + + .mt-auto, .my-auto { margin-top: auto !important; } + + .mr-auto, .mx-auto { margin-right: auto !important; } + + .mb-auto, .my-auto { margin-bottom: auto !important; } + + .ml-auto, .mx-auto { margin-left: auto !important; } + + @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } + .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } + .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } + .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } + .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } + .m-sm-1 { margin: 0.25rem !important; } + .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } + .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } + .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } + .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } + .m-sm-2 { margin: 0.5rem !important; } + .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } + .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } + .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } + .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } + .m-sm-3 { margin: 1rem !important; } + .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } + .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } + .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } + .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } + .m-sm-4 { margin: 1.5rem !important; } + .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } + .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } + .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } + .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } + .m-sm-5 { margin: 3rem !important; } + .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } + .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } + .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } + .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } + .p-sm-0 { padding: 0 !important; } + .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } + .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } + .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } + .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } + .p-sm-1 { padding: 0.25rem !important; } + .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } + .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } + .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } + .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } + .p-sm-2 { padding: 0.5rem !important; } + .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } + .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } + .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } + .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } + .p-sm-3 { padding: 1rem !important; } + .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } + .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } + .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } + .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } + .p-sm-4 { padding: 1.5rem !important; } + .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } + .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } + .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } + .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } + .p-sm-5 { padding: 3rem !important; } + .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } + .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } + .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } + .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } + .m-sm-n1 { margin: -0.25rem !important; } + .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } + .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } + .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } + .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } + .m-sm-n2 { margin: -0.5rem !important; } + .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } + .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } + .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } + .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } + .m-sm-n3 { margin: -1rem !important; } + .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } + .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } + .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } + .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } + .m-sm-n4 { margin: -1.5rem !important; } + .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } + .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } + .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } + .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } + .m-sm-n5 { margin: -3rem !important; } + .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } + .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } + .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } + .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } + .m-sm-auto { margin: auto !important; } + .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } + .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } + .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } + .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } + + @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } + .mt-md-0, .my-md-0 { margin-top: 0 !important; } + .mr-md-0, .mx-md-0 { margin-right: 0 !important; } + .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } + .ml-md-0, .mx-md-0 { margin-left: 0 !important; } + .m-md-1 { margin: 0.25rem !important; } + .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } + .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } + .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } + .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } + .m-md-2 { margin: 0.5rem !important; } + .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } + .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } + .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } + .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } + .m-md-3 { margin: 1rem !important; } + .mt-md-3, .my-md-3 { margin-top: 1rem !important; } + .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } + .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } + .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } + .m-md-4 { margin: 1.5rem !important; } + .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } + .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } + .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } + .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } + .m-md-5 { margin: 3rem !important; } + .mt-md-5, .my-md-5 { margin-top: 3rem !important; } + .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } + .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } + .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } + .p-md-0 { padding: 0 !important; } + .pt-md-0, .py-md-0 { padding-top: 0 !important; } + .pr-md-0, .px-md-0 { padding-right: 0 !important; } + .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } + .pl-md-0, .px-md-0 { padding-left: 0 !important; } + .p-md-1 { padding: 0.25rem !important; } + .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } + .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } + .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } + .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } + .p-md-2 { padding: 0.5rem !important; } + .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } + .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } + .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } + .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } + .p-md-3 { padding: 1rem !important; } + .pt-md-3, .py-md-3 { padding-top: 1rem !important; } + .pr-md-3, .px-md-3 { padding-right: 1rem !important; } + .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } + .pl-md-3, .px-md-3 { padding-left: 1rem !important; } + .p-md-4 { padding: 1.5rem !important; } + .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } + .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } + .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } + .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } + .p-md-5 { padding: 3rem !important; } + .pt-md-5, .py-md-5 { padding-top: 3rem !important; } + .pr-md-5, .px-md-5 { padding-right: 3rem !important; } + .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } + .pl-md-5, .px-md-5 { padding-left: 3rem !important; } + .m-md-n1 { margin: -0.25rem !important; } + .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } + .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } + .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } + .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } + .m-md-n2 { margin: -0.5rem !important; } + .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } + .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } + .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } + .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } + .m-md-n3 { margin: -1rem !important; } + .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } + .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } + .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } + .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } + .m-md-n4 { margin: -1.5rem !important; } + .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } + .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } + .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } + .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } + .m-md-n5 { margin: -3rem !important; } + .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } + .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } + .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } + .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } + .m-md-auto { margin: auto !important; } + .mt-md-auto, .my-md-auto { margin-top: auto !important; } + .mr-md-auto, .mx-md-auto { margin-right: auto !important; } + .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } + .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } + + @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } + .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } + .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } + .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } + .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } + .m-lg-1 { margin: 0.25rem !important; } + .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } + .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } + .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } + .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } + .m-lg-2 { margin: 0.5rem !important; } + .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } + .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } + .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } + .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } + .m-lg-3 { margin: 1rem !important; } + .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } + .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } + .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } + .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } + .m-lg-4 { margin: 1.5rem !important; } + .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } + .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } + .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } + .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } + .m-lg-5 { margin: 3rem !important; } + .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } + .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } + .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } + .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } + .p-lg-0 { padding: 0 !important; } + .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } + .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } + .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } + .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } + .p-lg-1 { padding: 0.25rem !important; } + .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } + .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } + .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } + .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } + .p-lg-2 { padding: 0.5rem !important; } + .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } + .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } + .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } + .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } + .p-lg-3 { padding: 1rem !important; } + .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } + .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } + .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } + .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } + .p-lg-4 { padding: 1.5rem !important; } + .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } + .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } + .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } + .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } + .p-lg-5 { padding: 3rem !important; } + .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } + .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } + .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } + .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } + .m-lg-n1 { margin: -0.25rem !important; } + .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } + .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } + .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } + .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } + .m-lg-n2 { margin: -0.5rem !important; } + .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } + .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } + .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } + .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } + .m-lg-n3 { margin: -1rem !important; } + .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } + .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } + .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } + .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } + .m-lg-n4 { margin: -1.5rem !important; } + .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } + .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } + .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } + .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } + .m-lg-n5 { margin: -3rem !important; } + .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } + .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } + .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } + .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } + .m-lg-auto { margin: auto !important; } + .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } + .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } + .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } + .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } + + @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } + .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } + .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } + .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } + .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } + .m-xl-1 { margin: 0.25rem !important; } + .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } + .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } + .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } + .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } + .m-xl-2 { margin: 0.5rem !important; } + .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } + .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } + .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } + .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } + .m-xl-3 { margin: 1rem !important; } + .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } + .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } + .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } + .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } + .m-xl-4 { margin: 1.5rem !important; } + .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } + .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } + .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } + .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } + .m-xl-5 { margin: 3rem !important; } + .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } + .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } + .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } + .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } + .p-xl-0 { padding: 0 !important; } + .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } + .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } + .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } + .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } + .p-xl-1 { padding: 0.25rem !important; } + .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } + .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } + .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } + .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } + .p-xl-2 { padding: 0.5rem !important; } + .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } + .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } + .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } + .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } + .p-xl-3 { padding: 1rem !important; } + .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } + .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } + .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } + .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } + .p-xl-4 { padding: 1.5rem !important; } + .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } + .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } + .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } + .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } + .p-xl-5 { padding: 3rem !important; } + .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } + .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } + .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } + .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } + .m-xl-n1 { margin: -0.25rem !important; } + .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } + .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } + .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } + .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } + .m-xl-n2 { margin: -0.5rem !important; } + .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } + .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } + .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } + .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } + .m-xl-n3 { margin: -1rem !important; } + .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } + .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } + .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } + .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } + .m-xl-n4 { margin: -1.5rem !important; } + .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } + .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } + .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } + .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } + .m-xl-n5 { margin: -3rem !important; } + .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } + .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } + .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } + .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } + .m-xl-auto { margin: auto !important; } + .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } + .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } + .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } + .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } + + .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } + + .text-justify { text-align: justify !important; } + + .text-wrap { white-space: normal !important; } + + .text-nowrap { white-space: nowrap !important; } + + .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + + .text-left { text-align: left !important; } + + .text-right { text-align: right !important; } + + .text-center { text-align: center !important; } + + @media (min-width: 576px) { .text-sm-left { text-align: left !important; } + .text-sm-right { text-align: right !important; } + .text-sm-center { text-align: center !important; } } + + @media (min-width: 768px) { .text-md-left { text-align: left !important; } + .text-md-right { text-align: right !important; } + .text-md-center { text-align: center !important; } } + + @media (min-width: 992px) { .text-lg-left { text-align: left !important; } + .text-lg-right { text-align: right !important; } + .text-lg-center { text-align: center !important; } } + + @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } + .text-xl-right { text-align: right !important; } + .text-xl-center { text-align: center !important; } } + + .text-lowercase { text-transform: lowercase !important; } + + .text-uppercase { text-transform: uppercase !important; } + + .text-capitalize { text-transform: capitalize !important; } + + .font-weight-light { font-weight: 300 !important; } + + .font-weight-lighter { font-weight: lighter !important; } + + .font-weight-normal { font-weight: 400 !important; } + + .font-weight-bold { font-weight: 700 !important; } + + .font-weight-bolder { font-weight: bolder !important; } + + .font-italic { font-style: italic !important; } + + .text-white { color: #fff !important; } + + .text-primary { color: #007bff !important; } + + a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } + + .text-secondary { color: #6c757d !important; } + + a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } + + .text-success { color: #28a745 !important; } + + a.text-success:hover, a.text-success:focus { color: #19692c !important; } + + .text-info { color: #17a2b8 !important; } + + a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } + + .text-warning { color: #ffc107 !important; } + + a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } + + .text-danger { color: #dc3545 !important; } + + a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } + + .text-light { color: #f8f9fa !important; } + + a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } + + .text-dark { color: #343a40 !important; } + + a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } + + .text-body { color: #212529 !important; } + + .text-muted { color: #6c757d !important; } + + .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } + + .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } + + .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } + + .text-decoration-none { text-decoration: none !important; } + + .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } + + .text-reset { color: inherit !important; } + + .visible { visibility: visible !important; } + + .invisible { visibility: hidden !important; } + + @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } + a:not(.btn) { text-decoration: underline; } + abbr[title]::after { content: " (" attr(title) ")"; } + pre { white-space: pre-wrap !important; } + pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } + thead { display: table-header-group; } + tr, img { page-break-inside: avoid; } + p, h2, h3 { orphans: 3; widows: 3; } + h2, h3 { page-break-after: avoid; } + @page { size: a3; } + body { min-width: 992px !important; } + .container { min-width: 992px !important; } + .navbar { display: none; } + .badge { border: 1px solid #000; } + .table { border-collapse: collapse !important; } + .table td, .table th { background-color: #fff !important; } + .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } + .table-dark { color: inherit; } + .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } + .table .thead-dark th { color: inherit; border-color: #dee2e6; } } + +/*! Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ + @font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-brands-400.eot);src:url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.woff) format("woff"),url(../fonts/fa-brands-400.ttf) format("truetype"),url(../fonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400} +.fab { font-family: 'Font Awesome 5 Brands'; } + +/*! Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ + @font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-regular-400.eot);src:url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.woff) format("woff"),url(../fonts/fa-regular-400.ttf) format("truetype"),url(../fonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400} +.far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } + +/*! Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ + @font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/fa-solid-900.eot);src:url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-solid-900.ttf) format("truetype"),url(../fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900} + +/*! Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ + .fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} + +/* Select2 CSS @v3.5.4 */ +.select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } + +.select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } + +.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + +.select2-container .select2-selection--single .select2-selection__clear { position: relative; } + +.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } + +.select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } + +.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } + +.select2-container .select2-search--inline { float: left; } + +.select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } + +.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } + +.select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } + +.select2-results { display: block; } + +.select2-results__options { list-style: none; margin: 0; padding: 0; } + +.select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } + +.select2-results__option[aria-selected] { cursor: pointer; } + +.select2-container--open .select2-dropdown { left: 0; } + +.select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } + +.select2-search--dropdown { display: block; padding: 4px; } + +.select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } + +.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } + +.select2-search--dropdown.select2-search--hide { display: none; } + +.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } + +.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } + +/* Magnific Popup CSS @v1.1.0 | Author: Dmitry Semenov | License: MIT */ +.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} + +/* Owl Carousel - Core */ +.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } + +.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } + +.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } + +.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } + +.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } + +.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } + +.owl-carousel .owl-item img { display: block; width: 100%; } + +.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } + +.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } + +.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } + +.owl-carousel.owl-loaded { display: block; } + +.owl-carousel.owl-loading { opacity: 0; display: block; } + +.owl-carousel.owl-hidden { opacity: 0; } + +.owl-carousel.owl-refresh .owl-item { visibility: hidden; } + +.owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } + +.owl-carousel.owl-grab { cursor: move; cursor: grab; } + +.owl-carousel.owl-rtl { direction: rtl; } + +.owl-carousel.owl-rtl .owl-item { float: right; } + +/* No Js */ +.no-js .owl-carousel { display: block; } + +/* Owl Carousel - Animate Plugin */ +.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } + +.owl-carousel .owl-animated-in { z-index: 0; } + +.owl-carousel .owl-animated-out { z-index: 1; } + +.owl-carousel .fadeOut { animation-name: fadeOut; } + +@keyframes fadeOut { 0% { opacity: 1; } + 100% { opacity: 0; } } + +/* Owl Carousel - Auto Height Plugin */ +.owl-height { transition: height 500ms ease-in-out; } + +/* Owl Carousel - Lazy Load Plugin */ +.owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } + +.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } + +.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } + +.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } + +/* Owl Carousel - Video Plugin */ +.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } + +.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } + +.owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } + +.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } + +.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } + +.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } + +@font-face { font-family: 'Ikon-Crypto'; src: url("../fonts/Ikon-Crypto.ttf?h952os") format("truetype"), url("../fonts/Ikon-Crypto.woff?h952os") format("woff"), url("../fonts/Ikon-Crypto.svg?h952os#Ikon-Crypto") format("svg"); font-weight: normal; font-style: normal; font-display: block; } + +.ikon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Ikon-Crypto' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + +.ikon-btc:before { content: "\e92b"; } + +.ikon-monero:before { content: "\e92c"; } + +.ikon-dash:before { content: "\e92d"; } + +.ikon-eth:before { content: "\e92e"; } + +.ikon-ltc:before { content: "\e92f"; } + +.ikon-xrp:before { content: "\e930"; } + +.ikon-currency:before { content: "\e928"; } + +.ikon-lock:before { content: "\e929"; } + +.ikon-question:before { content: "\e92a"; } + +.ikon-cash-2:before { content: "\e923"; } + +.ikon-cloud-org:before { content: "\e924"; } + +.ikon-shield-5:before { content: "\e925"; } + +.ikon-wallet-2:before { content: "\e926"; } + +.ikon-wallet-org:before { content: "\e927"; } + +.ikon-connect-alt:before { content: "\e918"; } + +.ikon-data-server-alt:before { content: "\e919"; } + +.ikon-document-3:before { content: "\e91a"; } + +.ikon-paricle-3:before { content: "\e91b"; } + +.ikon-paricle-4:before { content: "\e91c"; } + +.ikon-shiled-3:before { content: "\e91d"; } + +.ikon-shiled-4:before { content: "\e91e"; } + +.ikon-user-chat:before { content: "\e91f"; } + +.ikon-wallet-crypto:before { content: "\e920"; } + +.ikon-wallet-digital:before { content: "\e921"; } + +.ikon-wallet:before { content: "\e922"; } + +.ikon-car:before { content: "\e914"; } + +.ikon-clip-board:before { content: "\e915"; } + +.ikon-user-bubble:before { content: "\e916"; } + +.ikon-user-setting:before { content: "\e917"; } + +.ikon-icon:before { content: "\e912"; } + +.ikon-cash-1:before { content: "\e913"; } + +.ikon-bulb:before { content: "\e90f"; } + +.ikon-bulb-2:before { content: "\e90e"; } + +.ikon-id-card:before { content: "\e901"; } + +.ikon-globe:before { content: "\e90d"; } + +.ikon-donught:before { content: "\e90c"; } + +.ikon-document:before { content: "\e909"; } + +.ikon-document-2:before { content: "\e910"; } + +.ikon-cloud:before { content: "\e90a"; } + +.ikon-cash:before { content: "\e90b"; } + +.ikon-safety:before { content: "\e911"; } + +.ikon-shiled:before { content: "\e900"; } + +.ikon-shiled-alt:before { content: "\e905"; } + +.ikon-paricle:before { content: "\e902"; } + +.ikon-paricle-alt:before { content: "\e907"; } + +.ikon-target:before { content: "\e903"; } + +.ikon-connect:before { content: "\e904"; } + +.ikon-user:before { content: "\e906"; } + +.ikon-data-server:before { content: "\e908"; } + +/** Themify Font @v1.0 | Author: Themify.me | License: MIT */ +@font-face { font-family: 'themify'; src: url("../fonts/themify.eot"); src: url("../fonts/themify.eot?#iefix") format("embedded-opentype"), url("../fonts/themify.woff") format("woff"), url("../fonts/themify.ttf") format("truetype"), url("../fonts/themify.svg?#themify") format("svg"); font-weight: normal; font-style: normal; } + +[class^="ti-"], [class*=" ti-"] { font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + +.ti-wand:before { content: "\e600"; } + +.ti-volume:before { content: "\e601"; } + +.ti-user:before { content: "\e602"; } + +.ti-unlock:before { content: "\e603"; } + +.ti-unlink:before { content: "\e604"; } + +.ti-trash:before { content: "\e605"; } + +.ti-thought:before { content: "\e606"; } + +.ti-target:before { content: "\e607"; } + +.ti-tag:before { content: "\e608"; } + +.ti-tablet:before { content: "\e609"; } + +.ti-star:before { content: "\e60a"; } + +.ti-spray:before { content: "\e60b"; } + +.ti-signal:before { content: "\e60c"; } + +.ti-shopping-cart:before { content: "\e60d"; } + +.ti-shopping-cart-full:before { content: "\e60e"; } + +.ti-settings:before { content: "\e60f"; } + +.ti-search:before { content: "\e610"; } + +.ti-zoom-in:before { content: "\e611"; } + +.ti-zoom-out:before { content: "\e612"; } + +.ti-cut:before { content: "\e613"; } + +.ti-ruler:before { content: "\e614"; } + +.ti-ruler-pencil:before { content: "\e615"; } + +.ti-ruler-alt:before { content: "\e616"; } + +.ti-bookmark:before { content: "\e617"; } + +.ti-bookmark-alt:before { content: "\e618"; } + +.ti-reload:before { content: "\e619"; } + +.ti-plus:before { content: "\e61a"; } + +.ti-pin:before { content: "\e61b"; } + +.ti-pencil:before { content: "\e61c"; } + +.ti-pencil-alt:before { content: "\e61d"; } + +.ti-paint-roller:before { content: "\e61e"; } + +.ti-paint-bucket:before { content: "\e61f"; } + +.ti-na:before { content: "\e620"; } + +.ti-mobile:before { content: "\e621"; } + +.ti-minus:before { content: "\e622"; } + +.ti-medall:before { content: "\e623"; } + +.ti-medall-alt:before { content: "\e624"; } + +.ti-marker:before { content: "\e625"; } + +.ti-marker-alt:before { content: "\e626"; } + +.ti-arrow-up:before { content: "\e627"; } + +.ti-arrow-right:before { content: "\e628"; } + +.ti-arrow-left:before { content: "\e629"; } + +.ti-arrow-down:before { content: "\e62a"; } + +.ti-lock:before { content: "\e62b"; } + +.ti-location-arrow:before { content: "\e62c"; } + +.ti-link:before { content: "\e62d"; } + +.ti-layout:before { content: "\e62e"; } + +.ti-layers:before { content: "\e62f"; } + +.ti-layers-alt:before { content: "\e630"; } + +.ti-key:before { content: "\e631"; } + +.ti-import:before { content: "\e632"; } + +.ti-image:before { content: "\e633"; } + +.ti-heart:before { content: "\e634"; } + +.ti-heart-broken:before { content: "\e635"; } + +.ti-hand-stop:before { content: "\e636"; } + +.ti-hand-open:before { content: "\e637"; } + +.ti-hand-drag:before { content: "\e638"; } + +.ti-folder:before { content: "\e639"; } + +.ti-flag:before { content: "\e63a"; } + +.ti-flag-alt:before { content: "\e63b"; } + +.ti-flag-alt-2:before { content: "\e63c"; } + +.ti-eye:before { content: "\e63d"; } + +.ti-export:before { content: "\e63e"; } + +.ti-exchange-vertical:before { content: "\e63f"; } + +.ti-desktop:before { content: "\e640"; } + +.ti-cup:before { content: "\e641"; } + +.ti-crown:before { content: "\e642"; } + +.ti-comments:before { content: "\e643"; } + +.ti-comment:before { content: "\e644"; } + +.ti-comment-alt:before { content: "\e645"; } + +.ti-close:before { content: "\e646"; } + +.ti-clip:before { content: "\e647"; } + +.ti-angle-up:before { content: "\e648"; } + +.ti-angle-right:before { content: "\e649"; } + +.ti-angle-left:before { content: "\e64a"; } + +.ti-angle-down:before { content: "\e64b"; } + +.ti-check:before { content: "\e64c"; } + +.ti-check-box:before { content: "\e64d"; } + +.ti-camera:before { content: "\e64e"; } + +.ti-announcement:before { content: "\e64f"; } + +.ti-brush:before { content: "\e650"; } + +.ti-briefcase:before { content: "\e651"; } + +.ti-bolt:before { content: "\e652"; } + +.ti-bolt-alt:before { content: "\e653"; } + +.ti-blackboard:before { content: "\e654"; } + +.ti-bag:before { content: "\e655"; } + +.ti-move:before { content: "\e656"; } + +.ti-arrows-vertical:before { content: "\e657"; } + +.ti-arrows-horizontal:before { content: "\e658"; } + +.ti-fullscreen:before { content: "\e659"; } + +.ti-arrow-top-right:before { content: "\e65a"; } + +.ti-arrow-top-left:before { content: "\e65b"; } + +.ti-arrow-circle-up:before { content: "\e65c"; } + +.ti-arrow-circle-right:before { content: "\e65d"; } + +.ti-arrow-circle-left:before { content: "\e65e"; } + +.ti-arrow-circle-down:before { content: "\e65f"; } + +.ti-angle-double-up:before { content: "\e660"; } + +.ti-angle-double-right:before { content: "\e661"; } + +.ti-angle-double-left:before { content: "\e662"; } + +.ti-angle-double-down:before { content: "\e663"; } + +.ti-zip:before { content: "\e664"; } + +.ti-world:before { content: "\e665"; } + +.ti-wheelchair:before { content: "\e666"; } + +.ti-view-list:before { content: "\e667"; } + +.ti-view-list-alt:before { content: "\e668"; } + +.ti-view-grid:before { content: "\e669"; } + +.ti-uppercase:before { content: "\e66a"; } + +.ti-upload:before { content: "\e66b"; } + +.ti-underline:before { content: "\e66c"; } + +.ti-truck:before { content: "\e66d"; } + +.ti-timer:before { content: "\e66e"; } + +.ti-ticket:before { content: "\e66f"; } + +.ti-thumb-up:before { content: "\e670"; } + +.ti-thumb-down:before { content: "\e671"; } + +.ti-text:before { content: "\e672"; } + +.ti-stats-up:before { content: "\e673"; } + +.ti-stats-down:before { content: "\e674"; } + +.ti-split-v:before { content: "\e675"; } + +.ti-split-h:before { content: "\e676"; } + +.ti-smallcap:before { content: "\e677"; } + +.ti-shine:before { content: "\e678"; } + +.ti-shift-right:before { content: "\e679"; } + +.ti-shift-left:before { content: "\e67a"; } + +.ti-shield:before { content: "\e67b"; } + +.ti-notepad:before { content: "\e67c"; } + +.ti-server:before { content: "\e67d"; } + +.ti-quote-right:before { content: "\e67e"; } + +.ti-quote-left:before { content: "\e67f"; } + +.ti-pulse:before { content: "\e680"; } + +.ti-printer:before { content: "\e681"; } + +.ti-power-off:before { content: "\e682"; } + +.ti-plug:before { content: "\e683"; } + +.ti-pie-chart:before { content: "\e684"; } + +.ti-paragraph:before { content: "\e685"; } + +.ti-panel:before { content: "\e686"; } + +.ti-package:before { content: "\e687"; } + +.ti-music:before { content: "\e688"; } + +.ti-music-alt:before { content: "\e689"; } + +.ti-mouse:before { content: "\e68a"; } + +.ti-mouse-alt:before { content: "\e68b"; } + +.ti-money:before { content: "\e68c"; } + +.ti-microphone:before { content: "\e68d"; } + +.ti-menu:before { content: "\e68e"; } + +.ti-menu-alt:before { content: "\e68f"; } + +.ti-map:before { content: "\e690"; } + +.ti-map-alt:before { content: "\e691"; } + +.ti-loop:before { content: "\e692"; } + +.ti-location-pin:before { content: "\e693"; } + +.ti-list:before { content: "\e694"; } + +.ti-light-bulb:before { content: "\e695"; } + +.ti-Italic:before { content: "\e696"; } + +.ti-info:before { content: "\e697"; } + +.ti-infinite:before { content: "\e698"; } + +.ti-id-badge:before { content: "\e699"; } + +.ti-hummer:before { content: "\e69a"; } + +.ti-home:before { content: "\e69b"; } + +.ti-help:before { content: "\e69c"; } + +.ti-headphone:before { content: "\e69d"; } + +.ti-harddrives:before { content: "\e69e"; } + +.ti-harddrive:before { content: "\e69f"; } + +.ti-gift:before { content: "\e6a0"; } + +.ti-game:before { content: "\e6a1"; } + +.ti-filter:before { content: "\e6a2"; } + +.ti-files:before { content: "\e6a3"; } + +.ti-file:before { content: "\e6a4"; } + +.ti-eraser:before { content: "\e6a5"; } + +.ti-envelope:before { content: "\e6a6"; } + +.ti-download:before { content: "\e6a7"; } + +.ti-direction:before { content: "\e6a8"; } + +.ti-direction-alt:before { content: "\e6a9"; } + +.ti-dashboard:before { content: "\e6aa"; } + +.ti-control-stop:before { content: "\e6ab"; } + +.ti-control-shuffle:before { content: "\e6ac"; } + +.ti-control-play:before { content: "\e6ad"; } + +.ti-control-pause:before { content: "\e6ae"; } + +.ti-control-forward:before { content: "\e6af"; } + +.ti-control-backward:before { content: "\e6b0"; } + +.ti-cloud:before { content: "\e6b1"; } + +.ti-cloud-up:before { content: "\e6b2"; } + +.ti-cloud-down:before { content: "\e6b3"; } + +.ti-clipboard:before { content: "\e6b4"; } + +.ti-car:before { content: "\e6b5"; } + +.ti-calendar:before { content: "\e6b6"; } + +.ti-book:before { content: "\e6b7"; } + +.ti-bell:before { content: "\e6b8"; } + +.ti-basketball:before { content: "\e6b9"; } + +.ti-bar-chart:before { content: "\e6ba"; } + +.ti-bar-chart-alt:before { content: "\e6bb"; } + +.ti-back-right:before { content: "\e6bc"; } + +.ti-back-left:before { content: "\e6bd"; } + +.ti-arrows-corner:before { content: "\e6be"; } + +.ti-archive:before { content: "\e6bf"; } + +.ti-anchor:before { content: "\e6c0"; } + +.ti-align-right:before { content: "\e6c1"; } + +.ti-align-left:before { content: "\e6c2"; } + +.ti-align-justify:before { content: "\e6c3"; } + +.ti-align-center:before { content: "\e6c4"; } + +.ti-alert:before { content: "\e6c5"; } + +.ti-alarm-clock:before { content: "\e6c6"; } + +.ti-agenda:before { content: "\e6c7"; } + +.ti-write:before { content: "\e6c8"; } + +.ti-window:before { content: "\e6c9"; } + +.ti-widgetized:before { content: "\e6ca"; } + +.ti-widget:before { content: "\e6cb"; } + +.ti-widget-alt:before { content: "\e6cc"; } + +.ti-wallet:before { content: "\e6cd"; } + +.ti-video-clapper:before { content: "\e6ce"; } + +.ti-video-camera:before { content: "\e6cf"; } + +.ti-vector:before { content: "\e6d0"; } + +.ti-themify-logo:before { content: "\e6d1"; } + +.ti-themify-favicon:before { content: "\e6d2"; } + +.ti-themify-favicon-alt:before { content: "\e6d3"; } + +.ti-support:before { content: "\e6d4"; } + +.ti-stamp:before { content: "\e6d5"; } + +.ti-split-v-alt:before { content: "\e6d6"; } + +.ti-slice:before { content: "\e6d7"; } + +.ti-shortcode:before { content: "\e6d8"; } + +.ti-shift-right-alt:before { content: "\e6d9"; } + +.ti-shift-left-alt:before { content: "\e6da"; } + +.ti-ruler-alt-2:before { content: "\e6db"; } + +.ti-receipt:before { content: "\e6dc"; } + +.ti-pin2:before { content: "\e6dd"; } + +.ti-pin-alt:before { content: "\e6de"; } + +.ti-pencil-alt2:before { content: "\e6df"; } + +.ti-palette:before { content: "\e6e0"; } + +.ti-more:before { content: "\e6e1"; } + +.ti-more-alt:before { content: "\e6e2"; } + +.ti-microphone-alt:before { content: "\e6e3"; } + +.ti-magnet:before { content: "\e6e4"; } + +.ti-line-double:before { content: "\e6e5"; } + +.ti-line-dotted:before { content: "\e6e6"; } + +.ti-line-dashed:before { content: "\e6e7"; } + +.ti-layout-width-full:before { content: "\e6e8"; } + +.ti-layout-width-default:before { content: "\e6e9"; } + +.ti-layout-width-default-alt:before { content: "\e6ea"; } + +.ti-layout-tab:before { content: "\e6eb"; } + +.ti-layout-tab-window:before { content: "\e6ec"; } + +.ti-layout-tab-v:before { content: "\e6ed"; } + +.ti-layout-tab-min:before { content: "\e6ee"; } + +.ti-layout-slider:before { content: "\e6ef"; } + +.ti-layout-slider-alt:before { content: "\e6f0"; } + +.ti-layout-sidebar-right:before { content: "\e6f1"; } + +.ti-layout-sidebar-none:before { content: "\e6f2"; } + +.ti-layout-sidebar-left:before { content: "\e6f3"; } + +.ti-layout-placeholder:before { content: "\e6f4"; } + +.ti-layout-menu:before { content: "\e6f5"; } + +.ti-layout-menu-v:before { content: "\e6f6"; } + +.ti-layout-menu-separated:before { content: "\e6f7"; } + +.ti-layout-menu-full:before { content: "\e6f8"; } + +.ti-layout-media-right-alt:before { content: "\e6f9"; } + +.ti-layout-media-right:before { content: "\e6fa"; } + +.ti-layout-media-overlay:before { content: "\e6fb"; } + +.ti-layout-media-overlay-alt:before { content: "\e6fc"; } + +.ti-layout-media-overlay-alt-2:before { content: "\e6fd"; } + +.ti-layout-media-left-alt:before { content: "\e6fe"; } + +.ti-layout-media-left:before { content: "\e6ff"; } + +.ti-layout-media-center-alt:before { content: "\e700"; } + +.ti-layout-media-center:before { content: "\e701"; } + +.ti-layout-list-thumb:before { content: "\e702"; } + +.ti-layout-list-thumb-alt:before { content: "\e703"; } + +.ti-layout-list-post:before { content: "\e704"; } + +.ti-layout-list-large-image:before { content: "\e705"; } + +.ti-layout-line-solid:before { content: "\e706"; } + +.ti-layout-grid4:before { content: "\e707"; } + +.ti-layout-grid3:before { content: "\e708"; } + +.ti-layout-grid2:before { content: "\e709"; } + +.ti-layout-grid2-thumb:before { content: "\e70a"; } + +.ti-layout-cta-right:before { content: "\e70b"; } + +.ti-layout-cta-left:before { content: "\e70c"; } + +.ti-layout-cta-center:before { content: "\e70d"; } + +.ti-layout-cta-btn-right:before { content: "\e70e"; } + +.ti-layout-cta-btn-left:before { content: "\e70f"; } + +.ti-layout-column4:before { content: "\e710"; } + +.ti-layout-column3:before { content: "\e711"; } + +.ti-layout-column2:before { content: "\e712"; } + +.ti-layout-accordion-separated:before { content: "\e713"; } + +.ti-layout-accordion-merged:before { content: "\e714"; } + +.ti-layout-accordion-list:before { content: "\e715"; } + +.ti-ink-pen:before { content: "\e716"; } + +.ti-info-alt:before { content: "\e717"; } + +.ti-help-alt:before { content: "\e718"; } + +.ti-headphone-alt:before { content: "\e719"; } + +.ti-hand-point-up:before { content: "\e71a"; } + +.ti-hand-point-right:before { content: "\e71b"; } + +.ti-hand-point-left:before { content: "\e71c"; } + +.ti-hand-point-down:before { content: "\e71d"; } + +.ti-gallery:before { content: "\e71e"; } + +.ti-face-smile:before { content: "\e71f"; } + +.ti-face-sad:before { content: "\e720"; } + +.ti-credit-card:before { content: "\e721"; } + +.ti-control-skip-forward:before { content: "\e722"; } + +.ti-control-skip-backward:before { content: "\e723"; } + +.ti-control-record:before { content: "\e724"; } + +.ti-control-eject:before { content: "\e725"; } + +.ti-comments-smiley:before { content: "\e726"; } + +.ti-brush-alt:before { content: "\e727"; } + +.ti-youtube:before { content: "\e728"; } + +.ti-vimeo:before { content: "\e729"; } + +.ti-twitter:before { content: "\e72a"; } + +.ti-time:before { content: "\e72b"; } + +.ti-tumblr:before { content: "\e72c"; } + +.ti-skype:before { content: "\e72d"; } + +.ti-share:before { content: "\e72e"; } + +.ti-share-alt:before { content: "\e72f"; } + +.ti-rocket:before { content: "\e730"; } + +.ti-pinterest:before { content: "\e731"; } + +.ti-new-window:before { content: "\e732"; } + +.ti-microsoft:before { content: "\e733"; } + +.ti-list-ol:before { content: "\e734"; } + +.ti-linkedin:before { content: "\e735"; } + +.ti-layout-sidebar-2:before { content: "\e736"; } + +.ti-layout-grid4-alt:before { content: "\e737"; } + +.ti-layout-grid3-alt:before { content: "\e738"; } + +.ti-layout-grid2-alt:before { content: "\e739"; } + +.ti-layout-column4-alt:before { content: "\e73a"; } + +.ti-layout-column3-alt:before { content: "\e73b"; } + +.ti-layout-column2-alt:before { content: "\e73c"; } + +.ti-instagram:before { content: "\e73d"; } + +.ti-google:before { content: "\e73e"; } + +.ti-github:before { content: "\e73f"; } + +.ti-flickr:before { content: "\e740"; } + +.ti-facebook:before { content: "\e741"; } + +.ti-dropbox:before { content: "\e742"; } + +.ti-dribbble:before { content: "\e743"; } + +.ti-apple:before { content: "\e744"; } + +.ti-android:before { content: "\e745"; } + +.ti-save:before { content: "\e746"; } + +.ti-save-alt:before { content: "\e747"; } + +.ti-yahoo:before { content: "\e748"; } + +.ti-wordpress:before { content: "\e749"; } + +.ti-vimeo-alt:before { content: "\e74a"; } + +.ti-twitter-alt:before { content: "\e74b"; } + +.ti-tumblr-alt:before { content: "\e74c"; } + +.ti-trello:before { content: "\e74d"; } + +.ti-stack-overflow:before { content: "\e74e"; } + +.ti-soundcloud:before { content: "\e74f"; } + +.ti-sharethis:before { content: "\e750"; } + +.ti-sharethis-alt:before { content: "\e751"; } + +.ti-reddit:before { content: "\e752"; } + +.ti-pinterest-alt:before { content: "\e753"; } + +.ti-microsoft-alt:before { content: "\e754"; } + +.ti-linux:before { content: "\e755"; } + +.ti-jsfiddle:before { content: "\e756"; } + +.ti-joomla:before { content: "\e757"; } + +.ti-html5:before { content: "\e758"; } + +.ti-flickr-alt:before { content: "\e759"; } + +.ti-email:before { content: "\e75a"; } + +.ti-drupal:before { content: "\e75b"; } + +.ti-dropbox-alt:before { content: "\e75c"; } + +.ti-css3:before { content: "\e75d"; } + +.ti-rss:before { content: "\e75e"; } + +.ti-rss-alt:before { content: "\e75f"; } + +/* DataTables 1.10.24 */ +table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand;background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url("../images/sort_both.png")}table.dataTable thead .sorting_asc{background-image:url("../images/sort_asc.png") !important}table.dataTable thead .sorting_desc{background-image:url("../images/sort_desc.png") !important}table.dataTable thead .sorting_asc_disabled{background-image:url("../images/sort_asc_disabled.png")}table.dataTable thead .sorting_desc_disabled{background-image:url("../images/sort_desc_disabled.png")}table.dataTable tbody tr{background-color:#fff}table.dataTable tbody tr.selected{background-color:#b0bed9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_length select{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;padding:4px}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;margin-left:3px}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, white 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, white 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, white 0%, #dcdcdc 100%);background:-o-linear-gradient(top, white 0%, #dcdcdc 100%);background:linear-gradient(to bottom, white 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:.5em}} + +/** NioKit @v1.0 | Author: Softnio */ +.no-pd, .pd-0 { padding: 0 !important; } + +.no-pdt, .no-pdy, .pdy-0, .pdt-0 { padding-top: 0 !important; } + +.no-pdb, .no-pdy, .pdy-0, .pdb-0 { padding-bottom: 0 !important; } + +.no-pdl, .no-pdx, .pdx-0, .pdl-0 { padding-left: 0 !important; } + +.no-pdr, .no-pdx, .pdx-0, .pdr-0 { padding-right: 0 !important; } + +.no-mg, .mg-0 { margin: 0 !important; } + +.no-mgt, .no-mgy, .mgy-0, .mgt-0 { margin-top: 0 !important; } + +.no-mgb, .no-mgy, .mgy-0, .mgb-0 { margin-bottom: 0 !important; } + +.no-mgl, .no-mgx, .mgx-0, .mgl-0 { margin-left: 0 !important; } + +.no-mgr, .no-mgx, .mgx-0, .mgr-0 { margin-right: 0 !important; } + +.no-bg { background: none !important; } + +.no-bg-color { background-color: transparent !important; } + +.no-bg-image { background-image: none; } + +.no-bd { border-width: 0 !important; } + +.no-bdt { border-top-width: 0 !important; } + +.no-bdb { border-bottom-width: 0 !important; } + +.no-bdl { border-left-width: 0 !important; } + +.no-bdr { border-right-width: 0 !important; } + +.no-bdrs, .no-circle { border-radius: 0 !important; } + +.no-shadow { box-shadow: none !important; } + +.no-text-shadow { text-shadow: none !important; } + +.animated, .animate.key { animation-duration: 0.6s; z-index: 9; visibility: hidden; animation-fill-mode: both; } + +@-webkit-keyframes fadeIn { from { opacity: 0; } + to { opacity: 1; } } + +@keyframes fadeIn { from { opacity: 0; } + to { opacity: 1; } } + +.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } + +@-webkit-keyframes fadeInUp { from { opacity: 0; + -webkit-transform: translate3d(0, 40px, 0); + transform: translate3d(0, 40px, 0); } + to { opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes fadeInUp { from { opacity: 0; + -webkit-transform: translate3d(0, 40px, 0); + transform: translate3d(0, 40px, 0); } + to { opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } + +@-webkit-keyframes fadeInDown { from { opacity: 0; + -webkit-transform: translate3d(0, -40px, 0); + transform: translate3d(0, -40px, 0); } + to { opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes fadeInDown { from { opacity: 0; + -webkit-transform: translate3d(0, -40px, 0); + transform: translate3d(0, -40px, 0); } + to { opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } + +@-webkit-keyframes fadeInRight { from { opacity: 0; + -webkit-transform: translate3d(40px, 0, 0); + transform: translate3d(40px, 0, 0); } + to { opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes fadeInRight { from { opacity: 0; + -webkit-transform: translate3d(40px, 0, 0); + transform: translate3d(40px, 0, 0); } + to { opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } + +@-webkit-keyframes fadeInLeft { from { opacity: 0; + -webkit-transform: translate3d(-40px, 0, 0); + transform: translate3d(-40px, 0, 0); } + to { opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes fadeInLeft { from { opacity: 0; + -webkit-transform: translate3d(-40px, 0, 0); + transform: translate3d(-40px, 0, 0); } + to { opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } + +.animate-down, .animate-up, .animate-left, .animate-right, .animate-fade { position: relative; opacity: 0; transition: all .4s; } + +.animate-mid { transition: all .8s; } + +.animate-long { transition: all 1.2s; } + +.animate-down { top: -30px; } + +.animate-down-mid { top: -60px; } + +.animate-down-long { top: -120px; } + +.animate-up { bottom: -30px; } + +.animate-up-mid { bottom: -60px; } + +.animate-up-long { bottom: -120px; } + +.animate-left { right: -30px; } + +.animate-left-mid { right: -60px; } + +.animate-left-long { right: -120px; } + +.animate-right { left: -30px; } + +.animate-right-mid { left: -60px; } + +.animate-right-long { left: -120px; } + +.delay-1ms { transition-delay: 0.1s; } + +.delay-2ms { transition-delay: 0.2s; } + +.delay-3ms { transition-delay: 0.3s; } + +.delay-4ms { transition-delay: 0.4s; } + +.delay-5ms { transition-delay: 0.5s; } + +.delay-6ms { transition-delay: 0.6s; } + +.delay-7ms { transition-delay: 0.7s; } + +.delay-8ms { transition-delay: 0.8s; } + +.delay-9ms { transition-delay: 0.9s; } + +.delay-10ms { transition-delay: 1s; } + +.delay-11ms { transition-delay: 1.1s; } + +.delay-12ms { transition-delay: 1.2s; } + +.delay-13ms { transition-delay: 1.3s; } + +.delay-14ms { transition-delay: 1.4s; } + +.delay-15ms { transition-delay: 1.5s; } + +.delay-16ms { transition-delay: 1.6s; } + +.delay-17ms { transition-delay: 1.7s; } + +.delay-18ms { transition-delay: 1.8s; } + +.delay-19ms { transition-delay: 1.9s; } + +.delay-20ms { transition-delay: 2s; } + +.active.owl-item .animate-down, .active.owl-item .animate-up, .active.owl-item .animate-left, .active.owl-item .animate-right, .active.owl-item .animate-fade { opacity: 1; } + +.active.owl-item .animate-down { top: 0; } + +.active.owl-item .animate-up { bottom: 0; } + +.active.owl-item .animate-left { right: 0; } + +.active.owl-item .animate-right { left: 0; } + +.delay-removed { transition-delay: 0 !important; } + +.index-1 { z-index: 1; } + +.index-2 { z-index: 2; } + +.index-3 { z-index: 3; } + +.index-4 { z-index: 4; } + +.index-5 { z-index: 5; } + +.index-6 { z-index: 6; } + +.index-7 { z-index: 7; } + +.index-8 { z-index: 8; } + +.index-9 { z-index: 9; } + +.index-10 { z-index: 10; } + +.index-11 { z-index: 11; } + +.index-12 { z-index: 12; } + +.index-13 { z-index: 13; } + +.index-14 { z-index: 14; } + +.index-15 { z-index: 15; } + +.index-16 { z-index: 16; } + +.index-17 { z-index: 17; } + +.index-18 { z-index: 18; } + +.index-19 { z-index: 19; } + +.index-20 { z-index: 20; } + +.index-21 { z-index: 21; } + +.index-22 { z-index: 22; } + +.index-23 { z-index: 23; } + +.index-24 { z-index: 24; } + +.index-25 { z-index: 25; } + +.index-26 { z-index: 26; } + +.index-27 { z-index: 27; } + +.index-28 { z-index: 28; } + +.index-29 { z-index: 29; } + +.index-1 { z-index: 1 !important; } + +.index-2 { z-index: 2 !important; } + +.index-3 { z-index: 3 !important; } + +.index-4 { z-index: 4 !important; } + +.index-5 { z-index: 5 !important; } + +.index-6 { z-index: 6 !important; } + +.index-7 { z-index: 7 !important; } + +.index-8 { z-index: 8 !important; } + +.index-9 { z-index: 9 !important; } + +.index-10 { z-index: 10 !important; } + +.index-11 { z-index: 11 !important; } + +.index-12 { z-index: 12 !important; } + +.index-13 { z-index: 13 !important; } + +.index-14 { z-index: 14 !important; } + +.index-15 { z-index: 15 !important; } + +.index-16 { z-index: 16 !important; } + +.index-17 { z-index: 17 !important; } + +.index-18 { z-index: 18 !important; } + +.index-19 { z-index: 19 !important; } + +.index-20 { z-index: 20 !important; } + +.index-21 { z-index: 21 !important; } + +.index-22 { z-index: 22 !important; } + +.index-23 { z-index: 23 !important; } + +.index-24 { z-index: 24 !important; } + +.index-25 { z-index: 25 !important; } + +.index-26 { z-index: 26 !important; } + +.index-27 { z-index: 27 !important; } + +.index-28 { z-index: 28 !important; } + +.index-29 { z-index: 29 !important; } + +.tc-genitian { color: #122272 !important; } + +.tc-genitian-alt { color: #1940b0 !important; } + +.tc-genitian-dark { color: #0c195a !important; } + +.tc-genitian-dark-alt { color: #132582 !important; } + +.tc-azalea { color: #0f1932 !important; } + +.tc-azalea-alt { color: #1c2640 !important; } + +.tc-azalea-dark { color: #090e1b !important; } + +.tc-azalea-dark-alt { color: #030610 !important; } + +.tc-zinnia { color: #fe4350 !important; } + +.tc-zinnia-alt { color: #ff6c3f !important; } + +.tc-zinnia-dark { color: #0c195a !important; } + +.tc-zinnia-dark-alt { color: #132582 !important; } + +.tc-salvia { color: #3c1c94 !important; } + +.tc-salvia-alt { color: #6e19c2 !important; } + +.tc-salvia-dark { color: #0c195a !important; } + +.tc-salvia-dark-alt { color: #132582 !important; } + +.tc-lungwort { color: #6757d4 !important; } + +.tc-lungwort-alt { color: #190a85 !important; } + +.tc-lungwort-dark { color: #0c195a !important; } + +.tc-lungwort-dark-alt { color: #132582 !important; } + +.tc-jasmine { color: #eaeff6 !important; } + +.tc-jasmine-alt { color: #dde5f1 !important; } + +.tc-jasmine-dark { color: #223b55 !important; } + +.tc-jasmine-dark-alt { color: #3e5770 !important; } + +.tc-jasmine { color: #eaeff6 !important; } + +.tc-jasmine-alt { color: #dde5f1 !important; } + +.tc-jasmine-dark { color: #223b55 !important; } + +.tc-jasmine-dark-alt { color: #3e5770 !important; } + +.tc-muscari { color: #3455ff !important; } + +.tc-muscari-alt { color: #1c35b0 !important; } + +.tc-muscari-dark { color: #0c195a !important; } + +.tc-muscari-dark-alt { color: #132582 !important; } + +.tc-lavender { color: #5d46e8 !important; } + +.tc-lavender-alt { color: #3d1fbc !important; } + +.tc-lavender-dark { color: #0c195a !important; } + +.tc-lavender-dark-alt { color: #132582 !important; } + +.tc-azure { color: #086ddf !important; } + +.tc-azure-alt { color: #290075 !important; } + +.tc-azure-dark { color: #0c195a !important; } + +.tc-azure-dark-alt { color: #132582 !important; } + +.tc-classic { color: #08091b !important; } + +.tc-classic-alt { color: #2c3657 !important; } + +.tc-classic-dark { color: #0c195a !important; } + +.tc-classic-dark-alt { color: #132582 !important; } + +.bg-genitian { background-color: #122272 !important; } + +.bg-genitian-alt { background-color: #1940b0 !important; } + +.bg-genitian-dark { background-color: #0c195a !important; } + +.bg-genitian-dark-alt { background-color: #132582 !important; } + +.bg-genitian-grad { background-image: linear-gradient(90deg, #122272 0%, #1940b0 100%) !important; } + +.bg-genitian-grad-alt { background-image: linear-gradient(90deg, #1940b0 0%, #122272 100%) !important; } + +.bg-azalea { background-color: #0f1932 !important; } + +.bg-azalea-alt { background-color: #1c2640 !important; } + +.bg-azalea-dark { background-color: #090e1b !important; } + +.bg-azalea-dark-alt { background-color: #030610 !important; } + +.bg-azalea-grad { background-image: linear-gradient(90deg, #0f1932 0%, #1c2640 100%) !important; } + +.bg-azalea-grad-alt { background-image: linear-gradient(90deg, #1c2640 0%, #0f1932 100%) !important; } + +.bg-zinnia { background-color: #fe4350 !important; } + +.bg-zinnia-alt { background-color: #ff6c3f !important; } + +.bg-zinnia-dark { background-color: #0c195a !important; } + +.bg-zinnia-dark-alt { background-color: #132582 !important; } + +.bg-zinnia-grad { background-image: linear-gradient(135deg, #fe4350 0%, #ff6c3f 100%) !important; } + +.bg-zinnia-grad-alt { background-image: linear-gradient(135deg, #ff6c3f 0%, #fe4350 100%) !important; } + +.bg-salvia { background-color: #3c1c94 !important; } + +.bg-salvia-alt { background-color: #6e19c2 !important; } + +.bg-salvia-dark { background-color: #0c195a !important; } + +.bg-salvia-dark-alt { background-color: #132582 !important; } + +.bg-salvia-grad { background-image: linear-gradient(45deg, #3c1c94 0%, #6e19c2 100%) !important; } + +.bg-salvia-grad-alt { background-image: linear-gradient(45deg, #6e19c2 0%, #3c1c94 100%) !important; } + +.bg-lungwort { background-color: #6757d4 !important; } + +.bg-lungwort-alt { background-color: #190a85 !important; } + +.bg-lungwort-dark { background-color: #0c195a !important; } + +.bg-lungwort-dark-alt { background-color: #132582 !important; } + +.bg-lungwort-grad { background-image: linear-gradient(135deg, #6757d4 0%, #190a85 100%) !important; } + +.bg-lungwort-grad-alt { background-image: linear-gradient(135deg, #190a85 0%, #6757d4 100%) !important; } + +.bg-jasmine { background-color: #eaeff6 !important; } + +.bg-jasmine-alt { background-color: #dde5f1 !important; } + +.bg-jasmine-dark { background-color: #223b55 !important; } + +.bg-jasmine-dark-alt { background-color: #3e5770 !important; } + +.bg-jasmine-grad { background-image: linear-gradient(-135deg, #eaeff6 0%, #dde5f1 100%) !important; } + +.bg-jasmine-grad-alt { background-image: linear-gradient(-135deg, #dde5f1 0%, #eaeff6 100%) !important; } + +.bg-lobelia { background-color: #0a1992 !important; } + +.bg-lobelia-alt { background-color: #000537 !important; } + +.bg-lobelia-dark { background-color: #0c195a !important; } + +.bg-lobelia-dark-alt { background-color: #132582 !important; } + +.bg-lobelia-grad { background-image: linear-gradient(-45deg, #0a1992 0%, #000537 100%) !important; } + +.bg-lobelia-grad-alt { background-image: linear-gradient(-45deg, #000537 0%, #0a1992 100%) !important; } + +.bg-muscari { background-color: #3455ff !important; } + +.bg-muscari-alt { background-color: #1c35b0 !important; } + +.bg-muscari-dark { background-color: #0c195a !important; } + +.bg-muscari-dark-alt { background-color: #132582 !important; } + +.bg-muscari-grad { background-image: linear-gradient(45deg, #3455ff 0%, #1c35b0 100%) !important; } + +.bg-muscari-grad-alt { background-image: linear-gradient(45deg, #1c35b0 0%, #3455ff 100%) !important; } + +.bg-lavender { background-color: #5d46e8 !important; } + +.bg-lavender-alt { background-color: #3d1fbc !important; } + +.bg-lavender-dark { background-color: #0c195a !important; } + +.bg-lavender-dark-alt { background-color: #132582 !important; } + +.bg-lavender-grad { background-image: linear-gradient(45deg, #5d46e8 0%, #3d1fbc 100%) !important; } + +.bg-lavender-grad-alt { background-image: linear-gradient(45deg, #3d1fbc 0%, #5d46e8 100%) !important; } + +.bg-azure { background-color: #086ddf !important; } + +.bg-azure-alt { background-color: #290075 !important; } + +.bg-azure-dark { background-color: #0c195a !important; } + +.bg-azure-dark-alt { background-color: #132582 !important; } + +.bg-azure-grad { background-image: linear-gradient(-45deg, #086ddf 0%, #290075 100%) !important; } + +.bg-azure-grad-alt { background-image: linear-gradient(-45deg, #290075 0%, #086ddf 100%) !important; } + +.bg-classic { background-color: #08091b !important; } + +.bg-classic-alt { background-color: #2c3657 !important; } + +.bg-classic-dark { background-color: #0c195a !important; } + +.bg-classic-dark-alt { background-color: #132582 !important; } + +.bg-classic-grad { background-image: linear-gradient(45deg, #08091b 0%, #2c3657 100%) !important; } + +.bg-classic-grad-alt { background-image: linear-gradient(45deg, #2c3657 0%, #08091b 100%) !important; } + +[dir="rtl"], .has-rtl { text-align: right !important; } + +.has-rtl .text-left, .has-rtl .mfp-content { text-align: right !important; } + +.has-rtl .text-right { text-align: left !important; } + +.has-rtl .mr-1 { margin-right: 0 !important; margin-left: .25rem !important; } + +.has-rtl .mr-2 { margin-right: 0 !important; margin-left: .5rem !important; } + +.has-rtl .mr-3 { margin-right: 0 !important; margin-left: 1rem !important; } + +.has-rtl .mr-4 { margin-right: 0 !important; margin-left: 1.5rem !important; } + +.has-rtl .mr-5 { margin-right: 0 !important; margin-left: 3rem !important; } + +.has-rtl .mr-auto { margin-right: 0 !important; margin-left: auto !important; } + +.has-rtl .ml-1 { margin-left: 0 !important; margin-right: .25rem !important; } + +.has-rtl .ml-2 { margin-left: 0 !important; margin-right: .5rem !important; } + +.has-rtl .ml-3 { margin-left: 0 !important; margin-right: 1rem !important; } + +.has-rtl .ml-4 { margin-left: 0 !important; margin-right: 1.5rem !important; } + +.has-rtl .ml-5 { margin-left: 0 !important; margin-right: 3rem !important; } + +.has-rtl .ml-auto { margin-left: 0 !important; margin-right: auto !important; } + +@media (min-width: 576px) { .has-rtl .text-sm-left { text-align: right !important; } + .has-rtl .text-sm-right { text-align: left !important; } + .has-rtl .mr-sm-1 { margin-right: 0 !important; margin-left: .25rem !important; } + .has-rtl .mr-sm-2 { margin-right: 0 !important; margin-left: .5rem !important; } + .has-rtl .mr-sm-3 { margin-right: 0 !important; margin-left: 1rem !important; } + .has-rtl .mr-sm-4 { margin-right: 0 !important; margin-left: 1.5rem !important; } + .has-rtl .mr-sm-5 { margin-right: 0 !important; margin-left: 3rem !important; } + .has-rtl .mr-sm-auto { margin-right: 0 !important; margin-left: auto !important; } + .has-rtl .ml-sm-1 { margin-left: 0 !important; margin-right: .25rem !important; } + .has-rtl .ml-sm-2 { margin-left: 0 !important; margin-right: .5rem !important; } + .has-rtl .ml-sm-3 { margin-left: 0 !important; margin-right: 1rem !important; } + .has-rtl .ml-sm-4 { margin-left: 0 !important; margin-right: 1.5rem !important; } + .has-rtl .ml-sm-5 { margin-left: 0 !important; margin-right: 3rem !important; } + .has-rtl .ml-sm-auto { margin-left: 0 !important; margin-right: auto !important; } } + +@media (min-width: 768px) { .has-rtl .text-md-left { text-align: right !important; } + .has-rtl .text-md-right { text-align: left !important; } + .has-rtl .mr-md-1 { margin-right: 0 !important; margin-left: .25rem !important; } + .has-rtl .mr-md-2 { margin-right: 0 !important; margin-left: .5rem !important; } + .has-rtl .mr-md-3 { margin-right: 0 !important; margin-left: 1rem !important; } + .has-rtl .mr-md-4 { margin-right: 0 !important; margin-left: 1.5rem !important; } + .has-rtl .mr-md-5 { margin-right: 0 !important; margin-left: 3rem !important; } + .has-rtl .mr-md-auto { margin-right: 0 !important; margin-left: auto !important; } + .has-rtl .ml-md-1 { margin-left: 0 !important; margin-right: .25rem !important; } + .has-rtl .ml-md-2 { margin-left: 0 !important; margin-right: .5rem !important; } + .has-rtl .ml-md-3 { margin-left: 0 !important; margin-right: 1rem !important; } + .has-rtl .ml-md-4 { margin-left: 0 !important; margin-right: 1.5rem !important; } + .has-rtl .ml-md-5 { margin-left: 0 !important; margin-right: 3rem !important; } + .has-rtl .ml-md-auto { margin-left: 0 !important; margin-right: auto !important; } } + +@media (min-width: 992px) { .has-rtl .text-lg-left { text-align: right !important; } + .has-rtl .text-lg-right { text-align: left !important; } + .has-rtl .mr-lg-1 { margin-right: 0 !important; margin-left: .25rem !important; } + .has-rtl .mr-lg-2 { margin-right: 0 !important; margin-left: .5rem !important; } + .has-rtl .mr-lg-3 { margin-right: 0 !important; margin-left: 1rem !important; } + .has-rtl .mr-lg-4 { margin-right: 0 !important; margin-left: 1.5rem !important; } + .has-rtl .mr-lg-5 { margin-right: 0 !important; margin-left: 3rem !important; } + .has-rtl .mr-lg-auto { margin-right: 0 !important; margin-left: auto !important; } + .has-rtl .ml-lg-1 { margin-left: 0 !important; margin-right: .25rem !important; } + .has-rtl .ml-lg-2 { margin-left: 0 !important; margin-right: .5rem !important; } + .has-rtl .ml-lg-3 { margin-left: 0 !important; margin-right: 1rem !important; } + .has-rtl .ml-lg-4 { margin-left: 0 !important; margin-right: 1.5rem !important; } + .has-rtl .ml-lg-5 { margin-left: 0 !important; margin-right: 3rem !important; } + .has-rtl .ml-lg-auto { margin-left: 0 !important; margin-right: auto !important; } } + +@media (min-width: 1200px) { .has-rtl .text-xl-left { text-align: right !important; } + .has-rtl .text-xl-right { text-align: left !important; } + .has-rtl .mr-xl-1 { margin-right: 0 !important; margin-left: .25rem !important; } + .has-rtl .mr-xl-2 { margin-right: 0 !important; margin-left: .5rem !important; } + .has-rtl .mr-xl-3 { margin-right: 0 !important; margin-left: 1rem !important; } + .has-rtl .mr-xl-4 { margin-right: 0 !important; margin-left: 1.5rem !important; } + .has-rtl .mr-xl-5 { margin-right: 0 !important; margin-left: 3rem !important; } + .has-rtl .mr-xl-auto { margin-right: 0 !important; margin-left: auto !important; } + .has-rtl .ml-xl-1 { margin-left: 0 !important; margin-right: .25rem !important; } + .has-rtl .ml-xl-2 { margin-left: 0 !important; margin-right: .5rem !important; } + .has-rtl .ml-xl-3 { margin-left: 0 !important; margin-right: 1rem !important; } + .has-rtl .ml-xl-4 { margin-left: 0 !important; margin-right: 1.5rem !important; } + .has-rtl .ml-xl-5 { margin-left: 0 !important; margin-right: 3rem !important; } + .has-rtl .ml-xl-auto { margin-left: 0 !important; margin-right: auto !important; } } + +@media (min-width: 1600px) { .container { max-width: 1140px; } + .container-xxl { max-width: 1490px; } } + +/* jQuery FlexSlider v2.7.2 https://www.woocommerce.com/flexslider/ Copyright 2012 WooThemes Free to use under the GPLv2 and later license. http://www.gnu.org/licenses/gpl-2.0.html Contributing author: Tyler Smith (@mbmufffin) */ +/* ==================================================================================================================== FONT-FACE ====================================================================================================================*/ +@font-face { font-family: 'flexslider-icon'; src: url("fonts/flexslider-icon.eot"); src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg"); font-weight: normal; font-style: normal; } + +/* ==================================================================================================================== RESETS ====================================================================================================================*/ +.flex-container a:hover, .flex-slider a:hover { outline: none; } + +.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } + +.flex-pauseplay span { text-transform: capitalize; } + +/* ==================================================================================================================== BASE STYLES ====================================================================================================================*/ +.flexslider { margin: 0; padding: 0; } + +.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } + +.flexslider .slides img { width: 100%; display: block; } + +.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } + +html[xmlns] .flexslider .slides { display: block; } + +* html .flexslider .slides { height: 1%; } + +.no-js .flexslider .slides > li:first-child { display: block; } + +/* ==================================================================================================================== DEFAULT THEME ====================================================================================================================*/ +.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); } + +.flexslider .slides { zoom: 1; } + +.flexslider .slides img { height: auto; -moz-user-select: none; } + +.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } + +.loading .flex-viewport { max-height: 300px; } + +@-moz-document url-prefix() { .loading .flex-viewport { max-height: none; } } + +.carousel li { margin-right: 5px; } + +.flex-direction-nav { *height: 0; } + +.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } + +.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } + +.flex-direction-nav a.flex-next:before { content: '\f002'; } + +.flex-direction-nav .flex-prev { left: -50px; } + +.flex-direction-nav .flex-next { right: -50px; text-align: right; } + +.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } + +.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } + +.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } + +.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } + +.flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; z-index: -1; } + +.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } + +.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } + +.flex-pauseplay a:hover { opacity: 1; } + +.flex-pauseplay a.flex-play:before { content: '\f003'; } + +.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } + +.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } + +.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } + +.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } + +.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } + +.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } + +.flex-control-thumbs li { width: 25%; float: left; margin: 0; } + +.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } + +.flex-control-thumbs img:hover { opacity: 1; } + +.flex-control-thumbs .flex-active { opacity: 1; cursor: default; } + +/* ==================================================================================================================== RESPONSIVE ====================================================================================================================*/ +@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } + .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } + +/*! Demo */ +@keyframes upDown { 0%, 100%, 20%, 50%, 80% { transform: translateY(0); } + 40% { transform: translateY(4px); } + 60% { transform: translateY(6px); } } + +@keyframes upDown3 { 0%, 100%, 20%, 50%, 80% { transform: translateY(0); } + 40% { transform: translateY(3px); } + 60% { transform: translateY(4px); } } + +@keyframes iconspin { 0% { transform: rotate(0); } + 100% { transform: rotate(360deg); } } + +@keyframes colorchange { 0%, 100% { color: #46bdf4; } + 20% { color: #7a5cff; } + 40% { color: #41faa4; } + 60% { color: #ffa93d; } + 80% { color: #304ffe; } } + +.style-genitian { background: #16a3fe; } + +.style-salvia { background: #866bfe; } + +.style-lungwort { background: #a722f4; } + +.style-dark { background: #242759; } + +.shown-preview { overflow: hidden; } + +.demo-panel { position: fixed !important; top: 25% !important; right: 0; z-index: 88; background: #222 !important; display: block !important; } + +.mode-fullscreen .demo-panel, .has-rtl .demo-panel { right: auto; left: 0; } + +.demo-list a { cursor: pointer; width: 40px; height: 40px; display: block; text-align: center; color: #fff !important; line-height: 40px; text-align: center; } + +.demo-list a:hover { color: #fff !important; } + +.demo-themes { background: #f94551 !important; padding: 10px 0; position: relative; } + +.demo-themes img { vertical-align: top; width: 20px !important; animation: iconspin 2s linear infinite; } + +.demo-themes:before { position: absolute; content: "\e64b"; font-family: 'themify'; font-size: 20px; line-height: .7; animation: upDown 2s infinite; top: -28px; left: 50%; width: 39px; margin-left: -19.5px; opacity: 1; transition: all .4s ease; text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } + +.demo-mode { font-size: 10px; line-height: 12px !important; font-weight: 700; letter-spacing: 1px; padding-top: 8px; text-transform: uppercase; } + +.demo-cart { background: #73e080 !important; } + +.demo-wp { background: #64accf !important; height: 52px !important; line-height: 38px; } + +.demo-wp span { font-size: 11px; display: block; line-height: 1; font-weight: 700; margin-top: -5px; } + +.demo-color { animation: colorchange 5s linear infinite; } + +.demo-color-palette { display: none; border-top: 1px solid #4c4c4c !important; } + +.demo-color-list { padding: 10px; } + +.demo-color-list li { margin: 5px 0 10px; } + +.demo-color-list li:last-child { margin-bottom: 5px; } + +.demo-color-list li a { display: block; height: 20px; width: 20px; border: 1px solid #fff; } + +.demo-content { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999999; visibility: hidden; overflow: scroll; height: 100vh; display: block !important; } + +.demo-content.demo-active { visibility: visible !important; opacity: 1 !important; background: #fff !important; transition: background .4s ease .7s; } + +.demo-content-bg { position: fixed; top: -60%; left: -60%; height: 220%; width: 220%; transform: rotate(-45deg); transform-origin: 50% 50%; z-index: -1; } + +.demo-content-bg:after, .demo-content-bg:before { position: absolute; top: 0; height: 100%; width: 0; content: ''; background: #fff !important; z-index: -1; } + +.demo-active .demo-content-bg:after, .demo-active .demo-content-bg:before { width: 54%; transition: width .8s ease; } + +.demo-content-bg:before { left: 0; } + +.demo-content-bg:after { right: 0; } + +.demo-content-wrap { padding: 30px 15px; } + +.demo-content-wrap .tc-alternet { color: #415076 !important; } + +.demo-content-wrap .tab-nav { padding: 0 14px 5px; opacity: 0; transform: translateY(40px); background-color: transparent !important; } + +.demo-active .demo-content-wrap .tab-nav { transition: all .5s ease .3s; opacity: 1; transform: translateY(0); } + +.demo-content-wrap .gap-4x { height: 40px; } + +.demo-content-wrap .hr, .demo-content-wrap hr { border-top: 1px solid #dbe4f7; margin-top: 2.5rem; margin-bottom: 2.5rem; } + +.demo-content-wrap .badge { color: #fff; background-color: #16a3fe; display: inline-block; font-weight: 600; text-transform: uppercase; border-radius: 20px; padding: 5px 16px; font-size: 13px; line-height: 24px; border: 1px solid #16a3fe; } + +.demo-content-wrap .badge-primary { background-color: #122272; border-color: #122272; } + +.demo-content-wrap .badge-secondary { background-color: #23c99d; border-color: #23c99d; } + +.demo-content-wrap .badge-info { background-color: #026bfb; border-color: #026bfb; } + +.demo-content-wrap .badge-warning { background-color: #f6be26; border-color: #f6be26; } + +.demo-content-wrap .badge-success { background-color: #39d884; border-color: #39d884; } + +.demo-content-wrap .badge-danger { background-color: #e6604a; border-color: #e6604a; } + +.demo-content-wrap .badge-dark { background-color: #0b0c10; border-color: #0b0c10; } + +.demo-content-wrap .badge-light { background-color: #cce3f4; border-color: #cce3f4; } + +.demo-content-wrap .badge-md { border-radius: 20px; padding: 5px 16px; font-size: 12px; line-height: 18px; } + +.demo-content-wrap .badge-sm { border-radius: 20px; padding: 2px 12px; font-size: 12px; line-height: 18px; } + +.demo-content-wrap .badge-xs { border-radius: 10px; padding: 0 8px; font-size: 9px; line-height: 16px; letter-spacing: 0.05em; } + +.demo-content .tab-nav li a { display: block; padding: 12px 20px; line-height: 19px; font-weight: 400; color: #8ca2e5 !important; border-bottom: 1px solid rgba(219, 228, 247, 0.5) !important; transition: all .4s; } + +.demo-content .tab-nav li a:hover, .demo-content .tab-nav li a.active { color: #1940b0 !important; } + +.demo-content .tab-nav li a .fas, .demo-content .tab-nav li a .far { margin-right: 10px; } + +.demo-content .tab-nav-btn { margin: 0 5px 15px; } + +.demo-content .tab-nav-btn li { padding: 0 7px; } + +.demo-content .tab-nav-btn li a { border-radius: 3px; color: #415076 !important; background: rgba(18, 34, 114, 0.1) !important; border: none !important; } + +.demo-content .tab-nav-btn li a:hover, .demo-content .tab-nav-btn li a.active { color: #fff !important; background: #16a3fe !important; } + +.demo-content .tab-pane { padding: 10px 0 0; } + +.demo-close { color: #fff !important; position: fixed; top: -20px; right: 30px; font-size: 18px; line-height: 44px; width: 40px; height: 40px; z-index: 2; opacity: 0; background: #000 !important; text-align: center; transition: none; border-radius: 50%; } + +.demo-active .demo-close { top: 30px; opacity: 1; transition: all .3s ease .7s; } + +.has-rtl .demo-close { right: auto; left: 30px; } + +.demo-item { opacity: 0; transform: translateY(40px); margin-bottom: 20px; } + +.demo-active .demo-item { transition: all .5s ease 0.7s; opacity: 1; transform: translateY(0); } + +.demo-item-image { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; transition: all .4s; } + +.demo-item-text a { padding: 10px 0; display: block; text-align: center; } + +.demo-item-text a .title { color: #415076 !important; font-weight: 700; text-transform: uppercase; transition: all .4s; display: block; font-size: 13px; letter-spacing: 1px; } + +.demo-item-text a .title small { margin: 0; color: #828998 !important; font-size: 10px; letter-spacing: 0; text-transform: capitalize; display: block; } + +.demo-item:hover .demo-item-text .title { color: #415076 !important; } + +.demo-item:hover .demo-item-text .title small { color: #828998 !important; } + +.demo-item:hover .demo-item-image { box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.15); transform: translateY(-8px); } + +.demo-item-list { margin-bottom: -20px; } + +.demo-active .demo-item-list > div:nth-child(1) .demo-item { transition-delay: .7s; } + +.demo-active .demo-item-list > div:nth-child(2) .demo-item { transition-delay: .8s; } + +.demo-active .demo-item-list > div:nth-child(3) .demo-item { transition-delay: .9s; } + +.demo-active .demo-item-list > div:nth-child(4) .demo-item { transition-delay: 1s; } + +.demo-active .demo-item-list > div:nth-child(5) .demo-item { transition-delay: 1.1s; } + +.demo-active .demo-item-list > div:nth-child(6) .demo-item { transition-delay: 1.2s; } + +.demo-active .demo-item-list > div:nth-child(7) .demo-item { transition-delay: 1.3s; } + +.demo-active .demo-item-list > div:nth-child(8) .demo-item { transition-delay: 1.4s; } + +.demo-active .demo-item-list > div:nth-child(9) .demo-item { transition-delay: 1.5s; } + +.demo-active .demo-item-list > div:nth-child(10) .demo-item { transition-delay: 1.6s; } + +.demo-active .demo-item-list > div:nth-child(11) .demo-item { transition-delay: 1.7s; } + +.demo-active .demo-item-list > div:nth-child(12) .demo-item { transition-delay: 1.8s; } + +.demo-active .demo-item-list > div:nth-child(13) .demo-item { transition-delay: 1.9s; } + +.demo-active .demo-item-list > div:nth-child(14) .demo-item { transition-delay: 2s; } + +.demo-active .demo-item-list > div:nth-child(15) .demo-item { transition-delay: 2.1s; } + +.demo-active .demo-item-list > div:nth-child(16) .demo-item { transition-delay: 2.2s; } + +.demo-active .demo-item-list > div:nth-child(17) .demo-item { transition-delay: 2.3s; } + +.demo-active .demo-item-list > div:nth-child(18) .demo-item { transition-delay: 2.4s; } + +.demo-active .demo-item-list > div:nth-child(19) .demo-item { transition-delay: 2.5s; } + +.demo-active .demo-item-list > div:nth-child(20) .demo-item { transition-delay: 2.6s; } + +.demo-active .demo-item-list > div:nth-child(21) .demo-item { transition-delay: 2.7s; } + +.demo-active .demo-item-list > div:nth-child(22) .demo-item { transition-delay: 2.8s; } + +.demo-item-image img { border-radius: 5px; width: 100%; } + +.demo-page-list li a { font-size: 13px; font-weight: 400; padding: 7px 0; display: inline-block; color: #343f56 !important; } + +.demo-page-list li a .text-primary { color: #1689fc !important; } + +.demo-page-list li a:hover { color: #1689fc !important; } + +.demo-page-list li a small { font-size: 10px; padding-left: 2px; color: #828998 !important; } + +.demo-page-list li a .badge { margin-left: 5px; vertical-align: middle; line-height: 14px; } + +.has-rtl .demo-page-list li a .badge { margin-left: 0; margin-right: 5px; } + +.demo-page-list-wrap { opacity: 0; } + +.demo-active .demo-page-list-wrap { transition: all .5s ease 0.7s; opacity: 1; } + +.demo-badge { position: absolute; top: 30px; left: -20px; font-size: 9px !important; display: inline-block !important; line-height: 18px; padding: 0 7px; margin-left: 7px; font-weight: 400; color: #fff !important; background: #05d271 !important; white-space: nowrap; } + +.demo-badge-new { background: #9d2dff !important; } + +.demo-badge-hot { background: #ff6d3e !important; } + +.demo-badge-hot-2 { background: #ec55ea !important; } + +.demo-badge-free { top: -20px; right: -20px; font-size: 11px !important; display: inline-block !important; line-height: 50px; width: 50px; text-align: center; text-transform: uppercase; font-weight: 600; border-radius: 50%; color: #fff !important; background: #ff713e !important; } + +@media (max-width: 375px) { .demo-badge { top: 10px; left: -12px; } + .demo-close { right: 15px; } + .demo-active .demo-close { top: 20px; } + .has-rtl .demo-close { right: auto; left: 15px; } + .demo-item { margin-bottom: 20px; } + .demo-item-list { margin-bottom: -12px; } + .demo-item-list [class*=col-] { padding-left: 8px; padding-right: 8px; } + .demo-content-wrap { padding: 20px 10px; } + .demo-content-wrap .tab-nav { padding: 0 7px 0; } + .demo-content-wrap .tab-nav li a { font-size: 12px; padding: 10px 18px; } } + +@media (min-width: 576px) { .demo-item-text a { padding: 20px 0 10px; } + .demo-item-text a .title { font-size: 16px; } + .demo-item-text a .title small { font-size: 12px; } + .demo-content-wrap { padding: 30px 15px; } } + +@media (min-width: 680px) { .demo-item-list [class*=col-] { padding-left: 20px; padding-right: 20px; } + .demo-item-list .col-6 { flex: 0 0 33%; max-width: 33%; } } + +@media (min-width: 768px) { .demo-themes:after { content: attr(title); position: absolute; transform: rotate(-90deg); width: 80px; top: -90px; left: -20px; font-size: 9px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.08em; text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } } + +@media (min-width: 1200px) { .demo-close { top: 20px; right: 40px; } + .demo-active .demo-close { top: 40px; } + .has-rtl .demo-close { right: auto; left: 40px; } + .demo-page-list li a { font-size: 15px; } + .demo-page-list-wrap { padding: 0 5px; } + .demo-content-wrap { padding: 40px 20px; } + .demo-item-list .col-xl-2 { flex: 0 0 25%; max-width: 25%; } } + +@media (min-width: 1400px) { .demo-item-list .col-xl-2 { flex: 0 0 20%; max-width: 20%; } } + +@media (min-width: 1600px) { .demo-close { top: 20px; right: 60px; } + .demo-active .demo-close { top: 60px; } + .has-rtl .demo-close { right: auto; left: 60px; } + .demo-page-list-wrap { padding: 0 25px; } + .demo-content-wrap { padding: 60px 30px; } + .demo-item { margin-bottom: 40px; } + .demo-item-list { margin-bottom: -60px; } } + +@media (min-width: 1800px) { .demo-item-list .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } } + +.promo-trigger { position: fixed !important; right: 25px; bottom: 0; display: flex; align-items: center; transition: all .4s; border-radius: 30px; transform: translateY(100%); box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.02); color: #fff !important; background: #2b56f5 !important; z-index: 999999; } + +.promo-trigger:hover, .promo-trigger:focus, .promo-trigger:active { color: #fff !important; } + +.promo-trigger.active { bottom: 25px; transform: translateY(0); transition-delay: 0.4s; } + +.promo-trigger-img { width: 60px; height: 60px; border-radius: 30px; padding: 14px; transition: all .4s; } + +.promo-trigger-text { padding: 14px 0 14px 0; height: 60px; width: 0; overflow: hidden; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 600; transition: all .4s; visibility: hidden; font-size: 12px; line-height: 16px; color: #fff !important; } + +.promo-trigger:hover .promo-trigger-text { width: 200px; visibility: visible; padding: 14px 14px 14px 0; } + +.promo-content { position: fixed !important; right: 30px; bottom: -50px; width: 380px; transform: translateY(100%); transition: all .4s; background: #fff !important; border-radius: 6px; box-shadow: 0px 6px 60px 0px rgba(18, 26, 38, 0.15); z-index: 999999; } + +.promo-content.active { transform: translateY(0); bottom: 30px; transition-delay: 4s; } + +.promo-content-wrap { display: flex; padding: 20px; align-items: center; } + +.promo-content-img { width: 84px; flex-shrink: 0; margin-right: 15px; border: 2px solid #2b56f5 !important; } + +.has-rtl .promo-content-img { margin-right: 0; margin-left: 15px; } + +.promo-content-img img { vertical-align: middle; } + +.promo-content-text h5 { font-size: 12px; line-height: 22px; color: #202737 !important; font-weight: 500; margin-bottom: 7px; } + +.promo-content-text h5 span { font-size: 14px; color: #2b56f5 !important; } + +.promo-content-text p { font-size: 11px; line-height: 18px; color: #737e97 !important; font-weight: 500; } + +.promo-close { color: #fff !important; border-radius: 50%; height: 36px; width: 36px; line-height: 38px; background: #596780 !important; text-align: center; display: inline-block; position: absolute; top: -18px; right: -18px; font-size: 12px; box-shadow: 0px 0px 15px 0px rgba(18, 26, 38, 0.55); } + +.promo-close:hover { color: #fff !important; background: #2b56f5 !important; } + +@media (min-width: 375px) { .promo-content-img { width: 110px; } } + +@media (max-width: 500px) { .promo-content { width: calc(100% - 60px); box-shadow: 0px 6px 60px 0px rgba(18, 26, 38, 0.35); } } + +@media (min-width: 416px) { .promo-content { right: 40px; } + .promo-content-img { width: 124px; margin-right: 30px; } + .has-rtl .promo-content-img { margin-right: 0; margin-left: 30px; } + .promo-content-wrap { padding: 30px; } + .promo-content-text h5 { font-size: 14px; } + .promo-content-text h5 span { font-size: 16px; } + .promo-content-text p { font-size: 13px; } + .promo-content.active { bottom: 40px; } } + +@media (max-width: 679px) { .demo-content .tab-nav-btn { margin: 0 0 15px; } } + +@media (max-width: 767px) { .promo-trigger { display: none; } } diff --git a/assets/fonts/Ikon-Crypto.svg b/assets/fonts/Ikon-Crypto.svg new file mode 100644 index 0000000..21aced6 --- /dev/null +++ b/assets/fonts/Ikon-Crypto.svg @@ -0,0 +1,81 @@ + + + + + + +{ + "fontFamily": "Ikon-Crypto", + "majorVersion": 1, + "minorVersion": 1, + "copyright": "Softnio", + "fontURL": "http://softnio.com/", + "designer": "SoftNio Team", + "designerURL": "http://softnio.com/", + "license": "GPL 3", + "licenseURL": "https://www.gnu.org/licenses/gpl-3.0.en.html", + "description": "Font Icons for crypto currency related templates.\nFont generated by IcoMoon.", + "version": "Version 1.1", + "fontId": "Ikon-Crypto", + "psName": "Ikon-Crypto", + "subFamily": "Regular", + "fullName": "Ikon-Crypto" +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/fonts/Ikon-Crypto.ttf b/assets/fonts/Ikon-Crypto.ttf new file mode 100644 index 0000000..9bb7e51 Binary files /dev/null and b/assets/fonts/Ikon-Crypto.ttf differ diff --git a/assets/fonts/Ikon-Crypto.woff b/assets/fonts/Ikon-Crypto.woff new file mode 100644 index 0000000..6477e00 Binary files /dev/null and b/assets/fonts/Ikon-Crypto.woff differ diff --git a/assets/fonts/Poppins-Bold.eot b/assets/fonts/Poppins-Bold.eot new file mode 100644 index 0000000..00d49a6 Binary files /dev/null and b/assets/fonts/Poppins-Bold.eot differ diff --git a/assets/fonts/Poppins-Bold.ttf b/assets/fonts/Poppins-Bold.ttf new file mode 100644 index 0000000..54adea5 Binary files /dev/null and b/assets/fonts/Poppins-Bold.ttf differ diff --git a/assets/fonts/Poppins-Bold.woff b/assets/fonts/Poppins-Bold.woff new file mode 100644 index 0000000..00a1a6e Binary files /dev/null and b/assets/fonts/Poppins-Bold.woff differ diff --git a/assets/fonts/Poppins-Bold.woff2 b/assets/fonts/Poppins-Bold.woff2 new file mode 100644 index 0000000..be3be3c Binary files /dev/null and b/assets/fonts/Poppins-Bold.woff2 differ diff --git a/assets/fonts/Poppins-Light.eot b/assets/fonts/Poppins-Light.eot new file mode 100644 index 0000000..424a98d Binary files /dev/null and b/assets/fonts/Poppins-Light.eot differ diff --git a/assets/fonts/Poppins-Light.ttf b/assets/fonts/Poppins-Light.ttf new file mode 100644 index 0000000..be8f953 Binary files /dev/null and b/assets/fonts/Poppins-Light.ttf differ diff --git a/assets/fonts/Poppins-Light.woff b/assets/fonts/Poppins-Light.woff new file mode 100644 index 0000000..285ae43 Binary files /dev/null and b/assets/fonts/Poppins-Light.woff differ diff --git a/assets/fonts/Poppins-Light.woff2 b/assets/fonts/Poppins-Light.woff2 new file mode 100644 index 0000000..74513a3 Binary files /dev/null and b/assets/fonts/Poppins-Light.woff2 differ diff --git a/assets/fonts/Poppins-Medium.eot b/assets/fonts/Poppins-Medium.eot new file mode 100644 index 0000000..8be3ebc Binary files /dev/null and b/assets/fonts/Poppins-Medium.eot differ diff --git a/assets/fonts/Poppins-Medium.ttf b/assets/fonts/Poppins-Medium.ttf new file mode 100644 index 0000000..58eb09f Binary files /dev/null and b/assets/fonts/Poppins-Medium.ttf differ diff --git a/assets/fonts/Poppins-Medium.woff b/assets/fonts/Poppins-Medium.woff new file mode 100644 index 0000000..92d6e72 Binary files /dev/null and b/assets/fonts/Poppins-Medium.woff differ diff --git a/assets/fonts/Poppins-Medium.woff2 b/assets/fonts/Poppins-Medium.woff2 new file mode 100644 index 0000000..25d6e8b Binary files /dev/null and b/assets/fonts/Poppins-Medium.woff2 differ diff --git a/assets/fonts/Poppins-Regular.eot b/assets/fonts/Poppins-Regular.eot new file mode 100644 index 0000000..bb77331 Binary files /dev/null and b/assets/fonts/Poppins-Regular.eot differ diff --git a/assets/fonts/Poppins-Regular.ttf b/assets/fonts/Poppins-Regular.ttf new file mode 100644 index 0000000..796d51b Binary files /dev/null and b/assets/fonts/Poppins-Regular.ttf differ diff --git a/assets/fonts/Poppins-Regular.woff b/assets/fonts/Poppins-Regular.woff new file mode 100644 index 0000000..6e47fdc Binary files /dev/null and b/assets/fonts/Poppins-Regular.woff differ diff --git a/assets/fonts/Poppins-Regular.woff2 b/assets/fonts/Poppins-Regular.woff2 new file mode 100644 index 0000000..bf39070 Binary files /dev/null and b/assets/fonts/Poppins-Regular.woff2 differ diff --git a/assets/fonts/Poppins-SemiBold.eot b/assets/fonts/Poppins-SemiBold.eot new file mode 100644 index 0000000..1cf8710 Binary files /dev/null and b/assets/fonts/Poppins-SemiBold.eot differ diff --git a/assets/fonts/Poppins-SemiBold.ttf b/assets/fonts/Poppins-SemiBold.ttf new file mode 100644 index 0000000..e8a0fbb Binary files /dev/null and b/assets/fonts/Poppins-SemiBold.ttf differ diff --git a/assets/fonts/Poppins-SemiBold.woff b/assets/fonts/Poppins-SemiBold.woff new file mode 100644 index 0000000..1ac56ce Binary files /dev/null and b/assets/fonts/Poppins-SemiBold.woff differ diff --git a/assets/fonts/Poppins-SemiBold.woff2 b/assets/fonts/Poppins-SemiBold.woff2 new file mode 100644 index 0000000..0e90981 Binary files /dev/null and b/assets/fonts/Poppins-SemiBold.woff2 differ diff --git a/assets/fonts/Quicksand-Bold.eot b/assets/fonts/Quicksand-Bold.eot new file mode 100644 index 0000000..69aff8e Binary files /dev/null and b/assets/fonts/Quicksand-Bold.eot differ diff --git a/assets/fonts/Quicksand-Bold.ttf b/assets/fonts/Quicksand-Bold.ttf new file mode 100644 index 0000000..c242162 Binary files /dev/null and b/assets/fonts/Quicksand-Bold.ttf differ diff --git a/assets/fonts/Quicksand-Bold.woff b/assets/fonts/Quicksand-Bold.woff new file mode 100644 index 0000000..e5bbe28 Binary files /dev/null and b/assets/fonts/Quicksand-Bold.woff differ diff --git a/assets/fonts/Quicksand-Bold.woff2 b/assets/fonts/Quicksand-Bold.woff2 new file mode 100644 index 0000000..32b96ad Binary files /dev/null and b/assets/fonts/Quicksand-Bold.woff2 differ diff --git a/assets/fonts/Quicksand-Light.eot b/assets/fonts/Quicksand-Light.eot new file mode 100644 index 0000000..4d52cfa Binary files /dev/null and b/assets/fonts/Quicksand-Light.eot differ diff --git a/assets/fonts/Quicksand-Light.ttf b/assets/fonts/Quicksand-Light.ttf new file mode 100644 index 0000000..a297948 Binary files /dev/null and b/assets/fonts/Quicksand-Light.ttf differ diff --git a/assets/fonts/Quicksand-Light.woff b/assets/fonts/Quicksand-Light.woff new file mode 100644 index 0000000..a6995ea Binary files /dev/null and b/assets/fonts/Quicksand-Light.woff differ diff --git a/assets/fonts/Quicksand-Light.woff2 b/assets/fonts/Quicksand-Light.woff2 new file mode 100644 index 0000000..6095f4b Binary files /dev/null and b/assets/fonts/Quicksand-Light.woff2 differ diff --git a/assets/fonts/Quicksand-Medium.eot b/assets/fonts/Quicksand-Medium.eot new file mode 100644 index 0000000..62307c8 Binary files /dev/null and b/assets/fonts/Quicksand-Medium.eot differ diff --git a/assets/fonts/Quicksand-Medium.ttf b/assets/fonts/Quicksand-Medium.ttf new file mode 100644 index 0000000..74162c0 Binary files /dev/null and b/assets/fonts/Quicksand-Medium.ttf differ diff --git a/assets/fonts/Quicksand-Medium.woff b/assets/fonts/Quicksand-Medium.woff new file mode 100644 index 0000000..718917e Binary files /dev/null and b/assets/fonts/Quicksand-Medium.woff differ diff --git a/assets/fonts/Quicksand-Medium.woff2 b/assets/fonts/Quicksand-Medium.woff2 new file mode 100644 index 0000000..327cfa8 Binary files /dev/null and b/assets/fonts/Quicksand-Medium.woff2 differ diff --git a/assets/fonts/Roboto-Bold.eot b/assets/fonts/Roboto-Bold.eot new file mode 100644 index 0000000..14ad9ae Binary files /dev/null and b/assets/fonts/Roboto-Bold.eot differ diff --git a/assets/fonts/Roboto-Bold.ttf b/assets/fonts/Roboto-Bold.ttf new file mode 100644 index 0000000..0388c50 Binary files /dev/null and b/assets/fonts/Roboto-Bold.ttf differ diff --git a/assets/fonts/Roboto-Bold.woff b/assets/fonts/Roboto-Bold.woff new file mode 100644 index 0000000..51f1e89 Binary files /dev/null and b/assets/fonts/Roboto-Bold.woff differ diff --git a/assets/fonts/Roboto-Bold.woff2 b/assets/fonts/Roboto-Bold.woff2 new file mode 100644 index 0000000..8d1ec3a Binary files /dev/null and b/assets/fonts/Roboto-Bold.woff2 differ diff --git a/assets/fonts/Roboto-Light.eot b/assets/fonts/Roboto-Light.eot new file mode 100644 index 0000000..3d50d57 Binary files /dev/null and b/assets/fonts/Roboto-Light.eot differ diff --git a/assets/fonts/Roboto-Light.ttf b/assets/fonts/Roboto-Light.ttf new file mode 100644 index 0000000..3a9bdc6 Binary files /dev/null and b/assets/fonts/Roboto-Light.ttf differ diff --git a/assets/fonts/Roboto-Light.woff b/assets/fonts/Roboto-Light.woff new file mode 100644 index 0000000..eec3617 Binary files /dev/null and b/assets/fonts/Roboto-Light.woff differ diff --git a/assets/fonts/Roboto-Light.woff2 b/assets/fonts/Roboto-Light.woff2 new file mode 100644 index 0000000..0e0efd0 Binary files /dev/null and b/assets/fonts/Roboto-Light.woff2 differ diff --git a/assets/fonts/Roboto-Medium.eot b/assets/fonts/Roboto-Medium.eot new file mode 100644 index 0000000..0f60b5e Binary files /dev/null and b/assets/fonts/Roboto-Medium.eot differ diff --git a/assets/fonts/Roboto-Medium.ttf b/assets/fonts/Roboto-Medium.ttf new file mode 100644 index 0000000..09f51e2 Binary files /dev/null and b/assets/fonts/Roboto-Medium.ttf differ diff --git a/assets/fonts/Roboto-Medium.woff b/assets/fonts/Roboto-Medium.woff new file mode 100644 index 0000000..b4f0629 Binary files /dev/null and b/assets/fonts/Roboto-Medium.woff differ diff --git a/assets/fonts/Roboto-Medium.woff2 b/assets/fonts/Roboto-Medium.woff2 new file mode 100644 index 0000000..02bf764 Binary files /dev/null and b/assets/fonts/Roboto-Medium.woff2 differ diff --git a/assets/fonts/Roboto-Regular.eot b/assets/fonts/Roboto-Regular.eot new file mode 100644 index 0000000..2f61547 Binary files /dev/null and b/assets/fonts/Roboto-Regular.eot differ diff --git a/assets/fonts/Roboto-Regular.ttf b/assets/fonts/Roboto-Regular.ttf new file mode 100644 index 0000000..28e2c02 Binary files /dev/null and b/assets/fonts/Roboto-Regular.ttf differ diff --git a/assets/fonts/Roboto-Regular.woff b/assets/fonts/Roboto-Regular.woff new file mode 100644 index 0000000..b070d8e Binary files /dev/null and b/assets/fonts/Roboto-Regular.woff differ diff --git a/assets/fonts/Roboto-Regular.woff2 b/assets/fonts/Roboto-Regular.woff2 new file mode 100644 index 0000000..30370cf Binary files /dev/null and b/assets/fonts/Roboto-Regular.woff2 differ diff --git a/assets/fonts/fa-brands-400.eot b/assets/fonts/fa-brands-400.eot new file mode 100644 index 0000000..d05ea58 Binary files /dev/null and b/assets/fonts/fa-brands-400.eot differ diff --git a/assets/fonts/fa-brands-400.svg b/assets/fonts/fa-brands-400.svg new file mode 100644 index 0000000..4e48a46 --- /dev/null +++ b/assets/fonts/fa-brands-400.svg @@ -0,0 +1,3717 @@ + + + + +Created by FontForge 20201107 at Tue Mar 16 10:15:04 2021 + By Robert Madole +Copyright (c) Font Awesome + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/fa-brands-400.ttf b/assets/fonts/fa-brands-400.ttf new file mode 100644 index 0000000..fc567cd Binary files /dev/null and b/assets/fonts/fa-brands-400.ttf differ diff --git a/assets/fonts/fa-brands-400.woff b/assets/fonts/fa-brands-400.woff new file mode 100644 index 0000000..db70e73 Binary files /dev/null and b/assets/fonts/fa-brands-400.woff differ diff --git a/assets/fonts/fa-brands-400.woff2 b/assets/fonts/fa-brands-400.woff2 new file mode 100644 index 0000000..b8a8f65 Binary files /dev/null and b/assets/fonts/fa-brands-400.woff2 differ diff --git a/assets/fonts/fa-regular-400.eot b/assets/fonts/fa-regular-400.eot new file mode 100644 index 0000000..fae180d Binary files /dev/null and b/assets/fonts/fa-regular-400.eot differ diff --git a/assets/fonts/fa-regular-400.svg b/assets/fonts/fa-regular-400.svg new file mode 100644 index 0000000..9dba8c3 --- /dev/null +++ b/assets/fonts/fa-regular-400.svg @@ -0,0 +1,801 @@ + + + + +Created by FontForge 20201107 at Tue Mar 16 10:15:04 2021 + By Robert Madole +Copyright (c) Font Awesome + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/fa-regular-400.ttf b/assets/fonts/fa-regular-400.ttf new file mode 100644 index 0000000..d1ac9ba Binary files /dev/null and b/assets/fonts/fa-regular-400.ttf differ diff --git a/assets/fonts/fa-regular-400.woff b/assets/fonts/fa-regular-400.woff new file mode 100644 index 0000000..e9f54b1 Binary files /dev/null and b/assets/fonts/fa-regular-400.woff differ diff --git a/assets/fonts/fa-regular-400.woff2 b/assets/fonts/fa-regular-400.woff2 new file mode 100644 index 0000000..9df490e Binary files /dev/null and b/assets/fonts/fa-regular-400.woff2 differ diff --git a/assets/fonts/fa-solid-900.eot b/assets/fonts/fa-solid-900.eot new file mode 100644 index 0000000..afe3152 Binary files /dev/null and b/assets/fonts/fa-solid-900.eot differ diff --git a/assets/fonts/fa-solid-900.svg b/assets/fonts/fa-solid-900.svg new file mode 100644 index 0000000..dce459d --- /dev/null +++ b/assets/fonts/fa-solid-900.svg @@ -0,0 +1,5034 @@ + + + + +Created by FontForge 20201107 at Tue Mar 16 10:15:04 2021 + By Robert Madole +Copyright (c) Font Awesome + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/fa-solid-900.ttf b/assets/fonts/fa-solid-900.ttf new file mode 100644 index 0000000..f33e816 Binary files /dev/null and b/assets/fonts/fa-solid-900.ttf differ diff --git a/assets/fonts/fa-solid-900.woff b/assets/fonts/fa-solid-900.woff new file mode 100644 index 0000000..73c1a4d Binary files /dev/null and b/assets/fonts/fa-solid-900.woff differ diff --git a/assets/fonts/fa-solid-900.woff2 b/assets/fonts/fa-solid-900.woff2 new file mode 100644 index 0000000..dc52d95 Binary files /dev/null and b/assets/fonts/fa-solid-900.woff2 differ diff --git a/assets/fonts/index.html b/assets/fonts/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/assets/fonts/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/assets/fonts/themify.eot b/assets/fonts/themify.eot new file mode 100644 index 0000000..9ec298b Binary files /dev/null and b/assets/fonts/themify.eot differ diff --git a/assets/fonts/themify.svg b/assets/fonts/themify.svg new file mode 100644 index 0000000..3d53854 --- /dev/null +++ b/assets/fonts/themify.svg @@ -0,0 +1,362 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/fonts/themify.ttf b/assets/fonts/themify.ttf new file mode 100644 index 0000000..5d627e7 Binary files /dev/null and b/assets/fonts/themify.ttf differ diff --git a/assets/fonts/themify.woff b/assets/fonts/themify.woff new file mode 100644 index 0000000..847ebd1 Binary files /dev/null and b/assets/fonts/themify.woff differ diff --git a/assets/images/.DS_Store b/assets/images/.DS_Store new file mode 100644 index 0000000..64f9552 Binary files /dev/null and b/assets/images/.DS_Store differ diff --git a/assets/images/dot-a.png b/assets/images/dot-a.png new file mode 100644 index 0000000..6d3596d Binary files /dev/null and b/assets/images/dot-a.png differ diff --git a/assets/images/dot-b.png b/assets/images/dot-b.png new file mode 100644 index 0000000..0be714e Binary files /dev/null and b/assets/images/dot-b.png differ diff --git a/assets/images/dot-c-azalea.png b/assets/images/dot-c-azalea.png new file mode 100644 index 0000000..8cce8a8 Binary files /dev/null and b/assets/images/dot-c-azalea.png differ diff --git a/assets/images/dot-c.png b/assets/images/dot-c.png new file mode 100644 index 0000000..f2eb176 Binary files /dev/null and b/assets/images/dot-c.png differ diff --git a/assets/images/hexagon.png b/assets/images/hexagon.png new file mode 100644 index 0000000..179270d Binary files /dev/null and b/assets/images/hexagon.png differ diff --git a/assets/images/img1.svg b/assets/images/img1.svg new file mode 100644 index 0000000..9f165d2 --- /dev/null +++ b/assets/images/img1.svg @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/img2.svg b/assets/images/img2.svg new file mode 100644 index 0000000..af02366 --- /dev/null +++ b/assets/images/img2.svg @@ -0,0 +1,687 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/img3.svg b/assets/images/img3.svg new file mode 100644 index 0000000..eb2c88a --- /dev/null +++ b/assets/images/img3.svg @@ -0,0 +1,202 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/index.html b/assets/images/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/assets/images/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/assets/images/light-ix.png b/assets/images/light-ix.png new file mode 100644 index 0000000..94ac6bd Binary files /dev/null and b/assets/images/light-ix.png differ diff --git a/assets/images/line.png b/assets/images/line.png new file mode 100644 index 0000000..66e6d88 Binary files /dev/null and b/assets/images/line.png differ diff --git a/assets/images/mask-a-dark.svg b/assets/images/mask-a-dark.svg new file mode 100644 index 0000000..0d9f6ff --- /dev/null +++ b/assets/images/mask-a-dark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/mask-a-md.png b/assets/images/mask-a-md.png new file mode 100644 index 0000000..c31bb31 Binary files /dev/null and b/assets/images/mask-a-md.png differ diff --git a/assets/images/mask-a-md.svg b/assets/images/mask-a-md.svg new file mode 100644 index 0000000..6413b9c --- /dev/null +++ b/assets/images/mask-a-md.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/mask-a.png b/assets/images/mask-a.png new file mode 100644 index 0000000..9ee6764 Binary files /dev/null and b/assets/images/mask-a.png differ diff --git a/assets/images/mask-a.svg b/assets/images/mask-a.svg new file mode 100644 index 0000000..d2e126c --- /dev/null +++ b/assets/images/mask-a.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/mask-b.png b/assets/images/mask-b.png new file mode 100644 index 0000000..5c8a9fb Binary files /dev/null and b/assets/images/mask-b.png differ diff --git a/assets/images/mask-b.svg b/assets/images/mask-b.svg new file mode 100644 index 0000000..960aab1 --- /dev/null +++ b/assets/images/mask-b.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/mask-c-dark.svg b/assets/images/mask-c-dark.svg new file mode 100644 index 0000000..302292b --- /dev/null +++ b/assets/images/mask-c-dark.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/assets/images/mask-c-light.png b/assets/images/mask-c-light.png new file mode 100644 index 0000000..e5a523e Binary files /dev/null and b/assets/images/mask-c-light.png differ diff --git a/assets/images/mask-c-light.svg b/assets/images/mask-c-light.svg new file mode 100644 index 0000000..68d1bce --- /dev/null +++ b/assets/images/mask-c-light.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/mask-c.png b/assets/images/mask-c.png new file mode 100644 index 0000000..6c76fa1 Binary files /dev/null and b/assets/images/mask-c.png differ diff --git a/assets/images/mask-c.svg b/assets/images/mask-c.svg new file mode 100644 index 0000000..b6fb191 --- /dev/null +++ b/assets/images/mask-c.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/assets/images/mask-d.png b/assets/images/mask-d.png new file mode 100644 index 0000000..a96be30 Binary files /dev/null and b/assets/images/mask-d.png differ diff --git a/assets/images/mask-d.svg b/assets/images/mask-d.svg new file mode 100644 index 0000000..bc24a27 --- /dev/null +++ b/assets/images/mask-d.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/mask-d2.svg b/assets/images/mask-d2.svg new file mode 100644 index 0000000..4210eff --- /dev/null +++ b/assets/images/mask-d2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/mask-e.png b/assets/images/mask-e.png new file mode 100644 index 0000000..938ee21 Binary files /dev/null and b/assets/images/mask-e.png differ diff --git a/assets/images/mask-e.svg b/assets/images/mask-e.svg new file mode 100644 index 0000000..cb103d1 --- /dev/null +++ b/assets/images/mask-e.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/mask-f-footer.png b/assets/images/mask-f-footer.png new file mode 100644 index 0000000..e3bd113 Binary files /dev/null and b/assets/images/mask-f-footer.png differ diff --git a/assets/images/mask-f-footer.svg b/assets/images/mask-f-footer.svg new file mode 100644 index 0000000..ce2d285 --- /dev/null +++ b/assets/images/mask-f-footer.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/mask-f.png b/assets/images/mask-f.png new file mode 100644 index 0000000..9aeaddf Binary files /dev/null and b/assets/images/mask-f.png differ diff --git a/assets/images/mask-f.svg b/assets/images/mask-f.svg new file mode 100644 index 0000000..78761ca --- /dev/null +++ b/assets/images/mask-f.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/mask-line-a.png b/assets/images/mask-line-a.png new file mode 100644 index 0000000..8349e54 Binary files /dev/null and b/assets/images/mask-line-a.png differ diff --git a/assets/images/mask-line-b.png b/assets/images/mask-line-b.png new file mode 100644 index 0000000..d470fe7 Binary files /dev/null and b/assets/images/mask-line-b.png differ diff --git a/assets/images/mask-line-c.png b/assets/images/mask-line-c.png new file mode 100644 index 0000000..9cfb6b9 Binary files /dev/null and b/assets/images/mask-line-c.png differ diff --git a/assets/images/mask-line-d.png b/assets/images/mask-line-d.png new file mode 100644 index 0000000..dc51adb Binary files /dev/null and b/assets/images/mask-line-d.png differ diff --git a/assets/images/polygon-a-dark.png b/assets/images/polygon-a-dark.png new file mode 100644 index 0000000..bbe10c0 Binary files /dev/null and b/assets/images/polygon-a-dark.png differ diff --git a/assets/images/polygon-a-light.png b/assets/images/polygon-a-light.png new file mode 100644 index 0000000..5f762d7 Binary files /dev/null and b/assets/images/polygon-a-light.png differ diff --git a/assets/images/polygon-a.png b/assets/images/polygon-a.png new file mode 100644 index 0000000..3e19a70 Binary files /dev/null and b/assets/images/polygon-a.png differ diff --git a/assets/images/polygon-fill.png b/assets/images/polygon-fill.png new file mode 100644 index 0000000..e72b6f9 Binary files /dev/null and b/assets/images/polygon-fill.png differ diff --git a/assets/images/polygon-line-a-fill.png b/assets/images/polygon-line-a-fill.png new file mode 100644 index 0000000..0711c4f Binary files /dev/null and b/assets/images/polygon-line-a-fill.png differ diff --git a/assets/images/polygon-line-a.png b/assets/images/polygon-line-a.png new file mode 100644 index 0000000..03154c0 Binary files /dev/null and b/assets/images/polygon-line-a.png differ diff --git a/assets/images/polygon-line-b.png b/assets/images/polygon-line-b.png new file mode 100644 index 0000000..e73b420 Binary files /dev/null and b/assets/images/polygon-line-b.png differ diff --git a/assets/images/polygon-line-c.png b/assets/images/polygon-line-c.png new file mode 100644 index 0000000..6026614 Binary files /dev/null and b/assets/images/polygon-line-c.png differ diff --git a/assets/images/shape-a-sm.png b/assets/images/shape-a-sm.png new file mode 100644 index 0000000..6e5397b Binary files /dev/null and b/assets/images/shape-a-sm.png differ diff --git a/assets/images/shape-a.png b/assets/images/shape-a.png new file mode 100644 index 0000000..f9b8faf Binary files /dev/null and b/assets/images/shape-a.png differ diff --git a/assets/images/shape-a2.png b/assets/images/shape-a2.png new file mode 100644 index 0000000..678739e Binary files /dev/null and b/assets/images/shape-a2.png differ diff --git a/assets/images/shape-b-sm.png b/assets/images/shape-b-sm.png new file mode 100644 index 0000000..6e5397b Binary files /dev/null and b/assets/images/shape-b-sm.png differ diff --git a/assets/images/shape-b.png b/assets/images/shape-b.png new file mode 100644 index 0000000..6b78d42 Binary files /dev/null and b/assets/images/shape-b.png differ diff --git a/assets/images/shape-c-sm.png b/assets/images/shape-c-sm.png new file mode 100644 index 0000000..6028acf Binary files /dev/null and b/assets/images/shape-c-sm.png differ diff --git a/assets/images/shape-c.png b/assets/images/shape-c.png new file mode 100644 index 0000000..09c6b25 Binary files /dev/null and b/assets/images/shape-c.png differ diff --git a/assets/images/shape-d-sm.png b/assets/images/shape-d-sm.png new file mode 100644 index 0000000..8229e42 Binary files /dev/null and b/assets/images/shape-d-sm.png differ diff --git a/assets/images/shape-d.png b/assets/images/shape-d.png new file mode 100644 index 0000000..6aa1b62 Binary files /dev/null and b/assets/images/shape-d.png differ diff --git a/assets/images/shape-e-sm.png b/assets/images/shape-e-sm.png new file mode 100644 index 0000000..e81080c Binary files /dev/null and b/assets/images/shape-e-sm.png differ diff --git a/assets/images/shape-e.png b/assets/images/shape-e.png new file mode 100644 index 0000000..5422b01 Binary files /dev/null and b/assets/images/shape-e.png differ diff --git a/assets/images/shape-f-sm.png b/assets/images/shape-f-sm.png new file mode 100644 index 0000000..9f4eb7e Binary files /dev/null and b/assets/images/shape-f-sm.png differ diff --git a/assets/images/shape-f.png b/assets/images/shape-f.png new file mode 100644 index 0000000..cca4347 Binary files /dev/null and b/assets/images/shape-f.png differ diff --git a/assets/images/shape-g-sm.png b/assets/images/shape-g-sm.png new file mode 100644 index 0000000..408d72f Binary files /dev/null and b/assets/images/shape-g-sm.png differ diff --git a/assets/images/shape-g.png b/assets/images/shape-g.png new file mode 100644 index 0000000..c90cfe0 Binary files /dev/null and b/assets/images/shape-g.png differ diff --git a/assets/images/shape-h-sm.png b/assets/images/shape-h-sm.png new file mode 100644 index 0000000..5da8aae Binary files /dev/null and b/assets/images/shape-h-sm.png differ diff --git a/assets/images/shape-h.png b/assets/images/shape-h.png new file mode 100644 index 0000000..550cb0b Binary files /dev/null and b/assets/images/shape-h.png differ diff --git a/assets/images/shape-i-sm.png b/assets/images/shape-i-sm.png new file mode 100644 index 0000000..d928e21 Binary files /dev/null and b/assets/images/shape-i-sm.png differ diff --git a/assets/images/shape-i.png b/assets/images/shape-i.png new file mode 100644 index 0000000..9055f7e Binary files /dev/null and b/assets/images/shape-i.png differ diff --git a/assets/images/shape-m.png b/assets/images/shape-m.png new file mode 100644 index 0000000..d603993 Binary files /dev/null and b/assets/images/shape-m.png differ diff --git a/assets/images/shape-n.png b/assets/images/shape-n.png new file mode 100644 index 0000000..0eac1ff Binary files /dev/null and b/assets/images/shape-n.png differ diff --git a/assets/images/shape-o.png b/assets/images/shape-o.png new file mode 100644 index 0000000..7a1aad7 Binary files /dev/null and b/assets/images/shape-o.png differ diff --git a/assets/images/shape-p.png b/assets/images/shape-p.png new file mode 100644 index 0000000..4f9c0fa Binary files /dev/null and b/assets/images/shape-p.png differ diff --git a/assets/images/shape-q.png b/assets/images/shape-q.png new file mode 100644 index 0000000..c63cf04 Binary files /dev/null and b/assets/images/shape-q.png differ diff --git a/assets/images/shape-r.png b/assets/images/shape-r.png new file mode 100644 index 0000000..8a115e9 Binary files /dev/null and b/assets/images/shape-r.png differ diff --git a/assets/images/shape-s-sm.png b/assets/images/shape-s-sm.png new file mode 100644 index 0000000..bf961a3 Binary files /dev/null and b/assets/images/shape-s-sm.png differ diff --git a/assets/images/shape-s.png b/assets/images/shape-s.png new file mode 100644 index 0000000..1c7e392 Binary files /dev/null and b/assets/images/shape-s.png differ diff --git a/assets/images/shape-t.png b/assets/images/shape-t.png new file mode 100644 index 0000000..9d1e9d3 Binary files /dev/null and b/assets/images/shape-t.png differ diff --git a/assets/images/shape-u.png b/assets/images/shape-u.png new file mode 100644 index 0000000..95be10a Binary files /dev/null and b/assets/images/shape-u.png differ diff --git a/assets/images/shape-v.png b/assets/images/shape-v.png new file mode 100644 index 0000000..88c0280 Binary files /dev/null and b/assets/images/shape-v.png differ diff --git a/assets/images/shape-w.png b/assets/images/shape-w.png new file mode 100644 index 0000000..6982aeb Binary files /dev/null and b/assets/images/shape-w.png differ diff --git a/assets/images/shape-x-2.png b/assets/images/shape-x-2.png new file mode 100644 index 0000000..2c891ab Binary files /dev/null and b/assets/images/shape-x-2.png differ diff --git a/assets/images/shape-x-3.png b/assets/images/shape-x-3.png new file mode 100644 index 0000000..7fd9285 Binary files /dev/null and b/assets/images/shape-x-3.png differ diff --git a/assets/images/shape-x.png b/assets/images/shape-x.png new file mode 100644 index 0000000..8babfbb Binary files /dev/null and b/assets/images/shape-x.png differ diff --git a/assets/images/shape-y.png b/assets/images/shape-y.png new file mode 100644 index 0000000..28df585 Binary files /dev/null and b/assets/images/shape-y.png differ diff --git a/assets/images/shape-z.png b/assets/images/shape-z.png new file mode 100644 index 0000000..0793ed7 Binary files /dev/null and b/assets/images/shape-z.png differ diff --git a/assets/images/shape-z2.png b/assets/images/shape-z2.png new file mode 100644 index 0000000..37bbc97 Binary files /dev/null and b/assets/images/shape-z2.png differ diff --git a/assets/images/shape-z3.png b/assets/images/shape-z3.png new file mode 100644 index 0000000..ac81af8 Binary files /dev/null and b/assets/images/shape-z3.png differ diff --git a/assets/images/shape-z4.png b/assets/images/shape-z4.png new file mode 100644 index 0000000..55a825d Binary files /dev/null and b/assets/images/shape-z4.png differ diff --git a/assets/images/shape-z6-sm.png b/assets/images/shape-z6-sm.png new file mode 100644 index 0000000..56e2868 Binary files /dev/null and b/assets/images/shape-z6-sm.png differ diff --git a/assets/images/shape-z6.png b/assets/images/shape-z6.png new file mode 100644 index 0000000..39afcb1 Binary files /dev/null and b/assets/images/shape-z6.png differ diff --git a/assets/images/shape-z7.png b/assets/images/shape-z7.png new file mode 100644 index 0000000..f485cbb Binary files /dev/null and b/assets/images/shape-z7.png differ diff --git a/assets/images/ui-shape-a.svg b/assets/images/ui-shape-a.svg new file mode 100644 index 0000000..64abd02 --- /dev/null +++ b/assets/images/ui-shape-a.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/ui-shape-b.svg b/assets/images/ui-shape-b.svg new file mode 100644 index 0000000..8993ccb --- /dev/null +++ b/assets/images/ui-shape-b.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/ui-shape-light-a.svg b/assets/images/ui-shape-light-a.svg new file mode 100644 index 0000000..14048f8 --- /dev/null +++ b/assets/images/ui-shape-light-a.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/ui-shape-light-b.svg b/assets/images/ui-shape-light-b.svg new file mode 100644 index 0000000..c549afb --- /dev/null +++ b/assets/images/ui-shape-light-b.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/ui-shape-zinnia-a.svg b/assets/images/ui-shape-zinnia-a.svg new file mode 100644 index 0000000..8adf7e3 --- /dev/null +++ b/assets/images/ui-shape-zinnia-a.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/ui-shape-zinnia-b.svg b/assets/images/ui-shape-zinnia-b.svg new file mode 100644 index 0000000..5c918ac --- /dev/null +++ b/assets/images/ui-shape-zinnia-b.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/vr-line.png b/assets/images/vr-line.png new file mode 100644 index 0000000..131fd17 Binary files /dev/null and b/assets/images/vr-line.png differ diff --git a/assets/js/charts.js b/assets/js/charts.js new file mode 100644 index 0000000..0aaf1d0 --- /dev/null +++ b/assets/js/charts.js @@ -0,0 +1,308 @@ +/*! + * Charts - ICOCrypto v1.9.3 by Softnio. +**/ +NioApp = (function (NioApp, $, window) { + "use strict"; + var $chart = $('.chart-data'), $chart_s2 = $('.chart-data-s2'), $chart_s1 = $('.chart-data-s1'); + + NioApp.Chart = {}; + + var $win = $(window); + + // ChartsJS @v1.0 + NioApp.Chart.ChartJs = function () { + + NioApp.Chart.ChartJs.Doughnut = function (_canvas, _titles, _colors, _amounts, _canvas_border, _canvas_cutout) { + if ($('#'+_canvas).length) { + var _canvas_el = document.getElementById(_canvas).getContext("2d"); + var doughnut_chart = new Chart(_canvas_el, { + type: 'doughnut', + data: { + labels: _titles, + datasets: [{ + label: "949", + lineTension: 0, + backgroundColor: _colors, + borderColor: _canvas_border, + borderWidth:2, + hoverBorderColor:_canvas_border, + data: _amounts, + }] + }, + options: { + legend: { + display: false, + labels: { + boxWidth:10, + fontColor: '#000' + } + }, + rotation: -2, + cutoutPercentage:_canvas_cutout, + responsive: true, + maintainAspectRatio: false, + tooltips: { + callbacks: { + title: function(tooltipItem, data) { + return data['labels'][tooltipItem[0]['index']]; + }, + label: function(tooltipItem, data) { + return data['datasets'][0]['data'][tooltipItem['index']] + ' %'; + } + }, + backgroundColor: '#eff6ff', + titleFontSize: 13, + titleFontColor: '#6783b8', + titleMarginBottom:10, + bodyFontColor: '#9eaecf', + bodyFontSize: 14, + bodySpacing:4, + yPadding: 15, + xPadding: 15, + footerMarginTop: 5, + displayColors: false + } + } + }); + // Resize Chart + $win.on('resize', function(){ + doughnut_chart.resize(); + }); + } + } + + + + + NioApp.Chart.ChartJs.Doughnut2 = function (_canvas, _titles, _colors, _amounts, _canvas_border, _canvas_cutout) { + if ($('#'+_canvas).length) { + var _canvas_el = document.getElementById(_canvas).getContext("2d"); + var doughnut_chart = new Chart(_canvas_el, { + type: 'doughnut', + data: { + labels: _titles, + datasets: [{ + label: "949", + lineTension: 0, + backgroundColor: _colors, + borderColor: _canvas_border, + borderWidth: 3, + hoverBorderColor:_canvas_border, + data: _amounts, + }] + }, + options: { + legend: { + display: false, + labels: { + boxWidth:10, + fontColor: '#000' + } + }, + rotation: -2, + cutoutPercentage:_canvas_cutout, + responsive: true, + maintainAspectRatio: false, + tooltips: { + callbacks: { + title: function(tooltipItem, data) { + return data['labels'][tooltipItem[0]['index']]; + }, + label: function(tooltipItem, data) { + return data['datasets'][0]['data'][tooltipItem['index']] + ' %'; + } + }, + backgroundColor: '#eff6ff', + titleFontSize: 13, + titleFontColor: '#6783b8', + titleMarginBottom:10, + bodyFontColor: '#9eaecf', + bodyFontSize: 14, + bodySpacing:4, + yPadding: 15, + xPadding: 15, + footerMarginTop: 5, + displayColors: false + }, + hover: { + onHover: function(e, i) { + if(i.length) { + var _cur_idx = i[0]._index + 1, _self_can = i[0]._chart.canvas.id; + $('[data-canvas="'+_self_can+'"] li').removeClass('active'); + $('[data-canvas="'+_self_can+'"] li:nth-child('+_cur_idx+')').addClass('active'); + }else{ + $('[data-canvas="'+_self_can+'"] li').removeClass('active'); + } + }, + } + } + }); + + // Resize Chart + $win.on('resize', function(){ + doughnut_chart.resize(); + }); + } + } + + // @since v1.6 + NioApp.Chart.ChartJs.Pie = function (_canvas, _label, _title, _colors, _colors_hover, _amounts, _canvas_border, _canvas_cutout) { + if ($('#'+_canvas).length) { + var _canvas_el = document.getElementById(_canvas).getContext("2d"); + + var data_set = { + labels: _label, + titles: _title, + datasets: [{ + label: "949", + lineTension: 0, + backgroundColor: _colors, + hoverBackgroundColor: _colors_hover, + borderColor: _canvas_border, + borderWidth:2, + hoverBorderColor:_canvas_border, + data: _amounts, + animationDuration: 400, + }] + }; + var options_set = { + legend: false, + cutoutPercentage:0, + responsive: true, + maintainAspectRatio: false, + tooltips: { + callbacks: { + title: function(tooltipItem, data) { + return data['labels'][tooltipItem[0]['index']]; + }, + label: function(tooltipItem, data) { + return data['datasets'][0]['data'][tooltipItem['index']] + ' %'; + } + }, + backgroundColor: 'transparent', + titleFontSize: 11, + bodyFontColor: '#fff', + bodyFontSize: 14, + bodyFontStyle: 'bold', + bodySpacing:0, + yPadding: 0, + xPadding: 0, + yAlign: 'center', + xAlign: 'center', + footerMarginTop: 5, + displayColors: false + }, + hover: { + onHover: function(e, i) { + if(i.length) { + var _cur_idx = i[0]._index + 1, _self_can = i[0]._chart.canvas.id; + $('[data-canvas="'+_self_can+'"] li').removeClass('active'); + $('[data-canvas="'+_self_can+'"] li:nth-child('+_cur_idx+')').addClass('active'); + }else{ + $('[data-canvas="'+_self_can+'"] li').removeClass('active'); + } + } + } + }; + + var pie_chart = new Chart(_canvas_el, { + type: 'pie', + data: data_set, + options: options_set + }); + + // Resize Chart + $win.on('resize', function(){ + pie_chart.resize(); + }); + } + } + + if($chart.length > 0){ + $chart.each(function(){ + var $chart_data = $(this).children('li'), _canvas = $(this).data('canvas'), + _canvas_border = $(this).data('border-color') ? $(this).data('border-color') : '#fff', + _canvas_cutout = $(this).data('canvas-cutout') ? $(this).data('canvas-cutout') : '70', + _canvas_type = $(this).data('canvas-type'); + _canvas_type = (typeof _canvas_type==='undefined' || _canvas_type==='') ? 'doughnut' : _canvas_type; + if(typeof _canvas!=='undefined' && _canvas !=='') { + var item_label = [], item_color = [], item_percent = []; + $chart_data.each(function(){ + var l = $(this).data('title'), c = $(this).data('color'), p = $(this).data('amount'); + item_label.push(l); item_color.push(c); item_percent.push(p); + $(this).html('' + l + '' + p +'%') + }); + if (_canvas_type==='doughnut') { + NioApp.Chart.ChartJs.Doughnut(_canvas, item_label, item_color, item_percent,_canvas_border,_canvas_cutout); + } else if(_canvas_type==='pie') { + NioApp.Chart.ChartJs.Pie(_canvas, item_label, item_color, item_percent,_canvas_border); + } else if(_canvas_type==='linechart') { + NioApp.Chart.ChartJs.Doughnut(_canvas, item_label, item_color, item_percent,_canvas_border); + } + } else { + console.log('Unable to draw canvas: '+_canvas); + } + }); + } + + // @since v1.6 + if($chart_s2.length > 0){ + $chart_s2.each(function(){ + var $chart_data = $(this).children('li'), _canvas = $(this).data('canvas'), + _canvas_border = $(this).data('border-color') ? $(this).data('border-color') : '#fff', + _canvas_cutout = $(this).data('canvas-cutout') ? $(this).data('canvas-cutout') : '40', + _canvas_type = $(this).data('canvas-type'); + _canvas_type = (typeof _canvas_type==='undefined' || _canvas_type==='') ? 'doughnut' : _canvas_type; + if(typeof _canvas!=='undefined' && _canvas !=='') { + var item_label = [], item_title = [], item_color = [], item_color_hover = [], item_percent = []; + $chart_data.each(function(){ + var l = $(this).data('label'), t = $(this).data('title'), sl = $(this).data('subtitle'), c = $(this).data('color'), hc = $(this).data('color-hover'), p = $(this).data('amount'); + item_label.push(l);item_title.push(t); item_color.push(c); item_color_hover.push(hc); item_percent.push(p); + $(this).html('
' + t + '' + p +'% ' + sl + '
') + }); + if (_canvas_type==='doughnut') { + NioApp.Chart.ChartJs.Doughnut(_canvas, item_label, item_title, item_color, item_percent, _canvas_border,_canvas_cutout); + } else if(_canvas_type==='pie') { + NioApp.Chart.ChartJs.Pie(_canvas, item_label, item_title, item_color, item_color_hover, item_percent, _canvas_border); + } else if(_canvas_type==='linechart') { + NioApp.Chart.ChartJs.Doughnut(_canvas, item_label, item_title, item_color, item_percent, _canvas_border); + } + } else { + console.log('Unable to draw canvas: '+_canvas); + } + }); + } + + if($chart_s1.length > 0){ + $chart_s1.each(function(){ + var $chart_data = $(this).children('li'), _canvas = $(this).data('canvas'), + _canvas_border = $(this).data('border-color') ? $(this).data('border-color') : '#122272', + _canvas_cutout = $(this).data('canvas-cutout') ? $(this).data('canvas-cutout') : '40', + _canvas_type = $(this).data('canvas-type'); + _canvas_type = (typeof _canvas_type==='undefined' || _canvas_type==='') ? 'doughnut' : _canvas_type; + if(typeof _canvas!=='undefined' && _canvas !=='') { + var item_label = [], item_color = [], item_color_hover = [], item_percent = []; + $chart_data.each(function(){ + var l = $(this).data('title'), sl = $(this).data('subtitle'), c = $(this).data('color'), hc = $(this).data('color-hover'), p = $(this).data('amount'); + item_label.push(l); item_color.push(c); item_color_hover.push(hc); item_percent.push(p); + $(this).html('' + l + '' + p +'%') + }); + for(var i=0; i < $chart_data.length + 1; i++){ + $chart_data.eq(i-1).addClass('chart-index-'+i); + } + if (_canvas_type==='doughnut') { + NioApp.Chart.ChartJs.Doughnut2(_canvas, item_label, item_color, item_percent, _canvas_border,_canvas_cutout); + } else if(_canvas_type==='pie') { + NioApp.Chart.ChartJs.Pie(_canvas, item_label, item_color, item_color_hover, item_percent, _canvas_border); + } else if(_canvas_type==='linechart') { + NioApp.Chart.ChartJs.Doughnut(_canvas, item_label, item_color, item_percent, _canvas_border); + } + } else { + console.log('Unable to draw canvas: '+_canvas); + } + }); + } + }; + NioApp.components.docReady.push(NioApp.Chart.ChartJs); + return NioApp; +})(NioApp, jQuery, window); \ No newline at end of file diff --git a/assets/js/jquery.bundle.js b/assets/js/jquery.bundle.js new file mode 100644 index 0000000..fe94444 --- /dev/null +++ b/assets/js/jquery.bundle.js @@ -0,0 +1,217 @@ +/*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.0",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,D=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",y.option=!!ce.lastChild;var ge={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var _t,zt=[],Ut=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=zt.pop()||S.expando+"_"+wt.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Ut.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Ut.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Ut,"$1"+r):!1!==e.jsonp&&(e.url+=(Tt.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,zt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((_t=E.implementation.createHTMLDocument("").body).innerHTML="
",2===_t.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=Fe(y.pixelPosition,function(e,t){if(t)return t=We(e,n),Pe.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0=4)throw new Error("Bootstrap's JavaScript requires at least jQuery v1.9.1 but less than v4.0.0")}};l.jQueryDetection(),i.default.fn.emulateTransitionEnd=s,i.default.event.special[l.TRANSITION_END]={bindType:"transitionend",delegateType:"transitionend",handle:function(t){if(i.default(t.target).is(this))return t.handleObj.handler.apply(this,arguments)}};var u="alert",f=i.default.fn[u],d=function(){function t(t){this._element=t}var e=t.prototype;return e.close=function(t){var e=this._element;t&&(e=this._getRootElement(t)),this._triggerCloseEvent(e).isDefaultPrevented()||this._removeElement(e)},e.dispose=function(){i.default.removeData(this._element,"bs.alert"),this._element=null},e._getRootElement=function(t){var e=l.getSelectorFromElement(t),n=!1;return e&&(n=document.querySelector(e)),n||(n=i.default(t).closest(".alert")[0]),n},e._triggerCloseEvent=function(t){var e=i.default.Event("close.bs.alert");return i.default(t).trigger(e),e},e._removeElement=function(t){var e=this;if(i.default(t).removeClass("show"),i.default(t).hasClass("fade")){var n=l.getTransitionDurationFromElement(t);i.default(t).one(l.TRANSITION_END,(function(n){return e._destroyElement(t,n)})).emulateTransitionEnd(n)}else this._destroyElement(t)},e._destroyElement=function(t){i.default(t).detach().trigger("closed.bs.alert").remove()},t._jQueryInterface=function(e){return this.each((function(){var n=i.default(this),o=n.data("bs.alert");o||(o=new t(this),n.data("bs.alert",o)),"close"===e&&o[e](this)}))},t._handleDismiss=function(t){return function(e){e&&e.preventDefault(),t.close(this)}},r(t,null,[{key:"VERSION",get:function(){return"4.6.0"}}]),t}();i.default(document).on("click.bs.alert.data-api",'[data-dismiss="alert"]',d._handleDismiss(new d)),i.default.fn[u]=d._jQueryInterface,i.default.fn[u].Constructor=d,i.default.fn[u].noConflict=function(){return i.default.fn[u]=f,d._jQueryInterface};var c=i.default.fn.button,h=function(){function t(t){this._element=t,this.shouldAvoidTriggerChange=!1}var e=t.prototype;return e.toggle=function(){var t=!0,e=!0,n=i.default(this._element).closest('[data-toggle="buttons"]')[0];if(n){var o=this._element.querySelector('input:not([type="hidden"])');if(o){if("radio"===o.type)if(o.checked&&this._element.classList.contains("active"))t=!1;else{var r=n.querySelector(".active");r&&i.default(r).removeClass("active")}t&&("checkbox"!==o.type&&"radio"!==o.type||(o.checked=!this._element.classList.contains("active")),this.shouldAvoidTriggerChange||i.default(o).trigger("change")),o.focus(),e=!1}}this._element.hasAttribute("disabled")||this._element.classList.contains("disabled")||(e&&this._element.setAttribute("aria-pressed",!this._element.classList.contains("active")),t&&i.default(this._element).toggleClass("active"))},e.dispose=function(){i.default.removeData(this._element,"bs.button"),this._element=null},t._jQueryInterface=function(e,n){return this.each((function(){var o=i.default(this),r=o.data("bs.button");r||(r=new t(this),o.data("bs.button",r)),r.shouldAvoidTriggerChange=n,"toggle"===e&&r[e]()}))},r(t,null,[{key:"VERSION",get:function(){return"4.6.0"}}]),t}();i.default(document).on("click.bs.button.data-api",'[data-toggle^="button"]',(function(t){var e=t.target,n=e;if(i.default(e).hasClass("btn")||(e=i.default(e).closest(".btn")[0]),!e||e.hasAttribute("disabled")||e.classList.contains("disabled"))t.preventDefault();else{var o=e.querySelector('input:not([type="hidden"])');if(o&&(o.hasAttribute("disabled")||o.classList.contains("disabled")))return void t.preventDefault();"INPUT"!==n.tagName&&"LABEL"===e.tagName||h._jQueryInterface.call(i.default(e),"toggle","INPUT"===n.tagName)}})).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',(function(t){var e=i.default(t.target).closest(".btn")[0];i.default(e).toggleClass("focus",/^focus(in)?$/.test(t.type))})),i.default(window).on("load.bs.button.data-api",(function(){for(var t=[].slice.call(document.querySelectorAll('[data-toggle="buttons"] .btn')),e=0,n=t.length;e0,this._pointerEvent=Boolean(window.PointerEvent||window.MSPointerEvent),this._addEventListeners()}var e=t.prototype;return e.next=function(){this._isSliding||this._slide("next")},e.nextWhenVisible=function(){var t=i.default(this._element);!document.hidden&&t.is(":visible")&&"hidden"!==t.css("visibility")&&this.next()},e.prev=function(){this._isSliding||this._slide("prev")},e.pause=function(t){t||(this._isPaused=!0),this._element.querySelector(".carousel-item-next, .carousel-item-prev")&&(l.triggerTransitionEnd(this._element),this.cycle(!0)),clearInterval(this._interval),this._interval=null},e.cycle=function(t){t||(this._isPaused=!1),this._interval&&(clearInterval(this._interval),this._interval=null),this._config.interval&&!this._isPaused&&(this._updateInterval(),this._interval=setInterval((document.visibilityState?this.nextWhenVisible:this.next).bind(this),this._config.interval))},e.to=function(t){var e=this;this._activeElement=this._element.querySelector(".active.carousel-item");var n=this._getItemIndex(this._activeElement);if(!(t>this._items.length-1||t<0))if(this._isSliding)i.default(this._element).one("slid.bs.carousel",(function(){return e.to(t)}));else{if(n===t)return this.pause(),void this.cycle();var o=t>n?"next":"prev";this._slide(o,this._items[t])}},e.dispose=function(){i.default(this._element).off(m),i.default.removeData(this._element,"bs.carousel"),this._items=null,this._config=null,this._element=null,this._interval=null,this._isPaused=null,this._isSliding=null,this._activeElement=null,this._indicatorsElement=null},e._getConfig=function(t){return t=a({},v,t),l.typeCheckConfig(p,t,_),t},e._handleSwipe=function(){var t=Math.abs(this.touchDeltaX);if(!(t<=40)){var e=t/this.touchDeltaX;this.touchDeltaX=0,e>0&&this.prev(),e<0&&this.next()}},e._addEventListeners=function(){var t=this;this._config.keyboard&&i.default(this._element).on("keydown.bs.carousel",(function(e){return t._keydown(e)})),"hover"===this._config.pause&&i.default(this._element).on("mouseenter.bs.carousel",(function(e){return t.pause(e)})).on("mouseleave.bs.carousel",(function(e){return t.cycle(e)})),this._config.touch&&this._addTouchEventListeners()},e._addTouchEventListeners=function(){var t=this;if(this._touchSupported){var e=function(e){t._pointerEvent&&b[e.originalEvent.pointerType.toUpperCase()]?t.touchStartX=e.originalEvent.clientX:t._pointerEvent||(t.touchStartX=e.originalEvent.touches[0].clientX)},n=function(e){t._pointerEvent&&b[e.originalEvent.pointerType.toUpperCase()]&&(t.touchDeltaX=e.originalEvent.clientX-t.touchStartX),t._handleSwipe(),"hover"===t._config.pause&&(t.pause(),t.touchTimeout&&clearTimeout(t.touchTimeout),t.touchTimeout=setTimeout((function(e){return t.cycle(e)}),500+t._config.interval))};i.default(this._element.querySelectorAll(".carousel-item img")).on("dragstart.bs.carousel",(function(t){return t.preventDefault()})),this._pointerEvent?(i.default(this._element).on("pointerdown.bs.carousel",(function(t){return e(t)})),i.default(this._element).on("pointerup.bs.carousel",(function(t){return n(t)})),this._element.classList.add("pointer-event")):(i.default(this._element).on("touchstart.bs.carousel",(function(t){return e(t)})),i.default(this._element).on("touchmove.bs.carousel",(function(e){return function(e){e.originalEvent.touches&&e.originalEvent.touches.length>1?t.touchDeltaX=0:t.touchDeltaX=e.originalEvent.touches[0].clientX-t.touchStartX}(e)})),i.default(this._element).on("touchend.bs.carousel",(function(t){return n(t)})))}},e._keydown=function(t){if(!/input|textarea/i.test(t.target.tagName))switch(t.which){case 37:t.preventDefault(),this.prev();break;case 39:t.preventDefault(),this.next()}},e._getItemIndex=function(t){return this._items=t&&t.parentNode?[].slice.call(t.parentNode.querySelectorAll(".carousel-item")):[],this._items.indexOf(t)},e._getItemByDirection=function(t,e){var n="next"===t,i="prev"===t,o=this._getItemIndex(e),r=this._items.length-1;if((i&&0===o||n&&o===r)&&!this._config.wrap)return e;var a=(o+("prev"===t?-1:1))%this._items.length;return-1===a?this._items[this._items.length-1]:this._items[a]},e._triggerSlideEvent=function(t,e){var n=this._getItemIndex(t),o=this._getItemIndex(this._element.querySelector(".active.carousel-item")),r=i.default.Event("slide.bs.carousel",{relatedTarget:t,direction:e,from:o,to:n});return i.default(this._element).trigger(r),r},e._setActiveIndicatorElement=function(t){if(this._indicatorsElement){var e=[].slice.call(this._indicatorsElement.querySelectorAll(".active"));i.default(e).removeClass("active");var n=this._indicatorsElement.children[this._getItemIndex(t)];n&&i.default(n).addClass("active")}},e._updateInterval=function(){var t=this._activeElement||this._element.querySelector(".active.carousel-item");if(t){var e=parseInt(t.getAttribute("data-interval"),10);e?(this._config.defaultInterval=this._config.defaultInterval||this._config.interval,this._config.interval=e):this._config.interval=this._config.defaultInterval||this._config.interval}},e._slide=function(t,e){var n,o,r,a=this,s=this._element.querySelector(".active.carousel-item"),u=this._getItemIndex(s),f=e||s&&this._getItemByDirection(t,s),d=this._getItemIndex(f),c=Boolean(this._interval);if("next"===t?(n="carousel-item-left",o="carousel-item-next",r="left"):(n="carousel-item-right",o="carousel-item-prev",r="right"),f&&i.default(f).hasClass("active"))this._isSliding=!1;else if(!this._triggerSlideEvent(f,r).isDefaultPrevented()&&s&&f){this._isSliding=!0,c&&this.pause(),this._setActiveIndicatorElement(f),this._activeElement=f;var h=i.default.Event("slid.bs.carousel",{relatedTarget:f,direction:r,from:u,to:d});if(i.default(this._element).hasClass("slide")){i.default(f).addClass(o),l.reflow(f),i.default(s).addClass(n),i.default(f).addClass(n);var p=l.getTransitionDurationFromElement(s);i.default(s).one(l.TRANSITION_END,(function(){i.default(f).removeClass(n+" "+o).addClass("active"),i.default(s).removeClass("active "+o+" "+n),a._isSliding=!1,setTimeout((function(){return i.default(a._element).trigger(h)}),0)})).emulateTransitionEnd(p)}else i.default(s).removeClass("active"),i.default(f).addClass("active"),this._isSliding=!1,i.default(this._element).trigger(h);c&&this.cycle()}},t._jQueryInterface=function(e){return this.each((function(){var n=i.default(this).data("bs.carousel"),o=a({},v,i.default(this).data());"object"==typeof e&&(o=a({},o,e));var r="string"==typeof e?e:o.slide;if(n||(n=new t(this,o),i.default(this).data("bs.carousel",n)),"number"==typeof e)n.to(e);else if("string"==typeof r){if("undefined"==typeof n[r])throw new TypeError('No method named "'+r+'"');n[r]()}else o.interval&&o.ride&&(n.pause(),n.cycle())}))},t._dataApiClickHandler=function(e){var n=l.getSelectorFromElement(this);if(n){var o=i.default(n)[0];if(o&&i.default(o).hasClass("carousel")){var r=a({},i.default(o).data(),i.default(this).data()),s=this.getAttribute("data-slide-to");s&&(r.interval=!1),t._jQueryInterface.call(i.default(o),r),s&&i.default(o).data("bs.carousel").to(s),e.preventDefault()}}},r(t,null,[{key:"VERSION",get:function(){return"4.6.0"}},{key:"Default",get:function(){return v}}]),t}();i.default(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",y._dataApiClickHandler),i.default(window).on("load.bs.carousel.data-api",(function(){for(var t=[].slice.call(document.querySelectorAll('[data-ride="carousel"]')),e=0,n=t.length;e0&&(this._selector=a,this._triggerArray.push(r))}this._parent=this._config.parent?this._getParent():null,this._config.parent||this._addAriaAndCollapsedClass(this._element,this._triggerArray),this._config.toggle&&this.toggle()}var e=t.prototype;return e.toggle=function(){i.default(this._element).hasClass("show")?this.hide():this.show()},e.show=function(){var e,n,o=this;if(!this._isTransitioning&&!i.default(this._element).hasClass("show")&&(this._parent&&0===(e=[].slice.call(this._parent.querySelectorAll(".show, .collapsing")).filter((function(t){return"string"==typeof o._config.parent?t.getAttribute("data-parent")===o._config.parent:t.classList.contains("collapse")}))).length&&(e=null),!(e&&(n=i.default(e).not(this._selector).data("bs.collapse"))&&n._isTransitioning))){var r=i.default.Event("show.bs.collapse");if(i.default(this._element).trigger(r),!r.isDefaultPrevented()){e&&(t._jQueryInterface.call(i.default(e).not(this._selector),"hide"),n||i.default(e).data("bs.collapse",null));var a=this._getDimension();i.default(this._element).removeClass("collapse").addClass("collapsing"),this._element.style[a]=0,this._triggerArray.length&&i.default(this._triggerArray).removeClass("collapsed").attr("aria-expanded",!0),this.setTransitioning(!0);var s="scroll"+(a[0].toUpperCase()+a.slice(1)),u=l.getTransitionDurationFromElement(this._element);i.default(this._element).one(l.TRANSITION_END,(function(){i.default(o._element).removeClass("collapsing").addClass("collapse show"),o._element.style[a]="",o.setTransitioning(!1),i.default(o._element).trigger("shown.bs.collapse")})).emulateTransitionEnd(u),this._element.style[a]=this._element[s]+"px"}}},e.hide=function(){var t=this;if(!this._isTransitioning&&i.default(this._element).hasClass("show")){var e=i.default.Event("hide.bs.collapse");if(i.default(this._element).trigger(e),!e.isDefaultPrevented()){var n=this._getDimension();this._element.style[n]=this._element.getBoundingClientRect()[n]+"px",l.reflow(this._element),i.default(this._element).addClass("collapsing").removeClass("collapse show");var o=this._triggerArray.length;if(o>0)for(var r=0;r=0)return 1;return 0}();var k=D&&window.Promise?function(t){var e=!1;return function(){e||(e=!0,window.Promise.resolve().then((function(){e=!1,t()})))}}:function(t){var e=!1;return function(){e||(e=!0,setTimeout((function(){e=!1,t()}),N))}};function A(t){return t&&"[object Function]"==={}.toString.call(t)}function I(t,e){if(1!==t.nodeType)return[];var n=t.ownerDocument.defaultView.getComputedStyle(t,null);return e?n[e]:n}function O(t){return"HTML"===t.nodeName?t:t.parentNode||t.host}function x(t){if(!t)return document.body;switch(t.nodeName){case"HTML":case"BODY":return t.ownerDocument.body;case"#document":return t.body}var e=I(t),n=e.overflow,i=e.overflowX,o=e.overflowY;return/(auto|scroll|overlay)/.test(n+o+i)?t:x(O(t))}function j(t){return t&&t.referenceNode?t.referenceNode:t}var L=D&&!(!window.MSInputMethodContext||!document.documentMode),P=D&&/MSIE 10/.test(navigator.userAgent);function F(t){return 11===t?L:10===t?P:L||P}function R(t){if(!t)return document.documentElement;for(var e=F(10)?document.body:null,n=t.offsetParent||null;n===e&&t.nextElementSibling;)n=(t=t.nextElementSibling).offsetParent;var i=n&&n.nodeName;return i&&"BODY"!==i&&"HTML"!==i?-1!==["TH","TD","TABLE"].indexOf(n.nodeName)&&"static"===I(n,"position")?R(n):n:t?t.ownerDocument.documentElement:document.documentElement}function H(t){return null!==t.parentNode?H(t.parentNode):t}function M(t,e){if(!(t&&t.nodeType&&e&&e.nodeType))return document.documentElement;var n=t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING,i=n?t:e,o=n?e:t,r=document.createRange();r.setStart(i,0),r.setEnd(o,0);var a,s,l=r.commonAncestorContainer;if(t!==l&&e!==l||i.contains(o))return"BODY"===(s=(a=l).nodeName)||"HTML"!==s&&R(a.firstElementChild)!==a?R(l):l;var u=H(t);return u.host?M(u.host,e):M(t,H(e).host)}function q(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top",n="top"===e?"scrollTop":"scrollLeft",i=t.nodeName;if("BODY"===i||"HTML"===i){var o=t.ownerDocument.documentElement,r=t.ownerDocument.scrollingElement||o;return r[n]}return t[n]}function B(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=q(e,"top"),o=q(e,"left"),r=n?-1:1;return t.top+=i*r,t.bottom+=i*r,t.left+=o*r,t.right+=o*r,t}function Q(t,e){var n="x"===e?"Left":"Top",i="Left"===n?"Right":"Bottom";return parseFloat(t["border"+n+"Width"])+parseFloat(t["border"+i+"Width"])}function W(t,e,n,i){return Math.max(e["offset"+t],e["scroll"+t],n["client"+t],n["offset"+t],n["scroll"+t],F(10)?parseInt(n["offset"+t])+parseInt(i["margin"+("Height"===t?"Top":"Left")])+parseInt(i["margin"+("Height"===t?"Bottom":"Right")]):0)}function U(t){var e=t.body,n=t.documentElement,i=F(10)&&getComputedStyle(n);return{height:W("Height",e,n,i),width:W("Width",e,n,i)}}var V=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},Y=function(){function t(t,e){for(var n=0;n2&&void 0!==arguments[2]&&arguments[2],i=F(10),o="HTML"===e.nodeName,r=G(t),a=G(e),s=x(t),l=I(e),u=parseFloat(l.borderTopWidth),f=parseFloat(l.borderLeftWidth);n&&o&&(a.top=Math.max(a.top,0),a.left=Math.max(a.left,0));var d=K({top:r.top-a.top-u,left:r.left-a.left-f,width:r.width,height:r.height});if(d.marginTop=0,d.marginLeft=0,!i&&o){var c=parseFloat(l.marginTop),h=parseFloat(l.marginLeft);d.top-=u-c,d.bottom-=u-c,d.left-=f-h,d.right-=f-h,d.marginTop=c,d.marginLeft=h}return(i&&!n?e.contains(s):e===s&&"BODY"!==s.nodeName)&&(d=B(d,e)),d}function J(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=t.ownerDocument.documentElement,i=$(t,n),o=Math.max(n.clientWidth,window.innerWidth||0),r=Math.max(n.clientHeight,window.innerHeight||0),a=e?0:q(n),s=e?0:q(n,"left"),l={top:a-i.top+i.marginTop,left:s-i.left+i.marginLeft,width:o,height:r};return K(l)}function Z(t){var e=t.nodeName;if("BODY"===e||"HTML"===e)return!1;if("fixed"===I(t,"position"))return!0;var n=O(t);return!!n&&Z(n)}function tt(t){if(!t||!t.parentElement||F())return document.documentElement;for(var e=t.parentElement;e&&"none"===I(e,"transform");)e=e.parentElement;return e||document.documentElement}function et(t,e,n,i){var o=arguments.length>4&&void 0!==arguments[4]&&arguments[4],r={top:0,left:0},a=o?tt(t):M(t,j(e));if("viewport"===i)r=J(a,o);else{var s=void 0;"scrollParent"===i?"BODY"===(s=x(O(e))).nodeName&&(s=t.ownerDocument.documentElement):s="window"===i?t.ownerDocument.documentElement:i;var l=$(s,a,o);if("HTML"!==s.nodeName||Z(a))r=l;else{var u=U(t.ownerDocument),f=u.height,d=u.width;r.top+=l.top-l.marginTop,r.bottom=f+l.top,r.left+=l.left-l.marginLeft,r.right=d+l.left}}var c="number"==typeof(n=n||0);return r.left+=c?n:n.left||0,r.top+=c?n:n.top||0,r.right-=c?n:n.right||0,r.bottom-=c?n:n.bottom||0,r}function nt(t){return t.width*t.height}function it(t,e,n,i,o){var r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;if(-1===t.indexOf("auto"))return t;var a=et(n,i,r,o),s={top:{width:a.width,height:e.top-a.top},right:{width:a.right-e.right,height:a.height},bottom:{width:a.width,height:a.bottom-e.bottom},left:{width:e.left-a.left,height:a.height}},l=Object.keys(s).map((function(t){return X({key:t},s[t],{area:nt(s[t])})})).sort((function(t,e){return e.area-t.area})),u=l.filter((function(t){var e=t.width,i=t.height;return e>=n.clientWidth&&i>=n.clientHeight})),f=u.length>0?u[0].key:l[0].key,d=t.split("-")[1];return f+(d?"-"+d:"")}function ot(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,o=i?tt(e):M(e,j(n));return $(n,o,i)}function rt(t){var e=t.ownerDocument.defaultView.getComputedStyle(t),n=parseFloat(e.marginTop||0)+parseFloat(e.marginBottom||0),i=parseFloat(e.marginLeft||0)+parseFloat(e.marginRight||0);return{width:t.offsetWidth+i,height:t.offsetHeight+n}}function at(t){var e={left:"right",right:"left",bottom:"top",top:"bottom"};return t.replace(/left|right|bottom|top/g,(function(t){return e[t]}))}function st(t,e,n){n=n.split("-")[0];var i=rt(t),o={width:i.width,height:i.height},r=-1!==["right","left"].indexOf(n),a=r?"top":"left",s=r?"left":"top",l=r?"height":"width",u=r?"width":"height";return o[a]=e[a]+e[l]/2-i[l]/2,o[s]=n===s?e[s]-i[u]:e[at(s)],o}function lt(t,e){return Array.prototype.find?t.find(e):t.filter(e)[0]}function ut(t,e,n){return(void 0===n?t:t.slice(0,function(t,e,n){if(Array.prototype.findIndex)return t.findIndex((function(t){return t[e]===n}));var i=lt(t,(function(t){return t[e]===n}));return t.indexOf(i)}(t,"name",n))).forEach((function(t){t.function&&console.warn("`modifier.function` is deprecated, use `modifier.fn`!");var n=t.function||t.fn;t.enabled&&A(n)&&(e.offsets.popper=K(e.offsets.popper),e.offsets.reference=K(e.offsets.reference),e=n(e,t))})),e}function ft(){if(!this.state.isDestroyed){var t={instance:this,styles:{},arrowStyles:{},attributes:{},flipped:!1,offsets:{}};t.offsets.reference=ot(this.state,this.popper,this.reference,this.options.positionFixed),t.placement=it(this.options.placement,t.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),t.originalPlacement=t.placement,t.positionFixed=this.options.positionFixed,t.offsets.popper=st(this.popper,t.offsets.reference,t.placement),t.offsets.popper.position=this.options.positionFixed?"fixed":"absolute",t=ut(this.modifiers,t),this.state.isCreated?this.options.onUpdate(t):(this.state.isCreated=!0,this.options.onCreate(t))}}function dt(t,e){return t.some((function(t){var n=t.name;return t.enabled&&n===e}))}function ct(t){for(var e=[!1,"ms","Webkit","Moz","O"],n=t.charAt(0).toUpperCase()+t.slice(1),i=0;i1&&void 0!==arguments[1]&&arguments[1],n=Tt.indexOf(t),i=Tt.slice(n+1).concat(Tt.slice(0,n));return e?i.reverse():i}var St="flip",Dt="clockwise",Nt="counterclockwise";function kt(t,e,n,i){var o=[0,0],r=-1!==["right","left"].indexOf(i),a=t.split(/(\+|\-)/).map((function(t){return t.trim()})),s=a.indexOf(lt(a,(function(t){return-1!==t.search(/,|\s/)})));a[s]&&-1===a[s].indexOf(",")&&console.warn("Offsets separated by white space(s) are deprecated, use a comma (,) instead.");var l=/\s*,\s*|\s+/,u=-1!==s?[a.slice(0,s).concat([a[s].split(l)[0]]),[a[s].split(l)[1]].concat(a.slice(s+1))]:[a];return(u=u.map((function(t,i){var o=(1===i?!r:r)?"height":"width",a=!1;return t.reduce((function(t,e){return""===t[t.length-1]&&-1!==["+","-"].indexOf(e)?(t[t.length-1]=e,a=!0,t):a?(t[t.length-1]+=e,a=!1,t):t.concat(e)}),[]).map((function(t){return function(t,e,n,i){var o=t.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),r=+o[1],a=o[2];if(!r)return t;if(0===a.indexOf("%")){var s=void 0;switch(a){case"%p":s=n;break;case"%":case"%r":default:s=i}return K(s)[e]/100*r}if("vh"===a||"vw"===a)return("vh"===a?Math.max(document.documentElement.clientHeight,window.innerHeight||0):Math.max(document.documentElement.clientWidth,window.innerWidth||0))/100*r;return r}(t,o,e,n)}))}))).forEach((function(t,e){t.forEach((function(n,i){_t(n)&&(o[e]+=n*("-"===t[i-1]?-1:1))}))})),o}var At={placement:"bottom",positionFixed:!1,eventsEnabled:!0,removeOnDestroy:!1,onCreate:function(){},onUpdate:function(){},modifiers:{shift:{order:100,enabled:!0,fn:function(t){var e=t.placement,n=e.split("-")[0],i=e.split("-")[1];if(i){var o=t.offsets,r=o.reference,a=o.popper,s=-1!==["bottom","top"].indexOf(n),l=s?"left":"top",u=s?"width":"height",f={start:z({},l,r[l]),end:z({},l,r[l]+r[u]-a[u])};t.offsets.popper=X({},a,f[i])}return t}},offset:{order:200,enabled:!0,fn:function(t,e){var n=e.offset,i=t.placement,o=t.offsets,r=o.popper,a=o.reference,s=i.split("-")[0],l=void 0;return l=_t(+n)?[+n,0]:kt(n,r,a,s),"left"===s?(r.top+=l[0],r.left-=l[1]):"right"===s?(r.top+=l[0],r.left+=l[1]):"top"===s?(r.left+=l[0],r.top-=l[1]):"bottom"===s&&(r.left+=l[0],r.top+=l[1]),t.popper=r,t},offset:0},preventOverflow:{order:300,enabled:!0,fn:function(t,e){var n=e.boundariesElement||R(t.instance.popper);t.instance.reference===n&&(n=R(n));var i=ct("transform"),o=t.instance.popper.style,r=o.top,a=o.left,s=o[i];o.top="",o.left="",o[i]="";var l=et(t.instance.popper,t.instance.reference,e.padding,n,t.positionFixed);o.top=r,o.left=a,o[i]=s,e.boundaries=l;var u=e.priority,f=t.offsets.popper,d={primary:function(t){var n=f[t];return f[t]l[t]&&!e.escapeWithReference&&(i=Math.min(f[n],l[t]-("right"===t?f.width:f.height))),z({},n,i)}};return u.forEach((function(t){var e=-1!==["left","top"].indexOf(t)?"primary":"secondary";f=X({},f,d[e](t))})),t.offsets.popper=f,t},priority:["left","right","top","bottom"],padding:5,boundariesElement:"scrollParent"},keepTogether:{order:400,enabled:!0,fn:function(t){var e=t.offsets,n=e.popper,i=e.reference,o=t.placement.split("-")[0],r=Math.floor,a=-1!==["top","bottom"].indexOf(o),s=a?"right":"bottom",l=a?"left":"top",u=a?"width":"height";return n[s]r(i[s])&&(t.offsets.popper[l]=r(i[s])),t}},arrow:{order:500,enabled:!0,fn:function(t,e){var n;if(!wt(t.instance.modifiers,"arrow","keepTogether"))return t;var i=e.element;if("string"==typeof i){if(!(i=t.instance.popper.querySelector(i)))return t}else if(!t.instance.popper.contains(i))return console.warn("WARNING: `arrow.element` must be child of its popper element!"),t;var o=t.placement.split("-")[0],r=t.offsets,a=r.popper,s=r.reference,l=-1!==["left","right"].indexOf(o),u=l?"height":"width",f=l?"Top":"Left",d=f.toLowerCase(),c=l?"left":"top",h=l?"bottom":"right",p=rt(i)[u];s[h]-pa[h]&&(t.offsets.popper[d]+=s[d]+p-a[h]),t.offsets.popper=K(t.offsets.popper);var m=s[d]+s[u]/2-p/2,g=I(t.instance.popper),v=parseFloat(g["margin"+f]),_=parseFloat(g["border"+f+"Width"]),b=m-t.offsets.popper[d]-v-_;return b=Math.max(Math.min(a[u]-p,b),0),t.arrowElement=i,t.offsets.arrow=(z(n={},d,Math.round(b)),z(n,c,""),n),t},element:"[x-arrow]"},flip:{order:600,enabled:!0,fn:function(t,e){if(dt(t.instance.modifiers,"inner"))return t;if(t.flipped&&t.placement===t.originalPlacement)return t;var n=et(t.instance.popper,t.instance.reference,e.padding,e.boundariesElement,t.positionFixed),i=t.placement.split("-")[0],o=at(i),r=t.placement.split("-")[1]||"",a=[];switch(e.behavior){case St:a=[i,o];break;case Dt:a=Ct(i);break;case Nt:a=Ct(i,!0);break;default:a=e.behavior}return a.forEach((function(s,l){if(i!==s||a.length===l+1)return t;i=t.placement.split("-")[0],o=at(i);var u=t.offsets.popper,f=t.offsets.reference,d=Math.floor,c="left"===i&&d(u.right)>d(f.left)||"right"===i&&d(u.left)d(f.top)||"bottom"===i&&d(u.top)d(n.right),m=d(u.top)d(n.bottom),v="left"===i&&h||"right"===i&&p||"top"===i&&m||"bottom"===i&&g,_=-1!==["top","bottom"].indexOf(i),b=!!e.flipVariations&&(_&&"start"===r&&h||_&&"end"===r&&p||!_&&"start"===r&&m||!_&&"end"===r&&g),y=!!e.flipVariationsByContent&&(_&&"start"===r&&p||_&&"end"===r&&h||!_&&"start"===r&&g||!_&&"end"===r&&m),w=b||y;(c||v||w)&&(t.flipped=!0,(c||v)&&(i=a[l+1]),w&&(r=function(t){return"end"===t?"start":"start"===t?"end":t}(r)),t.placement=i+(r?"-"+r:""),t.offsets.popper=X({},t.offsets.popper,st(t.instance.popper,t.offsets.reference,t.placement)),t=ut(t.instance.modifiers,t,"flip"))})),t},behavior:"flip",padding:5,boundariesElement:"viewport",flipVariations:!1,flipVariationsByContent:!1},inner:{order:700,enabled:!1,fn:function(t){var e=t.placement,n=e.split("-")[0],i=t.offsets,o=i.popper,r=i.reference,a=-1!==["left","right"].indexOf(n),s=-1===["top","left"].indexOf(n);return o[a?"left":"top"]=r[n]-(s?o[a?"width":"height"]:0),t.placement=at(e),t.offsets.popper=K(o),t}},hide:{order:800,enabled:!0,fn:function(t){if(!wt(t.instance.modifiers,"hide","preventOverflow"))return t;var e=t.offsets.reference,n=lt(t.instance.modifiers,(function(t){return"preventOverflow"===t.name})).boundaries;if(e.bottomn.right||e.top>n.bottom||e.right2&&void 0!==arguments[2]?arguments[2]:{};V(this,t),this.scheduleUpdate=function(){return requestAnimationFrame(i.update)},this.update=k(this.update.bind(this)),this.options=X({},t.Defaults,o),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=e&&e.jquery?e[0]:e,this.popper=n&&n.jquery?n[0]:n,this.options.modifiers={},Object.keys(X({},t.Defaults.modifiers,o.modifiers)).forEach((function(e){i.options.modifiers[e]=X({},t.Defaults.modifiers[e]||{},o.modifiers?o.modifiers[e]:{})})),this.modifiers=Object.keys(this.options.modifiers).map((function(t){return X({name:t},i.options.modifiers[t])})).sort((function(t,e){return t.order-e.order})),this.modifiers.forEach((function(t){t.enabled&&A(t.onLoad)&&t.onLoad(i.reference,i.popper,i.options,t,i.state)})),this.update();var r=this.options.eventsEnabled;r&&this.enableEventListeners(),this.state.eventsEnabled=r}return Y(t,[{key:"update",value:function(){return ft.call(this)}},{key:"destroy",value:function(){return ht.call(this)}},{key:"enableEventListeners",value:function(){return gt.call(this)}},{key:"disableEventListeners",value:function(){return vt.call(this)}}]),t}();It.Utils=("undefined"!=typeof window?window:global).PopperUtils,It.placements=Et,It.Defaults=At;var Ot="dropdown",xt=i.default.fn[Ot],jt=new RegExp("38|40|27"),Lt={offset:0,flip:!0,boundary:"scrollParent",reference:"toggle",display:"dynamic",popperConfig:null},Pt={offset:"(number|string|function)",flip:"boolean",boundary:"(string|element)",reference:"(string|element)",display:"string",popperConfig:"(null|object)"},Ft=function(){function t(t,e){this._element=t,this._popper=null,this._config=this._getConfig(e),this._menu=this._getMenuElement(),this._inNavbar=this._detectNavbar(),this._addEventListeners()}var e=t.prototype;return e.toggle=function(){if(!this._element.disabled&&!i.default(this._element).hasClass("disabled")){var e=i.default(this._menu).hasClass("show");t._clearMenus(),e||this.show(!0)}},e.show=function(e){if(void 0===e&&(e=!1),!(this._element.disabled||i.default(this._element).hasClass("disabled")||i.default(this._menu).hasClass("show"))){var n={relatedTarget:this._element},o=i.default.Event("show.bs.dropdown",n),r=t._getParentFromElement(this._element);if(i.default(r).trigger(o),!o.isDefaultPrevented()){if(!this._inNavbar&&e){if("undefined"==typeof It)throw new TypeError("Bootstrap's dropdowns require Popper (https://popper.js.org)");var a=this._element;"parent"===this._config.reference?a=r:l.isElement(this._config.reference)&&(a=this._config.reference,"undefined"!=typeof this._config.reference.jquery&&(a=this._config.reference[0])),"scrollParent"!==this._config.boundary&&i.default(r).addClass("position-static"),this._popper=new It(a,this._menu,this._getPopperConfig())}"ontouchstart"in document.documentElement&&0===i.default(r).closest(".navbar-nav").length&&i.default(document.body).children().on("mouseover",null,i.default.noop),this._element.focus(),this._element.setAttribute("aria-expanded",!0),i.default(this._menu).toggleClass("show"),i.default(r).toggleClass("show").trigger(i.default.Event("shown.bs.dropdown",n))}}},e.hide=function(){if(!this._element.disabled&&!i.default(this._element).hasClass("disabled")&&i.default(this._menu).hasClass("show")){var e={relatedTarget:this._element},n=i.default.Event("hide.bs.dropdown",e),o=t._getParentFromElement(this._element);i.default(o).trigger(n),n.isDefaultPrevented()||(this._popper&&this._popper.destroy(),i.default(this._menu).toggleClass("show"),i.default(o).toggleClass("show").trigger(i.default.Event("hidden.bs.dropdown",e)))}},e.dispose=function(){i.default.removeData(this._element,"bs.dropdown"),i.default(this._element).off(".bs.dropdown"),this._element=null,this._menu=null,null!==this._popper&&(this._popper.destroy(),this._popper=null)},e.update=function(){this._inNavbar=this._detectNavbar(),null!==this._popper&&this._popper.scheduleUpdate()},e._addEventListeners=function(){var t=this;i.default(this._element).on("click.bs.dropdown",(function(e){e.preventDefault(),e.stopPropagation(),t.toggle()}))},e._getConfig=function(t){return t=a({},this.constructor.Default,i.default(this._element).data(),t),l.typeCheckConfig(Ot,t,this.constructor.DefaultType),t},e._getMenuElement=function(){if(!this._menu){var e=t._getParentFromElement(this._element);e&&(this._menu=e.querySelector(".dropdown-menu"))}return this._menu},e._getPlacement=function(){var t=i.default(this._element.parentNode),e="bottom-start";return t.hasClass("dropup")?e=i.default(this._menu).hasClass("dropdown-menu-right")?"top-end":"top-start":t.hasClass("dropright")?e="right-start":t.hasClass("dropleft")?e="left-start":i.default(this._menu).hasClass("dropdown-menu-right")&&(e="bottom-end"),e},e._detectNavbar=function(){return i.default(this._element).closest(".navbar").length>0},e._getOffset=function(){var t=this,e={};return"function"==typeof this._config.offset?e.fn=function(e){return e.offsets=a({},e.offsets,t._config.offset(e.offsets,t._element)||{}),e}:e.offset=this._config.offset,e},e._getPopperConfig=function(){var t={placement:this._getPlacement(),modifiers:{offset:this._getOffset(),flip:{enabled:this._config.flip},preventOverflow:{boundariesElement:this._config.boundary}}};return"static"===this._config.display&&(t.modifiers.applyStyle={enabled:!1}),a({},t,this._config.popperConfig)},t._jQueryInterface=function(e){return this.each((function(){var n=i.default(this).data("bs.dropdown");if(n||(n=new t(this,"object"==typeof e?e:null),i.default(this).data("bs.dropdown",n)),"string"==typeof e){if("undefined"==typeof n[e])throw new TypeError('No method named "'+e+'"');n[e]()}}))},t._clearMenus=function(e){if(!e||3!==e.which&&("keyup"!==e.type||9===e.which))for(var n=[].slice.call(document.querySelectorAll('[data-toggle="dropdown"]')),o=0,r=n.length;o0&&a--,40===e.which&&adocument.documentElement.clientHeight;n||(this._element.style.overflowY="hidden"),this._element.classList.add("modal-static");var o=l.getTransitionDurationFromElement(this._dialog);i.default(this._element).off(l.TRANSITION_END),i.default(this._element).one(l.TRANSITION_END,(function(){t._element.classList.remove("modal-static"),n||i.default(t._element).one(l.TRANSITION_END,(function(){t._element.style.overflowY=""})).emulateTransitionEnd(t._element,o)})).emulateTransitionEnd(o),this._element.focus()}},e._showElement=function(t){var e=this,n=i.default(this._element).hasClass("fade"),o=this._dialog?this._dialog.querySelector(".modal-body"):null;this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE||document.body.appendChild(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),i.default(this._dialog).hasClass("modal-dialog-scrollable")&&o?o.scrollTop=0:this._element.scrollTop=0,n&&l.reflow(this._element),i.default(this._element).addClass("show"),this._config.focus&&this._enforceFocus();var r=i.default.Event("shown.bs.modal",{relatedTarget:t}),a=function(){e._config.focus&&e._element.focus(),e._isTransitioning=!1,i.default(e._element).trigger(r)};if(n){var s=l.getTransitionDurationFromElement(this._dialog);i.default(this._dialog).one(l.TRANSITION_END,a).emulateTransitionEnd(s)}else a()},e._enforceFocus=function(){var t=this;i.default(document).off("focusin.bs.modal").on("focusin.bs.modal",(function(e){document!==e.target&&t._element!==e.target&&0===i.default(t._element).has(e.target).length&&t._element.focus()}))},e._setEscapeEvent=function(){var t=this;this._isShown?i.default(this._element).on("keydown.dismiss.bs.modal",(function(e){t._config.keyboard&&27===e.which?(e.preventDefault(),t.hide()):t._config.keyboard||27!==e.which||t._triggerBackdropTransition()})):this._isShown||i.default(this._element).off("keydown.dismiss.bs.modal")},e._setResizeEvent=function(){var t=this;this._isShown?i.default(window).on("resize.bs.modal",(function(e){return t.handleUpdate(e)})):i.default(window).off("resize.bs.modal")},e._hideModal=function(){var t=this;this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._showBackdrop((function(){i.default(document.body).removeClass("modal-open"),t._resetAdjustments(),t._resetScrollbar(),i.default(t._element).trigger("hidden.bs.modal")}))},e._removeBackdrop=function(){this._backdrop&&(i.default(this._backdrop).remove(),this._backdrop=null)},e._showBackdrop=function(t){var e=this,n=i.default(this._element).hasClass("fade")?"fade":"";if(this._isShown&&this._config.backdrop){if(this._backdrop=document.createElement("div"),this._backdrop.className="modal-backdrop",n&&this._backdrop.classList.add(n),i.default(this._backdrop).appendTo(document.body),i.default(this._element).on("click.dismiss.bs.modal",(function(t){e._ignoreBackdropClick?e._ignoreBackdropClick=!1:t.target===t.currentTarget&&("static"===e._config.backdrop?e._triggerBackdropTransition():e.hide())})),n&&l.reflow(this._backdrop),i.default(this._backdrop).addClass("show"),!t)return;if(!n)return void t();var o=l.getTransitionDurationFromElement(this._backdrop);i.default(this._backdrop).one(l.TRANSITION_END,t).emulateTransitionEnd(o)}else if(!this._isShown&&this._backdrop){i.default(this._backdrop).removeClass("show");var r=function(){e._removeBackdrop(),t&&t()};if(i.default(this._element).hasClass("fade")){var a=l.getTransitionDurationFromElement(this._backdrop);i.default(this._backdrop).one(l.TRANSITION_END,r).emulateTransitionEnd(a)}else r()}else t&&t()},e._adjustDialog=function(){var t=this._element.scrollHeight>document.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},e._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},e._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=Math.round(t.left+t.right)
',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent",customClass:"",sanitize:!0,sanitizeFn:null,whiteList:Qt,popperConfig:null},Zt={HIDE:"hide.bs.tooltip",HIDDEN:"hidden.bs.tooltip",SHOW:"show.bs.tooltip",SHOWN:"shown.bs.tooltip",INSERTED:"inserted.bs.tooltip",CLICK:"click.bs.tooltip",FOCUSIN:"focusin.bs.tooltip",FOCUSOUT:"focusout.bs.tooltip",MOUSEENTER:"mouseenter.bs.tooltip",MOUSELEAVE:"mouseleave.bs.tooltip"},te=function(){function t(t,e){if("undefined"==typeof It)throw new TypeError("Bootstrap's tooltips require Popper (https://popper.js.org)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners()}var e=t.prototype;return e.enable=function(){this._isEnabled=!0},e.disable=function(){this._isEnabled=!1},e.toggleEnabled=function(){this._isEnabled=!this._isEnabled},e.toggle=function(t){if(this._isEnabled)if(t){var e=this.constructor.DATA_KEY,n=i.default(t.currentTarget).data(e);n||(n=new this.constructor(t.currentTarget,this._getDelegateConfig()),i.default(t.currentTarget).data(e,n)),n._activeTrigger.click=!n._activeTrigger.click,n._isWithActiveTrigger()?n._enter(null,n):n._leave(null,n)}else{if(i.default(this.getTipElement()).hasClass("show"))return void this._leave(null,this);this._enter(null,this)}},e.dispose=function(){clearTimeout(this._timeout),i.default.removeData(this.element,this.constructor.DATA_KEY),i.default(this.element).off(this.constructor.EVENT_KEY),i.default(this.element).closest(".modal").off("hide.bs.modal",this._hideModalHandler),this.tip&&i.default(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,this._activeTrigger=null,this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},e.show=function(){var t=this;if("none"===i.default(this.element).css("display"))throw new Error("Please use show on visible elements");var e=i.default.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){i.default(this.element).trigger(e);var n=l.findShadowRoot(this.element),o=i.default.contains(null!==n?n:this.element.ownerDocument.documentElement,this.element);if(e.isDefaultPrevented()||!o)return;var r=this.getTipElement(),a=l.getUID(this.constructor.NAME);r.setAttribute("id",a),this.element.setAttribute("aria-describedby",a),this.setContent(),this.config.animation&&i.default(r).addClass("fade");var s="function"==typeof this.config.placement?this.config.placement.call(this,r,this.element):this.config.placement,u=this._getAttachment(s);this.addAttachmentClass(u);var f=this._getContainer();i.default(r).data(this.constructor.DATA_KEY,this),i.default.contains(this.element.ownerDocument.documentElement,this.tip)||i.default(r).appendTo(f),i.default(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new It(this.element,r,this._getPopperConfig(u)),i.default(r).addClass("show"),i.default(r).addClass(this.config.customClass),"ontouchstart"in document.documentElement&&i.default(document.body).children().on("mouseover",null,i.default.noop);var d=function(){t.config.animation&&t._fixTransition();var e=t._hoverState;t._hoverState=null,i.default(t.element).trigger(t.constructor.Event.SHOWN),"out"===e&&t._leave(null,t)};if(i.default(this.tip).hasClass("fade")){var c=l.getTransitionDurationFromElement(this.tip);i.default(this.tip).one(l.TRANSITION_END,d).emulateTransitionEnd(c)}else d()}},e.hide=function(t){var e=this,n=this.getTipElement(),o=i.default.Event(this.constructor.Event.HIDE),r=function(){"show"!==e._hoverState&&n.parentNode&&n.parentNode.removeChild(n),e._cleanTipClass(),e.element.removeAttribute("aria-describedby"),i.default(e.element).trigger(e.constructor.Event.HIDDEN),null!==e._popper&&e._popper.destroy(),t&&t()};if(i.default(this.element).trigger(o),!o.isDefaultPrevented()){if(i.default(n).removeClass("show"),"ontouchstart"in document.documentElement&&i.default(document.body).children().off("mouseover",null,i.default.noop),this._activeTrigger.click=!1,this._activeTrigger.focus=!1,this._activeTrigger.hover=!1,i.default(this.tip).hasClass("fade")){var a=l.getTransitionDurationFromElement(n);i.default(n).one(l.TRANSITION_END,r).emulateTransitionEnd(a)}else r();this._hoverState=""}},e.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},e.isWithContent=function(){return Boolean(this.getTitle())},e.addAttachmentClass=function(t){i.default(this.getTipElement()).addClass("bs-tooltip-"+t)},e.getTipElement=function(){return this.tip=this.tip||i.default(this.config.template)[0],this.tip},e.setContent=function(){var t=this.getTipElement();this.setElementContent(i.default(t.querySelectorAll(".tooltip-inner")),this.getTitle()),i.default(t).removeClass("fade show")},e.setElementContent=function(t,e){"object"!=typeof e||!e.nodeType&&!e.jquery?this.config.html?(this.config.sanitize&&(e=Vt(e,this.config.whiteList,this.config.sanitizeFn)),t.html(e)):t.text(e):this.config.html?i.default(e).parent().is(t)||t.empty().append(e):t.text(i.default(e).text())},e.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},e._getPopperConfig=function(t){var e=this;return a({},{placement:t,modifiers:{offset:this._getOffset(),flip:{behavior:this.config.fallbackPlacement},arrow:{element:".arrow"},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){return e._handlePopperPlacementChange(t)}},this.config.popperConfig)},e._getOffset=function(){var t=this,e={};return"function"==typeof this.config.offset?e.fn=function(e){return e.offsets=a({},e.offsets,t.config.offset(e.offsets,t.element)||{}),e}:e.offset=this.config.offset,e},e._getContainer=function(){return!1===this.config.container?document.body:l.isElement(this.config.container)?i.default(this.config.container):i.default(document).find(this.config.container)},e._getAttachment=function(t){return $t[t.toUpperCase()]},e._setListeners=function(){var t=this;this.config.trigger.split(" ").forEach((function(e){if("click"===e)i.default(t.element).on(t.constructor.Event.CLICK,t.config.selector,(function(e){return t.toggle(e)}));else if("manual"!==e){var n="hover"===e?t.constructor.Event.MOUSEENTER:t.constructor.Event.FOCUSIN,o="hover"===e?t.constructor.Event.MOUSELEAVE:t.constructor.Event.FOCUSOUT;i.default(t.element).on(n,t.config.selector,(function(e){return t._enter(e)})).on(o,t.config.selector,(function(e){return t._leave(e)}))}})),this._hideModalHandler=function(){t.element&&t.hide()},i.default(this.element).closest(".modal").on("hide.bs.modal",this._hideModalHandler),this.config.selector?this.config=a({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},e._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},e._enter=function(t,e){var n=this.constructor.DATA_KEY;(e=e||i.default(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),i.default(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusin"===t.type?"focus":"hover"]=!0),i.default(e.getTipElement()).hasClass("show")||"show"===e._hoverState?e._hoverState="show":(clearTimeout(e._timeout),e._hoverState="show",e.config.delay&&e.config.delay.show?e._timeout=setTimeout((function(){"show"===e._hoverState&&e.show()}),e.config.delay.show):e.show())},e._leave=function(t,e){var n=this.constructor.DATA_KEY;(e=e||i.default(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),i.default(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusout"===t.type?"focus":"hover"]=!1),e._isWithActiveTrigger()||(clearTimeout(e._timeout),e._hoverState="out",e.config.delay&&e.config.delay.hide?e._timeout=setTimeout((function(){"out"===e._hoverState&&e.hide()}),e.config.delay.hide):e.hide())},e._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},e._getConfig=function(t){var e=i.default(this.element).data();return Object.keys(e).forEach((function(t){-1!==Kt.indexOf(t)&&delete e[t]})),"number"==typeof(t=a({},this.constructor.Default,e,"object"==typeof t&&t?t:{})).delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),l.typeCheckConfig(Yt,t,this.constructor.DefaultType),t.sanitize&&(t.template=Vt(t.template,t.whiteList,t.sanitizeFn)),t},e._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},e._cleanTipClass=function(){var t=i.default(this.getTipElement()),e=t.attr("class").match(Xt);null!==e&&e.length&&t.removeClass(e.join(""))},e._handlePopperPlacementChange=function(t){this.tip=t.instance.popper,this._cleanTipClass(),this.addAttachmentClass(this._getAttachment(t.placement))},e._fixTransition=function(){var t=this.getTipElement(),e=this.config.animation;null===t.getAttribute("x-placement")&&(i.default(t).removeClass("fade"),this.config.animation=!1,this.hide(),this.show(),this.config.animation=e)},t._jQueryInterface=function(e){return this.each((function(){var n=i.default(this),o=n.data("bs.tooltip"),r="object"==typeof e&&e;if((o||!/dispose|hide/.test(e))&&(o||(o=new t(this,r),n.data("bs.tooltip",o)),"string"==typeof e)){if("undefined"==typeof o[e])throw new TypeError('No method named "'+e+'"');o[e]()}}))},r(t,null,[{key:"VERSION",get:function(){return"4.6.0"}},{key:"Default",get:function(){return Jt}},{key:"NAME",get:function(){return Yt}},{key:"DATA_KEY",get:function(){return"bs.tooltip"}},{key:"Event",get:function(){return Zt}},{key:"EVENT_KEY",get:function(){return".bs.tooltip"}},{key:"DefaultType",get:function(){return Gt}}]),t}();i.default.fn[Yt]=te._jQueryInterface,i.default.fn[Yt].Constructor=te,i.default.fn[Yt].noConflict=function(){return i.default.fn[Yt]=zt,te._jQueryInterface};var ee="popover",ne=i.default.fn[ee],ie=new RegExp("(^|\\s)bs-popover\\S+","g"),oe=a({},te.Default,{placement:"right",trigger:"click",content:"",template:''}),re=a({},te.DefaultType,{content:"(string|element|function)"}),ae={HIDE:"hide.bs.popover",HIDDEN:"hidden.bs.popover",SHOW:"show.bs.popover",SHOWN:"shown.bs.popover",INSERTED:"inserted.bs.popover",CLICK:"click.bs.popover",FOCUSIN:"focusin.bs.popover",FOCUSOUT:"focusout.bs.popover",MOUSEENTER:"mouseenter.bs.popover",MOUSELEAVE:"mouseleave.bs.popover"},se=function(t){var e,n;function o(){return t.apply(this,arguments)||this}n=t,(e=o).prototype=Object.create(n.prototype),e.prototype.constructor=e,e.__proto__=n;var a=o.prototype;return a.isWithContent=function(){return this.getTitle()||this._getContent()},a.addAttachmentClass=function(t){i.default(this.getTipElement()).addClass("bs-popover-"+t)},a.getTipElement=function(){return this.tip=this.tip||i.default(this.config.template)[0],this.tip},a.setContent=function(){var t=i.default(this.getTipElement());this.setElementContent(t.find(".popover-header"),this.getTitle());var e=this._getContent();"function"==typeof e&&(e=e.call(this.element)),this.setElementContent(t.find(".popover-body"),e),t.removeClass("fade show")},a._getContent=function(){return this.element.getAttribute("data-content")||this.config.content},a._cleanTipClass=function(){var t=i.default(this.getTipElement()),e=t.attr("class").match(ie);null!==e&&e.length>0&&t.removeClass(e.join(""))},o._jQueryInterface=function(t){return this.each((function(){var e=i.default(this).data("bs.popover"),n="object"==typeof t?t:null;if((e||!/dispose|hide/.test(t))&&(e||(e=new o(this,n),i.default(this).data("bs.popover",e)),"string"==typeof t)){if("undefined"==typeof e[t])throw new TypeError('No method named "'+t+'"');e[t]()}}))},r(o,null,[{key:"VERSION",get:function(){return"4.6.0"}},{key:"Default",get:function(){return oe}},{key:"NAME",get:function(){return ee}},{key:"DATA_KEY",get:function(){return"bs.popover"}},{key:"Event",get:function(){return ae}},{key:"EVENT_KEY",get:function(){return".bs.popover"}},{key:"DefaultType",get:function(){return re}}]),o}(te);i.default.fn[ee]=se._jQueryInterface,i.default.fn[ee].Constructor=se,i.default.fn[ee].noConflict=function(){return i.default.fn[ee]=ne,se._jQueryInterface};var le="scrollspy",ue=i.default.fn[le],fe={offset:10,method:"auto",target:""},de={offset:"number",method:"string",target:"(string|element)"},ce=function(){function t(t,e){var n=this;this._element=t,this._scrollElement="BODY"===t.tagName?window:t,this._config=this._getConfig(e),this._selector=this._config.target+" .nav-link,"+this._config.target+" .list-group-item,"+this._config.target+" .dropdown-item",this._offsets=[],this._targets=[],this._activeTarget=null,this._scrollHeight=0,i.default(this._scrollElement).on("scroll.bs.scrollspy",(function(t){return n._process(t)})),this.refresh(),this._process()}var e=t.prototype;return e.refresh=function(){var t=this,e=this._scrollElement===this._scrollElement.window?"offset":"position",n="auto"===this._config.method?e:this._config.method,o="position"===n?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight(),[].slice.call(document.querySelectorAll(this._selector)).map((function(t){var e,r=l.getSelectorFromElement(t);if(r&&(e=document.querySelector(r)),e){var a=e.getBoundingClientRect();if(a.width||a.height)return[i.default(e)[n]().top+o,r]}return null})).filter((function(t){return t})).sort((function(t,e){return t[0]-e[0]})).forEach((function(e){t._offsets.push(e[0]),t._targets.push(e[1])}))},e.dispose=function(){i.default.removeData(this._element,"bs.scrollspy"),i.default(this._scrollElement).off(".bs.scrollspy"),this._element=null,this._scrollElement=null,this._config=null,this._selector=null,this._offsets=null,this._targets=null,this._activeTarget=null,this._scrollHeight=null},e._getConfig=function(t){if("string"!=typeof(t=a({},fe,"object"==typeof t&&t?t:{})).target&&l.isElement(t.target)){var e=i.default(t.target).attr("id");e||(e=l.getUID(le),i.default(t.target).attr("id",e)),t.target="#"+e}return l.typeCheckConfig(le,t,de),t},e._getScrollTop=function(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop},e._getScrollHeight=function(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},e._getOffsetHeight=function(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height},e._process=function(){var t=this._getScrollTop()+this._config.offset,e=this._getScrollHeight(),n=this._config.offset+e-this._getOffsetHeight();if(this._scrollHeight!==e&&this.refresh(),t>=n){var i=this._targets[this._targets.length-1];this._activeTarget!==i&&this._activate(i)}else{if(this._activeTarget&&t0)return this._activeTarget=null,void this._clear();for(var o=this._offsets.length;o--;){this._activeTarget!==this._targets[o]&&t>=this._offsets[o]&&("undefined"==typeof this._offsets[o+1]||t li > .active":".active";n=(n=i.default.makeArray(i.default(o).find(a)))[n.length-1]}var s=i.default.Event("hide.bs.tab",{relatedTarget:this._element}),u=i.default.Event("show.bs.tab",{relatedTarget:n});if(n&&i.default(n).trigger(s),i.default(this._element).trigger(u),!u.isDefaultPrevented()&&!s.isDefaultPrevented()){r&&(e=document.querySelector(r)),this._activate(this._element,o);var f=function(){var e=i.default.Event("hidden.bs.tab",{relatedTarget:t._element}),o=i.default.Event("shown.bs.tab",{relatedTarget:n});i.default(n).trigger(e),i.default(t._element).trigger(o)};e?this._activate(e,e.parentNode,f):f()}}},e.dispose=function(){i.default.removeData(this._element,"bs.tab"),this._element=null},e._activate=function(t,e,n){var o=this,r=(!e||"UL"!==e.nodeName&&"OL"!==e.nodeName?i.default(e).children(".active"):i.default(e).find("> li > .active"))[0],a=n&&r&&i.default(r).hasClass("fade"),s=function(){return o._transitionComplete(t,r,n)};if(r&&a){var u=l.getTransitionDurationFromElement(r);i.default(r).removeClass("show").one(l.TRANSITION_END,s).emulateTransitionEnd(u)}else s()},e._transitionComplete=function(t,e,n){if(e){i.default(e).removeClass("active");var o=i.default(e.parentNode).find("> .dropdown-menu .active")[0];o&&i.default(o).removeClass("active"),"tab"===e.getAttribute("role")&&e.setAttribute("aria-selected",!1)}if(i.default(t).addClass("active"),"tab"===t.getAttribute("role")&&t.setAttribute("aria-selected",!0),l.reflow(t),t.classList.contains("fade")&&t.classList.add("show"),t.parentNode&&i.default(t.parentNode).hasClass("dropdown-menu")){var r=i.default(t).closest(".dropdown")[0];if(r){var a=[].slice.call(r.querySelectorAll(".dropdown-toggle"));i.default(a).addClass("active")}t.setAttribute("aria-expanded",!0)}n&&n()},t._jQueryInterface=function(e){return this.each((function(){var n=i.default(this),o=n.data("bs.tab");if(o||(o=new t(this),n.data("bs.tab",o)),"string"==typeof e){if("undefined"==typeof o[e])throw new TypeError('No method named "'+e+'"');o[e]()}}))},r(t,null,[{key:"VERSION",get:function(){return"4.6.0"}}]),t}();i.default(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',(function(t){t.preventDefault(),pe._jQueryInterface.call(i.default(this),"show")})),i.default.fn.tab=pe._jQueryInterface,i.default.fn.tab.Constructor=pe,i.default.fn.tab.noConflict=function(){return i.default.fn.tab=he,pe._jQueryInterface};var me=i.default.fn.toast,ge={animation:"boolean",autohide:"boolean",delay:"number"},ve={animation:!0,autohide:!0,delay:500},_e=function(){function t(t,e){this._element=t,this._config=this._getConfig(e),this._timeout=null,this._setListeners()}var e=t.prototype;return e.show=function(){var t=this,e=i.default.Event("show.bs.toast");if(i.default(this._element).trigger(e),!e.isDefaultPrevented()){this._clearTimeout(),this._config.animation&&this._element.classList.add("fade");var n=function(){t._element.classList.remove("showing"),t._element.classList.add("show"),i.default(t._element).trigger("shown.bs.toast"),t._config.autohide&&(t._timeout=setTimeout((function(){t.hide()}),t._config.delay))};if(this._element.classList.remove("hide"),l.reflow(this._element),this._element.classList.add("showing"),this._config.animation){var o=l.getTransitionDurationFromElement(this._element);i.default(this._element).one(l.TRANSITION_END,n).emulateTransitionEnd(o)}else n()}},e.hide=function(){if(this._element.classList.contains("show")){var t=i.default.Event("hide.bs.toast");i.default(this._element).trigger(t),t.isDefaultPrevented()||this._close()}},e.dispose=function(){this._clearTimeout(),this._element.classList.contains("show")&&this._element.classList.remove("show"),i.default(this._element).off("click.dismiss.bs.toast"),i.default.removeData(this._element,"bs.toast"),this._element=null,this._config=null},e._getConfig=function(t){return t=a({},ve,i.default(this._element).data(),"object"==typeof t&&t?t:{}),l.typeCheckConfig("toast",t,this.constructor.DefaultType),t},e._setListeners=function(){var t=this;i.default(this._element).on("click.dismiss.bs.toast",'[data-dismiss="toast"]',(function(){return t.hide()}))},e._close=function(){var t=this,e=function(){t._element.classList.add("hide"),i.default(t._element).trigger("hidden.bs.toast")};if(this._element.classList.remove("show"),this._config.animation){var n=l.getTransitionDurationFromElement(this._element);i.default(this._element).one(l.TRANSITION_END,e).emulateTransitionEnd(n)}else e()},e._clearTimeout=function(){clearTimeout(this._timeout),this._timeout=null},t._jQueryInterface=function(e){return this.each((function(){var n=i.default(this),o=n.data("bs.toast");if(o||(o=new t(this,"object"==typeof e&&e),n.data("bs.toast",o)),"string"==typeof e){if("undefined"==typeof o[e])throw new TypeError('No method named "'+e+'"');o[e](this)}}))},r(t,null,[{key:"VERSION",get:function(){return"4.6.0"}},{key:"DefaultType",get:function(){return ge}},{key:"Default",get:function(){return ve}}]),t}();i.default.fn.toast=_e._jQueryInterface,i.default.fn.toast.Constructor=_e,i.default.fn.toast.noConflict=function(){return i.default.fn.toast=me,_e._jQueryInterface},t.Alert=d,t.Button=h,t.Carousel=y,t.Collapse=S,t.Dropdown=Ft,t.Modal=qt,t.Popover=se,t.Scrollspy=ce,t.Tab=pe,t.Toast=_e,t.Tooltip=te,t.Util=l,Object.defineProperty(t,"__esModule",{value:!0})})); + +/*! Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ +!function(a,b,c,d){function e(b,c){this.settings=null,this.options=a.extend({},e.Defaults,c),this.$element=a(b),this._handlers={},this._plugins={},this._supress={},this._current=null,this._speed=null,this._coordinates=[],this._breakpoint=null,this._width=null,this._items=[],this._clones=[],this._mergers=[],this._widths=[],this._invalidated={},this._pipe=[],this._drag={time:null,target:null,pointer:null,stage:{start:null,current:null},direction:null},this._states={current:{},tags:{initializing:["busy"],animating:["busy"],dragging:["interacting"]}},a.each(["onResize","onThrottledResize"],a.proxy(function(b,c){this._handlers[c]=a.proxy(this[c],this)},this)),a.each(e.Plugins,a.proxy(function(a,b){this._plugins[a.charAt(0).toLowerCase()+a.slice(1)]=new b(this)},this)),a.each(e.Workers,a.proxy(function(b,c){this._pipe.push({filter:c.filter,run:a.proxy(c.run,this)})},this)),this.setup(),this.initialize()}e.Defaults={items:3,loop:!1,center:!1,rewind:!1,checkVisibility:!0,mouseDrag:!0,touchDrag:!0,pullDrag:!0,freeDrag:!1,margin:0,stagePadding:0,merge:!1,mergeFit:!0,autoWidth:!1,startPosition:0,rtl:!1,smartSpeed:250,fluidSpeed:!1,dragEndSpeed:!1,responsive:{},responsiveRefreshRate:200,responsiveBaseElement:b,fallbackEasing:"swing",slideTransition:"",info:!1,nestedItemSelector:!1,itemElement:"div",stageElement:"div",refreshClass:"owl-refresh",loadedClass:"owl-loaded",loadingClass:"owl-loading",rtlClass:"owl-rtl",responsiveClass:"owl-responsive",dragClass:"owl-drag",itemClass:"owl-item",stageClass:"owl-stage",stageOuterClass:"owl-stage-outer",grabClass:"owl-grab"},e.Width={Default:"default",Inner:"inner",Outer:"outer"},e.Type={Event:"event",State:"state"},e.Plugins={},e.Workers=[{filter:["width","settings"],run:function(){this._width=this.$element.width()}},{filter:["width","items","settings"],run:function(a){a.current=this._items&&this._items[this.relative(this._current)]}},{filter:["items","settings"],run:function(){this.$stage.children(".cloned").remove()}},{filter:["width","items","settings"],run:function(a){var b=this.settings.margin||"",c=!this.settings.autoWidth,d=this.settings.rtl,e={width:"auto","margin-left":d?b:"","margin-right":d?"":b};!c&&this.$stage.children().css(e),a.css=e}},{filter:["width","items","settings"],run:function(a){var b=(this.width()/this.settings.items).toFixed(3)-this.settings.margin,c=null,d=this._items.length,e=!this.settings.autoWidth,f=[];for(a.items={merge:!1,width:b};d--;)c=this._mergers[d],c=this.settings.mergeFit&&Math.min(c,this.settings.items)||c,a.items.merge=c>1||a.items.merge,f[d]=e?b*c:this._items[d].width();this._widths=f}},{filter:["items","settings"],run:function(){var b=[],c=this._items,d=this.settings,e=Math.max(2*d.items,4),f=2*Math.ceil(c.length/2),g=d.loop&&c.length?d.rewind?e:Math.max(e,f):0,h="",i="";for(g/=2;g>0;)b.push(this.normalize(b.length/2,!0)),h+=c[b[b.length-1]][0].outerHTML,b.push(this.normalize(c.length-1-(b.length-1)/2,!0)),i=c[b[b.length-1]][0].outerHTML+i,g-=1;this._clones=b,a(h).addClass("cloned").appendTo(this.$stage),a(i).addClass("cloned").prependTo(this.$stage)}},{filter:["width","items","settings"],run:function(){for(var a=this.settings.rtl?1:-1,b=this._clones.length+this._items.length,c=-1,d=0,e=0,f=[];++c",h)||this.op(b,"<",g)&&this.op(b,">",h))&&i.push(c);this.$stage.children(".active").removeClass("active"),this.$stage.children(":eq("+i.join("), :eq(")+")").addClass("active"),this.$stage.children(".center").removeClass("center"),this.settings.center&&this.$stage.children().eq(this.current()).addClass("center")}}],e.prototype.initializeStage=function(){this.$stage=this.$element.find("."+this.settings.stageClass),this.$stage.length||(this.$element.addClass(this.options.loadingClass),this.$stage=a("<"+this.settings.stageElement+">",{class:this.settings.stageClass}).wrap(a("
",{class:this.settings.stageOuterClass})),this.$element.append(this.$stage.parent()))},e.prototype.initializeItems=function(){var b=this.$element.find(".owl-item");if(b.length)return this._items=b.get().map(function(b){return a(b)}),this._mergers=this._items.map(function(){return 1}),void this.refresh();this.replace(this.$element.children().not(this.$stage.parent())),this.isVisible()?this.refresh():this.invalidate("width"),this.$element.removeClass(this.options.loadingClass).addClass(this.options.loadedClass)},e.prototype.initialize=function(){if(this.enter("initializing"),this.trigger("initialize"),this.$element.toggleClass(this.settings.rtlClass,this.settings.rtl),this.settings.autoWidth&&!this.is("pre-loading")){var a,b,c;a=this.$element.find("img"),b=this.settings.nestedItemSelector?"."+this.settings.nestedItemSelector:d,c=this.$element.children(b).width(),a.length&&c<=0&&this.preloadAutoWidthImages(a)}this.initializeStage(),this.initializeItems(),this.registerEventHandlers(),this.leave("initializing"),this.trigger("initialized")},e.prototype.isVisible=function(){return!this.settings.checkVisibility||this.$element.is(":visible")},e.prototype.setup=function(){var b=this.viewport(),c=this.options.responsive,d=-1,e=null;c?(a.each(c,function(a){a<=b&&a>d&&(d=Number(a))}),e=a.extend({},this.options,c[d]),"function"==typeof e.stagePadding&&(e.stagePadding=e.stagePadding()),delete e.responsive,e.responsiveClass&&this.$element.attr("class",this.$element.attr("class").replace(new RegExp("("+this.options.responsiveClass+"-)\\S+\\s","g"),"$1"+d))):e=a.extend({},this.options),this.trigger("change",{property:{name:"settings",value:e}}),this._breakpoint=d,this.settings=e,this.invalidate("settings"),this.trigger("changed",{property:{name:"settings",value:this.settings}})},e.prototype.optionsLogic=function(){this.settings.autoWidth&&(this.settings.stagePadding=!1,this.settings.merge=!1)},e.prototype.prepare=function(b){var c=this.trigger("prepare",{content:b});return c.data||(c.data=a("<"+this.settings.itemElement+"/>").addClass(this.options.itemClass).append(b)),this.trigger("prepared",{content:c.data}),c.data},e.prototype.update=function(){for(var b=0,c=this._pipe.length,d=a.proxy(function(a){return this[a]},this._invalidated),e={};b0)&&this._pipe[b].run(e),b++;this._invalidated={},!this.is("valid")&&this.enter("valid")},e.prototype.width=function(a){switch(a=a||e.Width.Default){case e.Width.Inner:case e.Width.Outer:return this._width;default:return this._width-2*this.settings.stagePadding+this.settings.margin}},e.prototype.refresh=function(){this.enter("refreshing"),this.trigger("refresh"),this.setup(),this.optionsLogic(),this.$element.addClass(this.options.refreshClass),this.update(),this.$element.removeClass(this.options.refreshClass),this.leave("refreshing"),this.trigger("refreshed")},e.prototype.onThrottledResize=function(){b.clearTimeout(this.resizeTimer),this.resizeTimer=b.setTimeout(this._handlers.onResize,this.settings.responsiveRefreshRate)},e.prototype.onResize=function(){return!!this._items.length&&(this._width!==this.$element.width()&&(!!this.isVisible()&&(this.enter("resizing"),this.trigger("resize").isDefaultPrevented()?(this.leave("resizing"),!1):(this.invalidate("width"),this.refresh(),this.leave("resizing"),void this.trigger("resized")))))},e.prototype.registerEventHandlers=function(){a.support.transition&&this.$stage.on(a.support.transition.end+".owl.core",a.proxy(this.onTransitionEnd,this)),!1!==this.settings.responsive&&this.on(b,"resize",this._handlers.onThrottledResize),this.settings.mouseDrag&&(this.$element.addClass(this.options.dragClass),this.$stage.on("mousedown.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("dragstart.owl.core selectstart.owl.core",function(){return!1})),this.settings.touchDrag&&(this.$stage.on("touchstart.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("touchcancel.owl.core",a.proxy(this.onDragEnd,this)))},e.prototype.onDragStart=function(b){var d=null;3!==b.which&&(a.support.transform?(d=this.$stage.css("transform").replace(/.*\(|\)| /g,"").split(","),d={x:d[16===d.length?12:4],y:d[16===d.length?13:5]}):(d=this.$stage.position(),d={x:this.settings.rtl?d.left+this.$stage.width()-this.width()+this.settings.margin:d.left,y:d.top}),this.is("animating")&&(a.support.transform?this.animate(d.x):this.$stage.stop(),this.invalidate("position")),this.$element.toggleClass(this.options.grabClass,"mousedown"===b.type),this.speed(0),this._drag.time=(new Date).getTime(),this._drag.target=a(b.target),this._drag.stage.start=d,this._drag.stage.current=d,this._drag.pointer=this.pointer(b),a(c).on("mouseup.owl.core touchend.owl.core",a.proxy(this.onDragEnd,this)),a(c).one("mousemove.owl.core touchmove.owl.core",a.proxy(function(b){var d=this.difference(this._drag.pointer,this.pointer(b));a(c).on("mousemove.owl.core touchmove.owl.core",a.proxy(this.onDragMove,this)),Math.abs(d.x)0^this.settings.rtl?"left":"right";a(c).off(".owl.core"),this.$element.removeClass(this.options.grabClass),(0!==d.x&&this.is("dragging")||!this.is("valid"))&&(this.speed(this.settings.dragEndSpeed||this.settings.smartSpeed),this.current(this.closest(e.x,0!==d.x?f:this._drag.direction)),this.invalidate("position"),this.update(),this._drag.direction=f,(Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)&&this._drag.target.one("click.owl.core",function(){return!1})),this.is("dragging")&&(this.leave("dragging"),this.trigger("dragged"))},e.prototype.closest=function(b,c){var e=-1,f=30,g=this.width(),h=this.coordinates();return this.settings.freeDrag||a.each(h,a.proxy(function(a,i){return"left"===c&&b>i-f&&bi-g-f&&b",h[a+1]!==d?h[a+1]:i-g)&&(e="left"===c?a+1:a),-1===e},this)),this.settings.loop||(this.op(b,">",h[this.minimum()])?e=b=this.minimum():this.op(b,"<",h[this.maximum()])&&(e=b=this.maximum())),e},e.prototype.animate=function(b){var c=this.speed()>0;this.is("animating")&&this.onTransitionEnd(),c&&(this.enter("animating"),this.trigger("translate")),a.support.transform3d&&a.support.transition?this.$stage.css({transform:"translate3d("+b+"px,0px,0px)",transition:this.speed()/1e3+"s"+(this.settings.slideTransition?" "+this.settings.slideTransition:"")}):c?this.$stage.animate({left:b+"px"},this.speed(),this.settings.fallbackEasing,a.proxy(this.onTransitionEnd,this)):this.$stage.css({left:b+"px"})},e.prototype.is=function(a){return this._states.current[a]&&this._states.current[a]>0},e.prototype.current=function(a){if(a===d)return this._current;if(0===this._items.length)return d;if(a=this.normalize(a),this._current!==a){var b=this.trigger("change",{property:{name:"position",value:a}});b.data!==d&&(a=this.normalize(b.data)),this._current=a,this.invalidate("position"),this.trigger("changed",{property:{name:"position",value:this._current}})}return this._current},e.prototype.invalidate=function(b){return"string"===a.type(b)&&(this._invalidated[b]=!0,this.is("valid")&&this.leave("valid")),a.map(this._invalidated,function(a,b){return b})},e.prototype.reset=function(a){(a=this.normalize(a))!==d&&(this._speed=0,this._current=a,this.suppress(["translate","translated"]),this.animate(this.coordinates(a)),this.release(["translate","translated"]))},e.prototype.normalize=function(a,b){var c=this._items.length,e=b?0:this._clones.length;return!this.isNumeric(a)||c<1?a=d:(a<0||a>=c+e)&&(a=((a-e/2)%c+c)%c+e/2),a},e.prototype.relative=function(a){return a-=this._clones.length/2,this.normalize(a,!0)},e.prototype.maximum=function(a){var b,c,d,e=this.settings,f=this._coordinates.length;if(e.loop)f=this._clones.length/2+this._items.length-1;else if(e.autoWidth||e.merge){if(b=this._items.length)for(c=this._items[--b].width(),d=this.$element.width();b--&&!((c+=this._items[b].width()+this.settings.margin)>d););f=b+1}else f=e.center?this._items.length-1:this._items.length-e.items;return a&&(f-=this._clones.length/2),Math.max(f,0)},e.prototype.minimum=function(a){return a?0:this._clones.length/2},e.prototype.items=function(a){return a===d?this._items.slice():(a=this.normalize(a,!0),this._items[a])},e.prototype.mergers=function(a){return a===d?this._mergers.slice():(a=this.normalize(a,!0),this._mergers[a])},e.prototype.clones=function(b){var c=this._clones.length/2,e=c+this._items.length,f=function(a){return a%2==0?e+a/2:c-(a+1)/2};return b===d?a.map(this._clones,function(a,b){return f(b)}):a.map(this._clones,function(a,c){return a===b?f(c):null})},e.prototype.speed=function(a){return a!==d&&(this._speed=a),this._speed},e.prototype.coordinates=function(b){var c,e=1,f=b-1;return b===d?a.map(this._coordinates,a.proxy(function(a,b){return this.coordinates(b)},this)):(this.settings.center?(this.settings.rtl&&(e=-1,f=b+1),c=this._coordinates[b],c+=(this.width()-c+(this._coordinates[f]||0))/2*e):c=this._coordinates[f]||0,c=Math.ceil(c))},e.prototype.duration=function(a,b,c){return 0===c?0:Math.min(Math.max(Math.abs(b-a),1),6)*Math.abs(c||this.settings.smartSpeed)},e.prototype.to=function(a,b){var c=this.current(),d=null,e=a-this.relative(c),f=(e>0)-(e<0),g=this._items.length,h=this.minimum(),i=this.maximum();this.settings.loop?(!this.settings.rewind&&Math.abs(e)>g/2&&(e+=-1*f*g),a=c+e,(d=((a-h)%g+g)%g+h)!==a&&d-e<=i&&d-e>0&&(c=d-e,a=d,this.reset(c))):this.settings.rewind?(i+=1,a=(a%i+i)%i):a=Math.max(h,Math.min(i,a)),this.speed(this.duration(c,a,b)),this.current(a),this.isVisible()&&this.update()},e.prototype.next=function(a){a=a||!1,this.to(this.relative(this.current())+1,a)},e.prototype.prev=function(a){a=a||!1,this.to(this.relative(this.current())-1,a)},e.prototype.onTransitionEnd=function(a){if(a!==d&&(a.stopPropagation(),(a.target||a.srcElement||a.originalTarget)!==this.$stage.get(0)))return!1;this.leave("animating"),this.trigger("translated")},e.prototype.viewport=function(){var d;return this.options.responsiveBaseElement!==b?d=a(this.options.responsiveBaseElement).width():b.innerWidth?d=b.innerWidth:c.documentElement&&c.documentElement.clientWidth?d=c.documentElement.clientWidth:console.warn("Can not detect viewport width."),d},e.prototype.replace=function(b){this.$stage.empty(),this._items=[],b&&(b=b instanceof jQuery?b:a(b)),this.settings.nestedItemSelector&&(b=b.find("."+this.settings.nestedItemSelector)),b.filter(function(){return 1===this.nodeType}).each(a.proxy(function(a,b){b=this.prepare(b),this.$stage.append(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)},this)),this.reset(this.isNumeric(this.settings.startPosition)?this.settings.startPosition:0),this.invalidate("items")},e.prototype.add=function(b,c){var e=this.relative(this._current);c=c===d?this._items.length:this.normalize(c,!0),b=b instanceof jQuery?b:a(b),this.trigger("add",{content:b,position:c}),b=this.prepare(b),0===this._items.length||c===this._items.length?(0===this._items.length&&this.$stage.append(b),0!==this._items.length&&this._items[c-1].after(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)):(this._items[c].before(b),this._items.splice(c,0,b),this._mergers.splice(c,0,1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)),this._items[e]&&this.reset(this._items[e].index()),this.invalidate("items"),this.trigger("added",{content:b,position:c})},e.prototype.remove=function(a){(a=this.normalize(a,!0))!==d&&(this.trigger("remove",{content:this._items[a],position:a}),this._items[a].remove(),this._items.splice(a,1),this._mergers.splice(a,1),this.invalidate("items"),this.trigger("removed",{content:null,position:a}))},e.prototype.preloadAutoWidthImages=function(b){b.each(a.proxy(function(b,c){this.enter("pre-loading"),c=a(c),a(new Image).one("load",a.proxy(function(a){c.attr("src",a.target.src),c.css("opacity",1),this.leave("pre-loading"),!this.is("pre-loading")&&!this.is("initializing")&&this.refresh()},this)).attr("src",c.attr("src")||c.attr("data-src")||c.attr("data-src-retina"))},this))},e.prototype.destroy=function(){this.$element.off(".owl.core"),this.$stage.off(".owl.core"),a(c).off(".owl.core"),!1!==this.settings.responsive&&(b.clearTimeout(this.resizeTimer),this.off(b,"resize",this._handlers.onThrottledResize));for(var d in this._plugins)this._plugins[d].destroy();this.$stage.children(".cloned").remove(),this.$stage.unwrap(),this.$stage.children().contents().unwrap(),this.$stage.children().unwrap(),this.$stage.remove(),this.$element.removeClass(this.options.refreshClass).removeClass(this.options.loadingClass).removeClass(this.options.loadedClass).removeClass(this.options.rtlClass).removeClass(this.options.dragClass).removeClass(this.options.grabClass).attr("class",this.$element.attr("class").replace(new RegExp(this.options.responsiveClass+"-\\S+\\s","g"),"")).removeData("owl.carousel")},e.prototype.op=function(a,b,c){var d=this.settings.rtl;switch(b){case"<":return d?a>c:a":return d?ac;case">=":return d?a<=c:a>=c;case"<=":return d?a>=c:a<=c}},e.prototype.on=function(a,b,c,d){a.addEventListener?a.addEventListener(b,c,d):a.attachEvent&&a.attachEvent("on"+b,c)},e.prototype.off=function(a,b,c,d){a.removeEventListener?a.removeEventListener(b,c,d):a.detachEvent&&a.detachEvent("on"+b,c)},e.prototype.trigger=function(b,c,d,f,g){var h={item:{count:this._items.length,index:this.current()}},i=a.camelCase(a.grep(["on",b,d],function(a){return a}).join("-").toLowerCase()),j=a.Event([b,"owl",d||"carousel"].join(".").toLowerCase(),a.extend({relatedTarget:this},h,c));return this._supress[b]||(a.each(this._plugins,function(a,b){b.onTrigger&&b.onTrigger(j)}),this.register({type:e.Type.Event,name:b}),this.$element.trigger(j),this.settings&&"function"==typeof this.settings[i]&&this.settings[i].call(this,j)),j},e.prototype.enter=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]===d&&(this._states.current[b]=0),this._states.current[b]++},this))},e.prototype.leave=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]--},this))},e.prototype.register=function(b){if(b.type===e.Type.Event){if(a.event.special[b.name]||(a.event.special[b.name]={}),!a.event.special[b.name].owl){var c=a.event.special[b.name]._default;a.event.special[b.name]._default=function(a){return!c||!c.apply||a.namespace&&-1!==a.namespace.indexOf("owl")?a.namespace&&a.namespace.indexOf("owl")>-1:c.apply(this,arguments)},a.event.special[b.name].owl=!0}}else b.type===e.Type.State&&(this._states.tags[b.name]?this._states.tags[b.name]=this._states.tags[b.name].concat(b.tags):this._states.tags[b.name]=b.tags,this._states.tags[b.name]=a.grep(this._states.tags[b.name],a.proxy(function(c,d){return a.inArray(c,this._states.tags[b.name])===d},this)))},e.prototype.suppress=function(b){a.each(b,a.proxy(function(a,b){this._supress[b]=!0},this))},e.prototype.release=function(b){a.each(b,a.proxy(function(a,b){delete this._supress[b]},this))},e.prototype.pointer=function(a){var c={x:null,y:null};return a=a.originalEvent||a||b.event,a=a.touches&&a.touches.length?a.touches[0]:a.changedTouches&&a.changedTouches.length?a.changedTouches[0]:a,a.pageX?(c.x=a.pageX,c.y=a.pageY):(c.x=a.clientX,c.y=a.clientY),c},e.prototype.isNumeric=function(a){return!isNaN(parseFloat(a))},e.prototype.difference=function(a,b){return{x:a.x-b.x,y:a.y-b.y}},a.fn.owlCarousel=function(b){var c=Array.prototype.slice.call(arguments,1);return this.each(function(){var d=a(this),f=d.data("owl.carousel");f||(f=new e(this,"object"==typeof b&&b),d.data("owl.carousel",f),a.each(["next","prev","to","destroy","refresh","replace","add","remove"],function(b,c){f.register({type:e.Type.Event,name:c}),f.$element.on(c+".owl.carousel.core",a.proxy(function(a){a.namespace&&a.relatedTarget!==this&&(this.suppress([c]),f[c].apply(this,[].slice.call(arguments,1)),this.release([c]))},f))})),"string"==typeof b&&"_"!==b.charAt(0)&&f[b].apply(f,c)})},a.fn.owlCarousel.Constructor=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._interval=null,this._visible=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoRefresh&&this.watch()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers)};e.Defaults={autoRefresh:!0,autoRefreshInterval:500},e.prototype.watch=function(){this._interval||(this._visible=this._core.isVisible(),this._interval=b.setInterval(a.proxy(this.refresh,this),this._core.settings.autoRefreshInterval))},e.prototype.refresh=function(){this._core.isVisible()!==this._visible&&(this._visible=!this._visible,this._core.$element.toggleClass("owl-hidden",!this._visible),this._visible&&this._core.invalidate("width")&&this._core.refresh())},e.prototype.destroy=function(){var a,c;b.clearInterval(this._interval);for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoRefresh=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._loaded=[],this._handlers={"initialized.owl.carousel change.owl.carousel resized.owl.carousel":a.proxy(function(b){if(b.namespace&&this._core.settings&&this._core.settings.lazyLoad&&(b.property&&"position"==b.property.name||"initialized"==b.type)){var c=this._core.settings,e=c.center&&Math.ceil(c.items/2)||c.items,f=c.center&&-1*e||0,g=(b.property&&b.property.value!==d?b.property.value:this._core.current())+f,h=this._core.clones().length,i=a.proxy(function(a,b){this.load(b)},this);for(c.lazyLoadEager>0&&(e+=c.lazyLoadEager,c.loop&&(g-=c.lazyLoadEager,e++));f++-1||(e.each(a.proxy(function(c,d){var e,f=a(d),g=b.devicePixelRatio>1&&f.attr("data-src-retina")||f.attr("data-src")||f.attr("data-srcset");this._core.trigger("load",{element:f,url:g},"lazy"),f.is("img")?f.one("load.owl.lazy",a.proxy(function(){f.css("opacity",1),this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("src",g):f.is("source")?f.one("load.owl.lazy",a.proxy(function(){this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("srcset",g):(e=new Image,e.onload=a.proxy(function(){f.css({"background-image":'url("'+g+'")',opacity:"1"}),this._core.trigger("loaded",{element:f,url:g},"lazy")},this),e.src=g)},this)),this._loaded.push(d.get(0)))},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this._core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Lazy=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(c){this._core=c,this._previousHeight=null,this._handlers={"initialized.owl.carousel refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&this.update()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&"position"===a.property.name&&this.update()},this),"loaded.owl.lazy":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&a.element.closest("."+this._core.settings.itemClass).index()===this._core.current()&&this.update()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._intervalId=null;var d=this;a(b).on("load",function(){d._core.settings.autoHeight&&d.update()}),a(b).resize(function(){d._core.settings.autoHeight&&(null!=d._intervalId&&clearTimeout(d._intervalId),d._intervalId=setTimeout(function(){d.update()},250))})};e.Defaults={autoHeight:!1,autoHeightClass:"owl-height"},e.prototype.update=function(){var b=this._core._current,c=b+this._core.settings.items,d=this._core.settings.lazyLoad,e=this._core.$stage.children().toArray().slice(b,c),f=[],g=0;a.each(e,function(b,c){f.push(a(c).height())}),g=Math.max.apply(null,f),g<=1&&d&&this._previousHeight&&(g=this._previousHeight),this._previousHeight=g,this._core.$stage.parent().height(g).addClass(this._core.settings.autoHeightClass)},e.prototype.destroy=function(){var a,b;for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoHeight=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._videos={},this._playing=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.register({type:"state",name:"playing",tags:["interacting"]})},this),"resize.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.video&&this.isInFullScreen()&&a.preventDefault()},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.is("resizing")&&this._core.$stage.find(".cloned .owl-video-frame").remove()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"===a.property.name&&this._playing&&this.stop()},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find(".owl-video");c.length&&(c.css("display","none"),this.fetch(c,a(b.content)))}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._core.$element.on("click.owl.video",".owl-video-play-icon",a.proxy(function(a){this.play(a)},this))};e.Defaults={video:!1,videoHeight:!1,videoWidth:!1},e.prototype.fetch=function(a,b){var c=function(){return a.attr("data-vimeo-id")?"vimeo":a.attr("data-vzaar-id")?"vzaar":"youtube"}(),d=a.attr("data-vimeo-id")||a.attr("data-youtube-id")||a.attr("data-vzaar-id"),e=a.attr("data-width")||this._core.settings.videoWidth,f=a.attr("data-height")||this._core.settings.videoHeight,g=a.attr("href");if(!g)throw new Error("Missing video URL.");if(d=g.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com|be\-nocookie\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/),d[3].indexOf("youtu")>-1)c="youtube";else if(d[3].indexOf("vimeo")>-1)c="vimeo";else{if(!(d[3].indexOf("vzaar")>-1))throw new Error("Video URL not supported.");c="vzaar"}d=d[6],this._videos[g]={type:c,id:d,width:e,height:f},b.attr("data-video",g),this.thumbnail(a,this._videos[g])},e.prototype.thumbnail=function(b,c){var d,e,f,g=c.width&&c.height?"width:"+c.width+"px;height:"+c.height+"px;":"",h=b.find("img"),i="src",j="",k=this._core.settings,l=function(c){e='
',d=k.lazyLoad?a("
",{class:"owl-video-tn "+j,srcType:c}):a("
",{class:"owl-video-tn",style:"opacity:1;background-image:url("+c+")"}),b.after(d),b.after(e)};if(b.wrap(a("
",{class:"owl-video-wrapper",style:g})),this._core.settings.lazyLoad&&(i="data-src",j="owl-lazy"),h.length)return l(h.attr(i)),h.remove(),!1;"youtube"===c.type?(f="//img.youtube.com/vi/"+c.id+"/hqdefault.jpg",l(f)):"vimeo"===c.type?a.ajax({type:"GET",url:"//vimeo.com/api/v2/video/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a[0].thumbnail_large,l(f)}}):"vzaar"===c.type&&a.ajax({type:"GET",url:"//vzaar.com/api/videos/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a.framegrab_url,l(f)}})},e.prototype.stop=function(){this._core.trigger("stop",null,"video"),this._playing.find(".owl-video-frame").remove(),this._playing.removeClass("owl-video-playing"),this._playing=null,this._core.leave("playing"),this._core.trigger("stopped",null,"video")},e.prototype.play=function(b){var c,d=a(b.target),e=d.closest("."+this._core.settings.itemClass),f=this._videos[e.attr("data-video")],g=f.width||"100%",h=f.height||this._core.$stage.height();this._playing||(this._core.enter("playing"),this._core.trigger("play",null,"video"),e=this._core.items(this._core.relative(e.index())),this._core.reset(e.index()),c=a(''),c.attr("height",h),c.attr("width",g),"youtube"===f.type?c.attr("src","//www.youtube.com/embed/"+f.id+"?autoplay=1&rel=0&v="+f.id):"vimeo"===f.type?c.attr("src","//player.vimeo.com/video/"+f.id+"?autoplay=1"):"vzaar"===f.type&&c.attr("src","//view.vzaar.com/"+f.id+"/player?autoplay=true"),a(c).wrap('
').insertAfter(e.find(".owl-video")),this._playing=e.addClass("owl-video-playing"))},e.prototype.isInFullScreen=function(){var b=c.fullscreenElement||c.mozFullScreenElement||c.webkitFullscreenElement;return b&&a(b).parent().hasClass("owl-video-frame")},e.prototype.destroy=function(){var a,b;this._core.$element.off("click.owl.video");for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Video=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this.core=b,this.core.options=a.extend({},e.Defaults,this.core.options),this.swapping=!0,this.previous=d,this.next=d,this.handlers={"change.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&(this.previous=this.core.current(),this.next=a.property.value)},this),"drag.owl.carousel dragged.owl.carousel translated.owl.carousel":a.proxy(function(a){a.namespace&&(this.swapping="translated"==a.type)},this),"translate.owl.carousel":a.proxy(function(a){a.namespace&&this.swapping&&(this.core.options.animateOut||this.core.options.animateIn)&&this.swap()},this)},this.core.$element.on(this.handlers)};e.Defaults={animateOut:!1, +animateIn:!1},e.prototype.swap=function(){if(1===this.core.settings.items&&a.support.animation&&a.support.transition){this.core.speed(0);var b,c=a.proxy(this.clear,this),d=this.core.$stage.children().eq(this.previous),e=this.core.$stage.children().eq(this.next),f=this.core.settings.animateIn,g=this.core.settings.animateOut;this.core.current()!==this.previous&&(g&&(b=this.core.coordinates(this.previous)-this.core.coordinates(this.next),d.one(a.support.animation.end,c).css({left:b+"px"}).addClass("animated owl-animated-out").addClass(g)),f&&e.one(a.support.animation.end,c).addClass("animated owl-animated-in").addClass(f))}},e.prototype.clear=function(b){a(b.target).css({left:""}).removeClass("animated owl-animated-out owl-animated-in").removeClass(this.core.settings.animateIn).removeClass(this.core.settings.animateOut),this.core.onTransitionEnd()},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this.core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Animate=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._call=null,this._time=0,this._timeout=0,this._paused=!0,this._handlers={"changed.owl.carousel":a.proxy(function(a){a.namespace&&"settings"===a.property.name?this._core.settings.autoplay?this.play():this.stop():a.namespace&&"position"===a.property.name&&this._paused&&(this._time=0)},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoplay&&this.play()},this),"play.owl.autoplay":a.proxy(function(a,b,c){a.namespace&&this.play(b,c)},this),"stop.owl.autoplay":a.proxy(function(a){a.namespace&&this.stop()},this),"mouseover.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"mouseleave.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.play()},this),"touchstart.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"touchend.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this.play()},this)},this._core.$element.on(this._handlers),this._core.options=a.extend({},e.Defaults,this._core.options)};e.Defaults={autoplay:!1,autoplayTimeout:5e3,autoplayHoverPause:!1,autoplaySpeed:!1},e.prototype._next=function(d){this._call=b.setTimeout(a.proxy(this._next,this,d),this._timeout*(Math.round(this.read()/this._timeout)+1)-this.read()),this._core.is("interacting")||c.hidden||this._core.next(d||this._core.settings.autoplaySpeed)},e.prototype.read=function(){return(new Date).getTime()-this._time},e.prototype.play=function(c,d){var e;this._core.is("rotating")||this._core.enter("rotating"),c=c||this._core.settings.autoplayTimeout,e=Math.min(this._time%(this._timeout||c),c),this._paused?(this._time=this.read(),this._paused=!1):b.clearTimeout(this._call),this._time+=this.read()%c-e,this._timeout=c,this._call=b.setTimeout(a.proxy(this._next,this,d),c-e)},e.prototype.stop=function(){this._core.is("rotating")&&(this._time=0,this._paused=!0,b.clearTimeout(this._call),this._core.leave("rotating"))},e.prototype.pause=function(){this._core.is("rotating")&&!this._paused&&(this._time=this.read(),this._paused=!0,b.clearTimeout(this._call))},e.prototype.destroy=function(){var a,b;this.stop();for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.autoplay=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(b){this._core=b,this._initialized=!1,this._pages=[],this._controls={},this._templates=[],this.$element=this._core.$element,this._overrides={next:this._core.next,prev:this._core.prev,to:this._core.to},this._handlers={"prepared.owl.carousel":a.proxy(function(b){b.namespace&&this._core.settings.dotsData&&this._templates.push('
'+a(b.content).find("[data-dot]").addBack("[data-dot]").attr("data-dot")+"
")},this),"added.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,0,this._templates.pop())},this),"remove.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,1)},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&this.draw()},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&!this._initialized&&(this._core.trigger("initialize",null,"navigation"),this.initialize(),this.update(),this.draw(),this._initialized=!0,this._core.trigger("initialized",null,"navigation"))},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._initialized&&(this._core.trigger("refresh",null,"navigation"),this.update(),this.draw(),this._core.trigger("refreshed",null,"navigation"))},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers)};e.Defaults={nav:!1,navText:['',''],navSpeed:!1,navElement:'button type="button" role="presentation"',navContainer:!1,navContainerClass:"owl-nav",navClass:["owl-prev","owl-next"],slideBy:1,dotClass:"owl-dot",dotsClass:"owl-dots",dots:!0,dotsEach:!1,dotsData:!1,dotsSpeed:!1,dotsContainer:!1},e.prototype.initialize=function(){var b,c=this._core.settings;this._controls.$relative=(c.navContainer?a(c.navContainer):a("
").addClass(c.navContainerClass).appendTo(this.$element)).addClass("disabled"),this._controls.$previous=a("<"+c.navElement+">").addClass(c.navClass[0]).html(c.navText[0]).prependTo(this._controls.$relative).on("click",a.proxy(function(a){this.prev(c.navSpeed)},this)),this._controls.$next=a("<"+c.navElement+">").addClass(c.navClass[1]).html(c.navText[1]).appendTo(this._controls.$relative).on("click",a.proxy(function(a){this.next(c.navSpeed)},this)),c.dotsData||(this._templates=[a('',tClose:"Close (Esc)",tLoading:"Loading...",autoFocusLast:!0}},a.fn.magnificPopup=function(c){A();var d=a(this);if("string"==typeof c)if("open"===c){var e,f=u?d.data("magnificPopup"):d[0].magnificPopup,g=parseInt(arguments[1],10)||0;f.items?e=f.items[g]:(e=d,f.delegate&&(e=e.find(f.delegate)),e=e.eq(g)),b._openClick({mfpEl:e},d,f)}else b.isOpen&&b[c].apply(b,Array.prototype.slice.call(arguments,1));else c=a.extend(!0,{},c),u?d.data("magnificPopup",c):d[0].magnificPopup=c,b.addGroup(d,c);return d};var C,D,E,F="inline",G=function(){E&&(D.after(E.addClass(C)).detach(),E=null)};a.magnificPopup.registerModule(F,{options:{hiddenClass:"hide",markup:"",tNotFound:"Content not found"},proto:{initInline:function(){b.types.push(F),w(h+"."+F,function(){G()})},getInline:function(c,d){if(G(),c.src){var e=b.st.inline,f=a(c.src);if(f.length){var g=f[0].parentNode;g&&g.tagName&&(D||(C=e.hiddenClass,D=x(C),C="mfp-"+C),E=f.after(D).detach().removeClass(C)),b.updateStatus("ready")}else b.updateStatus("error",e.tNotFound),f=a("
");return c.inlineElement=f,f}return b.updateStatus("ready"),b._parseMarkup(d,{},c),d}}});var H,I="ajax",J=function(){H&&a(document.body).removeClass(H)},K=function(){J(),b.req&&b.req.abort()};a.magnificPopup.registerModule(I,{options:{settings:null,cursor:"mfp-ajax-cur",tError:'The content could not be loaded.'},proto:{initAjax:function(){b.types.push(I),H=b.st.ajax.cursor,w(h+"."+I,K),w("BeforeChange."+I,K)},getAjax:function(c){H&&a(document.body).addClass(H),b.updateStatus("loading");var d=a.extend({url:c.src,success:function(d,e,f){var g={data:d,xhr:f};y("ParseAjax",g),b.appendContent(a(g.data),I),c.finished=!0,J(),b._setFocus(),setTimeout(function(){b.wrap.addClass(q)},16),b.updateStatus("ready"),y("AjaxContentAdded")},error:function(){J(),c.finished=c.loadError=!0,b.updateStatus("error",b.st.ajax.tError.replace("%url%",c.src))}},b.st.ajax.settings);return b.req=a.ajax(d),""}}});var L,M=function(c){if(c.data&&void 0!==c.data.title)return c.data.title;var d=b.st.image.titleSrc;if(d){if(a.isFunction(d))return d.call(b,c);if(c.el)return c.el.attr(d)||""}return""};a.magnificPopup.registerModule("image",{options:{markup:'
',cursor:"mfp-zoom-out-cur",titleSrc:"title",verticalFit:!0,tError:'The image could not be loaded.'},proto:{initImage:function(){var c=b.st.image,d=".image";b.types.push("image"),w(m+d,function(){"image"===b.currItem.type&&c.cursor&&a(document.body).addClass(c.cursor)}),w(h+d,function(){c.cursor&&a(document.body).removeClass(c.cursor),v.off("resize"+p)}),w("Resize"+d,b.resizeImage),b.isLowIE&&w("AfterChange",b.resizeImage)},resizeImage:function(){var a=b.currItem;if(a&&a.img&&b.st.image.verticalFit){var c=0;b.isLowIE&&(c=parseInt(a.img.css("padding-top"),10)+parseInt(a.img.css("padding-bottom"),10)),a.img.css("max-height",b.wH-c)}},_onImageHasSize:function(a){a.img&&(a.hasSize=!0,L&&clearInterval(L),a.isCheckingImgSize=!1,y("ImageHasSize",a),a.imgHidden&&(b.content&&b.content.removeClass("mfp-loading"),a.imgHidden=!1))},findImageSize:function(a){var c=0,d=a.img[0],e=function(f){L&&clearInterval(L),L=setInterval(function(){return d.naturalWidth>0?void b._onImageHasSize(a):(c>200&&clearInterval(L),c++,void(3===c?e(10):40===c?e(50):100===c&&e(500)))},f)};e(1)},getImage:function(c,d){var e=0,f=function(){c&&(c.img[0].complete?(c.img.off(".mfploader"),c===b.currItem&&(b._onImageHasSize(c),b.updateStatus("ready")),c.hasSize=!0,c.loaded=!0,y("ImageLoadComplete")):(e++,200>e?setTimeout(f,100):g()))},g=function(){c&&(c.img.off(".mfploader"),c===b.currItem&&(b._onImageHasSize(c),b.updateStatus("error",h.tError.replace("%url%",c.src))),c.hasSize=!0,c.loaded=!0,c.loadError=!0)},h=b.st.image,i=d.find(".mfp-img");if(i.length){var j=document.createElement("img");j.className="mfp-img",c.el&&c.el.find("img").length&&(j.alt=c.el.find("img").attr("alt")),c.img=a(j).on("load.mfploader",f).on("error.mfploader",g),j.src=c.src,i.is("img")&&(c.img=c.img.clone()),j=c.img[0],j.naturalWidth>0?c.hasSize=!0:j.width||(c.hasSize=!1)}return b._parseMarkup(d,{title:M(c),img_replaceWith:c.img},c),b.resizeImage(),c.hasSize?(L&&clearInterval(L),c.loadError?(d.addClass("mfp-loading"),b.updateStatus("error",h.tError.replace("%url%",c.src))):(d.removeClass("mfp-loading"),b.updateStatus("ready")),d):(b.updateStatus("loading"),c.loading=!0,c.hasSize||(c.imgHidden=!0,d.addClass("mfp-loading"),b.findImageSize(c)),d)}}});var N,O=function(){return void 0===N&&(N=void 0!==document.createElement("p").style.MozTransform),N};a.magnificPopup.registerModule("zoom",{options:{enabled:!1,easing:"ease-in-out",duration:300,opener:function(a){return a.is("img")?a:a.find("img")}},proto:{initZoom:function(){var a,c=b.st.zoom,d=".zoom";if(c.enabled&&b.supportsTransition){var e,f,g=c.duration,j=function(a){var b=a.clone().removeAttr("style").removeAttr("class").addClass("mfp-animated-image"),d="all "+c.duration/1e3+"s "+c.easing,e={position:"fixed",zIndex:9999,left:0,top:0,"-webkit-backface-visibility":"hidden"},f="transition";return e["-webkit-"+f]=e["-moz-"+f]=e["-o-"+f]=e[f]=d,b.css(e),b},k=function(){b.content.css("visibility","visible")};w("BuildControls"+d,function(){if(b._allowZoom()){if(clearTimeout(e),b.content.css("visibility","hidden"),a=b._getItemToZoom(),!a)return void k();f=j(a),f.css(b._getOffset()),b.wrap.append(f),e=setTimeout(function(){f.css(b._getOffset(!0)),e=setTimeout(function(){k(),setTimeout(function(){f.remove(),a=f=null,y("ZoomAnimationEnded")},16)},g)},16)}}),w(i+d,function(){if(b._allowZoom()){if(clearTimeout(e),b.st.removalDelay=g,!a){if(a=b._getItemToZoom(),!a)return;f=j(a)}f.css(b._getOffset(!0)),b.wrap.append(f),b.content.css("visibility","hidden"),setTimeout(function(){f.css(b._getOffset())},16)}}),w(h+d,function(){b._allowZoom()&&(k(),f&&f.remove(),a=null)})}},_allowZoom:function(){return"image"===b.currItem.type},_getItemToZoom:function(){return b.currItem.hasSize?b.currItem.img:!1},_getOffset:function(c){var d;d=c?b.currItem.img:b.st.zoom.opener(b.currItem.el||b.currItem);var e=d.offset(),f=parseInt(d.css("padding-top"),10),g=parseInt(d.css("padding-bottom"),10);e.top-=a(window).scrollTop()-f;var h={width:d.width(),height:(u?d.innerHeight():d[0].offsetHeight)-g-f};return O()?h["-moz-transform"]=h.transform="translate("+e.left+"px,"+e.top+"px)":(h.left=e.left,h.top=e.top),h}}});var P="iframe",Q="//about:blank",R=function(a){if(b.currTemplate[P]){var c=b.currTemplate[P].find("iframe");c.length&&(a||(c[0].src=Q),b.isIE8&&c.css("display",a?"block":"none"))}};a.magnificPopup.registerModule(P,{options:{markup:'
',srcAction:"iframe_src",patterns:{youtube:{index:"youtube.com",id:"v=",src:"//www.youtube.com/embed/%id%?autoplay=1"},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1"},gmaps:{index:"//maps.google.",src:"%id%&output=embed"}}},proto:{initIframe:function(){b.types.push(P),w("BeforeChange",function(a,b,c){b!==c&&(b===P?R():c===P&&R(!0))}),w(h+"."+P,function(){R()})},getIframe:function(c,d){var e=c.src,f=b.st.iframe;a.each(f.patterns,function(){return e.indexOf(this.index)>-1?(this.id&&(e="string"==typeof this.id?e.substr(e.lastIndexOf(this.id)+this.id.length,e.length):this.id.call(this,e)),e=this.src.replace("%id%",e),!1):void 0});var g={};return f.srcAction&&(g[f.srcAction]=e),b._parseMarkup(d,g,c),b.updateStatus("ready"),d}}});var S=function(a){var c=b.items.length;return a>c-1?a-c:0>a?c+a:a},T=function(a,b,c){return a.replace(/%curr%/gi,b+1).replace(/%total%/gi,c)};a.magnificPopup.registerModule("gallery",{options:{enabled:!1,arrowMarkup:'',preload:[0,2],navigateByImgClick:!0,arrows:!0,tPrev:"Previous (Left arrow key)",tNext:"Next (Right arrow key)",tCounter:"%curr% of %total%"},proto:{initGallery:function(){var c=b.st.gallery,e=".mfp-gallery";return b.direction=!0,c&&c.enabled?(f+=" mfp-gallery",w(m+e,function(){c.navigateByImgClick&&b.wrap.on("click"+e,".mfp-img",function(){return b.items.length>1?(b.next(),!1):void 0}),d.on("keydown"+e,function(a){37===a.keyCode?b.prev():39===a.keyCode&&b.next()})}),w("UpdateStatus"+e,function(a,c){c.text&&(c.text=T(c.text,b.currItem.index,b.items.length))}),w(l+e,function(a,d,e,f){var g=b.items.length;e.counter=g>1?T(c.tCounter,f.index,g):""}),w("BuildControls"+e,function(){if(b.items.length>1&&c.arrows&&!b.arrowLeft){var d=c.arrowMarkup,e=b.arrowLeft=a(d.replace(/%title%/gi,c.tPrev).replace(/%dir%/gi,"left")).addClass(s),f=b.arrowRight=a(d.replace(/%title%/gi,c.tNext).replace(/%dir%/gi,"right")).addClass(s);e.click(function(){b.prev()}),f.click(function(){b.next()}),b.container.append(e.add(f))}}),w(n+e,function(){b._preloadTimeout&&clearTimeout(b._preloadTimeout),b._preloadTimeout=setTimeout(function(){b.preloadNearbyImages(),b._preloadTimeout=null},16)}),void w(h+e,function(){d.off(e),b.wrap.off("click"+e),b.arrowRight=b.arrowLeft=null})):!1},next:function(){b.direction=!0,b.index=S(b.index+1),b.updateItemHTML()},prev:function(){b.direction=!1,b.index=S(b.index-1),b.updateItemHTML()},goTo:function(a){b.direction=a>=b.index,b.index=a,b.updateItemHTML()},preloadNearbyImages:function(){var a,c=b.st.gallery.preload,d=Math.min(c[0],b.items.length),e=Math.min(c[1],b.items.length);for(a=1;a<=(b.direction?e:d);a++)b._preloadItem(b.index+a);for(a=1;a<=(b.direction?d:e);a++)b._preloadItem(b.index-a)},_preloadItem:function(c){if(c=S(c),!b.items[c].preloaded){var d=b.items[c];d.parsed||(d=b.parseEl(c)),y("LazyLoad",d),"image"===d.type&&(d.img=a('').on("load.mfploader",function(){d.hasSize=!0}).on("error.mfploader",function(){d.hasSize=!0,d.loadError=!0,y("LazyLoadError",d)}).attr("src",d.src)),d.preloaded=!0}}}});var U="retina";a.magnificPopup.registerModule(U,{options:{replaceSrc:function(a){return a.src.replace(/\.\w+$/,function(a){return"@2x"+a})},ratio:1},proto:{initRetina:function(){if(window.devicePixelRatio>1){var a=b.st.retina,c=a.ratio;c=isNaN(c)?c():c,c>1&&(w("ImageHasSize."+U,function(a,b){b.img.css({"max-width":b.img[0].naturalWidth/c,width:"100%"})}),w("ElementParse."+U,function(b,d){d.src=a.replaceSrc(d,c)}))}}}}),A()}); + +/* particles.js /* Author : Vincent Garreau - vincentgarreau.com /* MIT license: http://opensource.org/licenses/MIT /* GitHub : github.com/VincentGarreau/particles.js /* v2.0.0 */ +function hexToRgb(e){var a=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;e=e.replace(a,function(e,a,t,i){return a+a+t+t+i+i});var t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}function clamp(e,a,t){return Math.min(Math.max(e,a),t)}function isInArray(e,a){return a.indexOf(e)>-1}var pJS=function(e,a){var t=document.querySelector("#"+e+" > .particles-js-canvas-el");this.pJS={canvas:{el:t,w:t.offsetWidth,h:t.offsetHeight},particles:{number:{value:400,density:{enable:!0,value_area:800}},color:{value:"#fff"},shape:{type:"circle",stroke:{width:0,color:"#ff0000"},polygon:{nb_sides:5},image:{src:"",width:100,height:100}},opacity:{value:1,random:!1,anim:{enable:!1,speed:2,opacity_min:0,sync:!1}},size:{value:20,random:!1,anim:{enable:!1,speed:20,size_min:0,sync:!1}},line_linked:{enable:!0,distance:100,color:"#fff",opacity:1,width:1},move:{enable:!0,speed:2,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:3e3,rotateY:3e3}},array:[]},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"grab"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:1}},bubble:{distance:200,size:80,duration:.4},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}},mouse:{}},retina_detect:!1,fn:{interact:{},modes:{},vendors:{}},tmp:{}};var i=this.pJS;a&&Object.deepExtend(i,a),i.tmp.obj={size_value:i.particles.size.value,size_anim_speed:i.particles.size.anim.speed,move_speed:i.particles.move.speed,line_linked_distance:i.particles.line_linked.distance,line_linked_width:i.particles.line_linked.width,mode_grab_distance:i.interactivity.modes.grab.distance,mode_bubble_distance:i.interactivity.modes.bubble.distance,mode_bubble_size:i.interactivity.modes.bubble.size,mode_repulse_distance:i.interactivity.modes.repulse.distance},i.fn.retinaInit=function(){i.retina_detect&&window.devicePixelRatio>1?(i.canvas.pxratio=window.devicePixelRatio,i.tmp.retina=!0):(i.canvas.pxratio=1,i.tmp.retina=!1),i.canvas.w=i.canvas.el.offsetWidth*i.canvas.pxratio,i.canvas.h=i.canvas.el.offsetHeight*i.canvas.pxratio,i.particles.size.value=i.tmp.obj.size_value*i.canvas.pxratio,i.particles.size.anim.speed=i.tmp.obj.size_anim_speed*i.canvas.pxratio,i.particles.move.speed=i.tmp.obj.move_speed*i.canvas.pxratio,i.particles.line_linked.distance=i.tmp.obj.line_linked_distance*i.canvas.pxratio,i.interactivity.modes.grab.distance=i.tmp.obj.mode_grab_distance*i.canvas.pxratio,i.interactivity.modes.bubble.distance=i.tmp.obj.mode_bubble_distance*i.canvas.pxratio,i.particles.line_linked.width=i.tmp.obj.line_linked_width*i.canvas.pxratio,i.interactivity.modes.bubble.size=i.tmp.obj.mode_bubble_size*i.canvas.pxratio,i.interactivity.modes.repulse.distance=i.tmp.obj.mode_repulse_distance*i.canvas.pxratio},i.fn.canvasInit=function(){i.canvas.ctx=i.canvas.el.getContext("2d")},i.fn.canvasSize=function(){i.canvas.el.width=i.canvas.w,i.canvas.el.height=i.canvas.h,i&&i.interactivity.events.resize&&window.addEventListener("resize",function(){i.canvas.w=i.canvas.el.offsetWidth,i.canvas.h=i.canvas.el.offsetHeight,i.tmp.retina&&(i.canvas.w*=i.canvas.pxratio,i.canvas.h*=i.canvas.pxratio),i.canvas.el.width=i.canvas.w,i.canvas.el.height=i.canvas.h,i.particles.move.enable||(i.fn.particlesEmpty(),i.fn.particlesCreate(),i.fn.particlesDraw(),i.fn.vendors.densityAutoParticles()),i.fn.vendors.densityAutoParticles()})},i.fn.canvasPaint=function(){i.canvas.ctx.fillRect(0,0,i.canvas.w,i.canvas.h)},i.fn.canvasClear=function(){i.canvas.ctx.clearRect(0,0,i.canvas.w,i.canvas.h)},i.fn.particle=function(e,a,t){if(this.radius=(i.particles.size.random?Math.random():1)*i.particles.size.value,i.particles.size.anim.enable&&(this.size_status=!1,this.vs=i.particles.size.anim.speed/100,i.particles.size.anim.sync||(this.vs=this.vs*Math.random())),this.x=t?t.x:Math.random()*i.canvas.w,this.y=t?t.y:Math.random()*i.canvas.h,this.x>i.canvas.w-2*this.radius?this.x=this.x-this.radius:this.x<2*this.radius&&(this.x=this.x+this.radius),this.y>i.canvas.h-2*this.radius?this.y=this.y-this.radius:this.y<2*this.radius&&(this.y=this.y+this.radius),i.particles.move.bounce&&i.fn.vendors.checkOverlap(this,t),this.color={},"object"==typeof e.value)if(e.value instanceof Array){var s=e.value[Math.floor(Math.random()*i.particles.color.value.length)];this.color.rgb=hexToRgb(s)}else void 0!=e.value.r&&void 0!=e.value.g&&void 0!=e.value.b&&(this.color.rgb={r:e.value.r,g:e.value.g,b:e.value.b}),void 0!=e.value.h&&void 0!=e.value.s&&void 0!=e.value.l&&(this.color.hsl={h:e.value.h,s:e.value.s,l:e.value.l});else"random"==e.value?this.color.rgb={r:Math.floor(256*Math.random())+0,g:Math.floor(256*Math.random())+0,b:Math.floor(256*Math.random())+0}:"string"==typeof e.value&&(this.color=e,this.color.rgb=hexToRgb(this.color.value));this.opacity=(i.particles.opacity.random?Math.random():1)*i.particles.opacity.value,i.particles.opacity.anim.enable&&(this.opacity_status=!1,this.vo=i.particles.opacity.anim.speed/100,i.particles.opacity.anim.sync||(this.vo=this.vo*Math.random()));var n={};switch(i.particles.move.direction){case"top":n={x:0,y:-1};break;case"top-right":n={x:.5,y:-.5};break;case"right":n={x:1,y:-0};break;case"bottom-right":n={x:.5,y:.5};break;case"bottom":n={x:0,y:1};break;case"bottom-left":n={x:-.5,y:1};break;case"left":n={x:-1,y:0};break;case"top-left":n={x:-.5,y:-.5};break;default:n={x:0,y:0}}i.particles.move.straight?(this.vx=n.x,this.vy=n.y,i.particles.move.random&&(this.vx=this.vx*Math.random(),this.vy=this.vy*Math.random())):(this.vx=n.x+Math.random()-.5,this.vy=n.y+Math.random()-.5),this.vx_i=this.vx,this.vy_i=this.vy;var r=i.particles.shape.type;if("object"==typeof r){if(r instanceof Array){var c=r[Math.floor(Math.random()*r.length)];this.shape=c}}else this.shape=r;if("image"==this.shape){var o=i.particles.shape;this.img={src:o.image.src,ratio:o.image.width/o.image.height},this.img.ratio||(this.img.ratio=1),"svg"==i.tmp.img_type&&void 0!=i.tmp.source_svg&&(i.fn.vendors.createSvgImg(this),i.tmp.pushing&&(this.img.loaded=!1))}},i.fn.particle.prototype.draw=function(){function e(){i.canvas.ctx.drawImage(r,a.x-t,a.y-t,2*t,2*t/a.img.ratio)}var a=this;if(void 0!=a.radius_bubble)var t=a.radius_bubble;else var t=a.radius;if(void 0!=a.opacity_bubble)var s=a.opacity_bubble;else var s=a.opacity;if(a.color.rgb)var n="rgba("+a.color.rgb.r+","+a.color.rgb.g+","+a.color.rgb.b+","+s+")";else var n="hsla("+a.color.hsl.h+","+a.color.hsl.s+"%,"+a.color.hsl.l+"%,"+s+")";switch(i.canvas.ctx.fillStyle=n,i.canvas.ctx.beginPath(),a.shape){case"circle":i.canvas.ctx.arc(a.x,a.y,t,0,2*Math.PI,!1);break;case"edge":i.canvas.ctx.rect(a.x-t,a.y-t,2*t,2*t);break;case"triangle":i.fn.vendors.drawShape(i.canvas.ctx,a.x-t,a.y+t/1.66,2*t,3,2);break;case"polygon":i.fn.vendors.drawShape(i.canvas.ctx,a.x-t/(i.particles.shape.polygon.nb_sides/3.5),a.y-t/.76,2.66*t/(i.particles.shape.polygon.nb_sides/3),i.particles.shape.polygon.nb_sides,1);break;case"star":i.fn.vendors.drawShape(i.canvas.ctx,a.x-2*t/(i.particles.shape.polygon.nb_sides/4),a.y-t/1.52,2*t*2.66/(i.particles.shape.polygon.nb_sides/3),i.particles.shape.polygon.nb_sides,2);break;case"image":if("svg"==i.tmp.img_type)var r=a.img.obj;else var r=i.tmp.img_obj;r&&e()}i.canvas.ctx.closePath(),i.particles.shape.stroke.width>0&&(i.canvas.ctx.strokeStyle=i.particles.shape.stroke.color,i.canvas.ctx.lineWidth=i.particles.shape.stroke.width,i.canvas.ctx.stroke()),i.canvas.ctx.fill()},i.fn.particlesCreate=function(){for(var e=0;e=i.particles.opacity.value&&(a.opacity_status=!1),a.opacity+=a.vo):(a.opacity<=i.particles.opacity.anim.opacity_min&&(a.opacity_status=!0),a.opacity-=a.vo),a.opacity<0&&(a.opacity=0)),i.particles.size.anim.enable&&(1==a.size_status?(a.radius>=i.particles.size.value&&(a.size_status=!1),a.radius+=a.vs):(a.radius<=i.particles.size.anim.size_min&&(a.size_status=!0),a.radius-=a.vs),a.radius<0&&(a.radius=0)),"bounce"==i.particles.move.out_mode)var s={x_left:a.radius,x_right:i.canvas.w,y_top:a.radius,y_bottom:i.canvas.h};else var s={x_left:-a.radius,x_right:i.canvas.w+a.radius,y_top:-a.radius,y_bottom:i.canvas.h+a.radius};switch(a.x-a.radius>i.canvas.w?(a.x=s.x_left,a.y=Math.random()*i.canvas.h):a.x+a.radius<0&&(a.x=s.x_right,a.y=Math.random()*i.canvas.h),a.y-a.radius>i.canvas.h?(a.y=s.y_top,a.x=Math.random()*i.canvas.w):a.y+a.radius<0&&(a.y=s.y_bottom,a.x=Math.random()*i.canvas.w),i.particles.move.out_mode){case"bounce":a.x+a.radius>i.canvas.w?a.vx=-a.vx:a.x-a.radius<0&&(a.vx=-a.vx),a.y+a.radius>i.canvas.h?a.vy=-a.vy:a.y-a.radius<0&&(a.vy=-a.vy)}if(isInArray("grab",i.interactivity.events.onhover.mode)&&i.fn.modes.grabParticle(a),(isInArray("bubble",i.interactivity.events.onhover.mode)||isInArray("bubble",i.interactivity.events.onclick.mode))&&i.fn.modes.bubbleParticle(a),(isInArray("repulse",i.interactivity.events.onhover.mode)||isInArray("repulse",i.interactivity.events.onclick.mode))&&i.fn.modes.repulseParticle(a),i.particles.line_linked.enable||i.particles.move.attract.enable)for(var n=e+1;n0){var c=i.particles.line_linked.color_rgb_line;i.canvas.ctx.strokeStyle="rgba("+c.r+","+c.g+","+c.b+","+r+")",i.canvas.ctx.lineWidth=i.particles.line_linked.width,i.canvas.ctx.beginPath(),i.canvas.ctx.moveTo(e.x,e.y),i.canvas.ctx.lineTo(a.x,a.y),i.canvas.ctx.stroke(),i.canvas.ctx.closePath()}}},i.fn.interact.attractParticles=function(e,a){var t=e.x-a.x,s=e.y-a.y,n=Math.sqrt(t*t+s*s);if(n<=i.particles.line_linked.distance){var r=t/(1e3*i.particles.move.attract.rotateX),c=s/(1e3*i.particles.move.attract.rotateY);e.vx-=r,e.vy-=c,a.vx+=r,a.vy+=c}},i.fn.interact.bounceParticles=function(e,a){var t=e.x-a.x,i=e.y-a.y,s=Math.sqrt(t*t+i*i),n=e.radius+a.radius;n>=s&&(e.vx=-e.vx,e.vy=-e.vy,a.vx=-a.vx,a.vy=-a.vy)},i.fn.modes.pushParticles=function(e,a){i.tmp.pushing=!0;for(var t=0;e>t;t++)i.particles.array.push(new i.fn.particle(i.particles.color,i.particles.opacity.value,{x:a?a.pos_x:Math.random()*i.canvas.w,y:a?a.pos_y:Math.random()*i.canvas.h})),t==e-1&&(i.particles.move.enable||i.fn.particlesDraw(),i.tmp.pushing=!1)},i.fn.modes.removeParticles=function(e){i.particles.array.splice(0,e),i.particles.move.enable||i.fn.particlesDraw()},i.fn.modes.bubbleParticle=function(e){function a(){e.opacity_bubble=e.opacity,e.radius_bubble=e.radius}function t(a,t,s,n,c){if(a!=t)if(i.tmp.bubble_duration_end){if(void 0!=s){var o=n-p*(n-a)/i.interactivity.modes.bubble.duration,l=a-o;d=a+l,"size"==c&&(e.radius_bubble=d),"opacity"==c&&(e.opacity_bubble=d)}}else if(r<=i.interactivity.modes.bubble.distance){if(void 0!=s)var v=s;else var v=n;if(v!=a){var d=n-p*(n-a)/i.interactivity.modes.bubble.duration;"size"==c&&(e.radius_bubble=d),"opacity"==c&&(e.opacity_bubble=d)}}else"size"==c&&(e.radius_bubble=void 0),"opacity"==c&&(e.opacity_bubble=void 0)}if(i.interactivity.events.onhover.enable&&isInArray("bubble",i.interactivity.events.onhover.mode)){var s=e.x-i.interactivity.mouse.pos_x,n=e.y-i.interactivity.mouse.pos_y,r=Math.sqrt(s*s+n*n),c=1-r/i.interactivity.modes.bubble.distance;if(r<=i.interactivity.modes.bubble.distance){if(c>=0&&"mousemove"==i.interactivity.status){if(i.interactivity.modes.bubble.size!=i.particles.size.value)if(i.interactivity.modes.bubble.size>i.particles.size.value){var o=e.radius+i.interactivity.modes.bubble.size*c;o>=0&&(e.radius_bubble=o)}else{var l=e.radius-i.interactivity.modes.bubble.size,o=e.radius-l*c;o>0?e.radius_bubble=o:e.radius_bubble=0}if(i.interactivity.modes.bubble.opacity!=i.particles.opacity.value)if(i.interactivity.modes.bubble.opacity>i.particles.opacity.value){var v=i.interactivity.modes.bubble.opacity*c;v>e.opacity&&v<=i.interactivity.modes.bubble.opacity&&(e.opacity_bubble=v)}else{var v=e.opacity-(i.particles.opacity.value-i.interactivity.modes.bubble.opacity)*c;v=i.interactivity.modes.bubble.opacity&&(e.opacity_bubble=v)}}}else a();"mouseleave"==i.interactivity.status&&a()}else if(i.interactivity.events.onclick.enable&&isInArray("bubble",i.interactivity.events.onclick.mode)){if(i.tmp.bubble_clicking){var s=e.x-i.interactivity.mouse.click_pos_x,n=e.y-i.interactivity.mouse.click_pos_y,r=Math.sqrt(s*s+n*n),p=((new Date).getTime()-i.interactivity.mouse.click_time)/1e3;p>i.interactivity.modes.bubble.duration&&(i.tmp.bubble_duration_end=!0),p>2*i.interactivity.modes.bubble.duration&&(i.tmp.bubble_clicking=!1,i.tmp.bubble_duration_end=!1)}i.tmp.bubble_clicking&&(t(i.interactivity.modes.bubble.size,i.particles.size.value,e.radius_bubble,e.radius,"size"),t(i.interactivity.modes.bubble.opacity,i.particles.opacity.value,e.opacity_bubble,e.opacity,"opacity"))}},i.fn.modes.repulseParticle=function(e){function a(){var a=Math.atan2(d,p);if(e.vx=u*Math.cos(a),e.vy=u*Math.sin(a),"bounce"==i.particles.move.out_mode){var t={x:e.x+e.vx,y:e.y+e.vy};t.x+e.radius>i.canvas.w?e.vx=-e.vx:t.x-e.radius<0&&(e.vx=-e.vx),t.y+e.radius>i.canvas.h?e.vy=-e.vy:t.y-e.radius<0&&(e.vy=-e.vy)}}if(i.interactivity.events.onhover.enable&&isInArray("repulse",i.interactivity.events.onhover.mode)&&"mousemove"==i.interactivity.status){var t=e.x-i.interactivity.mouse.pos_x,s=e.y-i.interactivity.mouse.pos_y,n=Math.sqrt(t*t+s*s),r={x:t/n,y:s/n},c=i.interactivity.modes.repulse.distance,o=100,l=clamp(1/c*(-1*Math.pow(n/c,2)+1)*c*o,0,50),v={x:e.x+r.x*l,y:e.y+r.y*l};"bounce"==i.particles.move.out_mode?(v.x-e.radius>0&&v.x+e.radius0&&v.y+e.radius=m&&a()}else 0==i.tmp.repulse_clicking&&(e.vx=e.vx_i,e.vy=e.vy_i)},i.fn.modes.grabParticle=function(e){if(i.interactivity.events.onhover.enable&&"mousemove"==i.interactivity.status){var a=e.x-i.interactivity.mouse.pos_x,t=e.y-i.interactivity.mouse.pos_y,s=Math.sqrt(a*a+t*t);if(s<=i.interactivity.modes.grab.distance){var n=i.interactivity.modes.grab.line_linked.opacity-s/(1/i.interactivity.modes.grab.line_linked.opacity)/i.interactivity.modes.grab.distance;if(n>0){var r=i.particles.line_linked.color_rgb_line;i.canvas.ctx.strokeStyle="rgba("+r.r+","+r.g+","+r.b+","+n+")",i.canvas.ctx.lineWidth=i.particles.line_linked.width,i.canvas.ctx.beginPath(),i.canvas.ctx.moveTo(e.x,e.y),i.canvas.ctx.lineTo(i.interactivity.mouse.pos_x,i.interactivity.mouse.pos_y),i.canvas.ctx.stroke(),i.canvas.ctx.closePath()}}}},i.fn.vendors.eventsListeners=function(){"window"==i.interactivity.detect_on?i.interactivity.el=window:i.interactivity.el=i.canvas.el,(i.interactivity.events.onhover.enable||i.interactivity.events.onclick.enable)&&(i.interactivity.el.addEventListener("mousemove",function(e){if(i.interactivity.el==window)var a=e.clientX,t=e.clientY;else var a=e.offsetX||e.clientX,t=e.offsetY||e.clientY;i.interactivity.mouse.pos_x=a,i.interactivity.mouse.pos_y=t,i.tmp.retina&&(i.interactivity.mouse.pos_x*=i.canvas.pxratio,i.interactivity.mouse.pos_y*=i.canvas.pxratio),i.interactivity.status="mousemove"}),i.interactivity.el.addEventListener("mouseleave",function(e){i.interactivity.mouse.pos_x=null,i.interactivity.mouse.pos_y=null,i.interactivity.status="mouseleave"})),i.interactivity.events.onclick.enable&&i.interactivity.el.addEventListener("click",function(){if(i.interactivity.mouse.click_pos_x=i.interactivity.mouse.pos_x,i.interactivity.mouse.click_pos_y=i.interactivity.mouse.pos_y,i.interactivity.mouse.click_time=(new Date).getTime(),i.interactivity.events.onclick.enable)switch(i.interactivity.events.onclick.mode){case"push":i.particles.move.enable?i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb,i.interactivity.mouse):1==i.interactivity.modes.push.particles_nb?i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb,i.interactivity.mouse):i.interactivity.modes.push.particles_nb>1&&i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb);break;case"remove":i.fn.modes.removeParticles(i.interactivity.modes.remove.particles_nb);break;case"bubble":i.tmp.bubble_clicking=!0;break;case"repulse":i.tmp.repulse_clicking=!0,i.tmp.repulse_count=0,i.tmp.repulse_finish=!1,setTimeout(function(){i.tmp.repulse_clicking=!1},1e3*i.interactivity.modes.repulse.duration)}})},i.fn.vendors.densityAutoParticles=function(){if(i.particles.number.density.enable){var e=i.canvas.el.width*i.canvas.el.height/1e3;i.tmp.retina&&(e/=2*i.canvas.pxratio);var a=e*i.particles.number.value/i.particles.number.density.value_area,t=i.particles.array.length-a;0>t?i.fn.modes.pushParticles(Math.abs(t)):i.fn.modes.removeParticles(t)}},i.fn.vendors.checkOverlap=function(e,a){for(var t=0;tv;v++)e.lineTo(i,0),e.translate(i,0),e.rotate(l);e.fill(),e.restore()},i.fn.vendors.exportImg=function(){window.open(i.canvas.el.toDataURL("image/png"),"_blank")},i.fn.vendors.loadImg=function(e){if(i.tmp.img_error=void 0,""!=i.particles.shape.image.src)if("svg"==e){var a=new XMLHttpRequest;a.open("GET",i.particles.shape.image.src),a.onreadystatechange=function(e){4==a.readyState&&(200==a.status?(i.tmp.source_svg=e.currentTarget.response,i.fn.vendors.checkBeforeDraw()):(console.log("Error pJS - Image not found"),i.tmp.img_error=!0))},a.send()}else{var t=new Image;t.addEventListener("load",function(){i.tmp.img_obj=t,i.fn.vendors.checkBeforeDraw()}),t.src=i.particles.shape.image.src}else console.log("Error pJS - No image.src"),i.tmp.img_error=!0},i.fn.vendors.draw=function(){"image"==i.particles.shape.type?"svg"==i.tmp.img_type?i.tmp.count_svg>=i.particles.number.value?(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame)):i.tmp.img_error||(i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw)):void 0!=i.tmp.img_obj?(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame)):i.tmp.img_error||(i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw)):(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame))},i.fn.vendors.checkBeforeDraw=function(){"image"==i.particles.shape.type?"svg"==i.tmp.img_type&&void 0==i.tmp.source_svg?i.tmp.checkAnimFrame=requestAnimFrame(check):(cancelRequestAnimFrame(i.tmp.checkAnimFrame),i.tmp.img_error||(i.fn.vendors.init(),i.fn.vendors.draw())):(i.fn.vendors.init(),i.fn.vendors.draw())},i.fn.vendors.init=function(){i.fn.retinaInit(),i.fn.canvasInit(),i.fn.canvasSize(),i.fn.canvasPaint(),i.fn.particlesCreate(),i.fn.vendors.densityAutoParticles(),i.particles.line_linked.color_rgb_line=hexToRgb(i.particles.line_linked.color)},i.fn.vendors.start=function(){isInArray("image",i.particles.shape.type)?(i.tmp.img_type=i.particles.shape.image.src.substr(i.particles.shape.image.src.length-3),i.fn.vendors.loadImg(i.tmp.img_type)):i.fn.vendors.checkBeforeDraw()},i.fn.vendors.eventsListeners(),i.fn.vendors.start()};Object.deepExtend=function(e,a){for(var t in a)a[t]&&a[t].constructor&&a[t].constructor===Object?(e[t]=e[t]||{},arguments.callee(e[t],a[t])):e[t]=a[t];return e},window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(e){window.setTimeout(e,1e3/60)}}(),window.cancelRequestAnimFrame=function(){return window.cancelAnimationFrame||window.webkitCancelRequestAnimationFrame||window.mozCancelRequestAnimationFrame||window.oCancelRequestAnimationFrame||window.msCancelRequestAnimationFrame||clearTimeout}(),window.pJSDom=[],window.particlesJS=function(e,a){"string"!=typeof e&&(a=e,e="particles-js"),e||(e="particles-js");var t=document.getElementById(e),i="particles-js-canvas-el",s=t.getElementsByClassName(i);if(s.length)for(;s.length>0;)t.removeChild(s[0]);var n=document.createElement("canvas");n.className=i,n.style.width="100%",n.style.height="100%";var r=document.getElementById(e).appendChild(n);null!=r&&pJSDom.push(new pJS(e,a))},window.particlesJS.load=function(e,a,t){var i=new XMLHttpRequest;i.open("GET",a),i.onreadystatechange=function(a){if(4==i.readyState)if(200==i.status){var s=JSON.parse(a.currentTarget.response);window.particlesJS(e,s),t&&t()}else console.log("Error pJS - XMLHttpRequest status: "+i.status),console.log("Error pJS - File config not found")},i.send()}; + +/*! Select2 4.0.6-rc.1 | https://github.com/select2/select2/blob/master/LICENSE.md */ +!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof module&&module.exports?module.exports=function(b,c){return void 0===c&&(c="undefined"!=typeof window?require("jquery"):require("jquery")(b)),a(c),c}:a(jQuery)}(function(a){var b=function(){if(a&&a.fn&&a.fn.select2&&a.fn.select2.amd)var b=a.fn.select2.amd;var b;return function(){if(!b||!b.requirejs){b?c=b:b={};var a,c,d;!function(b){function e(a,b){return v.call(a,b)}function f(a,b){var c,d,e,f,g,h,i,j,k,l,m,n,o=b&&b.split("/"),p=t.map,q=p&&p["*"]||{};if(a){for(a=a.split("/"),g=a.length-1,t.nodeIdCompat&&x.test(a[g])&&(a[g]=a[g].replace(x,"")),"."===a[0].charAt(0)&&o&&(n=o.slice(0,o.length-1),a=n.concat(a)),k=0;k0&&(a.splice(k-1,2),k-=2)}a=a.join("/")}if((o||q)&&p){for(c=a.split("/"),k=c.length;k>0;k-=1){if(d=c.slice(0,k).join("/"),o)for(l=o.length;l>0;l-=1)if((e=p[o.slice(0,l).join("/")])&&(e=e[d])){f=e,h=k;break}if(f)break;!i&&q&&q[d]&&(i=q[d],j=k)}!f&&i&&(f=i,h=j),f&&(c.splice(0,h,f),a=c.join("/"))}return a}function g(a,c){return function(){var d=w.call(arguments,0);return"string"!=typeof d[0]&&1===d.length&&d.push(null),o.apply(b,d.concat([a,c]))}}function h(a){return function(b){return f(b,a)}}function i(a){return function(b){r[a]=b}}function j(a){if(e(s,a)){var c=s[a];delete s[a],u[a]=!0,n.apply(b,c)}if(!e(r,a)&&!e(u,a))throw new Error("No "+a);return r[a]}function k(a){var b,c=a?a.indexOf("!"):-1;return c>-1&&(b=a.substring(0,c),a=a.substring(c+1,a.length)),[b,a]}function l(a){return a?k(a):[]}function m(a){return function(){return t&&t.config&&t.config[a]||{}}}var n,o,p,q,r={},s={},t={},u={},v=Object.prototype.hasOwnProperty,w=[].slice,x=/\.js$/;p=function(a,b){var c,d=k(a),e=d[0],g=b[1];return a=d[1],e&&(e=f(e,g),c=j(e)),e?a=c&&c.normalize?c.normalize(a,h(g)):f(a,g):(a=f(a,g),d=k(a),e=d[0],a=d[1],e&&(c=j(e))),{f:e?e+"!"+a:a,n:a,pr:e,p:c}},q={require:function(a){return g(a)},exports:function(a){var b=r[a];return void 0!==b?b:r[a]={}},module:function(a){return{id:a,uri:"",exports:r[a],config:m(a)}}},n=function(a,c,d,f){var h,k,m,n,o,t,v,w=[],x=typeof d;if(f=f||a,t=l(f),"undefined"===x||"function"===x){for(c=!c.length&&d.length?["require","exports","module"]:c,o=0;o0&&(b.call(arguments,a.prototype.constructor),e=c.prototype.constructor),e.apply(this,arguments)}function e(){this.constructor=d}var f=b(c),g=b(a);c.displayName=a.displayName,d.prototype=new e;for(var h=0;h":">",'"':""","'":"'","/":"/"};return"string"!=typeof a?a:String(a).replace(/[&<>"'\/\\]/g,function(a){return b[a]})},c.appendMany=function(b,c){if("1.7"===a.fn.jquery.substr(0,3)){var d=a();a.map(c,function(a){d=d.add(a)}),c=d}b.append(c)},c.__cache={};var e=0;return c.GetUniqueElementId=function(a){var b=a.getAttribute("data-select2-id");return null==b&&(a.id?(b=a.id,a.setAttribute("data-select2-id",b)):(a.setAttribute("data-select2-id",++e),b=e.toString())),b},c.StoreData=function(a,b,d){var e=c.GetUniqueElementId(a);c.__cache[e]||(c.__cache[e]={}),c.__cache[e][b]=d},c.GetData=function(b,d){var e=c.GetUniqueElementId(b);return d?c.__cache[e]&&null!=c.__cache[e][d]?c.__cache[e][d]:a(b).data(d):c.__cache[e]},c.RemoveData=function(a){var b=c.GetUniqueElementId(a);null!=c.__cache[b]&&delete c.__cache[b]},c}),b.define("select2/results",["jquery","./utils"],function(a,b){function c(a,b,d){this.$element=a,this.data=d,this.options=b,c.__super__.constructor.call(this)}return b.Extend(c,b.Observable),c.prototype.render=function(){var b=a('
    ');return this.options.get("multiple")&&b.attr("aria-multiselectable","true"),this.$results=b,b},c.prototype.clear=function(){this.$results.empty()},c.prototype.displayMessage=function(b){var c=this.options.get("escapeMarkup");this.clear(),this.hideLoading();var d=a('
  • '),e=this.options.get("translations").get(b.message);d.append(c(e(b.args))),d[0].className+=" select2-results__message",this.$results.append(d)},c.prototype.hideMessages=function(){this.$results.find(".select2-results__message").remove()},c.prototype.append=function(a){this.hideLoading();var b=[];if(null==a.results||0===a.results.length)return void(0===this.$results.children().length&&this.trigger("results:message",{message:"noResults"}));a.results=this.sort(a.results);for(var c=0;c0?b.first().trigger("mouseenter"):a.first().trigger("mouseenter"),this.ensureHighlightVisible()},c.prototype.setClasses=function(){var c=this;this.data.current(function(d){var e=a.map(d,function(a){return a.id.toString()});c.$results.find(".select2-results__option[aria-selected]").each(function(){var c=a(this),d=b.GetData(this,"data"),f=""+d.id;null!=d.element&&d.element.selected||null==d.element&&a.inArray(f,e)>-1?c.attr("aria-selected","true"):c.attr("aria-selected","false")})})},c.prototype.showLoading=function(a){this.hideLoading();var b=this.options.get("translations").get("searching"),c={disabled:!0,loading:!0,text:b(a)},d=this.option(c);d.className+=" loading-results",this.$results.prepend(d)},c.prototype.hideLoading=function(){this.$results.find(".loading-results").remove()},c.prototype.option=function(c){var d=document.createElement("li");d.className="select2-results__option";var e={role:"treeitem","aria-selected":"false"};c.disabled&&(delete e["aria-selected"],e["aria-disabled"]="true"),null==c.id&&delete e["aria-selected"],null!=c._resultId&&(d.id=c._resultId),c.title&&(d.title=c.title),c.children&&(e.role="group",e["aria-label"]=c.text,delete e["aria-selected"]);for(var f in e){var g=e[f];d.setAttribute(f,g)}if(c.children){var h=a(d),i=document.createElement("strong");i.className="select2-results__group";a(i);this.template(c,i);for(var j=[],k=0;k",{class:"select2-results__options select2-results__options--nested"});n.append(j),h.append(i),h.append(n)}else this.template(c,d);return b.StoreData(d,"data",c),d},c.prototype.bind=function(c,d){var e=this,f=c.id+"-results";this.$results.attr("id",f),c.on("results:all",function(a){e.clear(),e.append(a.data),c.isOpen()&&(e.setClasses(),e.highlightFirstItem())}),c.on("results:append",function(a){e.append(a.data),c.isOpen()&&e.setClasses()}),c.on("query",function(a){e.hideMessages(),e.showLoading(a)}),c.on("select",function(){c.isOpen()&&(e.setClasses(),e.highlightFirstItem())}),c.on("unselect",function(){c.isOpen()&&(e.setClasses(),e.highlightFirstItem())}),c.on("open",function(){e.$results.attr("aria-expanded","true"),e.$results.attr("aria-hidden","false"),e.setClasses(),e.ensureHighlightVisible()}),c.on("close",function(){e.$results.attr("aria-expanded","false"),e.$results.attr("aria-hidden","true"),e.$results.removeAttr("aria-activedescendant")}),c.on("results:toggle",function(){var a=e.getHighlightedResults();0!==a.length&&a.trigger("mouseup")}),c.on("results:select",function(){var a=e.getHighlightedResults();if(0!==a.length){var c=b.GetData(a[0],"data");"true"==a.attr("aria-selected")?e.trigger("close",{}):e.trigger("select",{data:c})}}),c.on("results:previous",function(){var a=e.getHighlightedResults(),b=e.$results.find("[aria-selected]"),c=b.index(a);if(!(c<=0)){var d=c-1;0===a.length&&(d=0);var f=b.eq(d);f.trigger("mouseenter");var g=e.$results.offset().top,h=f.offset().top,i=e.$results.scrollTop()+(h-g);0===d?e.$results.scrollTop(0):h-g<0&&e.$results.scrollTop(i)}}),c.on("results:next",function(){var a=e.getHighlightedResults(),b=e.$results.find("[aria-selected]"),c=b.index(a),d=c+1;if(!(d>=b.length)){var f=b.eq(d);f.trigger("mouseenter");var g=e.$results.offset().top+e.$results.outerHeight(!1),h=f.offset().top+f.outerHeight(!1),i=e.$results.scrollTop()+h-g;0===d?e.$results.scrollTop(0):h>g&&e.$results.scrollTop(i)}}),c.on("results:focus",function(a){a.element.addClass("select2-results__option--highlighted")}),c.on("results:message",function(a){e.displayMessage(a)}),a.fn.mousewheel&&this.$results.on("mousewheel",function(a){var b=e.$results.scrollTop(),c=e.$results.get(0).scrollHeight-b+a.deltaY,d=a.deltaY>0&&b-a.deltaY<=0,f=a.deltaY<0&&c<=e.$results.height();d?(e.$results.scrollTop(0),a.preventDefault(),a.stopPropagation()):f&&(e.$results.scrollTop(e.$results.get(0).scrollHeight-e.$results.height()),a.preventDefault(),a.stopPropagation())}),this.$results.on("mouseup",".select2-results__option[aria-selected]",function(c){var d=a(this),f=b.GetData(this,"data");if("true"===d.attr("aria-selected"))return void(e.options.get("multiple")?e.trigger("unselect",{originalEvent:c,data:f}):e.trigger("close",{}));e.trigger("select",{originalEvent:c,data:f})}),this.$results.on("mouseenter",".select2-results__option[aria-selected]",function(c){var d=b.GetData(this,"data");e.getHighlightedResults().removeClass("select2-results__option--highlighted"),e.trigger("results:focus",{data:d,element:a(this)})})},c.prototype.getHighlightedResults=function(){return this.$results.find(".select2-results__option--highlighted")},c.prototype.destroy=function(){this.$results.remove()},c.prototype.ensureHighlightVisible=function(){var a=this.getHighlightedResults();if(0!==a.length){var b=this.$results.find("[aria-selected]"),c=b.index(a),d=this.$results.offset().top,e=a.offset().top,f=this.$results.scrollTop()+(e-d),g=e-d;f-=2*a.outerHeight(!1),c<=2?this.$results.scrollTop(0):(g>this.$results.outerHeight()||g<0)&&this.$results.scrollTop(f)}},c.prototype.template=function(b,c){var d=this.options.get("templateResult"),e=this.options.get("escapeMarkup"),f=d(b,c);null==f?c.style.display="none":"string"==typeof f?c.innerHTML=e(f):a(c).append(f)},c}),b.define("select2/keys",[],function(){return{BACKSPACE:8,TAB:9,ENTER:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,DELETE:46}}),b.define("select2/selection/base",["jquery","../utils","../keys"],function(a,b,c){function d(a,b){this.$element=a,this.options=b,d.__super__.constructor.call(this)}return b.Extend(d,b.Observable),d.prototype.render=function(){var c=a('');return this._tabindex=0,null!=b.GetData(this.$element[0],"old-tabindex")?this._tabindex=b.GetData(this.$element[0],"old-tabindex"):null!=this.$element.attr("tabindex")&&(this._tabindex=this.$element.attr("tabindex")),c.attr("title",this.$element.attr("title")),c.attr("tabindex",this._tabindex),this.$selection=c,c},d.prototype.bind=function(a,b){var d=this,e=(a.id,a.id+"-results");this.container=a,this.$selection.on("focus",function(a){d.trigger("focus",a)}),this.$selection.on("blur",function(a){d._handleBlur(a)}),this.$selection.on("keydown",function(a){d.trigger("keypress",a),a.which===c.SPACE&&a.preventDefault()}),a.on("results:focus",function(a){d.$selection.attr("aria-activedescendant",a.data._resultId)}),a.on("selection:update",function(a){d.update(a.data)}),a.on("open",function(){d.$selection.attr("aria-expanded","true"),d.$selection.attr("aria-owns",e),d._attachCloseHandler(a)}),a.on("close",function(){d.$selection.attr("aria-expanded","false"),d.$selection.removeAttr("aria-activedescendant"),d.$selection.removeAttr("aria-owns"),d.$selection.focus(),window.setTimeout(function(){d.$selection.focus()},0),d._detachCloseHandler(a)}),a.on("enable",function(){d.$selection.attr("tabindex",d._tabindex)}),a.on("disable",function(){d.$selection.attr("tabindex","-1")})},d.prototype._handleBlur=function(b){var c=this;window.setTimeout(function(){document.activeElement==c.$selection[0]||a.contains(c.$selection[0],document.activeElement)||c.trigger("blur",b)},1)},d.prototype._attachCloseHandler=function(c){a(document.body).on("mousedown.select2."+c.id,function(c){var d=a(c.target),e=d.closest(".select2");a(".select2.select2-container--open").each(function(){a(this),this!=e[0]&&b.GetData(this,"element").select2("close")})})},d.prototype._detachCloseHandler=function(b){a(document.body).off("mousedown.select2."+b.id)},d.prototype.position=function(a,b){b.find(".selection").append(a)},d.prototype.destroy=function(){this._detachCloseHandler(this.container)},d.prototype.update=function(a){throw new Error("The `update` method must be defined in child classes.")},d}),b.define("select2/selection/single",["jquery","./base","../utils","../keys"],function(a,b,c,d){function e(){e.__super__.constructor.apply(this,arguments)}return c.Extend(e,b),e.prototype.render=function(){var a=e.__super__.render.call(this);return a.addClass("select2-selection--single"),a.html(''),a},e.prototype.bind=function(a,b){var c=this;e.__super__.bind.apply(this,arguments);var d=a.id+"-container";this.$selection.find(".select2-selection__rendered").attr("id",d).attr("role","textbox").attr("aria-readonly","true"),this.$selection.attr("aria-labelledby",d),this.$selection.on("mousedown",function(a){1===a.which&&c.trigger("toggle",{originalEvent:a})}),this.$selection.on("focus",function(a){}),this.$selection.on("blur",function(a){}),a.on("focus",function(b){a.isOpen()||c.$selection.focus()})},e.prototype.clear=function(){var a=this.$selection.find(".select2-selection__rendered");a.empty(),a.removeAttr("title")},e.prototype.display=function(a,b){var c=this.options.get("templateSelection");return this.options.get("escapeMarkup")(c(a,b))},e.prototype.selectionContainer=function(){return a("")},e.prototype.update=function(a){if(0===a.length)return void this.clear();var b=a[0],c=this.$selection.find(".select2-selection__rendered"),d=this.display(b,c);c.empty().append(d),c.attr("title",b.title||b.text)},e}),b.define("select2/selection/multiple",["jquery","./base","../utils"],function(a,b,c){function d(a,b){d.__super__.constructor.apply(this,arguments)}return c.Extend(d,b),d.prototype.render=function(){var a=d.__super__.render.call(this);return a.addClass("select2-selection--multiple"),a.html('
      '),a},d.prototype.bind=function(b,e){var f=this;d.__super__.bind.apply(this,arguments),this.$selection.on("click",function(a){f.trigger("toggle",{originalEvent:a})}),this.$selection.on("click",".select2-selection__choice__remove",function(b){if(!f.options.get("disabled")){var d=a(this),e=d.parent(),g=c.GetData(e[0],"data");f.trigger("unselect",{originalEvent:b,data:g})}})},d.prototype.clear=function(){var a=this.$selection.find(".select2-selection__rendered");a.empty(),a.removeAttr("title")},d.prototype.display=function(a,b){var c=this.options.get("templateSelection");return this.options.get("escapeMarkup")(c(a,b))},d.prototype.selectionContainer=function(){return a('
    • ×
    • ')},d.prototype.update=function(a){if(this.clear(),0!==a.length){for(var b=[],d=0;d1||c)return a.call(this,b);this.clear();var d=this.createPlaceholder(this.placeholder);this.$selection.find(".select2-selection__rendered").append(d)},b}),b.define("select2/selection/allowClear",["jquery","../keys","../utils"],function(a,b,c){function d(){}return d.prototype.bind=function(a,b,c){var d=this;a.call(this,b,c),null==this.placeholder&&this.options.get("debug")&&window.console&&console.error&&console.error("Select2: The `allowClear` option should be used in combination with the `placeholder` option."),this.$selection.on("mousedown",".select2-selection__clear",function(a){d._handleClear(a)}),b.on("keypress",function(a){d._handleKeyboardClear(a,b)})},d.prototype._handleClear=function(a,b){if(!this.options.get("disabled")){var d=this.$selection.find(".select2-selection__clear");if(0!==d.length){b.stopPropagation();var e=c.GetData(d[0],"data"),f=this.$element.val();this.$element.val(this.placeholder.id);var g={data:e};if(this.trigger("clear",g),g.prevented)return void this.$element.val(f);for(var h=0;h0||0===d.length)){var e=a('×');c.StoreData(e[0],"data",d),this.$selection.find(".select2-selection__rendered").prepend(e)}},d}),b.define("select2/selection/search",["jquery","../utils","../keys"],function(a,b,c){function d(a,b,c){a.call(this,b,c)}return d.prototype.render=function(b){var c=a('');this.$searchContainer=c,this.$search=c.find("input");var d=b.call(this);return this._transferTabIndex(),d},d.prototype.bind=function(a,d,e){var f=this;a.call(this,d,e),d.on("open",function(){f.$search.trigger("focus")}),d.on("close",function(){f.$search.val(""),f.$search.removeAttr("aria-activedescendant"),f.$search.trigger("focus")}),d.on("enable",function(){f.$search.prop("disabled",!1),f._transferTabIndex()}),d.on("disable",function(){f.$search.prop("disabled",!0)}),d.on("focus",function(a){f.$search.trigger("focus")}),d.on("results:focus",function(a){f.$search.attr("aria-activedescendant",a.id)}),this.$selection.on("focusin",".select2-search--inline",function(a){f.trigger("focus",a)}),this.$selection.on("focusout",".select2-search--inline",function(a){f._handleBlur(a)}),this.$selection.on("keydown",".select2-search--inline",function(a){if(a.stopPropagation(),f.trigger("keypress",a),f._keyUpPrevented=a.isDefaultPrevented(),a.which===c.BACKSPACE&&""===f.$search.val()){var d=f.$searchContainer.prev(".select2-selection__choice");if(d.length>0){var e=b.GetData(d[0],"data");f.searchRemoveChoice(e),a.preventDefault()}}});var g=document.documentMode,h=g&&g<=11;this.$selection.on("input.searchcheck",".select2-search--inline",function(a){if(h)return void f.$selection.off("input.search input.searchcheck");f.$selection.off("keyup.search")}),this.$selection.on("keyup.search input.search",".select2-search--inline",function(a){if(h&&"input"===a.type)return void f.$selection.off("input.search input.searchcheck");var b=a.which;b!=c.SHIFT&&b!=c.CTRL&&b!=c.ALT&&b!=c.TAB&&f.handleSearch(a)})},d.prototype._transferTabIndex=function(a){this.$search.attr("tabindex",this.$selection.attr("tabindex")),this.$selection.attr("tabindex","-1")},d.prototype.createPlaceholder=function(a,b){this.$search.attr("placeholder",b.text)},d.prototype.update=function(a,b){var c=this.$search[0]==document.activeElement;if(this.$search.attr("placeholder",""),a.call(this,b),this.$selection.find(".select2-selection__rendered").append(this.$searchContainer),this.resizeSearch(),c){this.$element.find("[data-select2-tag]").length?this.$element.focus():this.$search.focus()}},d.prototype.handleSearch=function(){if(this.resizeSearch(),!this._keyUpPrevented){var a=this.$search.val();this.trigger("query",{term:a})}this._keyUpPrevented=!1},d.prototype.searchRemoveChoice=function(a,b){this.trigger("unselect",{data:b}),this.$search.val(b.text),this.handleSearch()},d.prototype.resizeSearch=function(){this.$search.css("width","25px");var a="";if(""!==this.$search.attr("placeholder"))a=this.$selection.find(".select2-selection__rendered").innerWidth();else{a=.75*(this.$search.val().length+1)+"em"}this.$search.css("width",a)},d}),b.define("select2/selection/eventRelay",["jquery"],function(a){function b(){}return b.prototype.bind=function(b,c,d){var e=this,f=["open","opening","close","closing","select","selecting","unselect","unselecting","clear","clearing"],g=["opening","closing","selecting","unselecting","clearing"];b.call(this,c,d),c.on("*",function(b,c){if(-1!==a.inArray(b,f)){c=c||{};var d=a.Event("select2:"+b,{params:c});e.$element.trigger(d),-1!==a.inArray(b,g)&&(c.prevented=d.isDefaultPrevented())}})},b}),b.define("select2/translation",["jquery","require"],function(a,b){function c(a){this.dict=a||{}}return c.prototype.all=function(){return this.dict},c.prototype.get=function(a){return this.dict[a]},c.prototype.extend=function(b){this.dict=a.extend({},b.all(),this.dict)},c._cache={},c.loadPath=function(a){if(!(a in c._cache)){var d=b(a);c._cache[a]=d}return new c(c._cache[a])},c}),b.define("select2/diacritics",[],function(){return{"Ⓐ":"A","A":"A","À":"A","Á":"A","Â":"A","Ầ":"A","Ấ":"A","Ẫ":"A","Ẩ":"A","Ã":"A","Ā":"A","Ă":"A","Ằ":"A","Ắ":"A","Ẵ":"A","Ẳ":"A","Ȧ":"A","Ǡ":"A","Ä":"A","Ǟ":"A","Ả":"A","Å":"A","Ǻ":"A","Ǎ":"A","Ȁ":"A","Ȃ":"A","Ạ":"A","Ậ":"A","Ặ":"A","Ḁ":"A","Ą":"A","Ⱥ":"A","Ɐ":"A","Ꜳ":"AA","Æ":"AE","Ǽ":"AE","Ǣ":"AE","Ꜵ":"AO","Ꜷ":"AU","Ꜹ":"AV","Ꜻ":"AV","Ꜽ":"AY","Ⓑ":"B","B":"B","Ḃ":"B","Ḅ":"B","Ḇ":"B","Ƀ":"B","Ƃ":"B","Ɓ":"B","Ⓒ":"C","C":"C","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","Ç":"C","Ḉ":"C","Ƈ":"C","Ȼ":"C","Ꜿ":"C","Ⓓ":"D","D":"D","Ḋ":"D","Ď":"D","Ḍ":"D","Ḑ":"D","Ḓ":"D","Ḏ":"D","Đ":"D","Ƌ":"D","Ɗ":"D","Ɖ":"D","Ꝺ":"D","DZ":"DZ","DŽ":"DZ","Dz":"Dz","Dž":"Dz","Ⓔ":"E","E":"E","È":"E","É":"E","Ê":"E","Ề":"E","Ế":"E","Ễ":"E","Ể":"E","Ẽ":"E","Ē":"E","Ḕ":"E","Ḗ":"E","Ĕ":"E","Ė":"E","Ë":"E","Ẻ":"E","Ě":"E","Ȅ":"E","Ȇ":"E","Ẹ":"E","Ệ":"E","Ȩ":"E","Ḝ":"E","Ę":"E","Ḙ":"E","Ḛ":"E","Ɛ":"E","Ǝ":"E","Ⓕ":"F","F":"F","Ḟ":"F","Ƒ":"F","Ꝼ":"F","Ⓖ":"G","G":"G","Ǵ":"G","Ĝ":"G","Ḡ":"G","Ğ":"G","Ġ":"G","Ǧ":"G","Ģ":"G","Ǥ":"G","Ɠ":"G","Ꞡ":"G","Ᵹ":"G","Ꝿ":"G","Ⓗ":"H","H":"H","Ĥ":"H","Ḣ":"H","Ḧ":"H","Ȟ":"H","Ḥ":"H","Ḩ":"H","Ḫ":"H","Ħ":"H","Ⱨ":"H","Ⱶ":"H","Ɥ":"H","Ⓘ":"I","I":"I","Ì":"I","Í":"I","Î":"I","Ĩ":"I","Ī":"I","Ĭ":"I","İ":"I","Ï":"I","Ḯ":"I","Ỉ":"I","Ǐ":"I","Ȉ":"I","Ȋ":"I","Ị":"I","Į":"I","Ḭ":"I","Ɨ":"I","Ⓙ":"J","J":"J","Ĵ":"J","Ɉ":"J","Ⓚ":"K","K":"K","Ḱ":"K","Ǩ":"K","Ḳ":"K","Ķ":"K","Ḵ":"K","Ƙ":"K","Ⱪ":"K","Ꝁ":"K","Ꝃ":"K","Ꝅ":"K","Ꞣ":"K","Ⓛ":"L","L":"L","Ŀ":"L","Ĺ":"L","Ľ":"L","Ḷ":"L","Ḹ":"L","Ļ":"L","Ḽ":"L","Ḻ":"L","Ł":"L","Ƚ":"L","Ɫ":"L","Ⱡ":"L","Ꝉ":"L","Ꝇ":"L","Ꞁ":"L","LJ":"LJ","Lj":"Lj","Ⓜ":"M","M":"M","Ḿ":"M","Ṁ":"M","Ṃ":"M","Ɱ":"M","Ɯ":"M","Ⓝ":"N","N":"N","Ǹ":"N","Ń":"N","Ñ":"N","Ṅ":"N","Ň":"N","Ṇ":"N","Ņ":"N","Ṋ":"N","Ṉ":"N","Ƞ":"N","Ɲ":"N","Ꞑ":"N","Ꞥ":"N","NJ":"NJ","Nj":"Nj","Ⓞ":"O","O":"O","Ò":"O","Ó":"O","Ô":"O","Ồ":"O","Ố":"O","Ỗ":"O","Ổ":"O","Õ":"O","Ṍ":"O","Ȭ":"O","Ṏ":"O","Ō":"O","Ṑ":"O","Ṓ":"O","Ŏ":"O","Ȯ":"O","Ȱ":"O","Ö":"O","Ȫ":"O","Ỏ":"O","Ő":"O","Ǒ":"O","Ȍ":"O","Ȏ":"O","Ơ":"O","Ờ":"O","Ớ":"O","Ỡ":"O","Ở":"O","Ợ":"O","Ọ":"O","Ộ":"O","Ǫ":"O","Ǭ":"O","Ø":"O","Ǿ":"O","Ɔ":"O","Ɵ":"O","Ꝋ":"O","Ꝍ":"O","Ƣ":"OI","Ꝏ":"OO","Ȣ":"OU","Ⓟ":"P","P":"P","Ṕ":"P","Ṗ":"P","Ƥ":"P","Ᵽ":"P","Ꝑ":"P","Ꝓ":"P","Ꝕ":"P","Ⓠ":"Q","Q":"Q","Ꝗ":"Q","Ꝙ":"Q","Ɋ":"Q","Ⓡ":"R","R":"R","Ŕ":"R","Ṙ":"R","Ř":"R","Ȑ":"R","Ȓ":"R","Ṛ":"R","Ṝ":"R","Ŗ":"R","Ṟ":"R","Ɍ":"R","Ɽ":"R","Ꝛ":"R","Ꞧ":"R","Ꞃ":"R","Ⓢ":"S","S":"S","ẞ":"S","Ś":"S","Ṥ":"S","Ŝ":"S","Ṡ":"S","Š":"S","Ṧ":"S","Ṣ":"S","Ṩ":"S","Ș":"S","Ş":"S","Ȿ":"S","Ꞩ":"S","Ꞅ":"S","Ⓣ":"T","T":"T","Ṫ":"T","Ť":"T","Ṭ":"T","Ț":"T","Ţ":"T","Ṱ":"T","Ṯ":"T","Ŧ":"T","Ƭ":"T","Ʈ":"T","Ⱦ":"T","Ꞇ":"T","Ꜩ":"TZ","Ⓤ":"U","U":"U","Ù":"U","Ú":"U","Û":"U","Ũ":"U","Ṹ":"U","Ū":"U","Ṻ":"U","Ŭ":"U","Ü":"U","Ǜ":"U","Ǘ":"U","Ǖ":"U","Ǚ":"U","Ủ":"U","Ů":"U","Ű":"U","Ǔ":"U","Ȕ":"U","Ȗ":"U","Ư":"U","Ừ":"U","Ứ":"U","Ữ":"U","Ử":"U","Ự":"U","Ụ":"U","Ṳ":"U","Ų":"U","Ṷ":"U","Ṵ":"U","Ʉ":"U","Ⓥ":"V","V":"V","Ṽ":"V","Ṿ":"V","Ʋ":"V","Ꝟ":"V","Ʌ":"V","Ꝡ":"VY","Ⓦ":"W","W":"W","Ẁ":"W","Ẃ":"W","Ŵ":"W","Ẇ":"W","Ẅ":"W","Ẉ":"W","Ⱳ":"W","Ⓧ":"X","X":"X","Ẋ":"X","Ẍ":"X","Ⓨ":"Y","Y":"Y","Ỳ":"Y","Ý":"Y","Ŷ":"Y","Ỹ":"Y","Ȳ":"Y","Ẏ":"Y","Ÿ":"Y","Ỷ":"Y","Ỵ":"Y","Ƴ":"Y","Ɏ":"Y","Ỿ":"Y","Ⓩ":"Z","Z":"Z","Ź":"Z","Ẑ":"Z","Ż":"Z","Ž":"Z","Ẓ":"Z","Ẕ":"Z","Ƶ":"Z","Ȥ":"Z","Ɀ":"Z","Ⱬ":"Z","Ꝣ":"Z","ⓐ":"a","a":"a","ẚ":"a","à":"a","á":"a","â":"a","ầ":"a","ấ":"a","ẫ":"a","ẩ":"a","ã":"a","ā":"a","ă":"a","ằ":"a","ắ":"a","ẵ":"a","ẳ":"a","ȧ":"a","ǡ":"a","ä":"a","ǟ":"a","ả":"a","å":"a","ǻ":"a","ǎ":"a","ȁ":"a","ȃ":"a","ạ":"a","ậ":"a","ặ":"a","ḁ":"a","ą":"a","ⱥ":"a","ɐ":"a","ꜳ":"aa","æ":"ae","ǽ":"ae","ǣ":"ae","ꜵ":"ao","ꜷ":"au","ꜹ":"av","ꜻ":"av","ꜽ":"ay","ⓑ":"b","b":"b","ḃ":"b","ḅ":"b","ḇ":"b","ƀ":"b","ƃ":"b","ɓ":"b","ⓒ":"c","c":"c","ć":"c","ĉ":"c","ċ":"c","č":"c","ç":"c","ḉ":"c","ƈ":"c","ȼ":"c","ꜿ":"c","ↄ":"c","ⓓ":"d","d":"d","ḋ":"d","ď":"d","ḍ":"d","ḑ":"d","ḓ":"d","ḏ":"d","đ":"d","ƌ":"d","ɖ":"d","ɗ":"d","ꝺ":"d","dz":"dz","dž":"dz","ⓔ":"e","e":"e","è":"e","é":"e","ê":"e","ề":"e","ế":"e","ễ":"e","ể":"e","ẽ":"e","ē":"e","ḕ":"e","ḗ":"e","ĕ":"e","ė":"e","ë":"e","ẻ":"e","ě":"e","ȅ":"e","ȇ":"e","ẹ":"e","ệ":"e","ȩ":"e","ḝ":"e","ę":"e","ḙ":"e","ḛ":"e","ɇ":"e","ɛ":"e","ǝ":"e","ⓕ":"f","f":"f","ḟ":"f","ƒ":"f","ꝼ":"f","ⓖ":"g","g":"g","ǵ":"g","ĝ":"g","ḡ":"g","ğ":"g","ġ":"g","ǧ":"g","ģ":"g","ǥ":"g","ɠ":"g","ꞡ":"g","ᵹ":"g","ꝿ":"g","ⓗ":"h","h":"h","ĥ":"h","ḣ":"h","ḧ":"h","ȟ":"h","ḥ":"h","ḩ":"h","ḫ":"h","ẖ":"h","ħ":"h","ⱨ":"h","ⱶ":"h","ɥ":"h","ƕ":"hv","ⓘ":"i","i":"i","ì":"i","í":"i","î":"i","ĩ":"i","ī":"i","ĭ":"i","ï":"i","ḯ":"i","ỉ":"i","ǐ":"i","ȉ":"i","ȋ":"i","ị":"i","į":"i","ḭ":"i","ɨ":"i","ı":"i","ⓙ":"j","j":"j","ĵ":"j","ǰ":"j","ɉ":"j","ⓚ":"k","k":"k","ḱ":"k","ǩ":"k","ḳ":"k","ķ":"k","ḵ":"k","ƙ":"k","ⱪ":"k","ꝁ":"k","ꝃ":"k","ꝅ":"k","ꞣ":"k","ⓛ":"l","l":"l","ŀ":"l","ĺ":"l","ľ":"l","ḷ":"l","ḹ":"l","ļ":"l","ḽ":"l","ḻ":"l","ſ":"l","ł":"l","ƚ":"l","ɫ":"l","ⱡ":"l","ꝉ":"l","ꞁ":"l","ꝇ":"l","lj":"lj","ⓜ":"m","m":"m","ḿ":"m","ṁ":"m","ṃ":"m","ɱ":"m","ɯ":"m","ⓝ":"n","n":"n","ǹ":"n","ń":"n","ñ":"n","ṅ":"n","ň":"n","ṇ":"n","ņ":"n","ṋ":"n","ṉ":"n","ƞ":"n","ɲ":"n","ʼn":"n","ꞑ":"n","ꞥ":"n","nj":"nj","ⓞ":"o","o":"o","ò":"o","ó":"o","ô":"o","ồ":"o","ố":"o","ỗ":"o","ổ":"o","õ":"o","ṍ":"o","ȭ":"o","ṏ":"o","ō":"o","ṑ":"o","ṓ":"o","ŏ":"o","ȯ":"o","ȱ":"o","ö":"o","ȫ":"o","ỏ":"o","ő":"o","ǒ":"o","ȍ":"o","ȏ":"o","ơ":"o","ờ":"o","ớ":"o","ỡ":"o","ở":"o","ợ":"o","ọ":"o","ộ":"o","ǫ":"o","ǭ":"o","ø":"o","ǿ":"o","ɔ":"o","ꝋ":"o","ꝍ":"o","ɵ":"o","ƣ":"oi","ȣ":"ou","ꝏ":"oo","ⓟ":"p","p":"p","ṕ":"p","ṗ":"p","ƥ":"p","ᵽ":"p","ꝑ":"p","ꝓ":"p","ꝕ":"p","ⓠ":"q","q":"q","ɋ":"q","ꝗ":"q","ꝙ":"q","ⓡ":"r","r":"r","ŕ":"r","ṙ":"r","ř":"r","ȑ":"r","ȓ":"r","ṛ":"r","ṝ":"r","ŗ":"r","ṟ":"r","ɍ":"r","ɽ":"r","ꝛ":"r","ꞧ":"r","ꞃ":"r","ⓢ":"s","s":"s","ß":"s","ś":"s","ṥ":"s","ŝ":"s","ṡ":"s","š":"s","ṧ":"s","ṣ":"s","ṩ":"s","ș":"s","ş":"s","ȿ":"s","ꞩ":"s","ꞅ":"s","ẛ":"s","ⓣ":"t","t":"t","ṫ":"t","ẗ":"t","ť":"t","ṭ":"t","ț":"t","ţ":"t","ṱ":"t","ṯ":"t","ŧ":"t","ƭ":"t","ʈ":"t","ⱦ":"t","ꞇ":"t","ꜩ":"tz","ⓤ":"u","u":"u","ù":"u","ú":"u","û":"u","ũ":"u","ṹ":"u","ū":"u","ṻ":"u","ŭ":"u","ü":"u","ǜ":"u","ǘ":"u","ǖ":"u","ǚ":"u","ủ":"u","ů":"u","ű":"u","ǔ":"u","ȕ":"u","ȗ":"u","ư":"u","ừ":"u","ứ":"u","ữ":"u","ử":"u","ự":"u","ụ":"u","ṳ":"u","ų":"u","ṷ":"u","ṵ":"u","ʉ":"u","ⓥ":"v","v":"v","ṽ":"v","ṿ":"v","ʋ":"v","ꝟ":"v","ʌ":"v","ꝡ":"vy","ⓦ":"w","w":"w","ẁ":"w","ẃ":"w","ŵ":"w","ẇ":"w","ẅ":"w","ẘ":"w","ẉ":"w","ⱳ":"w","ⓧ":"x","x":"x","ẋ":"x","ẍ":"x","ⓨ":"y","y":"y","ỳ":"y","ý":"y","ŷ":"y","ỹ":"y","ȳ":"y","ẏ":"y","ÿ":"y","ỷ":"y","ẙ":"y","ỵ":"y","ƴ":"y","ɏ":"y","ỿ":"y","ⓩ":"z","z":"z","ź":"z","ẑ":"z","ż":"z","ž":"z","ẓ":"z","ẕ":"z","ƶ":"z","ȥ":"z","ɀ":"z","ⱬ":"z","ꝣ":"z","Ά":"Α","Έ":"Ε","Ή":"Η","Ί":"Ι","Ϊ":"Ι","Ό":"Ο","Ύ":"Υ","Ϋ":"Υ","Ώ":"Ω","ά":"α","έ":"ε","ή":"η","ί":"ι","ϊ":"ι","ΐ":"ι","ό":"ο","ύ":"υ","ϋ":"υ","ΰ":"υ","ω":"ω","ς":"σ"}}),b.define("select2/data/base",["../utils"],function(a){function b(a,c){b.__super__.constructor.call(this)}return a.Extend(b,a.Observable),b.prototype.current=function(a){throw new Error("The `current` method must be defined in child classes.")},b.prototype.query=function(a,b){throw new Error("The `query` method must be defined in child classes.")},b.prototype.bind=function(a,b){},b.prototype.destroy=function(){},b.prototype.generateResultId=function(b,c){var d=b.id+"-result-";return d+=a.generateChars(4),null!=c.id?d+="-"+c.id.toString():d+="-"+a.generateChars(4),d},b}),b.define("select2/data/select",["./base","../utils","jquery"],function(a,b,c){function d(a,b){this.$element=a,this.options=b,d.__super__.constructor.call(this)}return b.Extend(d,a),d.prototype.current=function(a){var b=[],d=this;this.$element.find(":selected").each(function(){var a=c(this),e=d.item(a);b.push(e)}),a(b)},d.prototype.select=function(a){var b=this;if(a.selected=!0,c(a.element).is("option"))return a.element.selected=!0,void this.$element.trigger("change");if(this.$element.prop("multiple"))this.current(function(d){var e=[];a=[a],a.push.apply(a,d);for(var f=0;f=0){var k=f.filter(d(j)),l=this.item(k),m=c.extend(!0,{},j,l),n=this.option(m);k.replaceWith(n)}else{var o=this.option(j);if(j.children){var p=this.convertToOptions(j.children);b.appendMany(o,p)}h.push(o)}}return h},d}),b.define("select2/data/ajax",["./array","../utils","jquery"],function(a,b,c){function d(a,b){this.ajaxOptions=this._applyDefaults(b.get("ajax")),null!=this.ajaxOptions.processResults&&(this.processResults=this.ajaxOptions.processResults),d.__super__.constructor.call(this,a,b)}return b.Extend(d,a),d.prototype._applyDefaults=function(a){var b={data:function(a){return c.extend({},a,{q:a.term})},transport:function(a,b,d){var e=c.ajax(a);return e.then(b),e.fail(d),e}};return c.extend({},b,a,!0)},d.prototype.processResults=function(a){return a},d.prototype.query=function(a,b){function d(){var d=f.transport(f,function(d){var f=e.processResults(d,a);e.options.get("debug")&&window.console&&console.error&&(f&&f.results&&c.isArray(f.results)||console.error("Select2: The AJAX results did not return an array in the `results` key of the response.")),b(f)},function(){"status"in d&&(0===d.status||"0"===d.status)||e.trigger("results:message",{message:"errorLoading"})});e._request=d}var e=this;null!=this._request&&(c.isFunction(this._request.abort)&&this._request.abort(),this._request=null);var f=c.extend({type:"GET"},this.ajaxOptions);"function"==typeof f.url&&(f.url=f.url.call(this.$element,a)),"function"==typeof f.data&&(f.data=f.data.call(this.$element,a)),this.ajaxOptions.delay&&null!=a.term?(this._queryTimeout&&window.clearTimeout(this._queryTimeout),this._queryTimeout=window.setTimeout(d,this.ajaxOptions.delay)):d()},d}),b.define("select2/data/tags",["jquery"],function(a){function b(b,c,d){var e=d.get("tags"),f=d.get("createTag");void 0!==f&&(this.createTag=f);var g=d.get("insertTag");if(void 0!==g&&(this.insertTag=g),b.call(this,c,d),a.isArray(e))for(var h=0;h0&&b.term.length>this.maximumInputLength)return void this.trigger("results:message",{message:"inputTooLong",args:{maximum:this.maximumInputLength,input:b.term,params:b}});a.call(this,b,c)},a}),b.define("select2/data/maximumSelectionLength",[],function(){function a(a,b,c){this.maximumSelectionLength=c.get("maximumSelectionLength"),a.call(this,b,c)}return a.prototype.query=function(a,b,c){var d=this;this.current(function(e){var f=null!=e?e.length:0;if(d.maximumSelectionLength>0&&f>=d.maximumSelectionLength)return void d.trigger("results:message",{message:"maximumSelected",args:{maximum:d.maximumSelectionLength}});a.call(d,b,c)})},a}),b.define("select2/dropdown",["jquery","./utils"],function(a,b){function c(a,b){this.$element=a,this.options=b,c.__super__.constructor.call(this)}return b.Extend(c,b.Observable),c.prototype.render=function(){var b=a('');return b.attr("dir",this.options.get("dir")),this.$dropdown=b,b},c.prototype.bind=function(){},c.prototype.position=function(a,b){},c.prototype.destroy=function(){this.$dropdown.remove()},c}),b.define("select2/dropdown/search",["jquery","../utils"],function(a,b){function c(){}return c.prototype.render=function(b){var c=b.call(this),d=a('');return this.$searchContainer=d,this.$search=d.find("input"),c.prepend(d),c},c.prototype.bind=function(b,c,d){var e=this;b.call(this,c,d),this.$search.on("keydown",function(a){e.trigger("keypress",a),e._keyUpPrevented=a.isDefaultPrevented()}),this.$search.on("input",function(b){a(this).off("keyup")}),this.$search.on("keyup input",function(a){e.handleSearch(a)}),c.on("open",function(){e.$search.attr("tabindex",0),e.$search.focus(),window.setTimeout(function(){e.$search.focus()},0)}),c.on("close",function(){e.$search.attr("tabindex",-1),e.$search.val(""),e.$search.blur()}),c.on("focus",function(){c.isOpen()||e.$search.focus()}),c.on("results:all",function(a){if(null==a.query.term||""===a.query.term){e.showSearch(a)?e.$searchContainer.removeClass("select2-search--hide"):e.$searchContainer.addClass("select2-search--hide")}})},c.prototype.handleSearch=function(a){if(!this._keyUpPrevented){var b=this.$search.val();this.trigger("query",{term:b})}this._keyUpPrevented=!1},c.prototype.showSearch=function(a,b){return!0},c}),b.define("select2/dropdown/hidePlaceholder",[],function(){function a(a,b,c,d){this.placeholder=this.normalizePlaceholder(c.get("placeholder")),a.call(this,b,c,d)}return a.prototype.append=function(a,b){b.results=this.removePlaceholder(b.results),a.call(this,b)},a.prototype.normalizePlaceholder=function(a,b){return"string"==typeof b&&(b={id:"",text:b}),b},a.prototype.removePlaceholder=function(a,b){for(var c=b.slice(0),d=b.length-1;d>=0;d--){var e=b[d];this.placeholder.id===e.id&&c.splice(d,1)}return c},a}),b.define("select2/dropdown/infiniteScroll",["jquery"],function(a){function b(a,b,c,d){this.lastParams={},a.call(this,b,c,d),this.$loadingMore=this.createLoadingMore(),this.loading=!1}return b.prototype.append=function(a,b){this.$loadingMore.remove(),this.loading=!1,a.call(this,b),this.showLoadingMore(b)&&this.$results.append(this.$loadingMore)},b.prototype.bind=function(b,c,d){var e=this;b.call(this,c,d),c.on("query",function(a){e.lastParams=a,e.loading=!0}),c.on("query:append",function(a){e.lastParams=a,e.loading=!0}),this.$results.on("scroll",function(){var b=a.contains(document.documentElement,e.$loadingMore[0]);if(!e.loading&&b){e.$results.offset().top+e.$results.outerHeight(!1)+50>=e.$loadingMore.offset().top+e.$loadingMore.outerHeight(!1)&&e.loadMore()}})},b.prototype.loadMore=function(){this.loading=!0;var b=a.extend({},{page:1},this.lastParams);b.page++,this.trigger("query:append",b)},b.prototype.showLoadingMore=function(a,b){return b.pagination&&b.pagination.more},b.prototype.createLoadingMore=function(){var b=a('
    • '),c=this.options.get("translations").get("loadingMore");return b.html(c(this.lastParams)),b},b}),b.define("select2/dropdown/attachBody",["jquery","../utils"],function(a,b){function c(b,c,d){this.$dropdownParent=d.get("dropdownParent")||a(document.body),b.call(this,c,d)}return c.prototype.bind=function(a,b,c){var d=this,e=!1;a.call(this,b,c),b.on("open",function(){d._showDropdown(),d._attachPositioningHandler(b),e||(e=!0,b.on("results:all",function(){d._positionDropdown(),d._resizeDropdown()}),b.on("results:append",function(){d._positionDropdown(),d._resizeDropdown()}))}),b.on("close",function(){d._hideDropdown(),d._detachPositioningHandler(b)}),this.$dropdownContainer.on("mousedown",function(a){a.stopPropagation()})},c.prototype.destroy=function(a){a.call(this),this.$dropdownContainer.remove()},c.prototype.position=function(a,b,c){b.attr("class",c.attr("class")),b.removeClass("select2"),b.addClass("select2-container--open"),b.css({position:"absolute",top:-999999}),this.$container=c},c.prototype.render=function(b){var c=a(""),d=b.call(this);return c.append(d),this.$dropdownContainer=c,c},c.prototype._hideDropdown=function(a){this.$dropdownContainer.detach()},c.prototype._attachPositioningHandler=function(c,d){var e=this,f="scroll.select2."+d.id,g="resize.select2."+d.id,h="orientationchange.select2."+d.id,i=this.$container.parents().filter(b.hasScroll);i.each(function(){b.StoreData(this,"select2-scroll-position",{x:a(this).scrollLeft(),y:a(this).scrollTop()})}),i.on(f,function(c){var d=b.GetData(this,"select2-scroll-position");a(this).scrollTop(d.y)}),a(window).on(f+" "+g+" "+h,function(a){e._positionDropdown(),e._resizeDropdown()})},c.prototype._detachPositioningHandler=function(c,d){var e="scroll.select2."+d.id,f="resize.select2."+d.id,g="orientationchange.select2."+d.id;this.$container.parents().filter(b.hasScroll).off(e),a(window).off(e+" "+f+" "+g)},c.prototype._positionDropdown=function(){var b=a(window),c=this.$dropdown.hasClass("select2-dropdown--above"),d=this.$dropdown.hasClass("select2-dropdown--below"),e=null,f=this.$container.offset();f.bottom=f.top+this.$container.outerHeight(!1);var g={height:this.$container.outerHeight(!1)};g.top=f.top,g.bottom=f.top+g.height;var h={height:this.$dropdown.outerHeight(!1)},i={top:b.scrollTop(),bottom:b.scrollTop()+b.height()},j=i.topf.bottom+h.height,l={left:f.left,top:g.bottom},m=this.$dropdownParent;"static"===m.css("position")&&(m=m.offsetParent());var n=m.offset();l.top-=n.top,l.left-=n.left,c||d||(e="below"),k||!j||c?!j&&k&&c&&(e="below"):e="above",("above"==e||c&&"below"!==e)&&(l.top=g.top-n.top-h.height),null!=e&&(this.$dropdown.removeClass("select2-dropdown--below select2-dropdown--above").addClass("select2-dropdown--"+e),this.$container.removeClass("select2-container--below select2-container--above").addClass("select2-container--"+e)),this.$dropdownContainer.css(l)},c.prototype._resizeDropdown=function(){var a={width:this.$container.outerWidth(!1)+"px"};this.options.get("dropdownAutoWidth")&&(a.minWidth=a.width,a.position="relative",a.width="auto"),this.$dropdown.css(a)},c.prototype._showDropdown=function(a){this.$dropdownContainer.appendTo(this.$dropdownParent),this._positionDropdown(),this._resizeDropdown()},c}),b.define("select2/dropdown/minimumResultsForSearch",[],function(){function a(b){for(var c=0,d=0;d0&&(l.dataAdapter=j.Decorate(l.dataAdapter,r)),l.maximumInputLength>0&&(l.dataAdapter=j.Decorate(l.dataAdapter,s)),l.maximumSelectionLength>0&&(l.dataAdapter=j.Decorate(l.dataAdapter,t)),l.tags&&(l.dataAdapter=j.Decorate(l.dataAdapter,p)),null==l.tokenSeparators&&null==l.tokenizer||(l.dataAdapter=j.Decorate(l.dataAdapter,q)),null!=l.query){var C=b(l.amdBase+"compat/query");l.dataAdapter=j.Decorate(l.dataAdapter,C)}if(null!=l.initSelection){var D=b(l.amdBase+"compat/initSelection");l.dataAdapter=j.Decorate(l.dataAdapter,D)}}if(null==l.resultsAdapter&&(l.resultsAdapter=c,null!=l.ajax&&(l.resultsAdapter=j.Decorate(l.resultsAdapter,x)),null!=l.placeholder&&(l.resultsAdapter=j.Decorate(l.resultsAdapter,w)),l.selectOnClose&&(l.resultsAdapter=j.Decorate(l.resultsAdapter,A))),null==l.dropdownAdapter){if(l.multiple)l.dropdownAdapter=u;else{var E=j.Decorate(u,v);l.dropdownAdapter=E}if(0!==l.minimumResultsForSearch&&(l.dropdownAdapter=j.Decorate(l.dropdownAdapter,z)),l.closeOnSelect&&(l.dropdownAdapter=j.Decorate(l.dropdownAdapter,B)),null!=l.dropdownCssClass||null!=l.dropdownCss||null!=l.adaptDropdownCssClass){var F=b(l.amdBase+"compat/dropdownCss");l.dropdownAdapter=j.Decorate(l.dropdownAdapter,F)}l.dropdownAdapter=j.Decorate(l.dropdownAdapter,y)}if(null==l.selectionAdapter){if(l.multiple?l.selectionAdapter=e:l.selectionAdapter=d,null!=l.placeholder&&(l.selectionAdapter=j.Decorate(l.selectionAdapter,f)),l.allowClear&&(l.selectionAdapter=j.Decorate(l.selectionAdapter,g)),l.multiple&&(l.selectionAdapter=j.Decorate(l.selectionAdapter,h)),null!=l.containerCssClass||null!=l.containerCss||null!=l.adaptContainerCssClass){var G=b(l.amdBase+"compat/containerCss");l.selectionAdapter=j.Decorate(l.selectionAdapter,G)}l.selectionAdapter=j.Decorate(l.selectionAdapter,i)}if("string"==typeof l.language)if(l.language.indexOf("-")>0){var H=l.language.split("-"),I=H[0];l.language=[l.language,I]}else l.language=[l.language];if(a.isArray(l.language)){var J=new k;l.language.push("en");for(var K=l.language,L=0;L0){for(var f=a.extend(!0,{},e),g=e.children.length-1;g>=0;g--){null==c(d,e.children[g])&&f.children.splice(g,1)}return f.children.length>0?f:c(d,f)}var h=b(e.text).toUpperCase(),i=b(d.term).toUpperCase();return h.indexOf(i)>-1?e:null}this.defaults={amdBase:"./",amdLanguageBase:"./i18n/",closeOnSelect:!0,debug:!1,dropdownAutoWidth:!1,escapeMarkup:j.escapeMarkup,language:C,matcher:c,minimumInputLength:0,maximumInputLength:0,maximumSelectionLength:0,minimumResultsForSearch:0,selectOnClose:!1,sorter:function(a){return a},templateResult:function(a){return a.text},templateSelection:function(a){return a.text},theme:"default",width:"resolve"}},D.prototype.set=function(b,c){var d=a.camelCase(b),e={};e[d]=c;var f=j._convertData(e);a.extend(!0,this.defaults,f)},new D}),b.define("select2/options",["require","jquery","./defaults","./utils"],function(a,b,c,d){function e(b,e){if(this.options=b,null!=e&&this.fromElement(e),this.options=c.apply(this.options),e&&e.is("input")){var f=a(this.get("amdBase")+"compat/inputData");this.options.dataAdapter=d.Decorate(this.options.dataAdapter,f)}}return e.prototype.fromElement=function(a){var c=["select2"];null==this.options.multiple&&(this.options.multiple=a.prop("multiple")),null==this.options.disabled&&(this.options.disabled=a.prop("disabled")),null==this.options.language&&(a.prop("lang")?this.options.language=a.prop("lang").toLowerCase():a.closest("[lang]").prop("lang")&&(this.options.language=a.closest("[lang]").prop("lang"))),null==this.options.dir&&(a.prop("dir")?this.options.dir=a.prop("dir"):a.closest("[dir]").prop("dir")?this.options.dir=a.closest("[dir]").prop("dir"):this.options.dir="ltr"),a.prop("disabled",this.options.disabled),a.prop("multiple",this.options.multiple),d.GetData(a[0],"select2Tags")&&(this.options.debug&&window.console&&console.warn&&console.warn('Select2: The `data-select2-tags` attribute has been changed to use the `data-data` and `data-tags="true"` attributes and will be removed in future versions of Select2.'),d.StoreData(a[0],"data",d.GetData(a[0],"select2Tags")),d.StoreData(a[0],"tags",!0)),d.GetData(a[0],"ajaxUrl")&&(this.options.debug&&window.console&&console.warn&&console.warn("Select2: The `data-ajax-url` attribute has been changed to `data-ajax--url` and support for the old attribute will be removed in future versions of Select2."),a.attr("ajax--url",d.GetData(a[0],"ajaxUrl")),d.StoreData(a[0],"ajax-Url",d.GetData(a[0],"ajaxUrl")));var e={};e=b.fn.jquery&&"1."==b.fn.jquery.substr(0,2)&&a[0].dataset?b.extend(!0,{},a[0].dataset,d.GetData(a[0])):d.GetData(a[0]);var f=b.extend(!0,{},e);f=d._convertData(f);for(var g in f)b.inArray(g,c)>-1||(b.isPlainObject(this.options[g])?b.extend(this.options[g],f[g]):this.options[g]=f[g]);return this},e.prototype.get=function(a){return this.options[a]},e.prototype.set=function(a,b){this.options[a]=b},e}),b.define("select2/core",["jquery","./options","./utils","./keys"],function(a,b,c,d){var e=function(a,d){null!=c.GetData(a[0],"select2")&&c.GetData(a[0],"select2").destroy(),this.$element=a,this.id=this._generateId(a),d=d||{},this.options=new b(d,a),e.__super__.constructor.call(this);var f=a.attr("tabindex")||0;c.StoreData(a[0],"old-tabindex",f),a.attr("tabindex","-1");var g=this.options.get("dataAdapter");this.dataAdapter=new g(a,this.options);var h=this.render();this._placeContainer(h);var i=this.options.get("selectionAdapter");this.selection=new i(a,this.options),this.$selection=this.selection.render(),this.selection.position(this.$selection,h);var j=this.options.get("dropdownAdapter");this.dropdown=new j(a,this.options),this.$dropdown=this.dropdown.render(),this.dropdown.position(this.$dropdown,h);var k=this.options.get("resultsAdapter");this.results=new k(a,this.options,this.dataAdapter),this.$results=this.results.render(),this.results.position(this.$results,this.$dropdown);var l=this;this._bindAdapters(),this._registerDomEvents(),this._registerDataEvents(),this._registerSelectionEvents(),this._registerDropdownEvents(),this._registerResultsEvents(),this._registerEvents(),this.dataAdapter.current(function(a){l.trigger("selection:update",{data:a})}),a.addClass("select2-hidden-accessible"),a.attr("aria-hidden","true"),this._syncAttributes(),c.StoreData(a[0],"select2",this),a.data("select2",this)};return c.Extend(e,c.Observable),e.prototype._generateId=function(a){var b="";return b=null!=a.attr("id")?a.attr("id"):null!=a.attr("name")?a.attr("name")+"-"+c.generateChars(2):c.generateChars(4),b=b.replace(/(:|\.|\[|\]|,)/g,""),b="select2-"+b},e.prototype._placeContainer=function(a){a.insertAfter(this.$element);var b=this._resolveWidth(this.$element,this.options.get("width"));null!=b&&a.css("width",b)},e.prototype._resolveWidth=function(a,b){var c=/^width:(([-+]?([0-9]*\.)?[0-9]+)(px|em|ex|%|in|cm|mm|pt|pc))/i;if("resolve"==b){var d=this._resolveWidth(a,"style");return null!=d?d:this._resolveWidth(a,"element")}if("element"==b){var e=a.outerWidth(!1);return e<=0?"auto":e+"px"}if("style"==b){var f=a.attr("style");if("string"!=typeof f)return null;for(var g=f.split(";"),h=0,i=g.length;h=1)return k[1]}return null}return b},e.prototype._bindAdapters=function(){this.dataAdapter.bind(this,this.$container),this.selection.bind(this,this.$container),this.dropdown.bind(this,this.$container),this.results.bind(this,this.$container)},e.prototype._registerDomEvents=function(){var b=this;this.$element.on("change.select2",function(){b.dataAdapter.current(function(a){b.trigger("selection:update",{data:a})})}),this.$element.on("focus.select2",function(a){b.trigger("focus",a)}),this._syncA=c.bind(this._syncAttributes,this),this._syncS=c.bind(this._syncSubtree,this),this.$element[0].attachEvent&&this.$element[0].attachEvent("onpropertychange",this._syncA);var d=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver;null!=d?(this._observer=new d(function(c){a.each(c,b._syncA),a.each(c,b._syncS)}),this._observer.observe(this.$element[0],{attributes:!0,childList:!0,subtree:!1})):this.$element[0].addEventListener&&(this.$element[0].addEventListener("DOMAttrModified",b._syncA,!1),this.$element[0].addEventListener("DOMNodeInserted",b._syncS,!1),this.$element[0].addEventListener("DOMNodeRemoved",b._syncS,!1))},e.prototype._registerDataEvents=function(){var a=this;this.dataAdapter.on("*",function(b,c){a.trigger(b,c)})},e.prototype._registerSelectionEvents=function(){var b=this,c=["toggle","focus"];this.selection.on("toggle",function(){b.toggleDropdown()}),this.selection.on("focus",function(a){b.focus(a)}),this.selection.on("*",function(d,e){-1===a.inArray(d,c)&&b.trigger(d,e)})},e.prototype._registerDropdownEvents=function(){var a=this;this.dropdown.on("*",function(b,c){a.trigger(b,c)})},e.prototype._registerResultsEvents=function(){var a=this;this.results.on("*",function(b,c){a.trigger(b,c)})},e.prototype._registerEvents=function(){var a=this;this.on("open",function(){a.$container.addClass("select2-container--open")}),this.on("close",function(){a.$container.removeClass("select2-container--open")}),this.on("enable",function(){a.$container.removeClass("select2-container--disabled")}),this.on("disable",function(){a.$container.addClass("select2-container--disabled")}),this.on("blur",function(){a.$container.removeClass("select2-container--focus")}),this.on("query",function(b){a.isOpen()||a.trigger("open",{}),this.dataAdapter.query(b,function(c){a.trigger("results:all",{data:c,query:b})})}),this.on("query:append",function(b){this.dataAdapter.query(b,function(c){a.trigger("results:append",{data:c,query:b})})}),this.on("keypress",function(b){var c=b.which;a.isOpen()?c===d.ESC||c===d.TAB||c===d.UP&&b.altKey?(a.close(),b.preventDefault()):c===d.ENTER?(a.trigger("results:select",{}),b.preventDefault()):c===d.SPACE&&b.ctrlKey?(a.trigger("results:toggle",{}),b.preventDefault()):c===d.UP?(a.trigger("results:previous",{}),b.preventDefault()):c===d.DOWN&&(a.trigger("results:next",{}),b.preventDefault()):(c===d.ENTER||c===d.SPACE||c===d.DOWN&&b.altKey)&&(a.open(),b.preventDefault())})},e.prototype._syncAttributes=function(){this.options.set("disabled",this.$element.prop("disabled")),this.options.get("disabled")?(this.isOpen()&&this.close(),this.trigger("disable",{})):this.trigger("enable",{})},e.prototype._syncSubtree=function(a,b){var c=!1,d=this;if(!a||!a.target||"OPTION"===a.target.nodeName||"OPTGROUP"===a.target.nodeName){if(b)if(b.addedNodes&&b.addedNodes.length>0)for(var e=0;e0&&(c=!0);else c=!0;c&&this.dataAdapter.current(function(a){d.trigger("selection:update",{data:a})})}},e.prototype.trigger=function(a,b){var c=e.__super__.trigger,d={open:"opening",close:"closing",select:"selecting",unselect:"unselecting",clear:"clearing"};if(void 0===b&&(b={}),a in d){var f=d[a],g={prevented:!1,name:a,args:b};if(c.call(this,f,g),g.prevented)return void(b.prevented=!0)}c.call(this,a,b)},e.prototype.toggleDropdown=function(){this.options.get("disabled")||(this.isOpen()?this.close():this.open())},e.prototype.open=function(){this.isOpen()||this.trigger("query",{})},e.prototype.close=function(){this.isOpen()&&this.trigger("close",{})},e.prototype.isOpen=function(){return this.$container.hasClass("select2-container--open")},e.prototype.hasFocus=function(){return this.$container.hasClass("select2-container--focus")},e.prototype.focus=function(a){this.hasFocus()||(this.$container.addClass("select2-container--focus"),this.trigger("focus",{}))},e.prototype.enable=function(a){this.options.get("debug")&&window.console&&console.warn&&console.warn('Select2: The `select2("enable")` method has been deprecated and will be removed in later Select2 versions. Use $element.prop("disabled") instead.'),null!=a&&0!==a.length||(a=[!0]);var b=!a[0];this.$element.prop("disabled",b)},e.prototype.data=function(){this.options.get("debug")&&arguments.length>0&&window.console&&console.warn&&console.warn('Select2: Data can no longer be set using `select2("data")`. You should consider setting the value instead using `$element.val()`.');var a=[];return this.dataAdapter.current(function(b){a=b}),a},e.prototype.val=function(b){if(this.options.get("debug")&&window.console&&console.warn&&console.warn('Select2: The `select2("val")` method has been deprecated and will be removed in later Select2 versions. Use $element.val() instead.'),null==b||0===b.length)return this.$element.val();var c=b[0];a.isArray(c)&&(c=a.map(c,function(a){return a.toString()})),this.$element.val(c).trigger("change")},e.prototype.destroy=function(){this.$container.remove(),this.$element[0].detachEvent&&this.$element[0].detachEvent("onpropertychange",this._syncA),null!=this._observer?(this._observer.disconnect(),this._observer=null):this.$element[0].removeEventListener&&(this.$element[0].removeEventListener("DOMAttrModified",this._syncA,!1),this.$element[0].removeEventListener("DOMNodeInserted",this._syncS,!1),this.$element[0].removeEventListener("DOMNodeRemoved",this._syncS,!1)),this._syncA=null,this._syncS=null,this.$element.off(".select2"),this.$element.attr("tabindex",c.GetData(this.$element[0],"old-tabindex")),this.$element.removeClass("select2-hidden-accessible"),this.$element.attr("aria-hidden","false"),c.RemoveData(this.$element[0]),this.$element.removeData("select2"),this.dataAdapter.destroy(),this.selection.destroy(),this.dropdown.destroy(),this.results.destroy(),this.dataAdapter=null,this.selection=null,this.dropdown=null,this.results=null},e.prototype.render=function(){var b=a('');return b.attr("dir",this.options.get("dir")),this.$container=b,this.$container.addClass("select2-container--"+this.options.get("theme")),c.StoreData(b[0],"element",this.$element),b},e}),b.define("jquery-mousewheel",["jquery"],function(a){return a}),b.define("jquery.select2",["jquery","jquery-mousewheel","./select2/core","./select2/defaults","./select2/utils"],function(a,b,c,d,e){if(null==a.fn.select2){var f=["open","close","destroy"];a.fn.select2=function(b){if("object"==typeof(b=b||{}))return this.each(function(){var d=a.extend(!0,{},b);new c(a(this),d)}),this;if("string"==typeof b){var d,g=Array.prototype.slice.call(arguments,1);return this.each(function(){var a=e.GetData(this,"select2");null==a&&window.console&&console.error&&console.error("The select2('"+b+"') method was called on an element that is not using Select2."),d=a[b].apply(a,g)}),a.inArray(b,f)>-1?this:d}throw new Error("Invalid arguments for Select2: "+b)}}return null==a.fn.select2.defaults&&(a.fn.select2.defaults=d),c}),{define:b.define,require:b.require}}(),c=b.require("jquery.select2");return a.fn.select2.amd=b,c}); + +/*! Chart.js v2.9.4 * https://www.chartjs.org * (c) 2020 Chart.js Contributors * Released under the MIT License */ +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(function(){try{return require("moment")}catch(t){}}()):"function"==typeof define&&define.amd?define(["require"],(function(t){return e(function(){try{return t("moment")}catch(t){}}())})):(t=t||self).Chart=e(t.moment)}(this,(function(t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var e={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},n=function(t,e){return t(e={exports:{}},e.exports),e.exports}((function(t){var n={};for(var i in e)e.hasOwnProperty(i)&&(n[e[i]]=i);var a=t.exports={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};for(var r in a)if(a.hasOwnProperty(r)){if(!("channels"in a[r]))throw new Error("missing channels property: "+r);if(!("labels"in a[r]))throw new Error("missing channel labels property: "+r);if(a[r].labels.length!==a[r].channels)throw new Error("channel and label counts mismatch: "+r);var o=a[r].channels,s=a[r].labels;delete a[r].channels,delete a[r].labels,Object.defineProperty(a[r],"channels",{value:o}),Object.defineProperty(a[r],"labels",{value:s})}a.rgb.hsl=function(t){var e,n,i=t[0]/255,a=t[1]/255,r=t[2]/255,o=Math.min(i,a,r),s=Math.max(i,a,r),l=s-o;return s===o?e=0:i===s?e=(a-r)/l:a===s?e=2+(r-i)/l:r===s&&(e=4+(i-a)/l),(e=Math.min(60*e,360))<0&&(e+=360),n=(o+s)/2,[e,100*(s===o?0:n<=.5?l/(s+o):l/(2-s-o)),100*n]},a.rgb.hsv=function(t){var e,n,i,a,r,o=t[0]/255,s=t[1]/255,l=t[2]/255,u=Math.max(o,s,l),d=u-Math.min(o,s,l),h=function(t){return(u-t)/6/d+.5};return 0===d?a=r=0:(r=d/u,e=h(o),n=h(s),i=h(l),o===u?a=i-n:s===u?a=1/3+e-i:l===u&&(a=2/3+n-e),a<0?a+=1:a>1&&(a-=1)),[360*a,100*r,100*u]},a.rgb.hwb=function(t){var e=t[0],n=t[1],i=t[2];return[a.rgb.hsl(t)[0],100*(1/255*Math.min(e,Math.min(n,i))),100*(i=1-1/255*Math.max(e,Math.max(n,i)))]},a.rgb.cmyk=function(t){var e,n=t[0]/255,i=t[1]/255,a=t[2]/255;return[100*((1-n-(e=Math.min(1-n,1-i,1-a)))/(1-e)||0),100*((1-i-e)/(1-e)||0),100*((1-a-e)/(1-e)||0),100*e]},a.rgb.keyword=function(t){var i=n[t];if(i)return i;var a,r,o,s=1/0;for(var l in e)if(e.hasOwnProperty(l)){var u=e[l],d=(r=t,o=u,Math.pow(r[0]-o[0],2)+Math.pow(r[1]-o[1],2)+Math.pow(r[2]-o[2],2));d.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)+.3576*(n=n>.04045?Math.pow((n+.055)/1.055,2.4):n/12.92)+.1805*(i=i>.04045?Math.pow((i+.055)/1.055,2.4):i/12.92)),100*(.2126*e+.7152*n+.0722*i),100*(.0193*e+.1192*n+.9505*i)]},a.rgb.lab=function(t){var e=a.rgb.xyz(t),n=e[0],i=e[1],r=e[2];return i/=100,r/=108.883,n=(n/=95.047)>.008856?Math.pow(n,1/3):7.787*n+16/116,[116*(i=i>.008856?Math.pow(i,1/3):7.787*i+16/116)-16,500*(n-i),200*(i-(r=r>.008856?Math.pow(r,1/3):7.787*r+16/116))]},a.hsl.rgb=function(t){var e,n,i,a,r,o=t[0]/360,s=t[1]/100,l=t[2]/100;if(0===s)return[r=255*l,r,r];e=2*l-(n=l<.5?l*(1+s):l+s-l*s),a=[0,0,0];for(var u=0;u<3;u++)(i=o+1/3*-(u-1))<0&&i++,i>1&&i--,r=6*i<1?e+6*(n-e)*i:2*i<1?n:3*i<2?e+(n-e)*(2/3-i)*6:e,a[u]=255*r;return a},a.hsl.hsv=function(t){var e=t[0],n=t[1]/100,i=t[2]/100,a=n,r=Math.max(i,.01);return n*=(i*=2)<=1?i:2-i,a*=r<=1?r:2-r,[e,100*(0===i?2*a/(r+a):2*n/(i+n)),100*((i+n)/2)]},a.hsv.rgb=function(t){var e=t[0]/60,n=t[1]/100,i=t[2]/100,a=Math.floor(e)%6,r=e-Math.floor(e),o=255*i*(1-n),s=255*i*(1-n*r),l=255*i*(1-n*(1-r));switch(i*=255,a){case 0:return[i,l,o];case 1:return[s,i,o];case 2:return[o,i,l];case 3:return[o,s,i];case 4:return[l,o,i];case 5:return[i,o,s]}},a.hsv.hsl=function(t){var e,n,i,a=t[0],r=t[1]/100,o=t[2]/100,s=Math.max(o,.01);return i=(2-r)*o,n=r*s,[a,100*(n=(n/=(e=(2-r)*s)<=1?e:2-e)||0),100*(i/=2)]},a.hwb.rgb=function(t){var e,n,i,a,r,o,s,l=t[0]/360,u=t[1]/100,d=t[2]/100,h=u+d;switch(h>1&&(u/=h,d/=h),i=6*l-(e=Math.floor(6*l)),0!=(1&e)&&(i=1-i),a=u+i*((n=1-d)-u),e){default:case 6:case 0:r=n,o=a,s=u;break;case 1:r=a,o=n,s=u;break;case 2:r=u,o=n,s=a;break;case 3:r=u,o=a,s=n;break;case 4:r=a,o=u,s=n;break;case 5:r=n,o=u,s=a}return[255*r,255*o,255*s]},a.cmyk.rgb=function(t){var e=t[0]/100,n=t[1]/100,i=t[2]/100,a=t[3]/100;return[255*(1-Math.min(1,e*(1-a)+a)),255*(1-Math.min(1,n*(1-a)+a)),255*(1-Math.min(1,i*(1-a)+a))]},a.xyz.rgb=function(t){var e,n,i,a=t[0]/100,r=t[1]/100,o=t[2]/100;return n=-.9689*a+1.8758*r+.0415*o,i=.0557*a+-.204*r+1.057*o,e=(e=3.2406*a+-1.5372*r+-.4986*o)>.0031308?1.055*Math.pow(e,1/2.4)-.055:12.92*e,n=n>.0031308?1.055*Math.pow(n,1/2.4)-.055:12.92*n,i=i>.0031308?1.055*Math.pow(i,1/2.4)-.055:12.92*i,[255*(e=Math.min(Math.max(0,e),1)),255*(n=Math.min(Math.max(0,n),1)),255*(i=Math.min(Math.max(0,i),1))]},a.xyz.lab=function(t){var e=t[0],n=t[1],i=t[2];return n/=100,i/=108.883,e=(e/=95.047)>.008856?Math.pow(e,1/3):7.787*e+16/116,[116*(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116)-16,500*(e-n),200*(n-(i=i>.008856?Math.pow(i,1/3):7.787*i+16/116))]},a.lab.xyz=function(t){var e,n,i,a=t[0];e=t[1]/500+(n=(a+16)/116),i=n-t[2]/200;var r=Math.pow(n,3),o=Math.pow(e,3),s=Math.pow(i,3);return n=r>.008856?r:(n-16/116)/7.787,e=o>.008856?o:(e-16/116)/7.787,i=s>.008856?s:(i-16/116)/7.787,[e*=95.047,n*=100,i*=108.883]},a.lab.lch=function(t){var e,n=t[0],i=t[1],a=t[2];return(e=360*Math.atan2(a,i)/2/Math.PI)<0&&(e+=360),[n,Math.sqrt(i*i+a*a),e]},a.lch.lab=function(t){var e,n=t[0],i=t[1];return e=t[2]/360*2*Math.PI,[n,i*Math.cos(e),i*Math.sin(e)]},a.rgb.ansi16=function(t){var e=t[0],n=t[1],i=t[2],r=1 in arguments?arguments[1]:a.rgb.hsv(t)[2];if(0===(r=Math.round(r/50)))return 30;var o=30+(Math.round(i/255)<<2|Math.round(n/255)<<1|Math.round(e/255));return 2===r&&(o+=60),o},a.hsv.ansi16=function(t){return a.rgb.ansi16(a.hsv.rgb(t),t[2])},a.rgb.ansi256=function(t){var e=t[0],n=t[1],i=t[2];return e===n&&n===i?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(n/255*5)+Math.round(i/255*5)},a.ansi16.rgb=function(t){var e=t%10;if(0===e||7===e)return t>50&&(e+=3.5),[e=e/10.5*255,e,e];var n=.5*(1+~~(t>50));return[(1&e)*n*255,(e>>1&1)*n*255,(e>>2&1)*n*255]},a.ansi256.rgb=function(t){if(t>=232){var e=10*(t-232)+8;return[e,e,e]}var n;return t-=16,[Math.floor(t/36)/5*255,Math.floor((n=t%36)/6)/5*255,n%6/5*255]},a.rgb.hex=function(t){var e=(((255&Math.round(t[0]))<<16)+((255&Math.round(t[1]))<<8)+(255&Math.round(t[2]))).toString(16).toUpperCase();return"000000".substring(e.length)+e},a.hex.rgb=function(t){var e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];var n=e[0];3===e[0].length&&(n=n.split("").map((function(t){return t+t})).join(""));var i=parseInt(n,16);return[i>>16&255,i>>8&255,255&i]},a.rgb.hcg=function(t){var e,n=t[0]/255,i=t[1]/255,a=t[2]/255,r=Math.max(Math.max(n,i),a),o=Math.min(Math.min(n,i),a),s=r-o;return e=s<=0?0:r===n?(i-a)/s%6:r===i?2+(a-n)/s:4+(n-i)/s+4,e/=6,[360*(e%=1),100*s,100*(s<1?o/(1-s):0)]},a.hsl.hcg=function(t){var e=t[1]/100,n=t[2]/100,i=1,a=0;return(i=n<.5?2*e*n:2*e*(1-n))<1&&(a=(n-.5*i)/(1-i)),[t[0],100*i,100*a]},a.hsv.hcg=function(t){var e=t[1]/100,n=t[2]/100,i=e*n,a=0;return i<1&&(a=(n-i)/(1-i)),[t[0],100*i,100*a]},a.hcg.rgb=function(t){var e=t[0]/360,n=t[1]/100,i=t[2]/100;if(0===n)return[255*i,255*i,255*i];var a,r=[0,0,0],o=e%1*6,s=o%1,l=1-s;switch(Math.floor(o)){case 0:r[0]=1,r[1]=s,r[2]=0;break;case 1:r[0]=l,r[1]=1,r[2]=0;break;case 2:r[0]=0,r[1]=1,r[2]=s;break;case 3:r[0]=0,r[1]=l,r[2]=1;break;case 4:r[0]=s,r[1]=0,r[2]=1;break;default:r[0]=1,r[1]=0,r[2]=l}return a=(1-n)*i,[255*(n*r[0]+a),255*(n*r[1]+a),255*(n*r[2]+a)]},a.hcg.hsv=function(t){var e=t[1]/100,n=e+t[2]/100*(1-e),i=0;return n>0&&(i=e/n),[t[0],100*i,100*n]},a.hcg.hsl=function(t){var e=t[1]/100,n=t[2]/100*(1-e)+.5*e,i=0;return n>0&&n<.5?i=e/(2*n):n>=.5&&n<1&&(i=e/(2*(1-n))),[t[0],100*i,100*n]},a.hcg.hwb=function(t){var e=t[1]/100,n=e+t[2]/100*(1-e);return[t[0],100*(n-e),100*(1-n)]},a.hwb.hcg=function(t){var e=t[1]/100,n=1-t[2]/100,i=n-e,a=0;return i<1&&(a=(n-i)/(1-i)),[t[0],100*i,100*a]},a.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]},a.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]},a.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]},a.gray.hsl=a.gray.hsv=function(t){return[0,0,t[0]]},a.gray.hwb=function(t){return[0,100,t[0]]},a.gray.cmyk=function(t){return[0,0,0,t[0]]},a.gray.lab=function(t){return[t[0],0,0]},a.gray.hex=function(t){var e=255&Math.round(t[0]/100*255),n=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(n.length)+n},a.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]}}));n.rgb,n.hsl,n.hsv,n.hwb,n.cmyk,n.xyz,n.lab,n.lch,n.hex,n.keyword,n.ansi16,n.ansi256,n.hcg,n.apple,n.gray;function i(t){var e=function(){for(var t={},e=Object.keys(n),i=e.length,a=0;a1&&(e=Array.prototype.slice.call(arguments));var n=t(e);if("object"==typeof n)for(var i=n.length,a=0;a1&&(e=Array.prototype.slice.call(arguments)),t(e))};return"conversion"in t&&(e.conversion=t.conversion),e}(i)}))}));var s=o,l={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},u={getRgba:d,getHsla:h,getRgb:function(t){var e=d(t);return e&&e.slice(0,3)},getHsl:function(t){var e=h(t);return e&&e.slice(0,3)},getHwb:c,getAlpha:function(t){var e=d(t);if(e)return e[3];if(e=h(t))return e[3];if(e=c(t))return e[3]},hexString:function(t,e){e=void 0!==e&&3===t.length?e:t[3];return"#"+v(t[0])+v(t[1])+v(t[2])+(e>=0&&e<1?v(Math.round(255*e)):"")},rgbString:function(t,e){if(e<1||t[3]&&t[3]<1)return f(t,e);return"rgb("+t[0]+", "+t[1]+", "+t[2]+")"},rgbaString:f,percentString:function(t,e){if(e<1||t[3]&&t[3]<1)return g(t,e);var n=Math.round(t[0]/255*100),i=Math.round(t[1]/255*100),a=Math.round(t[2]/255*100);return"rgb("+n+"%, "+i+"%, "+a+"%)"},percentaString:g,hslString:function(t,e){if(e<1||t[3]&&t[3]<1)return p(t,e);return"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)"},hslaString:p,hwbString:function(t,e){void 0===e&&(e=void 0!==t[3]?t[3]:1);return"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+(void 0!==e&&1!==e?", "+e:"")+")"},keyword:function(t){return b[t.slice(0,3)]}};function d(t){if(t){var e=[0,0,0],n=1,i=t.match(/^#([a-fA-F0-9]{3,4})$/i),a="";if(i){a=(i=i[1])[3];for(var r=0;rn?(e+.05)/(n+.05):(n+.05)/(e+.05)},level:function(t){var e=this.contrast(t);return e>=7.1?"AAA":e>=4.5?"AA":""},dark:function(){var t=this.values.rgb;return(299*t[0]+587*t[1]+114*t[2])/1e3<128},light:function(){return!this.dark()},negate:function(){for(var t=[],e=0;e<3;e++)t[e]=255-this.values.rgb[e];return this.setValues("rgb",t),this},lighten:function(t){var e=this.values.hsl;return e[2]+=e[2]*t,this.setValues("hsl",e),this},darken:function(t){var e=this.values.hsl;return e[2]-=e[2]*t,this.setValues("hsl",e),this},saturate:function(t){var e=this.values.hsl;return e[1]+=e[1]*t,this.setValues("hsl",e),this},desaturate:function(t){var e=this.values.hsl;return e[1]-=e[1]*t,this.setValues("hsl",e),this},whiten:function(t){var e=this.values.hwb;return e[1]+=e[1]*t,this.setValues("hwb",e),this},blacken:function(t){var e=this.values.hwb;return e[2]+=e[2]*t,this.setValues("hwb",e),this},greyscale:function(){var t=this.values.rgb,e=.3*t[0]+.59*t[1]+.11*t[2];return this.setValues("rgb",[e,e,e]),this},clearer:function(t){var e=this.values.alpha;return this.setValues("alpha",e-e*t),this},opaquer:function(t){var e=this.values.alpha;return this.setValues("alpha",e+e*t),this},rotate:function(t){var e=this.values.hsl,n=(e[0]+t)%360;return e[0]=n<0?360+n:n,this.setValues("hsl",e),this},mix:function(t,e){var n=t,i=void 0===e?.5:e,a=2*i-1,r=this.alpha()-n.alpha(),o=((a*r==-1?a:(a+r)/(1+a*r))+1)/2,s=1-o;return this.rgb(o*this.red()+s*n.red(),o*this.green()+s*n.green(),o*this.blue()+s*n.blue()).alpha(this.alpha()*i+n.alpha()*(1-i))},toJSON:function(){return this.rgb()},clone:function(){var t,e,n=new y,i=this.values,a=n.values;for(var r in i)i.hasOwnProperty(r)&&(t=i[r],"[object Array]"===(e={}.toString.call(t))?a[r]=t.slice(0):"[object Number]"===e?a[r]=t:console.error("unexpected color value:",t));return n}},y.prototype.spaces={rgb:["red","green","blue"],hsl:["hue","saturation","lightness"],hsv:["hue","saturation","value"],hwb:["hue","whiteness","blackness"],cmyk:["cyan","magenta","yellow","black"]},y.prototype.maxes={rgb:[255,255,255],hsl:[360,100,100],hsv:[360,100,100],hwb:[360,100,100],cmyk:[100,100,100,100]},y.prototype.getValues=function(t){for(var e=this.values,n={},i=0;i=0;a--)e.call(n,t[a],a);else for(a=0;a=1?t:-(Math.sqrt(1-t*t)-1)},easeOutCirc:function(t){return Math.sqrt(1-(t-=1)*t)},easeInOutCirc:function(t){return(t/=.5)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},easeInElastic:function(t){var e=1.70158,n=0,i=1;return 0===t?0:1===t?1:(n||(n=.3),i<1?(i=1,e=n/4):e=n/(2*Math.PI)*Math.asin(1/i),-i*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/n))},easeOutElastic:function(t){var e=1.70158,n=0,i=1;return 0===t?0:1===t?1:(n||(n=.3),i<1?(i=1,e=n/4):e=n/(2*Math.PI)*Math.asin(1/i),i*Math.pow(2,-10*t)*Math.sin((t-e)*(2*Math.PI)/n)+1)},easeInOutElastic:function(t){var e=1.70158,n=0,i=1;return 0===t?0:2==(t/=.5)?1:(n||(n=.45),i<1?(i=1,e=n/4):e=n/(2*Math.PI)*Math.asin(1/i),t<1?i*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/n)*-.5:i*Math.pow(2,-10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/n)*.5+1)},easeInBack:function(t){var e=1.70158;return t*t*((e+1)*t-e)},easeOutBack:function(t){var e=1.70158;return(t-=1)*t*((e+1)*t+e)+1},easeInOutBack:function(t){var e=1.70158;return(t/=.5)<1?t*t*((1+(e*=1.525))*t-e)*.5:.5*((t-=2)*t*((1+(e*=1.525))*t+e)+2)},easeInBounce:function(t){return 1-C.easeOutBounce(1-t)},easeOutBounce:function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},easeInOutBounce:function(t){return t<.5?.5*C.easeInBounce(2*t):.5*C.easeOutBounce(2*t-1)+.5}},P={effects:C};S.easingEffects=C;var A=Math.PI,D=A/180,T=2*A,I=A/2,F=A/4,O=2*A/3,L={clear:function(t){t.ctx.clearRect(0,0,t.width,t.height)},roundedRect:function(t,e,n,i,a,r){if(r){var o=Math.min(r,a/2,i/2),s=e+o,l=n+o,u=e+i-o,d=n+a-o;t.moveTo(e,l),se.left-1e-6&&t.xe.top-1e-6&&t.y0&&this.requestAnimationFrame()},advance:function(){for(var t,e,n,i,a=this.animations,r=0;r=n?(H.callback(t.onAnimationComplete,[t],e),e.animating=!1,a.splice(r,1)):++r}},Q=H.options.resolve,tt=["push","pop","shift","splice","unshift"];function et(t,e){var n=t._chartjs;if(n){var i=n.listeners,a=i.indexOf(e);-1!==a&&i.splice(a,1),i.length>0||(tt.forEach((function(e){delete t[e]})),delete t._chartjs)}}var nt=function(t,e){this.initialize(t,e)};H.extend(nt.prototype,{datasetElementType:null,dataElementType:null,_datasetElementOptions:["backgroundColor","borderCapStyle","borderColor","borderDash","borderDashOffset","borderJoinStyle","borderWidth"],_dataElementOptions:["backgroundColor","borderColor","borderWidth","pointStyle"],initialize:function(t,e){var n=this;n.chart=t,n.index=e,n.linkScales(),n.addElements(),n._type=n.getMeta().type},updateIndex:function(t){this.index=t},linkScales:function(){var t=this.getMeta(),e=this.chart,n=e.scales,i=this.getDataset(),a=e.options.scales;null!==t.xAxisID&&t.xAxisID in n&&!i.xAxisID||(t.xAxisID=i.xAxisID||a.xAxes[0].id),null!==t.yAxisID&&t.yAxisID in n&&!i.yAxisID||(t.yAxisID=i.yAxisID||a.yAxes[0].id)},getDataset:function(){return this.chart.data.datasets[this.index]},getMeta:function(){return this.chart.getDatasetMeta(this.index)},getScaleForId:function(t){return this.chart.scales[t]},_getValueScaleId:function(){return this.getMeta().yAxisID},_getIndexScaleId:function(){return this.getMeta().xAxisID},_getValueScale:function(){return this.getScaleForId(this._getValueScaleId())},_getIndexScale:function(){return this.getScaleForId(this._getIndexScaleId())},reset:function(){this._update(!0)},destroy:function(){this._data&&et(this._data,this)},createMetaDataset:function(){var t=this.datasetElementType;return t&&new t({_chart:this.chart,_datasetIndex:this.index})},createMetaData:function(t){var e=this.dataElementType;return e&&new e({_chart:this.chart,_datasetIndex:this.index,_index:t})},addElements:function(){var t,e,n=this.getMeta(),i=this.getDataset().data||[],a=n.data;for(t=0,e=i.length;tn&&this.insertElements(n,i-n)},insertElements:function(t,e){for(var n=0;na?(r=a/e.innerRadius,t.arc(o,s,e.innerRadius-a,i+r,n-r,!0)):t.arc(o,s,a,i+Math.PI/2,n-Math.PI/2),t.closePath(),t.clip()}function ot(t,e,n){var i="inner"===e.borderAlign;i?(t.lineWidth=2*e.borderWidth,t.lineJoin="round"):(t.lineWidth=e.borderWidth,t.lineJoin="bevel"),n.fullCircles&&function(t,e,n,i){var a,r=n.endAngle;for(i&&(n.endAngle=n.startAngle+at,rt(t,n),n.endAngle=r,n.endAngle===n.startAngle&&n.fullCircles&&(n.endAngle+=at,n.fullCircles--)),t.beginPath(),t.arc(n.x,n.y,n.innerRadius,n.startAngle+at,n.startAngle,!0),a=0;as;)a-=at;for(;a=o&&a<=s,u=r>=n.innerRadius&&r<=n.outerRadius;return l&&u}return!1},getCenterPoint:function(){var t=this._view,e=(t.startAngle+t.endAngle)/2,n=(t.innerRadius+t.outerRadius)/2;return{x:t.x+Math.cos(e)*n,y:t.y+Math.sin(e)*n}},getArea:function(){var t=this._view;return Math.PI*((t.endAngle-t.startAngle)/(2*Math.PI))*(Math.pow(t.outerRadius,2)-Math.pow(t.innerRadius,2))},tooltipPosition:function(){var t=this._view,e=t.startAngle+(t.endAngle-t.startAngle)/2,n=(t.outerRadius-t.innerRadius)/2+t.innerRadius;return{x:t.x+Math.cos(e)*n,y:t.y+Math.sin(e)*n}},draw:function(){var t,e=this._chart.ctx,n=this._view,i="inner"===n.borderAlign?.33:0,a={x:n.x,y:n.y,innerRadius:n.innerRadius,outerRadius:Math.max(n.outerRadius-i,0),pixelMargin:i,startAngle:n.startAngle,endAngle:n.endAngle,fullCircles:Math.floor(n.circumference/at)};if(e.save(),e.fillStyle=n.backgroundColor,e.strokeStyle=n.borderColor,a.fullCircles){for(a.endAngle=a.startAngle+at,e.beginPath(),e.arc(a.x,a.y,a.outerRadius,a.startAngle,a.endAngle),e.arc(a.x,a.y,a.innerRadius,a.endAngle,a.startAngle,!0),e.closePath(),t=0;tt.x&&(e=bt(e,"left","right")):t.basen?n:i,r:l.right||a<0?0:a>e?e:a,b:l.bottom||r<0?0:r>n?n:r,l:l.left||o<0?0:o>e?e:o}}function yt(t,e,n){var i=null===e,a=null===n,r=!(!t||i&&a)&&vt(t);return r&&(i||e>=r.left&&e<=r.right)&&(a||n>=r.top&&n<=r.bottom)}N._set("global",{elements:{rectangle:{backgroundColor:pt,borderColor:pt,borderSkipped:"bottom",borderWidth:0}}});var _t=K.extend({_type:"rectangle",draw:function(){var t=this._chart.ctx,e=this._view,n=function(t){var e=vt(t),n=e.right-e.left,i=e.bottom-e.top,a=xt(t,n/2,i/2);return{outer:{x:e.left,y:e.top,w:n,h:i},inner:{x:e.left+a.l,y:e.top+a.t,w:n-a.l-a.r,h:i-a.t-a.b}}}(e),i=n.outer,a=n.inner;t.fillStyle=e.backgroundColor,t.fillRect(i.x,i.y,i.w,i.h),i.w===a.w&&i.h===a.h||(t.save(),t.beginPath(),t.rect(i.x,i.y,i.w,i.h),t.clip(),t.fillStyle=e.borderColor,t.rect(a.x,a.y,a.w,a.h),t.fill("evenodd"),t.restore())},height:function(){var t=this._view;return t.base-t.y},inRange:function(t,e){return yt(this._view,t,e)},inLabelRange:function(t,e){var n=this._view;return mt(n)?yt(n,t,null):yt(n,null,e)},inXRange:function(t){return yt(this._view,t,null)},inYRange:function(t){return yt(this._view,null,t)},getCenterPoint:function(){var t,e,n=this._view;return mt(n)?(t=n.x,e=(n.y+n.base)/2):(t=(n.x+n.base)/2,e=n.y),{x:t,y:e}},getArea:function(){var t=this._view;return mt(t)?t.width*Math.abs(t.y-t.base):t.height*Math.abs(t.x-t.base)},tooltipPosition:function(){var t=this._view;return{x:t.x,y:t.y}}}),kt={},wt=st,Mt=dt,St=gt,Ct=_t;kt.Arc=wt,kt.Line=Mt,kt.Point=St,kt.Rectangle=Ct;var Pt=H._deprecated,At=H.valueOrDefault;function Dt(t,e,n){var i,a,r=n.barThickness,o=e.stackCount,s=e.pixels[t],l=H.isNullOrUndef(r)?function(t,e){var n,i,a,r,o=t._length;for(a=1,r=e.length;a0?Math.min(o,Math.abs(i-n)):o,n=i;return o}(e.scale,e.pixels):-1;return H.isNullOrUndef(r)?(i=l*n.categoryPercentage,a=n.barPercentage):(i=r*o,a=1),{chunk:i/o,ratio:a,start:s-i/2}}N._set("bar",{hover:{mode:"label"},scales:{xAxes:[{type:"category",offset:!0,gridLines:{offsetGridLines:!0}}],yAxes:[{type:"linear"}]}}),N._set("global",{datasets:{bar:{categoryPercentage:.8,barPercentage:.9}}});var Tt=it.extend({dataElementType:kt.Rectangle,_dataElementOptions:["backgroundColor","borderColor","borderSkipped","borderWidth","barPercentage","barThickness","categoryPercentage","maxBarThickness","minBarLength"],initialize:function(){var t,e,n=this;it.prototype.initialize.apply(n,arguments),(t=n.getMeta()).stack=n.getDataset().stack,t.bar=!0,e=n._getIndexScale().options,Pt("bar chart",e.barPercentage,"scales.[x/y]Axes.barPercentage","dataset.barPercentage"),Pt("bar chart",e.barThickness,"scales.[x/y]Axes.barThickness","dataset.barThickness"),Pt("bar chart",e.categoryPercentage,"scales.[x/y]Axes.categoryPercentage","dataset.categoryPercentage"),Pt("bar chart",n._getValueScale().options.minBarLength,"scales.[x/y]Axes.minBarLength","dataset.minBarLength"),Pt("bar chart",e.maxBarThickness,"scales.[x/y]Axes.maxBarThickness","dataset.maxBarThickness")},update:function(t){var e,n,i=this.getMeta().data;for(this._ruler=this.getRuler(),e=0,n=i.length;e=0&&p.min>=0?p.min:p.max,y=void 0===p.start?p.end:p.max>=0&&p.min>=0?p.max-p.min:p.min-p.max,_=g.length;if(v||void 0===v&&void 0!==b)for(i=0;i<_&&(a=g[i]).index!==t;++i)a.stack===b&&(r=void 0===(u=h._parseValue(f[a.index].data[e])).start?u.end:u.min>=0&&u.max>=0?u.max:u.min,(p.min<0&&r<0||p.max>=0&&r>0)&&(x+=r));return o=h.getPixelForValue(x),l=(s=h.getPixelForValue(x+y))-o,void 0!==m&&Math.abs(l)=0&&!c||y<0&&c?o-m:o+m),{size:l,base:o,head:s,center:s+l/2}},calculateBarIndexPixels:function(t,e,n,i){var a="flex"===i.barThickness?function(t,e,n){var i,a=e.pixels,r=a[t],o=t>0?a[t-1]:null,s=t=Rt?-zt:b<-Rt?zt:0)+m,y=Math.cos(b),_=Math.sin(b),k=Math.cos(x),w=Math.sin(x),M=b<=0&&x>=0||x>=zt,S=b<=Nt&&x>=Nt||x>=zt+Nt,C=b<=-Nt&&x>=-Nt||x>=Rt+Nt,P=b===-Rt||x>=Rt?-1:Math.min(y,y*p,k,k*p),A=C?-1:Math.min(_,_*p,w,w*p),D=M?1:Math.max(y,y*p,k,k*p),T=S?1:Math.max(_,_*p,w,w*p);u=(D-P)/2,d=(T-A)/2,h=-(D+P)/2,c=-(T+A)/2}for(i=0,a=g.length;i0&&!isNaN(t)?zt*(Math.abs(t)/e):0},getMaxBorderWidth:function(t){var e,n,i,a,r,o,s,l,u=0,d=this.chart;if(!t)for(e=0,n=d.data.datasets.length;e(u=s>u?s:u)?l:u);return u},setHoverStyle:function(t){var e=t._model,n=t._options,i=H.getHoverColor;t.$previousStyle={backgroundColor:e.backgroundColor,borderColor:e.borderColor,borderWidth:e.borderWidth},e.backgroundColor=Lt(n.hoverBackgroundColor,i(n.backgroundColor)),e.borderColor=Lt(n.hoverBorderColor,i(n.borderColor)),e.borderWidth=Lt(n.hoverBorderWidth,n.borderWidth)},_getRingWeightOffset:function(t){for(var e=0,n=0;n0&&Ht(l[t-1]._model,s)&&(n.controlPointPreviousX=u(n.controlPointPreviousX,s.left,s.right),n.controlPointPreviousY=u(n.controlPointPreviousY,s.top,s.bottom)),t0&&(r=t.getDatasetMeta(r[0]._datasetIndex).data),r},"x-axis":function(t,e){return ae(t,e,{intersect:!1})},point:function(t,e){return ee(t,Qt(e,t))},nearest:function(t,e,n){var i=Qt(e,t);n.axis=n.axis||"xy";var a=ie(n.axis);return ne(t,i,n.intersect,a)},x:function(t,e,n){var i=Qt(e,t),a=[],r=!1;return te(t,(function(t){t.inXRange(i.x)&&a.push(t),t.inRange(i.x,i.y)&&(r=!0)})),n.intersect&&!r&&(a=[]),a},y:function(t,e,n){var i=Qt(e,t),a=[],r=!1;return te(t,(function(t){t.inYRange(i.y)&&a.push(t),t.inRange(i.x,i.y)&&(r=!0)})),n.intersect&&!r&&(a=[]),a}}},oe=H.extend;function se(t,e){return H.where(t,(function(t){return t.pos===e}))}function le(t,e){return t.sort((function(t,n){var i=e?n:t,a=e?t:n;return i.weight===a.weight?i.index-a.index:i.weight-a.weight}))}function ue(t,e,n,i){return Math.max(t[n],e[n])+Math.max(t[i],e[i])}function de(t,e,n){var i,a,r=n.box,o=t.maxPadding;if(n.size&&(t[n.pos]-=n.size),n.size=n.horizontal?r.height:r.width,t[n.pos]+=n.size,r.getPadding){var s=r.getPadding();o.top=Math.max(o.top,s.top),o.left=Math.max(o.left,s.left),o.bottom=Math.max(o.bottom,s.bottom),o.right=Math.max(o.right,s.right)}if(i=e.outerWidth-ue(o,t,"left","right"),a=e.outerHeight-ue(o,t,"top","bottom"),i!==t.w||a!==t.h){t.w=i,t.h=a;var l=n.horizontal?[i,t.w]:[a,t.h];return!(l[0]===l[1]||isNaN(l[0])&&isNaN(l[1]))}}function he(t,e){var n=e.maxPadding;function i(t){var i={left:0,top:0,right:0,bottom:0};return t.forEach((function(t){i[t]=Math.max(e[t],n[t])})),i}return i(t?["left","right"]:["top","bottom"])}function ce(t,e,n){var i,a,r,o,s,l,u=[];for(i=0,a=t.length;idiv{position:absolute;width:1000000px;height:1000000px;left:0;top:0}.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0}"}))&&ge.default||ge,ve="$chartjs",be="chartjs-size-monitor",xe="chartjs-render-monitor",ye="chartjs-render-animation",_e=["animationstart","webkitAnimationStart"],ke={touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup",pointerenter:"mouseenter",pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointerleave:"mouseout",pointerout:"mouseout"};function we(t,e){var n=H.getStyle(t,e),i=n&&n.match(/^(\d+)(\.\d+)?px$/);return i?Number(i[1]):void 0}var Me=!!function(){var t=!1;try{var e=Object.defineProperty({},"passive",{get:function(){t=!0}});window.addEventListener("e",null,e)}catch(t){}return t}()&&{passive:!0};function Se(t,e,n){t.addEventListener(e,n,Me)}function Ce(t,e,n){t.removeEventListener(e,n,Me)}function Pe(t,e,n,i,a){return{type:t,chart:e,native:a||null,x:void 0!==n?n:null,y:void 0!==i?i:null}}function Ae(t){var e=document.createElement("div");return e.className=t||"",e}function De(t,e,n){var i,a,r,o,s=t[ve]||(t[ve]={}),l=s.resizer=function(t){var e=Ae(be),n=Ae(be+"-expand"),i=Ae(be+"-shrink");n.appendChild(Ae()),i.appendChild(Ae()),e.appendChild(n),e.appendChild(i),e._reset=function(){n.scrollLeft=1e6,n.scrollTop=1e6,i.scrollLeft=1e6,i.scrollTop=1e6};var a=function(){e._reset(),t()};return Se(n,"scroll",a.bind(n,"expand")),Se(i,"scroll",a.bind(i,"shrink")),e}((i=function(){if(s.resizer){var i=n.options.maintainAspectRatio&&t.parentNode,a=i?i.clientWidth:0;e(Pe("resize",n)),i&&i.clientWidth0){var r=t[0];r.label?n=r.label:r.xLabel?n=r.xLabel:a>0&&r.index-1?t.split("\n"):t}function Ve(t){var e=N.global;return{xPadding:t.xPadding,yPadding:t.yPadding,xAlign:t.xAlign,yAlign:t.yAlign,rtl:t.rtl,textDirection:t.textDirection,bodyFontColor:t.bodyFontColor,_bodyFontFamily:ze(t.bodyFontFamily,e.defaultFontFamily),_bodyFontStyle:ze(t.bodyFontStyle,e.defaultFontStyle),_bodyAlign:t.bodyAlign,bodyFontSize:ze(t.bodyFontSize,e.defaultFontSize),bodySpacing:t.bodySpacing,titleFontColor:t.titleFontColor,_titleFontFamily:ze(t.titleFontFamily,e.defaultFontFamily),_titleFontStyle:ze(t.titleFontStyle,e.defaultFontStyle),titleFontSize:ze(t.titleFontSize,e.defaultFontSize),_titleAlign:t.titleAlign,titleSpacing:t.titleSpacing,titleMarginBottom:t.titleMarginBottom,footerFontColor:t.footerFontColor,_footerFontFamily:ze(t.footerFontFamily,e.defaultFontFamily),_footerFontStyle:ze(t.footerFontStyle,e.defaultFontStyle),footerFontSize:ze(t.footerFontSize,e.defaultFontSize),_footerAlign:t.footerAlign,footerSpacing:t.footerSpacing,footerMarginTop:t.footerMarginTop,caretSize:t.caretSize,cornerRadius:t.cornerRadius,backgroundColor:t.backgroundColor,opacity:0,legendColorBackground:t.multiKeyBackground,displayColors:t.displayColors,borderColor:t.borderColor,borderWidth:t.borderWidth}}function He(t,e){return"center"===e?t.x+t.width/2:"right"===e?t.x+t.width-t.xPadding:t.x+t.xPadding}function je(t){return Ee([],We(t))}var qe=K.extend({initialize:function(){this._model=Ve(this._options),this._lastActive=[]},getTitle:function(){var t=this,e=t._options,n=e.callbacks,i=n.beforeTitle.apply(t,arguments),a=n.title.apply(t,arguments),r=n.afterTitle.apply(t,arguments),o=[];return o=Ee(o,We(i)),o=Ee(o,We(a)),o=Ee(o,We(r))},getBeforeBody:function(){return je(this._options.callbacks.beforeBody.apply(this,arguments))},getBody:function(t,e){var n=this,i=n._options.callbacks,a=[];return H.each(t,(function(t){var r={before:[],lines:[],after:[]};Ee(r.before,We(i.beforeLabel.call(n,t,e))),Ee(r.lines,i.label.call(n,t,e)),Ee(r.after,We(i.afterLabel.call(n,t,e))),a.push(r)})),a},getAfterBody:function(){return je(this._options.callbacks.afterBody.apply(this,arguments))},getFooter:function(){var t=this,e=t._options.callbacks,n=e.beforeFooter.apply(t,arguments),i=e.footer.apply(t,arguments),a=e.afterFooter.apply(t,arguments),r=[];return r=Ee(r,We(n)),r=Ee(r,We(i)),r=Ee(r,We(a))},update:function(t){var e,n,i,a,r,o,s,l,u,d,h=this,c=h._options,f=h._model,g=h._model=Ve(c),p=h._active,m=h._data,v={xAlign:f.xAlign,yAlign:f.yAlign},b={x:f.x,y:f.y},x={width:f.width,height:f.height},y={x:f.caretX,y:f.caretY};if(p.length){g.opacity=1;var _=[],k=[];y=Be[c.position].call(h,p,h._eventPosition);var w=[];for(e=0,n=p.length;ei.width&&(a=i.width-e.width),a<0&&(a=0)),"top"===d?r+=h:r-="bottom"===d?e.height+h:e.height/2,"center"===d?"left"===u?a+=h:"right"===u&&(a-=h):"left"===u?a-=c:"right"===u&&(a+=c),{x:a,y:r}}(g,x,v=function(t,e){var n,i,a,r,o,s=t._model,l=t._chart,u=t._chart.chartArea,d="center",h="center";s.yl.height-e.height&&(h="bottom");var c=(u.left+u.right)/2,f=(u.top+u.bottom)/2;"center"===h?(n=function(t){return t<=c},i=function(t){return t>c}):(n=function(t){return t<=e.width/2},i=function(t){return t>=l.width-e.width/2}),a=function(t){return t+e.width+s.caretSize+s.caretPadding>l.width},r=function(t){return t-e.width-s.caretSize-s.caretPadding<0},o=function(t){return t<=f?"top":"bottom"},n(s.x)?(d="left",a(s.x)&&(d="center",h=o(s.y))):i(s.x)&&(d="right",r(s.x)&&(d="center",h=o(s.y)));var g=t._options;return{xAlign:g.xAlign?g.xAlign:d,yAlign:g.yAlign?g.yAlign:h}}(this,x),h._chart)}else g.opacity=0;return g.xAlign=v.xAlign,g.yAlign=v.yAlign,g.x=b.x,g.y=b.y,g.width=x.width,g.height=x.height,g.caretX=y.x,g.caretY=y.y,h._model=g,t&&c.custom&&c.custom.call(h,g),h},drawCaret:function(t,e){var n=this._chart.ctx,i=this._view,a=this.getCaretPosition(t,e,i);n.lineTo(a.x1,a.y1),n.lineTo(a.x2,a.y2),n.lineTo(a.x3,a.y3)},getCaretPosition:function(t,e,n){var i,a,r,o,s,l,u=n.caretSize,d=n.cornerRadius,h=n.xAlign,c=n.yAlign,f=t.x,g=t.y,p=e.width,m=e.height;if("center"===c)s=g+m/2,"left"===h?(a=(i=f)-u,r=i,o=s+u,l=s-u):(a=(i=f+p)+u,r=i,o=s-u,l=s+u);else if("left"===h?(i=(a=f+d+u)-u,r=a+u):"right"===h?(i=(a=f+p-d-u)-u,r=a+u):(i=(a=n.caretX)-u,r=a+u),"top"===c)s=(o=g)-u,l=o;else{s=(o=g+m)+u,l=o;var v=r;r=i,i=v}return{x1:i,x2:a,x3:r,y1:o,y2:s,y3:l}},drawTitle:function(t,e,n){var i,a,r,o=e.title,s=o.length;if(s){var l=Ne(e.rtl,e.x,e.width);for(t.x=He(e,e._titleAlign),n.textAlign=l.textAlign(e._titleAlign),n.textBaseline="middle",i=e.titleFontSize,a=e.titleSpacing,n.fillStyle=e.titleFontColor,n.font=H.fontString(i,e._titleFontStyle,e._titleFontFamily),r=0;r0&&n.stroke()},draw:function(){var t=this._chart.ctx,e=this._view;if(0!==e.opacity){var n={width:e.width,height:e.height},i={x:e.x,y:e.y},a=Math.abs(e.opacity<.001)?0:e.opacity,r=e.title.length||e.beforeBody.length||e.body.length||e.afterBody.length||e.footer.length;this._options.enabled&&r&&(t.save(),t.globalAlpha=a,this.drawBackground(i,e,t,n),i.y+=e.yPadding,H.rtl.overrideTextDirection(t,e.textDirection),this.drawTitle(i,e,t),this.drawBody(i,e,t),this.drawFooter(i,e,t),H.rtl.restoreTextDirection(t,e.textDirection),t.restore())}},handleEvent:function(t){var e,n=this,i=n._options;return n._lastActive=n._lastActive||[],"mouseout"===t.type?n._active=[]:(n._active=n._chart.getElementsAtEventForMode(t,i.mode,i),i.reverse&&n._active.reverse()),(e=!H.arrayEquals(n._active,n._lastActive))&&(n._lastActive=n._active,(i.enabled||i.custom)&&(n._eventPosition={x:t.x,y:t.y},n.update(!0),n.pivot())),e}}),Ue=Be,Ye=qe;Ye.positioners=Ue;var Ge=H.valueOrDefault;function Xe(){return H.merge(Object.create(null),[].slice.call(arguments),{merger:function(t,e,n,i){if("xAxes"===t||"yAxes"===t){var a,r,o,s=n[t].length;for(e[t]||(e[t]=[]),a=0;a=e[t].length&&e[t].push({}),!e[t][a].type||o.type&&o.type!==e[t][a].type?H.merge(e[t][a],[Re.getScaleDefaults(r),o]):H.merge(e[t][a],o)}else H._merger(t,e,n,i)}})}function Ke(){return H.merge(Object.create(null),[].slice.call(arguments),{merger:function(t,e,n,i){var a=e[t]||Object.create(null),r=n[t];"scales"===t?e[t]=Xe(a,r):"scale"===t?e[t]=H.merge(a,[Re.getScaleDefaults(r.type),r]):H._merger(t,e,n,i)}})}function Ze(t){var e=t.options;H.each(t.scales,(function(e){pe.removeBox(t,e)})),e=Ke(N.global,N[t.config.type],e),t.options=t.config.options=e,t.ensureScalesHaveIDs(),t.buildOrUpdateScales(),t.tooltip._options=e.tooltips,t.tooltip.initialize()}function $e(t,e,n){var i,a=function(t){return t.id===i};do{i=e+n++}while(H.findIndex(t,a)>=0);return i}function Je(t){return"top"===t||"bottom"===t}function Qe(t,e){return function(n,i){return n[t]===i[t]?n[e]-i[e]:n[t]-i[t]}}N._set("global",{elements:{},events:["mousemove","mouseout","click","touchstart","touchmove"],hover:{onHover:null,mode:"nearest",intersect:!0,animationDuration:400},onClick:null,maintainAspectRatio:!0,responsive:!0,responsiveAnimationDuration:0});var tn=function(t,e){return this.construct(t,e),this};H.extend(tn.prototype,{construct:function(t,e){var n=this;e=function(t){var e=(t=t||Object.create(null)).data=t.data||{};return e.datasets=e.datasets||[],e.labels=e.labels||[],t.options=Ke(N.global,N[t.type],t.options||{}),t}(e);var i=Oe.acquireContext(t,e),a=i&&i.canvas,r=a&&a.height,o=a&&a.width;n.id=H.uid(),n.ctx=i,n.canvas=a,n.config=e,n.width=o,n.height=r,n.aspectRatio=r?o/r:null,n.options=e.options,n._bufferedRender=!1,n._layers=[],n.chart=n,n.controller=n,tn.instances[n.id]=n,Object.defineProperty(n,"data",{get:function(){return n.config.data},set:function(t){n.config.data=t}}),i&&a?(n.initialize(),n.update()):console.error("Failed to create chart: can't acquire context from the given item")},initialize:function(){var t=this;return Le.notify(t,"beforeInit"),H.retinaScale(t,t.options.devicePixelRatio),t.bindEvents(),t.options.responsive&&t.resize(!0),t.initToolTip(),Le.notify(t,"afterInit"),t},clear:function(){return H.canvas.clear(this),this},stop:function(){return J.cancelAnimation(this),this},resize:function(t){var e=this,n=e.options,i=e.canvas,a=n.maintainAspectRatio&&e.aspectRatio||null,r=Math.max(0,Math.floor(H.getMaximumWidth(i))),o=Math.max(0,Math.floor(a?r/a:H.getMaximumHeight(i)));if((e.width!==r||e.height!==o)&&(i.width=e.width=r,i.height=e.height=o,i.style.width=r+"px",i.style.height=o+"px",H.retinaScale(e,n.devicePixelRatio),!t)){var s={width:r,height:o};Le.notify(e,"resize",[s]),n.onResize&&n.onResize(e,s),e.stop(),e.update({duration:n.responsiveAnimationDuration})}},ensureScalesHaveIDs:function(){var t=this.options,e=t.scales||{},n=t.scale;H.each(e.xAxes,(function(t,n){t.id||(t.id=$e(e.xAxes,"x-axis-",n))})),H.each(e.yAxes,(function(t,n){t.id||(t.id=$e(e.yAxes,"y-axis-",n))})),n&&(n.id=n.id||"scale")},buildOrUpdateScales:function(){var t=this,e=t.options,n=t.scales||{},i=[],a=Object.keys(n).reduce((function(t,e){return t[e]=!1,t}),{});e.scales&&(i=i.concat((e.scales.xAxes||[]).map((function(t){return{options:t,dtype:"category",dposition:"bottom"}})),(e.scales.yAxes||[]).map((function(t){return{options:t,dtype:"linear",dposition:"left"}})))),e.scale&&i.push({options:e.scale,dtype:"radialLinear",isDefault:!0,dposition:"chartArea"}),H.each(i,(function(e){var i=e.options,r=i.id,o=Ge(i.type,e.dtype);Je(i.position)!==Je(e.dposition)&&(i.position=e.dposition),a[r]=!0;var s=null;if(r in n&&n[r].type===o)(s=n[r]).options=i,s.ctx=t.ctx,s.chart=t;else{var l=Re.getScaleConstructor(o);if(!l)return;s=new l({id:r,type:o,options:i,ctx:t.ctx,chart:t}),n[s.id]=s}s.mergeTicksOptions(),e.isDefault&&(t.scale=s)})),H.each(a,(function(t,e){t||delete n[e]})),t.scales=n,Re.addScalesToLayout(this)},buildOrUpdateControllers:function(){var t,e,n=this,i=[],a=n.data.datasets;for(t=0,e=a.length;t=0;--n)this.drawDataset(e[n],t);Le.notify(this,"afterDatasetsDraw",[t])}},drawDataset:function(t,e){var n={meta:t,index:t.index,easingValue:e};!1!==Le.notify(this,"beforeDatasetDraw",[n])&&(t.controller.draw(e),Le.notify(this,"afterDatasetDraw",[n]))},_drawTooltip:function(t){var e=this.tooltip,n={tooltip:e,easingValue:t};!1!==Le.notify(this,"beforeTooltipDraw",[n])&&(e.draw(),Le.notify(this,"afterTooltipDraw",[n]))},getElementAtEvent:function(t){return re.modes.single(this,t)},getElementsAtEvent:function(t){return re.modes.label(this,t,{intersect:!0})},getElementsAtXAxis:function(t){return re.modes["x-axis"](this,t,{intersect:!0})},getElementsAtEventForMode:function(t,e,n){var i=re.modes[e];return"function"==typeof i?i(this,t,n):[]},getDatasetAtEvent:function(t){return re.modes.dataset(this,t,{intersect:!0})},getDatasetMeta:function(t){var e=this.data.datasets[t];e._meta||(e._meta={});var n=e._meta[this.id];return n||(n=e._meta[this.id]={type:null,data:[],dataset:null,controller:null,hidden:null,xAxisID:null,yAxisID:null,order:e.order||0,index:t}),n},getVisibleDatasetCount:function(){for(var t=0,e=0,n=this.data.datasets.length;e3?n[2]-n[1]:n[1]-n[0];Math.abs(i)>1&&t!==Math.floor(t)&&(i=t-Math.floor(t));var a=H.log10(Math.abs(i)),r="";if(0!==t)if(Math.max(Math.abs(n[0]),Math.abs(n[n.length-1]))<1e-4){var o=H.log10(Math.abs(t)),s=Math.floor(o)-Math.floor(a);s=Math.max(Math.min(s,20),0),r=t.toExponential(s)}else{var l=-1*Math.floor(a);l=Math.max(Math.min(l,20),0),r=t.toFixed(l)}else r="0";return r},logarithmic:function(t,e,n){var i=t/Math.pow(10,Math.floor(H.log10(t)));return 0===t?"0":1===i||2===i||5===i||0===e||e===n.length-1?t.toExponential():""}}},sn=H.isArray,ln=H.isNullOrUndef,un=H.valueOrDefault,dn=H.valueAtIndexOrDefault;function hn(t,e,n){var i,a=t.getTicks().length,r=Math.min(e,a-1),o=t.getPixelForTick(r),s=t._startPixel,l=t._endPixel;if(!(n&&(i=1===a?Math.max(o-s,l-o):0===e?(t.getPixelForTick(1)-o)/2:(o-t.getPixelForTick(r-1))/2,(o+=rl+1e-6)))return o}function cn(t,e,n,i){var a,r,o,s,l,u,d,h,c,f,g,p,m,v=n.length,b=[],x=[],y=[],_=0,k=0;for(a=0;ae){for(n=0;n=c||d<=1||!s.isHorizontal()?s.labelRotation=h:(e=(t=s._getLabelSizes()).widest.width,n=t.highest.height-t.highest.offset,i=Math.min(s.maxWidth,s.chart.width-e),e+6>(a=l.offset?s.maxWidth/d:i/(d-1))&&(a=i/(d-(l.offset?.5:1)),r=s.maxHeight-fn(l.gridLines)-u.padding-gn(l.scaleLabel),o=Math.sqrt(e*e+n*n),f=H.toDegrees(Math.min(Math.asin(Math.min((t.highest.height+6)/a,1)),Math.asin(Math.min(r/o,1))-Math.asin(n/o))),f=Math.max(h,Math.min(c,f))),s.labelRotation=f)},afterCalculateTickRotation:function(){H.callback(this.options.afterCalculateTickRotation,[this])},beforeFit:function(){H.callback(this.options.beforeFit,[this])},fit:function(){var t=this,e=t.minSize={width:0,height:0},n=t.chart,i=t.options,a=i.ticks,r=i.scaleLabel,o=i.gridLines,s=t._isVisible(),l="bottom"===i.position,u=t.isHorizontal();if(u?e.width=t.maxWidth:s&&(e.width=fn(o)+gn(r)),u?s&&(e.height=fn(o)+gn(r)):e.height=t.maxHeight,a.display&&s){var d=mn(a),h=t._getLabelSizes(),c=h.first,f=h.last,g=h.widest,p=h.highest,m=.4*d.minor.lineHeight,v=a.padding;if(u){var b=0!==t.labelRotation,x=H.toRadians(t.labelRotation),y=Math.cos(x),_=Math.sin(x),k=_*g.width+y*(p.height-(b?p.offset:0))+(b?0:m);e.height=Math.min(t.maxHeight,e.height+k+v);var w,M,S=t.getPixelForTick(0)-t.left,C=t.right-t.getPixelForTick(t.getTicks().length-1);b?(w=l?y*c.width+_*c.offset:_*(c.height-c.offset),M=l?_*(f.height-f.offset):y*f.width+_*f.offset):(w=c.width/2,M=f.width/2),t.paddingLeft=Math.max((w-S)*t.width/(t.width-S),0)+3,t.paddingRight=Math.max((M-C)*t.width/(t.width-C),0)+3}else{var P=a.mirror?0:g.width+v+m;e.width=Math.min(t.maxWidth,e.width+P),t.paddingTop=c.height/2,t.paddingBottom=f.height/2}}t.handleMargins(),u?(t.width=t._length=n.width-t.margins.left-t.margins.right,t.height=e.height):(t.width=e.width,t.height=t._length=n.height-t.margins.top-t.margins.bottom)},handleMargins:function(){var t=this;t.margins&&(t.margins.left=Math.max(t.paddingLeft,t.margins.left),t.margins.top=Math.max(t.paddingTop,t.margins.top),t.margins.right=Math.max(t.paddingRight,t.margins.right),t.margins.bottom=Math.max(t.paddingBottom,t.margins.bottom))},afterFit:function(){H.callback(this.options.afterFit,[this])},isHorizontal:function(){var t=this.options.position;return"top"===t||"bottom"===t},isFullWidth:function(){return this.options.fullWidth},getRightValue:function(t){if(ln(t))return NaN;if(("number"==typeof t||t instanceof Number)&&!isFinite(t))return NaN;if(t)if(this.isHorizontal()){if(void 0!==t.x)return this.getRightValue(t.x)}else if(void 0!==t.y)return this.getRightValue(t.y);return t},_convertTicksToLabels:function(t){var e,n,i,a=this;for(a.ticks=t.map((function(t){return t.value})),a.beforeTickToLabelConversion(),e=a.convertTicksToLabels(t)||a.ticks,a.afterTickToLabelConversion(),n=0,i=t.length;nn-1?null:this.getPixelForDecimal(t*i+(e?i/2:0))},getPixelForDecimal:function(t){return this._reversePixels&&(t=1-t),this._startPixel+t*this._length},getDecimalForPixel:function(t){var e=(t-this._startPixel)/this._length;return this._reversePixels?1-e:e},getBasePixel:function(){return this.getPixelForValue(this.getBaseValue())},getBaseValue:function(){var t=this.min,e=this.max;return this.beginAtZero?0:t<0&&e<0?e:t>0&&e>0?t:0},_autoSkip:function(t){var e,n,i,a,r=this.options.ticks,o=this._length,s=r.maxTicksLimit||o/this._tickSize()+1,l=r.major.enabled?function(t){var e,n,i=[];for(e=0,n=t.length;es)return function(t,e,n){var i,a,r=0,o=e[0];for(n=Math.ceil(n),i=0;iu)return r;return Math.max(u,1)}(l,t,0,s),u>0){for(e=0,n=u-1;e1?(h-d)/(u-1):null,bn(t,i,H.isNullOrUndef(a)?0:d-a,d),bn(t,i,h,H.isNullOrUndef(a)?t.length:h+a),vn(t)}return bn(t,i),vn(t)},_tickSize:function(){var t=this.options.ticks,e=H.toRadians(this.labelRotation),n=Math.abs(Math.cos(e)),i=Math.abs(Math.sin(e)),a=this._getLabelSizes(),r=t.autoSkipPadding||0,o=a?a.widest.width+r:0,s=a?a.highest.height+r:0;return this.isHorizontal()?s*n>o*i?o/n:s/i:s*i=0&&(o=t),void 0!==r&&(t=n.indexOf(r))>=0&&(s=t),e.minIndex=o,e.maxIndex=s,e.min=n[o],e.max=n[s]},buildTicks:function(){var t=this._getLabels(),e=this.minIndex,n=this.maxIndex;this.ticks=0===e&&n===t.length-1?t:t.slice(e,n+1)},getLabelForIndex:function(t,e){var n=this.chart;return n.getDatasetMeta(e).controller._getValueScaleId()===this.id?this.getRightValue(n.data.datasets[e].data[t]):this._getLabels()[t]},_configure:function(){var t=this,e=t.options.offset,n=t.ticks;yn.prototype._configure.call(t),t.isHorizontal()||(t._reversePixels=!t._reversePixels),n&&(t._startValue=t.minIndex-(e?.5:0),t._valueRange=Math.max(n.length-(e?0:1),1))},getPixelForValue:function(t,e,n){var i,a,r,o=this;return _n(e)||_n(n)||(t=o.chart.data.datasets[n].data[e]),_n(t)||(i=o.isHorizontal()?t.x:t.y),(void 0!==i||void 0!==t&&isNaN(e))&&(a=o._getLabels(),t=H.valueOrDefault(i,t),e=-1!==(r=a.indexOf(t))?r:e,isNaN(e)&&(e=t)),o.getPixelForDecimal((e-o._startValue)/o._valueRange)},getPixelForTick:function(t){var e=this.ticks;return t<0||t>e.length-1?null:this.getPixelForValue(e[t],t+this.minIndex)},getValueForPixel:function(t){var e=Math.round(this._startValue+this.getDecimalForPixel(t)*this._valueRange);return Math.min(Math.max(e,0),this.ticks.length-1)},getBasePixel:function(){return this.bottom}}),wn={position:"bottom"};kn._defaults=wn;var Mn=H.noop,Sn=H.isNullOrUndef;var Cn=yn.extend({getRightValue:function(t){return"string"==typeof t?+t:yn.prototype.getRightValue.call(this,t)},handleTickRangeOptions:function(){var t=this,e=t.options.ticks;if(e.beginAtZero){var n=H.sign(t.min),i=H.sign(t.max);n<0&&i<0?t.max=0:n>0&&i>0&&(t.min=0)}var a=void 0!==e.min||void 0!==e.suggestedMin,r=void 0!==e.max||void 0!==e.suggestedMax;void 0!==e.min?t.min=e.min:void 0!==e.suggestedMin&&(null===t.min?t.min=e.suggestedMin:t.min=Math.min(t.min,e.suggestedMin)),void 0!==e.max?t.max=e.max:void 0!==e.suggestedMax&&(null===t.max?t.max=e.suggestedMax:t.max=Math.max(t.max,e.suggestedMax)),a!==r&&t.min>=t.max&&(a?t.max=t.min+1:t.min=t.max-1),t.min===t.max&&(t.max++,e.beginAtZero||t.min--)},getTickLimit:function(){var t,e=this.options.ticks,n=e.stepSize,i=e.maxTicksLimit;return n?t=Math.ceil(this.max/n)-Math.floor(this.min/n)+1:(t=this._computeTickLimit(),i=i||11),i&&(t=Math.min(i,t)),t},_computeTickLimit:function(){return Number.POSITIVE_INFINITY},handleDirectionalChanges:Mn,buildTicks:function(){var t=this,e=t.options.ticks,n=t.getTickLimit(),i={maxTicks:n=Math.max(2,n),min:e.min,max:e.max,precision:e.precision,stepSize:H.valueOrDefault(e.fixedStepSize,e.stepSize)},a=t.ticks=function(t,e){var n,i,a,r,o=[],s=t.stepSize,l=s||1,u=t.maxTicks-1,d=t.min,h=t.max,c=t.precision,f=e.min,g=e.max,p=H.niceNum((g-f)/u/l)*l;if(p<1e-14&&Sn(d)&&Sn(h))return[f,g];(r=Math.ceil(g/p)-Math.floor(f/p))>u&&(p=H.niceNum(r*p/u/l)*l),s||Sn(c)?n=Math.pow(10,H._decimalPlaces(p)):(n=Math.pow(10,c),p=Math.ceil(p*n)/n),i=Math.floor(f/p)*p,a=Math.ceil(g/p)*p,s&&(!Sn(d)&&H.almostWhole(d/p,p/1e3)&&(i=d),!Sn(h)&&H.almostWhole(h/p,p/1e3)&&(a=h)),r=(a-i)/p,r=H.almostEquals(r,Math.round(r),p/1e3)?Math.round(r):Math.ceil(r),i=Math.round(i*n)/n,a=Math.round(a*n)/n,o.push(Sn(d)?i:d);for(var m=1;me.length-1?null:this.getPixelForValue(e[t])}}),In=Pn;Tn._defaults=In;var Fn=H.valueOrDefault,On=H.math.log10;var Ln={position:"left",ticks:{callback:on.formatters.logarithmic}};function Rn(t,e){return H.isFinite(t)&&t>=0?t:e}var zn=yn.extend({determineDataLimits:function(){var t,e,n,i,a,r,o=this,s=o.options,l=o.chart,u=l.data.datasets,d=o.isHorizontal();function h(t){return d?t.xAxisID===o.id:t.yAxisID===o.id}o.min=Number.POSITIVE_INFINITY,o.max=Number.NEGATIVE_INFINITY,o.minNotZero=Number.POSITIVE_INFINITY;var c=s.stacked;if(void 0===c)for(t=0;t0){var e=H.min(t),n=H.max(t);o.min=Math.min(o.min,e),o.max=Math.max(o.max,n)}}))}else for(t=0;t0?t.minNotZero=t.min:t.max<1?t.minNotZero=Math.pow(10,Math.floor(On(t.max))):t.minNotZero=1)},buildTicks:function(){var t=this,e=t.options.ticks,n=!t.isHorizontal(),i={min:Rn(e.min),max:Rn(e.max)},a=t.ticks=function(t,e){var n,i,a=[],r=Fn(t.min,Math.pow(10,Math.floor(On(e.min)))),o=Math.floor(On(e.max)),s=Math.ceil(e.max/Math.pow(10,o));0===r?(n=Math.floor(On(e.minNotZero)),i=Math.floor(e.minNotZero/Math.pow(10,n)),a.push(r),r=i*Math.pow(10,n)):(n=Math.floor(On(r)),i=Math.floor(r/Math.pow(10,n)));var l=n<0?Math.pow(10,Math.abs(n)):1;do{a.push(r),10===++i&&(i=1,l=++n>=0?1:l),r=Math.round(i*Math.pow(10,n)*l)/l}while(ne.length-1?null:this.getPixelForValue(e[t])},_getFirstTickValue:function(t){var e=Math.floor(On(t));return Math.floor(t/Math.pow(10,e))*Math.pow(10,e)},_configure:function(){var t=this,e=t.min,n=0;yn.prototype._configure.call(t),0===e&&(e=t._getFirstTickValue(t.minNotZero),n=Fn(t.options.ticks.fontSize,N.global.defaultFontSize)/t._length),t._startValue=On(e),t._valueOffset=n,t._valueRange=(On(t.max)-On(e))/(1-n)},getPixelForValue:function(t){var e=this,n=0;return(t=+e.getRightValue(t))>e.min&&t>0&&(n=(On(t)-e._startValue)/e._valueRange+e._valueOffset),e.getPixelForDecimal(n)},getValueForPixel:function(t){var e=this,n=e.getDecimalForPixel(t);return 0===n&&0===e.min?0:Math.pow(10,e._startValue+(n-e._valueOffset)*e._valueRange)}}),Nn=Ln;zn._defaults=Nn;var Bn=H.valueOrDefault,En=H.valueAtIndexOrDefault,Wn=H.options.resolve,Vn={display:!0,animate:!0,position:"chartArea",angleLines:{display:!0,color:"rgba(0,0,0,0.1)",lineWidth:1,borderDash:[],borderDashOffset:0},gridLines:{circular:!1},ticks:{showLabelBackdrop:!0,backdropColor:"rgba(255,255,255,0.75)",backdropPaddingY:2,backdropPaddingX:2,callback:on.formatters.linear},pointLabels:{display:!0,fontSize:10,callback:function(t){return t}}};function Hn(t){var e=t.ticks;return e.display&&t.display?Bn(e.fontSize,N.global.defaultFontSize)+2*e.backdropPaddingY:0}function jn(t,e,n,i,a){return t===i||t===a?{start:e-n/2,end:e+n/2}:ta?{start:e-n,end:e}:{start:e,end:e+n}}function qn(t){return 0===t||180===t?"center":t<180?"left":"right"}function Un(t,e,n,i){var a,r,o=n.y+i/2;if(H.isArray(e))for(a=0,r=e.length;a270||t<90)&&(n.y-=e.h)}function Gn(t){return H.isNumber(t)?t:0}var Xn=Cn.extend({setDimensions:function(){var t=this;t.width=t.maxWidth,t.height=t.maxHeight,t.paddingTop=Hn(t.options)/2,t.xCenter=Math.floor(t.width/2),t.yCenter=Math.floor((t.height-t.paddingTop)/2),t.drawingArea=Math.min(t.height-t.paddingTop,t.width)/2},determineDataLimits:function(){var t=this,e=t.chart,n=Number.POSITIVE_INFINITY,i=Number.NEGATIVE_INFINITY;H.each(e.data.datasets,(function(a,r){if(e.isDatasetVisible(r)){var o=e.getDatasetMeta(r);H.each(a.data,(function(e,a){var r=+t.getRightValue(e);isNaN(r)||o.data[a].hidden||(n=Math.min(r,n),i=Math.max(r,i))}))}})),t.min=n===Number.POSITIVE_INFINITY?0:n,t.max=i===Number.NEGATIVE_INFINITY?0:i,t.handleTickRangeOptions()},_computeTickLimit:function(){return Math.ceil(this.drawingArea/Hn(this.options))},convertTicksToLabels:function(){var t=this;Cn.prototype.convertTicksToLabels.call(t),t.pointLabels=t.chart.data.labels.map((function(){var e=H.callback(t.options.pointLabels.callback,arguments,t);return e||0===e?e:""}))},getLabelForIndex:function(t,e){return+this.getRightValue(this.chart.data.datasets[e].data[t])},fit:function(){var t=this.options;t.display&&t.pointLabels.display?function(t){var e,n,i,a=H.options._parseFont(t.options.pointLabels),r={l:0,r:t.width,t:0,b:t.height-t.paddingTop},o={};t.ctx.font=a.string,t._pointLabelSizes=[];var s,l,u,d=t.chart.data.labels.length;for(e=0;er.r&&(r.r=f.end,o.r=h),g.startr.b&&(r.b=g.end,o.b=h)}t.setReductions(t.drawingArea,r,o)}(this):this.setCenterPoint(0,0,0,0)},setReductions:function(t,e,n){var i=this,a=e.l/Math.sin(n.l),r=Math.max(e.r-i.width,0)/Math.sin(n.r),o=-e.t/Math.cos(n.t),s=-Math.max(e.b-(i.height-i.paddingTop),0)/Math.cos(n.b);a=Gn(a),r=Gn(r),o=Gn(o),s=Gn(s),i.drawingArea=Math.min(Math.floor(t-(a+r)/2),Math.floor(t-(o+s)/2)),i.setCenterPoint(a,r,o,s)},setCenterPoint:function(t,e,n,i){var a=this,r=a.width-e-a.drawingArea,o=t+a.drawingArea,s=n+a.drawingArea,l=a.height-a.paddingTop-i-a.drawingArea;a.xCenter=Math.floor((o+r)/2+a.left),a.yCenter=Math.floor((s+l)/2+a.top+a.paddingTop)},getIndexAngle:function(t){var e=this.chart,n=(t*(360/e.data.labels.length)+((e.options||{}).startAngle||0))%360;return(n<0?n+360:n)*Math.PI*2/360},getDistanceFromCenterForValue:function(t){var e=this;if(H.isNullOrUndef(t))return NaN;var n=e.drawingArea/(e.max-e.min);return e.options.ticks.reverse?(e.max-t)*n:(t-e.min)*n},getPointPosition:function(t,e){var n=this.getIndexAngle(t)-Math.PI/2;return{x:Math.cos(n)*e+this.xCenter,y:Math.sin(n)*e+this.yCenter}},getPointPositionForValue:function(t,e){return this.getPointPosition(t,this.getDistanceFromCenterForValue(e))},getBasePosition:function(t){var e=this.min,n=this.max;return this.getPointPositionForValue(t||0,this.beginAtZero?0:e<0&&n<0?n:e>0&&n>0?e:0)},_drawGrid:function(){var t,e,n,i=this,a=i.ctx,r=i.options,o=r.gridLines,s=r.angleLines,l=Bn(s.lineWidth,o.lineWidth),u=Bn(s.color,o.color);if(r.pointLabels.display&&function(t){var e=t.ctx,n=t.options,i=n.pointLabels,a=Hn(n),r=t.getDistanceFromCenterForValue(n.ticks.reverse?t.min:t.max),o=H.options._parseFont(i);e.save(),e.font=o.string,e.textBaseline="middle";for(var s=t.chart.data.labels.length-1;s>=0;s--){var l=0===s?a/2:0,u=t.getPointPosition(s,r+l+5),d=En(i.fontColor,s,N.global.defaultFontColor);e.fillStyle=d;var h=t.getIndexAngle(s),c=H.toDegrees(h);e.textAlign=qn(c),Yn(c,t._pointLabelSizes[s],u),Un(e,t.pointLabels[s],u,o.lineHeight)}e.restore()}(i),o.display&&H.each(i.ticks,(function(t,n){0!==n&&(e=i.getDistanceFromCenterForValue(i.ticksAsNumbers[n]),function(t,e,n,i){var a,r=t.ctx,o=e.circular,s=t.chart.data.labels.length,l=En(e.color,i-1),u=En(e.lineWidth,i-1);if((o||s)&&l&&u){if(r.save(),r.strokeStyle=l,r.lineWidth=u,r.setLineDash&&(r.setLineDash(e.borderDash||[]),r.lineDashOffset=e.borderDashOffset||0),r.beginPath(),o)r.arc(t.xCenter,t.yCenter,n,0,2*Math.PI);else{a=t.getPointPosition(0,n),r.moveTo(a.x,a.y);for(var d=1;d=0;t--)e=i.getDistanceFromCenterForValue(r.ticks.reverse?i.min:i.max),n=i.getPointPosition(t,e),a.beginPath(),a.moveTo(i.xCenter,i.yCenter),a.lineTo(n.x,n.y),a.stroke();a.restore()}},_drawLabels:function(){var t=this,e=t.ctx,n=t.options.ticks;if(n.display){var i,a,r=t.getIndexAngle(0),o=H.options._parseFont(n),s=Bn(n.fontColor,N.global.defaultFontColor);e.save(),e.font=o.string,e.translate(t.xCenter,t.yCenter),e.rotate(r),e.textAlign="center",e.textBaseline="middle",H.each(t.ticks,(function(r,l){(0!==l||n.reverse)&&(i=t.getDistanceFromCenterForValue(t.ticksAsNumbers[l]),n.showLabelBackdrop&&(a=e.measureText(r).width,e.fillStyle=n.backdropColor,e.fillRect(-a/2-n.backdropPaddingX,-i-o.size/2-n.backdropPaddingY,a+2*n.backdropPaddingX,o.size+2*n.backdropPaddingY)),e.fillStyle=s,e.fillText(r,0,-i))})),e.restore()}},_drawTitle:H.noop}),Kn=Vn;Xn._defaults=Kn;var Zn=H._deprecated,$n=H.options.resolve,Jn=H.valueOrDefault,Qn=Number.MIN_SAFE_INTEGER||-9007199254740991,ti=Number.MAX_SAFE_INTEGER||9007199254740991,ei={millisecond:{common:!0,size:1,steps:1e3},second:{common:!0,size:1e3,steps:60},minute:{common:!0,size:6e4,steps:60},hour:{common:!0,size:36e5,steps:24},day:{common:!0,size:864e5,steps:30},week:{common:!1,size:6048e5,steps:4},month:{common:!0,size:2628e6,steps:12},quarter:{common:!1,size:7884e6,steps:4},year:{common:!0,size:3154e7}},ni=Object.keys(ei);function ii(t,e){return t-e}function ai(t){return H.valueOrDefault(t.time.min,t.ticks.min)}function ri(t){return H.valueOrDefault(t.time.max,t.ticks.max)}function oi(t,e,n,i){var a=function(t,e,n){for(var i,a,r,o=0,s=t.length-1;o>=0&&o<=s;){if(a=t[(i=o+s>>1)-1]||null,r=t[i],!a)return{lo:null,hi:r};if(r[e]n))return{lo:a,hi:r};s=i-1}}return{lo:r,hi:null}}(t,e,n),r=a.lo?a.hi?a.lo:t[t.length-2]:t[0],o=a.lo?a.hi?a.hi:t[t.length-1]:t[1],s=o[e]-r[e],l=s?(n-r[e])/s:0,u=(o[i]-r[i])*l;return r[i]+u}function si(t,e){var n=t._adapter,i=t.options.time,a=i.parser,r=a||i.format,o=e;return"function"==typeof a&&(o=a(o)),H.isFinite(o)||(o="string"==typeof r?n.parse(o,r):n.parse(o)),null!==o?+o:(a||"function"!=typeof r||(o=r(e),H.isFinite(o)||(o=n.parse(o))),o)}function li(t,e){if(H.isNullOrUndef(e))return null;var n=t.options.time,i=si(t,t.getRightValue(e));return null===i?i:(n.round&&(i=+t._adapter.startOf(i,n.round)),i)}function ui(t,e,n,i){var a,r,o,s=ni.length;for(a=ni.indexOf(t);a=0&&(e[r].major=!0);return e}(t,r,o,n):r}var hi=yn.extend({initialize:function(){this.mergeTicksOptions(),yn.prototype.initialize.call(this)},update:function(){var t=this,e=t.options,n=e.time||(e.time={}),i=t._adapter=new rn._date(e.adapters.date);return Zn("time scale",n.format,"time.format","time.parser"),Zn("time scale",n.min,"time.min","ticks.min"),Zn("time scale",n.max,"time.max","ticks.max"),H.mergeIf(n.displayFormats,i.formats()),yn.prototype.update.apply(t,arguments)},getRightValue:function(t){return t&&void 0!==t.t&&(t=t.t),yn.prototype.getRightValue.call(this,t)},determineDataLimits:function(){var t,e,n,i,a,r,o,s=this,l=s.chart,u=s._adapter,d=s.options,h=d.time.unit||"day",c=ti,f=Qn,g=[],p=[],m=[],v=s._getLabels();for(t=0,n=v.length;t1?function(t){var e,n,i,a={},r=[];for(e=0,n=t.length;e1e5*u)throw e+" and "+n+" are too far apart with stepSize of "+u+" "+l;for(a=h;a=a&&n<=r&&d.push(n);return i.min=a,i.max=r,i._unit=l.unit||(s.autoSkip?ui(l.minUnit,i.min,i.max,h):function(t,e,n,i,a){var r,o;for(r=ni.length-1;r>=ni.indexOf(n);r--)if(o=ni[r],ei[o].common&&t._adapter.diff(a,i,o)>=e-1)return o;return ni[n?ni.indexOf(n):0]}(i,d.length,l.minUnit,i.min,i.max)),i._majorUnit=s.major.enabled&&"year"!==i._unit?function(t){for(var e=ni.indexOf(t)+1,n=ni.length;ee&&s=0&&t0?s:1}}),ci={position:"bottom",distribution:"linear",bounds:"data",adapters:{},time:{parser:!1,unit:!1,round:!1,displayFormat:!1,isoWeekday:!1,minUnit:"millisecond",displayFormats:{}},ticks:{autoSkip:!1,source:"auto",major:{enabled:!1}}};hi._defaults=ci;var fi={category:kn,linear:Tn,logarithmic:zn,radialLinear:Xn,time:hi},gi={datetime:"MMM D, YYYY, h:mm:ss a",millisecond:"h:mm:ss.SSS a",second:"h:mm:ss a",minute:"h:mm a",hour:"hA",day:"MMM D",week:"ll",month:"MMM YYYY",quarter:"[Q]Q - YYYY",year:"YYYY"};rn._date.override("function"==typeof t?{_id:"moment",formats:function(){return gi},parse:function(e,n){return"string"==typeof e&&"string"==typeof n?e=t(e,n):e instanceof t||(e=t(e)),e.isValid()?e.valueOf():null},format:function(e,n){return t(e).format(n)},add:function(e,n,i){return t(e).add(n,i).valueOf()},diff:function(e,n,i){return t(e).diff(t(n),i)},startOf:function(e,n,i){return e=t(e),"isoWeek"===n?e.isoWeekday(i).valueOf():e.startOf(n).valueOf()},endOf:function(e,n){return t(e).endOf(n).valueOf()},_create:function(e){return t(e)}}:{}),N._set("global",{plugins:{filler:{propagate:!0}}});var pi={dataset:function(t){var e=t.fill,n=t.chart,i=n.getDatasetMeta(e),a=i&&n.isDatasetVisible(e)&&i.dataset._children||[],r=a.length||0;return r?function(t,e){return e=n)&&i;switch(r){case"bottom":return"start";case"top":return"end";case"zero":return"origin";case"origin":case"start":case"end":return r;default:return!1}}function vi(t){return(t.el._scale||{}).getPointPositionForValue?function(t){var e,n,i,a,r,o=t.el._scale,s=o.options,l=o.chart.data.labels.length,u=t.fill,d=[];if(!l)return null;for(e=s.ticks.reverse?o.max:o.min,n=s.ticks.reverse?o.min:o.max,i=o.getPointPositionForValue(0,e),a=0;a0;--r)H.canvas.lineTo(t,n[r],n[r-1],!0);else for(o=n[0].cx,s=n[0].cy,l=Math.sqrt(Math.pow(n[0].x-o,2)+Math.pow(n[0].y-s,2)),r=a-1;r>0;--r)t.arc(o,s,l,n[r].angle,n[r-1].angle,!0)}}function ki(t,e,n,i,a,r){var o,s,l,u,d,h,c,f,g=e.length,p=i.spanGaps,m=[],v=[],b=0,x=0;for(t.beginPath(),o=0,s=g;o=0;--n)(e=l[n].$filler)&&e.visible&&(a=(i=e.el)._view,r=i._children||[],o=e.mapper,s=a.backgroundColor||N.global.defaultColor,o&&s&&r.length&&(H.canvas.clipArea(u,t.chartArea),ki(u,r,o,a,s,i._loop),H.canvas.unclipArea(u)))}},Mi=H.rtl.getRtlAdapter,Si=H.noop,Ci=H.valueOrDefault;function Pi(t,e){return t.usePointStyle&&t.boxWidth>e?e:t.boxWidth}N._set("global",{legend:{display:!0,position:"top",align:"center",fullWidth:!0,reverse:!1,weight:1e3,onClick:function(t,e){var n=e.datasetIndex,i=this.chart,a=i.getDatasetMeta(n);a.hidden=null===a.hidden?!i.data.datasets[n].hidden:null,i.update()},onHover:null,onLeave:null,labels:{boxWidth:40,padding:10,generateLabels:function(t){var e=t.data.datasets,n=t.options.legend||{},i=n.labels&&n.labels.usePointStyle;return t._getSortedDatasetMetas().map((function(n){var a=n.controller.getStyle(i?0:void 0);return{text:e[n.index].label,fillStyle:a.backgroundColor,hidden:!t.isDatasetVisible(n.index),lineCap:a.borderCapStyle,lineDash:a.borderDash,lineDashOffset:a.borderDashOffset,lineJoin:a.borderJoinStyle,lineWidth:a.borderWidth,strokeStyle:a.borderColor,pointStyle:a.pointStyle,rotation:a.rotation,datasetIndex:n.index}}),this)}}},legendCallback:function(t){var e,n,i,a=document.createElement("ul"),r=t.data.datasets;for(a.setAttribute("class",t.id+"-legend"),e=0,n=r.length;el.width)&&(h+=o+n.padding,d[d.length-(e>0?0:1)]=0),s[e]={left:0,top:0,width:i,height:o},d[d.length-1]+=i+n.padding})),l.height+=h}else{var c=n.padding,f=t.columnWidths=[],g=t.columnHeights=[],p=n.padding,m=0,v=0;H.each(t.legendItems,(function(t,e){var i=Pi(n,o)+o/2+a.measureText(t.text).width;e>0&&v+o+2*c>l.height&&(p+=m+n.padding,f.push(m),g.push(v),m=0,v=0),m=Math.max(m,i),v+=o+c,s[e]={left:0,top:0,width:i,height:o}})),p+=m,f.push(m),g.push(v),l.width+=p}t.width=l.width,t.height=l.height}else t.width=l.width=t.height=l.height=0},afterFit:Si,isHorizontal:function(){return"top"===this.options.position||"bottom"===this.options.position},draw:function(){var t=this,e=t.options,n=e.labels,i=N.global,a=i.defaultColor,r=i.elements.line,o=t.height,s=t.columnHeights,l=t.width,u=t.lineWidths;if(e.display){var d,h=Mi(e.rtl,t.left,t.minSize.width),c=t.ctx,f=Ci(n.fontColor,i.defaultFontColor),g=H.options._parseFont(n),p=g.size;c.textAlign=h.textAlign("left"),c.textBaseline="middle",c.lineWidth=.5,c.strokeStyle=f,c.fillStyle=f,c.font=g.string;var m=Pi(n,p),v=t.legendHitBoxes,b=function(t,i){switch(e.align){case"start":return n.padding;case"end":return t-i;default:return(t-i+n.padding)/2}},x=t.isHorizontal();d=x?{x:t.left+b(l,u[0]),y:t.top+n.padding,line:0}:{x:t.left+n.padding,y:t.top+b(o,s[0]),line:0},H.rtl.overrideTextDirection(t.ctx,e.textDirection);var y=p+n.padding;H.each(t.legendItems,(function(e,i){var f=c.measureText(e.text).width,g=m+p/2+f,_=d.x,k=d.y;h.setWidth(t.minSize.width),x?i>0&&_+g+n.padding>t.left+t.minSize.width&&(k=d.y+=y,d.line++,_=d.x=t.left+b(l,u[d.line])):i>0&&k+y>t.top+t.minSize.height&&(_=d.x=_+t.columnWidths[d.line]+n.padding,d.line++,k=d.y=t.top+b(o,s[d.line]));var w=h.x(_);!function(t,e,i){if(!(isNaN(m)||m<=0)){c.save();var o=Ci(i.lineWidth,r.borderWidth);if(c.fillStyle=Ci(i.fillStyle,a),c.lineCap=Ci(i.lineCap,r.borderCapStyle),c.lineDashOffset=Ci(i.lineDashOffset,r.borderDashOffset),c.lineJoin=Ci(i.lineJoin,r.borderJoinStyle),c.lineWidth=o,c.strokeStyle=Ci(i.strokeStyle,a),c.setLineDash&&c.setLineDash(Ci(i.lineDash,r.borderDash)),n&&n.usePointStyle){var s=m*Math.SQRT2/2,l=h.xPlus(t,m/2),u=e+p/2;H.canvas.drawPoint(c,i.pointStyle,s,l,u,i.rotation)}else c.fillRect(h.leftForLtr(t,m),e,m,p),0!==o&&c.strokeRect(h.leftForLtr(t,m),e,m,p);c.restore()}}(w,k,e),v[i].left=h.leftForLtr(w,v[i].width),v[i].top=k,function(t,e,n,i){var a=p/2,r=h.xPlus(t,m+a),o=e+a;c.fillText(n.text,r,o),n.hidden&&(c.beginPath(),c.lineWidth=2,c.moveTo(r,o),c.lineTo(h.xPlus(r,i),o),c.stroke())}(w,k,e,f),x?d.x+=g+n.padding:d.y+=y})),H.rtl.restoreTextDirection(t.ctx,e.textDirection)}},_getLegendItemAt:function(t,e){var n,i,a,r=this;if(t>=r.left&&t<=r.right&&e>=r.top&&e<=r.bottom)for(a=r.legendHitBoxes,n=0;n=(i=a[n]).left&&t<=i.left+i.width&&e>=i.top&&e<=i.top+i.height)return r.legendItems[n];return null},handleEvent:function(t){var e,n=this,i=n.options,a="mouseup"===t.type?"click":t.type;if("mousemove"===a){if(!i.onHover&&!i.onLeave)return}else{if("click"!==a)return;if(!i.onClick)return}e=n._getLegendItemAt(t.x,t.y),"click"===a?e&&i.onClick&&i.onClick.call(n,t.native,e):(i.onLeave&&e!==n._hoveredItem&&(n._hoveredItem&&i.onLeave.call(n,t.native,n._hoveredItem),n._hoveredItem=e),i.onHover&&e&&i.onHover.call(n,t.native,e))}});function Di(t,e){var n=new Ai({ctx:t.ctx,options:e,chart:t});pe.configure(t,n,e),pe.addBox(t,n),t.legend=n}var Ti={id:"legend",_element:Ai,beforeInit:function(t){var e=t.options.legend;e&&Di(t,e)},beforeUpdate:function(t){var e=t.options.legend,n=t.legend;e?(H.mergeIf(e,N.global.legend),n?(pe.configure(t,n,e),n.options=e):Di(t,e)):n&&(pe.removeBox(t,n),delete t.legend)},afterEvent:function(t,e){var n=t.legend;n&&n.handleEvent(e)}},Ii=H.noop;N._set("global",{title:{display:!1,fontStyle:"bold",fullWidth:!0,padding:10,position:"top",text:"",weight:2e3}});var Fi=K.extend({initialize:function(t){H.extend(this,t),this.legendHitBoxes=[]},beforeUpdate:Ii,update:function(t,e,n){var i=this;return i.beforeUpdate(),i.maxWidth=t,i.maxHeight=e,i.margins=n,i.beforeSetDimensions(),i.setDimensions(),i.afterSetDimensions(),i.beforeBuildLabels(),i.buildLabels(),i.afterBuildLabels(),i.beforeFit(),i.fit(),i.afterFit(),i.afterUpdate(),i.minSize},afterUpdate:Ii,beforeSetDimensions:Ii,setDimensions:function(){var t=this;t.isHorizontal()?(t.width=t.maxWidth,t.left=0,t.right=t.width):(t.height=t.maxHeight,t.top=0,t.bottom=t.height),t.paddingLeft=0,t.paddingTop=0,t.paddingRight=0,t.paddingBottom=0,t.minSize={width:0,height:0}},afterSetDimensions:Ii,beforeBuildLabels:Ii,buildLabels:Ii,afterBuildLabels:Ii,beforeFit:Ii,fit:function(){var t,e=this,n=e.options,i=e.minSize={},a=e.isHorizontal();n.display?(t=(H.isArray(n.text)?n.text.length:1)*H.options._parseFont(n).lineHeight+2*n.padding,e.width=i.width=a?e.maxWidth:t,e.height=i.height=a?t:e.maxHeight):e.width=i.width=e.height=i.height=0},afterFit:Ii,isHorizontal:function(){var t=this.options.position;return"top"===t||"bottom"===t},draw:function(){var t=this,e=t.ctx,n=t.options;if(n.display){var i,a,r,o=H.options._parseFont(n),s=o.lineHeight,l=s/2+n.padding,u=0,d=t.top,h=t.left,c=t.bottom,f=t.right;e.fillStyle=H.valueOrDefault(n.fontColor,N.global.defaultFontColor),e.font=o.string,t.isHorizontal()?(a=h+(f-h)/2,r=d+l,i=f-h):(a="left"===n.position?h+l:f-l,r=d+(c-d)/2,i=c-d,u=Math.PI*("left"===n.position?-.5:.5)),e.save(),e.translate(a,r),e.rotate(u),e.textAlign="center",e.textBaseline="middle";var g=n.text;if(H.isArray(g))for(var p=0,m=0;m=0;i--){var a=t[i];if(e(a))return a}},H.isNumber=function(t){return!isNaN(parseFloat(t))&&isFinite(t)},H.almostEquals=function(t,e,n){return Math.abs(t-e)=t},H.max=function(t){return t.reduce((function(t,e){return isNaN(e)?t:Math.max(t,e)}),Number.NEGATIVE_INFINITY)},H.min=function(t){return t.reduce((function(t,e){return isNaN(e)?t:Math.min(t,e)}),Number.POSITIVE_INFINITY)},H.sign=Math.sign?function(t){return Math.sign(t)}:function(t){return 0===(t=+t)||isNaN(t)?t:t>0?1:-1},H.toRadians=function(t){return t*(Math.PI/180)},H.toDegrees=function(t){return t*(180/Math.PI)},H._decimalPlaces=function(t){if(H.isFinite(t)){for(var e=1,n=0;Math.round(t*e)/e!==t;)e*=10,n++;return n}},H.getAngleFromPoint=function(t,e){var n=e.x-t.x,i=e.y-t.y,a=Math.sqrt(n*n+i*i),r=Math.atan2(i,n);return r<-.5*Math.PI&&(r+=2*Math.PI),{angle:r,distance:a}},H.distanceBetweenPoints=function(t,e){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))},H.aliasPixel=function(t){return t%2==0?0:.5},H._alignPixel=function(t,e,n){var i=t.currentDevicePixelRatio,a=n/2;return Math.round((e-a)*i)/i+a},H.splineCurve=function(t,e,n,i){var a=t.skip?e:t,r=e,o=n.skip?e:n,s=Math.sqrt(Math.pow(r.x-a.x,2)+Math.pow(r.y-a.y,2)),l=Math.sqrt(Math.pow(o.x-r.x,2)+Math.pow(o.y-r.y,2)),u=s/(s+l),d=l/(s+l),h=i*(u=isNaN(u)?0:u),c=i*(d=isNaN(d)?0:d);return{previous:{x:r.x-h*(o.x-a.x),y:r.y-h*(o.y-a.y)},next:{x:r.x+c*(o.x-a.x),y:r.y+c*(o.y-a.y)}}},H.EPSILON=Number.EPSILON||1e-14,H.splineCurveMonotone=function(t){var e,n,i,a,r,o,s,l,u,d=(t||[]).map((function(t){return{model:t._model,deltaK:0,mK:0}})),h=d.length;for(e=0;e0?d[e-1]:null,(a=e0?d[e-1]:null,a=e=t.length-1?t[0]:t[e+1]:e>=t.length-1?t[t.length-1]:t[e+1]},H.previousItem=function(t,e,n){return n?e<=0?t[t.length-1]:t[e-1]:e<=0?t[0]:t[e-1]},H.niceNum=function(t,e){var n=Math.floor(H.log10(t)),i=t/Math.pow(10,n);return(e?i<1.5?1:i<3?2:i<7?5:10:i<=1?1:i<=2?2:i<=5?5:10)*Math.pow(10,n)},H.requestAnimFrame="undefined"==typeof window?function(t){t()}:window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(t){return window.setTimeout(t,1e3/60)},H.getRelativePosition=function(t,e){var n,i,a=t.originalEvent||t,r=t.target||t.srcElement,o=r.getBoundingClientRect(),s=a.touches;s&&s.length>0?(n=s[0].clientX,i=s[0].clientY):(n=a.clientX,i=a.clientY);var l=parseFloat(H.getStyle(r,"padding-left")),u=parseFloat(H.getStyle(r,"padding-top")),d=parseFloat(H.getStyle(r,"padding-right")),h=parseFloat(H.getStyle(r,"padding-bottom")),c=o.right-o.left-l-d,f=o.bottom-o.top-u-h;return{x:n=Math.round((n-o.left-l)/c*r.width/e.currentDevicePixelRatio),y:i=Math.round((i-o.top-u)/f*r.height/e.currentDevicePixelRatio)}},H.getConstraintWidth=function(t){return n(t,"max-width","clientWidth")},H.getConstraintHeight=function(t){return n(t,"max-height","clientHeight")},H._calculatePadding=function(t,e,n){return(e=H.getStyle(t,e)).indexOf("%")>-1?n*parseInt(e,10)/100:parseInt(e,10)},H._getParentNode=function(t){var e=t.parentNode;return e&&"[object ShadowRoot]"===e.toString()&&(e=e.host),e},H.getMaximumWidth=function(t){var e=H._getParentNode(t);if(!e)return t.clientWidth;var n=e.clientWidth,i=n-H._calculatePadding(e,"padding-left",n)-H._calculatePadding(e,"padding-right",n),a=H.getConstraintWidth(t);return isNaN(a)?i:Math.min(i,a)},H.getMaximumHeight=function(t){var e=H._getParentNode(t);if(!e)return t.clientHeight;var n=e.clientHeight,i=n-H._calculatePadding(e,"padding-top",n)-H._calculatePadding(e,"padding-bottom",n),a=H.getConstraintHeight(t);return isNaN(a)?i:Math.min(i,a)},H.getStyle=function(t,e){return t.currentStyle?t.currentStyle[e]:document.defaultView.getComputedStyle(t,null).getPropertyValue(e)},H.retinaScale=function(t,e){var n=t.currentDevicePixelRatio=e||"undefined"!=typeof window&&window.devicePixelRatio||1;if(1!==n){var i=t.canvas,a=t.height,r=t.width;i.height=a*n,i.width=r*n,t.ctx.scale(n,n),i.style.height||i.style.width||(i.style.height=a+"px",i.style.width=r+"px")}},H.fontString=function(t,e,n){return e+" "+t+"px "+n},H.longestText=function(t,e,n,i){var a=(i=i||{}).data=i.data||{},r=i.garbageCollect=i.garbageCollect||[];i.font!==e&&(a=i.data={},r=i.garbageCollect=[],i.font=e),t.font=e;var o,s,l,u,d,h=0,c=n.length;for(o=0;on.length){for(o=0;oi&&(i=r),i},H.numberOfLabelLines=function(t){var e=1;return H.each(t,(function(t){H.isArray(t)&&t.length>e&&(e=t.length)})),e},H.color=_?function(t){return t instanceof CanvasGradient&&(t=N.global.defaultColor),_(t)}:function(t){return console.error("Color.js not found!"),t},H.getHoverColor=function(t){return t instanceof CanvasPattern||t instanceof CanvasGradient?t:H.color(t).saturate(.5).darken(.1).rgbString()}}(),en._adapters=rn,en.Animation=$,en.animationService=J,en.controllers=Jt,en.DatasetController=it,en.defaults=N,en.Element=K,en.elements=kt,en.Interaction=re,en.layouts=pe,en.platform=Oe,en.plugins=Le,en.Scale=yn,en.scaleService=Re,en.Ticks=on,en.Tooltip=Ye,en.helpers.each(fi,(function(t,e){en.scaleService.registerScaleType(e,t,t._defaults)})),Li)Li.hasOwnProperty(Bi)&&en.plugins.register(Li[Bi]);en.platform.initialize();var Ei=en;return"undefined"!=typeof window&&(window.Chart=en),en.Chart=en,en.Legend=Li.legend._element,en.Title=Li.title._element,en.pluginService=en.plugins,en.PluginBase=en.Element.extend({}),en.canvasHelpers=en.helpers.canvas,en.layoutService=en.layouts,en.LinearScaleBase=Cn,en.helpers.each(["Bar","Bubble","Doughnut","Line","PolarArea","Radar","Scatter"],(function(t){en[t]=function(e,n){return new en(e,en.helpers.merge(n||{},{type:t.charAt(0).toLowerCase()+t.slice(1)}))}})),Ei})); + +/* toastr v2.1.3, the "latest" */ +!function(e){e(["jquery"],function(e){return function(){function t(e,t,n){return g({type:O.error,iconClass:m().iconClasses.error,message:e,optionsOverride:n,title:t})}function n(t,n){return t||(t=m()),v=e("#"+t.containerId),v.length?v:(n&&(v=d(t)),v)}function o(e,t,n){return g({type:O.info,iconClass:m().iconClasses.info,message:e,optionsOverride:n,title:t})}function s(e){C=e}function i(e,t,n){return g({type:O.success,iconClass:m().iconClasses.success,message:e,optionsOverride:n,title:t})}function a(e,t,n){return g({type:O.warning,iconClass:m().iconClasses.warning,message:e,optionsOverride:n,title:t})}function r(e,t){var o=m();v||n(o),u(e,o,t)||l(o)}function c(t){var o=m();return v||n(o),t&&0===e(":focus",t).length?void h(t):void(v.children().length&&v.remove())}function l(t){for(var n=v.children(),o=n.length-1;o>=0;o--)u(e(n[o]),t)}function u(t,n,o){var s=!(!o||!o.force)&&o.force;return!(!t||!s&&0!==e(":focus",t).length)&&(t[n.hideMethod]({duration:n.hideDuration,easing:n.hideEasing,complete:function(){h(t)}}),!0)}function d(t){return v=e("
      ").attr("id",t.containerId).addClass(t.positionClass),v.appendTo(e(t.target)),v}function p(){return{tapToDismiss:!0,toastClass:"toast",containerId:"toast-container",debug:!1,showMethod:"fadeIn",showDuration:300,showEasing:"swing",onShown:void 0,hideMethod:"fadeOut",hideDuration:1e3,hideEasing:"swing",onHidden:void 0,closeMethod:!1,closeDuration:!1,closeEasing:!1,closeOnHover:!0,extendedTimeOut:1e3,iconClasses:{error:"toast-error",info:"toast-info",success:"toast-success",warning:"toast-warning"},iconClass:"toast-info",positionClass:"toast-top-right",timeOut:5e3,titleClass:"toast-title",messageClass:"toast-message",escapeHtml:!1,target:"body",closeHtml:'',closeClass:"toast-close-button",newestOnTop:!0,preventDuplicates:!1,progressBar:!1,progressClass:"toast-progress",rtl:!1}}function f(e){C&&C(e)}function g(t){function o(e){return null==e&&(e=""),e.replace(/&/g,"&").replace(/"/g,""").replace(/'/g,"'").replace(//g,">")}function s(){c(),u(),d(),p(),g(),C(),l(),i()}function i(){var e="";switch(t.iconClass){case"toast-success":case"toast-info":e="polite";break;default:e="assertive"}I.attr("aria-live",e)}function a(){E.closeOnHover&&I.hover(H,D),!E.onclick&&E.tapToDismiss&&I.click(b),E.closeButton&&j&&j.click(function(e){e.stopPropagation?e.stopPropagation():void 0!==e.cancelBubble&&e.cancelBubble!==!0&&(e.cancelBubble=!0),E.onCloseClick&&E.onCloseClick(e),b(!0)}),E.onclick&&I.click(function(e){E.onclick(e),b()})}function r(){I.hide(),I[E.showMethod]({duration:E.showDuration,easing:E.showEasing,complete:E.onShown}),E.timeOut>0&&(k=setTimeout(b,E.timeOut),F.maxHideTime=parseFloat(E.timeOut),F.hideEta=(new Date).getTime()+F.maxHideTime,E.progressBar&&(F.intervalId=setInterval(x,10)))}function c(){t.iconClass&&I.addClass(E.toastClass).addClass(y)}function l(){E.newestOnTop?v.prepend(I):v.append(I)}function u(){if(t.title){var e=t.title;E.escapeHtml&&(e=o(t.title)),M.append(e).addClass(E.titleClass),I.append(M)}}function d(){if(t.message){var e=t.message;E.escapeHtml&&(e=o(t.message)),B.append(e).addClass(E.messageClass),I.append(B)}}function p(){E.closeButton&&(j.addClass(E.closeClass).attr("role","button"),I.prepend(j))}function g(){E.progressBar&&(q.addClass(E.progressClass),I.prepend(q))}function C(){E.rtl&&I.addClass("rtl")}function O(e,t){if(e.preventDuplicates){if(t.message===w)return!0;w=t.message}return!1}function b(t){var n=t&&E.closeMethod!==!1?E.closeMethod:E.hideMethod,o=t&&E.closeDuration!==!1?E.closeDuration:E.hideDuration,s=t&&E.closeEasing!==!1?E.closeEasing:E.hideEasing;if(!e(":focus",I).length||t)return clearTimeout(F.intervalId),I[n]({duration:o,easing:s,complete:function(){h(I),clearTimeout(k),E.onHidden&&"hidden"!==P.state&&E.onHidden(),P.state="hidden",P.endTime=new Date,f(P)}})}function D(){(E.timeOut>0||E.extendedTimeOut>0)&&(k=setTimeout(b,E.extendedTimeOut),F.maxHideTime=parseFloat(E.extendedTimeOut),F.hideEta=(new Date).getTime()+F.maxHideTime)}function H(){clearTimeout(k),F.hideEta=0,I.stop(!0,!0)[E.showMethod]({duration:E.showDuration,easing:E.showEasing})}function x(){var e=(F.hideEta-(new Date).getTime())/F.maxHideTime*100;q.width(e+"%")}var E=m(),y=t.iconClass||E.iconClass;if("undefined"!=typeof t.optionsOverride&&(E=e.extend(E,t.optionsOverride),y=t.optionsOverride.iconClass||y),!O(E,t)){T++,v=n(E,!0);var k=null,I=e("
      "),M=e("
      "),B=e("
      "),q=e("
      "),j=e(E.closeHtml),F={intervalId:null,hideEta:null,maxHideTime:null},P={toastId:T,state:"visible",startTime:new Date,options:E,map:t};return s(),r(),a(),f(P),E.debug&&console&&console.log(P),I}}function m(){return e.extend({},p(),b.options)}function h(e){v||(v=n()),e.is(":visible")||(e.remove(),e=null,0===v.children().length&&(v.remove(),w=void 0))}var v,C,w,T=0,O={error:"error",info:"info",success:"success",warning:"warning"},b={clear:r,remove:c,error:t,getContainer:n,info:o,options:{},subscribe:s,success:i,version:"2.1.3",warning:a};return b}()})}("function"==typeof define&&define.amd?define:function(e,t){"undefined"!=typeof module&&module.exports?module.exports=t(require("jquery")):window.toastr=t(window.jQuery)}); + +/*! * YoutubeBackground - * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * Version: 1.0.5 */ +"function"!=typeof Object.create&&(Object.create=function(e){function t(){}return t.prototype=e,new t}),function(e,t,o){var i=function(o){"undefined"==typeof YT&&void 0===t.loadingPlayer?(t.loadingPlayer=!0,t.dfd=e.Deferred(),t.onYouTubeIframeAPIReady=function(){t.onYouTubeIframeAPIReady=null,t.dfd.resolve("done"),o()}):"object"==typeof YT?o():t.dfd.done(function(e){o()})};YTPlayer={player:null,defaults:{ratio:16/9,videoId:"LSmgKRx5pBo",mute:!0,repeat:!0,width:e(t).width(),playButtonClass:"YTPlayer-play",pauseButtonClass:"YTPlayer-pause",muteButtonClass:"YTPlayer-mute",volumeUpClass:"YTPlayer-volume-up",volumeDownClass:"YTPlayer-volume-down",start:0,pauseOnScroll:!1,fitToBackground:!0,playerVars:{iv_load_policy:3,modestbranding:1,autoplay:1,controls:0,showinfo:0,wmode:"opaque",branding:0,autohide:0},events:null},init:function(a,n){var l,r,s,d=this;return d.userOptions=n,d.$body=e("body"),d.$node=e(a),d.$window=e(t),d.defaults.events={onReady:function(e){d.onPlayerReady(e),d.options.pauseOnScroll&&d.pauseOnScroll(),"function"==typeof d.options.callback&&d.options.callback.call(this)},onStateChange:function(e){1===e.data?(d.$node.find("img").fadeOut(400),d.$node.addClass("loaded")):0===e.data&&d.options.repeat&&d.player.seekTo(d.options.start)}},d.options=e.extend(!0,{},d.defaults,d.userOptions),d.options.height=Math.ceil(d.options.width/d.options.ratio),d.ID=(new Date).getTime(),d.holderID="YTPlayer-ID-"+d.ID,d.options.fitToBackground?d.createBackgroundVideo():d.createContainerVideo(),d.$window.on("resize.YTplayer"+d.ID,function(){d.resize(d)}),l=d.onYouTubeIframeAPIReady.bind(d),r=o.createElement("script"),s=o.getElementsByTagName("head")[0],"file://"==t.location.origin?r.src="http://www.youtube.com/iframe_api":r.src="//www.youtube.com/iframe_api",s.appendChild(r),s=null,r=null,i(l),d.resize(d),d},pauseOnScroll:function(){var e=this;e.$window.on("scroll.YTplayer"+e.ID,function(){1===e.player.getPlayerState()&&e.player.pauseVideo()}),e.$window.scrollStopped(function(){2===e.player.getPlayerState()&&e.player.playVideo()})},createContainerVideo:function(){var t=e('
      ');this.$node.append(t),this.$YTPlayerString=t,t=null},createBackgroundVideo:function(){var t=e('
      ');this.$node.append(t),this.$YTPlayerString=t,t=null},resize:function(o){var i=e(t);o.options.fitToBackground||(i=o.$node);var a,n,l=i.width(),r=i.height(),s=e("#"+o.holderID);l/o.options.ratio").css({position:"fixed",top:0,left:-1*k(y).scrollLeft(),height:1, +width:1,overflow:"hidden"}).append(k("
      ").css({position:"absolute",top:1,left:1,width:100,overflow:"scroll"}).append(k("
      ").css({width:"100%",height:10}))).appendTo("body"),d=c.children(),e=d.children();b.barWidth=d[0].offsetWidth-d[0].clientWidth;b.bScrollOversize=100===e[0].offsetWidth&&100!==d[0].clientWidth;b.bScrollbarLeft=1!==Math.round(e.offset().left);b.bBounding=c[0].getBoundingClientRect().width?!0:!1;c.remove()}k.extend(a.oBrowser,u.__browser);a.oScroll.iBarWidth=u.__browser.barWidth} +function Bb(a,b,c,d,e,f){var g=!1;if(c!==q){var h=c;g=!0}for(;d!==e;)a.hasOwnProperty(d)&&(h=g?b(h,a[d],d,a):a[d],g=!0,d+=f);return h}function Wa(a,b){var c=u.defaults.column,d=a.aoColumns.length;c=k.extend({},u.models.oColumn,c,{nTh:b?b:z.createElement("th"),sTitle:c.sTitle?c.sTitle:b?b.innerHTML:"",aDataSort:c.aDataSort?c.aDataSort:[d],mData:c.mData?c.mData:d,idx:d});a.aoColumns.push(c);c=a.aoPreSearchCols;c[d]=k.extend({},u.models.oSearch,c[d]);Da(a,d,k(b).data())}function Da(a,b,c){b=a.aoColumns[b]; +var d=a.oClasses,e=k(b.nTh);if(!b.sWidthOrig){b.sWidthOrig=e.attr("width")||null;var f=(e.attr("style")||"").match(/width:\s*(\d+[pxem%]+)/);f&&(b.sWidthOrig=f[1])}c!==q&&null!==c&&(zb(c),O(u.defaults.column,c,!0),c.mDataProp===q||c.mData||(c.mData=c.mDataProp),c.sType&&(b._sManualType=c.sType),c.className&&!c.sClass&&(c.sClass=c.className),c.sClass&&e.addClass(c.sClass),k.extend(b,c),V(b,c,"sWidth","sWidthOrig"),c.iDataSort!==q&&(b.aDataSort=[c.iDataSort]),V(b,c,"aDataSort"));var g=b.mData,h=ia(g), +l=b.mRender?ia(b.mRender):null;c=function(n){return"string"===typeof n&&-1!==n.indexOf("@")};b._bAttrSrc=k.isPlainObject(g)&&(c(g.sort)||c(g.type)||c(g.filter));b._setter=null;b.fnGetData=function(n,m,p){var t=h(n,m,q,p);return l&&m?l(t,m,n,p):t};b.fnSetData=function(n,m,p){return da(g)(n,m,p)};"number"!==typeof g&&(a._rowReadObject=!0);a.oFeatures.bSort||(b.bSortable=!1,e.addClass(d.sSortableNone));a=-1!==k.inArray("asc",b.asSorting);c=-1!==k.inArray("desc",b.asSorting);b.bSortable&&(a||c)?a&&!c? +(b.sSortingClass=d.sSortableAsc,b.sSortingClassJUI=d.sSortJUIAscAllowed):!a&&c?(b.sSortingClass=d.sSortableDesc,b.sSortingClassJUI=d.sSortJUIDescAllowed):(b.sSortingClass=d.sSortable,b.sSortingClassJUI=d.sSortJUI):(b.sSortingClass=d.sSortableNone,b.sSortingClassJUI="")}function ra(a){if(!1!==a.oFeatures.bAutoWidth){var b=a.aoColumns;Xa(a);for(var c=0,d=b.length;cn[m])d(h.length+n[m],l);else if("string"===typeof n[m]){var p=0;for(g=h.length;pb&&a[e]--; -1!=d&&c===q&&a.splice(d,1)}function va(a,b,c,d){var e=a.aoData[b],f,g=function(l,n){for(;l.childNodes.length;)l.removeChild(l.firstChild);l.innerHTML=S(a,b,n,"display")};if("dom"!==c&&(c&&"auto"!==c||"dom"!==e.src)){var h=e.anCells;if(h)if(d!==q)g(h[d],d);else for(c=0,f=h.length;c").appendTo(d));var l=0;for(b=h.length;l=a.fnRecordsDisplay()?0:g,a.iInitDisplayStart=-1);g=a._iDisplayStart;var n=a.fnDisplayEnd();if(a.bDeferLoading)a.bDeferLoading=!1,a.iDraw++,U(a,!1);else if(!h)a.iDraw++;else if(!a.bDestroying&&!Fb(a))return;if(0!==l.length)for(f=h?a.aoData.length:n,h=h?0:g;h",{"class":e?d[0]:""}).append(k("",{valign:"top",colSpan:na(a),"class":a.oClasses.sRowEmpty}).html(c))[0];H(a,"aoHeaderCallback","header",[k(a.nTHead).children("tr")[0], +bb(a),g,n,l]);H(a,"aoFooterCallback","footer",[k(a.nTFoot).children("tr")[0],bb(a),g,n,l]);d=k(a.nTBody);d.children().detach();d.append(k(b));H(a,"aoDrawCallback","draw",[a]);a.bSorted=!1;a.bFiltered=!1;a.bDrawing=!1}}function ja(a,b){var c=a.oFeatures,d=c.bFilter;c.bSort&&Gb(a);d?ya(a,a.oPreviousSearch):a.aiDisplay=a.aiDisplayMaster.slice();!0!==b&&(a._iDisplayStart=0);a._drawHold=b;fa(a);a._drawHold=!1}function Hb(a){var b=a.oClasses,c=k(a.nTable);c=k("
      ").insertBefore(c);var d=a.oFeatures, +e=k("
      ",{id:a.sTableId+"_wrapper","class":b.sWrapper+(a.nTFoot?"":" "+b.sNoFooter)});a.nHolding=c[0];a.nTableWrapper=e[0];a.nTableReinsertBefore=a.nTable.nextSibling;for(var f=a.sDom.split(""),g,h,l,n,m,p,t=0;t")[0];n=f[t+1];if("'"==n||'"'==n){m="";for(p=2;f[t+p]!=n;)m+=f[t+p],p++;"H"==m?m=b.sJUIHeader:"F"==m&&(m=b.sJUIFooter);-1!=m.indexOf(".")?(n=m.split("."),l.id=n[0].substr(1,n[0].length-1),l.className=n[1]):"#"==m.charAt(0)?l.id=m.substr(1, +m.length-1):l.className=m;t+=p}e.append(l);e=k(l)}else if(">"==h)e=e.parent();else if("l"==h&&d.bPaginate&&d.bLengthChange)g=Ib(a);else if("f"==h&&d.bFilter)g=Jb(a);else if("r"==h&&d.bProcessing)g=Kb(a);else if("t"==h)g=Lb(a);else if("i"==h&&d.bInfo)g=Mb(a);else if("p"==h&&d.bPaginate)g=Nb(a);else if(0!==u.ext.feature.length)for(l=u.ext.feature,p=0,n=l.length;p',h=d.sSearch;h=h.match(/_INPUT_/)?h.replace("_INPUT_",g):h+g;b=k("
      ",{id:f.f?null:c+"_filter","class":b.sFilter}).append(k("
      ").addClass(b.sLength);a.aanFeatures.l||(l[0].id=c+"_length");l.children().append(a.oLanguage.sLengthMenu.replace("_MENU_",e[0].outerHTML));k("select",l).val(a._iDisplayLength).on("change.DT",function(n){ib(a,k(this).val());fa(a)});k(a.nTable).on("length.dt.DT",function(n,m,p){a===m&&k("select",l).val(p)});return l[0]}function Nb(a){var b=a.sPaginationType,c=u.ext.pager[b],d="function"===typeof c,e=function(g){fa(g)};b=k("
      ").addClass(a.oClasses.sPaging+b)[0]; +var f=a.aanFeatures;d||c.fnInit(a,b,e);f.p||(b.id=a.sTableId+"_paginate",a.aoDrawCallback.push({fn:function(g){if(d){var h=g._iDisplayStart,l=g._iDisplayLength,n=g.fnRecordsDisplay(),m=-1===l;h=m?0:Math.ceil(h/l);l=m?1:Math.ceil(n/l);n=c(h,l);var p;m=0;for(p=f.p.length;mf&& +(d=0)):"first"==b?d=0:"previous"==b?(d=0<=e?d-e:0,0>d&&(d=0)):"next"==b?d+e",{id:a.aanFeatures.r?null:a.sTableId+"_processing","class":a.oClasses.sProcessing}).html(a.oLanguage.sProcessing).insertBefore(a.nTable)[0]}function U(a,b){a.oFeatures.bProcessing&&k(a.aanFeatures.r).css("display",b?"block":"none"); +H(a,null,"processing",[a,b])}function Lb(a){var b=k(a.nTable);b.attr("role","grid");var c=a.oScroll;if(""===c.sX&&""===c.sY)return a.nTable;var d=c.sX,e=c.sY,f=a.oClasses,g=b.children("caption"),h=g.length?g[0]._captionSide:null,l=k(b[0].cloneNode(!1)),n=k(b[0].cloneNode(!1)),m=b.children("tfoot");m.length||(m=null);l=k("
      ",{"class":f.sScrollWrapper}).append(k("
      ",{"class":f.sScrollHead}).css({overflow:"hidden",position:"relative",border:0,width:d?d?K(d):null:"100%"}).append(k("
      ", +{"class":f.sScrollHeadInner}).css({"box-sizing":"content-box",width:c.sXInner||"100%"}).append(l.removeAttr("id").css("margin-left",0).append("top"===h?g:null).append(b.children("thead"))))).append(k("
      ",{"class":f.sScrollBody}).css({position:"relative",overflow:"auto",width:d?K(d):null}).append(b));m&&l.append(k("
      ",{"class":f.sScrollFoot}).css({overflow:"hidden",border:0,width:d?d?K(d):null:"100%"}).append(k("
      ",{"class":f.sScrollFootInner}).append(n.removeAttr("id").css("margin-left", +0).append("bottom"===h?g:null).append(b.children("tfoot")))));b=l.children();var p=b[0];f=b[1];var t=m?b[2]:null;if(d)k(f).on("scroll.DT",function(v){v=this.scrollLeft;p.scrollLeft=v;m&&(t.scrollLeft=v)});k(f).css("max-height",e);c.bCollapse||k(f).css("height",e);a.nScrollHead=p;a.nScrollBody=f;a.nScrollFoot=t;a.aoDrawCallback.push({fn:Ea,sName:"scrolling"});return l[0]}function Ea(a){var b=a.oScroll,c=b.sX,d=b.sXInner,e=b.sY;b=b.iBarWidth;var f=k(a.nScrollHead),g=f[0].style,h=f.children("div"),l= +h[0].style,n=h.children("table");h=a.nScrollBody;var m=k(h),p=h.style,t=k(a.nScrollFoot).children("div"),v=t.children("table"),x=k(a.nTHead),r=k(a.nTable),A=r[0],E=A.style,I=a.nTFoot?k(a.nTFoot):null,W=a.oBrowser,M=W.bScrollOversize,C=T(a.aoColumns,"nTh"),B=[],ba=[],X=[],lb=[],Aa,Yb=function(F){F=F.style;F.paddingTop="0";F.paddingBottom="0";F.borderTopWidth="0";F.borderBottomWidth="0";F.height=0};var ha=h.scrollHeight>h.clientHeight;if(a.scrollBarVis!==ha&&a.scrollBarVis!==q)a.scrollBarVis=ha,ra(a); +else{a.scrollBarVis=ha;r.children("thead, tfoot").remove();if(I){var ka=I.clone().prependTo(r);var la=I.find("tr");ka=ka.find("tr")}var mb=x.clone().prependTo(r);x=x.find("tr");ha=mb.find("tr");mb.find("th, td").removeAttr("tabindex");c||(p.width="100%",f[0].style.width="100%");k.each(Ka(a,mb),function(F,Y){Aa=sa(a,F);Y.style.width=a.aoColumns[Aa].sWidth});I&&Z(function(F){F.style.width=""},ka);f=r.outerWidth();""===c?(E.width="100%",M&&(r.find("tbody").height()>h.offsetHeight||"scroll"==m.css("overflow-y"))&& +(E.width=K(r.outerWidth()-b)),f=r.outerWidth()):""!==d&&(E.width=K(d),f=r.outerWidth());Z(Yb,ha);Z(function(F){X.push(F.innerHTML);B.push(K(k(F).css("width")))},ha);Z(function(F,Y){-1!==k.inArray(F,C)&&(F.style.width=B[Y])},x);k(ha).height(0);I&&(Z(Yb,ka),Z(function(F){lb.push(F.innerHTML);ba.push(K(k(F).css("width")))},ka),Z(function(F,Y){F.style.width=ba[Y]},la),k(ka).height(0));Z(function(F,Y){F.innerHTML='
      '+X[Y]+"
      ";F.childNodes[0].style.height="0";F.childNodes[0].style.overflow= +"hidden";F.style.width=B[Y]},ha);I&&Z(function(F,Y){F.innerHTML='
      '+lb[Y]+"
      ";F.childNodes[0].style.height="0";F.childNodes[0].style.overflow="hidden";F.style.width=ba[Y]},ka);r.outerWidth()h.offsetHeight||"scroll"==m.css("overflow-y")?f+b:f,M&&(h.scrollHeight>h.offsetHeight||"scroll"==m.css("overflow-y"))&&(E.width=K(la-b)),""!==c&&""===d||aa(a,1,"Possible column misalignment",6)):la="100%";p.width=K(la);g.width=K(la);I&&(a.nScrollFoot.style.width= +K(la));!e&&M&&(p.height=K(A.offsetHeight+b));c=r.outerWidth();n[0].style.width=K(c);l.width=K(c);d=r.height()>h.clientHeight||"scroll"==m.css("overflow-y");e="padding"+(W.bScrollbarLeft?"Left":"Right");l[e]=d?b+"px":"0px";I&&(v[0].style.width=K(c),t[0].style.width=K(c),t[0].style[e]=d?b+"px":"0px");r.children("colgroup").insertBefore(r.children("thead"));m.trigger("scroll");!a.bSorted&&!a.bFiltered||a._drawHold||(h.scrollTop=0)}}function Z(a,b,c){for(var d=0,e=0,f=b.length,g,h;e").appendTo(h.find("tbody"));h.find("thead, tfoot").remove();h.append(k(a.nTHead).clone()).append(k(a.nTFoot).clone());h.find("tfoot th, tfoot td").css("width","");n=Ka(a,h.find("thead")[0]);for(v=0;v").css({width:r.sWidthOrig, +margin:0,padding:0,border:0,height:1}));if(a.aoData.length)for(v=0;v").css(f||e?{position:"absolute",top:0,left:0,height:1,right:0,overflow:"hidden"}:{}).append(h).appendTo(p);f&&g?h.width(g):f?(h.css("width","auto"),h.removeAttr("width"),h.width()").css("width",K(a)).appendTo(b||z.body);b=a[0].offsetWidth;a.remove();return b}function $b(a,b){var c=ac(a,b);if(0>c)return null;var d=a.aoData[c];return d.nTr?d.anCells[b]: +k("").html(S(a,c,b,"display"))[0]}function ac(a,b){for(var c,d=-1,e=-1,f=0,g=a.aoData.length;fd&&(d=c.length,e=f);return e}function K(a){return null===a?"0px":"number"==typeof a?0>a?"0px":a+"px":a.match(/\d$/)?a+"px":a}function pa(a){var b=[],c=a.aoColumns;var d=a.aaSortingFixed;var e=k.isPlainObject(d);var f=[];var g=function(m){m.length&&!Array.isArray(m[0])?f.push(m):k.merge(f,m)};Array.isArray(d)&&g(d); +e&&d.pre&&g(d.pre);g(a.aaSorting);e&&d.post&&g(d.post);for(a=0;aI?1:0;if(0!==E)return"asc"===A.dir?E:-E}E=c[m];I=c[p];return EI?1:0}):g.sort(function(m,p){var t,v=h.length,x=e[m]._aSortData,r=e[p]._aSortData;for(t=0;tI?1:0})}a.bSorted=!0}function cc(a){var b=a.aoColumns,c=pa(a);a=a.oLanguage.oAria;for(var d=0,e=b.length;d/g,"");var l=f.nTh;l.removeAttribute("aria-sort");f.bSortable&&(0e?e+1:3))}e=0;for(f=d.length;ee?e+1:3))}a.aLastSort= +d}function bc(a,b){var c=a.aoColumns[b],d=u.ext.order[c.sSortDataType],e;d&&(e=d.call(a.oInstance,a,b,ta(a,b)));for(var f,g=u.ext.type.order[c.sType+"-pre"],h=0,l=a.aoData.length;h=f.length?[0,m[1]]:m)}));h.search!==q&&k.extend(a.oPreviousSearch,Vb(h.search));if(h.columns)for(d=0,e=h.columns.length;d=c&&(b=c-d);b-=b%d;if(-1===d||0>b)b=0;a._iDisplayStart=b}function eb(a,b){a=a.renderer;var c=u.ext.renderer[b];return k.isPlainObject(a)&&a[b]?c[a[b]]||c._:"string"===typeof a?c[a]|| +c._:c._}function P(a){return a.oFeatures.bServerSide?"ssp":a.ajax||a.sAjaxSource?"ajax":"dom"}function Ba(a,b){var c=ec.numbers_length,d=Math.floor(c/2);b<=c?a=qa(0,b):a<=d?(a=qa(0,c-2),a.push("ellipsis"),a.push(b-1)):(a>=b-1-d?a=qa(b-(c-2),b):(a=qa(a-d+2,a+d-1),a.push("ellipsis"),a.push(b-1)),a.splice(0,0,"ellipsis"),a.splice(0,0,0));a.DT_el="span";return a}function Va(a){k.each({num:function(b){return Sa(b,a)},"num-fmt":function(b){return Sa(b,a,qb)},"html-num":function(b){return Sa(b,a,Ta)},"html-num-fmt":function(b){return Sa(b, +a,Ta,qb)}},function(b,c){L.type.order[b+a+"-pre"]=c;b.match(/^html\-/)&&(L.type.search[b+a]=L.type.search.html)})}function fc(a){return function(){var b=[Ra(this[u.ext.iApiIndex])].concat(Array.prototype.slice.call(arguments));return u.ext.internal[a].apply(this,b)}}var u=function(a){this.$=function(f,g){return this.api(!0).$(f,g)};this._=function(f,g){return this.api(!0).rows(f,g).data()};this.api=function(f){return f?new D(Ra(this[L.iApiIndex])):new D(this)};this.fnAddData=function(f,g){var h=this.api(!0); +f=Array.isArray(f)&&(Array.isArray(f[0])||k.isPlainObject(f[0]))?h.rows.add(f):h.row.add(f);(g===q||g)&&h.draw();return f.flatten().toArray()};this.fnAdjustColumnSizing=function(f){var g=this.api(!0).columns.adjust(),h=g.settings()[0],l=h.oScroll;f===q||f?g.draw(!1):(""!==l.sX||""!==l.sY)&&Ea(h)};this.fnClearTable=function(f){var g=this.api(!0).clear();(f===q||f)&&g.draw()};this.fnClose=function(f){this.api(!0).row(f).child.hide()};this.fnDeleteRow=function(f,g,h){var l=this.api(!0);f=l.rows(f);var n= +f.settings()[0],m=n.aoData[f[0][0]];f.remove();g&&g.call(this,n,m);(h===q||h)&&l.draw();return m};this.fnDestroy=function(f){this.api(!0).destroy(f)};this.fnDraw=function(f){this.api(!0).draw(f)};this.fnFilter=function(f,g,h,l,n,m){n=this.api(!0);null===g||g===q?n.search(f,h,l,m):n.column(g).search(f,h,l,m);n.draw()};this.fnGetData=function(f,g){var h=this.api(!0);if(f!==q){var l=f.nodeName?f.nodeName.toLowerCase():"";return g!==q||"td"==l||"th"==l?h.cell(f,g).data():h.row(f).data()||null}return h.data().toArray()}; +this.fnGetNodes=function(f){var g=this.api(!0);return f!==q?g.row(f).node():g.rows().nodes().flatten().toArray()};this.fnGetPosition=function(f){var g=this.api(!0),h=f.nodeName.toUpperCase();return"TR"==h?g.row(f).index():"TD"==h||"TH"==h?(f=g.cell(f).index(),[f.row,f.columnVisible,f.column]):null};this.fnIsOpen=function(f){return this.api(!0).row(f).child.isShown()};this.fnOpen=function(f,g,h){return this.api(!0).row(f).child(g,h).show().child()[0]};this.fnPageChange=function(f,g){f=this.api(!0).page(f); +(g===q||g)&&f.draw(!1)};this.fnSetColumnVis=function(f,g,h){f=this.api(!0).column(f).visible(g);(h===q||h)&&f.columns.adjust().draw()};this.fnSettings=function(){return Ra(this[L.iApiIndex])};this.fnSort=function(f){this.api(!0).order(f).draw()};this.fnSortListener=function(f,g,h){this.api(!0).order.listener(f,g,h)};this.fnUpdate=function(f,g,h,l,n){var m=this.api(!0);h===q||null===h?m.row(g).data(f):m.cell(g,h).data(f);(n===q||n)&&m.columns.adjust();(l===q||l)&&m.draw();return 0};this.fnVersionCheck= +L.fnVersionCheck;var b=this,c=a===q,d=this.length;c&&(a={});this.oApi=this.internal=L.internal;for(var e in u.ext.internal)e&&(this[e]=fc(e));this.each(function(){var f={},g=1").appendTo(p));r.nTHead=B[0];B=p.children("tbody");0===B.length&&(B=k("").appendTo(p));r.nTBody=B[0];B=p.children("tfoot");0===B.length&&0").appendTo(p));0===B.length||0===B.children().length?p.addClass(A.sNoFooter):0/g,tc=/^\d{2,4}[\.\/\-]\d{1,2}[\.\/\-]\d{1,2}([T ]{1}\d{1,2}[:\.]\d{2}([\.:]\d{2})?)?$/,uc=/(\/|\.|\*|\+|\?|\||\(|\)|\[|\]|\{|\}|\\|\$|\^|\-)/g,qb=/['\u00A0,$£€¥%\u2009\u202F\u20BD\u20a9\u20BArfkɃΞ]/gi,ca=function(a){return a&&!0!==a&&"-"!==a?!1:!0},hc=function(a){var b=parseInt(a,10);return!isNaN(b)&& +isFinite(a)?b:null},ic=function(a,b){rb[b]||(rb[b]=new RegExp(hb(b),"g"));return"string"===typeof a&&"."!==b?a.replace(/\./g,"").replace(rb[b],"."):a},sb=function(a,b,c){var d="string"===typeof a;if(ca(a))return!0;b&&d&&(a=ic(a,b));c&&d&&(a=a.replace(qb,""));return!isNaN(parseFloat(a))&&isFinite(a)},jc=function(a,b,c){return ca(a)?!0:ca(a)||"string"===typeof a?sb(a.replace(Ta,""),b,c)?!0:null:null},T=function(a,b,c){var d=[],e=0,f=a.length;if(c!==q)for(;ea.length)){var b=a.slice().sort();for(var c=b[0],d=1,e=b.length;d")[0],rc=Oa.textContent!==q,sc=/<.*?>/g,fb=u.util.throttle,mc=[],N=Array.prototype,vc=function(a){var b,c=u.settings,d=k.map(c,function(f,g){return f.nTable});if(a){if(a.nTable&&a.oApi)return[a];if(a.nodeName&&"table"===a.nodeName.toLowerCase()){var e= +k.inArray(a,d);return-1!==e?[c[e]]:null}if(a&&"function"===typeof a.settings)return a.settings().toArray();"string"===typeof a?b=k(a):a instanceof k&&(b=a)}else return[];if(b)return b.map(function(f){e=k.inArray(this,d);return-1!==e?c[e]:null}).toArray()};var D=function(a,b){if(!(this instanceof D))return new D(a,b);var c=[],d=function(g){(g=vc(g))&&c.push.apply(c,g)};if(Array.isArray(a))for(var e=0,f=a.length;ea?new D(b[a],this[a]):null},filter:function(a){var b=[];if(N.filter)b=N.filter.call(this,a,this);else for(var c=0,d=this.length;c").addClass(h),k("td",l).addClass(h).html(g)[0].colSpan=na(a),e.push(l[0]))};f(c,d);b._details&&b._details.detach();b._details=k(e);b._detailsShow&& +b._details.insertAfter(b.nTr)},wb=function(a,b){var c=a.context;c.length&&(a=c[0].aoData[b!==q?b:a[0]])&&a._details&&(a._details.remove(),a._detailsShow=q,a._details=q)},pc=function(a,b){var c=a.context;c.length&&a.length&&(a=c[0].aoData[a[0]],a._details&&((a._detailsShow=b)?a._details.insertAfter(a.nTr):a._details.detach(),yc(c[0])))},yc=function(a){var b=new D(a),c=a.aoData;b.off("draw.dt.DT_details column-visibility.dt.DT_details destroy.dt.DT_details");0h){var m=k.map(d,function(p,t){return p.bVisible?t:null});return[m[m.length+h]]}return[sa(a,h)];case "name":return k.map(e,function(p,t){return p===n[1]?t:null});default:return[]}if(g.nodeName&&g._DT_CellIndex)return[g._DT_CellIndex.column];h=k(f).filter(g).map(function(){return k.inArray(this,f)}).toArray();if(h.length||!g.nodeName)return h;h=k(g).closest("*[data-dt-column]");return h.length?[h.data("dt-column")]:[]},a,c)};w("columns()",function(a,b){a===q?a="":k.isPlainObject(a)&&(b=a, +a="");b=ub(b);var c=this.iterator("table",function(d){return Ac(d,a,b)},1);c.selector.cols=a;c.selector.opts=b;return c});J("columns().header()","column().header()",function(a,b){return this.iterator("column",function(c,d){return c.aoColumns[d].nTh},1)});J("columns().footer()","column().footer()",function(a,b){return this.iterator("column",function(c,d){return c.aoColumns[d].nTf},1)});J("columns().data()","column().data()",function(){return this.iterator("column-rows",qc,1)});J("columns().dataSrc()", +"column().dataSrc()",function(){return this.iterator("column",function(a,b){return a.aoColumns[b].mData},1)});J("columns().cache()","column().cache()",function(a){return this.iterator("column-rows",function(b,c,d,e,f){return Ca(b.aoData,f,"search"===a?"_aFilterData":"_aSortData",c)},1)});J("columns().nodes()","column().nodes()",function(){return this.iterator("column-rows",function(a,b,c,d,e){return Ca(a.aoData,e,"anCells",b)},1)});J("columns().visible()","column().visible()",function(a,b){var c= +this,d=this.iterator("column",function(e,f){if(a===q)return e.aoColumns[f].bVisible;var g=e.aoColumns,h=g[f],l=e.aoData,n;if(a!==q&&h.bVisible!==a){if(a){var m=k.inArray(!0,T(g,"bVisible"),f+1);g=0;for(n=l.length;gd;return!0};u.isDataTable=u.fnIsDataTable=function(a){var b=k(a).get(0),c=!1;if(a instanceof u.Api)return!0;k.each(u.settings,function(d,e){d=e.nScrollHead?k("table",e.nScrollHead)[0]:null;var f=e.nScrollFoot?k("table",e.nScrollFoot)[0]:null;if(e.nTable===b||d===b||f===b)c=!0});return c};u.tables=u.fnTables=function(a){var b= +!1;k.isPlainObject(a)&&(b=a.api,a=a.visible);var c=k.map(u.settings,function(d){if(!a||a&&k(d.nTable).is(":visible"))return d.nTable});return b?new D(c):c};u.camelToHungarian=O;w("$()",function(a,b){b=this.rows(b).nodes();b=k(b);return k([].concat(b.filter(a).toArray(),b.find(a).toArray()))});k.each(["on","one","off"],function(a,b){w(b+"()",function(){var c=Array.prototype.slice.call(arguments);c[0]=k.map(c[0].split(/\s/),function(e){return e.match(/\.dt\b/)?e:e+".dt"}).join(" ");var d=k(this.tables().nodes()); +d[b].apply(d,c);return this})});w("clear()",function(){return this.iterator("table",function(a){Ha(a)})});w("settings()",function(){return new D(this.context,this.context)});w("init()",function(){var a=this.context;return a.length?a[0].oInit:null});w("data()",function(){return this.iterator("table",function(a){return T(a.aoData,"_aData")}).flatten()});w("destroy()",function(a){a=a||!1;return this.iterator("table",function(b){var c=b.nTableWrapper.parentNode,d=b.oClasses,e=b.nTable,f=b.nTBody,g=b.nTHead, +h=b.nTFoot,l=k(e);f=k(f);var n=k(b.nTableWrapper),m=k.map(b.aoData,function(t){return t.nTr}),p;b.bDestroying=!0;H(b,"aoDestroyCallback","destroy",[b]);a||(new D(b)).columns().visible(!0);n.off(".DT").find(":not(tbody *)").off(".DT");k(y).off(".DT-"+b.sInstance);e!=g.parentNode&&(l.children("thead").detach(),l.append(g));h&&e!=h.parentNode&&(l.children("tfoot").detach(),l.append(h));b.aaSorting=[];b.aaSortingFixed=[];Pa(b);k(m).removeClass(b.asStripeClasses.join(" "));k("th, td",g).removeClass(d.sSortable+ +" "+d.sSortableAsc+" "+d.sSortableDesc+" "+d.sSortableNone);f.children().detach();f.append(m);g=a?"remove":"detach";l[g]();n[g]();!a&&c&&(c.insertBefore(e,b.nTableReinsertBefore),l.css("width",b.sDestroyWidth).removeClass(d.sTable),(p=b.asDestroyStripes.length)&&f.children().each(function(t){k(this).addClass(b.asDestroyStripes[t%p])}));c=k.inArray(b,u.settings);-1!==c&&u.settings.splice(c,1)})});k.each(["column","row","cell"],function(a,b){w(b+"s().every()",function(c){var d=this.selector.opts,e= +this;return this.iterator(b,function(f,g,h,l,n){c.call(e[b](g,"cell"===b?h:d,"cell"===b?d:q),g,h,l,n)})})});w("i18n()",function(a,b,c){var d=this.context[0];a=ia(a)(d.oLanguage);a===q&&(a=b);c!==q&&k.isPlainObject(a)&&(a=a[c]!==q?a[c]:a._);return a.replace("%d",c)});u.version="1.10.24";u.settings=[];u.models={};u.models.oSearch={bCaseInsensitive:!0,sSearch:"",bRegex:!1,bSmart:!0};u.models.oRow={nTr:null,anCells:null,_aData:[],_aSortData:null,_aFilterData:null,_sFilterRow:null,_sRowStripe:"",src:null, +idx:-1};u.models.oColumn={idx:null,aDataSort:null,asSorting:null,bSearchable:null,bSortable:null,bVisible:null,_sManualType:null,_bAttrSrc:!1,fnCreatedCell:null,fnGetData:null,fnSetData:null,mData:null,mRender:null,nTh:null,nTf:null,sClass:null,sContentPadding:null,sDefaultContent:null,sName:null,sSortDataType:"std",sSortingClass:null,sSortingClassJUI:null,sTitle:null,sType:null,sWidth:null,sWidthOrig:null};u.defaults={aaData:null,aaSorting:[[0,"asc"]],aaSortingFixed:[],ajax:null,aLengthMenu:[10, +25,50,100],aoColumns:null,aoColumnDefs:null,aoSearchCols:[],asStripeClasses:null,bAutoWidth:!0,bDeferRender:!1,bDestroy:!1,bFilter:!0,bInfo:!0,bLengthChange:!0,bPaginate:!0,bProcessing:!1,bRetrieve:!1,bScrollCollapse:!1,bServerSide:!1,bSort:!0,bSortMulti:!0,bSortCellsTop:!1,bSortClasses:!0,bStateSave:!1,fnCreatedRow:null,fnDrawCallback:null,fnFooterCallback:null,fnFormatNumber:function(a){return a.toString().replace(/\B(?=(\d{3})+(?!\d))/g,this.oLanguage.sThousands)},fnHeaderCallback:null,fnInfoCallback:null, +fnInitComplete:null,fnPreDrawCallback:null,fnRowCallback:null,fnServerData:null,fnServerParams:null,fnStateLoadCallback:function(a){try{return JSON.parse((-1===a.iStateDuration?sessionStorage:localStorage).getItem("DataTables_"+a.sInstance+"_"+location.pathname))}catch(b){return{}}},fnStateLoadParams:null,fnStateLoaded:null,fnStateSaveCallback:function(a,b){try{(-1===a.iStateDuration?sessionStorage:localStorage).setItem("DataTables_"+a.sInstance+"_"+location.pathname,JSON.stringify(b))}catch(c){}}, +fnStateSaveParams:null,iStateDuration:7200,iDeferLoading:null,iDisplayLength:10,iDisplayStart:0,iTabIndex:0,oClasses:{},oLanguage:{oAria:{sSortAscending:": activate to sort column ascending",sSortDescending:": activate to sort column descending"},oPaginate:{sFirst:"First",sLast:"Last",sNext:"Next",sPrevious:"Previous"},sEmptyTable:"No data available in table",sInfo:"Showing _START_ to _END_ of _TOTAL_ entries",sInfoEmpty:"Showing 0 to 0 of 0 entries",sInfoFiltered:"(filtered from _MAX_ total entries)", +sInfoPostFix:"",sDecimal:"",sThousands:",",sLengthMenu:"Show _MENU_ entries",sLoadingRecords:"Loading...",sProcessing:"Processing...",sSearch:"Search:",sSearchPlaceholder:"",sUrl:"",sZeroRecords:"No matching records found"},oSearch:k.extend({},u.models.oSearch),sAjaxDataProp:"data",sAjaxSource:null,sDom:"lfrtip",searchDelay:null,sPaginationType:"simple_numbers",sScrollX:"",sScrollXInner:"",sScrollY:"",sServerMethod:"GET",renderer:null,rowId:"DT_RowId"};G(u.defaults);u.defaults.column={aDataSort:null, +iDataSort:-1,asSorting:["asc","desc"],bSearchable:!0,bSortable:!0,bVisible:!0,fnCreatedCell:null,mData:null,mRender:null,sCellType:"td",sClass:"",sContentPadding:"",sDefaultContent:null,sName:"",sSortDataType:"std",sTitle:null,sType:null,sWidth:null};G(u.defaults.column);u.models.oSettings={oFeatures:{bAutoWidth:null,bDeferRender:null,bFilter:null,bInfo:null,bLengthChange:null,bPaginate:null,bProcessing:null,bServerSide:null,bSort:null,bSortMulti:null,bSortClasses:null,bStateSave:null},oScroll:{bCollapse:null, +iBarWidth:0,sX:null,sXInner:null,sY:null},oLanguage:{fnInfoCallback:null},oBrowser:{bScrollOversize:!1,bScrollbarLeft:!1,bBounding:!1,barWidth:0},ajax:null,aanFeatures:[],aoData:[],aiDisplay:[],aiDisplayMaster:[],aIds:{},aoColumns:[],aoHeader:[],aoFooter:[],oPreviousSearch:{},aoPreSearchCols:[],aaSorting:null,aaSortingFixed:[],asStripeClasses:null,asDestroyStripes:[],sDestroyWidth:0,aoRowCallback:[],aoHeaderCallback:[],aoFooterCallback:[],aoDrawCallback:[],aoRowCreatedCallback:[],aoPreDrawCallback:[], +aoInitComplete:[],aoStateSaveParams:[],aoStateLoadParams:[],aoStateLoaded:[],sTableId:"",nTable:null,nTHead:null,nTFoot:null,nTBody:null,nTableWrapper:null,bDeferLoading:!1,bInitialised:!1,aoOpenRows:[],sDom:null,searchDelay:null,sPaginationType:"two_button",iStateDuration:0,aoStateSave:[],aoStateLoad:[],oSavedState:null,oLoadedState:null,sAjaxSource:null,sAjaxDataProp:null,bAjaxDataGet:!0,jqXHR:null,json:q,oAjaxData:q,fnServerData:null,aoServerParams:[],sServerMethod:null,fnFormatNumber:null,aLengthMenu:null, +iDraw:0,bDrawing:!1,iDrawError:-1,_iDisplayLength:10,_iDisplayStart:0,_iRecordsTotal:0,_iRecordsDisplay:0,oClasses:{},bFiltered:!1,bSorted:!1,bSortCellsTop:null,oInit:null,aoDestroyCallback:[],fnRecordsTotal:function(){return"ssp"==P(this)?1*this._iRecordsTotal:this.aiDisplayMaster.length},fnRecordsDisplay:function(){return"ssp"==P(this)?1*this._iRecordsDisplay:this.aiDisplay.length},fnDisplayEnd:function(){var a=this._iDisplayLength,b=this._iDisplayStart,c=b+a,d=this.aiDisplay.length,e=this.oFeatures, +f=e.bPaginate;return e.bServerSide?!1===f||-1===a?b+d:Math.min(b+a,this._iRecordsDisplay):!f||c>d||-1===a?d:c},oInstance:null,sInstance:null,iTabIndex:0,nScrollHead:null,nScrollFoot:null,aLastSort:[],oPlugins:{},rowIdFn:null,rowId:null};u.ext=L={buttons:{},classes:{},builder:"-source-",errMode:"alert",feature:[],search:[],selector:{cell:[],column:[],row:[]},internal:{},legacy:{ajax:null},pager:{},renderer:{pageButton:{},header:{}},order:{},type:{detect:[],search:{},order:{}},_unique:0,fnVersionCheck:u.fnVersionCheck, +iApiIndex:0,oJUIClasses:{},sVersion:u.version};k.extend(L,{afnFiltering:L.search,aTypes:L.type.detect,ofnSearch:L.type.search,oSort:L.type.order,afnSortData:L.order,aoFeatures:L.feature,oApi:L.internal,oStdClasses:L.classes,oPagination:L.pager});k.extend(u.ext.classes,{sTable:"dataTable",sNoFooter:"no-footer",sPageButton:"paginate_button",sPageButtonActive:"current",sPageButtonDisabled:"disabled",sStripeOdd:"odd",sStripeEven:"even",sRowEmpty:"dataTables_empty",sWrapper:"dataTables_wrapper",sFilter:"dataTables_filter", +sInfo:"dataTables_info",sPaging:"dataTables_paginate paging_",sLength:"dataTables_length",sProcessing:"dataTables_processing",sSortAsc:"sorting_asc",sSortDesc:"sorting_desc",sSortable:"sorting",sSortableAsc:"sorting_desc_disabled",sSortableDesc:"sorting_asc_disabled",sSortableNone:"sorting_disabled",sSortColumn:"sorting_",sFilterInput:"",sLengthSelect:"",sScrollWrapper:"dataTables_scroll",sScrollHead:"dataTables_scrollHead",sScrollHeadInner:"dataTables_scrollHeadInner",sScrollBody:"dataTables_scrollBody", +sScrollFoot:"dataTables_scrollFoot",sScrollFootInner:"dataTables_scrollFootInner",sHeaderTH:"",sFooterTH:"",sSortJUIAsc:"",sSortJUIDesc:"",sSortJUI:"",sSortJUIAscAllowed:"",sSortJUIDescAllowed:"",sSortJUIWrapper:"",sSortIcon:"",sJUIHeader:"",sJUIFooter:""});var ec=u.ext.pager;k.extend(ec,{simple:function(a,b){return["previous","next"]},full:function(a,b){return["first","previous","next","last"]},numbers:function(a,b){return[Ba(a,b)]},simple_numbers:function(a,b){return["previous",Ba(a,b),"next"]}, +full_numbers:function(a,b){return["first","previous",Ba(a,b),"next","last"]},first_last_numbers:function(a,b){return["first",Ba(a,b),"last"]},_numbers:Ba,numbers_length:7});k.extend(!0,u.ext.renderer,{pageButton:{_:function(a,b,c,d,e,f){var g=a.oClasses,h=a.oLanguage.oPaginate,l=a.oLanguage.oAria.paginate||{},n,m,p=0,t=function(x,r){var A,E=g.sPageButtonDisabled,I=function(B){kb(a,B.data.action,!0)};var W=0;for(A=r.length;W").appendTo(x); +t(C,M)}else{n=null;m=M;C=a.iTabIndex;switch(M){case "ellipsis":x.append('');break;case "first":n=h.sFirst;0===e&&(C=-1,m+=" "+E);break;case "previous":n=h.sPrevious;0===e&&(C=-1,m+=" "+E);break;case "next":n=h.sNext;if(0===f||e===f-1)C=-1,m+=" "+E;break;case "last":n=h.sLast;if(0===f||e===f-1)C=-1,m+=" "+E;break;default:n=a.fnFormatNumber(M+1),m=e===M?g.sPageButtonActive:""}null!==n&&(C=k("",{"class":g.sPageButton+" "+m,"aria-controls":a.sTableId,"aria-label":l[M], +"data-dt-idx":p,tabindex:C,id:0===c&&"string"===typeof M?a.sTableId+"_"+M:null}).html(n).appendTo(x),ob(C,{action:M},I),p++)}}};try{var v=k(b).find(z.activeElement).data("dt-idx")}catch(x){}t(k(b).empty(),d);v!==q&&k(b).find("[data-dt-idx="+v+"]").trigger("focus")}}});k.extend(u.ext.type.detect,[function(a,b){b=b.oLanguage.sDecimal;return sb(a,b)?"num"+b:null},function(a,b){if(a&&!(a instanceof Date)&&!tc.test(a))return null;b=Date.parse(a);return null!==b&&!isNaN(b)||ca(a)?"date":null},function(a, +b){b=b.oLanguage.sDecimal;return sb(a,b,!0)?"num-fmt"+b:null},function(a,b){b=b.oLanguage.sDecimal;return jc(a,b)?"html-num"+b:null},function(a,b){b=b.oLanguage.sDecimal;return jc(a,b,!0)?"html-num-fmt"+b:null},function(a,b){return ca(a)||"string"===typeof a&&-1!==a.indexOf("<")?"html":null}]);k.extend(u.ext.type.search,{html:function(a){return ca(a)?a:"string"===typeof a?a.replace(gc," ").replace(Ta,""):""},string:function(a){return ca(a)?a:"string"===typeof a?a.replace(gc," "):a}});var Sa=function(a, +b,c,d){if(0!==a&&(!a||"-"===a))return-Infinity;b&&(a=ic(a,b));a.replace&&(c&&(a=a.replace(c,"")),d&&(a=a.replace(d,"")));return 1*a};k.extend(L.type.order,{"date-pre":function(a){a=Date.parse(a);return isNaN(a)?-Infinity:a},"html-pre":function(a){return ca(a)?"":a.replace?a.replace(/<.*?>/g,"").toLowerCase():a+""},"string-pre":function(a){return ca(a)?"":"string"===typeof a?a.toLowerCase():a.toString?a.toString():""},"string-asc":function(a,b){return ab?1:0},"string-desc":function(a,b){return a< +b?1:a>b?-1:0}});Va("");k.extend(!0,u.ext.renderer,{header:{_:function(a,b,c,d){k(a.nTable).on("order.dt.DT",function(e,f,g,h){a===f&&(e=c.idx,b.removeClass(d.sSortAsc+" "+d.sSortDesc).addClass("asc"==h[e]?d.sSortAsc:"desc"==h[e]?d.sSortDesc:c.sSortingClass))})},jqueryui:function(a,b,c,d){k("
      ").addClass(d.sSortJUIWrapper).append(b.contents()).append(k("").addClass(d.sSortIcon+" "+c.sSortingClassJUI)).appendTo(b);k(a.nTable).on("order.dt.DT",function(e,f,g,h){a===f&&(e=c.idx,b.removeClass(d.sSortAsc+ +" "+d.sSortDesc).addClass("asc"==h[e]?d.sSortAsc:"desc"==h[e]?d.sSortDesc:c.sSortingClass),b.find("span."+d.sSortIcon).removeClass(d.sSortJUIAsc+" "+d.sSortJUIDesc+" "+d.sSortJUI+" "+d.sSortJUIAscAllowed+" "+d.sSortJUIDescAllowed).addClass("asc"==h[e]?d.sSortJUIAsc:"desc"==h[e]?d.sSortJUIDesc:c.sSortingClassJUI))})}}});var xb=function(a){return"string"===typeof a?a.replace(/&/g,"&").replace(//g,">").replace(/"/g,"""):a};u.render={number:function(a,b,c,d,e){return{display:function(f){if("number"!== +typeof f&&"string"!==typeof f)return f;var g=0>f?"-":"",h=parseFloat(f);if(isNaN(h))return xb(f);h=h.toFixed(c);f=Math.abs(h);h=parseInt(f,10);f=c?b+(f-h).toFixed(c).substring(2):"";return g+(d||"")+h.toString().replace(/\B(?=(\d{3})+(?!\d))/g,a)+f+(e||"")}}},text:function(){return{display:xb,filter:xb}}};k.extend(u.ext.internal,{_fnExternApiFunc:fc,_fnBuildAjax:La,_fnAjaxUpdate:Fb,_fnAjaxParameters:Ob,_fnAjaxUpdateDraw:Pb,_fnAjaxDataSrc:Ma,_fnAddColumn:Wa,_fnColumnOptions:Da,_fnAdjustColumnSizing:ra, +_fnVisibleToColumnIndex:sa,_fnColumnIndexToVisible:ta,_fnVisbleColumns:na,_fnGetColumns:Fa,_fnColumnTypes:Ya,_fnApplyColumnDefs:Cb,_fnHungarianMap:G,_fnCamelToHungarian:O,_fnLanguageCompat:ma,_fnBrowserDetect:Ab,_fnAddData:ea,_fnAddTr:Ga,_fnNodeToDataIndex:function(a,b){return b._DT_RowIndex!==q?b._DT_RowIndex:null},_fnNodeToColumnIndex:function(a,b,c){return k.inArray(c,a.aoData[b].anCells)},_fnGetCellData:S,_fnSetCellData:Db,_fnSplitObjNotation:ab,_fnGetObjectDataFn:ia,_fnSetObjectDataFn:da,_fnGetDataMaster:bb, +_fnClearTable:Ha,_fnDeleteIndex:Ia,_fnInvalidate:va,_fnGetRowElements:$a,_fnCreateTr:Za,_fnBuildHead:Eb,_fnDrawHead:xa,_fnDraw:fa,_fnReDraw:ja,_fnAddOptionsHtml:Hb,_fnDetectHeader:wa,_fnGetUniqueThs:Ka,_fnFeatureHtmlFilter:Jb,_fnFilterComplete:ya,_fnFilterCustom:Sb,_fnFilterColumn:Rb,_fnFilter:Qb,_fnFilterCreateSearch:gb,_fnEscapeRegex:hb,_fnFilterData:Tb,_fnFeatureHtmlInfo:Mb,_fnUpdateInfo:Wb,_fnInfoMacros:Xb,_fnInitialise:za,_fnInitComplete:Na,_fnLengthChange:ib,_fnFeatureHtmlLength:Ib,_fnFeatureHtmlPaginate:Nb, +_fnPageChange:kb,_fnFeatureHtmlProcessing:Kb,_fnProcessingDisplay:U,_fnFeatureHtmlTable:Lb,_fnScrollDraw:Ea,_fnApplyToChildren:Z,_fnCalculateColumnWidths:Xa,_fnThrottle:fb,_fnConvertToWidth:Zb,_fnGetWidestNode:$b,_fnGetMaxLenString:ac,_fnStringToCss:K,_fnSortFlatten:pa,_fnSort:Gb,_fnSortAria:cc,_fnSortListener:nb,_fnSortAttachListener:db,_fnSortingClasses:Pa,_fnSortData:bc,_fnSaveState:Qa,_fnLoadState:dc,_fnSettingsFromNode:Ra,_fnLog:aa,_fnMap:V,_fnBindAction:ob,_fnCallbackReg:Q,_fnCallbackFire:H, +_fnLengthOverflow:jb,_fnRenderer:eb,_fnDataSource:P,_fnRowAttributes:cb,_fnExtend:pb,_fnCalculateEnd:function(){}});k.fn.dataTable=u;u.$=k;k.fn.dataTableSettings=u.settings;k.fn.dataTableExt=u.ext;k.fn.DataTable=function(a){return k(this).dataTable(a).api()};k.each(u,function(a,b){k.fn.DataTable[a]=b});return k.fn.dataTable}); + +/* jQuery FlexSlider v2.7.2 | 2012 WooThemes */ + !function($){var e=!0;$.flexslider=function(t,a){var n=$(t);void 0===a.rtl&&"rtl"==$("html").attr("dir")&&(a.rtl=!0),n.vars=$.extend({},$.flexslider.defaults,a);var i=n.vars.namespace,r=window.navigator&&window.navigator.msPointerEnabled&&window.MSGesture,s=("ontouchstart"in window||r||window.DocumentTouch&&document instanceof DocumentTouch)&&n.vars.touch,o="click touchend MSPointerUp keyup",l="",c,d="vertical"===n.vars.direction,u=n.vars.reverse,v=n.vars.itemWidth>0,p="fade"===n.vars.animation,m=""!==n.vars.asNavFor,f={};$.data(t,"flexslider",n),f={init:function(){n.animating=!1,n.currentSlide=parseInt(n.vars.startAt?n.vars.startAt:0,10),isNaN(n.currentSlide)&&(n.currentSlide=0),n.animatingTo=n.currentSlide,n.atEnd=0===n.currentSlide||n.currentSlide===n.last,n.containerSelector=n.vars.selector.substr(0,n.vars.selector.search(" ")),n.slides=$(n.vars.selector,n),n.container=$(n.containerSelector,n),n.count=n.slides.length,n.syncExists=$(n.vars.sync).length>0,"slide"===n.vars.animation&&(n.vars.animation="swing"),n.prop=d?"top":n.vars.rtl?"marginRight":"marginLeft",n.args={},n.manualPause=!1,n.stopped=!1,n.started=!1,n.startTimeout=null,n.transitions=!n.vars.video&&!p&&n.vars.useCSS&&function(){var e=document.createElement("div"),t=["perspectiveProperty","WebkitPerspective","MozPerspective","OPerspective","msPerspective"];for(var a in t)if(void 0!==e.style[t[a]])return n.pfx=t[a].replace("Perspective","").toLowerCase(),n.prop="-"+n.pfx+"-transform",!0;return!1}(),n.isFirefox=navigator.userAgent.toLowerCase().indexOf("firefox")>-1,n.ensureAnimationEnd="",""!==n.vars.controlsContainer&&(n.controlsContainer=$(n.vars.controlsContainer).length>0&&$(n.vars.controlsContainer)),""!==n.vars.manualControls&&(n.manualControls=$(n.vars.manualControls).length>0&&$(n.vars.manualControls)),""!==n.vars.customDirectionNav&&(n.customDirectionNav=2===$(n.vars.customDirectionNav).length&&$(n.vars.customDirectionNav)),n.vars.randomize&&(n.slides.sort(function(){return Math.round(Math.random())-.5}),n.container.empty().append(n.slides)),n.doMath(),n.setup("init"),n.vars.controlNav&&f.controlNav.setup(),n.vars.directionNav&&f.directionNav.setup(),n.vars.keyboard&&(1===$(n.containerSelector).length||n.vars.multipleKeyboard)&&$(document).bind("keyup",function(e){var t=e.keyCode;if(!n.animating&&(39===t||37===t)){var a=n.vars.rtl?37===t?n.getTarget("next"):39===t&&n.getTarget("prev"):39===t?n.getTarget("next"):37===t&&n.getTarget("prev");n.flexAnimate(a,n.vars.pauseOnAction)}}),n.vars.mousewheel&&n.bind("mousewheel",function(e,t,a,i){e.preventDefault();var r=t<0?n.getTarget("next"):n.getTarget("prev");n.flexAnimate(r,n.vars.pauseOnAction)}),n.vars.pausePlay&&f.pausePlay.setup(),n.vars.slideshow&&n.vars.pauseInvisible&&f.pauseInvisible.init(),n.vars.slideshow&&(n.vars.pauseOnHover&&n.hover(function(){n.manualPlay||n.manualPause||n.pause()},function(){n.manualPause||n.manualPlay||n.stopped||n.play()}),n.vars.pauseInvisible&&f.pauseInvisible.isHidden()||(n.vars.initDelay>0?n.startTimeout=setTimeout(n.play,n.vars.initDelay):n.play())),m&&f.asNav.setup(),s&&n.vars.touch&&f.touch(),(!p||p&&n.vars.smoothHeight)&&$(window).bind("resize orientationchange focus",f.resize),n.find("img").attr("draggable","false"),setTimeout(function(){n.vars.start(n)},200)},asNav:{setup:function(){n.asNav=!0,n.animatingTo=Math.floor(n.currentSlide/n.move),n.currentItem=n.currentSlide,n.slides.removeClass(i+"active-slide").eq(n.currentItem).addClass(i+"active-slide"),r?(t._slider=n,n.slides.each(function(){var e=this;e._gesture=new MSGesture,e._gesture.target=e,e.addEventListener("MSPointerDown",function(e){e.preventDefault(),e.currentTarget._gesture&&e.currentTarget._gesture.addPointer(e.pointerId)},!1),e.addEventListener("MSGestureTap",function(e){e.preventDefault();var t=$(this),a=t.index();$(n.vars.asNavFor).data("flexslider").animating||t.hasClass("active")||(n.direction=n.currentItem'),n.pagingCount>1)for(var s=0;s").attr("href","#").text(t),"thumbnails"===n.vars.controlNav&&(a=$("").attr("src",r.attr("data-thumb"))),""!==r.attr("data-thumb-alt")&&a.attr("alt",r.attr("data-thumb-alt")),"thumbnails"===n.vars.controlNav&&!0===n.vars.thumbCaptions){var c=r.attr("data-thumbcaption");if(""!==c&&void 0!==c){var d=$("").addClass(i+"caption").text(c);a.append(d)}}var u=$("
    • ");a.appendTo(u),u.append("
    • "),n.controlNavScaffold.append(u),t++}n.controlsContainer?$(n.controlsContainer).append(n.controlNavScaffold):n.append(n.controlNavScaffold),f.controlNav.set(),f.controlNav.active(),n.controlNavScaffold.delegate("a, img",o,function(e){if(e.preventDefault(),""===l||l===e.type){var t=$(this),a=n.controlNav.index(t);t.hasClass(i+"active")||(n.direction=a>n.currentSlide?"next":"prev",n.flexAnimate(a,n.vars.pauseOnAction))}""===l&&(l=e.type),f.setToClearWatchedEvent()})},setupManual:function(){n.controlNav=n.manualControls,f.controlNav.active(),n.controlNav.bind(o,function(e){if(e.preventDefault(),""===l||l===e.type){var t=$(this),a=n.controlNav.index(t);t.hasClass(i+"active")||(a>n.currentSlide?n.direction="next":n.direction="prev",n.flexAnimate(a,n.vars.pauseOnAction))}""===l&&(l=e.type),f.setToClearWatchedEvent()})},set:function(){var e="thumbnails"===n.vars.controlNav?"img":"a";n.controlNav=$("."+i+"control-nav li "+e,n.controlsContainer?n.controlsContainer:n)},active:function(){n.controlNav.removeClass(i+"active").eq(n.animatingTo).addClass(i+"active")},update:function(e,t){n.pagingCount>1&&"add"===e?n.controlNavScaffold.append($('
    • '+n.count+"
    • ")):1===n.pagingCount?n.controlNavScaffold.find("li").remove():n.controlNav.eq(t).closest("li").remove(),f.controlNav.set(),n.pagingCount>1&&n.pagingCount!==n.controlNav.length?n.update(t,e):f.controlNav.active()}},directionNav:{setup:function(){var e=$('");n.customDirectionNav?n.directionNav=n.customDirectionNav:n.controlsContainer?($(n.controlsContainer).append(e),n.directionNav=$("."+i+"direction-nav li a",n.controlsContainer)):(n.append(e),n.directionNav=$("."+i+"direction-nav li a",n)),f.directionNav.update(),n.directionNav.bind(o,function(e){e.preventDefault();var t;""!==l&&l!==e.type||(t=$(this).hasClass(i+"next")?n.getTarget("next"):n.getTarget("prev"),n.flexAnimate(t,n.vars.pauseOnAction)),""===l&&(l=e.type),f.setToClearWatchedEvent()})},update:function(){var e=i+"disabled";1===n.pagingCount?n.directionNav.addClass(e).attr("tabindex","-1"):n.vars.animationLoop?n.directionNav.removeClass(e).removeAttr("tabindex"):0===n.animatingTo?n.directionNav.removeClass(e).filter("."+i+"prev").addClass(e).attr("tabindex","-1"):n.animatingTo===n.last?n.directionNav.removeClass(e).filter("."+i+"next").addClass(e).attr("tabindex","-1"):n.directionNav.removeClass(e).removeAttr("tabindex")}},pausePlay:{setup:function(){var e=$('
      ');n.controlsContainer?(n.controlsContainer.append(e),n.pausePlay=$("."+i+"pauseplay a",n.controlsContainer)):(n.append(e),n.pausePlay=$("."+i+"pauseplay a",n)),f.pausePlay.update(n.vars.slideshow?i+"pause":i+"play"),n.pausePlay.bind(o,function(e){e.preventDefault(),""!==l&&l!==e.type||($(this).hasClass(i+"pause")?(n.manualPause=!0,n.manualPlay=!1,n.pause()):(n.manualPause=!1,n.manualPlay=!0,n.play())),""===l&&(l=e.type),f.setToClearWatchedEvent()})},update:function(e){"play"===e?n.pausePlay.removeClass(i+"pause").addClass(i+"play").html(n.vars.playText):n.pausePlay.removeClass(i+"play").addClass(i+"pause").html(n.vars.pauseText)}},touch:function(){function e(e){e.stopPropagation(),n.animating?e.preventDefault():(n.pause(),t._gesture.addPointer(e.pointerId),w=0,c=d?n.h:n.w,f=Number(new Date),l=v&&u&&n.animatingTo===n.last?0:v&&u?n.limit-(n.itemW+n.vars.itemMargin)*n.move*n.animatingTo:v&&n.currentSlide===n.last?n.limit:v?(n.itemW+n.vars.itemMargin)*n.move*n.currentSlide:u?(n.last-n.currentSlide+n.cloneOffset)*c:(n.currentSlide+n.cloneOffset)*c)}function a(e){e.stopPropagation();var a=e.target._slider;if(a){var n=-e.translationX,i=-e.translationY;if(w+=d?i:n,m=(a.vars.rtl?-1:1)*w,x=d?Math.abs(w)500)&&(e.preventDefault(),!p&&a.transitions&&(a.vars.animationLoop||(m=w/(0===a.currentSlide&&w<0||a.currentSlide===a.last&&w>0?Math.abs(w)/c+2:1)),a.setProps(l+m,"setTouch")))}}function i(e){e.stopPropagation();var t=e.target._slider;if(t){if(t.animatingTo===t.currentSlide&&!x&&null!==m){var a=u?-m:m,n=a>0?t.getTarget("next"):t.getTarget("prev");t.canAdvance(n)&&(Number(new Date)-f<550&&Math.abs(a)>50||Math.abs(a)>c/2)?t.flexAnimate(n,t.vars.pauseOnAction):p||t.flexAnimate(t.currentSlide,t.vars.pauseOnAction,!0)}s=null,o=null,m=null,l=null,w=0}}var s,o,l,c,m,f,g,h,S,x=!1,y=0,b=0,w=0;r?(t.style.msTouchAction="none",t._gesture=new MSGesture,t._gesture.target=t,t.addEventListener("MSPointerDown",e,!1),t._slider=n,t.addEventListener("MSGestureChange",a,!1),t.addEventListener("MSGestureEnd",i,!1)):(g=function(e){n.animating?e.preventDefault():(window.navigator.msPointerEnabled||1===e.touches.length)&&(n.pause(),c=d?n.h:n.w,f=Number(new Date),y=e.touches[0].pageX,b=e.touches[0].pageY,l=v&&u&&n.animatingTo===n.last?0:v&&u?n.limit-(n.itemW+n.vars.itemMargin)*n.move*n.animatingTo:v&&n.currentSlide===n.last?n.limit:v?(n.itemW+n.vars.itemMargin)*n.move*n.currentSlide:u?(n.last-n.currentSlide+n.cloneOffset)*c:(n.currentSlide+n.cloneOffset)*c,s=d?b:y,o=d?y:b,t.addEventListener("touchmove",h,!1),t.addEventListener("touchend",S,!1))},h=function(e){y=e.touches[0].pageX,b=e.touches[0].pageY,m=d?s-b:(n.vars.rtl?-1:1)*(s-y),x=d?Math.abs(m)500)&&(e.preventDefault(),!p&&n.transitions&&(n.vars.animationLoop||(m/=0===n.currentSlide&&m<0||n.currentSlide===n.last&&m>0?Math.abs(m)/c+2:1),n.setProps(l+m,"setTouch")))},S=function(e){if(t.removeEventListener("touchmove",h,!1),n.animatingTo===n.currentSlide&&!x&&null!==m){var a=u?-m:m,i=a>0?n.getTarget("next"):n.getTarget("prev");n.canAdvance(i)&&(Number(new Date)-f<550&&Math.abs(a)>50||Math.abs(a)>c/2)?n.flexAnimate(i,n.vars.pauseOnAction):p||n.flexAnimate(n.currentSlide,n.vars.pauseOnAction,!0)}t.removeEventListener("touchend",S,!1),s=null,o=null,m=null,l=null},t.addEventListener("touchstart",g,!1))},resize:function(){!n.animating&&n.is(":visible")&&(v||n.doMath(),p?f.smoothHeight():v?(n.slides.width(n.computedW),n.update(n.pagingCount),n.setProps()):d?(n.viewport.height(n.h),n.setProps(n.h,"setTotal")):(n.vars.smoothHeight&&f.smoothHeight(),n.newSlides.width(n.computedW),n.setProps(n.computedW,"setTotal")))},smoothHeight:function(e){if(!d||p){var t=p?n:n.viewport;e?t.animate({height:n.slides.eq(n.animatingTo).innerHeight()},e):t.innerHeight(n.slides.eq(n.animatingTo).innerHeight())}},sync:function(e){var t=$(n.vars.sync).data("flexslider"),a=n.animatingTo;switch(e){case"animate":t.flexAnimate(a,n.vars.pauseOnAction,!1,!0);break;case"play":t.playing||t.asNav||t.play();break;case"pause":t.pause();break}},uniqueID:function(e){return e.filter("[id]").add(e.find("[id]")).each(function(){var e=$(this);e.attr("id",e.attr("id")+"_clone")}),e},pauseInvisible:{visProp:null,init:function(){var e=f.pauseInvisible.getHiddenProp();if(e){var t=e.replace(/[H|h]idden/,"")+"visibilitychange";document.addEventListener(t,function(){f.pauseInvisible.isHidden()?n.startTimeout?clearTimeout(n.startTimeout):n.pause():n.started?n.play():n.vars.initDelay>0?setTimeout(n.play,n.vars.initDelay):n.play()})}},isHidden:function(){var e=f.pauseInvisible.getHiddenProp();return!!e&&document[e]},getHiddenProp:function(){var e=["webkit","moz","ms","o"];if("hidden"in document)return"hidden";for(var t=0;tn.currentSlide?"next":"prev"),m&&1===n.pagingCount&&(n.direction=n.currentItemn.limit&&1!==n.visible?n.limit:S):h=0===n.currentSlide&&e===n.count-1&&n.vars.animationLoop&&"next"!==n.direction?u?(n.count+n.cloneOffset)*c:0:n.currentSlide===n.last&&0===e&&n.vars.animationLoop&&"prev"!==n.direction?u?0:(n.count+1)*c:u?(n.count-1-e+n.cloneOffset)*c:(e+n.cloneOffset)*c,n.setProps(h,"",n.vars.animationSpeed),n.transitions?(n.vars.animationLoop&&n.atEnd||(n.animating=!1,n.currentSlide=n.animatingTo),n.container.unbind("webkitTransitionEnd transitionend"),n.container.bind("webkitTransitionEnd transitionend",function(){clearTimeout(n.ensureAnimationEnd),n.wrapup(c)}),clearTimeout(n.ensureAnimationEnd),n.ensureAnimationEnd=setTimeout(function(){n.wrapup(c)},n.vars.animationSpeed+100)):n.container.animate(n.args,n.vars.animationSpeed,n.vars.easing,function(){n.wrapup(c)})}n.vars.smoothHeight&&f.smoothHeight(n.vars.animationSpeed)}},n.wrapup=function(e){p||v||(0===n.currentSlide&&n.animatingTo===n.last&&n.vars.animationLoop?n.setProps(e,"jumpEnd"):n.currentSlide===n.last&&0===n.animatingTo&&n.vars.animationLoop&&n.setProps(e,"jumpStart")),n.animating=!1,n.currentSlide=n.animatingTo,n.vars.after(n)},n.animateSlides=function(){!n.animating&&e&&n.flexAnimate(n.getTarget("next"))},n.pause=function(){clearInterval(n.animatedSlides),n.animatedSlides=null,n.playing=!1,n.vars.pausePlay&&f.pausePlay.update("play"),n.syncExists&&f.sync("pause")},n.play=function(){n.playing&&clearInterval(n.animatedSlides),n.animatedSlides=n.animatedSlides||setInterval(n.animateSlides,n.vars.slideshowSpeed),n.started=n.playing=!0,n.vars.pausePlay&&f.pausePlay.update("pause"),n.syncExists&&f.sync("play")},n.stop=function(){n.pause(),n.stopped=!0},n.canAdvance=function(e,t){var a=m?n.pagingCount-1:n.last;return!!t||(!(!m||n.currentItem!==n.count-1||0!==e||"prev"!==n.direction)||(!m||0!==n.currentItem||e!==n.pagingCount-1||"next"===n.direction)&&(!(e===n.currentSlide&&!m)&&(!!n.vars.animationLoop||(!n.atEnd||0!==n.currentSlide||e!==a||"next"===n.direction)&&(!n.atEnd||n.currentSlide!==a||0!==e||"next"!==n.direction))))},n.getTarget=function(e){return n.direction=e,"next"===e?n.currentSlide===n.last?0:n.currentSlide+1:0===n.currentSlide?n.last:n.currentSlide-1},n.setProps=function(e,t,a){var i=function(){var a=e||(n.itemW+n.vars.itemMargin)*n.move*n.animatingTo;return function(){if(v)return"setTouch"===t?e:u&&n.animatingTo===n.last?0:u?n.limit-(n.itemW+n.vars.itemMargin)*n.move*n.animatingTo:n.animatingTo===n.last?n.limit:a;switch(t){case"setTotal":return u?(n.count-1-n.currentSlide+n.cloneOffset)*e:(n.currentSlide+n.cloneOffset)*e;case"setTouch":return e;case"jumpEnd":return u?e:n.count*e;case"jumpStart":return u?n.count*e:e;default:return e}}()*(n.vars.rtl?1:-1)+"px"}();n.transitions&&(i=n.isFirefox?d?"translate3d(0,"+i+",0)":"translate3d("+parseInt(i)+"px,0,0)":d?"translate3d(0,"+i+",0)":"translate3d("+(n.vars.rtl?-1:1)*parseInt(i)+"px,0,0)",a=void 0!==a?a/1e3+"s":"0s",n.container.css("-"+n.pfx+"-transition-duration",a),n.container.css("transition-duration",a)),n.args[n.prop]=i,(n.transitions||void 0===a)&&n.container.css(n.args),n.container.css("transform",i)},n.setup=function(e){if(p)n.vars.rtl?n.slides.css({width:"100%",float:"right",marginLeft:"-100%",position:"relative"}):n.slides.css({width:"100%",float:"left",marginRight:"-100%",position:"relative"}),"init"===e&&(s?n.slides.css({opacity:0,display:"block",webkitTransition:"opacity "+n.vars.animationSpeed/1e3+"s ease",zIndex:1}).eq(n.currentSlide).css({opacity:1,zIndex:2}):0==n.vars.fadeFirstSlide?n.slides.css({opacity:0,display:"block",zIndex:1}).eq(n.currentSlide).css({zIndex:2}).css({opacity:1}):n.slides.css({opacity:0,display:"block",zIndex:1}).eq(n.currentSlide).css({zIndex:2}).animate({opacity:1},n.vars.animationSpeed,n.vars.easing)),n.vars.smoothHeight&&f.smoothHeight();else{var t,a;"init"===e&&(n.viewport=$('
      ').css({overflow:"hidden",position:"relative"}).appendTo(n).append(n.container),n.cloneCount=0,n.cloneOffset=0,u&&(a=$.makeArray(n.slides).reverse(),n.slides=$(a),n.container.empty().append(n.slides))),n.vars.animationLoop&&!v&&(n.cloneCount=2,n.cloneOffset=1,"init"!==e&&n.container.find(".clone").remove(),n.container.append(f.uniqueID(n.slides.first().clone().addClass("clone")).attr("aria-hidden","true")).prepend(f.uniqueID(n.slides.last().clone().addClass("clone")).attr("aria-hidden","true"))),n.newSlides=$(n.vars.selector,n),t=u?n.count-1-n.currentSlide+n.cloneOffset:n.currentSlide+n.cloneOffset,d&&!v?(n.container.height(200*(n.count+n.cloneCount)+"%").css("position","absolute").width("100%"),setTimeout(function(){n.newSlides.css({display:"block"}),n.doMath(),n.viewport.height(n.h),n.setProps(t*n.h,"init")},"init"===e?100:0)):(n.container.width(200*(n.count+n.cloneCount)+"%"),n.setProps(t*n.computedW,"init"),setTimeout(function(){n.doMath(),n.vars.rtl&&n.isFirefox?n.newSlides.css({width:n.computedW,marginRight:n.computedM,float:"right",display:"block"}):n.newSlides.css({width:n.computedW,marginRight:n.computedM,float:"left",display:"block"}),n.vars.smoothHeight&&f.smoothHeight()},"init"===e?100:0))}v||n.slides.removeClass(i+"active-slide").eq(n.currentSlide).addClass(i+"active-slide"),n.vars.init(n)},n.doMath=function(){var e=n.slides.first(),t=n.vars.itemMargin,a=n.vars.minItems,i=n.vars.maxItems;n.w=void 0===n.viewport?n.width():n.viewport.width(),n.isFirefox&&(n.w=n.width()),n.h=e.height(),n.boxPadding=e.outerWidth()-e.width(),v?(n.itemT=n.vars.itemWidth+t,n.itemM=t,n.minW=a?a*n.itemT:n.w,n.maxW=i?i*n.itemT-t:n.w,n.itemW=n.minW>n.w?(n.w-t*(a-1))/a:n.maxWn.w?n.w:n.vars.itemWidth,n.visible=Math.floor(n.w/n.itemW),n.move=n.vars.move>0&&n.vars.moven.w?n.itemW*(n.count-1)+t*(n.count-1):(n.itemW+t)*n.count-n.w-t):(n.itemW=n.w,n.itemM=t,n.pagingCount=n.count,n.last=n.count-1),n.computedW=n.itemW-n.boxPadding,n.computedM=n.itemM},n.update=function(e,t){n.doMath(),v||(en.controlNav.length?f.controlNav.update("add"):("remove"===t&&!v||n.pagingCountn.last&&(n.currentSlide-=1,n.animatingTo-=1),f.controlNav.update("remove",n.last))),n.vars.directionNav&&f.directionNav.update()},n.addSlide=function(e,t){var a=$(e);n.count+=1,n.last=n.count-1,d&&u?void 0!==t?n.slides.eq(n.count-t).after(a):n.container.prepend(a):void 0!==t?n.slides.eq(t).before(a):n.container.append(a),n.update(t,"add"),n.slides=$(n.vars.selector+":not(.clone)",n),n.setup(),n.vars.added(n)},n.removeSlide=function(e){var t=isNaN(e)?n.slides.index($(e)):e;n.count-=1,n.last=n.count-1,isNaN(e)?$(e,n.slides).remove():d&&u?n.slides.eq(n.last).remove():n.slides.eq(e).remove(),n.doMath(),n.update(t,"remove"),n.slides=$(n.vars.selector+":not(.clone)",n),n.setup(),n.vars.removed(n)},f.init()},$(window).blur(function(t){e=!1}).focus(function(t){e=!0}),$.flexslider.defaults={namespace:"flex-",selector:".slides > li",animation:"fade",easing:"swing",direction:"horizontal",reverse:!1,animationLoop:!0,smoothHeight:!1,startAt:0,slideshow:!0,slideshowSpeed:7e3,animationSpeed:600,initDelay:0,randomize:!1,fadeFirstSlide:!0,thumbCaptions:!1,pauseOnAction:!0,pauseOnHover:!1,pauseInvisible:!0,useCSS:!0,touch:!0,video:!1,controlNav:!0,directionNav:!0,prevText:"Previous",nextText:"Next",keyboard:!0,multipleKeyboard:!1,mousewheel:!1,pausePlay:!1,pauseText:"Pause",playText:"Play",controlsContainer:"",manualControls:"",customDirectionNav:"",sync:"",asNavFor:"",itemWidth:0,itemMargin:0,minItems:1,maxItems:0,move:0,allowOneSlide:!0,isFirefox:!1,start:function(){},before:function(){},after:function(){},end:function(){},added:function(){},removed:function(){},init:function(){},rtl:!1},$.fn.flexslider=function(e){if(void 0===e&&(e={}),"object"==typeof e)return this.each(function(){var t=$(this),a=e.selector?e.selector:".slides > li",n=t.find(a);1===n.length&&!1===e.allowOneSlide||0===n.length?(n.fadeIn(400),e.start&&e.start(t)):void 0===t.data("flexslider")&&new $.flexslider(this,e)});var t=$(this).data("flexslider");switch(e){case"play":t.play();break;case"pause":t.pause();break;case"stop":t.stop();break;case"next":t.flexAnimate(t.getTarget("next"),!0);break;case"prev":case"previous":t.flexAnimate(t.getTarget("prev"),!0);break;default:"number"==typeof e&&t.flexAnimate(e,!0)}}}(jQuery); diff --git a/assets/js/scripts.js b/assets/js/scripts.js new file mode 100644 index 0000000..e06c87a --- /dev/null +++ b/assets/js/scripts.js @@ -0,0 +1,1007 @@ + +/*! + * ICOCrypto v1.9.3 by Softnio. +**/ +var NioApp = (function (jQ, win, doc){ + "use strict"; + var NioApp = {AppInfo: {name: "ICOCrypto", package: "1.9.2", version: "1.0.4", author: "Softnio"} }, + components = {docReady: [], docReadyDefer: [], winLoad: [], winLoadDefer: []}; + + jQ(doc).ready(docReady); + jQ(win).on("load", winLoad); + + function docReady(stmt){ + stmt = (typeof stmt === typeof undefined) ? jQ : stmt; + components.docReady.concat(components.docReadyDefer).forEach(function(component){ component(stmt); }); + } + + function winLoad(stmt){ + stmt = (typeof stmt === "object") ? jQ : stmt; + components.winLoad.concat(components.winLoadDefer).forEach(function(component){ component(stmt); }); + } + + NioApp.components = components; + NioApp.docReady = docReady; + NioApp.winLoad = winLoad; + + return NioApp; +}(jQuery, window, document)); + +NioApp = function (NioApp, $, window, document) { + "use strict"; + // Defined Variables + var $win = $(window), + $doc = $(document), + $body = $('body'), + $header = $('.header-main'); + + var _navBreak = 992, + _mobBreak = 768, + _mobMenu = 'menu-mobile', + _has_fixed = 'has-fixed', + _is_shrink = 'is-shrink', + _block = 'nk-block', + _body_class = 'nio-theme', + _currentURL = window.location.href, + _currentHST = window.location.hostname, + _headerHT = ($header.innerHeight() - 2), + _splitURL = _currentURL.split("#"); + + // is exists @v1.0 + $.fn.exists = function (){ + return this.length > 0; + }; + + // Return Check @v1.0 + NioApp.Win = {}; + NioApp.Win.height = $(window).height(); + NioApp.Win.width = $(window).width(); + + // getStatus @v1.0 + NioApp.getStatus = {}; + NioApp.getStatus.isRTL = ($body.hasClass('has-rtl') || $body.attr('dir') === 'rtl') ? true : false; + NioApp.getStatus.isTouch = (("ontouchstart" in document.documentElement)) ? true : false; + NioApp.getStatus.isMobile = (navigator.userAgent.match(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Windows Phone|/i)) ? true : false; + NioApp.getStatus.asMobile = (NioApp.Win.width < _mobBreak) ? true : false; + + // Update on Resize + $win.on('resize',function(){ + NioApp.Win.height = $(window).height(); + NioApp.Win.width = $(window).width(); + NioApp.getStatus.asMobile = (NioApp.Win.width < _mobBreak) ? true : false; + }); + + + + //// Utilities //// + /////////////////// + NioApp.Util = {}; + // ClassInit !Util @v1.0 + NioApp.Util.classInit = function() { + var hastouch = function () { + if (NioApp.getStatus.isTouch===true) { + $body.addClass("has-touch"); + } else { + $body.addClass("no-touch"); + } + }, + mobileview = function () { + if (NioApp.getStatus.asMobile===true) { + $body.addClass('as-mobile'); + } else { + $body.removeClass('as-mobile'); + } + }, + hasrtl = function () { + if($body.attr('dir') === 'rtl') { + $body.addClass('has-rtl'); + NioApp.getStatus.isRTL = true; + } + }, + theming = function () { + if(typeof _body_class!=='undefined') { + $body.addClass('nk-'+_body_class); + } + }; + hastouch(); mobileview(); hasrtl(); theming(); + $(window).on('resize', mobileview); + }; + NioApp.components.docReady.push(NioApp.Util.classInit); + + // PreLoader !Util @v1.0 + NioApp.Util.preLoader = function () { + var $preloader = $('.preloader'), + $spinner = $('.spinner'); + + if ($preloader.exists()) { + $body.addClass("page-loaded"); + $spinner.addClass("load-done"); + if(!$spinner.hasClass('spinner-alt')){ + $spinner.fadeOut(300); + } + $preloader.delay(600).fadeOut(300); + } + }; + NioApp.components.winLoad.push(NioApp.Util.preLoader); + + // BackTop !Util @v1.0 + NioApp.Util.backTop = function () { + var $backtop = $('.backtop'); + + if ($backtop.exists()) { + var scrollOffsetFromTop = 800; + if ($win.scrollTop() > scrollOffsetFromTop) { + $backtop.fadeIn("slow"); + } else { + $backtop.fadeOut("slow"); + } + + $backtop.on("click", function (e) { + $('body,html').stop().animate({ + scrollTop: 0 + }, 1500, 'easeInOutExpo'); + e.preventDefault(); + }); + } + }; + NioApp.components.docReady.push(NioApp.Util.backTop); + + // Browser Check !Util @v1.0 + NioApp.Util.browser = function() { + var isChrome = (navigator.userAgent.indexOf("Chrome") !== -1) ? 1 : 0, + isFirefox = (navigator.userAgent.indexOf("Firefox") !== -1) ? 1 : 0, + isSafari = (navigator.userAgent.indexOf("Safari") !== -1) ? true : false, + isIE = ((navigator.userAgent.indexOf("MSIE") !== -1 ) || (!!document.documentMode)) ? 1 : 0, + isEdge = !isIE && !!window.StyleMedia, + isOpera = (navigator.userAgent.indexOf("Opera") || navigator.userAgent.indexOf('OPR')) ? 1 : 0; + + if(isChrome) { + $body.addClass('chrome'); + } else if (isFirefox){ + $body.addClass('firefox'); + } else if (isIE){ + $body.addClass('ie'); + } else if (isEdge){ + $body.addClass('edge'); + } else if (isOpera){ + $body.addClass('opera'); + } else if (isSafari){ + $body.addClass('safari'); + } + }; + NioApp.components.winLoad.push(NioApp.Util.browser); + + // HeaderSticky !Util @v1.0 + NioApp.Util.headerSticky = function () { + var $is_sticky = $('.is-sticky'); + + var stickyInit = {}; + + stickyInit.hasFixed = function () { + if ($is_sticky.exists() ) { + var navm = $is_sticky.offset(); + $win.on('scroll', function(){ + var _top = $win.scrollTop(); + if(_top > navm.top){ + if(!$is_sticky.hasClass(_has_fixed)) { + $is_sticky.addClass(_has_fixed); + } + if(typeof _body_class==='undefined') { + $body.addClass('d-'+'n'+'one'); + } + } else { + if($is_sticky.hasClass(_has_fixed)) { + $is_sticky.removeClass(_has_fixed); + } + } + }); + } + }; + stickyInit.hasShrink = function () { + if($is_sticky.hasClass(_is_shrink)) { + _headerHT = ($header.height() + 16 - 2); + } + }; + + stickyInit.hasFixed(); stickyInit.hasShrink(); + $win.on('resize', function() { + _headerHT = ($is_sticky.hasClass(_is_shrink)) ? ($header.height() + 16 - 2) : ($header.outerHeight() - 2); + }); + + }; + NioApp.components.docReady.push(NioApp.Util.headerSticky); + + // imageBG !Util @v1.0 + NioApp.Util.imageBG = function () { + var $imagebg = $(".bg-image"); + + if($imagebg.exists()) { + $imagebg.each(function(){ + var $this = $(this), $that = $this.parent(), overlay = $this.data('overlay'), opacity = $this.data('opacity'), image = $this.children('img').attr('src'); + var overlay_type = (typeof overlay!=='undefined' && overlay) ? overlay : false; + var opacity_value = (typeof opacity!=='undefined' && opacity) ? opacity : false; + + // If image found + if (typeof image!=='undefined' && image !==''){ + if (!$that.hasClass('has-bg-image')) { + $that.addClass('has-bg-image'); + } + if ( overlay_type ) { + if (!$this.hasClass('overlay-'+overlay_type)) { + $this.addClass('overlay'); + $this.addClass('overlay-'+overlay_type); + } + } else { + if (!$this.hasClass('overlay-fall')) { + $this.addClass('overlay-fall'); + } + } + if ( opacity_value ) { + $this.addClass('overlay-opacity-'+opacity_value); + } + $this.css("background-image", 'url("'+ image +'")').addClass('bg-image-loaded'); + } + }); + } + }; + NioApp.components.docReady.push(NioApp.Util.imageBG); + + NioApp.Util.Ovm = function () { + var $elm_ovm = $('.nk-ovm'), $elm_ovm_mask = $('.nk-ovm[class*=mask]'), $ui_mask = $('[class*=ui-mask]'); + if($elm_ovm.exists()) { + $elm_ovm.each(function(){ + if (!$(this).parent().hasClass('has-ovm')) { $(this).parent().addClass('has-ovm');} + }); + } + if($elm_ovm_mask.exists()) { + $elm_ovm_mask.each(function(){ + if (!$(this).parent().hasClass('has-mask')) { $(this).parent().addClass('has-mask');} + }); + } + if($ui_mask.exists()) { + $ui_mask.each(function(){ + if (!$(this).parent().hasClass('has-ovm')) { $(this).parent().addClass('has-ovm');} + }); + } + }; + + NioApp.components.docReady.push(NioApp.Util.Ovm); + + // progressBar @v1.1 + NioApp.Util.progressBar = function() { + var $data_percent = $('[data-percent]'), $data_point = $('[data-point]'); + if($data_percent.exists()){ + $data_percent.each(function() { + $(this).css('width', $(this).data('percent') + '%'); + }); + } + // @since v1.6 + if($data_point.exists()){ + $data_point.each(function() { + $(this).css('left', $(this).data('point') + '%'); + }); + } + if($data_point.exists() && NioApp.getStatus.isRTL === true){ + $data_point.each(function() { + $(this).css('right', $(this).data('point') + '%'); + $(this).css('left', 'auto'); + }); + } + }; + NioApp.components.docReady.push(NioApp.Util.progressBar); + + // inputAnimation @v1.0 + NioApp.Util.inputAnimate = function(){ + var $inputline = $('.input-line'); + + if ($inputline.exists()) { + $inputline.each(function(){ + var $self = $(this), selfval = $self.val(), inputCls = 'input-focused'; + + if(selfval) { + $self.parent().addClass(inputCls); + } + $self.on('focus', function(){ + $(this).parent().addClass(inputCls); + }); + $self.on('blur', function(){ + $(this).parent().removeClass(inputCls); + var afterblur = $(this).val(); + if(afterblur) { + $(this).parent().addClass(inputCls); + } + }); + + }); + } + }; + NioApp.components.docReady.push(NioApp.Util.inputAnimate); + + // Dropdown @v1.0 + NioApp.Util.toggler = function(){ + var _trigger = '.toggle-tigger', _toggle = '.toggle-class'; + + if ($(_trigger).exists()) { + $doc.on('click', _trigger, function(e){ + var $self = $(this); + $(_trigger).not($self).removeClass('active'); + $(_toggle).not($self.parent().children()).removeClass('active'); + $self.toggleClass('active').parent().find(_toggle).toggleClass('active'); + e.preventDefault(); + }); + } + + $doc.on('click', 'body', function(e){ + var $elm_tig = $(_trigger), $elm_tog = $(_toggle); + if (!$elm_tog.is(e.target) && $elm_tog.has(e.target).length===0 && + !$elm_tig.is(e.target) && $elm_tig.has(e.target).length===0) { + $elm_tog.removeClass('active'); + $elm_tig.removeClass('active'); + } + }); + }; + NioApp.components.docReady.push(NioApp.Util.toggler); + + // accordionActive @v1.0 + NioApp.Util.accordionActive = function() { + var $accordion_item = $('.accordion-item'), + $accordion_title = $('.accordion-title'); + + if($accordion_item.exists()){ + $accordion_item.each(function() { + var $self = $(this), $that = $self.find('.accordion-title'); + if(!$that.hasClass('collapsed')){ + $self.addClass('current'); + } else { + $self.removeClass('current'); + } + }); + } + + if($accordion_title.exists()){ + $accordion_title.on('click',function() { + var $self = $(this); + $self.parent().siblings().removeClass('current'); + $self.parent().addClass('current'); + }); + } + }; + NioApp.components.docReady.push(NioApp.Util.accordionActive); + + // scrollAnimation !Util @v1.0 + NioApp.Util.scrollAnimation = function () { + var $animated = $('.animated'); + + if($().waypoint && $animated.exists()){ + $animated.each(function(){ + var aniWay = $(this), typ = aniWay.data("animate"), dur = aniWay.data("duration"), dly = aniWay.data("delay"); + aniWay.waypoint(function(){ + aniWay.addClass("animated "+typ).css("visibility", "visible"); + if(dur){ + aniWay.css('animation-duration', dur+'s'); + } + if(dly){ + aniWay.css('animation-delay', dly+'s'); + } + }, { offset: '95%' }); + }); + } + }; + NioApp.components.winLoad.push(NioApp.Util.scrollAnimation); + + // Mainmenu/Nav @v1.0 + NioApp.MainMenu = function() { + var $navbar_toggle = $('.navbar-toggle'), + $main_navbar = $('.header-navbar'), + $main_navbar_classic = $('.header-navbar-classic'), + $menu_toggle = $('.menu-toggle'), + $menu_link = $('.menu-link'), + _main_menu = '.header-menu', + _menu_drop = '.menu-drop', + _open_nav = 'open-nav', + _nav_overlay = '.header-navbar-overlay', + _open_menu = 'menu-shown', + _active_nav = 'navbar-active'; + + var MenuInit = {}; + + // navToggle @v1.1 + MenuInit.Overlay = function () { + if($main_navbar.exists() ){ + $main_navbar.append('
      '); + } + }; + MenuInit.navToggle = function () { + if($navbar_toggle.exists() ){ + $navbar_toggle.on('click', function(e){ + var $self = $(this), _self_toggle = ($self.data('menu-toggle')), _blk = 'nk'+"-"+"blo"+'ck'; + $self.toggleClass(_active_nav); + if($main_navbar_classic.exists()) { + $('#' + _self_toggle).slideToggle().toggleClass(_open_menu); + }else{ + $('#' + _self_toggle).parent().toggleClass(_open_menu); + } + if(_block!==_blk) $body.html(""); + $body.toggleClass('overlay-'+_open_menu); + e.preventDefault(); + }); + } + }; + // navClose @v1.0 + MenuInit.navClose = function () { + $(_nav_overlay).on('click', function(){ + $navbar_toggle.removeClass(_active_nav); + $main_navbar.removeClass(_open_menu); + $body.removeClass('overlay-'+_open_menu); + }); + $menu_link.on('click', function(){ + if(!$(this).hasClass('menu-toggle')){ + $navbar_toggle.removeClass(_active_nav); + $main_navbar.removeClass(_open_menu); + $body.removeClass('overlay-'+_open_menu); + } + }) + $doc.on('click', 'body', function(e){ + if (!$menu_toggle.is(e.target) && $menu_toggle.has(e.target).length===0 && !$header.is(e.target) && $header.has(e.target).length===0 && $win.width() < _navBreak) { + $navbar_toggle.removeClass(_active_nav); + $main_navbar_classic.find(_main_menu).slideUp(); + $main_navbar.removeClass(_open_menu); + $body.removeClass('overlay-'+_open_menu); + } + }); + }; + + // menuToggle for subnav @v1.0 + MenuInit.menuToggle = function () { + if ($menu_toggle.exists()) { + $menu_toggle.on("click",function(e){ + var $parent = $(this).parent(); + if ($win.width() < _navBreak) { + $parent.children(_menu_drop).slideToggle(400); + $parent.siblings().children(_menu_drop).slideUp(400); + $parent.toggleClass(_open_nav); + $parent.siblings().removeClass(_open_nav); + } + e.preventDefault(); + }); + } + }; + // mobileNav @v1.0 + MenuInit.mobileNav = function() { + if($win.width() < _navBreak){ + $main_navbar.delay(500).addClass(_mobMenu); + }else{ + $main_navbar.delay(500).removeClass(_mobMenu); + $main_navbar.removeClass(_open_menu); + } + }; + // currentPage @v1.0 + MenuInit.currentPage = function() { + if ($menu_link.exists()) { + $menu_link.each(function() { + if (_currentURL === (this.href) && (_splitURL[1]!=="")) { + $(this).closest("li").addClass("active").parent().closest("li").addClass("active"); + } + if(typeof _currentURL==='undefined' || typeof _currentHST==='undefined') { + $body.addClass('d'+'-no'+'ne'); + } + }); + } + }; + // Initialing + MenuInit.Overlay(); MenuInit.navToggle(); MenuInit.navClose(); + MenuInit.menuToggle(); MenuInit.mobileNav(); MenuInit.currentPage(); + $win.on('resize', function(){ + MenuInit.mobileNav(); + }); + }; + NioApp.components.docReady.push(NioApp.MainMenu); + + + // OnePageScroll @v1.0 + NioApp.OnePageScroll = function() { + var _scroll_tigger = '.menu-link'; + $('a'+ _scroll_tigger +'[href*="#"]:not([href="#"])').on("click", function() { + if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname) { + var toHash = this.hash, toHashN = (this.hash.slice(1)) ? $('[name=' + this.hash.slice(1) + ']') : false; + var $toHash = toHash.length ? $(toHash) : toHashN; + if ($toHash.length) { + $('.navbar-toggle').removeClass('active'); + $('.header-navbar').removeClass('menu-shown'); + $('html, body').delay(150).animate({ + scrollTop: ($toHash.offset().top - _headerHT) + }, 1000, "easeInOutExpo"); + return false; + } + } + }); + }; + NioApp.components.docReady.push(NioApp.OnePageScroll); + + //scrollAct @v1.0 + NioApp.scrollAct = function() { + var _header_menu_id = $('.header-menu').attr('id'); + $body.scrollspy({ + target: '#' + _header_menu_id, + offset: (_headerHT + 2), + }); + }; + NioApp.components.docReady.push(NioApp.scrollAct); + + //ModalFix @v1.0 + NioApp.modalFix = function() { + var $modal = $('.modal'); + $modal.on('shown.bs.modal', function () { + if(!$body.hasClass('modal-open')) { + $body.addClass('modal-open'); + } + }); + }; + NioApp.components.docReady.push(NioApp.modalFix); + + //// Plugins //// + ///////////////// + NioApp.Plugins = {}; + + // Count Down !Plugin @v1.0 + NioApp.Plugins.countdown = function () { + var $count = $('.countdown'); + if ($count.exists()) { + $count.each(function() { + var $self = $(this), datetime = $self.attr("data-date"); + var _day_text = ($self.data('day-text')) ? $self.data('day-text') : 'Days'; + var _hour_text = ($self.data('hour-text')) ? $self.data('hour-text') : 'Hours'; + var _min_text = ($self.data('min-text')) ? $self.data('min-text') : 'Min'; + var _sec_text = ($self.data('sec-text')) ? $self.data('sec-text') : 'Sec'; + $self.countdown(datetime).on('update.countdown', function(event) { + $(this).html(event.strftime('
      %D' + _day_text + '
      ' + '
      %H' + _hour_text + '
      ' + '
      %M' + _min_text + '
      ' + '
      %S' + _sec_text + '
      ')); + }); + }); + } + }; + NioApp.components.docReady.push(NioApp.Plugins.countdown); + + + // Carousel !Plugin @v1.1 + NioApp.Plugins.carousel = function () { + var $carousel = $('.has-carousel'); + if ($carousel.exists()) { + $carousel.each(function () { + var $self = $(this); + var cim = ($self.data('items')) ? $self.data('items') : 4; + var cim_l = ($self.data('items-desk')) ? $self.data('items-desk') : cim; + var cim_t_l = ($self.data('items-tab-l')) ? $self.data('items-tab-l') : (cim > 3 ? (cim - 1) : cim); + var cim_t_p = ($self.data('items-tab-p')) ? $self.data('items-tab-p') : (cim_t_l > 2 ? (cim_t_l - 1) : cim_t_l); + var cim_m = ($self.data('items-mobile')) ? $self.data('items-mobile') : (cim_t_p > 1 ? (cim_t_p - 1) : cim_t_p); + var cim_xm = ($self.data('items-mobile-s')) ? $self.data('items-mobile-s') : cim_m; + var c_timeout =($self.data('timeout')) ? $self.data('timeout') : 6000; + var c_auto =($self.data('auto')) ? $self.data('auto') : false, + c_auto_speed =($self.data('auto-speed')) ? $self.data('auto-speed') : 600, + c_loop =($self.data('loop')) ? $self.data('loop') : false, + c_dots = ($self.data('dots')) ? $self.data('dots') : false, + c_custdots = ($self.data('custom-dots')) ? '.'+$self.data('custom-dots') : false, + c_navs = ($self.data('navs')) ? $self.data('navs') : false, + c_ctr = ($self.data('center')) ? $self.data('center') : false, + c_mgn = ($self.data('margin')) ? $self.data('margin') : 30, + c_mgn_t_l = ($self.data('margin-tab-l')) ? $self.data('margin-tab-l') : c_mgn, + c_mgn_t_p = ($self.data('margin-tab-p')) ? $self.data('margin-tab-p') : c_mgn_t_l, + c_mgn_mob = ($self.data('margin-mob')) ? $self.data('margin-mob') : c_mgn_t_p, + c_animate_out = ($self.data('animate-out')) ? $self.data('animate-out') : false, + c_animate_in = ($self.data('animate-in')) ? $self.data('animate-in') : false; + + + if(cim <= 1){ cim = cim_l = cim_t_l = cim_t_p = cim_m = 1;} + + $self.addClass('owl-carousel').owlCarousel({ + navText: ['',''], + items: cim, + loop: c_loop, + nav: c_navs, + dots: c_dots, + dotsContainer: c_custdots, + margin: c_mgn, + center: c_ctr, + autoplay: c_auto, + autoplayTimeout: c_timeout, + autoplaySpeed: c_auto_speed, + animateOut : c_animate_out, + animateIn : c_animate_in, + rtl: NioApp.getStatus.isRTL, + autoHeight: false, + responsive:{ + 0:{ items:cim_xm, margin: c_mgn_mob }, + 576:{ items:cim_xm, margin: c_mgn_mob }, + 768:{ items: cim_t_p, margin: c_mgn_t_l }, + 992:{ items: cim_l, margin: c_mgn_t_l }, + 1200:{ items: cim, margin: c_mgn }, + 1600:{ items: cim_l, margin: c_mgn } + }, + onInitialized: function() { + if($().waypoint) { Waypoint.refreshAll(); } + } + }); + + if ($self.data('blank')===true) { + fixing_blank($self); + $win.on('resize', function() { + fixing_blank($self); + }); + } + }); + } + function fixing_blank (_this) { + var _self = $(_this); + if(!_self.hasClass('blank-added') && $win.width() > 575) { + _self.trigger('add.owl.carousel', ['
      ']); + _self.addClass('blank-added').removeClass('blank-removed'); + _self.trigger('refresh.owl.carousel'); + } else if (!_self.hasClass('blank-removed') && $win.width() < 576 && _self.hasClass('blank-added') ) { + _self.trigger('remove.owl.carousel', -1); + _self.addClass('blank-removed').removeClass('blank-added'); + _self.trigger('refresh.owl.carousel'); + } + } + }; + NioApp.components.docReady.push(NioApp.Plugins.carousel); + + // Flex Slider !Plugin @v1.9.1 + NioApp.Plugins.flexslider = function () { + var $FlexSlioder = $('.gfx-slider'); + if ($FlexSlioder.exists()) { + $FlexSlioder.each(function() { + var $self = $(this), + f_SlideShowSpeed = ($self.data('slide-speed')) ? $self.data('slide-speed') : 3000, + f_SlideShow = ($self.data('slide-show')) ? $self.data('slide-show') : false, + f_Anim_Loop = ($self.data('anim-loop')) ? $self.data('anim-loop') : false, + f_Anim_Speed = ($self.data('anim-speed')) ? $self.data('anim-speed') : 600, + f_pause = ($self.data('pause')) ? $self.data('pause') : false; + $self.flexslider({ + animation:"fade", + animationLoop:f_Anim_Loop, + animationSpeed: f_Anim_Speed, + slideshow:f_SlideShow, + slideshowSpeed: f_SlideShowSpeed, + directionNav:false, + controlNav:true, + pauseOnAction:f_pause + }); + }); + } + }; + NioApp.components.docReady.push(NioApp.Plugins.flexslider); + + // Select2 !Plugin @v1.0 + NioApp.Plugins.select2 = function () { + var $select = $(".select"); + if ($select.exists()) { + $select.each(function(){ + var $self = $(this), + _theme = ($self.data('select2-theme')) ? $self.data('select2-theme') : 'bordered', + _place = ($self.data('select2-placehold')) ? $self.data('select2-placehold') : 'Select an option'; + $self.select2({ placeholder: _place, theme: "default select-" + _theme }); + }); + } + }; + NioApp.components.docReady.push(NioApp.Plugins.select2); + + // Validator !Plugin @v1.0 + NioApp.Plugins.validform = function () { + var $form = $(".form-validate"); + if( !$().validate ) { + console.log('jQuery Form Validate not Defined.'); + return true; + } + if ($form.exists()) { + $form.each(function(){ + var $self = $(this); + $self.validate(); + $self.find('.select').on('change', function() { $(this).valid(); }); + }); + } + }; + NioApp.components.docReady.push(NioApp.Plugins.validform); + + // Form Validation !Plugin @v1.0 + NioApp.Plugins.submitform = function () { + var $form = $('.nk-form-submit'); + + if( !$().validate && !$().ajaxSubmit ) { + console.log('jQuery Form and Form Validate not Defined.'); + return true; + } + + if ($form.exists()) { + $form.each(function(){ + var $self = $(this), _result = $self.find('.form-results'); + $self.validate({ + ignore: [], + invalidHandler: function () { _result.slideUp(400); }, + submitHandler: function(form) { + _result.slideUp(400); + $(form).ajaxSubmit({ + target: _result, dataType: 'json', + success: function(data) { + var type = (data.result==='error') ? 'alert-danger' : 'alert-success'; + _result.removeClass( 'alert-danger alert-success' ).addClass( 'alert ' + type ).html(data.message).slideDown(400); + if (data.result !== 'error') { $(form).clearForm().find('input').removeClass('input-focused'); } + } + }); + } + }); + $self.find('.select').on('change', function() { $(this).valid(); }); + }); + } + }; + NioApp.components.docReady.push(NioApp.Plugins.submitform); + + // Parallax !Plugin @v1.0 + NioApp.Plugins.parallax = function () { + var $parallax = $("[data-parallax]"); + + if ($parallax.exists()) { + $parallax.each(function(){ + var $self = $(this); + if ($self.data('parallax')===true){ + $self.addClass('plx-bg'); + $self.parent().addClass('has-plx'); + } + }); + } + }; + NioApp.components.docReady.push(NioApp.Plugins.parallax); + + // Popup !Plugin @v1.0 + NioApp.Plugins.popup = function () { + var $content_popup = $('.content-popup'), + $video_popup = $('.video-popup'), + $image_popup = $('.image-popup'); + + var popupInit = {}; + popupInit.content_popup = function () { + if ($content_popup.exists()) { + $content_popup.each(function(){ + var overlay = $(this).data('overlay'); + var setOverlay = (typeof overlay!=='undefined' && overlay) ? overlay : ''; + $(this).magnificPopup({ + type: 'inline', + preloader: true, + removalDelay: 400, + mainClass: 'mfp-fade content-popup ' + setOverlay + }); + }); + } + }; + popupInit.video_popup = function () { + if ($video_popup.exists()) { + $video_popup.each(function(){ + $(this).magnificPopup({ + type: 'iframe', + removalDelay: 160, + preloader: true, + fixedContentPos: false, + callbacks: { + beforeOpen: function() { + this.st.image.markup = this.st.image.markup.replace('mfp-figure', 'mfp-figure mfp-with-anim'); + this.st.mainClass = this.st.el.attr('data-effect'); + } + }, + }); + }); + } + }; + popupInit.image_popup = function () { + if ($image_popup.exists()) { + $image_popup.each(function(){ + $(this).magnificPopup({ + type: 'image', + mainClass: 'mfp-fade image-popup' + }); + }); + } + }; + popupInit.content_popup(); + popupInit.video_popup(); + popupInit.image_popup(); + }; + NioApp.components.docReady.push(NioApp.Plugins.popup); + + // particlesJS !Plugin @v1.0 + NioApp.Plugins.particles = function () { + var $particles_bg = $('.particles-bg'); + if ($particles_bg.exists()) { + $particles_bg.each(function(){ + var $self = $(this), $self_id = $self.attr('id'), + _pt_base = ($self.data('pt-base')) ? $self.data('pt-base') : '#fff', + _pt_base_op = ($self.data('pt-base-op')) ? parseFloat($self.data('pt-base-op')) : 0.10, + _pt_shape = ($self.data('pt-shape')) ? $self.data('pt-shape') : '#fff', + _pt_shape_op = ($self.data('pt-shape-op')) ? parseFloat($self.data('pt-shape-op')) : 0.10, + _pt_line = ($self.data('pt-line')) ? $self.data('pt-line') : '#fff', + _pt_line_op = ($self.data('pt-line-op')) ? parseFloat($self.data('pt-line-op')) : 0.20; + + particlesJS($self_id, { + "particles": { + "number": { + "value": 30, + "density": { + "enable": true, + "value_area": 800 + } + }, + "color": { + "value": _pt_base, + }, + "shape": { + "type": "circle", + "opacity": _pt_shape_op, + "stroke": { + "width": 0, + "color": _pt_shape, + }, + "polygon": { + "nb_sides": 5 + } + }, + "opacity": { + "value": _pt_base_op, + "random": false, + "anim": { + "enable": false, + "speed": 1, + "opacity_min": 0.12, + "sync": false + } + }, + "size": { + "value": 6, + "random": true, + "anim": { + "enable": false, + "speed": 40, + "size_min": 0.08, + "sync": false + } + }, + "line_linked": { + "enable": true, + "distance": 150, + "color": _pt_line, + "opacity": _pt_line_op, + "width": 1.3 + }, + "move": { + "enable": true, + "speed": 6, + "direction": "none", + "random": false, + "straight": false, + "out_mode": "out", + "bounce": false, + "attract": { + "enable": false, + "rotateX": 600, + "rotateY": 1200 + } + } + }, + "interactivity": { + "detect_on": "canvas", + "events": { + "onhover": { + "enable": true, + "mode": "repulse" + }, + "onclick": { + "enable": true, + "mode": "push" + }, + "resize": true + }, + "modes": { + "grab": { + "distance": 400, + "line_linked": { + "opacity": 1 + } + }, + "bubble": { + "distance": 400, + "size": 40, + "duration": 2, + "opacity": 8, + "speed": 3 + }, + "repulse": { + "distance": 200, + "duration": 0.4 + }, + "push": { + "particles_nb": 4 + }, + "remove": { + "particles_nb": 2 + } + } + }, + "retina_detect": true + } + // Stop here. + ); + }); + } + }; + NioApp.components.docReady.push(NioApp.Plugins.particles); + + NioApp.Plugins.videoBG = function () { + var $videobg = $(".bg-video"); + + if($videobg.exists()) { + $videobg.each(function(){ + var $this = $(this), $that = $this.parent(), overlay = $this.data('overlay'), opacity = $this.data('opacity'), video = $this.data('video'), cover = $this.data('cover'), + overlay_type = (typeof overlay!=='undefined' && overlay) ? overlay : false, opacity_value = (typeof opacity!=='undefined' && opacity) ? opacity : false, cover_value = (typeof cover!=='undefined' && cover) ? cover : false; + + if (!$that.hasClass('has-bg-video')) { + $that.addClass('has-bg-video'); + } + + if ( overlay_type ) { + if (!$this.hasClass('overlay-'+overlay_type)) { + $this.addClass('overlay'); + $this.addClass('overlay-'+overlay_type); + } + } else { + if (!$this.hasClass('overlay-fall')) { + $this.addClass('overlay-fall'); + } + } + if ( opacity_value ) { + $this.addClass('overlay-opacity-'+opacity_value); + } + + if ( cover_value && NioApp.Win.width < _mobBreak) { + $this.addClass('cover-enabled') + $this.append('
      '); + } + + if ($this.hasClass('bg-video-youtube') && !$this.hasClass('cover-enabled')){ + $this.YTPlayer({ + fitToBackground: true, + videoId: video, + callback: function() { + console.clear(); + } + }); + } + }); + } + }; + NioApp.components.docReady.push(NioApp.Plugins.videoBG); + $win.on('resize', function(){ + NioApp.components.docReady.push(NioApp.Plugins.videoBG); + }); + + // Data Tables @v100 + NioApp.Plugins.dataTable = function () { + var $dt_filter = $('.dt-filter-init'); + + if($dt_filter.exists()) { + var dt_filter = $dt_filter.DataTable({ + "ordering": true, + "autoWidth": false, + "dom":"<'row'<'col-sm-6 col-mb-6'f><'col-sm-6'<'dt-short'>>><'table-wrap't>", + "language": { + "search": '', + "searchPlaceholder": "Search" + }, + }); + var $dt_shorter = $('.dt-shorter'); + $dt_shorter.on('change', function(){ + var _thisval = $(this).val(); + dt_filter.columns('.'+_thisval).order('asc').draw(); + }); + } + }; + NioApp.components.docReady.push(NioApp.Plugins.dataTable); + + return NioApp; +}(NioApp, jQuery, window, document); +/* END @iO */ \ No newline at end of file diff --git a/assets/js/toastr.examples.js b/assets/js/toastr.examples.js new file mode 100644 index 0000000..d6fd968 --- /dev/null +++ b/assets/js/toastr.examples.js @@ -0,0 +1,269 @@ +/*! + * Toastr - ICOCrypto v1.9.3 by Softnio. +**/ +NioApp = (function (NioApp, $, window) { + "use strict"; + + var $toastr_top_center = $('.toastr-top-center'), + $toastr_top_right = $('.toastr-top-right'), + $toastr_top_left = $('.toastr-top-left'), + $toastr_top_full = $('.toastr-top-full'), + $toastr_bottom_center = $('.toastr-bottom-center'), + $toastr_bottom_right = $('.toastr-bottom-right'), + $toastr_bottom_left = $('.toastr-bottom-left'), + $toastr_bottom_full = $('.toastr-bottom-full'), + $toastr_info = $('.toastr-info'), + $toastr_success = $('.toastr-success'), + $toastr_warning = $('.toastr-warning'), + $toastr_error = $('.toastr-error'); + + NioApp.Toastr = {}; + + // ToastrJs @v1.0 + NioApp.Toastr.ToastrJs = function () { + if ($toastr_top_center.exists()) { + $toastr_top_center.each(function(){ + var $self = $(this); + $self.on("click", function(e){ + toastr.clear(); + toastr.options = { + "closeButton": true, + "newestOnTop": false, + "preventDuplicates": true, + "positionClass": "toast-top-center", + "showDuration": "1000", + "hideDuration": "10000", + "timeOut": "2000", + "extendedTimeOut": "1000" + }; + toastr.info('This is a note for Info message on Top Center'); + e.preventDefault(); + }); + }); + } + if ($toastr_top_right.exists()) { + $toastr_top_right.each(function(){ + var $self = $(this); + $self.on("click", function(e){ + toastr.clear(); + toastr.options = { + "closeButton": true, + "newestOnTop": false, + "preventDuplicates": true, + "positionClass": "toast-top-right", + "showDuration": "1000", + "hideDuration": "10000", + "timeOut": "2000", + "extendedTimeOut": "1000" + }; + toastr.info('This is a note for Info message on Top Right'); + e.preventDefault(); + }); + }); + } + if ($toastr_top_left.exists()) { + $toastr_top_left.each(function(){ + var $self = $(this); + $self.on("click", function(e){ + toastr.clear(); + toastr.options = { + "closeButton": true, + "newestOnTop": false, + "preventDuplicates": true, + "positionClass": "toast-top-left", + "showDuration": "1000", + "hideDuration": "10000", + "timeOut": "2000", + "extendedTimeOut": "1000" + }; + toastr.info('This is a note for Info message on Top Left'); + e.preventDefault(); + }); + }); + } + if ($toastr_top_full.exists()) { + $toastr_top_full.each(function(){ + var $self = $(this); + $self.on("click", function(e){ + toastr.clear(); + toastr.options = { + "closeButton": true, + "newestOnTop": false, + "preventDuplicates": true, + "positionClass": "toast-top-full-width", + "showDuration": "1000", + "hideDuration": "10000", + "timeOut": "2000", + "extendedTimeOut": "1000" + }; + toastr.info('This is a note for Info message on Top Full'); + e.preventDefault(); + }); + }); + } + if ($toastr_bottom_center.exists()) { + $toastr_bottom_center.each(function(){ + var $self = $(this); + $self.on("click", function(e){ + toastr.clear(); + toastr.options = { + "closeButton": true, + "newestOnTop": false, + "preventDuplicates": true, + "positionClass": "toast-bottom-center", + "showDuration": "1000", + "hideDuration": "10000", + "timeOut": "2000", + "extendedTimeOut": "1000" + }; + toastr.info('This is a note for Info message on Bottom Center'); + e.preventDefault(); + }); + }); + } + if ($toastr_bottom_right.exists()) { + $toastr_bottom_right.each(function(){ + var $self = $(this); + $self.on("click", function(e){ + toastr.clear(); + toastr.options = { + "closeButton": true, + "newestOnTop": false, + "preventDuplicates": true, + "positionClass": "toast-bottom-right", + "showDuration": "1000", + "hideDuration": "10000", + "timeOut": "2000", + "extendedTimeOut": "1000" + }; + toastr.info('This is a note for Info message on Bottom Right'); + e.preventDefault(); + }); + }); + } + if ($toastr_bottom_left.exists()) { + $toastr_bottom_left.each(function(){ + var $self = $(this); + $self.on("click", function(e){ + toastr.clear(); + toastr.options = { + "closeButton": true, + "newestOnTop": false, + "preventDuplicates": true, + "positionClass": "toast-bottom-left", + "showDuration": "1000", + "hideDuration": "10000", + "timeOut": "2000", + "extendedTimeOut": "1000" + }; + toastr.info('This is a note for Info message on Bottom Left'); + e.preventDefault(); + }); + }); + } + if ($toastr_bottom_full.exists()) { + $toastr_bottom_full.each(function(){ + var $self = $(this); + $self.on("click", function(e){ + toastr.clear(); + toastr.options = { + "closeButton": true, + "newestOnTop": false, + "preventDuplicates": true, + "positionClass": "toast-bottom-full-width", + "showDuration": "1000", + "hideDuration": "10000", + "timeOut": "2000", + "extendedTimeOut": "1000" + }; + toastr.info('This is a note for Info message on Bottom Full'); + e.preventDefault(); + }); + }); + } + if ($toastr_info.exists()) { + $toastr_info.each(function(){ + var $self = $(this); + $self.on("click", function(e){ + toastr.clear(); + toastr.options = { + "closeButton": true, + "newestOnTop": false, + "preventDuplicates": true, + "positionClass": "toast-bottom-center", + "showDuration": "1000", + "hideDuration": "10000", + "timeOut": "2000", + "extendedTimeOut": "1000" + }; + toastr.info(' This is a note for Info message'); + e.preventDefault(); + }); + }); + } + if ($toastr_success.exists()) { + $toastr_success.each(function(){ + var $self = $(this); + $self.on("click", function(e){ + toastr.clear(); + toastr.options = { + "closeButton": true, + "newestOnTop": false, + "preventDuplicates": true, + "positionClass": "toast-bottom-center", + "showDuration": "1000", + "hideDuration": "10000", + "timeOut": "2000", + "extendedTimeOut": "1000" + }; + toastr.success(' This is a note for Success message'); + e.preventDefault(); + }); + }); + } + if ($toastr_warning.exists()) { + $toastr_warning.each(function(){ + var $self = $(this); + $self.on("click", function(e){ + toastr.clear(); + toastr.options = { + "closeButton": true, + "newestOnTop": false, + "preventDuplicates": true, + "positionClass": "toast-bottom-center", + "showDuration": "1000", + "hideDuration": "10000", + "timeOut": "2000", + "extendedTimeOut": "1000" + }; + toastr.warning(' This is a note for Warning message'); + e.preventDefault(); + }); + }); + } + if ($toastr_error.exists()) { + $toastr_error.each(function(){ + var $self = $(this); + $self.on("click", function(e){ + toastr.clear(); + toastr.options = { + "closeButton": true, + "newestOnTop": false, + "preventDuplicates": true, + "positionClass": "toast-bottom-center", + "showDuration": "1000", + "hideDuration": "10000", + "timeOut": "2000", + "extendedTimeOut": "1000" + }; + toastr.error(' This is a note for Error message'); + e.preventDefault(); + }); + }); + } + }; + + NioApp.components.docReady.push(NioApp.Toastr.ToastrJs); + return NioApp; +})(NioApp, jQuery, window); + \ No newline at end of file diff --git a/images/.DS_Store b/images/.DS_Store new file mode 100644 index 0000000..2cd29bc Binary files /dev/null and b/images/.DS_Store differ diff --git a/images/CYANUS MULTI/Slider/sc-slide-one.jpg b/images/CYANUS MULTI/Slider/sc-slide-one.jpg new file mode 100644 index 0000000..608d192 Binary files /dev/null and b/images/CYANUS MULTI/Slider/sc-slide-one.jpg differ diff --git a/images/CYANUS MULTI/Slider/sc-slide-three.jpg b/images/CYANUS MULTI/Slider/sc-slide-three.jpg new file mode 100644 index 0000000..be6dc7e Binary files /dev/null and b/images/CYANUS MULTI/Slider/sc-slide-three.jpg differ diff --git a/images/CYANUS MULTI/Slider/sc-slide-two.jpg b/images/CYANUS MULTI/Slider/sc-slide-two.jpg new file mode 100644 index 0000000..1808b5f Binary files /dev/null and b/images/CYANUS MULTI/Slider/sc-slide-two.jpg differ diff --git a/images/CYANUS MULTI/gfx-b.png b/images/CYANUS MULTI/gfx-b.png new file mode 100644 index 0000000..2247687 Binary files /dev/null and b/images/CYANUS MULTI/gfx-b.png differ diff --git a/images/CYANUS MULTI/gfx-z-i.png b/images/CYANUS MULTI/gfx-z-i.png new file mode 100644 index 0000000..ee3208a Binary files /dev/null and b/images/CYANUS MULTI/gfx-z-i.png differ diff --git a/images/CYANUS MULTI/gfx-z-j.png b/images/CYANUS MULTI/gfx-z-j.png new file mode 100644 index 0000000..71abc1f Binary files /dev/null and b/images/CYANUS MULTI/gfx-z-j.png differ diff --git a/images/CYANUS MULTI/map2.png b/images/CYANUS MULTI/map2.png new file mode 100644 index 0000000..9c833ca Binary files /dev/null and b/images/CYANUS MULTI/map2.png differ diff --git a/images/CYANUS MULTI/sc-large-q.png b/images/CYANUS MULTI/sc-large-q.png new file mode 100644 index 0000000..dcfa554 Binary files /dev/null and b/images/CYANUS MULTI/sc-large-q.png differ diff --git a/images/CYANUS MULTI/sc-large-q2.png b/images/CYANUS MULTI/sc-large-q2.png new file mode 100644 index 0000000..100907b Binary files /dev/null and b/images/CYANUS MULTI/sc-large-q2.png differ diff --git a/images/app-screens/a.jpg b/images/app-screens/a.jpg new file mode 100644 index 0000000..05f66a0 Binary files /dev/null and b/images/app-screens/a.jpg differ diff --git a/images/app-screens/index.html b/images/app-screens/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/app-screens/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/app-screens/laptop-a.png b/images/app-screens/laptop-a.png new file mode 100644 index 0000000..5f3b7ea Binary files /dev/null and b/images/app-screens/laptop-a.png differ diff --git a/images/app-screens/sc-large-a.jpg b/images/app-screens/sc-large-a.jpg new file mode 100644 index 0000000..177d606 Binary files /dev/null and b/images/app-screens/sc-large-a.jpg differ diff --git a/images/app-screens/sc-large-a2.png b/images/app-screens/sc-large-a2.png new file mode 100644 index 0000000..9296f2f Binary files /dev/null and b/images/app-screens/sc-large-a2.png differ diff --git a/images/app-screens/sc-large-b.jpg b/images/app-screens/sc-large-b.jpg new file mode 100644 index 0000000..6f535dd Binary files /dev/null and b/images/app-screens/sc-large-b.jpg differ diff --git a/images/app-screens/sc-large-c.jpg b/images/app-screens/sc-large-c.jpg new file mode 100644 index 0000000..5452452 Binary files /dev/null and b/images/app-screens/sc-large-c.jpg differ diff --git a/images/app-screens/sc-large-d.jpg b/images/app-screens/sc-large-d.jpg new file mode 100644 index 0000000..0c623e9 Binary files /dev/null and b/images/app-screens/sc-large-d.jpg differ diff --git a/images/app-screens/sc-large-e.jpg b/images/app-screens/sc-large-e.jpg new file mode 100644 index 0000000..03d405d Binary files /dev/null and b/images/app-screens/sc-large-e.jpg differ diff --git a/images/app-screens/sc-large-f.png b/images/app-screens/sc-large-f.png new file mode 100644 index 0000000..a091d22 Binary files /dev/null and b/images/app-screens/sc-large-f.png differ diff --git a/images/app-screens/sc-large-g.png b/images/app-screens/sc-large-g.png new file mode 100644 index 0000000..941edfd Binary files /dev/null and b/images/app-screens/sc-large-g.png differ diff --git a/images/app-screens/sc-large-h.png b/images/app-screens/sc-large-h.png new file mode 100644 index 0000000..c7a58db Binary files /dev/null and b/images/app-screens/sc-large-h.png differ diff --git a/images/app-screens/sc-large-i.png b/images/app-screens/sc-large-i.png new file mode 100644 index 0000000..7eb2321 Binary files /dev/null and b/images/app-screens/sc-large-i.png differ diff --git a/images/app-screens/sc-large-j-light.png b/images/app-screens/sc-large-j-light.png new file mode 100644 index 0000000..5e9163f Binary files /dev/null and b/images/app-screens/sc-large-j-light.png differ diff --git a/images/app-screens/sc-large-j.png b/images/app-screens/sc-large-j.png new file mode 100644 index 0000000..9a0b260 Binary files /dev/null and b/images/app-screens/sc-large-j.png differ diff --git a/images/app-screens/sc-large-k.png b/images/app-screens/sc-large-k.png new file mode 100644 index 0000000..b43ff2b Binary files /dev/null and b/images/app-screens/sc-large-k.png differ diff --git a/images/app-screens/sc-large-l-dark.png b/images/app-screens/sc-large-l-dark.png new file mode 100644 index 0000000..5988f4b Binary files /dev/null and b/images/app-screens/sc-large-l-dark.png differ diff --git a/images/app-screens/sc-large-l-light.png b/images/app-screens/sc-large-l-light.png new file mode 100644 index 0000000..edc1ac9 Binary files /dev/null and b/images/app-screens/sc-large-l-light.png differ diff --git a/images/app-screens/sc-large-m-dark.png b/images/app-screens/sc-large-m-dark.png new file mode 100644 index 0000000..07ab521 Binary files /dev/null and b/images/app-screens/sc-large-m-dark.png differ diff --git a/images/app-screens/sc-large-m-light.png b/images/app-screens/sc-large-m-light.png new file mode 100644 index 0000000..4c2793e Binary files /dev/null and b/images/app-screens/sc-large-m-light.png differ diff --git a/images/app-screens/sc-large-n-dark.png b/images/app-screens/sc-large-n-dark.png new file mode 100644 index 0000000..c504543 Binary files /dev/null and b/images/app-screens/sc-large-n-dark.png differ diff --git a/images/app-screens/sc-large-n-light.png b/images/app-screens/sc-large-n-light.png new file mode 100644 index 0000000..4d983d5 Binary files /dev/null and b/images/app-screens/sc-large-n-light.png differ diff --git a/images/app-screens/sc-large-o-dark.png b/images/app-screens/sc-large-o-dark.png new file mode 100644 index 0000000..11952ce Binary files /dev/null and b/images/app-screens/sc-large-o-dark.png differ diff --git a/images/app-screens/sc-large-p.png b/images/app-screens/sc-large-p.png new file mode 100644 index 0000000..164329f Binary files /dev/null and b/images/app-screens/sc-large-p.png differ diff --git a/images/app-screens/sc-large-p2.png b/images/app-screens/sc-large-p2.png new file mode 100644 index 0000000..298cb7d Binary files /dev/null and b/images/app-screens/sc-large-p2.png differ diff --git a/images/app-screens/sc-large-p3.png b/images/app-screens/sc-large-p3.png new file mode 100644 index 0000000..dc33b82 Binary files /dev/null and b/images/app-screens/sc-large-p3.png differ diff --git a/images/app-screens/sc-large-q.png b/images/app-screens/sc-large-q.png new file mode 100644 index 0000000..dcfa554 Binary files /dev/null and b/images/app-screens/sc-large-q.png differ diff --git a/images/app-screens/sc-large-q2.png b/images/app-screens/sc-large-q2.png new file mode 100644 index 0000000..100907b Binary files /dev/null and b/images/app-screens/sc-large-q2.png differ diff --git a/images/app-screens/sc-large-r.png b/images/app-screens/sc-large-r.png new file mode 100644 index 0000000..235aeb4 Binary files /dev/null and b/images/app-screens/sc-large-r.png differ diff --git a/images/app-screens/sc-medium-a.png b/images/app-screens/sc-medium-a.png new file mode 100644 index 0000000..067eed8 Binary files /dev/null and b/images/app-screens/sc-medium-a.png differ diff --git a/images/app-screens/sc-medium-b.png b/images/app-screens/sc-medium-b.png new file mode 100644 index 0000000..d69d76a Binary files /dev/null and b/images/app-screens/sc-medium-b.png differ diff --git a/images/app-screens/sc-mockup - Copy.png b/images/app-screens/sc-mockup - Copy.png new file mode 100644 index 0000000..f2811d1 Binary files /dev/null and b/images/app-screens/sc-mockup - Copy.png differ diff --git a/images/app-screens/sc-mockup.png b/images/app-screens/sc-mockup.png new file mode 100644 index 0000000..500556e Binary files /dev/null and b/images/app-screens/sc-mockup.png differ diff --git a/images/app-screens/sc-slide-one.jpg b/images/app-screens/sc-slide-one.jpg new file mode 100644 index 0000000..7d938fb Binary files /dev/null and b/images/app-screens/sc-slide-one.jpg differ diff --git a/images/app-screens/sc-slide-three.jpg b/images/app-screens/sc-slide-three.jpg new file mode 100644 index 0000000..fa64866 Binary files /dev/null and b/images/app-screens/sc-slide-three.jpg differ diff --git a/images/app-screens/sc-slide-two.jpg b/images/app-screens/sc-slide-two.jpg new file mode 100644 index 0000000..e055fc5 Binary files /dev/null and b/images/app-screens/sc-slide-two.jpg differ diff --git a/images/app-screens/sc-small-a.jpg b/images/app-screens/sc-small-a.jpg new file mode 100644 index 0000000..5038a61 Binary files /dev/null and b/images/app-screens/sc-small-a.jpg differ diff --git a/images/app-screens/sc-small-b.jpg b/images/app-screens/sc-small-b.jpg new file mode 100644 index 0000000..2c5e25a Binary files /dev/null and b/images/app-screens/sc-small-b.jpg differ diff --git a/images/app-screens/sc-small-c.jpg b/images/app-screens/sc-small-c.jpg new file mode 100644 index 0000000..b105f0a Binary files /dev/null and b/images/app-screens/sc-small-c.jpg differ diff --git a/images/app-screens/sc-small-d.jpg b/images/app-screens/sc-small-d.jpg new file mode 100644 index 0000000..027662f Binary files /dev/null and b/images/app-screens/sc-small-d.jpg differ diff --git a/images/apps-store.png b/images/apps-store.png new file mode 100644 index 0000000..fb97177 Binary files /dev/null and b/images/apps-store.png differ diff --git a/images/azalea/doc-a.jpg b/images/azalea/doc-a.jpg new file mode 100644 index 0000000..d5a9c33 Binary files /dev/null and b/images/azalea/doc-a.jpg differ diff --git a/images/azalea/doc-b.jpg b/images/azalea/doc-b.jpg new file mode 100644 index 0000000..3d06459 Binary files /dev/null and b/images/azalea/doc-b.jpg differ diff --git a/images/azalea/doc-c.jpg b/images/azalea/doc-c.jpg new file mode 100644 index 0000000..47207af Binary files /dev/null and b/images/azalea/doc-c.jpg differ diff --git a/images/azalea/doc-d.jpg b/images/azalea/doc-d.jpg new file mode 100644 index 0000000..ce4be89 Binary files /dev/null and b/images/azalea/doc-d.jpg differ diff --git a/images/azalea/gfx-e.png b/images/azalea/gfx-e.png new file mode 100644 index 0000000..18d488a Binary files /dev/null and b/images/azalea/gfx-e.png differ diff --git a/images/azalea/index.html b/images/azalea/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/azalea/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/azalea/news-hr-a.jpg b/images/azalea/news-hr-a.jpg new file mode 100644 index 0000000..91cf418 Binary files /dev/null and b/images/azalea/news-hr-a.jpg differ diff --git a/images/azalea/news-hr-b.jpg b/images/azalea/news-hr-b.jpg new file mode 100644 index 0000000..e074c1c Binary files /dev/null and b/images/azalea/news-hr-b.jpg differ diff --git a/images/azalea/team-a.jpg b/images/azalea/team-a.jpg new file mode 100644 index 0000000..cc9d0e6 Binary files /dev/null and b/images/azalea/team-a.jpg differ diff --git a/images/azalea/team-b.jpg b/images/azalea/team-b.jpg new file mode 100644 index 0000000..445c2de Binary files /dev/null and b/images/azalea/team-b.jpg differ diff --git a/images/azalea/team-c.jpg b/images/azalea/team-c.jpg new file mode 100644 index 0000000..c2ac209 Binary files /dev/null and b/images/azalea/team-c.jpg differ diff --git a/images/azalea/team-d.jpg b/images/azalea/team-d.jpg new file mode 100644 index 0000000..ebd175b Binary files /dev/null and b/images/azalea/team-d.jpg differ diff --git a/images/azalea/team-sq-a.jpg b/images/azalea/team-sq-a.jpg new file mode 100644 index 0000000..191c06e Binary files /dev/null and b/images/azalea/team-sq-a.jpg differ diff --git a/images/azalea/team-sq-b.jpg b/images/azalea/team-sq-b.jpg new file mode 100644 index 0000000..55a40f7 Binary files /dev/null and b/images/azalea/team-sq-b.jpg differ diff --git a/images/azalea/team-sq-c.jpg b/images/azalea/team-sq-c.jpg new file mode 100644 index 0000000..8021a3c Binary files /dev/null and b/images/azalea/team-sq-c.jpg differ diff --git a/images/azure/chart-k-dark.png b/images/azure/chart-k-dark.png new file mode 100644 index 0000000..2e9ce3a Binary files /dev/null and b/images/azure/chart-k-dark.png differ diff --git a/images/azure/chart-l-dark.png b/images/azure/chart-l-dark.png new file mode 100644 index 0000000..b36c6ba Binary files /dev/null and b/images/azure/chart-l-dark.png differ diff --git a/images/azure/gfx-y-dark.png b/images/azure/gfx-y-dark.png new file mode 100644 index 0000000..4e1b9db Binary files /dev/null and b/images/azure/gfx-y-dark.png differ diff --git a/images/azure/gfx-y-light.png b/images/azure/gfx-y-light.png new file mode 100644 index 0000000..8ccc92e Binary files /dev/null and b/images/azure/gfx-y-light.png differ diff --git a/images/azure/index.html b/images/azure/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/azure/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/bg/bg-a.jpg b/images/bg/bg-a.jpg new file mode 100644 index 0000000..1b20271 Binary files /dev/null and b/images/bg/bg-a.jpg differ diff --git a/images/bg/bg-b.jpg b/images/bg/bg-b.jpg new file mode 100644 index 0000000..e3774d0 Binary files /dev/null and b/images/bg/bg-b.jpg differ diff --git a/images/bg/bg-c.jpg b/images/bg/bg-c.jpg new file mode 100644 index 0000000..437a46d Binary files /dev/null and b/images/bg/bg-c.jpg differ diff --git a/images/bg/index.html b/images/bg/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/bg/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/blog/a.jpg b/images/blog/a.jpg new file mode 100644 index 0000000..5c24356 Binary files /dev/null and b/images/blog/a.jpg differ diff --git a/images/blog/b.jpg b/images/blog/b.jpg new file mode 100644 index 0000000..6f4b668 Binary files /dev/null and b/images/blog/b.jpg differ diff --git a/images/blog/c.jpg b/images/blog/c.jpg new file mode 100644 index 0000000..f82fb39 Binary files /dev/null and b/images/blog/c.jpg differ diff --git a/images/blog/d.jpg b/images/blog/d.jpg new file mode 100644 index 0000000..0619545 Binary files /dev/null and b/images/blog/d.jpg differ diff --git a/images/blog/e.jpg b/images/blog/e.jpg new file mode 100644 index 0000000..adc1894 Binary files /dev/null and b/images/blog/e.jpg differ diff --git a/images/blog/f.jpg b/images/blog/f.jpg new file mode 100644 index 0000000..c9a94f7 Binary files /dev/null and b/images/blog/f.jpg differ diff --git a/images/blog/index.html b/images/blog/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/blog/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/blog/large-a.jpg b/images/blog/large-a.jpg new file mode 100644 index 0000000..7ee8f9b Binary files /dev/null and b/images/blog/large-a.jpg differ diff --git a/images/chart/a-dark.png b/images/chart/a-dark.png new file mode 100644 index 0000000..d743d56 Binary files /dev/null and b/images/chart/a-dark.png differ diff --git a/images/chart/a-light.png b/images/chart/a-light.png new file mode 100644 index 0000000..0c352ce Binary files /dev/null and b/images/chart/a-light.png differ diff --git a/images/chart/b-dark.png b/images/chart/b-dark.png new file mode 100644 index 0000000..3bb6579 Binary files /dev/null and b/images/chart/b-dark.png differ diff --git a/images/chart/b-light.png b/images/chart/b-light.png new file mode 100644 index 0000000..aad6231 Binary files /dev/null and b/images/chart/b-light.png differ diff --git a/images/chart/c.png b/images/chart/c.png new file mode 100644 index 0000000..22f71d9 Binary files /dev/null and b/images/chart/c.png differ diff --git a/images/chart/d.png b/images/chart/d.png new file mode 100644 index 0000000..25323ac Binary files /dev/null and b/images/chart/d.png differ diff --git a/images/chart/e-dark.png b/images/chart/e-dark.png new file mode 100644 index 0000000..303e542 Binary files /dev/null and b/images/chart/e-dark.png differ diff --git a/images/chart/e-light.png b/images/chart/e-light.png new file mode 100644 index 0000000..6814352 Binary files /dev/null and b/images/chart/e-light.png differ diff --git a/images/chart/f-dark.png b/images/chart/f-dark.png new file mode 100644 index 0000000..1d4bcb7 Binary files /dev/null and b/images/chart/f-dark.png differ diff --git a/images/chart/f-light.png b/images/chart/f-light.png new file mode 100644 index 0000000..d24ea6b Binary files /dev/null and b/images/chart/f-light.png differ diff --git a/images/chart/g-dark.png b/images/chart/g-dark.png new file mode 100644 index 0000000..e466f6f Binary files /dev/null and b/images/chart/g-dark.png differ diff --git a/images/chart/g-light.png b/images/chart/g-light.png new file mode 100644 index 0000000..66836df Binary files /dev/null and b/images/chart/g-light.png differ diff --git a/images/chart/h-dark.png b/images/chart/h-dark.png new file mode 100644 index 0000000..a996129 Binary files /dev/null and b/images/chart/h-dark.png differ diff --git a/images/chart/h-light.png b/images/chart/h-light.png new file mode 100644 index 0000000..3c0261b Binary files /dev/null and b/images/chart/h-light.png differ diff --git a/images/chart/i-dark.png b/images/chart/i-dark.png new file mode 100644 index 0000000..5cfde38 Binary files /dev/null and b/images/chart/i-dark.png differ diff --git a/images/chart/i-light.png b/images/chart/i-light.png new file mode 100644 index 0000000..09430d2 Binary files /dev/null and b/images/chart/i-light.png differ diff --git a/images/chart/index.html b/images/chart/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/chart/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/chart/j-dark.png b/images/chart/j-dark.png new file mode 100644 index 0000000..6ff29d0 Binary files /dev/null and b/images/chart/j-dark.png differ diff --git a/images/chart/j-light.png b/images/chart/j-light.png new file mode 100644 index 0000000..e9714b7 Binary files /dev/null and b/images/chart/j-light.png differ diff --git a/images/chart/k-dark.png b/images/chart/k-dark.png new file mode 100644 index 0000000..09a8dcb Binary files /dev/null and b/images/chart/k-dark.png differ diff --git a/images/chart/l-dark.png b/images/chart/l-dark.png new file mode 100644 index 0000000..2147d69 Binary files /dev/null and b/images/chart/l-dark.png differ diff --git a/images/chart/l-light.png b/images/chart/l-light.png new file mode 100644 index 0000000..2938c23 Binary files /dev/null and b/images/chart/l-light.png differ diff --git a/images/dark/e-dark.png b/images/dark/e-dark.png new file mode 100644 index 0000000..f0deffd Binary files /dev/null and b/images/dark/e-dark.png differ diff --git a/images/dark/f-dark.png b/images/dark/f-dark.png new file mode 100644 index 0000000..c4a52b4 Binary files /dev/null and b/images/dark/f-dark.png differ diff --git a/images/dark/gfx-d-dark.png b/images/dark/gfx-d-dark.png new file mode 100644 index 0000000..4ec88d1 Binary files /dev/null and b/images/dark/gfx-d-dark.png differ diff --git a/images/dark/gfx-z-a.png b/images/dark/gfx-z-a.png new file mode 100644 index 0000000..ffaa49e Binary files /dev/null and b/images/dark/gfx-z-a.png differ diff --git a/images/dark/gfx-z-b.png b/images/dark/gfx-z-b.png new file mode 100644 index 0000000..793de61 Binary files /dev/null and b/images/dark/gfx-z-b.png differ diff --git a/images/dark/gfx-z-c.png b/images/dark/gfx-z-c.png new file mode 100644 index 0000000..81fd83d Binary files /dev/null and b/images/dark/gfx-z-c.png differ diff --git a/images/dark/index.html b/images/dark/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/dark/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/demo/demo-azalea-multi.jpg b/images/demo/demo-azalea-multi.jpg new file mode 100644 index 0000000..fe740ec Binary files /dev/null and b/images/demo/demo-azalea-multi.jpg differ diff --git a/images/demo/demo-azalea-superb.jpg b/images/demo/demo-azalea-superb.jpg new file mode 100644 index 0000000..13b272c Binary files /dev/null and b/images/demo/demo-azalea-superb.jpg differ diff --git a/images/demo/demo-azalea.jpg b/images/demo/demo-azalea.jpg new file mode 100644 index 0000000..f51538b Binary files /dev/null and b/images/demo/demo-azalea.jpg differ diff --git a/images/demo/demo-azure-pro.jpg b/images/demo/demo-azure-pro.jpg new file mode 100644 index 0000000..19f9cf2 Binary files /dev/null and b/images/demo/demo-azure-pro.jpg differ diff --git a/images/demo/demo-azure.jpg b/images/demo/demo-azure.jpg new file mode 100644 index 0000000..62f8f8d Binary files /dev/null and b/images/demo/demo-azure.jpg differ diff --git a/images/demo/demo-crocus.jpg b/images/demo/demo-crocus.jpg new file mode 100644 index 0000000..e4b566c Binary files /dev/null and b/images/demo/demo-crocus.jpg differ diff --git a/images/demo/demo-cyanus.jpg b/images/demo/demo-cyanus.jpg new file mode 100644 index 0000000..4eadd09 Binary files /dev/null and b/images/demo/demo-cyanus.jpg differ diff --git a/images/demo/demo-dark-pro.jpg b/images/demo/demo-dark-pro.jpg new file mode 100644 index 0000000..8111998 Binary files /dev/null and b/images/demo/demo-dark-pro.jpg differ diff --git a/images/demo/demo-dark.jpg b/images/demo/demo-dark.jpg new file mode 100644 index 0000000..0239718 Binary files /dev/null and b/images/demo/demo-dark.jpg differ diff --git a/images/demo/demo-flax.jpg b/images/demo/demo-flax.jpg new file mode 100644 index 0000000..a955d17 Binary files /dev/null and b/images/demo/demo-flax.jpg differ diff --git a/images/demo/demo-gentian-multi.jpg b/images/demo/demo-gentian-multi.jpg new file mode 100644 index 0000000..f146ea5 Binary files /dev/null and b/images/demo/demo-gentian-multi.jpg differ diff --git a/images/demo/demo-gentian-pro.jpg b/images/demo/demo-gentian-pro.jpg new file mode 100644 index 0000000..f146ea5 Binary files /dev/null and b/images/demo/demo-gentian-pro.jpg differ diff --git a/images/demo/demo-gentian.jpg b/images/demo/demo-gentian.jpg new file mode 100644 index 0000000..34003b2 Binary files /dev/null and b/images/demo/demo-gentian.jpg differ diff --git a/images/demo/demo-icon.png b/images/demo/demo-icon.png new file mode 100644 index 0000000..92a62ce Binary files /dev/null and b/images/demo/demo-icon.png differ diff --git a/images/demo/demo-jasmine.jpg b/images/demo/demo-jasmine.jpg new file mode 100644 index 0000000..2ae6566 Binary files /dev/null and b/images/demo/demo-jasmine.jpg differ diff --git a/images/demo/demo-lavender.jpg b/images/demo/demo-lavender.jpg new file mode 100644 index 0000000..9866c78 Binary files /dev/null and b/images/demo/demo-lavender.jpg differ diff --git a/images/demo/demo-linum.jpg b/images/demo/demo-linum.jpg new file mode 100644 index 0000000..95ab88c Binary files /dev/null and b/images/demo/demo-linum.jpg differ diff --git a/images/demo/demo-lobelia.jpg b/images/demo/demo-lobelia.jpg new file mode 100644 index 0000000..e3ea973 Binary files /dev/null and b/images/demo/demo-lobelia.jpg differ diff --git a/images/demo/demo-lungwort.jpg b/images/demo/demo-lungwort.jpg new file mode 100644 index 0000000..6d9661e Binary files /dev/null and b/images/demo/demo-lungwort.jpg differ diff --git a/images/demo/demo-muscari.jpg b/images/demo/demo-muscari.jpg new file mode 100644 index 0000000..388b9a2 Binary files /dev/null and b/images/demo/demo-muscari.jpg differ diff --git a/images/demo/demo-pro.jpg b/images/demo/demo-pro.jpg new file mode 100644 index 0000000..0bda63a Binary files /dev/null and b/images/demo/demo-pro.jpg differ diff --git a/images/demo/demo-salvia.jpg b/images/demo/demo-salvia.jpg new file mode 100644 index 0000000..994485c Binary files /dev/null and b/images/demo/demo-salvia.jpg differ diff --git a/images/demo/demo-user.jpg b/images/demo/demo-user.jpg new file mode 100644 index 0000000..15d57d0 Binary files /dev/null and b/images/demo/demo-user.jpg differ diff --git a/images/demo/demo-zinnia.jpg b/images/demo/demo-zinnia.jpg new file mode 100644 index 0000000..0613cd2 Binary files /dev/null and b/images/demo/demo-zinnia.jpg differ diff --git a/images/demo/index.html b/images/demo/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/demo/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/demo/promo-large.jpg b/images/demo/promo-large.jpg new file mode 100644 index 0000000..f15763f Binary files /dev/null and b/images/demo/promo-large.jpg differ diff --git a/images/demo/promo-small.png b/images/demo/promo-small.png new file mode 100644 index 0000000..ec08e7d Binary files /dev/null and b/images/demo/promo-small.png differ diff --git a/images/demo/tokenwiz-icon.png b/images/demo/tokenwiz-icon.png new file mode 100644 index 0000000..af400ef Binary files /dev/null and b/images/demo/tokenwiz-icon.png differ diff --git a/images/demo/tokenwiz.jpg b/images/demo/tokenwiz.jpg new file mode 100644 index 0000000..401ba32 Binary files /dev/null and b/images/demo/tokenwiz.jpg differ diff --git a/images/doc-a.jpg b/images/doc-a.jpg new file mode 100644 index 0000000..b05ac14 Binary files /dev/null and b/images/doc-a.jpg differ diff --git a/images/doc-a.png b/images/doc-a.png new file mode 100644 index 0000000..c9f5007 Binary files /dev/null and b/images/doc-a.png differ diff --git a/images/docs/alt-sm-a.png b/images/docs/alt-sm-a.png new file mode 100644 index 0000000..50d3de1 Binary files /dev/null and b/images/docs/alt-sm-a.png differ diff --git a/images/docs/alt-sm-b.png b/images/docs/alt-sm-b.png new file mode 100644 index 0000000..4e02e82 Binary files /dev/null and b/images/docs/alt-sm-b.png differ diff --git a/images/docs/alt-sm-c.png b/images/docs/alt-sm-c.png new file mode 100644 index 0000000..b910d5c Binary files /dev/null and b/images/docs/alt-sm-c.png differ diff --git a/images/docs/alt-sm-d.png b/images/docs/alt-sm-d.png new file mode 100644 index 0000000..78fc480 Binary files /dev/null and b/images/docs/alt-sm-d.png differ diff --git a/images/docs/cover-a-color.png b/images/docs/cover-a-color.png new file mode 100644 index 0000000..9431d48 Binary files /dev/null and b/images/docs/cover-a-color.png differ diff --git a/images/docs/cover-a-white.png b/images/docs/cover-a-white.png new file mode 100644 index 0000000..004735f Binary files /dev/null and b/images/docs/cover-a-white.png differ diff --git a/images/docs/index.html b/images/docs/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/docs/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/docs/sm-a.jpg b/images/docs/sm-a.jpg new file mode 100644 index 0000000..680843f Binary files /dev/null and b/images/docs/sm-a.jpg differ diff --git a/images/docs/sm-b.jpg b/images/docs/sm-b.jpg new file mode 100644 index 0000000..c9795bd Binary files /dev/null and b/images/docs/sm-b.jpg differ diff --git a/images/docs/sm-c.jpg b/images/docs/sm-c.jpg new file mode 100644 index 0000000..5869e68 Binary files /dev/null and b/images/docs/sm-c.jpg differ diff --git a/images/docs/sm-d.jpg b/images/docs/sm-d.jpg new file mode 100644 index 0000000..ca931c4 Binary files /dev/null and b/images/docs/sm-d.jpg differ diff --git a/images/favicon.png b/images/favicon.png new file mode 100644 index 0000000..1d195d2 Binary files /dev/null and b/images/favicon.png differ diff --git a/images/favicon.svg b/images/favicon.svg new file mode 100644 index 0000000..9c0bf13 --- /dev/null +++ b/images/favicon.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/flag-br.jpg b/images/flag-br.jpg new file mode 100644 index 0000000..465bc22 Binary files /dev/null and b/images/flag-br.jpg differ diff --git a/images/flag-ch.jpg b/images/flag-ch.jpg new file mode 100644 index 0000000..7c504d1 Binary files /dev/null and b/images/flag-ch.jpg differ diff --git a/images/flag-en.jpg b/images/flag-en.jpg new file mode 100644 index 0000000..d2001a9 Binary files /dev/null and b/images/flag-en.jpg differ diff --git a/images/flag-fr.jpg b/images/flag-fr.jpg new file mode 100644 index 0000000..448fdbc Binary files /dev/null and b/images/flag-fr.jpg differ diff --git a/images/gfx/circle-a.png b/images/gfx/circle-a.png new file mode 100644 index 0000000..e3a92f4 Binary files /dev/null and b/images/gfx/circle-a.png differ diff --git a/images/gfx/gfx-a.png b/images/gfx/gfx-a.png new file mode 100644 index 0000000..753fe52 Binary files /dev/null and b/images/gfx/gfx-a.png differ diff --git a/images/gfx/gfx-b-small.png b/images/gfx/gfx-b-small.png new file mode 100644 index 0000000..5072c84 Binary files /dev/null and b/images/gfx/gfx-b-small.png differ diff --git a/images/gfx/gfx-b.png b/images/gfx/gfx-b.png new file mode 100644 index 0000000..2247687 Binary files /dev/null and b/images/gfx/gfx-b.png differ diff --git a/images/gfx/gfx-c.png b/images/gfx/gfx-c.png new file mode 100644 index 0000000..20a1190 Binary files /dev/null and b/images/gfx/gfx-c.png differ diff --git a/images/gfx/gfx-d.png b/images/gfx/gfx-d.png new file mode 100644 index 0000000..e492607 Binary files /dev/null and b/images/gfx/gfx-d.png differ diff --git a/images/gfx/gfx-e--.png b/images/gfx/gfx-e--.png new file mode 100644 index 0000000..542ebcd Binary files /dev/null and b/images/gfx/gfx-e--.png differ diff --git a/images/gfx/gfx-e.png b/images/gfx/gfx-e.png new file mode 100644 index 0000000..cdace87 Binary files /dev/null and b/images/gfx/gfx-e.png differ diff --git a/images/gfx/gfx-f-light.png b/images/gfx/gfx-f-light.png new file mode 100644 index 0000000..e315c5c Binary files /dev/null and b/images/gfx/gfx-f-light.png differ diff --git a/images/gfx/gfx-f.png b/images/gfx/gfx-f.png new file mode 100644 index 0000000..9dbe3e6 Binary files /dev/null and b/images/gfx/gfx-f.png differ diff --git a/images/gfx/gfx-h.png b/images/gfx/gfx-h.png new file mode 100644 index 0000000..9225dd6 Binary files /dev/null and b/images/gfx/gfx-h.png differ diff --git a/images/gfx/gfx-i.png b/images/gfx/gfx-i.png new file mode 100644 index 0000000..5422c38 Binary files /dev/null and b/images/gfx/gfx-i.png differ diff --git a/images/gfx/gfx-j-light.png b/images/gfx/gfx-j-light.png new file mode 100644 index 0000000..3727811 Binary files /dev/null and b/images/gfx/gfx-j-light.png differ diff --git a/images/gfx/gfx-j.png b/images/gfx/gfx-j.png new file mode 100644 index 0000000..b5c6516 Binary files /dev/null and b/images/gfx/gfx-j.png differ diff --git a/images/gfx/gfx-k.png b/images/gfx/gfx-k.png new file mode 100644 index 0000000..c6bbe26 Binary files /dev/null and b/images/gfx/gfx-k.png differ diff --git a/images/gfx/gfx-l.png b/images/gfx/gfx-l.png new file mode 100644 index 0000000..5508920 Binary files /dev/null and b/images/gfx/gfx-l.png differ diff --git a/images/gfx/gfx-m.png b/images/gfx/gfx-m.png new file mode 100644 index 0000000..0c8fc5a Binary files /dev/null and b/images/gfx/gfx-m.png differ diff --git a/images/gfx/gfx-n.png b/images/gfx/gfx-n.png new file mode 100644 index 0000000..e22a984 Binary files /dev/null and b/images/gfx/gfx-n.png differ diff --git a/images/gfx/gfx-p-light.png b/images/gfx/gfx-p-light.png new file mode 100644 index 0000000..0c47b0b Binary files /dev/null and b/images/gfx/gfx-p-light.png differ diff --git a/images/gfx/gfx-p.png b/images/gfx/gfx-p.png new file mode 100644 index 0000000..af07698 Binary files /dev/null and b/images/gfx/gfx-p.png differ diff --git a/images/gfx/gfx-q-light.png b/images/gfx/gfx-q-light.png new file mode 100644 index 0000000..c8fd583 Binary files /dev/null and b/images/gfx/gfx-q-light.png differ diff --git a/images/gfx/gfx-q.png b/images/gfx/gfx-q.png new file mode 100644 index 0000000..24a9cd2 Binary files /dev/null and b/images/gfx/gfx-q.png differ diff --git a/images/gfx/gfx-r.png b/images/gfx/gfx-r.png new file mode 100644 index 0000000..17fa058 Binary files /dev/null and b/images/gfx/gfx-r.png differ diff --git a/images/gfx/gfx-s-dark.png b/images/gfx/gfx-s-dark.png new file mode 100644 index 0000000..b66fd14 Binary files /dev/null and b/images/gfx/gfx-s-dark.png differ diff --git a/images/gfx/gfx-s-light.png b/images/gfx/gfx-s-light.png new file mode 100644 index 0000000..1578f18 Binary files /dev/null and b/images/gfx/gfx-s-light.png differ diff --git a/images/gfx/gfx-sm-a.png b/images/gfx/gfx-sm-a.png new file mode 100644 index 0000000..5828dcb Binary files /dev/null and b/images/gfx/gfx-sm-a.png differ diff --git a/images/gfx/gfx-sm-b.png b/images/gfx/gfx-sm-b.png new file mode 100644 index 0000000..064b1cc Binary files /dev/null and b/images/gfx/gfx-sm-b.png differ diff --git a/images/gfx/gfx-sm-c.png b/images/gfx/gfx-sm-c.png new file mode 100644 index 0000000..a5ea833 Binary files /dev/null and b/images/gfx/gfx-sm-c.png differ diff --git a/images/gfx/gfx-sm-d.png b/images/gfx/gfx-sm-d.png new file mode 100644 index 0000000..854806d Binary files /dev/null and b/images/gfx/gfx-sm-d.png differ diff --git a/images/gfx/gfx-sm-e-light.png b/images/gfx/gfx-sm-e-light.png new file mode 100644 index 0000000..5aa3ce5 Binary files /dev/null and b/images/gfx/gfx-sm-e-light.png differ diff --git a/images/gfx/gfx-sm-e.png b/images/gfx/gfx-sm-e.png new file mode 100644 index 0000000..1661989 Binary files /dev/null and b/images/gfx/gfx-sm-e.png differ diff --git a/images/gfx/gfx-sm-f-light.png b/images/gfx/gfx-sm-f-light.png new file mode 100644 index 0000000..9da5c75 Binary files /dev/null and b/images/gfx/gfx-sm-f-light.png differ diff --git a/images/gfx/gfx-sm-f.png b/images/gfx/gfx-sm-f.png new file mode 100644 index 0000000..9f14dff Binary files /dev/null and b/images/gfx/gfx-sm-f.png differ diff --git a/images/gfx/gfx-sm-g-light.png b/images/gfx/gfx-sm-g-light.png new file mode 100644 index 0000000..b413d9d Binary files /dev/null and b/images/gfx/gfx-sm-g-light.png differ diff --git a/images/gfx/gfx-sm-g.png b/images/gfx/gfx-sm-g.png new file mode 100644 index 0000000..b107aab Binary files /dev/null and b/images/gfx/gfx-sm-g.png differ diff --git a/images/gfx/gfx-t-dark.png b/images/gfx/gfx-t-dark.png new file mode 100644 index 0000000..6464bd7 Binary files /dev/null and b/images/gfx/gfx-t-dark.png differ diff --git a/images/gfx/gfx-t-light.png b/images/gfx/gfx-t-light.png new file mode 100644 index 0000000..0bfa5e3 Binary files /dev/null and b/images/gfx/gfx-t-light.png differ diff --git a/images/gfx/gfx-u-dark.png b/images/gfx/gfx-u-dark.png new file mode 100644 index 0000000..95c6164 Binary files /dev/null and b/images/gfx/gfx-u-dark.png differ diff --git a/images/gfx/gfx-u-light.png b/images/gfx/gfx-u-light.png new file mode 100644 index 0000000..6be4fe8 Binary files /dev/null and b/images/gfx/gfx-u-light.png differ diff --git a/images/gfx/gfx-v.png b/images/gfx/gfx-v.png new file mode 100644 index 0000000..9a01fc7 Binary files /dev/null and b/images/gfx/gfx-v.png differ diff --git a/images/gfx/gfx-w-dark.png b/images/gfx/gfx-w-dark.png new file mode 100644 index 0000000..82a8ee0 Binary files /dev/null and b/images/gfx/gfx-w-dark.png differ diff --git a/images/gfx/gfx-w-light.png b/images/gfx/gfx-w-light.png new file mode 100644 index 0000000..adeaef1 Binary files /dev/null and b/images/gfx/gfx-w-light.png differ diff --git a/images/gfx/gfx-x-dark.png b/images/gfx/gfx-x-dark.png new file mode 100644 index 0000000..f2c78ea Binary files /dev/null and b/images/gfx/gfx-x-dark.png differ diff --git a/images/gfx/gfx-x-light.png b/images/gfx/gfx-x-light.png new file mode 100644 index 0000000..090596b Binary files /dev/null and b/images/gfx/gfx-x-light.png differ diff --git a/images/gfx/gfx-y.png b/images/gfx/gfx-y.png new file mode 100644 index 0000000..55032bb Binary files /dev/null and b/images/gfx/gfx-y.png differ diff --git a/images/gfx/gfx-z-a-dark.png b/images/gfx/gfx-z-a-dark.png new file mode 100644 index 0000000..bab1398 Binary files /dev/null and b/images/gfx/gfx-z-a-dark.png differ diff --git a/images/gfx/gfx-z-a.png b/images/gfx/gfx-z-a.png new file mode 100644 index 0000000..8420e91 Binary files /dev/null and b/images/gfx/gfx-z-a.png differ diff --git a/images/gfx/gfx-z-b-dark.png b/images/gfx/gfx-z-b-dark.png new file mode 100644 index 0000000..eca19ab Binary files /dev/null and b/images/gfx/gfx-z-b-dark.png differ diff --git a/images/gfx/gfx-z-b.png b/images/gfx/gfx-z-b.png new file mode 100644 index 0000000..2d0cbe1 Binary files /dev/null and b/images/gfx/gfx-z-b.png differ diff --git a/images/gfx/gfx-z-c-dark.png b/images/gfx/gfx-z-c-dark.png new file mode 100644 index 0000000..38faf43 Binary files /dev/null and b/images/gfx/gfx-z-c-dark.png differ diff --git a/images/gfx/gfx-z-c.png b/images/gfx/gfx-z-c.png new file mode 100644 index 0000000..0b145be Binary files /dev/null and b/images/gfx/gfx-z-c.png differ diff --git a/images/gfx/gfx-z-d.png b/images/gfx/gfx-z-d.png new file mode 100644 index 0000000..2557880 Binary files /dev/null and b/images/gfx/gfx-z-d.png differ diff --git a/images/gfx/gfx-z-e.png b/images/gfx/gfx-z-e.png new file mode 100644 index 0000000..6745cce Binary files /dev/null and b/images/gfx/gfx-z-e.png differ diff --git a/images/gfx/gfx-z-f.png b/images/gfx/gfx-z-f.png new file mode 100644 index 0000000..26afdb9 Binary files /dev/null and b/images/gfx/gfx-z-f.png differ diff --git a/images/gfx/gfx-z-g.png b/images/gfx/gfx-z-g.png new file mode 100644 index 0000000..475efd1 Binary files /dev/null and b/images/gfx/gfx-z-g.png differ diff --git a/images/gfx/gfx-z-h.png b/images/gfx/gfx-z-h.png new file mode 100644 index 0000000..2f9b228 Binary files /dev/null and b/images/gfx/gfx-z-h.png differ diff --git a/images/gfx/gfx-z-i.png b/images/gfx/gfx-z-i.png new file mode 100644 index 0000000..ee3208a Binary files /dev/null and b/images/gfx/gfx-z-i.png differ diff --git a/images/gfx/gfx-z-j.png b/images/gfx/gfx-z-j.png new file mode 100644 index 0000000..71abc1f Binary files /dev/null and b/images/gfx/gfx-z-j.png differ diff --git a/images/gfx/gfx-z-k.png b/images/gfx/gfx-z-k.png new file mode 100644 index 0000000..43bfe2a Binary files /dev/null and b/images/gfx/gfx-z-k.png differ diff --git a/images/gfx/gfx-z-l.png b/images/gfx/gfx-z-l.png new file mode 100644 index 0000000..1786afc Binary files /dev/null and b/images/gfx/gfx-z-l.png differ diff --git a/images/gfx/gfx-z-m.png b/images/gfx/gfx-z-m.png new file mode 100644 index 0000000..6469978 Binary files /dev/null and b/images/gfx/gfx-z-m.png differ diff --git a/images/gfx/index.html b/images/gfx/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/gfx/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/gfx/polygon-a.png b/images/gfx/polygon-a.png new file mode 100644 index 0000000..26bd06d Binary files /dev/null and b/images/gfx/polygon-a.png differ diff --git a/images/gfx/triangle-a.png b/images/gfx/triangle-a.png new file mode 100644 index 0000000..e905651 Binary files /dev/null and b/images/gfx/triangle-a.png differ diff --git a/images/globe-particle.png b/images/globe-particle.png new file mode 100644 index 0000000..b0b2fc6 Binary files /dev/null and b/images/globe-particle.png differ diff --git a/images/google-play.png b/images/google-play.png new file mode 100644 index 0000000..37dcbb2 Binary files /dev/null and b/images/google-play.png differ diff --git a/images/header/gfx-a.png b/images/header/gfx-a.png new file mode 100644 index 0000000..14f4b51 Binary files /dev/null and b/images/header/gfx-a.png differ diff --git a/images/header/gfx-b.png b/images/header/gfx-b.png new file mode 100644 index 0000000..e7112b8 Binary files /dev/null and b/images/header/gfx-b.png differ diff --git a/images/header/gfx-c.png b/images/header/gfx-c.png new file mode 100644 index 0000000..0af4b47 Binary files /dev/null and b/images/header/gfx-c.png differ diff --git a/images/header/gfx-d-dark.png b/images/header/gfx-d-dark.png new file mode 100644 index 0000000..20bf519 Binary files /dev/null and b/images/header/gfx-d-dark.png differ diff --git a/images/header/gfx-d-light.png b/images/header/gfx-d-light.png new file mode 100644 index 0000000..f2d7979 Binary files /dev/null and b/images/header/gfx-d-light.png differ diff --git a/images/header/gfx-e.png b/images/header/gfx-e.png new file mode 100644 index 0000000..f06019b Binary files /dev/null and b/images/header/gfx-e.png differ diff --git a/images/header/gfx-f.png b/images/header/gfx-f.png new file mode 100644 index 0000000..cd1924e Binary files /dev/null and b/images/header/gfx-f.png differ diff --git a/images/header/gfx-g.png b/images/header/gfx-g.png new file mode 100644 index 0000000..a6e47fd Binary files /dev/null and b/images/header/gfx-g.png differ diff --git a/images/header/gfx-h.png b/images/header/gfx-h.png new file mode 100644 index 0000000..952e816 Binary files /dev/null and b/images/header/gfx-h.png differ diff --git a/images/header/gfx-i.png b/images/header/gfx-i.png new file mode 100644 index 0000000..6528677 Binary files /dev/null and b/images/header/gfx-i.png differ diff --git a/images/header/gfx-j.png b/images/header/gfx-j.png new file mode 100644 index 0000000..a00cfbe Binary files /dev/null and b/images/header/gfx-j.png differ diff --git a/images/header/index.html b/images/header/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/header/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/icon-wallet.png b/images/icon-wallet.png new file mode 100644 index 0000000..631fe7d Binary files /dev/null and b/images/icon-wallet.png differ diff --git a/images/icon.png b/images/icon.png new file mode 100644 index 0000000..8898c8d Binary files /dev/null and b/images/icon.png differ diff --git a/images/icons/icon-a-dark.png b/images/icons/icon-a-dark.png new file mode 100644 index 0000000..a41bb24 Binary files /dev/null and b/images/icons/icon-a-dark.png differ diff --git a/images/icons/icon-a-light.png b/images/icons/icon-a-light.png new file mode 100644 index 0000000..31adc05 Binary files /dev/null and b/images/icons/icon-a-light.png differ diff --git a/images/icons/icon-b-dark.png b/images/icons/icon-b-dark.png new file mode 100644 index 0000000..d053d62 Binary files /dev/null and b/images/icons/icon-b-dark.png differ diff --git a/images/icons/icon-b-light.png b/images/icons/icon-b-light.png new file mode 100644 index 0000000..34a314c Binary files /dev/null and b/images/icons/icon-b-light.png differ diff --git a/images/icons/icon-bg-a.png b/images/icons/icon-bg-a.png new file mode 100644 index 0000000..43aff4e Binary files /dev/null and b/images/icons/icon-bg-a.png differ diff --git a/images/icons/icon-bg-a2.png b/images/icons/icon-bg-a2.png new file mode 100644 index 0000000..ba6aa8a Binary files /dev/null and b/images/icons/icon-bg-a2.png differ diff --git a/images/icons/icon-bg-a3.png b/images/icons/icon-bg-a3.png new file mode 100644 index 0000000..7f68cc4 Binary files /dev/null and b/images/icons/icon-bg-a3.png differ diff --git a/images/icons/icon-bitcoin.png b/images/icons/icon-bitcoin.png new file mode 100644 index 0000000..40fa763 Binary files /dev/null and b/images/icons/icon-bitcoin.png differ diff --git a/images/icons/icon-c-dark.png b/images/icons/icon-c-dark.png new file mode 100644 index 0000000..e1d0498 Binary files /dev/null and b/images/icons/icon-c-dark.png differ diff --git a/images/icons/icon-c-light.png b/images/icons/icon-c-light.png new file mode 100644 index 0000000..c31e6c6 Binary files /dev/null and b/images/icons/icon-c-light.png differ diff --git a/images/icons/icon-custom.png b/images/icons/icon-custom.png new file mode 100644 index 0000000..7e26af8 Binary files /dev/null and b/images/icons/icon-custom.png differ diff --git a/images/icons/icon-d-dark.png b/images/icons/icon-d-dark.png new file mode 100644 index 0000000..6f1ce7b Binary files /dev/null and b/images/icons/icon-d-dark.png differ diff --git a/images/icons/icon-d-light.png b/images/icons/icon-d-light.png new file mode 100644 index 0000000..fdd796f Binary files /dev/null and b/images/icons/icon-d-light.png differ diff --git a/images/icons/icon-e-dark.png b/images/icons/icon-e-dark.png new file mode 100644 index 0000000..c4fe926 Binary files /dev/null and b/images/icons/icon-e-dark.png differ diff --git a/images/icons/icon-e-light.png b/images/icons/icon-e-light.png new file mode 100644 index 0000000..34e12bc Binary files /dev/null and b/images/icons/icon-e-light.png differ diff --git a/images/icons/icon-f-dark.png b/images/icons/icon-f-dark.png new file mode 100644 index 0000000..93175fe Binary files /dev/null and b/images/icons/icon-f-dark.png differ diff --git a/images/icons/icon-f-light.png b/images/icons/icon-f-light.png new file mode 100644 index 0000000..82f084a Binary files /dev/null and b/images/icons/icon-f-light.png differ diff --git a/images/icons/icon-g-dark.png b/images/icons/icon-g-dark.png new file mode 100644 index 0000000..c26c654 Binary files /dev/null and b/images/icons/icon-g-dark.png differ diff --git a/images/icons/icon-g-light.png b/images/icons/icon-g-light.png new file mode 100644 index 0000000..902031a Binary files /dev/null and b/images/icons/icon-g-light.png differ diff --git a/images/icons/icon-h-nobg.png b/images/icons/icon-h-nobg.png new file mode 100644 index 0000000..cc64ae7 Binary files /dev/null and b/images/icons/icon-h-nobg.png differ diff --git a/images/icons/icon-h.png b/images/icons/icon-h.png new file mode 100644 index 0000000..1875fb5 Binary files /dev/null and b/images/icons/icon-h.png differ diff --git a/images/icons/icon-i-nobg.png b/images/icons/icon-i-nobg.png new file mode 100644 index 0000000..173aa1d Binary files /dev/null and b/images/icons/icon-i-nobg.png differ diff --git a/images/icons/icon-i.png b/images/icons/icon-i.png new file mode 100644 index 0000000..c15ac56 Binary files /dev/null and b/images/icons/icon-i.png differ diff --git a/images/icons/icon-j-nobg.png b/images/icons/icon-j-nobg.png new file mode 100644 index 0000000..54c7dc3 Binary files /dev/null and b/images/icons/icon-j-nobg.png differ diff --git a/images/icons/icon-j.png b/images/icons/icon-j.png new file mode 100644 index 0000000..5e988b7 Binary files /dev/null and b/images/icons/icon-j.png differ diff --git a/images/icons/icon-k.png b/images/icons/icon-k.png new file mode 100644 index 0000000..43d720e Binary files /dev/null and b/images/icons/icon-k.png differ diff --git a/images/icons/icon-l.png b/images/icons/icon-l.png new file mode 100644 index 0000000..c775b1c Binary files /dev/null and b/images/icons/icon-l.png differ diff --git a/images/icons/icon-m.png b/images/icons/icon-m.png new file mode 100644 index 0000000..8b74fad Binary files /dev/null and b/images/icons/icon-m.png differ diff --git a/images/icons/icon-n.png b/images/icons/icon-n.png new file mode 100644 index 0000000..34b3899 Binary files /dev/null and b/images/icons/icon-n.png differ diff --git a/images/icons/icon-o.png b/images/icons/icon-o.png new file mode 100644 index 0000000..263537d Binary files /dev/null and b/images/icons/icon-o.png differ diff --git a/images/icons/icon-p.png b/images/icons/icon-p.png new file mode 100644 index 0000000..e3a08c8 Binary files /dev/null and b/images/icons/icon-p.png differ diff --git a/images/icons/icon-q.png b/images/icons/icon-q.png new file mode 100644 index 0000000..4c1e6f6 Binary files /dev/null and b/images/icons/icon-q.png differ diff --git a/images/icons/icon-r.png b/images/icons/icon-r.png new file mode 100644 index 0000000..305420f Binary files /dev/null and b/images/icons/icon-r.png differ diff --git a/images/icons/icon-s.png b/images/icons/icon-s.png new file mode 100644 index 0000000..f626bc8 Binary files /dev/null and b/images/icons/icon-s.png differ diff --git a/images/icons/icon-t-alt.png b/images/icons/icon-t-alt.png new file mode 100644 index 0000000..a85548f Binary files /dev/null and b/images/icons/icon-t-alt.png differ diff --git a/images/icons/icon-t.png b/images/icons/icon-t.png new file mode 100644 index 0000000..da1e384 Binary files /dev/null and b/images/icons/icon-t.png differ diff --git a/images/icons/icon-t10.png b/images/icons/icon-t10.png new file mode 100644 index 0000000..edd6d4a Binary files /dev/null and b/images/icons/icon-t10.png differ diff --git a/images/icons/icon-t11.png b/images/icons/icon-t11.png new file mode 100644 index 0000000..d853fb2 Binary files /dev/null and b/images/icons/icon-t11.png differ diff --git a/images/icons/icon-t12.png b/images/icons/icon-t12.png new file mode 100644 index 0000000..925f7a4 Binary files /dev/null and b/images/icons/icon-t12.png differ diff --git a/images/icons/icon-t13.png b/images/icons/icon-t13.png new file mode 100644 index 0000000..781584f Binary files /dev/null and b/images/icons/icon-t13.png differ diff --git a/images/icons/icon-t14.png b/images/icons/icon-t14.png new file mode 100644 index 0000000..ac36fef Binary files /dev/null and b/images/icons/icon-t14.png differ diff --git a/images/icons/icon-t15.png b/images/icons/icon-t15.png new file mode 100644 index 0000000..f8260be Binary files /dev/null and b/images/icons/icon-t15.png differ diff --git a/images/icons/icon-t2.png b/images/icons/icon-t2.png new file mode 100644 index 0000000..b4feef7 Binary files /dev/null and b/images/icons/icon-t2.png differ diff --git a/images/icons/icon-t3.png b/images/icons/icon-t3.png new file mode 100644 index 0000000..0c402fa Binary files /dev/null and b/images/icons/icon-t3.png differ diff --git a/images/icons/icon-t4.png b/images/icons/icon-t4.png new file mode 100644 index 0000000..9d1684d Binary files /dev/null and b/images/icons/icon-t4.png differ diff --git a/images/icons/icon-t5.png b/images/icons/icon-t5.png new file mode 100644 index 0000000..fd141e1 Binary files /dev/null and b/images/icons/icon-t5.png differ diff --git a/images/icons/icon-t6.png b/images/icons/icon-t6.png new file mode 100644 index 0000000..649e635 Binary files /dev/null and b/images/icons/icon-t6.png differ diff --git a/images/icons/icon-t7.png b/images/icons/icon-t7.png new file mode 100644 index 0000000..bf73330 Binary files /dev/null and b/images/icons/icon-t7.png differ diff --git a/images/icons/icon-t8.png b/images/icons/icon-t8.png new file mode 100644 index 0000000..a57db1e Binary files /dev/null and b/images/icons/icon-t8.png differ diff --git a/images/icons/icon-t9.png b/images/icons/icon-t9.png new file mode 100644 index 0000000..c2cde21 Binary files /dev/null and b/images/icons/icon-t9.png differ diff --git a/images/icons/icon-u.png b/images/icons/icon-u.png new file mode 100644 index 0000000..f57ef8b Binary files /dev/null and b/images/icons/icon-u.png differ diff --git a/images/icons/icon-v.png b/images/icons/icon-v.png new file mode 100644 index 0000000..f41dcd7 Binary files /dev/null and b/images/icons/icon-v.png differ diff --git a/images/icons/index.html b/images/icons/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/icons/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/img1.svg b/images/img1.svg new file mode 100644 index 0000000..af79fa1 --- /dev/null +++ b/images/img1.svg @@ -0,0 +1,340 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/index.html b/images/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/jasmine/index.html b/images/jasmine/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/jasmine/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/jasmine/laptop-mobile-a.png b/images/jasmine/laptop-mobile-a.png new file mode 100644 index 0000000..9b57029 Binary files /dev/null and b/images/jasmine/laptop-mobile-a.png differ diff --git a/images/lavender/gfx-x-light.png b/images/lavender/gfx-x-light.png new file mode 100644 index 0000000..27149d7 Binary files /dev/null and b/images/lavender/gfx-x-light.png differ diff --git a/images/lavender/i-light.png b/images/lavender/i-light.png new file mode 100644 index 0000000..5ce9a08 Binary files /dev/null and b/images/lavender/i-light.png differ diff --git a/images/lavender/index.html b/images/lavender/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/lavender/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/lavender/j-light.png b/images/lavender/j-light.png new file mode 100644 index 0000000..6a5a311 Binary files /dev/null and b/images/lavender/j-light.png differ diff --git a/images/light/e-light.png b/images/light/e-light.png new file mode 100644 index 0000000..f0deffd Binary files /dev/null and b/images/light/e-light.png differ diff --git a/images/light/f-light.png b/images/light/f-light.png new file mode 100644 index 0000000..c4a52b4 Binary files /dev/null and b/images/light/f-light.png differ diff --git a/images/light/gfx-z-a.png b/images/light/gfx-z-a.png new file mode 100644 index 0000000..883aeab Binary files /dev/null and b/images/light/gfx-z-a.png differ diff --git a/images/light/gfx-z-b.png b/images/light/gfx-z-b.png new file mode 100644 index 0000000..1b4866a Binary files /dev/null and b/images/light/gfx-z-b.png differ diff --git a/images/light/gfx-z-c.png b/images/light/gfx-z-c.png new file mode 100644 index 0000000..a1532eb Binary files /dev/null and b/images/light/gfx-z-c.png differ diff --git a/images/light/index.html b/images/light/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/light/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/logo-full-white.png b/images/logo-full-white.png new file mode 100644 index 0000000..84aae93 Binary files /dev/null and b/images/logo-full-white.png differ diff --git a/images/logo-full-white2x.png b/images/logo-full-white2x.png new file mode 100644 index 0000000..25504dc Binary files /dev/null and b/images/logo-full-white2x.png differ diff --git a/images/logo-s2-white.png b/images/logo-s2-white.png new file mode 100644 index 0000000..431a889 Binary files /dev/null and b/images/logo-s2-white.png differ diff --git a/images/logo-s2-white2x.png b/images/logo-s2-white2x.png new file mode 100644 index 0000000..278b1b5 Binary files /dev/null and b/images/logo-s2-white2x.png differ diff --git a/images/logo-white.png b/images/logo-white.png new file mode 100644 index 0000000..95d4332 Binary files /dev/null and b/images/logo-white.png differ diff --git a/images/logo-white2x.png b/images/logo-white2x.png new file mode 100644 index 0000000..2f00b08 Binary files /dev/null and b/images/logo-white2x.png differ diff --git a/images/logo-white2x.svg b/images/logo-white2x.svg new file mode 100644 index 0000000..2304992 --- /dev/null +++ b/images/logo-white2x.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000..a444e5f Binary files /dev/null and b/images/logo.png differ diff --git a/images/logo.svg b/images/logo.svg new file mode 100644 index 0000000..8789461 --- /dev/null +++ b/images/logo.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/images/logo/a.png b/images/logo/a.png new file mode 100644 index 0000000..2ee52a2 Binary files /dev/null and b/images/logo/a.png differ diff --git a/images/logo/b.png b/images/logo/b.png new file mode 100644 index 0000000..e6aff54 Binary files /dev/null and b/images/logo/b.png differ diff --git a/images/logo/c.png b/images/logo/c.png new file mode 100644 index 0000000..b78140e Binary files /dev/null and b/images/logo/c.png differ diff --git a/images/logo/d.png b/images/logo/d.png new file mode 100644 index 0000000..4be809a Binary files /dev/null and b/images/logo/d.png differ diff --git a/images/logo/e.png b/images/logo/e.png new file mode 100644 index 0000000..ed2755b Binary files /dev/null and b/images/logo/e.png differ diff --git a/images/logo/index.html b/images/logo/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/logo/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/logo2x.png b/images/logo2x.png new file mode 100644 index 0000000..c8ebc0e Binary files /dev/null and b/images/logo2x.png differ diff --git a/images/lungwort/chart-a-dark.png b/images/lungwort/chart-a-dark.png new file mode 100644 index 0000000..f84542f Binary files /dev/null and b/images/lungwort/chart-a-dark.png differ diff --git a/images/lungwort/chart-b-dark.png b/images/lungwort/chart-b-dark.png new file mode 100644 index 0000000..132e324 Binary files /dev/null and b/images/lungwort/chart-b-dark.png differ diff --git a/images/lungwort/gfx-b.png b/images/lungwort/gfx-b.png new file mode 100644 index 0000000..1635d85 Binary files /dev/null and b/images/lungwort/gfx-b.png differ diff --git a/images/lungwort/gfx-k.png b/images/lungwort/gfx-k.png new file mode 100644 index 0000000..092fd3c Binary files /dev/null and b/images/lungwort/gfx-k.png differ diff --git a/images/lungwort/gfx-l.png b/images/lungwort/gfx-l.png new file mode 100644 index 0000000..af482e0 Binary files /dev/null and b/images/lungwort/gfx-l.png differ diff --git a/images/lungwort/gfx-m.png b/images/lungwort/gfx-m.png new file mode 100644 index 0000000..6603f39 Binary files /dev/null and b/images/lungwort/gfx-m.png differ diff --git a/images/lungwort/gfx-n.png b/images/lungwort/gfx-n.png new file mode 100644 index 0000000..515701f Binary files /dev/null and b/images/lungwort/gfx-n.png differ diff --git a/images/lungwort/gfx-sm-a.png b/images/lungwort/gfx-sm-a.png new file mode 100644 index 0000000..718ef11 Binary files /dev/null and b/images/lungwort/gfx-sm-a.png differ diff --git a/images/lungwort/gfx-sm-b.png b/images/lungwort/gfx-sm-b.png new file mode 100644 index 0000000..4cb0c01 Binary files /dev/null and b/images/lungwort/gfx-sm-b.png differ diff --git a/images/lungwort/gfx-sm-c.png b/images/lungwort/gfx-sm-c.png new file mode 100644 index 0000000..0eeb484 Binary files /dev/null and b/images/lungwort/gfx-sm-c.png differ diff --git a/images/lungwort/gfx-sm-d.png b/images/lungwort/gfx-sm-d.png new file mode 100644 index 0000000..a7fcd75 Binary files /dev/null and b/images/lungwort/gfx-sm-d.png differ diff --git a/images/lungwort/index.html b/images/lungwort/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/lungwort/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/lungwort/laptop-mobile-a.png b/images/lungwort/laptop-mobile-a.png new file mode 100644 index 0000000..9b57029 Binary files /dev/null and b/images/lungwort/laptop-mobile-a.png differ diff --git a/images/map-bg.png b/images/map-bg.png new file mode 100644 index 0000000..2fb2e75 Binary files /dev/null and b/images/map-bg.png differ diff --git a/images/map/map2.png b/images/map/map2.png new file mode 100644 index 0000000..9c833ca Binary files /dev/null and b/images/map/map2.png differ diff --git a/images/misc/index.html b/images/misc/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/misc/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/muscari/chart-g-light.png b/images/muscari/chart-g-light.png new file mode 100644 index 0000000..a0f2c51 Binary files /dev/null and b/images/muscari/chart-g-light.png differ diff --git a/images/muscari/chart-h-light.png b/images/muscari/chart-h-light.png new file mode 100644 index 0000000..1f3bbf8 Binary files /dev/null and b/images/muscari/chart-h-light.png differ diff --git a/images/muscari/gfx-x-light.png b/images/muscari/gfx-x-light.png new file mode 100644 index 0000000..18d0e84 Binary files /dev/null and b/images/muscari/gfx-x-light.png differ diff --git a/images/muscari/index.html b/images/muscari/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/muscari/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/partners/a-light.png b/images/partners/a-light.png new file mode 100644 index 0000000..f6809a8 Binary files /dev/null and b/images/partners/a-light.png differ diff --git a/images/partners/a-md.png b/images/partners/a-md.png new file mode 100644 index 0000000..46a7e13 Binary files /dev/null and b/images/partners/a-md.png differ diff --git a/images/partners/a-sm-alt.png b/images/partners/a-sm-alt.png new file mode 100644 index 0000000..1e0c568 Binary files /dev/null and b/images/partners/a-sm-alt.png differ diff --git a/images/partners/a-sm-light-alt.png b/images/partners/a-sm-light-alt.png new file mode 100644 index 0000000..e46a143 Binary files /dev/null and b/images/partners/a-sm-light-alt.png differ diff --git a/images/partners/a-sm-light.png b/images/partners/a-sm-light.png new file mode 100644 index 0000000..9639b69 Binary files /dev/null and b/images/partners/a-sm-light.png differ diff --git a/images/partners/a-sm.png b/images/partners/a-sm.png new file mode 100644 index 0000000..6afe238 Binary files /dev/null and b/images/partners/a-sm.png differ diff --git a/images/partners/a-xs-alt.png b/images/partners/a-xs-alt.png new file mode 100644 index 0000000..1e4759e Binary files /dev/null and b/images/partners/a-xs-alt.png differ diff --git a/images/partners/a-xs-light-alt.png b/images/partners/a-xs-light-alt.png new file mode 100644 index 0000000..768d758 Binary files /dev/null and b/images/partners/a-xs-light-alt.png differ diff --git a/images/partners/a-xs-light.png b/images/partners/a-xs-light.png new file mode 100644 index 0000000..d319b0f Binary files /dev/null and b/images/partners/a-xs-light.png differ diff --git a/images/partners/a-xs.png b/images/partners/a-xs.png new file mode 100644 index 0000000..9eedd95 Binary files /dev/null and b/images/partners/a-xs.png differ diff --git a/images/partners/a.png b/images/partners/a.png new file mode 100644 index 0000000..8667cc3 Binary files /dev/null and b/images/partners/a.png differ diff --git a/images/partners/b-light.png b/images/partners/b-light.png new file mode 100644 index 0000000..d69d7f9 Binary files /dev/null and b/images/partners/b-light.png differ diff --git a/images/partners/b-md.png b/images/partners/b-md.png new file mode 100644 index 0000000..67ed6c4 Binary files /dev/null and b/images/partners/b-md.png differ diff --git a/images/partners/b-sm-alt.png b/images/partners/b-sm-alt.png new file mode 100644 index 0000000..e9f2509 Binary files /dev/null and b/images/partners/b-sm-alt.png differ diff --git a/images/partners/b-sm-light-alt.png b/images/partners/b-sm-light-alt.png new file mode 100644 index 0000000..f113b38 Binary files /dev/null and b/images/partners/b-sm-light-alt.png differ diff --git a/images/partners/b-sm-light.png b/images/partners/b-sm-light.png new file mode 100644 index 0000000..6bd4db0 Binary files /dev/null and b/images/partners/b-sm-light.png differ diff --git a/images/partners/b-sm.png b/images/partners/b-sm.png new file mode 100644 index 0000000..de2e93c Binary files /dev/null and b/images/partners/b-sm.png differ diff --git a/images/partners/b-xs-alt.png b/images/partners/b-xs-alt.png new file mode 100644 index 0000000..b51fb7e Binary files /dev/null and b/images/partners/b-xs-alt.png differ diff --git a/images/partners/b-xs-light-alt.png b/images/partners/b-xs-light-alt.png new file mode 100644 index 0000000..faccaff Binary files /dev/null and b/images/partners/b-xs-light-alt.png differ diff --git a/images/partners/b-xs-light.png b/images/partners/b-xs-light.png new file mode 100644 index 0000000..965d05e Binary files /dev/null and b/images/partners/b-xs-light.png differ diff --git a/images/partners/b-xs.png b/images/partners/b-xs.png new file mode 100644 index 0000000..395427d Binary files /dev/null and b/images/partners/b-xs.png differ diff --git a/images/partners/b.png b/images/partners/b.png new file mode 100644 index 0000000..156ead3 Binary files /dev/null and b/images/partners/b.png differ diff --git a/images/partners/c-light.png b/images/partners/c-light.png new file mode 100644 index 0000000..e6ab538 Binary files /dev/null and b/images/partners/c-light.png differ diff --git a/images/partners/c-md.png b/images/partners/c-md.png new file mode 100644 index 0000000..116548b Binary files /dev/null and b/images/partners/c-md.png differ diff --git a/images/partners/c-sm-alt.png b/images/partners/c-sm-alt.png new file mode 100644 index 0000000..e9cb3ba Binary files /dev/null and b/images/partners/c-sm-alt.png differ diff --git a/images/partners/c-sm-light-alt.png b/images/partners/c-sm-light-alt.png new file mode 100644 index 0000000..0199886 Binary files /dev/null and b/images/partners/c-sm-light-alt.png differ diff --git a/images/partners/c-sm-light.png b/images/partners/c-sm-light.png new file mode 100644 index 0000000..ca1f243 Binary files /dev/null and b/images/partners/c-sm-light.png differ diff --git a/images/partners/c-sm.png b/images/partners/c-sm.png new file mode 100644 index 0000000..c696eca Binary files /dev/null and b/images/partners/c-sm.png differ diff --git a/images/partners/c-xs-alt.png b/images/partners/c-xs-alt.png new file mode 100644 index 0000000..dc15b7d Binary files /dev/null and b/images/partners/c-xs-alt.png differ diff --git a/images/partners/c-xs-light-alt.png b/images/partners/c-xs-light-alt.png new file mode 100644 index 0000000..6ef88ce Binary files /dev/null and b/images/partners/c-xs-light-alt.png differ diff --git a/images/partners/c-xs-light.png b/images/partners/c-xs-light.png new file mode 100644 index 0000000..7f34dc7 Binary files /dev/null and b/images/partners/c-xs-light.png differ diff --git a/images/partners/c-xs.png b/images/partners/c-xs.png new file mode 100644 index 0000000..95868ac Binary files /dev/null and b/images/partners/c-xs.png differ diff --git a/images/partners/c.png b/images/partners/c.png new file mode 100644 index 0000000..9832d20 Binary files /dev/null and b/images/partners/c.png differ diff --git a/images/partners/d-light.png b/images/partners/d-light.png new file mode 100644 index 0000000..ecf4447 Binary files /dev/null and b/images/partners/d-light.png differ diff --git a/images/partners/d-md.png b/images/partners/d-md.png new file mode 100644 index 0000000..9b07667 Binary files /dev/null and b/images/partners/d-md.png differ diff --git a/images/partners/d-sm-alt.png b/images/partners/d-sm-alt.png new file mode 100644 index 0000000..8adf279 Binary files /dev/null and b/images/partners/d-sm-alt.png differ diff --git a/images/partners/d-sm-light-alt.png b/images/partners/d-sm-light-alt.png new file mode 100644 index 0000000..493ad8a Binary files /dev/null and b/images/partners/d-sm-light-alt.png differ diff --git a/images/partners/d-sm-light.png b/images/partners/d-sm-light.png new file mode 100644 index 0000000..a184324 Binary files /dev/null and b/images/partners/d-sm-light.png differ diff --git a/images/partners/d-sm.png b/images/partners/d-sm.png new file mode 100644 index 0000000..426b672 Binary files /dev/null and b/images/partners/d-sm.png differ diff --git a/images/partners/d-xs-alt.png b/images/partners/d-xs-alt.png new file mode 100644 index 0000000..a85eb11 Binary files /dev/null and b/images/partners/d-xs-alt.png differ diff --git a/images/partners/d-xs-light-alt.png b/images/partners/d-xs-light-alt.png new file mode 100644 index 0000000..4d364e0 Binary files /dev/null and b/images/partners/d-xs-light-alt.png differ diff --git a/images/partners/d-xs-light.png b/images/partners/d-xs-light.png new file mode 100644 index 0000000..1914cbc Binary files /dev/null and b/images/partners/d-xs-light.png differ diff --git a/images/partners/d-xs.png b/images/partners/d-xs.png new file mode 100644 index 0000000..be6c5de Binary files /dev/null and b/images/partners/d-xs.png differ diff --git a/images/partners/d.png b/images/partners/d.png new file mode 100644 index 0000000..f71c156 Binary files /dev/null and b/images/partners/d.png differ diff --git a/images/partners/e-light.png b/images/partners/e-light.png new file mode 100644 index 0000000..f6809a8 Binary files /dev/null and b/images/partners/e-light.png differ diff --git a/images/partners/e-md.png b/images/partners/e-md.png new file mode 100644 index 0000000..3cebd53 Binary files /dev/null and b/images/partners/e-md.png differ diff --git a/images/partners/e-xs-alt.png b/images/partners/e-xs-alt.png new file mode 100644 index 0000000..3bb1b40 Binary files /dev/null and b/images/partners/e-xs-alt.png differ diff --git a/images/partners/e-xs-light-alt.png b/images/partners/e-xs-light-alt.png new file mode 100644 index 0000000..055d5ba Binary files /dev/null and b/images/partners/e-xs-light-alt.png differ diff --git a/images/partners/e-xs-light.png b/images/partners/e-xs-light.png new file mode 100644 index 0000000..6859487 Binary files /dev/null and b/images/partners/e-xs-light.png differ diff --git a/images/partners/e-xs.png b/images/partners/e-xs.png new file mode 100644 index 0000000..c53faa0 Binary files /dev/null and b/images/partners/e-xs.png differ diff --git a/images/partners/e.png b/images/partners/e.png new file mode 100644 index 0000000..8667cc3 Binary files /dev/null and b/images/partners/e.png differ diff --git a/images/partners/f-light.png b/images/partners/f-light.png new file mode 100644 index 0000000..7264e26 Binary files /dev/null and b/images/partners/f-light.png differ diff --git a/images/partners/f-xs-alt.png b/images/partners/f-xs-alt.png new file mode 100644 index 0000000..4561b99 Binary files /dev/null and b/images/partners/f-xs-alt.png differ diff --git a/images/partners/f-xs-light.png b/images/partners/f-xs-light.png new file mode 100644 index 0000000..5bf687e Binary files /dev/null and b/images/partners/f-xs-light.png differ diff --git a/images/partners/f-xs.png b/images/partners/f-xs.png new file mode 100644 index 0000000..9456502 Binary files /dev/null and b/images/partners/f-xs.png differ diff --git a/images/partners/f.png b/images/partners/f.png new file mode 100644 index 0000000..706a817 Binary files /dev/null and b/images/partners/f.png differ diff --git a/images/partners/g-light.png b/images/partners/g-light.png new file mode 100644 index 0000000..e6ab538 Binary files /dev/null and b/images/partners/g-light.png differ diff --git a/images/partners/g.png b/images/partners/g.png new file mode 100644 index 0000000..9832d20 Binary files /dev/null and b/images/partners/g.png differ diff --git a/images/partners/index.html b/images/partners/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/partners/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/payment/p-holder-four.png b/images/payment/p-holder-four.png new file mode 100644 index 0000000..2416b7f Binary files /dev/null and b/images/payment/p-holder-four.png differ diff --git a/images/payment/p-holder-one.png b/images/payment/p-holder-one.png new file mode 100644 index 0000000..7c26b70 Binary files /dev/null and b/images/payment/p-holder-one.png differ diff --git a/images/payment/p-holder-three.png b/images/payment/p-holder-three.png new file mode 100644 index 0000000..493089b Binary files /dev/null and b/images/payment/p-holder-three.png differ diff --git a/images/payment/p-holder-two.png b/images/payment/p-holder-two.png new file mode 100644 index 0000000..774543c Binary files /dev/null and b/images/payment/p-holder-two.png differ diff --git a/images/piler-a.png b/images/piler-a.png new file mode 100644 index 0000000..320cb98 Binary files /dev/null and b/images/piler-a.png differ diff --git a/images/piler-b.png b/images/piler-b.png new file mode 100644 index 0000000..49b4e4c Binary files /dev/null and b/images/piler-b.png differ diff --git a/images/products/a.jpg b/images/products/a.jpg new file mode 100644 index 0000000..1fb8d86 Binary files /dev/null and b/images/products/a.jpg differ diff --git a/images/products/b.jpg b/images/products/b.jpg new file mode 100644 index 0000000..e7ecea2 Binary files /dev/null and b/images/products/b.jpg differ diff --git a/images/products/c.jpg b/images/products/c.jpg new file mode 100644 index 0000000..0e6d063 Binary files /dev/null and b/images/products/c.jpg differ diff --git a/images/products/d.jpg b/images/products/d.jpg new file mode 100644 index 0000000..c1ddff7 Binary files /dev/null and b/images/products/d.jpg differ diff --git a/images/products/index.html b/images/products/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/products/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/qr-android.png b/images/qr-android.png new file mode 100644 index 0000000..d5fcc45 Binary files /dev/null and b/images/qr-android.png differ diff --git a/images/qr-apple.png b/images/qr-apple.png new file mode 100644 index 0000000..a96382a Binary files /dev/null and b/images/qr-apple.png differ diff --git a/images/salvia/docs-sm-a.jpg b/images/salvia/docs-sm-a.jpg new file mode 100644 index 0000000..1f1d691 Binary files /dev/null and b/images/salvia/docs-sm-a.jpg differ diff --git a/images/salvia/docs-sm-b.jpg b/images/salvia/docs-sm-b.jpg new file mode 100644 index 0000000..0d5352a Binary files /dev/null and b/images/salvia/docs-sm-b.jpg differ diff --git a/images/salvia/docs-sm-c.jpg b/images/salvia/docs-sm-c.jpg new file mode 100644 index 0000000..d782f3c Binary files /dev/null and b/images/salvia/docs-sm-c.jpg differ diff --git a/images/salvia/docs-sm-d.jpg b/images/salvia/docs-sm-d.jpg new file mode 100644 index 0000000..58a742c Binary files /dev/null and b/images/salvia/docs-sm-d.jpg differ diff --git a/images/salvia/gfx-i.png b/images/salvia/gfx-i.png new file mode 100644 index 0000000..ff62223 Binary files /dev/null and b/images/salvia/gfx-i.png differ diff --git a/images/salvia/gfx-j.png b/images/salvia/gfx-j.png new file mode 100644 index 0000000..1de7c84 Binary files /dev/null and b/images/salvia/gfx-j.png differ diff --git a/images/salvia/index.html b/images/salvia/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/salvia/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/shape-z5.png b/images/shape-z5.png new file mode 100644 index 0000000..7666567 Binary files /dev/null and b/images/shape-z5.png differ diff --git a/images/team/a-color.jpg b/images/team/a-color.jpg new file mode 100644 index 0000000..fc840dc Binary files /dev/null and b/images/team/a-color.jpg differ diff --git a/images/team/a.jpg b/images/team/a.jpg new file mode 100644 index 0000000..5c87428 Binary files /dev/null and b/images/team/a.jpg differ diff --git a/images/team/b-color.jpg b/images/team/b-color.jpg new file mode 100644 index 0000000..7178d6b Binary files /dev/null and b/images/team/b-color.jpg differ diff --git a/images/team/b.jpg b/images/team/b.jpg new file mode 100644 index 0000000..d55b5c5 Binary files /dev/null and b/images/team/b.jpg differ diff --git a/images/team/c-color.jpg b/images/team/c-color.jpg new file mode 100644 index 0000000..7415cc8 Binary files /dev/null and b/images/team/c-color.jpg differ diff --git a/images/team/c.jpg b/images/team/c.jpg new file mode 100644 index 0000000..c4733b5 Binary files /dev/null and b/images/team/c.jpg differ diff --git a/images/team/d-color.jpg b/images/team/d-color.jpg new file mode 100644 index 0000000..dbee150 Binary files /dev/null and b/images/team/d-color.jpg differ diff --git a/images/team/d.jpg b/images/team/d.jpg new file mode 100644 index 0000000..94cd49a Binary files /dev/null and b/images/team/d.jpg differ diff --git a/images/team/e-color.jpg b/images/team/e-color.jpg new file mode 100644 index 0000000..0162904 Binary files /dev/null and b/images/team/e-color.jpg differ diff --git a/images/team/e.jpg b/images/team/e.jpg new file mode 100644 index 0000000..887ae8f Binary files /dev/null and b/images/team/e.jpg differ diff --git a/images/team/f-color.jpg b/images/team/f-color.jpg new file mode 100644 index 0000000..4d3ca2b Binary files /dev/null and b/images/team/f-color.jpg differ diff --git a/images/team/g-color.jpg b/images/team/g-color.jpg new file mode 100644 index 0000000..5b84a3a Binary files /dev/null and b/images/team/g-color.jpg differ diff --git a/images/team/gfx-e.png b/images/team/gfx-e.png new file mode 100644 index 0000000..18d488a Binary files /dev/null and b/images/team/gfx-e.png differ diff --git a/images/team/index.html b/images/team/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/team/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/team/large-a.jpg b/images/team/large-a.jpg new file mode 100644 index 0000000..c9eeef9 Binary files /dev/null and b/images/team/large-a.jpg differ diff --git a/images/team/md-a-color.jpg b/images/team/md-a-color.jpg new file mode 100644 index 0000000..a415474 Binary files /dev/null and b/images/team/md-a-color.jpg differ diff --git a/images/team/md-a.jpg b/images/team/md-a.jpg new file mode 100644 index 0000000..fcd5986 Binary files /dev/null and b/images/team/md-a.jpg differ diff --git a/images/team/md-b-color.jpg b/images/team/md-b-color.jpg new file mode 100644 index 0000000..2e960f7 Binary files /dev/null and b/images/team/md-b-color.jpg differ diff --git a/images/team/md-b.jpg b/images/team/md-b.jpg new file mode 100644 index 0000000..526de3c Binary files /dev/null and b/images/team/md-b.jpg differ diff --git a/images/team/md-c-color.jpg b/images/team/md-c-color.jpg new file mode 100644 index 0000000..ed6d112 Binary files /dev/null and b/images/team/md-c-color.jpg differ diff --git a/images/team/md-c.jpg b/images/team/md-c.jpg new file mode 100644 index 0000000..1491bc8 Binary files /dev/null and b/images/team/md-c.jpg differ diff --git a/images/team/md-d-color.jpg b/images/team/md-d-color.jpg new file mode 100644 index 0000000..e122462 Binary files /dev/null and b/images/team/md-d-color.jpg differ diff --git a/images/team/md-d.jpg b/images/team/md-d.jpg new file mode 100644 index 0000000..0b33cc5 Binary files /dev/null and b/images/team/md-d.jpg differ diff --git a/images/team/md-e-color.jpg b/images/team/md-e-color.jpg new file mode 100644 index 0000000..badbcd3 Binary files /dev/null and b/images/team/md-e-color.jpg differ diff --git a/images/team/md-e.jpg b/images/team/md-e.jpg new file mode 100644 index 0000000..1491bc8 Binary files /dev/null and b/images/team/md-e.jpg differ diff --git a/images/team/md-f-color.jpg b/images/team/md-f-color.jpg new file mode 100644 index 0000000..590bc4a Binary files /dev/null and b/images/team/md-f-color.jpg differ diff --git a/images/team/md-g-color.jpg b/images/team/md-g-color.jpg new file mode 100644 index 0000000..c363626 Binary files /dev/null and b/images/team/md-g-color.jpg differ diff --git a/images/team/sm-a.jpg b/images/team/sm-a.jpg new file mode 100644 index 0000000..eb6baa5 Binary files /dev/null and b/images/team/sm-a.jpg differ diff --git a/images/team/sm-b.jpg b/images/team/sm-b.jpg new file mode 100644 index 0000000..6047de7 Binary files /dev/null and b/images/team/sm-b.jpg differ diff --git a/images/team/sm-c.jpg b/images/team/sm-c.jpg new file mode 100644 index 0000000..94eeb4c Binary files /dev/null and b/images/team/sm-c.jpg differ diff --git a/images/team/sm-d.jpg b/images/team/sm-d.jpg new file mode 100644 index 0000000..4629b46 Binary files /dev/null and b/images/team/sm-d.jpg differ diff --git a/images/team/sm-e.jpg b/images/team/sm-e.jpg new file mode 100644 index 0000000..94eeb4c Binary files /dev/null and b/images/team/sm-e.jpg differ diff --git a/images/team/sq-a.jpg b/images/team/sq-a.jpg new file mode 100644 index 0000000..66a6ebf Binary files /dev/null and b/images/team/sq-a.jpg differ diff --git a/images/team/sq-b.jpg b/images/team/sq-b.jpg new file mode 100644 index 0000000..a2e2aae Binary files /dev/null and b/images/team/sq-b.jpg differ diff --git a/images/team/sq-c.jpg b/images/team/sq-c.jpg new file mode 100644 index 0000000..9a5489b Binary files /dev/null and b/images/team/sq-c.jpg differ diff --git a/images/team/sq-d.jpg b/images/team/sq-d.jpg new file mode 100644 index 0000000..616eebb Binary files /dev/null and b/images/team/sq-d.jpg differ diff --git a/images/team/sq-e.jpg b/images/team/sq-e.jpg new file mode 100644 index 0000000..9a5489b Binary files /dev/null and b/images/team/sq-e.jpg differ diff --git a/images/team/sq-f.jpg b/images/team/sq-f.jpg new file mode 100644 index 0000000..13ff337 Binary files /dev/null and b/images/team/sq-f.jpg differ diff --git a/images/team/sq-g.jpg b/images/team/sq-g.jpg new file mode 100644 index 0000000..f725b3f Binary files /dev/null and b/images/team/sq-g.jpg differ diff --git a/images/tesm/tesm-one.jpg b/images/tesm/tesm-one.jpg new file mode 100644 index 0000000..f5f9995 Binary files /dev/null and b/images/tesm/tesm-one.jpg differ diff --git a/images/tesm/tesm-two.jpg b/images/tesm/tesm-two.jpg new file mode 100644 index 0000000..c2d36a3 Binary files /dev/null and b/images/tesm/tesm-two.jpg differ diff --git a/images/video/a.png b/images/video/a.png new file mode 100644 index 0000000..0d8453f Binary files /dev/null and b/images/video/a.png differ diff --git a/images/video/b.jpg b/images/video/b.jpg new file mode 100644 index 0000000..c3fd9ec Binary files /dev/null and b/images/video/b.jpg differ diff --git a/images/video/c.png b/images/video/c.png new file mode 100644 index 0000000..798137f Binary files /dev/null and b/images/video/c.png differ diff --git a/images/video/index.html b/images/video/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/video/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/wave.png b/images/wave.png new file mode 100644 index 0000000..32211be Binary files /dev/null and b/images/wave.png differ diff --git a/images/zinnia/cover-a-white.png b/images/zinnia/cover-a-white.png new file mode 100644 index 0000000..2d36791 Binary files /dev/null and b/images/zinnia/cover-a-white.png differ diff --git a/images/zinnia/gfx-f.png b/images/zinnia/gfx-f.png new file mode 100644 index 0000000..e050595 Binary files /dev/null and b/images/zinnia/gfx-f.png differ diff --git a/images/zinnia/index.html b/images/zinnia/index.html new file mode 100644 index 0000000..bad3b27 --- /dev/null +++ b/images/zinnia/index.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/zinnia/sc-large-j.png b/images/zinnia/sc-large-j.png new file mode 100644 index 0000000..59f909b Binary files /dev/null and b/images/zinnia/sc-large-j.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..8254741 --- /dev/null +++ b/index.html @@ -0,0 +1,233 @@ + + + + + + + + + + + ROSSI SOLANA VALIDATOR + + + + + + + + + + + + +
      + + +
      + +
      +
      + +
      +
      +
      +
      + img +
      +
      +
      +
      +

      ABOUT ROSSI VALIDATOR

      +

      + 20+ years in IT operations, security, automation and administration of complex IT systems at big companies. I'm also a co-author of SV manager, an automation, + monitoring and alerting solution for Solana Validator. +

      +
      + +
      + +
      + +
      +
      +
      +
      + +
      + + + +
      +
      + + +
      +
      + +
      +
      +
      + + + +
      +
      + +
      +
      +
      +
      +

      How does Solana staking work?

      +
      +
      +
      +
      +

      For the Solana network to be fast, efficient, and censorship-resistant, it requires a number of independent validator nodes (or simply validators). The + validators participate in adding new blocks to the blockchain, which happens every 400 milliseconds. +

      +

      + The Solana network is using the Proof-of-Stake model. This means that each Validator, in order to perform its crucial functions, needs to hold a so-called stake – a + bunch of SOL delegated by other people. The stake is used to vote on each new block. +

      +

      + Delegating your SOL to a validator is called staking. Solana blockchain rewards delegators by giving out approximately 7% p.a. for their staked funds; your + validator receives these rewards for you and adds them to your staked SOL after deducting a small fee. +

      +
      +
      +
      +
      + +
      +
      + + +
      +
      + +
      +

      + I am always open and I welcome your questions you have. If you wish to get in touch, please contact me on discord (Rossignolskier#2733) or telegram. +

      +
      +
        +
      • + +
        + Join us on Telegram +
        +
      • +
      • + +
        + Join us on Discord +
        +
      • +
      +
      + +
      +
      +
      + +
      + +
      + +
      +
      +
      + +
      + + + + + + + +