html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } em, cite, i { font-style: italic; } strong, b { font-weight: bold; } body { color: #3E606C; font-size: 1rem; font-style: normal; font-weight: 400; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; line-height: 1.5; background: #acb0b1; overflow: hidden; } .main-font, .jq-toast-wrap .jq-toast-single, .jq-toast-wrap .jq-toast-single .jq-toast-heading { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } a { text-decoration: none; color: #00B0FF; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; } a:hover { text-decoration: none; color: #33C0FF; } a:focus { text-decoration: none; outline: none; color: #33C0FF; } @media (min-width: 1200px) { .py-xl-0 { padding-top: 0px !important; padding-bottom: 0px !important; } } .py-50 { padding-top: 50px !important; padding-bottom: 50px !important; } /*Loader*/ .preloader-it { background: #fff; position: fixed; z-index: 10001; height: 100%; width: 100%; overflow: hidden; } .loader-pendulums { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; margin: 0 auto; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 4rem; width: 1em; height: 1em; border-radius: 50%; border: 0.1em solid #E6E9EB; } .loader-pendulums:before, .loader-pendulums:after { content: ''; width: 1em; height: 1em; left: -.1em; top: -.1em; padding: .1em; display: block; border-radius: 50%; position: absolute; -webkit-transform-origin: center center; transform-origin: center center; border: .1em solid; border-color: #ADB5BD transparent transparent transparent; -webkit-animation: pendulum infinite 2s cubic-bezier(0.3, 1.65, 0.7, -0.65); animation: pendulum infinite 2s cubic-bezier(0.3, 1.65, 0.7, -0.65); } .loader-pendulums:before { border-color: #1F2327 transparent transparent transparent; -webkit-animation-delay: -1s; animation-delay: -1s; -webkit-animation-name: pendulum2; animation-name: pendulum2; } @-webkit-keyframes pendulum { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes pendulum { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes pendulum2 { from { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } to { -webkit-transform: rotate(520deg); -moz-transform: rotate(520deg); -ms-transform: rotate(520deg); -o-transform: rotate(520deg); transform: rotate(520deg); } } @keyframes pendulum2 { from { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } to { -webkit-transform: rotate(520deg); -moz-transform: rotate(520deg); -ms-transform: rotate(520deg); -o-transform: rotate(520deg); transform: rotate(520deg); } } /*Wrapper*/ .biz-wrapper { background: #F4F6F7; position: relative; } .biz-pg-wrapper { background: #F4F6F7; padding: 0; position: relative; } .biz-pg-wrapper .biz-pg-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px; } .biz-pg-wrapper .biz-pg-header .biz-pg-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .biz-pg-wrapper .biz-pg-header .biz-pg-title .pg-title-icon { padding-right: 10px; color: #B9C0C7; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .biz-pg-wrapper .biz-pg-header > div:first-child, .biz-pg-wrapper .biz-pg-header > div:last-child { margin-bottom: 15px; } @media (min-width: 1200px) { .biz-wrapper.biz-horizontal-nav .navbar-search { top: 97px; left: 0; } .biz-wrapper.biz-horizontal-nav.navbar-search-toggle .navbar-search { top: 106px; } .biz-wrapper.biz-horizontal-nav.navbar-search-toggle .biz-pg-wrapper { padding-top: 156px; left: 0; } .biz-wrapper.biz-horizontal-nav .biz-pg-wrapper { margin-left: 0; padding-top: 106px; left: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .biz-wrapper.biz-horizontal-nav .biz-nav { left: 0; top: 57px; bottom: auto; width: 100%; z-index: 100; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); box-shadow: 0 0 28px rgba(0, 0, 0, 0.07); } .biz-wrapper.biz-horizontal-nav .biz-nav > .slimScrollDiv { overflow: visible !important; } .biz-wrapper.biz-horizontal-nav .biz-nav > .slimScrollDiv > .nicescroll-bar { overflow: visible !important; } .biz-wrapper.biz-horizontal-nav .biz-nav > .slimScrollDiv .slimScrollBar { display: none !important; } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav-wrap { padding-top: 0; padding-bottom: 0; } .biz-wrapper.biz-horizontal-nav .biz-nav .biz-nav-close { display: none; } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav > .nav-item > .nav-link { min-height: 50px; } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav li { width: auto; } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav.flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item { position: relative; } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item .nav-link { padding: .75rem 1rem; } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item .nav-link > .feather-icon { min-width: 26px; } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item .nav-link[data-toggle="collapse"]::after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item .nav-link[data-toggle="collapse"][aria-expanded="true"]::after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item .nav-link.link-with-badge .badge { margin-left: 15px; } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-1, .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-2 { height: auto !important; min-width: 10rem; position: absolute !important; z-index: 1; border-radius: .25rem; border: 1px solid #E6E9EB; } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-1.collapse.show, .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-1.collapsing, .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-2.collapse.show, .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-2.collapsing { display: none; } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-1 { left: 0; padding: 1rem 0; } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-1 .nav-item .nav-link { padding: .25rem 1.5rem; } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-1 .nav-item ul.collapse-level-2 { padding: 0.5rem 0; left: 100%; top: 0; } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-1 .nav-item ul.collapse-level-2 .nav-item .nav-link { padding: .25rem 1rem; } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item:hover > ul.collapse, .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item:hover > ul.collapse.show, .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item:hover > ul.collapsing { display: block; } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav > .nav-item > .nav-link[data-toggle="collapse"]::after { margin-left: 10px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav > .nav-item > .nav-link[data-toggle="collapse"][aria-expanded="true"]::after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .biz-wrapper.biz-horizontal-nav .biz-nav.biz-menu-light .navbar-nav .nav-item ul.collapse-level-1, .biz-wrapper.biz-horizontal-nav .biz-nav.biz-menu-light .navbar-nav .nav-item ul.collapse-level-2 { background: #fff; } .biz-wrapper.biz-horizontal-nav .biz-nav.biz-menu-dark .navbar-nav .nav-item ul.collapse-level-1, .biz-wrapper.biz-horizontal-nav .biz-nav.biz-menu-dark .navbar-nav .nav-item ul.collapse-level-2 { background: #2A2E33; } .biz-wrapper.biz-horizontal-nav.biz__nav__toggle.biz-wrapper.biz-horizontal-nav .navbar-search { top: 57px; left: 0; } .biz-wrapper.biz-horizontal-nav.biz__nav__toggle.biz-wrapper.biz-horizontal-nav.navbar-search-toggle .biz-pg-wrapper { padding-top: 107px; left: 0; } .biz-wrapper.biz-horizontal-nav.biz__nav__toggle.biz-wrapper.biz-horizontal-nav .biz-pg-wrapper { padding-top: 57px; margin-left: 0; left: 0; } .biz-wrapper.biz-horizontal-nav.biz__nav__toggle .biz-nav { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .biz-wrapper.biz-horizontal-nav.biz__nav__toggle .biz-nav .navbar-nav .nav-item .nav-link-text { display: inline-block; } .biz-wrapper.biz-horizontal-nav.biz__nav__toggle .biz-nav-backdrop { opacity: 0; height: 0; width: 0; visibility: hidden; } } /*fonts*/ .font-15 { font-size: 15px !important; } .w-95 { width: 95% !important; } @media (min-width: 576px) { .w-sm-90 { width: 90% !important; } } @media (min-width: 1200px) { .w-xl-75 { width: 75% !important; } } /*widths*/ /*margins*/ .mt-50 { margin-top: 50px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mr-10 { margin-right: 10px !important; } /*Form*/ .form-control, .dd-handle { color: #1F2327; border-width: 1px; border-color: #DADDE1; padding: .375rem 1rem; height: calc(2.25rem + 2px); } .form-control.square-input, .square-input.dd-handle { border-radius: 0; } .form-control:focus, .dd-handle:focus { color: #1F2327; } .form-control:disabled, .dd-handle:disabled { background-color: #fff; border-color: #F4F5F6; color: #B9C0C7; opacity: 1; } .form-control[readonly], [readonly].dd-handle { background-color: #fff; border-color: #CACFD4; } .form-control.filled-input, .filled-input.dd-handle { background-color: #F4F5F6; border: none; } .form-control.outline-input, .outline-input.dd-handle { background-color: transparent; } .form-control.transparent-input, .transparent-input.dd-handle { background-color: transparent; border: none; } .form-control.transparent-input:focus, .transparent-input.dd-handle:focus { background-color: transparent; border: none; box-shadow: none; } .form-control.rounded-input, .rounded-input.dd-handle { border-radius: 50px !important; } .form-control::-webkit-input-placeholder, .dd-handle::-webkit-input-placeholder { color: #ADB5BD; } .form-control:-moz-placeholder, .dd-handle:-moz-placeholder { color: #ADB5BD; } .form-control:-ms-input-placeholder, .dd-handle:-ms-input-placeholder { color: #ADB5BD; } .form-control.custom-form-type-2, .custom-form-type-2.dd-handle { border-top: 0; border-left: 0; border-right: 0; border-radius: 0; padding-left: 0; background: transparent; } .form-control.custom-form-type-2:focus, .custom-form-type-2.dd-handle:focus { box-shadow: none; } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 0px !important; border-radius: 0rem !important; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; border-bottom: 1px solid #ced4da !important; } .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 { color: #1F2327; } .display-4 { font-size: 2.5rem; } /*buttons*/ .btn-primary.disabled, .btn-primary:disabled{ color: #fff; background-color: #99DFFF; border-color: #99DFFF; }