diff --git a/build/webpack.dev.conf.js b/build/webpack.dev.conf.js index 25ecf93..8f52341 100644 --- a/build/webpack.dev.conf.js +++ b/build/webpack.dev.conf.js @@ -130,11 +130,11 @@ const devWebpackConfig = merge(baseWebpackConfig, { ignore: ['.*'] }]), - new CopyWebpackPlugin([{ - from: path.resolve(__dirname, '../static/newProduct'), - to: config.dev.newProductRoot, - ignore: ['.*'] - }]), + // new CopyWebpackPlugin([{ + // from: path.resolve(__dirname, '../static/newProduct'), + // to: config.dev.newProductRoot, + // ignore: ['.*'] + // }]), ], }) diff --git a/build/webpack.prod.conf.js b/build/webpack.prod.conf.js index ad8750c..72b50fb 100644 --- a/build/webpack.prod.conf.js +++ b/build/webpack.prod.conf.js @@ -143,11 +143,11 @@ const webpackConfig = merge(baseWebpackConfig, { }]), - new CopyWebpackPlugin([{ - from: path.resolve(__dirname, '../static/newProduct'), - to: config.build.newProductRoot, - ignore: ['.*'] - }]), + // new CopyWebpackPlugin([{ + // from: path.resolve(__dirname, '../static/newProduct'), + // to: config.build.newProductRoot, + // ignore: ['.*'] + // }]), ], }) diff --git a/config/index.js b/config/index.js index 00aa0ca..8c27978 100644 --- a/config/index.js +++ b/config/index.js @@ -17,7 +17,7 @@ module.exports = { // 静态资源目录 assetsSubDirectory: 'static', - newProductRoot: path.resolve(__dirname, '../dist/newProduct'), + // newProductRoot: path.resolve(__dirname, '../dist/newProduct'), // 代理服务器基础配置 可在 process.env 中修改 proxyTable: { @@ -72,7 +72,7 @@ module.exports = { // bundle的生成地址 assetsRoot: path.resolve(__dirname, '../dist'), - newProductRoot: path.resolve(__dirname, '../dist/newProduct'), + // newProductRoot: path.resolve(__dirname, '../dist/newProduct'), // bundle生成的文件 index: path.resolve(__dirname, '../dist/index.html'), diff --git a/static/newProduct/assets/css/rtl.css b/static/newProduct/assets/css/rtl.css deleted file mode 100644 index 589d2a7..0000000 --- a/static/newProduct/assets/css/rtl.css +++ /dev/null @@ -1,592 +0,0 @@ -/*! Theme Name: ICOCrypto - * Author: Softnio - * Author URI: http://themeforest.net/user/softnio - * Version : 1.9.2 - * Updated : 01.15.2020 - * 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/static/newProduct/assets/css/style-azalea.css b/static/newProduct/assets/css/style-azalea.css deleted file mode 100644 index 7a2c5d0..0000000 --- a/static/newProduct/assets/css/style-azalea.css +++ /dev/null @@ -1,6922 +0,0 @@ -/*! Theme Name: ICOCrypto - * Author: Softnio - * Author URI: http://themeforest.net/user/softnio - * Version : 1.9.2 - * Updated : 01.15.2020 -*/ -/** ----------------------- -## 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/static/newProduct/assets/css/style-azure.css b/static/newProduct/assets/css/style-azure.css deleted file mode 100644 index ec8e7cf..0000000 --- a/static/newProduct/assets/css/style-azure.css +++ /dev/null @@ -1,6918 +0,0 @@ -/*! Theme Name: ICOCrypto - * Author: Softnio - * Author URI: http://themeforest.net/user/softnio - * Version : 1.9.2 - * Updated : 01.15.2020 -*/ -/** ----------------------- -## 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/static/newProduct/assets/css/style-dark.css b/static/newProduct/assets/css/style-dark.css deleted file mode 100644 index 84a9b1e..0000000 --- a/static/newProduct/assets/css/style-dark.css +++ /dev/null @@ -1,6918 +0,0 @@ -/*! Theme Name: ICOCrypto - * Author: Softnio - * Author URI: http://themeforest.net/user/softnio - * Version : 1.9.2 - * Updated : 01.15.2020 -*/ -/** ----------------------- -## 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: 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: #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: #10122d !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: #08091b !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: #c4afff; } - -.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: #c4afff; 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: #c4afff; } - -.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: #c4afff; 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: #c4afff; 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: black; } - -.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: #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: 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: #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/static/newProduct/assets/css/style-jasmine.css b/static/newProduct/assets/css/style-jasmine.css deleted file mode 100644 index 31b489e..0000000 --- a/static/newProduct/assets/css/style-jasmine.css +++ /dev/null @@ -1,6918 +0,0 @@ -/*! Theme Name: ICOCrypto - * Author: Softnio - * Author URI: http://themeforest.net/user/softnio - * Version : 1.9.2 - * Updated : 01.15.2020 -*/ -/** ----------------------- -## 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/static/newProduct/assets/css/style-lavender.css b/static/newProduct/assets/css/style-lavender.css deleted file mode 100644 index f5b4e0a..0000000 --- a/static/newProduct/assets/css/style-lavender.css +++ /dev/null @@ -1,6918 +0,0 @@ -/*! Theme Name: ICOCrypto - * Author: Softnio - * Author URI: http://themeforest.net/user/softnio - * Version : 1.9.2 - * Updated : 01.15.2020 -*/ -/** ----------------------- -## 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/static/newProduct/assets/css/style-lobelia.css b/static/newProduct/assets/css/style-lobelia.css deleted file mode 100644 index b00a63c..0000000 --- a/static/newProduct/assets/css/style-lobelia.css +++ /dev/null @@ -1,6918 +0,0 @@ -/*! Theme Name: ICOCrypto - * Author: Softnio - * Author URI: http://themeforest.net/user/softnio - * Version : 1.9.2 - * Updated : 01.15.2020 -*/ -/** ----------------------- -## 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/static/newProduct/assets/css/style-lungwort.css b/static/newProduct/assets/css/style-lungwort.css deleted file mode 100644 index 8787346..0000000 --- a/static/newProduct/assets/css/style-lungwort.css +++ /dev/null @@ -1,6918 +0,0 @@ -/*! Theme Name: ICOCrypto - * Author: Softnio - * Author URI: http://themeforest.net/user/softnio - * Version : 1.9.2 - * Updated : 01.15.2020 -*/ -/** ----------------------- -## 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/static/newProduct/assets/css/style-muscari.css b/static/newProduct/assets/css/style-muscari.css deleted file mode 100644 index 287ce59..0000000 --- a/static/newProduct/assets/css/style-muscari.css +++ /dev/null @@ -1,6918 +0,0 @@ -/*! Theme Name: ICOCrypto - * Author: Softnio - * Author URI: http://themeforest.net/user/softnio - * Version : 1.9.2 - * Updated : 01.15.2020 -*/ -/** ----------------------- -## 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/static/newProduct/assets/css/style-salvia.css b/static/newProduct/assets/css/style-salvia.css deleted file mode 100644 index 2ee216f..0000000 --- a/static/newProduct/assets/css/style-salvia.css +++ /dev/null @@ -1,6926 +0,0 @@ -/*! Theme Name: ICOCrypto - * Author: Softnio - * Author URI: http://themeforest.net/user/softnio - * Version : 1.9.2 - * Updated : 01.15.2020 -*/ -/** ----------------------- -## 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/static/newProduct/assets/css/style-zinnia.css b/static/newProduct/assets/css/style-zinnia.css deleted file mode 100644 index e49929d..0000000 --- a/static/newProduct/assets/css/style-zinnia.css +++ /dev/null @@ -1,6918 +0,0 @@ -/*! Theme Name: ICOCrypto - * Author: Softnio - * Author URI: http://themeforest.net/user/softnio - * Version : 1.9.2 - * Updated : 01.15.2020 -*/ -/** ----------------------- -## 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/static/newProduct/assets/css/style.css b/static/newProduct/assets/css/style.css deleted file mode 100644 index 20a413b..0000000 --- a/static/newProduct/assets/css/style.css +++ /dev/null @@ -1,6922 +0,0 @@ -/*! Theme Name: ICOCrypto - * Author: Softnio - * Author URI: http://themeforest.net/user/softnio - * Version : 1.9.2 - * Updated : 01.15.2020 -*/ -/** ----------------------- -## 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: #1940b0 !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: #1940b0; } - -.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: #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: #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: #1940b0; } - -.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: #1940b0; } - -.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: #122272; } - -.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: 38px; width: 38px; font-size: 16px; line-height: 38px; 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, #122272 0%, #1940b0 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: 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: #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: 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, #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/static/newProduct/assets/css/theme.css b/static/newProduct/assets/css/theme.css deleted file mode 100644 index 353acde..0000000 --- a/static/newProduct/assets/css/theme.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! -Template : ICOCrypto @by Softnio -Theme : Default -Version : 1.9.2 -Updated : 01.15.2020 -*/ -/*! WRITE YOUR CUSTOM STYLE **/ diff --git a/static/newProduct/assets/css/vendor.bundle.css b/static/newProduct/assets/css/vendor.bundle.css deleted file mode 100644 index d94bb7e..0000000 --- a/static/newProduct/assets/css/vendor.bundle.css +++ /dev/null @@ -1,7734 +0,0 @@ -/*! Theme Name: ICOCrypto @by Softnio @v1.9.2 @updated 12.20.2019 */ -/*! Bootstrap v4.3.1 (https://getbootstrap.com/) Copyright 2011-2019 The Bootstrap Authors Copyright 2011-2019 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/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.5.0 by @fontawesome #Brands */ -@font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; 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 Awesome Free 5.5.0 by @fontawesome #Regular */ -@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; 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; } - -/** Font Awesome Free 5.5.0 by @fontawesome #Solid */ -@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; 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.5.0 by @fontawesome - License - https://fontawesome.com/license/free */ -.fa, .fas, .far, .fal, .fab { -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: 0.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: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } - -.fa-pull-left { float: left; } - -.fa-pull-right { float: right; } - -.fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } - -.fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } - -.fa-spin { animation: fa-spin 2s infinite linear; } - -.fa-pulse { animation: fa-spin 1s infinite steps(8); } - -@keyframes fa-spin { 0% { transform: rotate(0deg); } - 100% { transform: rotate(360deg); } } - -.fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } - -.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } - -.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } - -.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } - -.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } - -.fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } - -:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { 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; } - -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen -readers do not read off random characters that represent icons */ -.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-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-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-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-backspace:before { content: "\f55a"; } - -.fa-backward:before { content: "\f04a"; } - -.fa-balance-scale:before { content: "\f24e"; } - -.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-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-bimobject:before { content: "\f378"; } - -.fa-binoculars:before { content: "\f1e5"; } - -.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-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-open:before { content: "\f518"; } - -.fa-book-reader:before { content: "\f5da"; } - -.fa-bookmark:before { content: "\f02e"; } - -.fa-bowling-ball:before { content: "\f436"; } - -.fa-box:before { content: "\f466"; } - -.fa-box-open:before { content: "\f49e"; } - -.fa-boxes:before { content: "\f468"; } - -.fa-braille:before { content: "\f2a1"; } - -.fa-brain:before { content: "\f5dc"; } - -.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-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-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-minus:before { content: "\f272"; } - -.fa-calendar-plus:before { content: "\f271"; } - -.fa-calendar-times:before { content: "\f273"; } - -.fa-camera:before { content: "\f030"; } - -.fa-camera-retro:before { content: "\f083"; } - -.fa-campground:before { content: "\f6bb"; } - -.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-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-cart-arrow-down:before { content: "\f218"; } - -.fa-cart-plus:before { content: "\f217"; } - -.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-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-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-church:before { content: "\f51d"; } - -.fa-circle:before { content: "\f111"; } - -.fa-circle-notch:before { content: "\f1ce"; } - -.fa-city:before { content: "\f64f"; } - -.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-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-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-concierge-bell:before { content: "\f562"; } - -.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-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-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-dashcube:before { content: "\f210"; } - -.fa-database:before { content: "\f1c0"; } - -.fa-deaf:before { content: "\f2a4"; } - -.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-diagnoses:before { content: "\f470"; } - -.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-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-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-edit:before { content: "\f044"; } - -.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-etsy:before { content: "\f2d7"; } - -.fa-euro-sign:before { content: "\f153"; } - -.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-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-fantasy-flight-games:before { content: "\f6dc"; } - -.fa-fast-backward:before { content: "\f049"; } - -.fa-fast-forward:before { content: "\f050"; } - -.fa-fax:before { content: "\f1ac"; } - -.fa-feather:before { content: "\f52d"; } - -.fa-feather-alt:before { content: "\f56b"; } - -.fa-female:before { content: "\f182"; } - -.fa-fighter-jet:before { content: "\f0fb"; } - -.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-extinguisher:before { content: "\f134"; } - -.fa-firefox:before { content: "\f269"; } - -.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-git:before { content: "\f1d3"; } - -.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-martini:before { content: "\f000"; } - -.fa-glass-martini-alt:before { content: "\f57b"; } - -.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-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-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-vertical:before { content: "\f58e"; } - -.fa-gripfire:before { content: "\f3ac"; } - -.fa-grunt:before { content: "\f3ad"; } - -.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-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-usd:before { content: "\f4c0"; } - -.fa-hand-lizard:before { content: "\f258"; } - -.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-spock:before { content: "\f259"; } - -.fa-hands:before { content: "\f4c2"; } - -.fa-hands-helping:before { content: "\f4c4"; } - -.fa-handshake:before { content: "\f2b5"; } - -.fa-hanukiah:before { content: "\f6e6"; } - -.fa-hashtag:before { content: "\f292"; } - -.fa-hat-wizard:before { content: "\f6e8"; } - -.fa-haykal:before { content: "\f666"; } - -.fa-hdd:before { content: "\f0a0"; } - -.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-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-hockey-puck:before { content: "\f453"; } - -.fa-home:before { content: "\f015"; } - -.fa-hooli:before { content: "\f427"; } - -.fa-hornbill:before { content: "\f592"; } - -.fa-horse:before { content: "\f6f0"; } - -.fa-hospital:before { content: "\f0f8"; } - -.fa-hospital-alt:before { content: "\f47d"; } - -.fa-hospital-symbol:before { content: "\f47e"; } - -.fa-hot-tub:before { content: "\f593"; } - -.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-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-id-badge:before { content: "\f2c1"; } - -.fa-id-card:before { content: "\f2c2"; } - -.fa-id-card-alt:before { content: "\f47f"; } - -.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-instagram:before { content: "\f16d"; } - -.fa-internet-explorer:before { content: "\f26b"; } - -.fa-ioxhost:before { content: "\f208"; } - -.fa-italic:before { content: "\f033"; } - -.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-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-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-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-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-menorah:before { content: "\f676"; } - -.fa-mercury:before { content: "\f223"; } - -.fa-meteor:before { content: "\f753"; } - -.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-mix:before { content: "\f3cb"; } - -.fa-mixcloud:before { content: "\f289"; } - -.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-pointer:before { content: "\f245"; } - -.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-nintendo-switch:before { content: "\f418"; } - -.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-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-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-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-carry:before { content: "\f4ce"; } - -.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-slash:before { content: "\f3dd"; } - -.fa-phone-square:before { content: "\f098"; } - -.fa-phone-volume:before { content: "\f2a0"; } - -.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-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-place-of-worship:before { content: "\f67f"; } - -.fa-plane:before { content: "\f072"; } - -.fa-plane-arrival:before { content: "\f5af"; } - -.fa-plane-departure:before { content: "\f5b0"; } - -.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-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-rainbow:before { content: "\f75b"; } - -.fa-random:before { content: "\f074"; } - -.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-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-redo:before { content: "\f01e"; } - -.fa-redo-alt:before { content: "\f2f9"; } - -.fa-registered:before { content: "\f25d"; } - -.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-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-sad-cry:before { content: "\f5b3"; } - -.fa-sad-tear:before { content: "\f5b4"; } - -.fa-safari:before { content: "\f267"; } - -.fa-sass:before { content: "\f41e"; } - -.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-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-ship:before { content: "\f21a"; } - -.fa-shipping-fast:before { content: "\f48b"; } - -.fa-shirtsinbulk:before { content: "\f214"; } - -.fa-shoe-prints:before { content: "\f54b"; } - -.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-simplybuilt:before { content: "\f215"; } - -.fa-sistrix:before { content: "\f3ee"; } - -.fa-sitemap:before { content: "\f0e8"; } - -.fa-sith:before { content: "\f512"; } - -.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-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-snapchat:before { content: "\f2ab"; } - -.fa-snapchat-ghost:before { content: "\f2ac"; } - -.fa-snapchat-square:before { content: "\f2ad"; } - -.fa-snowflake:before { content: "\f2dc"; } - -.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-up:before { content: "\f15e"; } - -.fa-sort-amount-down:before { content: "\f160"; } - -.fa-sort-amount-up:before { content: "\f161"; } - -.fa-sort-down:before { content: "\f0dd"; } - -.fa-sort-numeric-down:before { content: "\f162"; } - -.fa-sort-numeric-up:before { content: "\f163"; } - -.fa-sort-up:before { content: "\f0de"; } - -.fa-soundcloud:before { content: "\f1be"; } - -.fa-spa:before { content: "\f5bb"; } - -.fa-space-shuttle:before { content: "\f197"; } - -.fa-speakap:before { content: "\f3f3"; } - -.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-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-store:before { content: "\f54e"; } - -.fa-store-alt:before { content: "\f54f"; } - -.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-swatchbook:before { content: "\f5c3"; } - -.fa-swimmer:before { content: "\f5c4"; } - -.fa-swimming-pool:before { content: "\f5c5"; } - -.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-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-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-paper:before { content: "\f71e"; } - -.fa-toolbox:before { content: "\f552"; } - -.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-train:before { content: "\f238"; } - -.fa-transgender:before { content: "\f224"; } - -.fa-transgender-alt:before { content: "\f225"; } - -.fa-trash:before { content: "\f1f8"; } - -.fa-trash-alt:before { content: "\f2ed"; } - -.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-uikit:before { content: "\f403"; } - -.fa-umbrella:before { content: "\f0e9"; } - -.fa-umbrella-beach:before { content: "\f5ca"; } - -.fa-underline:before { content: "\f0cd"; } - -.fa-undo:before { content: "\f0e2"; } - -.fa-undo-alt:before { content: "\f2ea"; } - -.fa-uniregistry:before { content: "\f404"; } - -.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-untappd:before { content: "\f405"; } - -.fa-upload:before { content: "\f093"; } - -.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-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-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-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-vk:before { content: "\f189"; } - -.fa-vnv:before { content: "\f40b"; } - -.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-water:before { content: "\f773"; } - -.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-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-yandex:before { content: "\f413"; } - -.fa-yandex-international:before { content: "\f414"; } - -.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-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: 0.8; } - -.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !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-inline-holder .mfp-content, .mfp-ajax-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-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -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: -0.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-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; 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: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } - -.mfp-close:hover, .mfp-close:focus { opacity: 1; } - -.mfp-close:active { top: 1px; } - -.mfp-close-btn-in .mfp-close { color: #333; } - -.mfp-image-holder .mfp-close, .mfp-iframe-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: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - -.mfp-arrow:active { margin-top: -54px; } - -.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } - -.mfp-arrow:before, .mfp-arrow:after { 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: 0.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, 0.6); background: #000; } - -/* Main image in popup */ -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; } - -/* The shadow behind the image */ -.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, 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) { /** Remove all paddings around the image on small screen */ - .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, 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, 0.6); position: fixed; text-align: center; padding: 0; } } - -@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.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.18 */ -table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; border-collapse: separate !important; border-spacing: 0; } - -table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; box-sizing: content-box; } - -table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align: center; } - -table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } - -div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap; } - -div.dataTables_wrapper div.dataTables_length select { width: auto; display: inline-block; } - -div.dataTables_wrapper div.dataTables_filter { text-align: right; } - -div.dataTables_wrapper div.dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left; } - -div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; } - -div.dataTables_wrapper div.dataTables_info { padding-top: 0.85em; white-space: nowrap; } - -div.dataTables_wrapper div.dataTables_paginate { margin: 0; white-space: nowrap; text-align: right; } - -div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; justify-content: flex-end; } - -div.dataTables_wrapper div.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 200px; margin-left: -100px; margin-top: -26px; text-align: center; padding: 1em 0; } - -table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting { padding-right: 30px; } - -table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active { outline: none; } - -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; position: relative; } - -table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { position: absolute; bottom: 0.9em; display: block; opacity: 0.3; } - -table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before { right: 1em; content: "\2191"; } - -table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { right: 0.5em; content: "\2193"; } - -table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after { opacity: 1; } - -table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { opacity: 0; } - -div.dataTables_scrollHead table.dataTable { margin-bottom: 0 !important; } - -div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important; } - -div.dataTables_scrollBody table thead .sorting:before, div.dataTables_scrollBody table thead .sorting_asc:before, div.dataTables_scrollBody table thead .sorting_desc:before, div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after { display: none; } - -div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td { border-top: none; } - -div.dataTables_scrollFoot > .dataTables_scrollFootInner { box-sizing: content-box; } - -div.dataTables_scrollFoot > .dataTables_scrollFootInner > table { margin-top: 0 !important; border-top: none; } - -@media screen and (max-width: 767px) { div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate { text-align: center; } } - -table.dataTable.table-sm > thead > tr > th { padding-right: 20px; } - -table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before { top: 5px; right: 0.85em; } - -table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after { top: 5px; } - -table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-left-width: 0; } - -table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { border-right-width: 0; } - -table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { border-bottom-width: 0; } - -div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0; } - -div.table-responsive > div.dataTables_wrapper > div.row { margin: 0; } - -div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child { padding-left: 0; } - -div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child { padding-right: 0; } - -/** 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/static/newProduct/assets/fonts/Ikon-Crypto.svg b/static/newProduct/assets/fonts/Ikon-Crypto.svg deleted file mode 100644 index 21aced6..0000000 --- a/static/newProduct/assets/fonts/Ikon-Crypto.svg +++ /dev/null @@ -1,81 +0,0 @@ - - - - - - -{ - "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/static/newProduct/assets/fonts/Ikon-Crypto.ttf b/static/newProduct/assets/fonts/Ikon-Crypto.ttf deleted file mode 100644 index 9bb7e51..0000000 Binary files a/static/newProduct/assets/fonts/Ikon-Crypto.ttf and /dev/null differ diff --git a/static/newProduct/assets/fonts/Ikon-Crypto.woff b/static/newProduct/assets/fonts/Ikon-Crypto.woff deleted file mode 100644 index 6477e00..0000000 Binary files a/static/newProduct/assets/fonts/Ikon-Crypto.woff and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-Bold.eot b/static/newProduct/assets/fonts/Poppins-Bold.eot deleted file mode 100644 index 00d49a6..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-Bold.eot and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-Bold.ttf b/static/newProduct/assets/fonts/Poppins-Bold.ttf deleted file mode 100644 index 54adea5..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-Bold.ttf and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-Bold.woff b/static/newProduct/assets/fonts/Poppins-Bold.woff deleted file mode 100644 index 00a1a6e..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-Bold.woff and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-Bold.woff2 b/static/newProduct/assets/fonts/Poppins-Bold.woff2 deleted file mode 100644 index be3be3c..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-Bold.woff2 and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-Light.eot b/static/newProduct/assets/fonts/Poppins-Light.eot deleted file mode 100644 index 424a98d..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-Light.eot and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-Light.ttf b/static/newProduct/assets/fonts/Poppins-Light.ttf deleted file mode 100644 index be8f953..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-Light.ttf and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-Light.woff b/static/newProduct/assets/fonts/Poppins-Light.woff deleted file mode 100644 index 285ae43..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-Light.woff and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-Light.woff2 b/static/newProduct/assets/fonts/Poppins-Light.woff2 deleted file mode 100644 index 74513a3..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-Light.woff2 and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-Medium.eot b/static/newProduct/assets/fonts/Poppins-Medium.eot deleted file mode 100644 index 8be3ebc..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-Medium.eot and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-Medium.ttf b/static/newProduct/assets/fonts/Poppins-Medium.ttf deleted file mode 100644 index 58eb09f..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-Medium.ttf and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-Medium.woff b/static/newProduct/assets/fonts/Poppins-Medium.woff deleted file mode 100644 index 92d6e72..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-Medium.woff and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-Medium.woff2 b/static/newProduct/assets/fonts/Poppins-Medium.woff2 deleted file mode 100644 index 25d6e8b..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-Medium.woff2 and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-Regular.eot b/static/newProduct/assets/fonts/Poppins-Regular.eot deleted file mode 100644 index bb77331..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-Regular.eot and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-Regular.ttf b/static/newProduct/assets/fonts/Poppins-Regular.ttf deleted file mode 100644 index 796d51b..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-Regular.ttf and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-Regular.woff b/static/newProduct/assets/fonts/Poppins-Regular.woff deleted file mode 100644 index 6e47fdc..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-Regular.woff and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-Regular.woff2 b/static/newProduct/assets/fonts/Poppins-Regular.woff2 deleted file mode 100644 index bf39070..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-Regular.woff2 and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-SemiBold.eot b/static/newProduct/assets/fonts/Poppins-SemiBold.eot deleted file mode 100644 index 1cf8710..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-SemiBold.eot and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-SemiBold.ttf b/static/newProduct/assets/fonts/Poppins-SemiBold.ttf deleted file mode 100644 index e8a0fbb..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-SemiBold.ttf and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-SemiBold.woff b/static/newProduct/assets/fonts/Poppins-SemiBold.woff deleted file mode 100644 index 1ac56ce..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-SemiBold.woff and /dev/null differ diff --git a/static/newProduct/assets/fonts/Poppins-SemiBold.woff2 b/static/newProduct/assets/fonts/Poppins-SemiBold.woff2 deleted file mode 100644 index 0e90981..0000000 Binary files a/static/newProduct/assets/fonts/Poppins-SemiBold.woff2 and /dev/null differ diff --git a/static/newProduct/assets/fonts/Quicksand-Bold.eot b/static/newProduct/assets/fonts/Quicksand-Bold.eot deleted file mode 100644 index 69aff8e..0000000 Binary files a/static/newProduct/assets/fonts/Quicksand-Bold.eot and /dev/null differ diff --git a/static/newProduct/assets/fonts/Quicksand-Bold.ttf b/static/newProduct/assets/fonts/Quicksand-Bold.ttf deleted file mode 100644 index c242162..0000000 Binary files a/static/newProduct/assets/fonts/Quicksand-Bold.ttf and /dev/null differ diff --git a/static/newProduct/assets/fonts/Quicksand-Bold.woff b/static/newProduct/assets/fonts/Quicksand-Bold.woff deleted file mode 100644 index e5bbe28..0000000 Binary files a/static/newProduct/assets/fonts/Quicksand-Bold.woff and /dev/null differ diff --git a/static/newProduct/assets/fonts/Quicksand-Bold.woff2 b/static/newProduct/assets/fonts/Quicksand-Bold.woff2 deleted file mode 100644 index 32b96ad..0000000 Binary files a/static/newProduct/assets/fonts/Quicksand-Bold.woff2 and /dev/null differ diff --git a/static/newProduct/assets/fonts/Quicksand-Light.eot b/static/newProduct/assets/fonts/Quicksand-Light.eot deleted file mode 100644 index 4d52cfa..0000000 Binary files a/static/newProduct/assets/fonts/Quicksand-Light.eot and /dev/null differ diff --git a/static/newProduct/assets/fonts/Quicksand-Light.ttf b/static/newProduct/assets/fonts/Quicksand-Light.ttf deleted file mode 100644 index a297948..0000000 Binary files a/static/newProduct/assets/fonts/Quicksand-Light.ttf and /dev/null differ diff --git a/static/newProduct/assets/fonts/Quicksand-Light.woff b/static/newProduct/assets/fonts/Quicksand-Light.woff deleted file mode 100644 index a6995ea..0000000 Binary files a/static/newProduct/assets/fonts/Quicksand-Light.woff and /dev/null differ diff --git a/static/newProduct/assets/fonts/Quicksand-Light.woff2 b/static/newProduct/assets/fonts/Quicksand-Light.woff2 deleted file mode 100644 index 6095f4b..0000000 Binary files a/static/newProduct/assets/fonts/Quicksand-Light.woff2 and /dev/null differ diff --git a/static/newProduct/assets/fonts/Quicksand-Medium.eot b/static/newProduct/assets/fonts/Quicksand-Medium.eot deleted file mode 100644 index 62307c8..0000000 Binary files a/static/newProduct/assets/fonts/Quicksand-Medium.eot and /dev/null differ diff --git a/static/newProduct/assets/fonts/Quicksand-Medium.ttf b/static/newProduct/assets/fonts/Quicksand-Medium.ttf deleted file mode 100644 index 74162c0..0000000 Binary files a/static/newProduct/assets/fonts/Quicksand-Medium.ttf and /dev/null differ diff --git a/static/newProduct/assets/fonts/Quicksand-Medium.woff b/static/newProduct/assets/fonts/Quicksand-Medium.woff deleted file mode 100644 index 718917e..0000000 Binary files a/static/newProduct/assets/fonts/Quicksand-Medium.woff and /dev/null differ diff --git a/static/newProduct/assets/fonts/Quicksand-Medium.woff2 b/static/newProduct/assets/fonts/Quicksand-Medium.woff2 deleted file mode 100644 index 327cfa8..0000000 Binary files a/static/newProduct/assets/fonts/Quicksand-Medium.woff2 and /dev/null differ diff --git a/static/newProduct/assets/fonts/Roboto-Bold.eot b/static/newProduct/assets/fonts/Roboto-Bold.eot deleted file mode 100644 index 14ad9ae..0000000 Binary files a/static/newProduct/assets/fonts/Roboto-Bold.eot and /dev/null differ diff --git a/static/newProduct/assets/fonts/Roboto-Bold.ttf b/static/newProduct/assets/fonts/Roboto-Bold.ttf deleted file mode 100644 index 0388c50..0000000 Binary files a/static/newProduct/assets/fonts/Roboto-Bold.ttf and /dev/null differ diff --git a/static/newProduct/assets/fonts/Roboto-Bold.woff b/static/newProduct/assets/fonts/Roboto-Bold.woff deleted file mode 100644 index 51f1e89..0000000 Binary files a/static/newProduct/assets/fonts/Roboto-Bold.woff and /dev/null differ diff --git a/static/newProduct/assets/fonts/Roboto-Bold.woff2 b/static/newProduct/assets/fonts/Roboto-Bold.woff2 deleted file mode 100644 index 8d1ec3a..0000000 Binary files a/static/newProduct/assets/fonts/Roboto-Bold.woff2 and /dev/null differ diff --git a/static/newProduct/assets/fonts/Roboto-Light.eot b/static/newProduct/assets/fonts/Roboto-Light.eot deleted file mode 100644 index 3d50d57..0000000 Binary files a/static/newProduct/assets/fonts/Roboto-Light.eot and /dev/null differ diff --git a/static/newProduct/assets/fonts/Roboto-Light.ttf b/static/newProduct/assets/fonts/Roboto-Light.ttf deleted file mode 100644 index 3a9bdc6..0000000 Binary files a/static/newProduct/assets/fonts/Roboto-Light.ttf and /dev/null differ diff --git a/static/newProduct/assets/fonts/Roboto-Light.woff b/static/newProduct/assets/fonts/Roboto-Light.woff deleted file mode 100644 index eec3617..0000000 Binary files a/static/newProduct/assets/fonts/Roboto-Light.woff and /dev/null differ diff --git a/static/newProduct/assets/fonts/Roboto-Light.woff2 b/static/newProduct/assets/fonts/Roboto-Light.woff2 deleted file mode 100644 index 0e0efd0..0000000 Binary files a/static/newProduct/assets/fonts/Roboto-Light.woff2 and /dev/null differ diff --git a/static/newProduct/assets/fonts/Roboto-Medium.eot b/static/newProduct/assets/fonts/Roboto-Medium.eot deleted file mode 100644 index 0f60b5e..0000000 Binary files a/static/newProduct/assets/fonts/Roboto-Medium.eot and /dev/null differ diff --git a/static/newProduct/assets/fonts/Roboto-Medium.ttf b/static/newProduct/assets/fonts/Roboto-Medium.ttf deleted file mode 100644 index 09f51e2..0000000 Binary files a/static/newProduct/assets/fonts/Roboto-Medium.ttf and /dev/null differ diff --git a/static/newProduct/assets/fonts/Roboto-Medium.woff b/static/newProduct/assets/fonts/Roboto-Medium.woff deleted file mode 100644 index b4f0629..0000000 Binary files a/static/newProduct/assets/fonts/Roboto-Medium.woff and /dev/null differ diff --git a/static/newProduct/assets/fonts/Roboto-Medium.woff2 b/static/newProduct/assets/fonts/Roboto-Medium.woff2 deleted file mode 100644 index 02bf764..0000000 Binary files a/static/newProduct/assets/fonts/Roboto-Medium.woff2 and /dev/null differ diff --git a/static/newProduct/assets/fonts/Roboto-Regular.eot b/static/newProduct/assets/fonts/Roboto-Regular.eot deleted file mode 100644 index 2f61547..0000000 Binary files a/static/newProduct/assets/fonts/Roboto-Regular.eot and /dev/null differ diff --git a/static/newProduct/assets/fonts/Roboto-Regular.ttf b/static/newProduct/assets/fonts/Roboto-Regular.ttf deleted file mode 100644 index 28e2c02..0000000 Binary files a/static/newProduct/assets/fonts/Roboto-Regular.ttf and /dev/null differ diff --git a/static/newProduct/assets/fonts/Roboto-Regular.woff b/static/newProduct/assets/fonts/Roboto-Regular.woff deleted file mode 100644 index b070d8e..0000000 Binary files a/static/newProduct/assets/fonts/Roboto-Regular.woff and /dev/null differ diff --git a/static/newProduct/assets/fonts/Roboto-Regular.woff2 b/static/newProduct/assets/fonts/Roboto-Regular.woff2 deleted file mode 100644 index 30370cf..0000000 Binary files a/static/newProduct/assets/fonts/Roboto-Regular.woff2 and /dev/null differ diff --git a/static/newProduct/assets/fonts/fa-brands-400.eot b/static/newProduct/assets/fonts/fa-brands-400.eot deleted file mode 100644 index 1a675a4..0000000 Binary files a/static/newProduct/assets/fonts/fa-brands-400.eot and /dev/null differ diff --git a/static/newProduct/assets/fonts/fa-brands-400.svg b/static/newProduct/assets/fonts/fa-brands-400.svg deleted file mode 100644 index 5b60e84..0000000 --- a/static/newProduct/assets/fonts/fa-brands-400.svg +++ /dev/null @@ -1,1184 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/newProduct/assets/fonts/fa-brands-400.ttf b/static/newProduct/assets/fonts/fa-brands-400.ttf deleted file mode 100644 index 953d567..0000000 Binary files a/static/newProduct/assets/fonts/fa-brands-400.ttf and /dev/null differ diff --git a/static/newProduct/assets/fonts/fa-brands-400.woff b/static/newProduct/assets/fonts/fa-brands-400.woff deleted file mode 100644 index 1ae5263..0000000 Binary files a/static/newProduct/assets/fonts/fa-brands-400.woff and /dev/null differ diff --git a/static/newProduct/assets/fonts/fa-brands-400.woff2 b/static/newProduct/assets/fonts/fa-brands-400.woff2 deleted file mode 100644 index 4a07e40..0000000 Binary files a/static/newProduct/assets/fonts/fa-brands-400.woff2 and /dev/null differ diff --git a/static/newProduct/assets/fonts/fa-regular-400.eot b/static/newProduct/assets/fonts/fa-regular-400.eot deleted file mode 100644 index db3ed40..0000000 Binary files a/static/newProduct/assets/fonts/fa-regular-400.eot and /dev/null differ diff --git a/static/newProduct/assets/fonts/fa-regular-400.svg b/static/newProduct/assets/fonts/fa-regular-400.svg deleted file mode 100644 index cf3d065..0000000 --- a/static/newProduct/assets/fonts/fa-regular-400.svg +++ /dev/null @@ -1,467 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/newProduct/assets/fonts/fa-regular-400.ttf b/static/newProduct/assets/fonts/fa-regular-400.ttf deleted file mode 100644 index 235101c..0000000 Binary files a/static/newProduct/assets/fonts/fa-regular-400.ttf and /dev/null differ diff --git a/static/newProduct/assets/fonts/fa-regular-400.woff b/static/newProduct/assets/fonts/fa-regular-400.woff deleted file mode 100644 index 9058e29..0000000 Binary files a/static/newProduct/assets/fonts/fa-regular-400.woff and /dev/null differ diff --git a/static/newProduct/assets/fonts/fa-regular-400.woff2 b/static/newProduct/assets/fonts/fa-regular-400.woff2 deleted file mode 100644 index 1489f64..0000000 Binary files a/static/newProduct/assets/fonts/fa-regular-400.woff2 and /dev/null differ diff --git a/static/newProduct/assets/fonts/fa-solid-900.eot b/static/newProduct/assets/fonts/fa-solid-900.eot deleted file mode 100644 index cb8d3f0..0000000 Binary files a/static/newProduct/assets/fonts/fa-solid-900.eot and /dev/null differ diff --git a/static/newProduct/assets/fonts/fa-solid-900.svg b/static/newProduct/assets/fonts/fa-solid-900.svg deleted file mode 100644 index bd7565a..0000000 --- a/static/newProduct/assets/fonts/fa-solid-900.svg +++ /dev/null @@ -1,2618 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/newProduct/assets/fonts/fa-solid-900.ttf b/static/newProduct/assets/fonts/fa-solid-900.ttf deleted file mode 100644 index 7c92e98..0000000 Binary files a/static/newProduct/assets/fonts/fa-solid-900.ttf and /dev/null differ diff --git a/static/newProduct/assets/fonts/fa-solid-900.woff b/static/newProduct/assets/fonts/fa-solid-900.woff deleted file mode 100644 index b7d52cf..0000000 Binary files a/static/newProduct/assets/fonts/fa-solid-900.woff and /dev/null differ diff --git a/static/newProduct/assets/fonts/fa-solid-900.woff2 b/static/newProduct/assets/fonts/fa-solid-900.woff2 deleted file mode 100644 index 59d92b2..0000000 Binary files a/static/newProduct/assets/fonts/fa-solid-900.woff2 and /dev/null differ diff --git a/static/newProduct/assets/fonts/index.html b/static/newProduct/assets/fonts/index.html deleted file mode 100644 index bad3b27..0000000 --- a/static/newProduct/assets/fonts/index.html +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/static/newProduct/assets/fonts/themify.eot b/static/newProduct/assets/fonts/themify.eot deleted file mode 100644 index 9ec298b..0000000 Binary files a/static/newProduct/assets/fonts/themify.eot and /dev/null differ diff --git a/static/newProduct/assets/fonts/themify.svg b/static/newProduct/assets/fonts/themify.svg deleted file mode 100644 index 3d53854..0000000 --- a/static/newProduct/assets/fonts/themify.svg +++ /dev/null @@ -1,362 +0,0 @@ - - - -Generated by IcoMoon - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/static/newProduct/assets/fonts/themify.ttf b/static/newProduct/assets/fonts/themify.ttf deleted file mode 100644 index 5d627e7..0000000 Binary files a/static/newProduct/assets/fonts/themify.ttf and /dev/null differ diff --git a/static/newProduct/assets/fonts/themify.woff b/static/newProduct/assets/fonts/themify.woff deleted file mode 100644 index 847ebd1..0000000 Binary files a/static/newProduct/assets/fonts/themify.woff and /dev/null differ diff --git a/static/newProduct/assets/images/dot-a.png b/static/newProduct/assets/images/dot-a.png deleted file mode 100644 index 6d3596d..0000000 Binary files a/static/newProduct/assets/images/dot-a.png and /dev/null differ diff --git a/static/newProduct/assets/images/dot-b.png b/static/newProduct/assets/images/dot-b.png deleted file mode 100644 index 0be714e..0000000 Binary files a/static/newProduct/assets/images/dot-b.png and /dev/null differ diff --git a/static/newProduct/assets/images/dot-c-azalea.png b/static/newProduct/assets/images/dot-c-azalea.png deleted file mode 100644 index 8cce8a8..0000000 Binary files a/static/newProduct/assets/images/dot-c-azalea.png and /dev/null differ diff --git a/static/newProduct/assets/images/dot-c.png b/static/newProduct/assets/images/dot-c.png deleted file mode 100644 index f2eb176..0000000 Binary files a/static/newProduct/assets/images/dot-c.png and /dev/null differ diff --git a/static/newProduct/assets/images/hexagon.png b/static/newProduct/assets/images/hexagon.png deleted file mode 100644 index 179270d..0000000 Binary files a/static/newProduct/assets/images/hexagon.png and /dev/null differ diff --git a/static/newProduct/assets/images/index.html b/static/newProduct/assets/images/index.html deleted file mode 100644 index bad3b27..0000000 --- a/static/newProduct/assets/images/index.html +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/static/newProduct/assets/images/light-ix.png b/static/newProduct/assets/images/light-ix.png deleted file mode 100644 index 94ac6bd..0000000 Binary files a/static/newProduct/assets/images/light-ix.png and /dev/null differ diff --git a/static/newProduct/assets/images/line.png b/static/newProduct/assets/images/line.png deleted file mode 100644 index 66e6d88..0000000 Binary files a/static/newProduct/assets/images/line.png and /dev/null differ diff --git a/static/newProduct/assets/images/mask-a-dark.svg b/static/newProduct/assets/images/mask-a-dark.svg deleted file mode 100644 index 0d9f6ff..0000000 --- a/static/newProduct/assets/images/mask-a-dark.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/mask-a-md.png b/static/newProduct/assets/images/mask-a-md.png deleted file mode 100644 index c31bb31..0000000 Binary files a/static/newProduct/assets/images/mask-a-md.png and /dev/null differ diff --git a/static/newProduct/assets/images/mask-a-md.svg b/static/newProduct/assets/images/mask-a-md.svg deleted file mode 100644 index 6413b9c..0000000 --- a/static/newProduct/assets/images/mask-a-md.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/mask-a.png b/static/newProduct/assets/images/mask-a.png deleted file mode 100644 index 9ee6764..0000000 Binary files a/static/newProduct/assets/images/mask-a.png and /dev/null differ diff --git a/static/newProduct/assets/images/mask-a.svg b/static/newProduct/assets/images/mask-a.svg deleted file mode 100644 index d2e126c..0000000 --- a/static/newProduct/assets/images/mask-a.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/mask-b.png b/static/newProduct/assets/images/mask-b.png deleted file mode 100644 index 5c8a9fb..0000000 Binary files a/static/newProduct/assets/images/mask-b.png and /dev/null differ diff --git a/static/newProduct/assets/images/mask-b.svg b/static/newProduct/assets/images/mask-b.svg deleted file mode 100644 index 960aab1..0000000 --- a/static/newProduct/assets/images/mask-b.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/mask-c-dark.svg b/static/newProduct/assets/images/mask-c-dark.svg deleted file mode 100644 index c608154..0000000 --- a/static/newProduct/assets/images/mask-c-dark.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/mask-c-light.png b/static/newProduct/assets/images/mask-c-light.png deleted file mode 100644 index e5a523e..0000000 Binary files a/static/newProduct/assets/images/mask-c-light.png and /dev/null differ diff --git a/static/newProduct/assets/images/mask-c-light.svg b/static/newProduct/assets/images/mask-c-light.svg deleted file mode 100644 index 68d1bce..0000000 --- a/static/newProduct/assets/images/mask-c-light.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/mask-c.png b/static/newProduct/assets/images/mask-c.png deleted file mode 100644 index 6c76fa1..0000000 Binary files a/static/newProduct/assets/images/mask-c.png and /dev/null differ diff --git a/static/newProduct/assets/images/mask-c.svg b/static/newProduct/assets/images/mask-c.svg deleted file mode 100644 index 159b56a..0000000 --- a/static/newProduct/assets/images/mask-c.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/mask-d.png b/static/newProduct/assets/images/mask-d.png deleted file mode 100644 index a96be30..0000000 Binary files a/static/newProduct/assets/images/mask-d.png and /dev/null differ diff --git a/static/newProduct/assets/images/mask-d.svg b/static/newProduct/assets/images/mask-d.svg deleted file mode 100644 index bc24a27..0000000 --- a/static/newProduct/assets/images/mask-d.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/mask-d2.svg b/static/newProduct/assets/images/mask-d2.svg deleted file mode 100644 index 4210eff..0000000 --- a/static/newProduct/assets/images/mask-d2.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/mask-e.png b/static/newProduct/assets/images/mask-e.png deleted file mode 100644 index 938ee21..0000000 Binary files a/static/newProduct/assets/images/mask-e.png and /dev/null differ diff --git a/static/newProduct/assets/images/mask-e.svg b/static/newProduct/assets/images/mask-e.svg deleted file mode 100644 index cb103d1..0000000 --- a/static/newProduct/assets/images/mask-e.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/mask-f-footer.png b/static/newProduct/assets/images/mask-f-footer.png deleted file mode 100644 index e3bd113..0000000 Binary files a/static/newProduct/assets/images/mask-f-footer.png and /dev/null differ diff --git a/static/newProduct/assets/images/mask-f-footer.svg b/static/newProduct/assets/images/mask-f-footer.svg deleted file mode 100644 index ce2d285..0000000 --- a/static/newProduct/assets/images/mask-f-footer.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/mask-f.png b/static/newProduct/assets/images/mask-f.png deleted file mode 100644 index 9aeaddf..0000000 Binary files a/static/newProduct/assets/images/mask-f.png and /dev/null differ diff --git a/static/newProduct/assets/images/mask-f.svg b/static/newProduct/assets/images/mask-f.svg deleted file mode 100644 index 78761ca..0000000 --- a/static/newProduct/assets/images/mask-f.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/mask-line-a.png b/static/newProduct/assets/images/mask-line-a.png deleted file mode 100644 index 8349e54..0000000 Binary files a/static/newProduct/assets/images/mask-line-a.png and /dev/null differ diff --git a/static/newProduct/assets/images/mask-line-b.png b/static/newProduct/assets/images/mask-line-b.png deleted file mode 100644 index d470fe7..0000000 Binary files a/static/newProduct/assets/images/mask-line-b.png and /dev/null differ diff --git a/static/newProduct/assets/images/mask-line-c.png b/static/newProduct/assets/images/mask-line-c.png deleted file mode 100644 index 9cfb6b9..0000000 Binary files a/static/newProduct/assets/images/mask-line-c.png and /dev/null differ diff --git a/static/newProduct/assets/images/mask-line-d.png b/static/newProduct/assets/images/mask-line-d.png deleted file mode 100644 index dc51adb..0000000 Binary files a/static/newProduct/assets/images/mask-line-d.png and /dev/null differ diff --git a/static/newProduct/assets/images/polygon-a-dark.png b/static/newProduct/assets/images/polygon-a-dark.png deleted file mode 100644 index bbe10c0..0000000 Binary files a/static/newProduct/assets/images/polygon-a-dark.png and /dev/null differ diff --git a/static/newProduct/assets/images/polygon-a-light.png b/static/newProduct/assets/images/polygon-a-light.png deleted file mode 100644 index 5f762d7..0000000 Binary files a/static/newProduct/assets/images/polygon-a-light.png and /dev/null differ diff --git a/static/newProduct/assets/images/polygon-a.png b/static/newProduct/assets/images/polygon-a.png deleted file mode 100644 index 3e19a70..0000000 Binary files a/static/newProduct/assets/images/polygon-a.png and /dev/null differ diff --git a/static/newProduct/assets/images/polygon-fill.png b/static/newProduct/assets/images/polygon-fill.png deleted file mode 100644 index e72b6f9..0000000 Binary files a/static/newProduct/assets/images/polygon-fill.png and /dev/null differ diff --git a/static/newProduct/assets/images/polygon-line-a-fill.png b/static/newProduct/assets/images/polygon-line-a-fill.png deleted file mode 100644 index 0711c4f..0000000 Binary files a/static/newProduct/assets/images/polygon-line-a-fill.png and /dev/null differ diff --git a/static/newProduct/assets/images/polygon-line-a.png b/static/newProduct/assets/images/polygon-line-a.png deleted file mode 100644 index 03154c0..0000000 Binary files a/static/newProduct/assets/images/polygon-line-a.png and /dev/null differ diff --git a/static/newProduct/assets/images/polygon-line-b.png b/static/newProduct/assets/images/polygon-line-b.png deleted file mode 100644 index e73b420..0000000 Binary files a/static/newProduct/assets/images/polygon-line-b.png and /dev/null differ diff --git a/static/newProduct/assets/images/polygon-line-c.png b/static/newProduct/assets/images/polygon-line-c.png deleted file mode 100644 index 6026614..0000000 Binary files a/static/newProduct/assets/images/polygon-line-c.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-a-sm.png b/static/newProduct/assets/images/shape-a-sm.png deleted file mode 100644 index 6e5397b..0000000 Binary files a/static/newProduct/assets/images/shape-a-sm.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-a.png b/static/newProduct/assets/images/shape-a.png deleted file mode 100644 index f9b8faf..0000000 Binary files a/static/newProduct/assets/images/shape-a.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-a2.png b/static/newProduct/assets/images/shape-a2.png deleted file mode 100644 index 678739e..0000000 Binary files a/static/newProduct/assets/images/shape-a2.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-b-sm.png b/static/newProduct/assets/images/shape-b-sm.png deleted file mode 100644 index 6e5397b..0000000 Binary files a/static/newProduct/assets/images/shape-b-sm.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-b.png b/static/newProduct/assets/images/shape-b.png deleted file mode 100644 index 6b78d42..0000000 Binary files a/static/newProduct/assets/images/shape-b.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-c-sm.png b/static/newProduct/assets/images/shape-c-sm.png deleted file mode 100644 index 6028acf..0000000 Binary files a/static/newProduct/assets/images/shape-c-sm.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-c.png b/static/newProduct/assets/images/shape-c.png deleted file mode 100644 index 09c6b25..0000000 Binary files a/static/newProduct/assets/images/shape-c.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-d-sm.png b/static/newProduct/assets/images/shape-d-sm.png deleted file mode 100644 index 8229e42..0000000 Binary files a/static/newProduct/assets/images/shape-d-sm.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-d.png b/static/newProduct/assets/images/shape-d.png deleted file mode 100644 index 6aa1b62..0000000 Binary files a/static/newProduct/assets/images/shape-d.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-e-sm.png b/static/newProduct/assets/images/shape-e-sm.png deleted file mode 100644 index e81080c..0000000 Binary files a/static/newProduct/assets/images/shape-e-sm.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-e.png b/static/newProduct/assets/images/shape-e.png deleted file mode 100644 index 5422b01..0000000 Binary files a/static/newProduct/assets/images/shape-e.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-f-sm.png b/static/newProduct/assets/images/shape-f-sm.png deleted file mode 100644 index 9f4eb7e..0000000 Binary files a/static/newProduct/assets/images/shape-f-sm.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-f.png b/static/newProduct/assets/images/shape-f.png deleted file mode 100644 index cca4347..0000000 Binary files a/static/newProduct/assets/images/shape-f.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-g-sm.png b/static/newProduct/assets/images/shape-g-sm.png deleted file mode 100644 index 408d72f..0000000 Binary files a/static/newProduct/assets/images/shape-g-sm.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-g.png b/static/newProduct/assets/images/shape-g.png deleted file mode 100644 index c90cfe0..0000000 Binary files a/static/newProduct/assets/images/shape-g.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-h-sm.png b/static/newProduct/assets/images/shape-h-sm.png deleted file mode 100644 index 5da8aae..0000000 Binary files a/static/newProduct/assets/images/shape-h-sm.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-h.png b/static/newProduct/assets/images/shape-h.png deleted file mode 100644 index 550cb0b..0000000 Binary files a/static/newProduct/assets/images/shape-h.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-i-sm.png b/static/newProduct/assets/images/shape-i-sm.png deleted file mode 100644 index d928e21..0000000 Binary files a/static/newProduct/assets/images/shape-i-sm.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-i.png b/static/newProduct/assets/images/shape-i.png deleted file mode 100644 index 9055f7e..0000000 Binary files a/static/newProduct/assets/images/shape-i.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-m.png b/static/newProduct/assets/images/shape-m.png deleted file mode 100644 index d603993..0000000 Binary files a/static/newProduct/assets/images/shape-m.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-n.png b/static/newProduct/assets/images/shape-n.png deleted file mode 100644 index 0eac1ff..0000000 Binary files a/static/newProduct/assets/images/shape-n.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-o.png b/static/newProduct/assets/images/shape-o.png deleted file mode 100644 index 7a1aad7..0000000 Binary files a/static/newProduct/assets/images/shape-o.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-p.png b/static/newProduct/assets/images/shape-p.png deleted file mode 100644 index 4f9c0fa..0000000 Binary files a/static/newProduct/assets/images/shape-p.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-q.png b/static/newProduct/assets/images/shape-q.png deleted file mode 100644 index c63cf04..0000000 Binary files a/static/newProduct/assets/images/shape-q.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-r.png b/static/newProduct/assets/images/shape-r.png deleted file mode 100644 index 8a115e9..0000000 Binary files a/static/newProduct/assets/images/shape-r.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-s-sm.png b/static/newProduct/assets/images/shape-s-sm.png deleted file mode 100644 index bf961a3..0000000 Binary files a/static/newProduct/assets/images/shape-s-sm.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-s.png b/static/newProduct/assets/images/shape-s.png deleted file mode 100644 index 1c7e392..0000000 Binary files a/static/newProduct/assets/images/shape-s.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-t.png b/static/newProduct/assets/images/shape-t.png deleted file mode 100644 index 9d1e9d3..0000000 Binary files a/static/newProduct/assets/images/shape-t.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-u.png b/static/newProduct/assets/images/shape-u.png deleted file mode 100644 index 95be10a..0000000 Binary files a/static/newProduct/assets/images/shape-u.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-v.png b/static/newProduct/assets/images/shape-v.png deleted file mode 100644 index 88c0280..0000000 Binary files a/static/newProduct/assets/images/shape-v.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-w.png b/static/newProduct/assets/images/shape-w.png deleted file mode 100644 index 6982aeb..0000000 Binary files a/static/newProduct/assets/images/shape-w.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-x-2.png b/static/newProduct/assets/images/shape-x-2.png deleted file mode 100644 index 2c891ab..0000000 Binary files a/static/newProduct/assets/images/shape-x-2.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-x-3.png b/static/newProduct/assets/images/shape-x-3.png deleted file mode 100644 index 7fd9285..0000000 Binary files a/static/newProduct/assets/images/shape-x-3.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-x.png b/static/newProduct/assets/images/shape-x.png deleted file mode 100644 index 8babfbb..0000000 Binary files a/static/newProduct/assets/images/shape-x.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-y.png b/static/newProduct/assets/images/shape-y.png deleted file mode 100644 index 28df585..0000000 Binary files a/static/newProduct/assets/images/shape-y.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-z.png b/static/newProduct/assets/images/shape-z.png deleted file mode 100644 index 0793ed7..0000000 Binary files a/static/newProduct/assets/images/shape-z.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-z2.png b/static/newProduct/assets/images/shape-z2.png deleted file mode 100644 index 37bbc97..0000000 Binary files a/static/newProduct/assets/images/shape-z2.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-z3.png b/static/newProduct/assets/images/shape-z3.png deleted file mode 100644 index ac81af8..0000000 Binary files a/static/newProduct/assets/images/shape-z3.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-z4.png b/static/newProduct/assets/images/shape-z4.png deleted file mode 100644 index 55a825d..0000000 Binary files a/static/newProduct/assets/images/shape-z4.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-z6-sm.png b/static/newProduct/assets/images/shape-z6-sm.png deleted file mode 100644 index 56e2868..0000000 Binary files a/static/newProduct/assets/images/shape-z6-sm.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-z6.png b/static/newProduct/assets/images/shape-z6.png deleted file mode 100644 index 39afcb1..0000000 Binary files a/static/newProduct/assets/images/shape-z6.png and /dev/null differ diff --git a/static/newProduct/assets/images/shape-z7.png b/static/newProduct/assets/images/shape-z7.png deleted file mode 100644 index f485cbb..0000000 Binary files a/static/newProduct/assets/images/shape-z7.png and /dev/null differ diff --git a/static/newProduct/assets/images/ui-shape-a.svg b/static/newProduct/assets/images/ui-shape-a.svg deleted file mode 100644 index 64abd02..0000000 --- a/static/newProduct/assets/images/ui-shape-a.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/ui-shape-b.svg b/static/newProduct/assets/images/ui-shape-b.svg deleted file mode 100644 index 8993ccb..0000000 --- a/static/newProduct/assets/images/ui-shape-b.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/ui-shape-light-a.svg b/static/newProduct/assets/images/ui-shape-light-a.svg deleted file mode 100644 index 14048f8..0000000 --- a/static/newProduct/assets/images/ui-shape-light-a.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/ui-shape-light-b.svg b/static/newProduct/assets/images/ui-shape-light-b.svg deleted file mode 100644 index c549afb..0000000 --- a/static/newProduct/assets/images/ui-shape-light-b.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/ui-shape-zinnia-a.svg b/static/newProduct/assets/images/ui-shape-zinnia-a.svg deleted file mode 100644 index 8adf7e3..0000000 --- a/static/newProduct/assets/images/ui-shape-zinnia-a.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/ui-shape-zinnia-b.svg b/static/newProduct/assets/images/ui-shape-zinnia-b.svg deleted file mode 100644 index 5c918ac..0000000 --- a/static/newProduct/assets/images/ui-shape-zinnia-b.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/newProduct/assets/images/vr-line.png b/static/newProduct/assets/images/vr-line.png deleted file mode 100644 index 131fd17..0000000 Binary files a/static/newProduct/assets/images/vr-line.png and /dev/null differ diff --git a/static/newProduct/assets/js/charts.js b/static/newProduct/assets/js/charts.js deleted file mode 100644 index ba67f4f..0000000 --- a/static/newProduct/assets/js/charts.js +++ /dev/null @@ -1,308 +0,0 @@ -/*! - * Charts - ICOCrypto v1.9.0 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/static/newProduct/assets/js/jquery.bundle.js b/static/newProduct/assets/js/jquery.bundle.js deleted file mode 100644 index ab3d6c9..0000000 --- a/static/newProduct/assets/js/jquery.bundle.js +++ /dev/null @@ -1,216 +0,0 @@ -/*! jQuery v3.3.1 | (c) JS 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(e,t){"use strict";var n=[],r=e.document,i=Object.getPrototypeOf,o=n.slice,a=n.concat,s=n.push,u=n.indexOf,l={},c=l.toString,f=l.hasOwnProperty,p=f.toString,d=p.call(Object),h={},g=function e(t){return"function"==typeof t&&"number"!=typeof t.nodeType},y=function e(t){return null!=t&&t===t.window},v={type:!0,src:!0,noModule:!0};function m(e,t,n){var i,o=(t=t||r).createElement("script");if(o.text=e,n)for(i in v)n[i]&&(o[i]=n[i]);t.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[c.call(e)]||"object":typeof e}var b="3.3.1",w=function(e,t){return new w.fn.init(e,t)},T=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;w.fn=w.prototype={jquery:"3.3.1",constructor:w,length:0,toArray:function(){return o.call(this)},get:function(e){return null==e?o.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=w.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return w.each(this,e)},map:function(e){return this.pushStack(w.map(this,function(t,n){return e.call(t,n,t)}))},slice:function(){return this.pushStack(o.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(n>=0&&n0&&t-1 in e)}var E=function(e){var t,n,r,i,o,a,s,u,l,c,f,p,d,h,g,y,v,m,x,b="sizzle"+1*new Date,w=e.document,T=0,C=0,E=ae(),k=ae(),S=ae(),D=function(e,t){return e===t&&(f=!0),0},N={}.hasOwnProperty,A=[],j=A.pop,q=A.push,L=A.push,H=A.slice,O=function(e,t){for(var n=0,r=e.length;n+~]|"+M+")"+M+"*"),z=new RegExp("="+M+"*([^\\]'\"]*?)"+M+"*\\]","g"),X=new RegExp(W),U=new RegExp("^"+R+"$"),V={ID:new RegExp("^#("+R+")"),CLASS:new RegExp("^\\.("+R+")"),TAG:new RegExp("^("+R+"|[*])"),ATTR:new RegExp("^"+I),PSEUDO:new RegExp("^"+W),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("^(?:"+P+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},G=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Q=/^[^{]+\{\s*\[native \w/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,K=/[+~]/,Z=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),ee=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},te=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ne=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},re=function(){p()},ie=me(function(e){return!0===e.disabled&&("form"in e||"label"in e)},{dir:"parentNode",next:"legend"});try{L.apply(A=H.call(w.childNodes),w.childNodes),A[w.childNodes.length].nodeType}catch(e){L={apply:A.length?function(e,t){q.apply(e,H.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function oe(e,t,r,i){var o,s,l,c,f,h,v,m=t&&t.ownerDocument,T=t?t.nodeType:9;if(r=r||[],"string"!=typeof e||!e||1!==T&&9!==T&&11!==T)return r;if(!i&&((t?t.ownerDocument||t:w)!==d&&p(t),t=t||d,g)){if(11!==T&&(f=J.exec(e)))if(o=f[1]){if(9===T){if(!(l=t.getElementById(o)))return r;if(l.id===o)return r.push(l),r}else if(m&&(l=m.getElementById(o))&&x(t,l)&&l.id===o)return r.push(l),r}else{if(f[2])return L.apply(r,t.getElementsByTagName(e)),r;if((o=f[3])&&n.getElementsByClassName&&t.getElementsByClassName)return L.apply(r,t.getElementsByClassName(o)),r}if(n.qsa&&!S[e+" "]&&(!y||!y.test(e))){if(1!==T)m=t,v=e;else if("object"!==t.nodeName.toLowerCase()){(c=t.getAttribute("id"))?c=c.replace(te,ne):t.setAttribute("id",c=b),s=(h=a(e)).length;while(s--)h[s]="#"+c+" "+ve(h[s]);v=h.join(","),m=K.test(e)&&ge(t.parentNode)||t}if(v)try{return L.apply(r,m.querySelectorAll(v)),r}catch(e){}finally{c===b&&t.removeAttribute("id")}}}return u(e.replace(B,"$1"),t,r,i)}function ae(){var e=[];function t(n,i){return e.push(n+" ")>r.cacheLength&&delete t[e.shift()],t[n+" "]=i}return t}function se(e){return e[b]=!0,e}function ue(e){var t=d.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function le(e,t){var n=e.split("|"),i=n.length;while(i--)r.attrHandle[n[i]]=t}function ce(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 fe(e){return function(t){return"input"===t.nodeName.toLowerCase()&&t.type===e}}function pe(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function de(e){return function(t){return"form"in t?t.parentNode&&!1===t.disabled?"label"in t?"label"in t.parentNode?t.parentNode.disabled===e:t.disabled===e:t.isDisabled===e||t.isDisabled!==!e&&ie(t)===e:t.disabled===e:"label"in t&&t.disabled===e}}function he(e){return se(function(t){return t=+t,se(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}function ge(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}n=oe.support={},o=oe.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return!!t&&"HTML"!==t.nodeName},p=oe.setDocument=function(e){var t,i,a=e?e.ownerDocument||e:w;return a!==d&&9===a.nodeType&&a.documentElement?(d=a,h=d.documentElement,g=!o(d),w!==d&&(i=d.defaultView)&&i.top!==i&&(i.addEventListener?i.addEventListener("unload",re,!1):i.attachEvent&&i.attachEvent("onunload",re)),n.attributes=ue(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ue(function(e){return e.appendChild(d.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=Q.test(d.getElementsByClassName),n.getById=ue(function(e){return h.appendChild(e).id=b,!d.getElementsByName||!d.getElementsByName(b).length}),n.getById?(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){return e.getAttribute("id")===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n=t.getElementById(e);return n?[n]:[]}}):(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){var n="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return n&&n.value===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){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[]}}),r.find.TAG=n.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):n.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},r.find.CLASS=n.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&g)return t.getElementsByClassName(e)},v=[],y=[],(n.qsa=Q.test(d.querySelectorAll))&&(ue(function(e){h.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&y.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||y.push("\\["+M+"*(?:value|"+P+")"),e.querySelectorAll("[id~="+b+"-]").length||y.push("~="),e.querySelectorAll(":checked").length||y.push(":checked"),e.querySelectorAll("a#"+b+"+*").length||y.push(".#.+[+~]")}),ue(function(e){e.innerHTML="";var t=d.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&y.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&y.push(":enabled",":disabled"),h.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&y.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),y.push(",.*:")})),(n.matchesSelector=Q.test(m=h.matches||h.webkitMatchesSelector||h.mozMatchesSelector||h.oMatchesSelector||h.msMatchesSelector))&&ue(function(e){n.disconnectedMatch=m.call(e,"*"),m.call(e,"[s!='']:x"),v.push("!=",W)}),y=y.length&&new RegExp(y.join("|")),v=v.length&&new RegExp(v.join("|")),t=Q.test(h.compareDocumentPosition),x=t||Q.test(h.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},D=t?function(e,t){if(e===t)return f=!0,0;var r=!e.compareDocumentPosition-!t.compareDocumentPosition;return r||(1&(r=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!n.sortDetached&&t.compareDocumentPosition(e)===r?e===d||e.ownerDocument===w&&x(w,e)?-1:t===d||t.ownerDocument===w&&x(w,t)?1:c?O(c,e)-O(c,t):0:4&r?-1:1)}:function(e,t){if(e===t)return f=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e===d?-1:t===d?1:i?-1:o?1:c?O(c,e)-O(c,t):0;if(i===o)return ce(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?ce(a[r],s[r]):a[r]===w?-1:s[r]===w?1:0},d):d},oe.matches=function(e,t){return oe(e,null,null,t)},oe.matchesSelector=function(e,t){if((e.ownerDocument||e)!==d&&p(e),t=t.replace(z,"='$1']"),n.matchesSelector&&g&&!S[t+" "]&&(!v||!v.test(t))&&(!y||!y.test(t)))try{var r=m.call(e,t);if(r||n.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(e){}return oe(t,d,null,[e]).length>0},oe.contains=function(e,t){return(e.ownerDocument||e)!==d&&p(e),x(e,t)},oe.attr=function(e,t){(e.ownerDocument||e)!==d&&p(e);var i=r.attrHandle[t.toLowerCase()],o=i&&N.call(r.attrHandle,t.toLowerCase())?i(e,t,!g):void 0;return void 0!==o?o:n.attributes||!g?e.getAttribute(t):(o=e.getAttributeNode(t))&&o.specified?o.value:null},oe.escape=function(e){return(e+"").replace(te,ne)},oe.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},oe.uniqueSort=function(e){var t,r=[],i=0,o=0;if(f=!n.detectDuplicates,c=!n.sortStable&&e.slice(0),e.sort(D),f){while(t=e[o++])t===e[o]&&(i=r.push(o));while(i--)e.splice(r[i],1)}return c=null,e},i=oe.getText=function(e){var t,n="",r=0,o=e.nodeType;if(o){if(1===o||9===o||11===o){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=i(e)}else if(3===o||4===o)return e.nodeValue}else while(t=e[r++])n+=i(t);return n},(r=oe.selectors={cacheLength:50,createPseudo:se,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(Z,ee),e[3]=(e[3]||e[4]||e[5]||"").replace(Z,ee),"~="===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]||oe.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]&&oe.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return V.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=a(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(Z,ee).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=E[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&E(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=oe.attr(r,e);return null==i?"!="===t:!t||(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i.replace($," ")+" ").indexOf(n)>-1:"|="===t&&(i===n||i.slice(0,n.length+1)===n+"-"))}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,f,p,d,h,g=o!==a?"nextSibling":"previousSibling",y=t.parentNode,v=s&&t.nodeName.toLowerCase(),m=!u&&!s,x=!1;if(y){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===v:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?y.firstChild:y.lastChild],a&&m){x=(d=(l=(c=(f=(p=y)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1])&&l[2],p=d&&y.childNodes[d];while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if(1===p.nodeType&&++x&&p===t){c[e]=[T,d,x];break}}else if(m&&(x=d=(l=(c=(f=(p=t)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1]),!1===x)while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===v:1===p.nodeType)&&++x&&(m&&((c=(f=p[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]=[T,x]),p===t))break;return(x-=i)===r||x%r==0&&x/r>=0}}},PSEUDO:function(e,t){var n,i=r.pseudos[e]||r.setFilters[e.toLowerCase()]||oe.error("unsupported pseudo: "+e);return i[b]?i(t):i.length>1?(n=[e,e,"",t],r.setFilters.hasOwnProperty(e.toLowerCase())?se(function(e,n){var r,o=i(e,t),a=o.length;while(a--)e[r=O(e,o[a])]=!(n[r]=o[a])}):function(e){return i(e,0,n)}):i}},pseudos:{not:se(function(e){var t=[],n=[],r=s(e.replace(B,"$1"));return r[b]?se(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),t[0]=null,!n.pop()}}),has:se(function(e){return function(t){return oe(e,t).length>0}}),contains:se(function(e){return e=e.replace(Z,ee),function(t){return(t.textContent||t.innerText||i(t)).indexOf(e)>-1}}),lang:se(function(e){return U.test(e||"")||oe.error("unsupported lang: "+e),e=e.replace(Z,ee).toLowerCase(),function(t){var n;do{if(n=g?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return(n=n.toLowerCase())===e||0===n.indexOf(e+"-")}while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===h},focus:function(e){return e===d.activeElement&&(!d.hasFocus||d.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:de(!1),disabled:de(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!r.pseudos.empty(e)},header:function(e){return Y.test(e.nodeName)},input:function(e){return G.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:he(function(){return[0]}),last:he(function(e,t){return[t-1]}),eq:he(function(e,t,n){return[n<0?n+t:n]}),even:he(function(e,t){for(var n=0;n=0;)e.push(r);return e}),gt:he(function(e,t,n){for(var r=n<0?n+t:n;++r1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function be(e,t,n){for(var r=0,i=t.length;r-1&&(o[l]=!(a[l]=f))}}else v=we(v===a?v.splice(h,v.length):v),i?i(null,a,v,u):L.apply(a,v)})}function Ce(e){for(var t,n,i,o=e.length,a=r.relative[e[0].type],s=a||r.relative[" "],u=a?1:0,c=me(function(e){return e===t},s,!0),f=me(function(e){return O(t,e)>-1},s,!0),p=[function(e,n,r){var i=!a&&(r||n!==l)||((t=n).nodeType?c(e,n,r):f(e,n,r));return t=null,i}];u1&&xe(p),u>1&&ve(e.slice(0,u-1).concat({value:" "===e[u-2].type?"*":""})).replace(B,"$1"),n,u0,i=e.length>0,o=function(o,a,s,u,c){var f,h,y,v=0,m="0",x=o&&[],b=[],w=l,C=o||i&&r.find.TAG("*",c),E=T+=null==w?1:Math.random()||.1,k=C.length;for(c&&(l=a===d||a||c);m!==k&&null!=(f=C[m]);m++){if(i&&f){h=0,a||f.ownerDocument===d||(p(f),s=!g);while(y=e[h++])if(y(f,a||d,s)){u.push(f);break}c&&(T=E)}n&&((f=!y&&f)&&v--,o&&x.push(f))}if(v+=m,n&&m!==v){h=0;while(y=t[h++])y(x,b,a,s);if(o){if(v>0)while(m--)x[m]||b[m]||(b[m]=j.call(u));b=we(b)}L.apply(u,b),c&&!o&&b.length>0&&v+t.length>1&&oe.uniqueSort(u)}return c&&(T=E,l=w),x};return n?se(o):o}return s=oe.compile=function(e,t){var n,r=[],i=[],o=S[e+" "];if(!o){t||(t=a(e)),n=t.length;while(n--)(o=Ce(t[n]))[b]?r.push(o):i.push(o);(o=S(e,Ee(i,r))).selector=e}return o},u=oe.select=function(e,t,n,i){var o,u,l,c,f,p="function"==typeof e&&e,d=!i&&a(e=p.selector||e);if(n=n||[],1===d.length){if((u=d[0]=d[0].slice(0)).length>2&&"ID"===(l=u[0]).type&&9===t.nodeType&&g&&r.relative[u[1].type]){if(!(t=(r.find.ID(l.matches[0].replace(Z,ee),t)||[])[0]))return n;p&&(t=t.parentNode),e=e.slice(u.shift().value.length)}o=V.needsContext.test(e)?0:u.length;while(o--){if(l=u[o],r.relative[c=l.type])break;if((f=r.find[c])&&(i=f(l.matches[0].replace(Z,ee),K.test(u[0].type)&&ge(t.parentNode)||t))){if(u.splice(o,1),!(e=i.length&&ve(u)))return L.apply(n,i),n;break}}}return(p||s(e,d))(i,t,!g,n,!t||K.test(e)&&ge(t.parentNode)||t),n},n.sortStable=b.split("").sort(D).join("")===b,n.detectDuplicates=!!f,p(),n.sortDetached=ue(function(e){return 1&e.compareDocumentPosition(d.createElement("fieldset"))}),ue(function(e){return e.innerHTML="","#"===e.firstChild.getAttribute("href")})||le("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),n.attributes&&ue(function(e){return e.innerHTML="",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||le("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ue(function(e){return null==e.getAttribute("disabled")})||le(P,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),oe}(e);w.find=E,w.expr=E.selectors,w.expr[":"]=w.expr.pseudos,w.uniqueSort=w.unique=E.uniqueSort,w.text=E.getText,w.isXMLDoc=E.isXML,w.contains=E.contains,w.escapeSelector=E.escape;var k=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&w(e).is(n))break;r.push(e)}return r},S=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},D=w.expr.match.needsContext;function N(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var A=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,t,n){return g(t)?w.grep(e,function(e,r){return!!t.call(e,r,e)!==n}):t.nodeType?w.grep(e,function(e){return e===t!==n}):"string"!=typeof t?w.grep(e,function(e){return u.call(t,e)>-1!==n}):w.filter(t,e,n)}w.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?w.find.matchesSelector(r,e)?[r]:[]:w.find.matches(e,w.grep(t,function(e){return 1===e.nodeType}))},w.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(w(e).filter(function(){for(t=0;t1?w.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&D.test(e)?w(e):e||[],!1).length}});var q,L=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(w.fn.init=function(e,t,n){var i,o;if(!e)return this;if(n=n||q,"string"==typeof e){if(!(i="<"===e[0]&&">"===e[e.length-1]&&e.length>=3?[null,e,null]:L.exec(e))||!i[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(i[1]){if(t=t instanceof w?t[0]:t,w.merge(this,w.parseHTML(i[1],t&&t.nodeType?t.ownerDocument||t:r,!0)),A.test(i[1])&&w.isPlainObject(t))for(i in t)g(this[i])?this[i](t[i]):this.attr(i,t[i]);return this}return(o=r.getElementById(i[2]))&&(this[0]=o,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):g(e)?void 0!==n.ready?n.ready(e):e(w):w.makeArray(e,this)}).prototype=w.fn,q=w(r);var H=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};w.fn.extend({has:function(e){var t=w(e,this),n=t.length;return this.filter(function(){for(var e=0;e-1:1===n.nodeType&&w.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(o.length>1?w.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?u.call(w(e),this[0]):u.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(w.uniqueSort(w.merge(this.get(),w(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}w.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return k(e,"parentNode")},parentsUntil:function(e,t,n){return k(e,"parentNode",n)},next:function(e){return P(e,"nextSibling")},prev:function(e){return P(e,"previousSibling")},nextAll:function(e){return k(e,"nextSibling")},prevAll:function(e){return k(e,"previousSibling")},nextUntil:function(e,t,n){return k(e,"nextSibling",n)},prevUntil:function(e,t,n){return k(e,"previousSibling",n)},siblings:function(e){return S((e.parentNode||{}).firstChild,e)},children:function(e){return S(e.firstChild)},contents:function(e){return N(e,"iframe")?e.contentDocument:(N(e,"template")&&(e=e.content||e),w.merge([],e.childNodes))}},function(e,t){w.fn[e]=function(n,r){var i=w.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=w.filter(r,i)),this.length>1&&(O[e]||w.uniqueSort(i),H.test(e)&&i.reverse()),this.pushStack(i)}});var M=/[^\x20\t\r\n\f]+/g;function R(e){var t={};return w.each(e.match(M)||[],function(e,n){t[n]=!0}),t}w.Callbacks=function(e){e="string"==typeof e?R(e):w.extend({},e);var t,n,r,i,o=[],a=[],s=-1,u=function(){for(i=i||e.once,r=t=!0;a.length;s=-1){n=a.shift();while(++s-1)o.splice(n,1),n<=s&&s--}),this},has:function(e){return e?w.inArray(e,o)>-1:o.length>0},empty:function(){return o&&(o=[]),this},disable:function(){return i=a=[],o=n="",this},disabled:function(){return!o},lock:function(){return i=a=[],n||t||(o=n=""),this},locked:function(){return!!i},fireWith:function(e,n){return i||(n=[e,(n=n||[]).slice?n.slice():n],a.push(n),t||u()),this},fire:function(){return l.fireWith(this,arguments),this},fired:function(){return!!r}};return l};function I(e){return e}function W(e){throw e}function $(e,t,n,r){var i;try{e&&g(i=e.promise)?i.call(e).done(t).fail(n):e&&g(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}w.extend({Deferred:function(t){var n=[["notify","progress",w.Callbacks("memory"),w.Callbacks("memory"),2],["resolve","done",w.Callbacks("once memory"),w.Callbacks("once memory"),0,"resolved"],["reject","fail",w.Callbacks("once memory"),w.Callbacks("once memory"),1,"rejected"]],r="pending",i={state:function(){return r},always:function(){return o.done(arguments).fail(arguments),this},"catch":function(e){return i.then(null,e)},pipe:function(){var e=arguments;return w.Deferred(function(t){w.each(n,function(n,r){var i=g(e[r[4]])&&e[r[4]];o[r[1]](function(){var e=i&&i.apply(this,arguments);e&&g(e.promise)?e.promise().progress(t.notify).done(t.resolve).fail(t.reject):t[r[0]+"With"](this,i?[e]:arguments)})}),e=null}).promise()},then:function(t,r,i){var o=0;function a(t,n,r,i){return function(){var s=this,u=arguments,l=function(){var e,l;if(!(t=o&&(r!==W&&(s=void 0,u=[e]),n.rejectWith(s,u))}};t?c():(w.Deferred.getStackHook&&(c.stackTrace=w.Deferred.getStackHook()),e.setTimeout(c))}}return w.Deferred(function(e){n[0][3].add(a(0,e,g(i)?i:I,e.notifyWith)),n[1][3].add(a(0,e,g(t)?t:I)),n[2][3].add(a(0,e,g(r)?r:W))}).promise()},promise:function(e){return null!=e?w.extend(e,i):i}},o={};return w.each(n,function(e,t){var a=t[2],s=t[5];i[t[1]]=a.add,s&&a.add(function(){r=s},n[3-e][2].disable,n[3-e][3].disable,n[0][2].lock,n[0][3].lock),a.add(t[3].fire),o[t[0]]=function(){return o[t[0]+"With"](this===o?void 0:this,arguments),this},o[t[0]+"With"]=a.fireWith}),i.promise(o),t&&t.call(o,o),o},when:function(e){var t=arguments.length,n=t,r=Array(n),i=o.call(arguments),a=w.Deferred(),s=function(e){return function(n){r[e]=this,i[e]=arguments.length>1?o.call(arguments):n,--t||a.resolveWith(r,i)}};if(t<=1&&($(e,a.done(s(n)).resolve,a.reject,!t),"pending"===a.state()||g(i[n]&&i[n].then)))return a.then();while(n--)$(i[n],s(n),a.reject);return a.promise()}});var B=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;w.Deferred.exceptionHook=function(t,n){e.console&&e.console.warn&&t&&B.test(t.name)&&e.console.warn("jQuery.Deferred exception: "+t.message,t.stack,n)},w.readyException=function(t){e.setTimeout(function(){throw t})};var F=w.Deferred();w.fn.ready=function(e){return F.then(e)["catch"](function(e){w.readyException(e)}),this},w.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--w.readyWait:w.isReady)||(w.isReady=!0,!0!==e&&--w.readyWait>0||F.resolveWith(r,[w]))}}),w.ready.then=F.then;function _(){r.removeEventListener("DOMContentLoaded",_),e.removeEventListener("load",_),w.ready()}"complete"===r.readyState||"loading"!==r.readyState&&!r.documentElement.doScroll?e.setTimeout(w.ready):(r.addEventListener("DOMContentLoaded",_),e.addEventListener("load",_));var z=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===x(n)){i=!0;for(s in n)z(e,t,s,n[s],!0,o,a)}else if(void 0!==r&&(i=!0,g(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(w(e),n)})),t))for(;s1,null,!0)},removeData:function(e){return this.each(function(){K.remove(this,e)})}}),w.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=J.get(e,t),n&&(!r||Array.isArray(n)?r=J.access(e,t,w.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=w.queue(e,t),r=n.length,i=n.shift(),o=w._queueHooks(e,t),a=function(){w.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return J.get(e,n)||J.access(e,n,{empty:w.Callbacks("once memory").add(function(){J.remove(e,[t+"queue",n])})})}}),w.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),arguments.length\x20\t\r\n\f]+)/i,he=/^$|^module$|\/(?:java|ecma)script/i,ge={option:[1,""],thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};ge.optgroup=ge.option,ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td;function ye(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&N(e,t)?w.merge([e],n):n}function ve(e,t){for(var n=0,r=e.length;n-1)i&&i.push(o);else if(l=w.contains(o.ownerDocument,o),a=ye(f.appendChild(o),"script"),l&&ve(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}!function(){var e=r.createDocumentFragment().appendChild(r.createElement("div")),t=r.createElement("input");t.setAttribute("type","radio"),t.setAttribute("checked","checked"),t.setAttribute("name","t"),e.appendChild(t),h.checkClone=e.cloneNode(!0).cloneNode(!0).lastChild.checked,e.innerHTML="",h.noCloneChecked=!!e.cloneNode(!0).lastChild.defaultValue}();var be=r.documentElement,we=/^key/,Te=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ce=/^([^.]*)(?:\.(.+)|)/;function Ee(){return!0}function ke(){return!1}function Se(){try{return r.activeElement}catch(e){}}function De(e,t,n,r,i,o){var a,s;if("object"==typeof t){"string"!=typeof n&&(r=r||n,n=void 0);for(s in t)De(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=ke;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return w().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=w.guid++)),e.each(function(){w.event.add(this,t,i,r,n)})}w.event={global:{},add:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.get(e);if(y){n.handler&&(n=(o=n).handler,i=o.selector),i&&w.find.matchesSelector(be,i),n.guid||(n.guid=w.guid++),(u=y.events)||(u=y.events={}),(a=y.handle)||(a=y.handle=function(t){return"undefined"!=typeof w&&w.event.triggered!==t.type?w.event.dispatch.apply(e,arguments):void 0}),l=(t=(t||"").match(M)||[""]).length;while(l--)d=g=(s=Ce.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=w.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=w.event.special[d]||{},c=w.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&w.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(e,r,h,a)||e.addEventListener&&e.addEventListener(d,a)),f.add&&(f.add.call(e,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),w.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.hasData(e)&&J.get(e);if(y&&(u=y.events)){l=(t=(t||"").match(M)||[""]).length;while(l--)if(s=Ce.exec(t[l])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){f=w.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,y.handle)||w.removeEvent(e,d,y.handle),delete u[d])}else for(d in u)w.event.remove(e,d+t[l],n,r,!0);w.isEmptyObject(u)&&J.remove(e,"handle events")}},dispatch:function(e){var t=w.event.fix(e),n,r,i,o,a,s,u=new Array(arguments.length),l=(J.get(this,"events")||{})[t.type]||[],c=w.event.special[t.type]||{};for(u[0]=t,n=1;n=1))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n-1:w.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u\x20\t\r\n\f]*)[^>]*)\/>/gi,Ae=/\s*$/g;function Le(e,t){return N(e,"table")&&N(11!==t.nodeType?t:t.firstChild,"tr")?w(e).children("tbody")[0]||e:e}function He(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function Oe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Pe(e,t){var n,r,i,o,a,s,u,l;if(1===t.nodeType){if(J.hasData(e)&&(o=J.access(e),a=J.set(t,o),l=o.events)){delete a.handle,a.events={};for(i in l)for(n=0,r=l[i].length;n1&&"string"==typeof y&&!h.checkClone&&je.test(y))return e.each(function(i){var o=e.eq(i);v&&(t[0]=y.call(this,i,o.html())),Re(o,t,n,r)});if(p&&(i=xe(t,e[0].ownerDocument,!1,e,r),o=i.firstChild,1===i.childNodes.length&&(i=o),o||r)){for(u=(s=w.map(ye(i,"script"),He)).length;f")},clone:function(e,t,n){var r,i,o,a,s=e.cloneNode(!0),u=w.contains(e.ownerDocument,e);if(!(h.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||w.isXMLDoc(e)))for(a=ye(s),r=0,i=(o=ye(e)).length;r0&&ve(a,!u&&ye(e,"script")),s},cleanData:function(e){for(var t,n,r,i=w.event.special,o=0;void 0!==(n=e[o]);o++)if(Y(n)){if(t=n[J.expando]){if(t.events)for(r in t.events)i[r]?w.event.remove(n,r):w.removeEvent(n,r,t.handle);n[J.expando]=void 0}n[K.expando]&&(n[K.expando]=void 0)}}}),w.fn.extend({detach:function(e){return Ie(this,e,!0)},remove:function(e){return Ie(this,e)},text:function(e){return z(this,function(e){return void 0===e?w.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return Re(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||Le(this,e).appendChild(e)})},prepend:function(){return Re(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Le(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return Re(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return Re(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(w.cleanData(ye(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return w.clone(this,e,t)})},html:function(e){return z(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!Ae.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=w.htmlPrefilter(e);try{for(;n=0&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))),u}function et(e,t,n){var r=$e(e),i=Fe(e,t,r),o="border-box"===w.css(e,"boxSizing",!1,r),a=o;if(We.test(i)){if(!n)return i;i="auto"}return a=a&&(h.boxSizingReliable()||i===e.style[t]),("auto"===i||!parseFloat(i)&&"inline"===w.css(e,"display",!1,r))&&(i=e["offset"+t[0].toUpperCase()+t.slice(1)],a=!0),(i=parseFloat(i)||0)+Ze(e,t,n||(o?"border":"content"),a,r,i)+"px"}w.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Fe(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=G(t),u=Xe.test(t),l=e.style;if(u||(t=Je(s)),a=w.cssHooks[t]||w.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"==(o=typeof n)&&(i=ie.exec(n))&&i[1]&&(n=ue(e,t,i),o="number"),null!=n&&n===n&&("number"===o&&(n+=i&&i[3]||(w.cssNumber[s]?"":"px")),h.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=G(t);return Xe.test(t)||(t=Je(s)),(a=w.cssHooks[t]||w.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=Fe(e,t,r)),"normal"===i&&t in Ve&&(i=Ve[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),w.each(["height","width"],function(e,t){w.cssHooks[t]={get:function(e,n,r){if(n)return!ze.test(w.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?et(e,t,r):se(e,Ue,function(){return et(e,t,r)})},set:function(e,n,r){var i,o=$e(e),a="border-box"===w.css(e,"boxSizing",!1,o),s=r&&Ze(e,t,r,a,o);return a&&h.scrollboxSize()===o.position&&(s-=Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-parseFloat(o[t])-Ze(e,t,"border",!1,o)-.5)),s&&(i=ie.exec(n))&&"px"!==(i[3]||"px")&&(e.style[t]=n,n=w.css(e,t)),Ke(e,n,s)}}}),w.cssHooks.marginLeft=_e(h.reliableMarginLeft,function(e,t){if(t)return(parseFloat(Fe(e,"marginLeft"))||e.getBoundingClientRect().left-se(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),w.each({margin:"",padding:"",border:"Width"},function(e,t){w.cssHooks[e+t]={expand:function(n){for(var r=0,i={},o="string"==typeof n?n.split(" "):[n];r<4;r++)i[e+oe[r]+t]=o[r]||o[r-2]||o[0];return i}},"margin"!==e&&(w.cssHooks[e+t].set=Ke)}),w.fn.extend({css:function(e,t){return z(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=$e(e),i=t.length;a1)}});function tt(e,t,n,r,i){return new tt.prototype.init(e,t,n,r,i)}w.Tween=tt,tt.prototype={constructor:tt,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||w.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(w.cssNumber[n]?"":"px")},cur:function(){var e=tt.propHooks[this.prop];return e&&e.get?e.get(this):tt.propHooks._default.get(this)},run:function(e){var t,n=tt.propHooks[this.prop];return this.options.duration?this.pos=t=w.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):tt.propHooks._default.set(this),this}},tt.prototype.init.prototype=tt.prototype,tt.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=w.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){w.fx.step[e.prop]?w.fx.step[e.prop](e):1!==e.elem.nodeType||null==e.elem.style[w.cssProps[e.prop]]&&!w.cssHooks[e.prop]?e.elem[e.prop]=e.now:w.style(e.elem,e.prop,e.now+e.unit)}}},tt.propHooks.scrollTop=tt.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},w.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},w.fx=tt.prototype.init,w.fx.step={};var nt,rt,it=/^(?:toggle|show|hide)$/,ot=/queueHooks$/;function at(){rt&&(!1===r.hidden&&e.requestAnimationFrame?e.requestAnimationFrame(at):e.setTimeout(at,w.fx.interval),w.fx.tick())}function st(){return e.setTimeout(function(){nt=void 0}),nt=Date.now()}function ut(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=oe[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function lt(e,t,n){for(var r,i=(pt.tweeners[t]||[]).concat(pt.tweeners["*"]),o=0,a=i.length;o1)},removeAttr:function(e){return this.each(function(){w.removeAttr(this,e)})}}),w.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?w.prop(e,t,n):(1===o&&w.isXMLDoc(e)||(i=w.attrHooks[t.toLowerCase()]||(w.expr.match.bool.test(t)?dt:void 0)),void 0!==n?null===n?void w.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=w.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!h.radioValue&&"radio"===t&&N(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(M);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),dt={set:function(e,t,n){return!1===t?w.removeAttr(e,n):e.setAttribute(n,n),n}},w.each(w.expr.match.bool.source.match(/\w+/g),function(e,t){var n=ht[t]||w.find.attr;ht[t]=function(e,t,r){var i,o,a=t.toLowerCase();return r||(o=ht[a],ht[a]=i,i=null!=n(e,t,r)?a:null,ht[a]=o),i}});var gt=/^(?:input|select|textarea|button)$/i,yt=/^(?:a|area)$/i;w.fn.extend({prop:function(e,t){return z(this,w.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[w.propFix[e]||e]})}}),w.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&w.isXMLDoc(e)||(t=w.propFix[t]||t,i=w.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=w.find.attr(e,"tabindex");return t?parseInt(t,10):gt.test(e.nodeName)||yt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),h.optSelected||(w.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),w.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){w.propFix[this.toLowerCase()]=this});function vt(e){return(e.match(M)||[]).join(" ")}function mt(e){return e.getAttribute&&e.getAttribute("class")||""}function xt(e){return Array.isArray(e)?e:"string"==typeof e?e.match(M)||[]:[]}w.fn.extend({addClass:function(e){var t,n,r,i,o,a,s,u=0;if(g(e))return this.each(function(t){w(this).addClass(e.call(this,t,mt(this)))});if((t=xt(e)).length)while(n=this[u++])if(i=mt(n),r=1===n.nodeType&&" "+vt(i)+" "){a=0;while(o=t[a++])r.indexOf(" "+o+" ")<0&&(r+=o+" ");i!==(s=vt(r))&&n.setAttribute("class",s)}return this},removeClass:function(e){var t,n,r,i,o,a,s,u=0;if(g(e))return this.each(function(t){w(this).removeClass(e.call(this,t,mt(this)))});if(!arguments.length)return this.attr("class","");if((t=xt(e)).length)while(n=this[u++])if(i=mt(n),r=1===n.nodeType&&" "+vt(i)+" "){a=0;while(o=t[a++])while(r.indexOf(" "+o+" ")>-1)r=r.replace(" "+o+" "," ");i!==(s=vt(r))&&n.setAttribute("class",s)}return this},toggleClass:function(e,t){var n=typeof e,r="string"===n||Array.isArray(e);return"boolean"==typeof t&&r?t?this.addClass(e):this.removeClass(e):g(e)?this.each(function(n){w(this).toggleClass(e.call(this,n,mt(this),t),t)}):this.each(function(){var t,i,o,a;if(r){i=0,o=w(this),a=xt(e);while(t=a[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else void 0!==e&&"boolean"!==n||((t=mt(this))&&J.set(this,"__className__",t),this.setAttribute&&this.setAttribute("class",t||!1===e?"":J.get(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&(" "+vt(mt(n))+" ").indexOf(t)>-1)return!0;return!1}});var bt=/\r/g;w.fn.extend({val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=g(e),this.each(function(n){var i;1===this.nodeType&&(null==(i=r?e.call(this,n,w(this).val()):e)?i="":"number"==typeof i?i+="":Array.isArray(i)&&(i=w.map(i,function(e){return null==e?"":e+""})),(t=w.valHooks[this.type]||w.valHooks[this.nodeName.toLowerCase()])&&"set"in t&&void 0!==t.set(this,i,"value")||(this.value=i))});if(i)return(t=w.valHooks[i.type]||w.valHooks[i.nodeName.toLowerCase()])&&"get"in t&&void 0!==(n=t.get(i,"value"))?n:"string"==typeof(n=i.value)?n.replace(bt,""):null==n?"":n}}}),w.extend({valHooks:{option:{get:function(e){var t=w.find.attr(e,"value");return null!=t?t:vt(w.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r-1)&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),w.each(["radio","checkbox"],function(){w.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=w.inArray(w(e).val(),t)>-1}},h.checkOn||(w.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),h.focusin="onfocusin"in e;var wt=/^(?:focusinfocus|focusoutblur)$/,Tt=function(e){e.stopPropagation()};w.extend(w.event,{trigger:function(t,n,i,o){var a,s,u,l,c,p,d,h,v=[i||r],m=f.call(t,"type")?t.type:t,x=f.call(t,"namespace")?t.namespace.split("."):[];if(s=h=u=i=i||r,3!==i.nodeType&&8!==i.nodeType&&!wt.test(m+w.event.triggered)&&(m.indexOf(".")>-1&&(m=(x=m.split(".")).shift(),x.sort()),c=m.indexOf(":")<0&&"on"+m,t=t[w.expando]?t:new w.Event(m,"object"==typeof t&&t),t.isTrigger=o?2:3,t.namespace=x.join("."),t.rnamespace=t.namespace?new RegExp("(^|\\.)"+x.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=void 0,t.target||(t.target=i),n=null==n?[t]:w.makeArray(n,[t]),d=w.event.special[m]||{},o||!d.trigger||!1!==d.trigger.apply(i,n))){if(!o&&!d.noBubble&&!y(i)){for(l=d.delegateType||m,wt.test(l+m)||(s=s.parentNode);s;s=s.parentNode)v.push(s),u=s;u===(i.ownerDocument||r)&&v.push(u.defaultView||u.parentWindow||e)}a=0;while((s=v[a++])&&!t.isPropagationStopped())h=s,t.type=a>1?l:d.bindType||m,(p=(J.get(s,"events")||{})[t.type]&&J.get(s,"handle"))&&p.apply(s,n),(p=c&&s[c])&&p.apply&&Y(s)&&(t.result=p.apply(s,n),!1===t.result&&t.preventDefault());return t.type=m,o||t.isDefaultPrevented()||d._default&&!1!==d._default.apply(v.pop(),n)||!Y(i)||c&&g(i[m])&&!y(i)&&((u=i[c])&&(i[c]=null),w.event.triggered=m,t.isPropagationStopped()&&h.addEventListener(m,Tt),i[m](),t.isPropagationStopped()&&h.removeEventListener(m,Tt),w.event.triggered=void 0,u&&(i[c]=u)),t.result}},simulate:function(e,t,n){var r=w.extend(new w.Event,n,{type:e,isSimulated:!0});w.event.trigger(r,null,t)}}),w.fn.extend({trigger:function(e,t){return this.each(function(){w.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return w.event.trigger(e,t,n,!0)}}),h.focusin||w.each({focus:"focusin",blur:"focusout"},function(e,t){var n=function(e){w.event.simulate(t,e.target,w.event.fix(e))};w.event.special[t]={setup:function(){var r=this.ownerDocument||this,i=J.access(r,t);i||r.addEventListener(e,n,!0),J.access(r,t,(i||0)+1)},teardown:function(){var r=this.ownerDocument||this,i=J.access(r,t)-1;i?J.access(r,t,i):(r.removeEventListener(e,n,!0),J.remove(r,t))}}});var Ct=e.location,Et=Date.now(),kt=/\?/;w.parseXML=function(t){var n;if(!t||"string"!=typeof t)return null;try{n=(new e.DOMParser).parseFromString(t,"text/xml")}catch(e){n=void 0}return n&&!n.getElementsByTagName("parsererror").length||w.error("Invalid XML: "+t),n};var St=/\[\]$/,Dt=/\r?\n/g,Nt=/^(?:submit|button|image|reset|file)$/i,At=/^(?:input|select|textarea|keygen)/i;function jt(e,t,n,r){var i;if(Array.isArray(t))w.each(t,function(t,i){n||St.test(e)?r(e,i):jt(e+"["+("object"==typeof i&&null!=i?t:"")+"]",i,n,r)});else if(n||"object"!==x(t))r(e,t);else for(i in t)jt(e+"["+i+"]",t[i],n,r)}w.param=function(e,t){var n,r=[],i=function(e,t){var n=g(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(Array.isArray(e)||e.jquery&&!w.isPlainObject(e))w.each(e,function(){i(this.name,this.value)});else for(n in e)jt(n,e[n],t,i);return r.join("&")},w.fn.extend({serialize:function(){return w.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=w.prop(this,"elements");return e?w.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!w(this).is(":disabled")&&At.test(this.nodeName)&&!Nt.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=w(this).val();return null==n?null:Array.isArray(n)?w.map(n,function(e){return{name:t.name,value:e.replace(Dt,"\r\n")}}):{name:t.name,value:n.replace(Dt,"\r\n")}}).get()}});var qt=/%20/g,Lt=/#.*$/,Ht=/([?&])_=[^&]*/,Ot=/^(.*?):[ \t]*([^\r\n]*)$/gm,Pt=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Mt=/^(?:GET|HEAD)$/,Rt=/^\/\//,It={},Wt={},$t="*/".concat("*"),Bt=r.createElement("a");Bt.href=Ct.href;function Ft(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(M)||[];if(g(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function _t(e,t,n,r){var i={},o=e===Wt;function a(s){var u;return i[s]=!0,w.each(e[s]||[],function(e,s){var l=s(t,n,r);return"string"!=typeof l||o||i[l]?o?!(u=l):void 0:(t.dataTypes.unshift(l),a(l),!1)}),u}return a(t.dataTypes[0])||!i["*"]&&a("*")}function zt(e,t){var n,r,i=w.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&w.extend(!0,e,r),e}function Xt(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}function Ut(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}w.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Ct.href,type:"GET",isLocal:Pt.test(Ct.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":$t,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":w.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?zt(zt(e,w.ajaxSettings),t):zt(w.ajaxSettings,e)},ajaxPrefilter:Ft(It),ajaxTransport:Ft(Wt),ajax:function(t,n){"object"==typeof t&&(n=t,t=void 0),n=n||{};var i,o,a,s,u,l,c,f,p,d,h=w.ajaxSetup({},n),g=h.context||h,y=h.context&&(g.nodeType||g.jquery)?w(g):w.event,v=w.Deferred(),m=w.Callbacks("once memory"),x=h.statusCode||{},b={},T={},C="canceled",E={readyState:0,getResponseHeader:function(e){var t;if(c){if(!s){s={};while(t=Ot.exec(a))s[t[1].toLowerCase()]=t[2]}t=s[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return c?a:null},setRequestHeader:function(e,t){return null==c&&(e=T[e.toLowerCase()]=T[e.toLowerCase()]||e,b[e]=t),this},overrideMimeType:function(e){return null==c&&(h.mimeType=e),this},statusCode:function(e){var t;if(e)if(c)E.always(e[E.status]);else for(t in e)x[t]=[x[t],e[t]];return this},abort:function(e){var t=e||C;return i&&i.abort(t),k(0,t),this}};if(v.promise(E),h.url=((t||h.url||Ct.href)+"").replace(Rt,Ct.protocol+"//"),h.type=n.method||n.type||h.method||h.type,h.dataTypes=(h.dataType||"*").toLowerCase().match(M)||[""],null==h.crossDomain){l=r.createElement("a");try{l.href=h.url,l.href=l.href,h.crossDomain=Bt.protocol+"//"+Bt.host!=l.protocol+"//"+l.host}catch(e){h.crossDomain=!0}}if(h.data&&h.processData&&"string"!=typeof h.data&&(h.data=w.param(h.data,h.traditional)),_t(It,h,n,E),c)return E;(f=w.event&&h.global)&&0==w.active++&&w.event.trigger("ajaxStart"),h.type=h.type.toUpperCase(),h.hasContent=!Mt.test(h.type),o=h.url.replace(Lt,""),h.hasContent?h.data&&h.processData&&0===(h.contentType||"").indexOf("application/x-www-form-urlencoded")&&(h.data=h.data.replace(qt,"+")):(d=h.url.slice(o.length),h.data&&(h.processData||"string"==typeof h.data)&&(o+=(kt.test(o)?"&":"?")+h.data,delete h.data),!1===h.cache&&(o=o.replace(Ht,"$1"),d=(kt.test(o)?"&":"?")+"_="+Et+++d),h.url=o+d),h.ifModified&&(w.lastModified[o]&&E.setRequestHeader("If-Modified-Since",w.lastModified[o]),w.etag[o]&&E.setRequestHeader("If-None-Match",w.etag[o])),(h.data&&h.hasContent&&!1!==h.contentType||n.contentType)&&E.setRequestHeader("Content-Type",h.contentType),E.setRequestHeader("Accept",h.dataTypes[0]&&h.accepts[h.dataTypes[0]]?h.accepts[h.dataTypes[0]]+("*"!==h.dataTypes[0]?", "+$t+"; q=0.01":""):h.accepts["*"]);for(p in h.headers)E.setRequestHeader(p,h.headers[p]);if(h.beforeSend&&(!1===h.beforeSend.call(g,E,h)||c))return E.abort();if(C="abort",m.add(h.complete),E.done(h.success),E.fail(h.error),i=_t(Wt,h,n,E)){if(E.readyState=1,f&&y.trigger("ajaxSend",[E,h]),c)return E;h.async&&h.timeout>0&&(u=e.setTimeout(function(){E.abort("timeout")},h.timeout));try{c=!1,i.send(b,k)}catch(e){if(c)throw e;k(-1,e)}}else k(-1,"No Transport");function k(t,n,r,s){var l,p,d,b,T,C=n;c||(c=!0,u&&e.clearTimeout(u),i=void 0,a=s||"",E.readyState=t>0?4:0,l=t>=200&&t<300||304===t,r&&(b=Xt(h,E,r)),b=Ut(h,b,E,l),l?(h.ifModified&&((T=E.getResponseHeader("Last-Modified"))&&(w.lastModified[o]=T),(T=E.getResponseHeader("etag"))&&(w.etag[o]=T)),204===t||"HEAD"===h.type?C="nocontent":304===t?C="notmodified":(C=b.state,p=b.data,l=!(d=b.error))):(d=C,!t&&C||(C="error",t<0&&(t=0))),E.status=t,E.statusText=(n||C)+"",l?v.resolveWith(g,[p,C,E]):v.rejectWith(g,[E,C,d]),E.statusCode(x),x=void 0,f&&y.trigger(l?"ajaxSuccess":"ajaxError",[E,h,l?p:d]),m.fireWith(g,[E,C]),f&&(y.trigger("ajaxComplete",[E,h]),--w.active||w.event.trigger("ajaxStop")))}return E},getJSON:function(e,t,n){return w.get(e,t,n,"json")},getScript:function(e,t){return w.get(e,void 0,t,"script")}}),w.each(["get","post"],function(e,t){w[t]=function(e,n,r,i){return g(n)&&(i=i||r,r=n,n=void 0),w.ajax(w.extend({url:e,type:t,dataType:i,data:n,success:r},w.isPlainObject(e)&&e))}}),w._evalUrl=function(e){return w.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,"throws":!0})},w.fn.extend({wrapAll:function(e){var t;return this[0]&&(g(e)&&(e=e.call(this[0])),t=w(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(e){return g(e)?this.each(function(t){w(this).wrapInner(e.call(this,t))}):this.each(function(){var t=w(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=g(e);return this.each(function(n){w(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(e){return this.parent(e).not("body").each(function(){w(this).replaceWith(this.childNodes)}),this}}),w.expr.pseudos.hidden=function(e){return!w.expr.pseudos.visible(e)},w.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},w.ajaxSettings.xhr=function(){try{return new e.XMLHttpRequest}catch(e){}};var Vt={0:200,1223:204},Gt=w.ajaxSettings.xhr();h.cors=!!Gt&&"withCredentials"in Gt,h.ajax=Gt=!!Gt,w.ajaxTransport(function(t){var n,r;if(h.cors||Gt&&!t.crossDomain)return{send:function(i,o){var a,s=t.xhr();if(s.open(t.type,t.url,t.async,t.username,t.password),t.xhrFields)for(a in t.xhrFields)s[a]=t.xhrFields[a];t.mimeType&&s.overrideMimeType&&s.overrideMimeType(t.mimeType),t.crossDomain||i["X-Requested-With"]||(i["X-Requested-With"]="XMLHttpRequest");for(a in i)s.setRequestHeader(a,i[a]);n=function(e){return function(){n&&(n=r=s.onload=s.onerror=s.onabort=s.ontimeout=s.onreadystatechange=null,"abort"===e?s.abort():"error"===e?"number"!=typeof s.status?o(0,"error"):o(s.status,s.statusText):o(Vt[s.status]||s.status,s.statusText,"text"!==(s.responseType||"text")||"string"!=typeof s.responseText?{binary:s.response}:{text:s.responseText},s.getAllResponseHeaders()))}},s.onload=n(),r=s.onerror=s.ontimeout=n("error"),void 0!==s.onabort?s.onabort=r:s.onreadystatechange=function(){4===s.readyState&&e.setTimeout(function(){n&&r()})},n=n("abort");try{s.send(t.hasContent&&t.data||null)}catch(e){if(n)throw e}},abort:function(){n&&n()}}}),w.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),w.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return w.globalEval(e),e}}}),w.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),w.ajaxTransport("script",function(e){if(e.crossDomain){var t,n;return{send:function(i,o){t=w(" - - - - - \ No newline at end of file