12 Years of Experience
Start Cheering.
The Supermodels Always Bring Their Flawless Festival Style to Rio
/*!—————————————————————– Name: Umbrella. – Photography HTML Template Version: 1.1.2 Author: raulvodov, _nK Website: https://nkdev.info Purchase: https://themeforest.net/item/umbrella-photography-html-template/17889537 Support: https://nk.ticksy.com License: You must have a valid license purchased only from ThemeForest (the above link) in order to legally use the theme for your project. Copyright 2018. ——————————————————————-*/ /*—————————————————————— [Typography] Body: 14px/2.287 Helvetica, Roboto, Arial, sans-serif; Headings: Helvetica, Roboto, Arial, sans-serif Note: Most of font sizes are relative to the base font size (rem) ——————————————————————-*/ /*—————————————————————— [Color codes] Main: #F44336 Dark: #212121 Text: #FFFFFF ——————————————————————-*/ /*—————————————————————— [Table of contents] 1. Bootstrap 2. Preloader 3. Base 4. Typography 5. Helpers 6. Preloader 7. Navbar 8. Slider 9. Page Content 10. Page Layout 11. Blog 12. Elements – Element Blockquotes – Element Forms – Element Social Links – Element Icons 13. Plugins – Plugin NanoScroller ——————————————————————-*/ /*—————————————————————— Bootstrap ——————————————————————-*/ .row > [class*=’col-‘] { position: relative; } .row.no-gap { margin-left: 0; margin-right: 0; } .row.no-gap > [class*=’col-‘] { padding-right: 0; padding-left: 0; } .row.vertical-gap > [class*=’col-‘] { padding-top: 30px; } .row.vertical-gap { margin-top: -30px; } .row.sm-gap { margin-left: -7.5px; margin-right: -7.5px; } .row.sm-gap > [class*=’col-‘] { padding-right: 7.5px; padding-left: 7.5px; } .row.sm-gap.vertical-gap > [class*=’col-‘] { padding-top: 15px; } .row.sm-gap.vertical-gap { margin-top: -15px; } .row.md-gap { margin-left: -22.5px; margin-right: -22.5px; } .row.md-gap > [class*=’col-‘] { padding-right: 22.5px; padding-left: 22.5px; } .row.md-gap.vertical-gap > [class*=’col-‘] { padding-top: 45px; } .row.md-gap.vertical-gap { margin-top: -45px; } .row.lg-gap { margin-left: -30px; margin-right: -30px; } .row.lg-gap > [class*=’col-‘] { padding-right: 30px; padding-left: 30px; } .row.lg-gap.vertical-gap > [class*=’col-‘] { padding-top: 60px; } .row.lg-gap.vertical-gap { margin-top: -60px; } .row.xl-gap { margin-left: -35px; margin-right: -35px; } .row.xl-gap > [class*=’col-‘] { padding-right: 35px; padding-left: 35px; } .row.xl-gap.vertical-gap > [class*=’col-‘] { padding-top: 70px; } .row.xl-gap.vertical-gap { margin-top: -70px; } .multi-columns-row > .first-in-row { clear: left; } .multi-columns-row > { /* clear the first in row for any block that has the class “multi-columns-row” */ } .multi-columns-row > .col-xs-6:nth-child(2n + 3) { clear: left; } .multi-columns-row > .col-xs-4:nth-child(3n + 4) { clear: left; } .multi-columns-row > .col-xs-3:nth-child(4n + 5) { clear: left; } .multi-columns-row > .col-xs-2:nth-child(6n + 7) { clear: left; } .multi-columns-row > .col-xs-1:nth-child(12n + 13) { clear: left; } @media (min-width: 544px) { .multi-columns-row > { /* reset if we have sm class */ /* clear first in row for small columns */ } .multi-columns-row > [class*=”col-“][class*=”col-sm-“] { clear: none; } .multi-columns-row > .col-sm-6:nth-child(2n + 3) { clear: left; } .multi-columns-row > .col-sm-4:nth-child(3n + 4) { clear: left; } .multi-columns-row > .col-sm-3:nth-child(4n + 5) { clear: left; } .multi-columns-row > .col-sm-2:nth-child(6n + 7) { clear: left; } .multi-columns-row > .col-sm-1:nth-child(12n + 13) { clear: left; } } @media (min-width: 768px) { .multi-columns-row > { /* reset if we have md class */ /* clear first in row for medium columns */ } .multi-columns-row > [class*=”col-“][class*=”col-md-“] { clear: none; } .multi-columns-row > .col-md-6:nth-child(2n + 3) { clear: left; } .multi-columns-row > .col-md-4:nth-child(3n + 4) { clear: left; } .multi-columns-row > .col-md-3:nth-child(4n + 5) { clear: left; } .multi-columns-row > .col-md-2:nth-child(6n + 7) { clear: left; } .multi-columns-row > .col-md-1:nth-child(12n + 13) { clear: left; } } @media (min-width: 992px) { .multi-columns-row > { /* reset if we have lg class */ /* clear first in row for large columns */ } .multi-columns-row > [class*=”col-“][class*=”col-lg-“] { clear: none; } .multi-columns-row > .col-lg-6:nth-child(2n + 3) { clear: left; } .multi-columns-row > .col-lg-4:nth-child(3n + 4) { clear: left; } .multi-columns-row > .col-lg-3:nth-child(4n + 5) { clear: left; } .multi-columns-row > .col-lg-2:nth-child(6n + 7) { clear: left; } .multi-columns-row > .col-lg-1:nth-child(12n + 13) { clear: left; } } @media (min-width: 1200px) { .multi-columns-row > { /* reset if we have xl class */ /* clear first in row for large columns */ } .multi-columns-row > [class*=”col-“][class*=”col-xl-“] { clear: none; } .multi-columns-row > .col-xl-6:nth-child(2n + 3) { clear: left; } .multi-columns-row > .col-xl-4:nth-child(3n + 4) { clear: left; } .multi-columns-row > .col-xl-3:nth-child(4n + 5) { clear: left; } .multi-columns-row > .col-xl-2:nth-child(6n + 7) { clear: left; } .multi-columns-row > .col-xl-1:nth-child(12n + 13) { clear: left; } } .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right: 15px; padding-left: 15px; } .nav-tabs { border: none; } .nk-item-offset .nav-tabs { padding-right: 50px; } .nav-tabs .nav-link, .nav-tabs .nav-item, .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border: none; outline: none; margin: 0; } .nav-tabs .nav-link, .nav-tabs .nav-item { color: inherit; font-weight: bold; } .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover { background-color: transparent; } .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link:hover { color: #F44336; } .nav-tabs { margin-left: -11.5px; margin-right: -11.5px; } .nav-tabs .nav-item, .nav-tabs .nav-item + .nav-item { margin-left: 11.5px; margin-right: 11.5px; } .nav-tabs .nav-link { padding: 2px 0; } code { padding: 3px 10px; background-color: #fbfbfb; border: 1px solid #efefef; color: #F44336; } .img-thumbnail { background-color: #000; border: none; } /*—————————————————————— Preloader ——————————————————————-*/ .nk-preloader { position: fixed; display: none; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000; } .nk-loading-spinner-place { display: inline-block; vertical-align: middle; margin: 0 30px; height: 35px; } .nk-loading-spinner, .nk-loading-spinner-light { position: relative; display: inline-block; width: 80px; height: 80px; border-radius: 50%; box-shadow: inset 0 0 0 2px #212121; } .nk-loading-spinner i, .nk-loading-spinner-light i { position: absolute; display: block; width: 28px; height: 28px; overflow: hidden; -ms-transform-origin: 40px 40px; transform-origin: 40px 40px; animation: nk-loading-spinner 0.7s infinite linear; } .nk-loading-spinner i:after, .nk-loading-spinner-light i:after { content: ”; display: block; width: 80px; height: 80px; border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.8); } .nk-loading-spinner-light { box-shadow: inset 0 0 0 2px #FFFFFF; } .nk-loading-spinner-light i:after { box-shadow: inset 0 0 0 2px rgba(33, 33, 33, 0.8); } @keyframes nk-loading-spinner { 100% { transform: rotate(360deg); } } /*—————————————————————— Base ——————————————————————-*/ html, body, .nk-layout { height: 100%; } body { color: #FFFFFF; background-color: #141414; } a { color: #F44336; transition: .2s all ease; } a:focus, a:hover { color: #F44336; } ::-moz-selection { color: #FFFFFF; background: rgba(33, 33, 33, 0.99); } ::selection { color: #FFFFFF; background: rgba(33, 33, 33, 0.99); } .nk-page-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .bg-color { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #212121; z-index: -1; } .nk-gap, .nk-gap-1, .nk-gap-2, .nk-gap-3, .nk-gap-4, .nk-gap-5, .nk-gap-6 { display: block; height: 13px; } .nk-gap:after, .nk-gap:before, .nk-gap-1:after, .nk-gap-1:before, .nk-gap-2:after, .nk-gap-2:before, .nk-gap-3:after, .nk-gap-3:before, .nk-gap-4:after, .nk-gap-4:before, .nk-gap-5:after, .nk-gap-5:before, .nk-gap-6:after, .nk-gap-6:before { content: ”; display: table; clear: both; } .nk-gap-1 { height: 20px; } .nk-gap-2 { height: 35px; } .nk-gap-3 { height: 60px; } .nk-gap-4 { height: 80px; } .nk-gap-5 { height: 100px; } .nk-gap-6 { height: 120px; } /* vertical align block */ .nk-vertical-center, .nk-vertical-bottom, .nk-vertical-top { display: table; width: 100%; height: 100%; table-layout: fixed; } .nk-vertical-center > div, .nk-vertical-bottom > div, .nk-vertical-top > div { display: table-cell; vertical-align: middle; } .nk-vertical-bottom > div { vertical-align: bottom; } .nk-vertical-top > div { vertical-align: top; } .nk-pre { position: relative; max-height: 400px; padding: 40px 100px; margin: 40px 0; margin-left: -100px; margin-right: -100px; line-height: 1.3; overflow: auto; background-color: #fbfbfb; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; } /*—————————————————————— Typography ——————————————————————-*/ html { font-size: 14px; } body { font-family: “Helvetica”, “Roboto”, “Arial”, sans-serif; line-height: 2.287; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } p, blockquote, ul, ol { margin-bottom: 30px; } b, strong { font-weight: bold; } /* headings */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: “Helvetica”, “Roboto”, “Arial”, sans-serif; font-weight: bold; margin-bottom: 20px; line-height: 1.7; } h1, .h1 { font-size: 30px; } h2, .h2 { font-size: 25px; } h3, .h3 { font-size: 22px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 18px; } h6, .h6 { font-size: 16px; } .display-1, .display-2, .display-3, .display-4 { font-family: “Helvetica”, “Roboto”, “Arial”, sans-serif; font-weight: bold; margin-bottom: 20px; line-height: 1.1; } .display-1 { font-size: 55px; } .display-2 { font-size: 45px; } .display-3 { font-size: 40px; } .display-4 { font-size: 35px; } @media (max-width: 1199px) { h1, .h1 { font-size: 28px; } h2, .h2 { font-size: 23px; } h3, .h3 { font-size: 20px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 14px; } .display-1 { font-size: 45px; } .display-2 { font-size: 38px; } .display-3 { font-size: 34px; } .display-4 { font-size: 30px; } } /*—————————————————————— Helpers ——————————————————————-*/ /* * Text Color Helper */ .text-main { color: #F44336 !important; } .text-primary { color: #0275D8 !important; } .text-success { color: #5CB85C !important; } .text-info { color: #5BC0DE !important; } .text-warning { color: #F0AD4E !important; } .text-danger { color: #D9534F !important; } .text-white { color: #FFFFFF !important; } .text-black { color: #000 !important; } .text-dark { color: #212121 !important; } /* * Bg Color Helper */ .bg-main { background-color: #F44336 !important; } .bg-primary { background-color: #0275D8 !important; } .bg-success { background-color: #5CB85C !important; } .bg-info { background-color: #5BC0DE !important; } .bg-warning { background-color: #F0AD4E !important; } .bg-danger { background-color: #D9534F !important; } .bg-white { background-color: #FFFFFF !important; } .bg-black { background-color: #000 !important; } .bg-dark { background-color: #212121 !important; } /* * Image Helpers */ /* Image Fit */ .nk-img-fit, .nk-img { max-width: 100%; } @media (max-width: 543px) { .nk-img-fit-xs-down { max-width: 100%; } } @media (min-width: 544px) { .nk-img-fit-sm-up { max-width: 100%; } } @media (max-width: 767px) { .nk-img-fit-sm-down { max-width: 100%; } } @media (min-width: 768px) { .nk-img-fit-md-up { max-width: 100%; } } @media (max-width: 991px) { .nk-img-fit-md-down { max-width: 100%; } } @media (min-width: 992px) { .nk-img-fit-lg-up { max-width: 100%; } } @media (max-width: 1199px) { .nk-img-fit-lg-down { max-width: 100%; } } @media (min-width: 1200) { .nk-img-fit-xl-up { max-width: 100%; } } /* Image Half */ .nk-img-half { width: 50%; } .nk-img-half.pull-xs-left { margin-right: 30px; } .nk-img-half.pull-xs-right { margin-left: 30px; } .nk-img-half.nk-item-offset { width: 55%; } @media (max-width: 767px) { .nk-img-half { width: 100%; } .nk-img-half.nk-item-offset { width: 100%; } } /* Margin for Images inside main content */ .nk-main img { margin-top: 10px; margin-bottom: 30px; } /* * Image Stretch */ .nk-img-stretch { width: 100%; } /* * Circle / Rounded Images Helper */ img.circle { border-radius: 50%; } img.rounded { border-radius: 5px; } /* * Text Align Helper */ .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-justify { text-align: justify; } /* * Vertical Align Helper */ .va-t { vertical-align: top !important; } .va-m { vertical-align: middle !important; } .va-b { vertical-align: bottom !important; } .va-s { vertical-align: super !important; } /* * Inline Block Helper */ .dib { display: inline-block !important; } /* * Block Helper */ .db { display: block; } /* * Cursor Pointer Helper */ .cursor { cursor: pointer !important; } /* * Text Transform Helper */ .text-uppercase { text-transform: uppercase !important; } /* * Font Weight Helper */ .fw-100 { font-weight: 100 !important; } .fw-200 { font-weight: 200 !important; } .fw-300 { font-weight: 300 !important; } .fw-400 { font-weight: 400 !important; } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } .fw-800 { font-weight: 800 !important; } .fw-900 { font-weight: 900 !important; } /* * Font Size Helper */ .fs-4 { font-size: 4px !important; } .fs-5 { font-size: 5px !important; } .fs-6 { font-size: 6px !important; } .fs-7 { font-size: 7px !important; } .fs-8 { font-size: 8px !important; } .fs-9 { font-size: 9px !important; } .fs-10 { font-size: 10px !important; } .fs-11 { font-size: 11px !important; } .fs-12 { font-size: 12px !important; } .fs-13 { font-size: 13px !important; } .fs-14 { font-size: 14px !important; } .fs-15 { font-size: 15px !important; } .fs-16 { font-size: 16px !important; } .fs-17 { font-size: 17px !important; } .fs-18 { font-size: 18px !important; } .fs-19 { font-size: 19px !important; } .fs-20 { font-size: 20px !important; } .fs-22 { font-size: 22px !important; } .fs-24 { font-size: 24px !important; } .fs-26 { font-size: 26px !important; } .fs-28 { font-size: 28px !important; } .fs-30 { font-size: 30px !important; } .fs-35 { font-size: 35px !important; } .fs-40 { font-size: 40px !important; } .fs-45 { font-size: 45px !important; } .fs-50 { font-size: 50px !important; } /* * Line Height Helper */ .lh-0 { line-height: 0px !important; } .lh-5 { line-height: 5px !important; } .lh-10 { line-height: 10px !important; } .lh-15 { line-height: 15px !important; } .lh-20 { line-height: 20px !important; } .lh-25 { line-height: 25px !important; } .lh-30 { line-height: 30px !important; } .lh-35 { line-height: 35px !important; } .lh-40 { line-height: 40px !important; } .lh-45 { line-height: 45px !important; } .lh-50 { line-height: 50px !important; } /* * Inherit Font Family */ .nk-font-inherit { font-family: inherit !important; } /* * Text Ellipsis Helper */ .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* * auto height and width */ .hauto { height: auto !important; } .wauto { width: auto !important; } /* * Overflow Helper */ .of-a { overflow: auto !important; } .of-h { overflow: hidden !important; } .of-v { overflow: visible !important; } .of-x-a { overflow-x: auto !important; } .of-x-h { overflow-x: hidden !important; } .of-x-v { overflow-x: visible !important; } .of-y-a { overflow-y: auto !important; } .of-y-h { overflow-y: hidden !important; } .of-y-v { overflow-y: visible !important; } /* * Border Radius Helper */ .br-0 { border-radius: 0px !important; } .br-1 { border-radius: 1px !important; } .br-2 { border-radius: 2px !important; } .br-3 { border-radius: 3px !important; } .br-4 { border-radius: 4px !important; } .br-5 { border-radius: 5px !important; } .br-6 { border-radius: 6px !important; } .br-7 { border-radius: 7px !important; } .br-8 { border-radius: 8px !important; } .br-9 { border-radius: 9px !important; } .br-10 { border-radius: 10px !important; } .br-12 { border-radius: 12px !important; } .br-14 { border-radius: 14px !important; } .br-16 { border-radius: 16px !important; } .br-18 { border-radius: 18px !important; } .br-20 { border-radius: 20px !important; } .br-25 { border-radius: 25px !important; } .br-30 { border-radius: 30px !important; } .br-35 { border-radius: 35px !important; } /* * Paddings Helper */ .p-0 { padding: 0px !important; } .p-1 { padding: 1px !important; } .p-2 { padding: 2px !important; } .p-3 { padding: 3px !important; } .p-4 { padding: 4px !important; } .p-5 { padding: 5px !important; } .p-6 { padding: 6px !important; } .p-7 { padding: 7px !important; } .p-8 { padding: 8px !important; } .p-9 { padding: 9px !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-25 { padding: 25px !important; } .p-30 { padding: 30px !important; } .p-35 { padding: 35px !important; } .p-40 { padding: 40px !important; } .p-45 { padding: 45px !important; } .p-50 { padding: 50px !important; } .p-60 { padding: 60px !important; } .p-70 { padding: 70px !important; } .p-80 { padding: 80px !important; } .p-90 { padding: 90px !important; } .p-100 { padding: 100px !important; } .pt-0 { padding-top: 0px !important; } .pt-1 { padding-top: 1px !important; } .pt-2 { padding-top: 2px !important; } .pt-3 { padding-top: 3px !important; } .pt-4 { padding-top: 4px !important; } .pt-5 { padding-top: 5px !important; } .pt-6 { padding-top: 6px !important; } .pt-7 { padding-top: 7px !important; } .pt-8 { padding-top: 8px !important; } .pt-9 { padding-top: 9px !important; } .pt-10 { padding-top: 10px !important; } .pt-15 { padding-top: 15px !important; } .pt-20 { padding-top: 20px !important; } .pt-25 { padding-top: 25px !important; } .pt-30 { padding-top: 30px !important; } .pt-35 { padding-top: 35px !important; } .pt-40 { padding-top: 40px !important; } .pt-45 { padding-top: 45px !important; } .pt-50 { padding-top: 50px !important; } .pt-60 { padding-top: 60px !important; } .pt-70 { padding-top: 70px !important; } .pt-80 { padding-top: 80px !important; } .pt-90 { padding-top: 90px !important; } .pt-100 { padding-top: 100px !important; } .pl-0 { padding-left: 0px !important; } .pl-1 { padding-left: 1px !important; } .pl-2 { padding-left: 2px !important; } .pl-3 { padding-left: 3px !important; } .pl-4 { padding-left: 4px !important; } .pl-5 { padding-left: 5px !important; } .pl-6 { padding-left: 6px !important; } .pl-7 { padding-left: 7px !important; } .pl-8 { padding-left: 8px !important; } .pl-9 { padding-left: 9px !important; } .pl-10 { padding-left: 10px !important; } .pl-15 { padding-left: 15px !important; } .pl-20 { padding-left: 20px !important; } .pl-25 { padding-left: 25px !important; } .pl-30 { padding-left: 30px !important; } .pl-35 { padding-left: 35px !important; } .pl-40 { padding-left: 40px !important; } .pl-45 { padding-left: 45px !important; } .pl-50 { padding-left: 50px !important; } .pl-60 { padding-left: 60px !important; } .pl-70 { padding-left: 70px !important; } .pl-80 { padding-left: 80px !important; } .pl-90 { padding-left: 90px !important; } .pl-100 { padding-left: 100px !important; } .pr-0 { padding-right: 0px !important; } .pr-1 { padding-right: 1px !important; } .pr-2 { padding-right: 2px !important; } .pr-3 { padding-right: 3px !important; } .pr-4 { padding-right: 4px !important; } .pr-5 { padding-right: 5px !important; } .pr-6 { padding-right: 6px !important; } .pr-7 { padding-right: 7px !important; } .pr-8 { padding-right: 8px !important; } .pr-9 { padding-right: 9px !important; } .pr-10 { padding-right: 10px !important; } .pr-15 { padding-right: 15px !important; } .pr-20 { padding-right: 20px !important; } .pr-25 { padding-right: 25px !important; } .pr-30 { padding-right: 30px !important; } .pr-35 { padding-right: 35px !important; } .pr-40 { padding-right: 40px !important; } .pr-45 { padding-right: 45px !important; } .pr-50 { padding-right: 50px !important; } .pr-60 { padding-right: 60px !important; } .pr-70 { padding-right: 70px !important; } .pr-80 { padding-right: 80px !important; } .pr-90 { padding-right: 90px !important; } .pr-100 { padding-right: 100px !important; } .pb-0 { padding-bottom: 0px !important; } .pb-1 { padding-bottom: 1px !important; } .pb-2 { padding-bottom: 2px !important; } .pb-3 { padding-bottom: 3px !important; } .pb-4 { padding-bottom: 4px !important; } .pb-5 { padding-bottom: 5px !important; } .pb-6 { padding-bottom: 6px !important; } .pb-7 { padding-bottom: 7px !important; } .pb-8 { padding-bottom: 8px !important; } .pb-9 { padding-bottom: 9px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-25 { padding-bottom: 25px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-35 { padding-bottom: 35px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-45 { padding-bottom: 45px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-70 { padding-bottom: 70px !important; } .pb-80 { padding-bottom: 80px !important; } .pb-90 { padding-bottom: 90px !important; } .pb-100 { padding-bottom: 100px !important; } /* * Margins Helper */ .mauto { margin-left: auto; margin-right: auto; } .m-0 { margin: 0px !important; } .m-1 { margin: 1px !important; } .m-2 { margin: 2px !important; } .m-3 { margin: 3px !important; } .m-4 { margin: 4px !important; } .m-5 { margin: 5px !important; } .m-6 { margin: 6px !important; } .m-7 { margin: 7px !important; } .m-8 { margin: 8px !important; } .m-9 { margin: 9px !important; } .m-10 { margin: 10px !important; } .m-11 { margin: 11px !important; } .m-12 { margin: 12px !important; } .m-13 { margin: 13px !important; } .m-14 { margin: 14px !important; } .m-15 { margin: 15px !important; } .m-16 { margin: 16px !important; } .m-17 { margin: 17px !important; } .m-18 { margin: 18px !important; } .m-19 { margin: 19px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 25px !important; } .m-30 { margin: 30px !important; } .m-35 { margin: 35px !important; } .m-40 { margin: 40px !important; } .m-45 { margin: 45px !important; } .m-50 { margin: 50px !important; } .m-60 { margin: 60px !important; } .m-70 { margin: 70px !important; } .m-80 { margin: 80px !important; } .m-90 { margin: 90px !important; } .m-100 { margin: 100px !important; } .m-110 { margin: 110px !important; } .m-120 { margin: 120px !important; } .m-130 { margin: 130px !important; } .m-140 { margin: 140px !important; } .m-150 { margin: 150px !important; } .m-160 { margin: 160px !important; } .m-170 { margin: 170px !important; } .m-180 { margin: 180px !important; } .m-190 { margin: 190px !important; } .m-200 { margin: 200px !important; } .mt-0 { margin-top: 0px !important; } .mt-1 { margin-top: 1px !important; } .mt-2 { margin-top: 2px !important; } .mt-3 { margin-top: 3px !important; } .mt-4 { margin-top: 4px !important; } .mt-5 { margin-top: 5px !important; } .mt-6 { margin-top: 6px !important; } .mt-7 { margin-top: 7px !important; } .mt-8 { margin-top: 8px !important; } .mt-9 { margin-top: 9px !important; } .mt-10 { margin-top: 10px !important; } .mt-11 { margin-top: 11px !important; } .mt-12 { margin-top: 12px !important; } .mt-13 { margin-top: 13px !important; } .mt-14 { margin-top: 14px !important; } .mt-15 { margin-top: 15px !important; } .mt-16 { margin-top: 16px !important; } .mt-17 { margin-top: 17px !important; } .mt-18 { margin-top: 18px !important; } .mt-19 { margin-top: 19px !important; } .mt-20 { margin-top: 20px !important; } .mt-25 { margin-top: 25px !important; } .mt-30 { margin-top: 30px !important; } .mt-35 { margin-top: 35px !important; } .mt-40 { margin-top: 40px !important; } .mt-45 { margin-top: 45px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px !important; } .mt-70 { margin-top: 70px !important; } .mt-80 { margin-top: 80px !important; } .mt-90 { margin-top: 90px !important; } .mt-100 { margin-top: 100px !important; } .mt-110 { margin-top: 110px !important; } .mt-120 { margin-top: 120px !important; } .mt-130 { margin-top: 130px !important; } .mt-140 { margin-top: 140px !important; } .mt-150 { margin-top: 150px !important; } .mt-160 { margin-top: 160px !important; } .mt-170 { margin-top: 170px !important; } .mt-180 { margin-top: 180px !important; } .mt-190 { margin-top: 190px !important; } .mt-200 { margin-top: 200px !important; } .ml-0 { margin-left: 0px !important; } .ml-1 { margin-left: 1px !important; } .ml-2 { margin-left: 2px !important; } .ml-3 { margin-left: 3px !important; } .ml-4 { margin-left: 4px !important; } .ml-5 { margin-left: 5px !important; } .ml-6 { margin-left: 6px !important; } .ml-7 { margin-left: 7px !important; } .ml-8 { margin-left: 8px !important; } .ml-9 { margin-left: 9px !important; } .ml-10 { margin-left: 10px !important; } .ml-11 { margin-left: 11px !important; } .ml-12 { margin-left: 12px !important; } .ml-13 { margin-left: 13px !important; } .ml-14 { margin-left: 14px !important; } .ml-15 { margin-left: 15px !important; } .ml-16 { margin-left: 16px !important; } .ml-17 { margin-left: 17px !important; } .ml-18 { margin-left: 18px !important; } .ml-19 { margin-left: 19px !important; } .ml-20 { margin-left: 20px !important; } .ml-25 { margin-left: 25px !important; } .ml-30 { margin-left: 30px !important; } .ml-35 { margin-left: 35px !important; } .ml-40 { margin-left: 40px !important; } .ml-45 { margin-left: 45px !important; } .ml-50 { margin-left: 50px !important; } .ml-60 { margin-left: 60px !important; } .ml-70 { margin-left: 70px !important; } .ml-80 { margin-left: 80px !important; } .ml-90 { margin-left: 90px !important; } .ml-100 { margin-left: 100px !important; } .ml-110 { margin-left: 110px !important; } .ml-120 { margin-left: 120px !important; } .ml-130 { margin-left: 130px !important; } .ml-140 { margin-left: 140px !important; } .ml-150 { margin-left: 150px !important; } .ml-160 { margin-left: 160px !important; } .ml-170 { margin-left: 170px !important; } .ml-180 { margin-left: 180px !important; } .ml-190 { margin-left: 190px !important; } .ml-200 { margin-left: 200px !important; } .mr-0 { margin-right: 0px !important; } .mr-1 { margin-right: 1px !important; } .mr-2 { margin-right: 2px !important; } .mr-3 { margin-right: 3px !important; } .mr-4 { margin-right: 4px !important; } .mr-5 { margin-right: 5px !important; } .mr-6 { margin-right: 6px !important; } .mr-7 { margin-right: 7px !important; } .mr-8 { margin-right: 8px !important; } .mr-9 { margin-right: 9px !important; } .mr-10 { margin-right: 10px !important; } .mr-11 { margin-right: 11px !important; } .mr-12 { margin-right: 12px !important; } .mr-13 { margin-right: 13px !important; } .mr-14 { margin-right: 14px !important; } .mr-15 { margin-right: 15px !important; } .mr-16 { margin-right: 16px !important; } .mr-17 { margin-right: 17px !important; } .mr-18 { margin-right: 18px !important; } .mr-19 { margin-right: 19px !important; } .mr-20 { margin-right: 20px !important; } .mr-25 { margin-right: 25px !important; } .mr-30 { margin-right: 30px !important; } .mr-35 { margin-right: 35px !important; } .mr-40 { margin-right: 40px !important; } .mr-45 { margin-right: 45px !important; } .mr-50 { margin-right: 50px !important; } .mr-60 { margin-right: 60px !important; } .mr-70 { margin-right: 70px !important; } .mr-80 { margin-right: 80px !important; } .mr-90 { margin-right: 90px !important; } .mr-100 { margin-right: 100px !important; } .mr-110 { margin-right: 110px !important; } .mr-120 { margin-right: 120px !important; } .mr-130 { margin-right: 130px !important; } .mr-140 { margin-right: 140px !important; } .mr-150 { margin-right: 150px !important; } .mr-160 { margin-right: 160px !important; } .mr-170 { margin-right: 170px !important; } .mr-180 { margin-right: 180px !important; } .mr-190 { margin-right: 190px !important; } .mr-200 { margin-right: 200px !important; } .mb-0 { margin-bottom: 0px !important; } .mb-1 { margin-bottom: 1px !important; } .mb-2 { margin-bottom: 2px !important; } .mb-3 { margin-bottom: 3px !important; } .mb-4 { margin-bottom: 4px !important; } .mb-5 { margin-bottom: 5px !important; } .mb-6 { margin-bottom: 6px !important; } .mb-7 { margin-bottom: 7px !important; } .mb-8 { margin-bottom: 8px !important; } .mb-9 { margin-bottom: 9px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-11 { margin-bottom: 11px !important; } .mb-12 { margin-bottom: 12px !important; } .mb-13 { margin-bottom: 13px !important; } .mb-14 { margin-bottom: 14px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-16 { margin-bottom: 16px !important; } .mb-17 { margin-bottom: 17px !important; } .mb-18 { margin-bottom: 18px !important; } .mb-19 { margin-bottom: 19px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-25 { margin-bottom: 25px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-35 { margin-bottom: 35px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-45 { margin-bottom: 45px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-100 { margin-bottom: 100px !important; } .mb-110 { margin-bottom: 110px !important; } .mb-120 { margin-bottom: 120px !important; } .mb-130 { margin-bottom: 130px !important; } .mb-140 { margin-bottom: 140px !important; } .mb-150 { margin-bottom: 150px !important; } .mb-160 { margin-bottom: 160px !important; } .mb-170 { margin-bottom: 170px !important; } .mb-180 { margin-bottom: 180px !important; } .mb-190 { margin-bottom: 190px !important; } .mb-200 { margin-bottom: 200px !important; } /* * Negative Margins Helper */ .mn-0 { margin: 0px !important; } .mn-1 { margin: -1px !important; } .mn-2 { margin: -2px !important; } .mn-3 { margin: -3px !important; } .mn-4 { margin: -4px !important; } .mn-5 { margin: -5px !important; } .mn-6 { margin: -6px !important; } .mn-7 { margin: -7px !important; } .mn-8 { margin: -8px !important; } .mn-9 { margin: -9px !important; } .mn-10 { margin: -10px !important; } .mn-11 { margin: -11px !important; } .mn-12 { margin: -12px !important; } .mn-13 { margin: -13px !important; } .mn-14 { margin: -14px !important; } .mn-15 { margin: -15px !important; } .mn-16 { margin: -16px !important; } .mn-17 { margin: -17px !important; } .mn-18 { margin: -18px !important; } .mn-19 { margin: -19px !important; } .mn-20 { margin: -20px !important; } .mn-25 { margin: -25px !important; } .mn-30 { margin: -30px !important; } .mn-35 { margin: -35px !important; } .mn-40 { margin: -40px !important; } .mn-45 { margin: -45px !important; } .mn-50 { margin: -50px !important; } .mn-60 { margin: -60px !important; } .mn-70 { margin: -70px !important; } .mn-80 { margin: -80px !important; } .mn-90 { margin: -90px !important; } .mn-100 { margin: -100px !important; } .mn-110 { margin: -110px !important; } .mn-120 { margin: -120px !important; } .mn-130 { margin: -130px !important; } .mn-140 { margin: -140px !important; } .mn-150 { margin: -150px !important; } .mn-160 { margin: -160px !important; } .mn-170 { margin: -170px !important; } .mn-180 { margin: -180px !important; } .mn-190 { margin: -190px !important; } .mn-200 { margin: -200px !important; } .mnt-0 { margin-top: 0px !important; } .mnt-1 { margin-top: -1px !important; } .mnt-2 { margin-top: -2px !important; } .mnt-3 { margin-top: -3px !important; } .mnt-4 { margin-top: -4px !important; } .mnt-5 { margin-top: -5px !important; } .mnt-6 { margin-top: -6px !important; } .mnt-7 { margin-top: -7px !important; } .mnt-8 { margin-top: -8px !important; } .mnt-9 { margin-top: -9px !important; } .mnt-10 { margin-top: -10px !important; } .mnt-11 { margin-top: -11px !important; } .mnt-12 { margin-top: -12px !important; } .mnt-13 { margin-top: -13px !important; } .mnt-14 { margin-top: -14px !important; } .mnt-15 { margin-top: -15px !important; } .mnt-16 { margin-top: -16px !important; } .mnt-17 { margin-top: -17px !important; } .mnt-18 { margin-top: -18px !important; } .mnt-19 { margin-top: -19px !important; } .mnt-20 { margin-top: -20px !important; } .mnt-25 { margin-top: -25px !important; } .mnt-30 { margin-top: -30px !important; } .mnt-35 { margin-top: -35px !important; } .mnt-40 { margin-top: -40px !important; } .mnt-45 { margin-top: -45px !important; } .mnt-50 { margin-top: -50px !important; } .mnt-60 { margin-top: -60px !important; } .mnt-70 { margin-top: -70px !important; } .mnt-80 { margin-top: -80px !important; } .mnt-90 { margin-top: -90px !important; } .mnt-100 { margin-top: -100px !important; } .mnt-110 { margin-top: -110px !important; } .mnt-120 { margin-top: -120px !important; } .mnt-130 { margin-top: -130px !important; } .mnt-140 { margin-top: -140px !important; } .mnt-150 { margin-top: -150px !important; } .mnt-160 { margin-top: -160px !important; } .mnt-170 { margin-top: -170px !important; } .mnt-180 { margin-top: -180px !important; } .mnt-190 { margin-top: -190px !important; } .mnt-200 { margin-top: -200px !important; } .mnl-0 { margin-left: 0px !important; } .mnl-1 { margin-left: -1px !important; } .mnl-2 { margin-left: -2px !important; } .mnl-3 { margin-left: -3px !important; } .mnl-4 { margin-left: -4px !important; } .mnl-5 { margin-left: -5px !important; } .mnl-6 { margin-left: -6px !important; } .mnl-7 { margin-left: -7px !important; } .mnl-8 { margin-left: -8px !important; } .mnl-9 { margin-left: -9px !important; } .mnl-10 { margin-left: -10px !important; } .mnl-11 { margin-left: -11px !important; } .mnl-12 { margin-left: -12px !important; } .mnl-13 { margin-left: -13px !important; } .mnl-14 { margin-left: -14px !important; } .mnl-15 { margin-left: -15px !important; } .mnl-16 { margin-left: -16px !important; } .mnl-17 { margin-left: -17px !important; } .mnl-18 { margin-left: -18px !important; } .mnl-19 { margin-left: -19px !important; } .mnl-20 { margin-left: -20px !important; } .mnl-25 { margin-left: -25px !important; } .mnl-30 { margin-left: -30px !important; } .mnl-35 { margin-left: -35px !important; } .mnl-40 { margin-left: -40px !important; } .mnl-45 { margin-left: -45px !important; } .mnl-50 { margin-left: -50px !important; } .mnl-60 { margin-left: -60px !important; } .mnl-70 { margin-left: -70px !important; } .mnl-80 { margin-left: -80px !important; } .mnl-90 { margin-left: -90px !important; } .mnl-100 { margin-left: -100px !important; } .mnl-110 { margin-left: -110px !important; } .mnl-120 { margin-left: -120px !important; } .mnl-130 { margin-left: -130px !important; } .mnl-140 { margin-left: -140px !important; } .mnl-150 { margin-left: -150px !important; } .mnl-160 { margin-left: -160px !important; } .mnl-170 { margin-left: -170px !important; } .mnl-180 { margin-left: -180px !important; } .mnl-190 { margin-left: -190px !important; } .mnl-200 { margin-left: -200px !important; } .mnr-0 { margin-right: 0px !important; } .mnr-1 { margin-right: -1px !important; } .mnr-2 { margin-right: -2px !important; } .mnr-3 { margin-right: -3px !important; } .mnr-4 { margin-right: -4px !important; } .mnr-5 { margin-right: -5px !important; } .mnr-6 { margin-right: -6px !important; } .mnr-7 { margin-right: -7px !important; } .mnr-8 { margin-right: -8px !important; } .mnr-9 { margin-right: -9px !important; } .mnr-10 { margin-right: -10px !important; } .mnr-11 { margin-right: -11px !important; } .mnr-12 { margin-right: -12px !important; } .mnr-13 { margin-right: -13px !important; } .mnr-14 { margin-right: -14px !important; } .mnr-15 { margin-right: -15px !important; } .mnr-16 { margin-right: -16px !important; } .mnr-17 { margin-right: -17px !important; } .mnr-18 { margin-right: -18px !important; } .mnr-19 { margin-right: -19px !important; } .mnr-20 { margin-right: -20px !important; } .mnr-25 { margin-right: -25px !important; } .mnr-30 { margin-right: -30px !important; } .mnr-35 { margin-right: -35px !important; } .mnr-40 { margin-right: -40px !important; } .mnr-45 { margin-right: -45px !important; } .mnr-50 { margin-right: -50px !important; } .mnr-60 { margin-right: -60px !important; } .mnr-70 { margin-right: -70px !important; } .mnr-80 { margin-right: -80px !important; } .mnr-90 { margin-right: -90px !important; } .mnr-100 { margin-right: -100px !important; } .mnr-110 { margin-right: -110px !important; } .mnr-120 { margin-right: -120px !important; } .mnr-130 { margin-right: -130px !important; } .mnr-140 { margin-right: -140px !important; } .mnr-150 { margin-right: -150px !important; } .mnr-160 { margin-right: -160px !important; } .mnr-170 { margin-right: -170px !important; } .mnr-180 { margin-right: -180px !important; } .mnr-190 { margin-right: -190px !important; } .mnr-200 { margin-right: -200px !important; } .mnb-0 { margin-bottom: 0px !important; } .mnb-1 { margin-bottom: -1px !important; } .mnb-2 { margin-bottom: -2px !important; } .mnb-3 { margin-bottom: -3px !important; } .mnb-4 { margin-bottom: -4px !important; } .mnb-5 { margin-bottom: -5px !important; } .mnb-6 { margin-bottom: -6px !important; } .mnb-7 { margin-bottom: -7px !important; } .mnb-8 { margin-bottom: -8px !important; } .mnb-9 { margin-bottom: -9px !important; } .mnb-10 { margin-bottom: -10px !important; } .mnb-11 { margin-bottom: -11px !important; } .mnb-12 { margin-bottom: -12px !important; } .mnb-13 { margin-bottom: -13px !important; } .mnb-14 { margin-bottom: -14px !important; } .mnb-15 { margin-bottom: -15px !important; } .mnb-16 { margin-bottom: -16px !important; } .mnb-17 { margin-bottom: -17px !important; } .mnb-18 { margin-bottom: -18px !important; } .mnb-19 { margin-bottom: -19px !important; } .mnb-20 { margin-bottom: -20px !important; } .mnb-25 { margin-bottom: -25px !important; } .mnb-30 { margin-bottom: -30px !important; } .mnb-35 { margin-bottom: -35px !important; } .mnb-40 { margin-bottom: -40px !important; } .mnb-45 { margin-bottom: -45px !important; } .mnb-50 { margin-bottom: -50px !important; } .mnb-60 { margin-bottom: -60px !important; } .mnb-70 { margin-bottom: -70px !important; } .mnb-80 { margin-bottom: -80px !important; } .mnb-90 { margin-bottom: -90px !important; } .mnb-100 { margin-bottom: -100px !important; } .mnb-110 { margin-bottom: -110px !important; } .mnb-120 { margin-bottom: -120px !important; } .mnb-130 { margin-bottom: -130px !important; } .mnb-140 { margin-bottom: -140px !important; } .mnb-150 { margin-bottom: -150px !important; } .mnb-160 { margin-bottom: -160px !important; } .mnb-170 { margin-bottom: -170px !important; } .mnb-180 { margin-bottom: -180px !important; } .mnb-190 { margin-bottom: -190px !important; } .mnb-200 { margin-bottom: -200px !important; } /* * Opacity */ .op-0 { opacity: 0 !important; } .op-1 { opacity: 0.1 !important; } .op-2 { opacity: 0.2 !important; } .op-3 { opacity: 0.3 !important; } .op-4 { opacity: 0.4 !important; } .op-5 { opacity: 0.5 !important; } .op-6 { opacity: 0.6 !important; } .op-7 { opacity: 0.7 !important; } .op-8 { opacity: 0.8 !important; } .op-9 { opacity: 0.9 !important; } .op-10 { opacity: 1 !important; } /*—————————————————————— Preloader ——————————————————————-*/ .nk-spinner { position: relative; width: 35px; height: 35px; border-radius: 50%; box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.1); } .nk-spinner span { position: absolute; display: block; width: 14px; height: 14px; overflow: hidden; -ms-transform-origin: 17.5px 17.5px; transform-origin: 17.5px 17.5px; animation: nk-spinner 0.6s infinite linear; } .nk-spinner span:after { content: ”; display: block; width: 35px; height: 35px; border-radius: 50%; box-shadow: inset 0 0 0 3px #F44336; } @keyframes nk-spinner { 100% { transform: rotate(360deg); } } .nk-slider-nav .nk-spinner { top: 9px; } /*—————————————————————— Navbar ——————————————————————-*/ .nk-nav-logo, .nk-nav-logo:focus, .nk-nav-logo:hover, .nk-nav-logo:active { text-decoration: none; } .nk-nav { position: relative; font-weight: bold; line-height: 1; opacity: 1; visibility: visible; transition: .4s opacity ease, .3s visibility ease; } .nk-nav.nk-nav-hide { opacity: 0; visibility: hidden; } .nk-nav ul { list-style-type: none; margin: 0; padding: 0; margin-left: -11.5px; } .nk-nav ul:after { content: ”; display: table; clear: both; } .nk-nav ul > li { float: left; margin: 0 11.5px; } .nk-nav ul a { color: inherit; text-decoration: none; } .nk-nav ul a:active, .nk-nav ul a:focus { color: inherit; } .nk-nav ul a:hover, .nk-nav ul li.active > a, .nk-nav ul li.hover > a { color: #F44336; } /* Navbar */ .nk-navbar { position: fixed; top: 0; bottom: 0; right: 0; padding: 0; padding-top: 114px; padding-bottom: 120px; overflow: hidden; z-index: 8; width: 50%; margin-right: -50%; } .nk-navbar + .nk-navbar-bg { position: fixed; top: -100%; right: 0; width: 50%; height: 100%; background-color: #212121; z-index: 4; } .nk-navbar + .nk-navbar-bg .nk-navbar-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; opacity: 0; } .nk-navbar .nk-nav-table { display: table; width: 100%; height: 100%; } .nk-navbar .nk-nav-table > * { display: table-cell; vertical-align: middle; } .nk-navbar .nk-nav-table > .nk-nav-row { display: table-row; } .nk-navbar .nk-nav-table > .nk-nav-row-full { height: 100%; } .nk-navbar .nk-nav-table > .nk-nav-row-center > * { display: table-cell; vertical-align: middle; } .nk-navbar .nano { height: 100%; overflow-y: auto; } .nk-navbar .nk-nav { padding-right: 8px; } .nk-navbar .nk-nav ul { margin-left: 200px; } .nk-navbar .nk-nav li { float: none; margin-left: 0; font-size: 55px; } .nk-navbar .nk-nav li + li { margin-top: 25px; } .nk-navbar .nk-nav li a { display: block; transition: none; } .nk-navbar .nk-nav li a > span { display: block; transition: .4s transform ease, .2s color ease; } .nk-navbar .nk-nav li a:hover, .nk-navbar .nk-nav li a:active, .nk-navbar .nk-nav li a:focus, .nk-navbar .nk-nav li.active a { color: inherit; } .nk-navbar .nk-nav li a:hover > span, .nk-navbar .nk-nav li a.hover > span { -ms-transform: translateX(-30px); transform: translateX(-30px); } @media (max-width: 1199px) { .nk-navbar .nk-nav ul { display: table; margin: 0 auto; } } @media (max-width: 991px) { .nk-navbar { width: 100%; margin-right: -100%; padding-top: 6px; padding-bottom: 0; z-index: 10; } .nk-navbar + .nk-navbar-bg { width: 100%; z-index: 9; } .nk-navbar .nk-nav { padding-right: 0; } .nk-navbar .nk-nav li { font-size: 30px; } .nk-navbar .nk-nav li + li { margin-top: 10px; } .nk-navbar .nk-nav li.active a { color: #F44336; } .nk-navbar .nk-nav li.active a > span { -ms-transform: translateX(-15px); transform: translateX(-15px); } } /*—————————————————————— Slider ——————————————————————-*/ .nk-slider { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 0; } .nk-slider > .nk-slider-item { display: none; } .nk-slider .nk-slider-video-slide:after { content: ”; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .nk-slider .nk-slider-video-slide iframe, .nk-slider .nk-slider-video-slide video { position: absolute; top: 0; left: 100%; opacity: 0; width: 100%; height: 100%; } .nk-slider-nav { font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .nk-slider-nav:after { content: ”; display: table; clear: both; } .nk-slider-nav > ul { list-style-type: none; margin: 0; padding: 0; padding-bottom: 61px; margin-right: 1px; } .nk-slider-nav > ul:after { content: ”; display: table; clear: both; } .nk-slider-nav > ul > li { position: relative; cursor: pointer; transition: .2s color ease, .2s opacity; margin: 3px 0; -ms-transform: rotate(90deg); transform: rotate(90deg); text-align: center; } .nk-slider-nav > ul > li.active, .nk-slider-nav > ul > li:hover, .nk-slider-nav > ul > li.hover { color: #F44336; } .nk-slider-nav .nk-slider-nav-prev, .nk-slider-nav .nk-slider-nav-next { position: relative; cursor: pointer; transition: .2s color ease; right: -2px; height: 27px; } .nk-slider-nav .nk-slider-nav-prev:hover, .nk-slider-nav .nk-slider-nav-prev.hover, .nk-slider-nav .nk-slider-nav-next:hover, .nk-slider-nav .nk-slider-nav-next.hover { color: #F44336; } .nk-slider-nav.nk-slider-nav-slim > ul { padding-bottom: 98px; } .nk-slider-nav.nk-slider-nav-slim > ul > li { position: absolute; cursor: default; color: #F44336; opacity: 0; visibility: hidden; transition: .2s color ease, .2s opacity, .2s visibility; } .nk-slider-nav.nk-slider-nav-slim > ul > li.active { opacity: 1; visibility: visible; } .nk-slider-nav.nk-slider-nav-slim .nk-slider-nav-prev, .nk-slider-nav.nk-slider-nav-slim .nk-slider-nav-next { right: 0px; } @media (max-width: 991px) { .nk-slider-nav { display: none; } .nk-nav .nk-slider-categories { display: none; } } /*—————————————————————— Page Content ——————————————————————-*/ .nk-main { position: fixed; overflow: hidden; top: 0; right: 0; padding: 0; width: 50%; height: 100%; padding-top: 50px; padding-bottom: 120px; margin-right: -50%; color: #212121; z-index: 6; } .nk-main + .nk-main-bg { position: fixed; top: 0; right: 0; padding: 0; height: 100%; width: 50%; margin-right: -50%; background-color: #fff; z-index: 5; transition: .3s background-color ease, .3s opacity ease; } .nk-main .nano-content { padding-left: 100px; padding-right: 100px; } .nk-main .nk-item-offset { margin-left: -50px; } @media (max-width: 991px) { .nk-main { width: 100%; margin-right: -100%; padding-top: 70px; padding-bottom: 45px; } .nk-main + .nk-main-bg { margin-right: -100%; width: 100%; z-index: 5; } .nk-main .nano-content { padding-left: 50px; padding-right: 50px; } .nk-main .nk-item-offset { margin-left: 0; } } .nk-main.nk-main-lower-title { z-index: 6; } .nk-main.nk-main-lower-title + .nk-main-bg { z-index: 4; } @media (max-width: 991px) { .nk-main.nk-main-lower-title + .nk-main-bg { z-index: 5; } } /*—————————————————————— Page Layout ——————————————————————-*/ .nk-layout > * { position: fixed; } .nk-layout .nk-layout-top-left { top: 51px; left: 52px; z-index: 7; } .nk-layout .nk-layout-top-left * + .nk-layout-top-left-rotated { margin-top: 17px; } .nk-layout .nk-layout-top-left .nk-layout-top-left-rotated { display: block; margin-left: -2px; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -ms-transform: rotate(90deg); transform: rotate(90deg); } .nk-layout .nk-layout-top-center { top: 61px; left: 50%; margin-left: 50px; z-index: 4; } .nk-layout .nk-layout-top-right { top: 56px; right: 45px; z-index: 11; } .nk-layout .nk-layout-bottom-left { bottom: 50px; left: 49px; z-index: 7; } .nk-layout .nk-layout-bottom-left-blog { position: static; } .nk-layout .nk-layout-bottom-left-blog .nk-nav { position: fixed; bottom: 50px; left: 49px; z-index: 9; } .nk-layout .nk-layout-bottom-center { bottom: 50px; left: 50%; margin-left: 49px; z-index: 9; } .nk-layout .nk-layout-bottom-right { bottom: 41px; right: 48px; z-index: 3; } .nk-layout .nk-layout-bottom-right-rotated { top: 100%; margin-top: -50px; right: 43px; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -ms-transform: rotate(90deg); transform: rotate(90deg); z-index: 3; } .nk-layout .nk-layout-content-title { display: block; position: fixed; text-align: center; left: 80px; right: 80px; bottom: 50%; font-size: 100px; margin-bottom: -36px; color: #F44336; line-height: 1.1; z-index: 5; } .nk-layout .nk-layout-content-subtitle { position: fixed; font-size: 25px; top: 50%; margin-top: 57px; padding-left: 50px; padding-right: 50px; width: 50%; max-width: 700px; } .nk-layout .nk-layout-content-tagline { position: fixed; bottom: 50%; margin-bottom: 16px; right: 53px; } @media (max-width: 991px) { .nk-layout .nk-layout-top-left { top: 16px; left: 13px; } .nk-layout .nk-layout-top-left * + .nk-layout-top-left-rotated { margin-top: 10px; } .nk-layout .nk-layout-top-center { text-align: right; top: 62px; left: 40px; right: 7px; margin-left: 0; } .nk-layout .nk-layout-top-right { top: 16px; right: 13px; } .nk-layout .nk-layout-bottom-left { bottom: 16px; left: 16px; } .nk-layout .nk-layout-bottom-left-blog .nk-nav { bottom: 16px; left: 16px; } .nk-layout .nk-layout-bottom-center { bottom: 16px; left: auto; right: 7px; margin-left: 0; } .nk-layout .nk-layout-bottom-right { bottom: 40px; right: 16px; } .nk-layout .nk-layout-bottom-right-rotated { right: 8px; } .nk-layout .nk-layout-content-title { font-size: 55px; line-height: 1; left: 35px; right: 35px; margin-bottom: 0; } .nk-layout .nk-layout-content-subtitle { text-align: center; width: auto; padding: 0; left: 35px; right: 35px; max-width: none; margin-top: 20px; } .nk-layout .nk-layout-content-tagline { display: none; } } @media (max-width: 767px) { .nk-layout .nk-layout-content-title { font-size: 40px; line-height: 1; } .nk-layout .nk-layout-content-subtitle { font-size: 18px; } .nk-layout .nk-layout-content-tagline { display: none; } } /*—————————————————————— Blog ——————————————————————-*/ .nk-blog { display: block; } .nk-blog .nk-blog-item { display: none; } .nk-blog .nk-blog-rendered .nk-blog-item a span { display: inline-block; vertical-align: bottom; } .nk-blog .nk-blog-rendered .nk-blog-item a > span { overflow: hidden; } .nk-blog .nk-blog-rendered .nk-blog-item { position: fixed; width: 50%; height: 50%; } .nk-blog .nk-blog-rendered .nk-blog-item h2 { display: table-cell; vertical-align: middle; padding: 50px 100px; } .nk-blog .nk-blog-rendered .nk-blog-item:nth-of-type(1) { display: table; top: 0; left: 50%; background-color: #212121; } .nk-blog .nk-blog-rendered .nk-blog-item:nth-of-type(2) { display: table; top: 50%; left: 0; color: #212121; background-color: #fff; z-index: 8; } .nk-blog .nk-blog-rendered .nk-blog-item:nth-of-type(3) { display: table; top: 50%; left: 50%; } .nk-blog .nk-blog-rendered .nk-blog-item a { color: inherit; text-decoration: none; } .nk-blog .nk-blog-rendered .nk-blog-item a:hover, .nk-blog .nk-blog-rendered .nk-blog-item a.hover { color: #F44336; } @media (max-width: 991px) { .nk-blog .nk-blog-rendered .nk-blog-item h2 { padding: 60px; font-size: 20px; } } @media (max-width: 767px) { .nk-blog .nk-blog-rendered .nk-blog-item { height: 33.333%; width: 100%; } .nk-blog .nk-blog-rendered .nk-blog-item h2 { padding: 30px 45px; font-size: 16px; } .nk-blog .nk-blog-rendered .nk-blog-item:nth-of-type(1) { left: 0; } .nk-blog .nk-blog-rendered .nk-blog-item:nth-of-type(1) h2 { padding-top: 60px; } .nk-blog .nk-blog-rendered .nk-blog-item:nth-of-type(2) { top: 33.333%; z-index: 5; } .nk-blog .nk-blog-rendered .nk-blog-item:nth-of-type(3) { top: auto; left: 0; bottom: 0; } } .nk-article-title { color: #F44336; margin-bottom: 40px; } .nk-article-tags { list-style-type: none; margin: 0; padding: 0; margin-left: -11.5px; margin-right: -11.5px; margin-bottom: 30px; } .nk-article-tags:after, .nk-article-tags:before { content: ”; display: table; clear: both; } .nk-article-tags > li { float: left; margin: 0 11.5px; } .nk-article-tags > li a { color: inherit; text-decoration: none; font-weight: bold; } .nk-article-tags > li a:before { content: ‘#’; } .nk-article-tags > li a:hover, .nk-article-tags > li a.hover { color: #F44336; } .nk-comments { position: relative; z-index: 0; padding-top: 40px; padding-bottom: 40px; margin-top: 40px; } .nk-comments:after { content: ”; position: absolute; display: block; top: 0; left: -100px; right: -100px; bottom: 0; background-color: #fbfbfb; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; z-index: -1; } .nk-comments .nk-comment:after { content: ”; display: table; clear: both; } .nk-comments .nk-comment > p:last-of-type { margin-bottom: 0; } .nk-comments .nk-comment .nk-comment, .nk-comments .nk-comment + .nk-comment { margin-top: 30px; clear: both; } .nk-comments .nk-comment .nk-comment-avatar { position: relative; float: left; margin-right: 15px; margin-top: 7px; height: 60px; z-index: 1; } .nk-comments .nk-comment .nk-comment-avatar img { width: 60px; border-radius: 30px; margin: 0; } .nk-comments .nk-comment .nk-comment-avatar ~ * { margin-left: 85px; } .nk-comments .nk-comment .nk-comment { margin-left: 85px; } .nk-comments .nk-comment .nk-comment-name { display: block; font-weight: bold; } .nk-comments .nk-comment .nk-comment-name a { color: inherit; text-decoration: none; } .nk-comments .nk-comment .nk-comment-name a:hover, .nk-comments .nk-comment .nk-comment-name a.hover { color: #F44336; } .nk-comments .nk-comment .nk-comment-meta { position: relative; margin-bottom: 5px; } .nk-comments .nk-comment .nk-comment-meta:after { content: ”; display: table; clear: right; } .nk-comments .nk-comment .nk-comment-meta .nk-comment-date { display: block; font-size: 12px; opacity: 0.6; margin-top: -5px; } .nk-comments .nk-comment .nk-comment-reply { position: absolute; top: 15px; left: 100%; margin-left: 30px; display: block; font-size: 12px; font-weight: bold; -ms-transform: rotate(90deg); transform: rotate(90deg); -ms-transform-origin: 0 0; transform-origin: 0 0; } .nk-comments .nk-comment .nk-comment-reply a { color: inherit; text-decoration: none; } .nk-comments .nk-comment .nk-comment-reply a:hover, .nk-comments .nk-comment .nk-comment-reply a.hover { color: #F44336; } @media (max-width: 1199px) { .nk-comments .nk-comment .nk-comment { margin-left: 50px; } .nk-comments .nk-comment .nk-comment-meta { padding-top: 9px; margin-bottom: 15px; } .nk-comments .nk-comment .nk-comment-text { margin-left: 0; clear: both; } } @media (max-width: 991px) { .nk-comments .nk-comment .nk-comment { margin-left: 30px; } } .nk-reply { margin-top: 40px; } /*—————————————————————— Elements ——————————————————————-*/ /*————————— Element Blockquotes —————————-*/ .nk-blockquote { position: relative; font-style: italic; margin: 40px 0; padding-top: 40px; padding-bottom: 40px; font-size: 15px; padding-left: 45px; min-height: 200px; z-index: 1; } .nk-blockquote:after { content: ”; position: absolute; display: block; top: 0; left: -100px; right: -100px; bottom: 0; background-color: #fbfbfb; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; z-index: -1; } .nk-blockquote p { margin: 0; } .nk-blockquote cite { position: absolute; display: block; font-weight: bold; font-size: 1rem; font-style: normal; white-space: nowrap; bottom: 100%; left: 0; margin-bottom: -48px; margin-left: -10px; -ms-transform: rotate(90deg); transform: rotate(90deg); -ms-transform-origin: 0 100%; transform-origin: 0 100%; } /*————————— Element Forms —————————-*/ /* Placeholders */ :-ms-input-placeholder, .form-control:-ms-input-placeholder { color: inherit; opacity: 1; transition: .2s opacity; } ::placeholder, .form-control::placeholder { color: inherit; opacity: 1; transition: .2s opacity; } :focus:-ms-input-placeholder, .form-control:focus:-ms-input-placeholder { opacity: 0.5; } :focus::placeholder, .form-control:focus::placeholder { opacity: 0.5; } /* Buttons */ .nk-form-btn { display: inline-block; background: none; border: none; font-weight: bold; padding: 0; -ms-transform: rotate(90deg); transform: rotate(90deg); -ms-transform-origin: 0 100%; transform-origin: 0 100%; line-height: 1; margin-top: 22px; transition: .2s transform; } .nk-form-btn:focus, .nk-form-btn:active { outline: none; } .nk-form-btn:hover, .nk-form-btn.hover { -ms-transform: rotate(90deg) translateX(-5px); transform: rotate(90deg) translateX(-5px); } /* From Controls */ .form-control { padding: 16px 0; font-size: 1em; font-weight: 400; line-height: 1.2; border-radius: 0; border: none; border-bottom: 1px solid #404040; transition: .2s border, .2s color; background: none; color: inherit; } .form-control + .form-control { margin-top: 9px; } .form-control:focus, .form-control.focus, .form-control:active { color: inherit; background: none; border-bottom: 1px solid #848484; } select.form-control { padding: 6px 20px; } .nk-input-group-btn { display: table-cell; position: relative; white-space: nowrap; vertical-align: middle; width: 1%; } /* Validation */ div.nk-error { font-weight: normal; background-color: transparent; color: #D9534F; padding: 0; margin: 5px 0; z-index: 1; } .form-control.nk-error, .nk-form-style-1 .form-control.nk-error { border-bottom: 1px solid #D9534F; } .nk-form-response-success { display: none; color: #5CB85C; margin-bottom: 10px; } .nk-form-response-error { display: none; color: #D9534F; margin-bottom: 10px; } /*————————— Element Social Links —————————-*/ .nk-social-links { font-size: 25px; font-weight: bold; font-family: “Helvetica”, “Roboto”, “Arial”, sans-serif; margin: 0; padding: 0; margin-left: -7px; margin-right: -7px; list-style-type: none; } .nk-social-links li { display: inline-block; margin: 0 7px; } .nk-social-links a { color: inherit; text-decoration: none; } .nk-social-links a:hover, .nk-social-links a:focus, .nk-social-links a:active, .nk-social-links a.hover { color: #F44336; } /*————————— Element Icons —————————-*/ .nk-icon-burger { position: relative; display: inline-block; width: 26px; height: 26px; cursor: pointer; } .nk-icon-burger:hover, .nk-icon-burger.hover { color: #F44336; } .nk-icon-burger > span { position: absolute; display: block; width: 16px; height: 0; border-bottom: 2px solid; top: 50%; left: 5px; margin-top: -1px; transition: .2s color ease, .2s transform ease, .2s margin ease, .2s opacity ease; } .nk-icon-burger .nk-t-1 { margin-top: -6px; -ms-transform-origin: 0 0; transform-origin: 0 0; } .nk-icon-burger .nk-t-3 { margin-top: 4px; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } .nk-icon-burger.active .nk-t-2, .active > .nk-icon-burger .nk-t-2 { opacity: 0; } .nk-icon-burger.active .nk-t-1, .active > .nk-icon-burger .nk-t-1 { -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -6px; margin-left: 3px; } .nk-icon-burger.active .nk-t-3, .active > .nk-icon-burger .nk-t-3 { -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 5px; margin-left: 3px; } .nk-icon-arrow-right, .nk-icon-arrow-left, .nk-icon-arrow-down, .nk-icon-arrow-up { position: relative; display: inline-block; width: 16px; height: 12px; } .nk-icon-arrow-right:after, .nk-icon-arrow-left:after, .nk-icon-arrow-down:after, .nk-icon-arrow-up:after { content: ”; display: block; position: absolute; left: 25%; width: 8px; height: 8px; border-bottom: 2px solid; border-right: 2px solid; -ms-transform: rotate(135deg); transform: rotate(135deg); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .nk-icon-arrow-right:after { -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .nk-icon-arrow-down:after { -ms-transform: rotate(45deg); transform: rotate(45deg); } .nk-icon-arrow-up:after { -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .nk-icon-toggle { display: inline-block; transform-style: preserve-3d; transition: .3s transform; width: 20px; text-align: center; } .nk-icon-toggle .nk-icon-toggle-front { display: inline-block; width: 100%; backface-visibility: hidden; transform: rotateY(0deg); } .nk-icon-toggle .nk-icon-toggle-back { position: absolute; left: 0; width: 100%; transform: rotateY(-180deg); backface-visibility: hidden; } a.active > .nk-icon-toggle, span.active > .nk-icon-toggle, .nk-icon-toggle.active { transform: rotateY(180deg); } /*—————————————————————— Plugins ——————————————————————-*/ /*————————— Plugin NanoScroller —————————-*/ .nano { width: 100%; height: 100%; position: relative; overflow: hidden; } .nano .nano-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: scroll; overflow-x: hidden; outline: none; -webkit-overflow-scrolling: touch; } .nano .nano-content::-webkit-scrollbar { display: none; } .nano > .nano-pane { width: 8px; background: nano; position: absolute; top: 0; right: 0; bottom: 0; transition: .2s opacity; visibility: hidden\9; opacity: .01; z-index: 1; } .nano > .nano-pane > .nano-slider { background: #424242; position: relative; margin: 0 1px; opacity: 0.4; border-radius: 4px; transition: .2s opacity; } .nano > .nano-pane:hover > .nano-slider { opacity: 1; } .has-scrollbar > .nano-content::-webkit-scrollbar { display: block; } .nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed { visibility: visible\9; opacity: 0.99; }