/* --------------- Color Style ------------------ */
section.dark,
.nav-bg.dark,
.bg-test.dark,
.nb-off-canvas.dark,
header.dark,
footer.dark,
.modal-content.dark,
.off-canvas-overlay.dark {
  background-color: #353b4a;
}

.dark .dropdown-menu {
  background-color: #353b4a;
}

.dark-page #preloader {
  background-color: #353b4a;
}

.dark-page {
  background-color: #353b4a;
}

.dark-page #preloader>div,
.dark-page #preloader>div>*,
.dark-page #preloader>div:before,
.dark-page #preloader>div:after {
  border-color: #f3f3f3;
  background-color: #f3f3f3;
}

section.light,
.nav-bg.light,
.bg-test.light,
.nb-off-canvas.light,
header.light,
footer.light,
.modal-content.light,
.off-canvas-overlay.light {
  background-color: #ffffff;
}

.light .dropdown-menu {
  background-color: #ffffff;
}

.light-page #preloader {
  background-color: #ffffff;
}

.light-page {
  background-color: #ffffff;
}

.light-page #preloader>div,
.light-page #preloader>div>*,
.light-page #preloader>div:before,
.light-page #preloader>div:after {
  border-color: #888888;
  background-color: #888888;
}

.dark {
  color: #ffffff !important;
}

.dark mark {
  color: #000000;
}

.dark mark {
  background-color: #ffff60;
}

.dark h1 {
  color: #ffffff;
}

.dark h2 {
  color: #ffffff;
}

.dark h3 {
  color: #ffffff;
}

.dark h4 {
  color: #ffffff;
}

.dark.sep-b:after {
  border-color: #777777;
}

.dark.sep-full-b:after {
  border-color: #777777;
}

.dark hr {
  border-color: #777777;
}

.dark .border-box {
  border-color: #777777;
}

.dark .text-icon-list.text-icon-list-sep li {
  border-color: #777777;
}

.dark .nav-tabs {
  border-color: #777777;
}

.dark .step-line-ltc {
  border-color: #edf8ff;
}

.dark .step-line-rtc {
  border-color: #edf8ff;
}

.dark .step-line-ctl {
  border-color: #edf8ff;
}

.dark .step-line-ctr {
  border-color: #edf8ff;
}

.dark .step-line-start:before {
  border-color: #edf8ff;
}

.dark .step-line-end:before {
  border-color: #edf8ff;
}

.dark a:not(.btn):not(.gallery-box):not(.goodshare) {
  color: #ffffff;
}

.dark a.btn-link {
  color: #ffffff;
}

.dark a:not(.btn):not(.gallery-box):not(.goodshare):hover {
  color: #f4f4f4;
}

.dark li.active>a:not(.btn):not(.gallery-box):not(.goodshare) {
  color: #f4f4f4;
}

.dark li.active>div.buttons-control>a:not(.btn):not(.gallery-box):not(.goodshare) {
  color: #f4f4f4;
}

.dark .btn-primary {
  color: #ffffff;
}

.dark .btn-primary {
  background-color: #07bcf7;
  border-color: #07bcf7;
}

.dark .btn-primary:hover {
  color: #ffffff;
}

.dark .btn-primary:hover {
  background-color: #039dd0;
  border-color: #039dd0;
}

.dark .btn-default {
  color: #ffffff;
}

.dark .btn-default {
  border-color: #ffffff;
}

.dark .btn-default:hover {
  color: #eeeeee;
}

.dark .btn-default:hover {
  border-color: #eeeeee;
}

.dark i.icon-color {
  color: #ffffff;
}

.dark .owl-next {
  border-color: #ffffff;
}

.dark .owl-prev {
  border-color: #ffffff;
}

.dark .owl-dot {
  border-color: #ffffff;
}

.dark .gallery-box {
  background: #353b4a;
}

.dark .card-img-overlay-bg:before {
  background: #353b4a;
}

.dark .gallery-box {
  color: #ffffff;
}

.dark .card-img-overlay-bg {
  color: #ffffff;
}

.dark .checkbox .lbl::before {
  background: #ffffff;
}

.dark .radio .lbl::before {
  background: #ffffff;
}

.dark .form-control {
  background: #ffffff;
}

.dark .form-inline .btn.btn-link {
  background: #ffffff;
}

.dark .form-group input {
  color: #222222;
}

.dark .form-group select {
  color: #222222;
}

.dark .input-group input {
  color: #222222;
}

.dark .form-group textarea {
  color: #222222;
}

.dark .form-inline .btn.btn-link {
  color: #222222;
}

.dark .checkbox .lbl::before {
  border-color: #eeeeee;
}

.dark .radio .lbl::before {
  border-color: #eeeeee;
}

.dark .form-control {
  border-color: #eeeeee;
}

.dark .form-inline .btn.btn-link {
  border-color: #eeeeee;
}

.dark .checkbox .lbl::after {
  background: #00c0ff;
}

.dark .radio .lbl::after {
  background: #00c0ff;
}

.dark .form-control::-webkit-input-placeholder {
  color: #999999;
}

.dark .form-control::-moz-placeholder {
  color: #999999;
}

.dark .form-control:-ms-input-placeholder {
  color: #999999;
}

.dark .select-group:before {
  color: #999999;
}

