:root {
  --primary: #00366b;
  --primary-dark: #002244;
  --primary-light: #00366b40;
  --white: #ffffff;
  --secondary: #33d27e;
  --secondary-dark: #36ac64;

  /*============ Video Player ===========*/
  --plyr-color-main: var(--primary);

  /*============ Swiper ===========*/
  --swiper-navigation-color: var(--primary);
  --swiper-theme-color: var(--primary);
}


/*===========================
	Bootstrap
=============================*/
a {
  color: var(--primary);
}
a:hover {
  color: var(--primary-dark);
}
.btn-primary,
.navbar-text .btn-primary{
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover,
.navbar-text .btn-primary:hover {
  color: var(--white);
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: none;
}
.btn-primary.disabled, .btn-primary:disabled {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-secondary,
.navbar-text .btn-secondary{
  color: var(--white);
  background-color: var(--secondary);
  border-color: var(--secondary);
}

.navbar-text .btn-secondary:hover {
  color: var(--white);
  background-color: var(--secondary-dark) !important;
  border-color: var(--secondary-dark) !important;
}

.btn-secondary:hover {
  color: var(--white);
  background-color: var(--secondary-dark) !important;
  border-color: var(--secondary-dark) !important;
}
.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: none;
}

.btn-outline-primary,
.navbar-text .btn-outline-primary{
  color: var(--primary);
  border-color: var(--primary);
}
.btn-outline-primary:hover,
.navbar-text .btn-outline-primary:hover{
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: var(--primary);
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-link {
  color: var(--primary);
  background-color: transparent;
}
.dropdown-item.active, .dropdown-item:active {
  color: inherit;
  background-color: transparent;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: var(--white);
  background-color: var(--primary);
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--primary);
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: var(--primary);
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--primary);
}
.custom-range::-webkit-slider-thumb {
  background-color: var(--primary);
}
.custom-range::-moz-range-thumb {
  background-color: var(--primary);
}
.custom-range::-ms-thumb {
  background-color: var(--primary);
}
.nav-pills .nav-link:hover,
.nav-pills .show > .nav-link:hover {
  color: var(--primary);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--white);
  background-color: var(--primary);
}
.page-link {
  color: var(--primary);
  background-color: var(--white);
  border: var(--primary);
}
.page-item.active .page-link {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}
.page-item.active .page-link {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}
.badge-primary {
  color: var(--white);
  background-color: var(--primary);
}
.progress-bar {
  color: var(--white);
  background-color: var(--primary);
}
.list-group-item.active {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}
.list-group-item.active {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}
.bg-primary {
  background-color: var(--primary) !important;
}
.bg-secondary {
  background-color: var(--secondary) !important;
}
.bg-primary-dark {
  background-color: var(--primary-dark) !important;
}
.border-primary {
  border-color: var(--primary) !important;
}
.text-primary {
  color: var(--primary) !important;
}
.text-secondary{
  color: var(--secondary) !important;
}
.nav-link{
	color: #000000;
}
.form-control:focus {
    color: #000000;
    border-color: var(--primary);
    box-shadow: none;
}

/* ================================
	Application
================================== */
.bg-primary-light{
	background: var(--primary-light);
}
.icon-btn.btn-nobg{
	color: var(--primary);
}
.icon-btn.btn-nobg:hover{
	color: var(--primary-dark);
}
.modal-content .close {
    background: var(--primary);
    color: var(--white);
}
input:checked + .switch-checkbox-slider {
  background-color: var(--primary);
}
input:focus + .switch-checkbox-slider {
  box-shadow: 0 0 1px var(--primary);
}
ul.timeline > li:before {
    background: var(--white);
    border: 4px solid var(--primary);
}
.header-icon-item .header-icon-link {
    color: var(--primary);
}
.nav-item-box{
	color: var(--primary);
}
.nav-item-box:hover,
.nav-item-box:focus,
.nav-item-box.active{
	color: var(--primary-dark);
}
.testimonial-slider-container .testimonial-bx{
	background: var(--primary);
    color: var(--white);
}
ul.timeline:before{
	background: var(--secondary);
}
.footer a{
    color: var(--white);
}
.footer a:hover,
.footer a:focus{
    color: var(--secondary);
}
.footer .footer-title {
    color: var(--secondary);
}
.footer a:hover
.footer a:focus{
	color: var(--secondary);
}
button.back-to-top {
	background: var(--secondary);
}
.modal-content .close {
    background: #33d27e;
    color: var(--white);
    font-size: 31px;
    border: #33d27e;
}

.modal-content .close:hover {
    background: #188d4f;
    color: var(--white);
    font-size: 31px;
    border: #188d4f;
}
.modal-content .close {
    width: 80px !important;
    height: 34px !important;
}