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;
}