.dark .datepicker-group:before {
  color: #999999;
}

.dark .file-group:before {
  color: #999999;
}

.dark .radio .label-name {
  color: #999999;
}

.light {
  color: #444444 !important;
}

.light mark {
  color: #000000;
}

.light mark {
  background-color: #ffff60;
}

.light h1 {
  color: #2b76a2;
}

.light h2 {
  color: #444444;
}

.light h3 {
  color: #444444;
}

.light h4 {
  color: #555555;
}

.light.sep-b:after {
  border-color: #dddddd;
}

.light.sep-full-b:after {
  border-color: #dddddd;
}

.light hr {
  border-color: #dddddd;
}

.light .border-box {
  border-color: #dddddd;
}

.light .text-icon-list.text-icon-list-sep li {
  border-color: #dddddd;
}

.light .nav-tabs {
  border-color: #dddddd;
}

.light .step-line-ltc {
  border-color: #72c9ff;
}

.light .step-line-rtc {
  border-color: #72c9ff;
}

.light .step-line-ctl {
  border-color: #72c9ff;
}

.light .step-line-ctr {
  border-color: #72c9ff;
}

.light .step-line-start:before {
  border-color: #72c9ff;
}

.light .step-line-end:before {
  border-color: #72c9ff;
}

.light a:not(.btn):not(.gallery-box):not(.goodshare) {
  color: #222222;
}

.light a.btn-link {
  color: #222222;
}

.light a:not(.btn):not(.gallery-box):not(.goodshare):hover {
  color: #00a7ff;
}

.light li.active>a:not(.btn):not(.gallery-box):not(.goodshare) {
  color: #00a7ff;
}

.light li.active>div.buttons-control>a:not(.btn):not(.gallery-box):not(.goodshare) {
  color: #00a7ff;
}

.light .btn-primary {
  color: #ffffff;
}

.light .btn-primary {
  background-color: #07bcf7;
  border-color: #07bcf7;
}

.light .btn-primary:hover {
  color: #ffffff;
}

.light .btn-primary:hover {
  background-color: #039dd0;
  border-color: #039dd0;
}

.light .btn-default {
  color: #555555;
}

.light .btn-default {
  border-color: #555555;
}

.light .btn-default:hover {
  color: #222222;
}

.light .btn-default:hover {
  border-color: #222222;
}

.light i.icon-color {
  color: #918bcf;
}

.light .owl-next {
  border-color: #444444;
}

.light .owl-prev {
  border-color: #444444;
}

.light .owl-dot {
  border-color: #444444;
}

.light .gallery-box {
  background: #ffffff;
}

.light .card-img-overlay-bg:before {
  background: #ffffff;
}

.light .gallery-box {
  color: #222222;
}

.light .card-img-overlay-bg {
  color: #222222;
}

.light .checkbox .lbl::before {
  background: #ffffff;
}

.light .radio .lbl::before {
  background: #ffffff;
}

.light .form-control {
  background: #ffffff;
}

.light .form-inline .btn.btn-link {
  background: #ffffff;
}

.light .form-group input {
  color: #222222;
}

.light .form-group select {
  color: #222222;
}

.light .input-group input {
  color: #222222;
}

.light .form-group textarea {
  color: #222222;
}

.light .form-inline .btn.btn-link {
  color: #222222;
}

.light .checkbox .lbl::before {
  border-color: #eeeeee;
}

.light .radio .lbl::before {
  border-color: #eeeeee;
}

.light .form-control {
  border-color: #eeeeee;
}

.light .form-inline .btn.btn-link {
  border-color: #eeeeee;
}

.light .checkbox .lbl::after {
  background: #00c0ff;
}

.light .radio .lbl::after {
  background: #00c0ff;
}

.light .form-control::-webkit-input-placeholder {
  color: #999999;
}

.light .form-control::-moz-placeholder {
  color: #999999;
}

.light .form-control:-ms-input-placeholder {
  color: #999999;
}

.light .select-group:before {
  color: #999999;
}

.light .datepicker-group:before {
  color: #999999;
}

.light .file-group:before {
  color: #999999;
}

.light .radio .label-name {
  color: #999999;
}

/* ------------------ Typography --------------------- */
body,
.datepicker {
  font-family: 'Open Sans';
  font-size: 15px;
  font-style: inherit;
  font-weight: 400;
  text-transform: inherit;
}

h1 {
  font-family: 'Nunito';
  font-size: 80px;
  font-style: initial;
  font-weight: 300;
  text-transform: inherit;
}

h2 {
  font-family: 'Nunito';
  font-size: 36px;
  font-style: inherit;
  font-weight: 300;
  text-transform: inherit;
}

h3 {
  font-family: 'Nunito';
  font-size: 26px;
  font-style: inherit;
  font-weight: 300;
  text-transform: inherit;
}

h4 {
  font-family: 'Nunito Sans';
  font-size: 20px;
  font-style: inherit;
  font-weight: 300;
  text-transform: inherit;
}

.navbar-nav,
aside#navbar .nav {
  font-family: 'Open Sans';
  font-size: 15px;
  font-style: inherit;
  font-weight: 400;
  text-transform: inherit;
}

.btn {
  font-family: 'Open Sans';
  font-size: 15px;
  font-style: inherit;
  font-weight: 400;
  text-transform: inherit;
}