/*!
 * Maisonnette-admin v1.3.2
 * https://foxythemes.net
 *
 * Copyright (c) 2019 Foxy Themes
 */

 @charset "UTF-8";
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Raleway:wght@200;300;400;500;600;700&display=swap');   
   
 
 @media (prefers-reduced-motion: reduce) {
   .btn {
     transition: none;
   }
 }
 .fade {
   transition: opacity 0.15s linear;
 }.mai-nav-tabs-sub
 
 @media (prefers-reduced-motion: reduce) {
   .fade {
     transition: none;
   }
 }
 
 .fade:not(.show) {
   opacity: 0;
 }
 
 .collapse:not(.show) {
   display: none;
 }
 
 .collapsing {
   position: relative;
   height: 0;
   overflow: hidden;
   transition: height 0.35s ease;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .collapsing {
     transition: none;
   }
 }

 .dropup,
 .dropright,
 .dropdown,
 .dropleft {
   position: relative;
 }
 
 .dropdown-toggle {
   white-space: nowrap;
 }
 
 .dropdown-toggle::after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid;
   border-right: 0.3em solid transparent;
   border-bottom: 0;
   border-left: 0.3em solid transparent;
 }
 
 .dropdown-toggle:empty::after {
   margin-left: 0;
 }
 
 .dropdown-menu {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 10rem;
   padding: 0.8462rem 0;
   margin: 0.125rem 0 0;
   font-size: 1rem;
   color: #545454;
   text-align: left;
   list-style: none;
   background-color: #FFFFFF;
   background-clip: padding-box;
   border: 0 solid rgba(0, 0, 0, 0.15);
 }
 
 .dropdown-menu-left {
   right: auto;
   left: 0;
 }
 
 .dropdown-menu-right {
   right: 0;
   left: auto;
 }
 
 @media (min-width: 576px) {
   .dropdown-menu-sm-left {
     right: auto;
     left: 0;
   }
   .dropdown-menu-sm-right {
     right: 0;
     left: auto;
   }
 }
 
 @media (min-width: 768px) {
   .dropdown-menu-md-left {
     right: auto;
     left: 0;
   }
   .dropdown-menu-md-right {
     right: 0;
     left: auto;
   }
 }
 
 @media (min-width: 992px) {
   .dropdown-menu-lg-left {
     right: auto;
     left: 0;
   }
   .dropdown-menu-lg-right {
     right: 0;
     left: auto;
   }
 }
 
 @media (min-width: 1200px) {
   .dropdown-menu-xl-left {
     right: auto;
     left: 0;
   }
   .dropdown-menu-xl-right {
     right: 0;
     left: auto;
   }
 }
 
 .dropup .dropdown-menu {
   top: auto;
   bottom: 100%;
   margin-top: 0;
   margin-bottom: 0.125rem;
 }
 
 .dropup .dropdown-toggle::after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0;
   border-right: 0.3em solid transparent;
   border-bottom: 0.3em solid;
   border-left: 0.3em solid transparent;
 }
 
 .dropup .dropdown-toggle:empty::after {
   margin-left: 0;
 }
 
 .dropright .dropdown-menu {
   top: 0;
   right: auto;
   left: 100%;
   margin-top: 0;
   margin-left: 0.125rem;
 }
 
 .dropright .dropdown-toggle::after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid transparent;
   border-right: 0;
   border-bottom: 0.3em solid transparent;
   border-left: 0.3em solid;
 }
 
 .dropright .dropdown-toggle:empty::after {
   margin-left: 0;
 }
 
 .dropright .dropdown-toggle::after {
   vertical-align: 0;
 }
 
 .dropleft .dropdown-menu {
   top: 0;
   right: 100%;
   left: auto;
   margin-top: 0;
   margin-right: 0.125rem;
 }
 
 .dropleft .dropdown-toggle::after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
 }
 
 .dropleft .dropdown-toggle::after {
   display: none;
 }
 
 .dropleft .dropdown-toggle::before {
   display: inline-block;
   margin-right: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid transparent;
   border-right: 0.3em solid;
   border-bottom: 0.3em solid transparent;
 }
 
 .dropleft .dropdown-toggle:empty::after {
   margin-left: 0;
 }
 
 .dropleft .dropdown-toggle::before {
   vertical-align: 0;
 }
 
 .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
   right: auto;
   bottom: auto;
 }
 
 .dropdown-divider {
   height: 0;
   margin: 0.5rem 0;
   overflow: hidden;
   border-top: 1px solid #eceeef;
 }
 
 .dropdown-item {
   display: block;
   width: 100%;
   padding: 0.7rem 1.5rem;
   clear: both;
   font-weight: 400;
   color: #212529;
   text-align: inherit;
   white-space: nowrap;
   background-color: transparent;
   border: 0;
 }
 
 .dropdown-item:hover, .dropdown-item:focus {
   color: #16181b;
   text-decoration: none;
   background-color: #f8f9fa;
 }
 
 .dropdown-item.active, .dropdown-item:active {
   color: #2cc185;
   text-decoration: none;
   background-color: transparent;
 }
 
 .dropdown-item.disabled, .dropdown-item:disabled {
   color: #878787;
   pointer-events: none;
   background-color: transparent;
 }
 
 .dropdown-menu.show {
   display: block;
 }
 
 .dropdown-header {
   display: block;
   padding: 0.8462rem 1.5rem;
   margin-bottom: 0;
   font-size: 0.8462rem;
   color: #878787;
   white-space: nowrap;
 }
 
 .dropdown-item-text {
   display: block;
   padding: 0.7rem 1.5rem;
   color: #212529;
 }
 
 .btn-group,
 .btn-group-vertical {
   position: relative;
   display: inline-flex;
   vertical-align: middle;
 }
 
 .btn-group > .btn,
 .btn-group-vertical > .btn {
   position: relative;
   flex: 1 1 auto;
 }
 
 .btn-group > .btn:hover,
 .btn-group-vertical > .btn:hover {
   z-index: 1;
 }
 
 .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
 .btn-group-vertical > .btn:focus,
 .btn-group-vertical > .btn:active,
 .btn-group-vertical > .btn.active {
   z-index: 1;
 }
 
 .btn-toolbar {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
 }
 
 .btn-toolbar .input-group {
   width: auto;
 }
 
 .btn-group > .btn:not(:first-child),
 .btn-group > .btn-group:not(:first-child) {
   margin-left: -1px;
 }
 
 .dropdown-toggle-split {
   padding-right: 0.5769rem;
   padding-left: 0.5769rem;
 }
 
 .dropdown-toggle-split::after,
 .dropup .dropdown-toggle-split::after,
 .dropright .dropdown-toggle-split::after {
   margin-left: 0;
 }
 
 .dropleft .dropdown-toggle-split::before {
   margin-right: 0;
 }
 
 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
   padding-right: 0.5769rem;
   padding-left: 0.5769rem;
 }
 
 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
   padding-right: 0.5769rem;
   padding-left: 0.5769rem;
 }
 
 .btn-group-vertical {
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
 }
 
 .btn-group-vertical > .btn,
 .btn-group-vertical > .btn-group {
   width: 100%;
 }
 
 .btn-group-vertical > .btn:not(:first-child),
 .btn-group-vertical > .btn-group:not(:first-child) {
   margin-top: -1px;
 }
 
 .btn-group-toggle > .btn,
 .btn-group-toggle > .btn-group > .btn {
   margin-bottom: 0;
 }
 
 .btn-group-toggle > .btn input[type="radio"],
 .btn-group-toggle > .btn input[type="checkbox"],
 .btn-group-toggle > .btn-group > .btn input[type="radio"],
 .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
   position: absolute;
   clip: rect(0, 0, 0, 0);
   pointer-events: none;
 }
 
 .input-group {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   width: 100%;
 }
 
 .input-group > .form-control,
 .input-group > .form-control-plaintext,
 .input-group > .custom-select,
 .input-group > .custom-file {
   position: relative;
   flex: 1 1 auto;
   width: 1%;
   margin-bottom: 0;
 }
 
 .input-group > .form-control + .form-control,
 .input-group > .form-control + .custom-select,
 .input-group > .form-control + .custom-file,
 .input-group > .form-control-plaintext + .form-control,
 .input-group > .form-control-plaintext + .custom-select,
 .input-group > .form-control-plaintext + .custom-file,
 .input-group > .custom-select + .form-control,
 .input-group > .custom-select + .custom-select,
 .input-group > .custom-select + .custom-file,
 .input-group > .custom-file + .form-control,
 .input-group > .custom-file + .custom-select,
 .input-group > .custom-file + .custom-file {
   margin-left: -2px;
 }
 
 .input-group > .form-control:focus,
 .input-group > .custom-select:focus,
 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
   z-index: 3;
 }
 
 .input-group > .custom-file .custom-file-input:focus {
   z-index: 4;
 }
 
 .input-group > .custom-file {
   display: flex;
   align-items: center;
 }
 
 .input-group-prepend,
 .input-group-append {
   display: flex;
 }
 
 .input-group-prepend .btn,
 .input-group-append .btn {
   position: relative;
   z-index: 2;
 }
 
 .input-group-prepend .btn:focus,
 .input-group-append .btn:focus {
   z-index: 3;
 }
 
 .input-group-prepend .btn + .btn,
 .input-group-prepend .btn + .input-group-text,
 .input-group-prepend .input-group-text + .input-group-text,
 .input-group-prepend .input-group-text + .btn,
 .input-group-append .btn + .btn,
 .input-group-append .btn + .input-group-text,
 .input-group-append .input-group-text + .input-group-text,
 .input-group-append .input-group-text + .btn {
   margin-left: -2px;
 }
 
 .input-group-prepend {
   margin-right: -2px;
 }
 
 .input-group-append {
   margin-left: -2px;
 }
 
 .input-group-text {
   display: flex;
   align-items: center;
   padding: 0.923077rem 1.307rem;
   margin-bottom: 0;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1;
   color: #878787;
   text-align: center;
   white-space: nowrap;
   background-color: #ebebeb;
   border: 2px solid #ebebeb;
 }
 
 .input-group-text input[type="radio"],
 .input-group-text input[type="checkbox"] {
   margin-top: 0;
 }
 
 .input-group-lg > .form-control:not(textarea),
 .input-group-lg > .custom-select {
   height: 3.84615rem;
 }
 
 .input-group-lg > .form-control,
 .input-group-lg > .custom-select,
 .input-group-lg > .input-group-prepend > .input-group-text,
 .input-group-lg > .input-group-append > .input-group-text,
 .input-group-lg > .input-group-prepend > .btn,
 .input-group-lg > .input-group-append > .btn {
   padding: 1.15385rem 1.307rem;
   font-size: 1.154rem;
   line-height: 1;
 }
 
 .input-group-sm > .form-control:not(textarea),
 .input-group-sm > .custom-select {
   height: 2.53846rem;
 }
 
 .input-group-sm > .form-control,
 .input-group-sm > .custom-select,
 .input-group-sm > .input-group-prepend > .input-group-text,
 .input-group-sm > .input-group-append > .input-group-text,
 .input-group-sm > .input-group-prepend > .btn,
 .input-group-sm > .input-group-append > .btn {
   padding: 0.615385rem 1.307rem;
   font-size: 0.8462rem;
   line-height: 1;
 }
 
 .input-group-lg > .custom-select,
 .input-group-sm > .custom-select {
   padding-right: 2.307rem;
 }
 
 .custom-control {
   position: relative;
   display: block;
   min-height: 1.538rem;
   padding-left: 2.19231rem;
 }
 
 .custom-control-inline {
   display: inline-flex;
   margin-right: 1rem;
 }
 
 .custom-control-input {
   position: absolute;
   z-index: -1;
   opacity: 0;
 }
 
 .custom-control-input:checked ~ .custom-control-label::before {
   color: #2cc185;
   border-color: #FFFFFF;
   background-color: #FFFFFF;
 }
 
 .custom-control-input:focus ~ .custom-control-label::before {
   box-shadow: none;
 }
 
 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
   border-color: #89e4bf;
 }
 
 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
   color: #FFFFFF;
   background-color: #b2edd6;
   border-color: #b2edd6;
 }
 
 .custom-control-input:disabled ~ .custom-control-label {
   color: #878787;
 }
 
 .custom-control-input:disabled ~ .custom-control-label::before {
   background-color: #fafafa;
 }
 
 .custom-control-label {
   position: relative;
   margin-bottom: 0;
   vertical-align: top;
 }
 
 .custom-control-label::before {
   position: absolute;
   top: -0.077155rem;
   left: -2.19231rem;
   display: block;
   width: 1.69231rem;
   height: 1.69231rem;
   pointer-events: none;
   content: "";
   background-color: #FFFFFF;
   border: #adb5bd solid 2px;
 }
 
 .custom-control-label::after {
   position: absolute;
   top: -0.077155rem;
   left: -2.19231rem;
   display: block;
   width: 1.69231rem;
   height: 1.69231rem;
   content: "";
   background: no-repeat 50% / 50% 50%;
 }
 
 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
   background-image: none;
 }
 
 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
   border-color: #2cc185;
   background-color: #2cc185;
 }
 
 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%232cc185' d='M0 2h4'/%3e%3c/svg%3e");
 }
 
 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
   background-color: rgba(44, 193, 133, 0.5);
 }
 
 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
   background-color: rgba(44, 193, 133, 0.5);
 }
 
 .custom-radio .custom-control-label::before {
   border-radius: 50%;
 }
 
 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
   background-image: none;
 }
 
 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
   background-color: rgba(44, 193, 133, 0.5);
 }
 
 .custom-switch {
   padding-left: 3.461543rem;
 }
 
 .custom-switch .custom-control-label::before {
   left: -3.461543rem;
   width: 2.961543rem;
   pointer-events: all;
   border-radius: 0.846155rem;
 }
 
 .custom-switch .custom-control-label::after {
   top: calc(-0.077155rem + 4px);
   left: calc(-3.461543rem + 4px);
   width: calc(1.69231rem - 8px);
   height: calc(1.69231rem - 8px);
   background-color: #adb5bd;
   border-radius: 0.846155rem;
   transition: transform 0.15s ease-in-out, none;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .custom-switch .custom-control-label::after {
     transition: none;
   }
 }
 
 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
   background-color: #FFFFFF;
   transform: translateX(1.269233rem);
 }
 
 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
   background-color: rgba(44, 193, 133, 0.5);
 }
 
 .custom-select {
   display: inline-block;
   width: 100%;
   height: 3.23077rem;
   padding: 0.923077rem 2.307rem 0.923077rem 1.307rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1;
   color: #878787;
   vertical-align: middle;
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23323232' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1.307rem center/8px 10px;
   background-color: #FFFFFF;
   border: 2px solid #ebebeb;
   border-radius: 0;
   appearance: none;
 }
 
 .custom-select:focus {
   border-color: #89e4bf;
   outline: 0;
   box-shadow: 0 0 0 0 transparent;
 }
 
 .custom-select:focus::-ms-value {
   color: #878787;
   background-color: #FFFFFF;
 }
 
 .custom-select[multiple], .custom-select[size]:not([size="1"]) {
   height: auto;
   padding-right: 1.307rem;
   background-image: none;
 }
 
 .custom-select:disabled {
   color: #878787;
   background-color: #eceeef;
 }
 
 .custom-select::-ms-expand {
   display: none;
 }
 
 .custom-select-sm {
   height: 2.53846rem;
   padding-top: 0.615385rem;
   padding-bottom: 0.615385rem;
   padding-left: 1.307rem;
   font-size: 0.8462rem;
 }
 
 .custom-select-lg {
   height: 3.84615rem;
   padding-top: 1.15385rem;
   padding-bottom: 1.15385rem;
   padding-left: 1.307rem;
   font-size: 1.154rem;
 }
 
 .custom-file {
   position: relative;
   display: inline-block;
   width: 100%;
   height: 3.23077rem;
   margin-bottom: 0;
 }
 
 .custom-file-input {
   position: relative;
   z-index: 2;
   width: 100%;
   height: 3.23077rem;
   margin: 0;
   opacity: 0;
 }
 
 .custom-file-input:focus ~ .custom-file-label {
   border-color: #89e4bf;
   box-shadow: 0 0 0 0 transparent;
 }
 
 .custom-file-input:disabled ~ .custom-file-label {
   background-color: #fafafa;
 }
 
 .custom-file-input:lang(en) ~ .custom-file-label::after {
   content: "Browse";
 }
 
 .custom-file-input ~ .custom-file-label[data-browse]::after {
   content: attr(data-browse);
 }
 
 .custom-file-label {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1;
   height: 3.23077rem;
   padding: 0.923077rem 1.307rem;
   font-weight: 400;
   line-height: 1;
   color: #878787;
   background-color: #FFFFFF;
   border: 2px solid #ebebeb;
 }
 
 .custom-file-label::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 3;
   display: block;
   height: calc(1em + 1.846154rem);
   padding: 0.923077rem 1.307rem;
   line-height: 1;
   color: #878787;
   content: "Browse";
   background-color: #ebebeb;
   border-left: inherit;
 }
 
 .custom-range {
   width: 100%;
   height: calc(1rem + 0);
   padding: 0;
   background-color: transparent;
   appearance: none;
 }
 
 .custom-range:focus {
   outline: none;
 }
 
 .custom-range:focus::-webkit-slider-thumb {
   box-shadow: 0 0 0 1px #f4f4f4, 0 0 0 0 transparent;
 }
 
 .custom-range:focus::-moz-range-thumb {
   box-shadow: 0 0 0 1px #f4f4f4, 0 0 0 0 transparent;
 }
 
 .custom-range:focus::-ms-thumb {
   box-shadow: 0 0 0 1px #f4f4f4, 0 0 0 0 transparent;
 }
 
 .custom-range::-moz-focus-outer {
   border: 0;
 }
 
 .custom-range::-webkit-slider-thumb {
   width: 1rem;
   height: 1rem;
   margin-top: -0.25rem;
   background-color: #2cc185;
   border: 0;
   transition: none;
   appearance: none;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .custom-range::-webkit-slider-thumb {
     transition: none;
   }
 }
 
 .custom-range::-webkit-slider-thumb:active {
   background-color: #b2edd6;
 }
 
 .custom-range::-webkit-slider-runnable-track {
   width: 100%;
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
   background-color: #dee2e6;
   border-color: transparent;
 }
 
 .custom-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
   background-color: #2cc185;
   border: 0;
   transition: none;
   appearance: none;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .custom-range::-moz-range-thumb {
     transition: none;
   }
 }
 
 .custom-range::-moz-range-thumb:active {
   background-color: #b2edd6;
 }
 
 .custom-range::-moz-range-track {
   width: 100%;
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
   background-color: #dee2e6;
   border-color: transparent;
 }
 
 .custom-range::-ms-thumb {
   width: 1rem;
   height: 1rem;
   margin-top: 0;
   margin-right: 0;
   margin-left: 0;
   background-color: #2cc185;
   border: 0;
   transition: none;
   appearance: none;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .custom-range::-ms-thumb {
     transition: none;
   }
 }
 
 .custom-range::-ms-thumb:active {
   background-color: #b2edd6;
 }
 
 .custom-range::-ms-track {
   width: 100%;
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
   background-color: transparent;
   border-color: transparent;
   border-width: 0.5rem;
 }
 
 .custom-range::-ms-fill-lower {
   background-color: #dee2e6;
 }
 
 .custom-range::-ms-fill-upper {
   margin-right: 15px;
   background-color: #dee2e6;
 }
 
 .custom-range:disabled::-webkit-slider-thumb {
   background-color: #adb5bd;
 }
 
 .custom-range:disabled::-webkit-slider-runnable-track {
   cursor: default;
 }
 
 .custom-range:disabled::-moz-range-thumb {
   background-color: #adb5bd;
 }
 
 .custom-range:disabled::-moz-range-track {
   cursor: default;
 }
 
 .custom-range:disabled::-ms-thumb {
   background-color: #adb5bd;
 }
 
 .custom-control-label::before,
 .custom-file-label,
 .custom-select {
   transition: none;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .custom-control-label::before,
   .custom-file-label,
   .custom-select {
     transition: none;
   }
 }
 
 .nav {
   display: flex;
   flex-wrap: wrap;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none;
 }
 
 .nav-link {
   display: block;
   padding: 0.885rem 1.5rem;
 }
 
 .nav-link:hover, .nav-link:focus {
   text-decoration: none;
 }
 
 .nav-link.disabled {
   color: #878787;
   pointer-events: none;
   cursor: default;
 }
 
 .nav-tabs {
   border-bottom: 0 solid transparent;
 }
 
 .nav-tabs .nav-item {
   margin-bottom: 0;
 }
 
 .nav-tabs .nav-link {
   border: 0 solid transparent;
 }
 
 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
   border-color: #eceeef #eceeef transparent;
 }
 
 .nav-tabs .nav-link.disabled {
   color: #878787;
   background-color: transparent;
   border-color: transparent;
 }
 
 .nav-tabs .nav-link.active,
 .nav-tabs .nav-item.show .nav-link {
   color: #636c72;
   background-color: #FFFFFF;
   border-color: #dee2e6 #dee2e6 #FFFFFF;
 }
 
 .nav-tabs .dropdown-menu {
   margin-top: 0;
 }
 
 .nav-pills .nav-link.active,
 .nav-pills .show > .nav-link {
   color: #FFFFFF;
   background-color: #2cc185;
 }
 
 .nav-fill .nav-item {
   flex: 1 1 auto;
   text-align: center;
 }
 
 .nav-justified .nav-item {
   flex-basis: 0;
   flex-grow: 1;
   text-align: center;
 }
 
 .tab-content > .tab-pane {
   display: none;
 }
 
 .tab-content > .active {
   display: block;
 }
 
 .navbar {
   position: unset;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   padding: 0.5rem 1rem;
 }
 
 .navbar > .container,
 .navbar > .container-fluid {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
 }
 
 .navbar-brand {
   display: inline-block;
   padding-top: 0.766574rem;
   padding-bottom: 0.766574rem;
   margin-right: 1rem;
   font-size: 1.154rem;
   line-height: inherit;
   white-space: nowrap;
 }
 
 .navbar-brand:hover, .navbar-brand:focus {
   text-decoration: none;
 }
 
 .navbar-nav {
   display: flex;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none;
 }
 
 .navbar-nav .nav-link {
   padding-right: 0;
   padding-left: 0;
 }
 
 .navbar-nav .dropdown-menu {
   position: static;
   float: none;
 }
 
 .navbar-text {
   display: inline-block;
   padding-top: 0.885rem;
   padding-bottom: 0.885rem;
 }
 
 .navbar-collapse {
   flex-basis: 100%;
   flex-grow: 1;
   align-items: center;
 }
 
 .navbar-toggler {
   padding: 0.25rem 0.75rem;
   font-size: 1.154rem;
   line-height: 1;
   background-color: transparent;
   border: 1px solid transparent;
 }
 
 .navbar-toggler:hover, .navbar-toggler:focus {
   text-decoration: none;
 }
 
 .navbar-toggler-icon {
   display: inline-block;
   width: 1.5em;
   height: 1.5em;
   vertical-align: middle;
   content: "";
   background: no-repeat center center;
   background-size: 100% 100%;
 }
 
 @media (max-width: 575.98px) {
   .navbar-expand-sm > .container,
   .navbar-expand-sm > .container-fluid {
     padding-right: 0;
     padding-left: 0;
   }
 }
 
 @media (min-width: 576px) {
   .navbar-expand-sm {
     flex-flow: row nowrap;
     justify-content: flex-start;
   }
   .navbar-expand-sm .navbar-nav {
     flex-direction: row;
   }
   .navbar-expand-sm .navbar-nav .dropdown-menu {
     position: absolute;
   }
   .navbar-expand-sm .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 0.5rem;
   }
   .navbar-expand-sm > .container,
   .navbar-expand-sm > .container-fluid {
     flex-wrap: nowrap;
   }
   .navbar-expand-sm .navbar-collapse {
     display: flex !important;
     flex-basis: auto;
   }
   .navbar-expand-sm .navbar-toggler {
     display: none;
   }
 }
 
 @media (max-width: 767.98px) {
   .navbar-expand-md > .container,
   .navbar-expand-md > .container-fluid {
     padding-right: 0;
     padding-left: 0;
   }
 }
 
 @media (min-width: 768px) {
   .navbar-expand-md {
     flex-flow: row nowrap;
     justify-content: flex-start;
   }
   .navbar-expand-md .navbar-nav {
     flex-direction: row;
   }
   .navbar-expand-md .navbar-nav .dropdown-menu {
     position: absolute;
   }
   .navbar-expand-md .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 0.5rem;
   }
   .navbar-expand-md > .container,
   .navbar-expand-md > .container-fluid {
     flex-wrap: nowrap;
   }
   .navbar-expand-md .navbar-collapse {
     display: flex !important;
     flex-basis: auto;
   }
   .navbar-expand-md .navbar-toggler {
     display: none;
   }
 }
 
 @media (max-width: 991.98px) {
   .navbar-expand-lg > .container,
   .navbar-expand-lg > .container-fluid {
     padding-right: 0;
     padding-left: 0;
   }
 }
 
 @media (min-width: 992px) {
   .navbar-expand-lg {
     flex-flow: row nowrap;
     justify-content: flex-start;
   }
   .navbar-expand-lg .navbar-nav {
     flex-direction: row;
   }
   .navbar-expand-lg .navbar-nav .dropdown-menu {
     position: absolute;
   }
   .navbar-expand-lg .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 0.5rem;
   }
   .navbar-expand-lg > .container,
   .navbar-expand-lg > .container-fluid {
     flex-wrap: nowrap;
   }
   .navbar-expand-lg .navbar-collapse {
     display: flex !important;
     flex-basis: auto;
   }
   .navbar-expand-lg .navbar-toggler {
     display: none;
   }
 }
 
 @media (max-width: 1199.98px) {
   .navbar-expand-xl > .container,
   .navbar-expand-xl > .container-fluid {
     padding-right: 0;
     padding-left: 0;
   }
 }
 
 @media (min-width: 1200px) {
   .navbar-expand-xl {
     flex-flow: row nowrap;
     justify-content: flex-start;
   }
   .navbar-expand-xl .navbar-nav {
     flex-direction: row;
   }
   .navbar-expand-xl .navbar-nav .dropdown-menu {
     position: absolute;
   }
   .navbar-expand-xl .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 0.5rem;
   }
   .navbar-expand-xl > .container,
   .navbar-expand-xl > .container-fluid {
     flex-wrap: nowrap;
   }
   .navbar-expand-xl .navbar-collapse {
     display: flex !important;
     flex-basis: auto;
   }
   .navbar-expand-xl .navbar-toggler {
     display: none;
   }
 }
 
 .navbar-expand {
   flex-flow: row nowrap;
   justify-content: flex-start;
 }
 
 .navbar-expand > .container,
 .navbar-expand > .container-fluid {
   padding-right: 0;
   padding-left: 0;
 }
 
 .navbar-expand .navbar-nav {
   flex-direction: row;
 }
 
 .navbar-expand .navbar-nav .dropdown-menu {
   position: absolute;
 }
 
 .navbar-expand .navbar-nav .nav-link {
   padding-right: 0.5rem;
   padding-left: 0.5rem;
 }
 
 .navbar-expand > .container,
 .navbar-expand > .container-fluid {
   flex-wrap: nowrap;
 }
 
 .navbar-expand .navbar-collapse {
   display: flex !important;
   flex-basis: auto;
 }
 
 .navbar-expand .navbar-toggler {
   display: none;
 }
 
 .navbar-light .navbar-brand {
   color: rgba(0, 0, 0, 0.9);
 }
 
 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
   color: rgba(0, 0, 0, 0.9);
 }
 
 .navbar-light .navbar-nav .nav-link {
   color: rgba(0, 0, 0, 0.5);
 }
 
 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
   color: rgba(0, 0, 0, 0.7);
 }
 
 .navbar-light .navbar-nav .nav-link.disabled {
   color: rgba(0, 0, 0, 0.3);
 }
 
 .navbar-light .navbar-nav .show > .nav-link,
 .navbar-light .navbar-nav .active > .nav-link,
 .navbar-light .navbar-nav .nav-link.show,
 .navbar-light .navbar-nav .nav-link.active {
   color: rgba(0, 0, 0, 0.9);
 }
 
 .navbar-light .navbar-toggler {
   color: rgba(0, 0, 0, 0.5);
   border-color: rgba(0, 0, 0, 0.1);
 }
 
 .navbar-light .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 .navbar-light .navbar-text {
   color: rgba(0, 0, 0, 0.5);
 }
 
 .navbar-light .navbar-text a {
   color: rgba(0, 0, 0, 0.9);
 }
 
 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
   color: rgba(0, 0, 0, 0.9);
 }
 
 .navbar-dark .navbar-brand {
   color: rgba(255, 255, 255, 0.75);
 }
 
 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
   color: rgba(255, 255, 255, 0.75);
 }
 
 .navbar-dark .navbar-nav .nav-link {
   color: rgba(255, 255, 255, 0.5);
 }
 
 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
   color: rgba(255, 255, 255, 0.75);
 }
 
 .navbar-dark .navbar-nav .nav-link.disabled {
   color: rgba(255, 255, 255, 0.25);
 }
 
 .navbar-dark .navbar-nav .show > .nav-link,
 .navbar-dark .navbar-nav .active > .nav-link,
 .navbar-dark .navbar-nav .nav-link.show,
 .navbar-dark .navbar-nav .nav-link.active {
   color: rgba(255, 255, 255, 0.75);
 }
 
 .navbar-dark .navbar-toggler {
   color: rgba(255, 255, 255, 0.5);
   border-color: rgba(255, 255, 255, 0.1);
 }
 
 .navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 .navbar-dark .navbar-text {
   color: rgba(255, 255, 255, 0.5);
 }
 
 .navbar-dark .navbar-text a {
   color: rgba(255, 255, 255, 0.75);
 }
 
 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
   color: rgba(255, 255, 255, 0.75);
 }
 
 
 .close {
   float: right;
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 1;
   color: #000000;
   text-shadow: 0 1px 0 #FFFFFF;
   opacity: .5;
 }
 
 .close:hover {
   color: #000000;
   text-decoration: none;
 }
 
 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
   opacity: .75;
 }
 
 button.close {
   padding: 0;
   background-color: transparent;
   border: 0;
   appearance: none;
 }
 
 a.close.disabled {
   pointer-events: none;
 }
 
 .modal-open {
   overflow: hidden;
 }
 
 .modal-open .modal {
   overflow-x: hidden;
   overflow-y: auto;
 }
 
 .modal {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1050;
   display: none;
   width: 100%;
   height: 100%;
   overflow: hidden;
   outline: 0;
 }
 
 .modal-dialog {
   position: relative;
   width: auto;
   margin: 0.5rem;
   pointer-events: none;
 }
 
 .modal.fade .modal-dialog {
   transition: transform 0.3s ease-out;
   transform: translate(0, -50px);
 }
 
 @media (prefers-reduced-motion: reduce) {
   .modal.fade .modal-dialog {
     transition: none;
   }
 }
 
 .modal.show .modal-dialog {
   transform: none;
 }
 
 .modal-dialog-scrollable {
   display: flex;
   max-height: calc(100% - 1rem);
 }
 
 .modal-dialog-scrollable .modal-content {
   max-height: calc(100vh - 1rem);
   overflow: hidden;
 }
 
 .modal-dialog-scrollable .modal-header,
 .modal-dialog-scrollable .modal-footer {
   flex-shrink: 0;
 }
 
 .modal-dialog-scrollable .modal-body {
   overflow-y: auto;
 }
 
 .modal-dialog-centered {
   display: flex;
   align-items: center;
   min-height: calc(100% - 1rem);
 }
 
 .modal-dialog-centered::before {
   display: block;
   height: calc(100vh - 1rem);
   content: "";
 }
 
 .modal-dialog-centered.modal-dialog-scrollable {
   flex-direction: column;
   justify-content: center;
   height: 100%;
 }
 
 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
   max-height: none;
 }
 
 .modal-dialog-centered.modal-dialog-scrollable::before {
   content: none;
 }
 
 .modal-content {
   position: relative;
   display: flex;
   flex-direction: column;
   width: 100%;
   pointer-events: auto;
   background-color: #FFFFFF;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.2);
   outline: 0;
 }
 
 .modal-backdrop {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1040;
   width: 100vw;
   height: 100vh;
   background-color: #000000;
 }
 
 .modal-backdrop.fade {
   opacity: 0;
 }
 
 .modal-backdrop.show {
   opacity: 0.5;
 }
 
 .modal-header {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   padding: 1rem 1rem;
   border-bottom: 1px solid #dee2e6;
 }
 
 .modal-header .close {
   padding: 1rem 1rem;
   margin: -1rem -1rem -1rem auto;
 }
 
 .modal-title {
   margin-bottom: 0;
   line-height: 1.538;
 }
 
 .modal-body {
   position: relative;
   flex: 1 1 auto;
   padding: 1rem;
 }
 
 .modal-footer {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   padding: 1rem;
   border-top: 1px solid #dee2e6;
 }
 
 .modal-footer > :not(:first-child) {
   margin-left: .25rem;
 }
 
 .modal-footer > :not(:last-child) {
   margin-right: .25rem;
 }
 
 .modal-scrollbar-measure {
   position: absolute;
   top: -9999px;
   width: 50px;
   height: 50px;
   overflow: scroll;
 }
 
 @media (min-width: 576px) {
   .modal-dialog {
     max-width: 545px;
     margin: 1.75rem auto;
   }
   .modal-dialog-scrollable {
     max-height: calc(100% - 3.5rem);
   }
   .modal-dialog-scrollable .modal-content {
     max-height: calc(100vh - 3.5rem);
   }
   .modal-dialog-centered {
     min-height: calc(100% - 3.5rem);
   }
   .modal-dialog-centered::before {
     height: calc(100vh - 3.5rem);
   }
   .modal-sm {
     max-width: 300px;
   }
 }
 
 @media (min-width: 992px) {
   .modal-lg,
   .modal-xl {
     max-width: 750px;
   }
 }
 
 @media (min-width: 1200px) {
   .modal-xl {
     max-width: 1140px;
   }
 }
 
 .shadow-sm {
   box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
 }
 
 .shadow {
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
 }
 
 .shadow-lg {
   box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
 }
 
 .shadow-none {
   box-shadow: none !important;
 }
 
 .w-25 {
   width: 25% !important;
 }
 
 .w-50 {
   width: 50% !important;
 }
 
 .w-75 {
   width: 75% !important;
 }
 
 .w-100 {
   width: 100% !important;
 }
 
 .w-auto {
   width: auto !important;
 }
 
 .h-25 {
   height: 25% !important;
 }
 
 .h-50 {
   height: 50% !important;
 }
 
 .h-75 {
   height: 75% !important;
 }
 
 .h-100 {
   height: 100% !important;
 }
 
 .h-auto {
   height: auto !important;
 }
 
 .mw-100 {
   max-width: 100% !important;
 }
 
 .mh-100 {
   max-height: 100% !important;
 }
 
 .min-vw-100 {
   min-width: 100vw !important;
 }
 
 .min-vh-100 {
   min-height: 100vh !important;
 }
 
 .vw-100 {
   width: 100vw !important;
 }
 
 .vh-100 {
   height: 100vh !important;
 }
 
 .stretched-link::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
   background-color: rgba(0, 0, 0, 0);
 }
 
 .m-0 {
   margin: 0 !important;
 }
 
 .mt-0,
 .my-0 {
   margin-top: 0 !important;
 }
 
 .mr-0,
 .mx-0 {
   margin-right: 0 !important;
 }
 
 .mb-0,
 .my-0 {
   margin-bottom: 0 !important;
 }
 
 .ml-0,
 .mx-0 {
   margin-left: 0 !important;
 }
 
 .m-1 {
   margin: 0.25rem !important;
 }
 
 .mt-1,
 .my-1 {
   margin-top: 0.25rem !important;
 }
 
 .mr-1,
 .mx-1 {
   margin-right: 0.25rem !important;
 }
 
 .mb-1,
 .my-1 {
   margin-bottom: 0.25rem !important;
 }
 
 .ml-1,
 .mx-1 {
   margin-left: 0.25rem !important;
 }
 
 .m-2 {
   margin: 0.5rem !important;
 }
 
 .mt-2,
 .my-2 {
   margin-top: 0.5rem !important;
 }
 
 .mr-2,
 .mx-2 {
   margin-right: 0.5rem !important;
 }
 
 .mb-2,
 .my-2 {
   margin-bottom: 0.5rem !important;
 }
 
 .ml-2,
 .mx-2 {
   margin-left: 0.5rem !important;
 }
 
 .m-3 {
   margin: 1rem !important;
 }
 
 .mt-3,
 .my-3 {
   margin-top: 1rem !important;
 }
 
 .mr-3,
 .mx-3 {
   margin-right: 1rem !important;
 }
 
 .mb-3,
 .my-3 {
   margin-bottom: 1rem !important;
 }
 
 .ml-3,
 .mx-3 {
   margin-left: 1rem !important;
 }
 
 .m-4 {
   margin: 1.5rem !important;
 }
 
 .mt-4,
 .my-4 {
   margin-top: 1.5rem !important;
 }
 
 .mr-4,
 .mx-4 {
   margin-right: 1.5rem !important;
 }
 
 .mb-4,
 .my-4 {
   margin-bottom: 1.5rem !important;
 }
 
 .ml-4,
 .mx-4 {
   margin-left: 1.5rem !important;
 }
 
 .m-5 {
   margin: 3rem !important;
 }
 
 .mt-5,
 .my-5 {
   margin-top: 3rem !important;
 }
 
 .mr-5,
 .mx-5 {
   margin-right: 3rem !important;
 }
 
 .mb-5,
 .my-5 {
   margin-bottom: 3rem !important;
 }
 
 .ml-5,
 .mx-5 {
   margin-left: 3rem !important;
 }
 
 .m-6 {
   margin: 4.5rem !important;
 }
 
 .mt-6,
 .my-6 {
   margin-top: 4.5rem !important;
 }
 
 .mr-6,
 .mx-6 {
   margin-right: 4.5rem !important;
 }
 
 .mb-6,
 .my-6 {
   margin-bottom: 4.5rem !important;
 }
 
 .ml-6,
 .mx-6 {
   margin-left: 4.5rem !important;
 }
 
 .p-0 {
   padding: 0 !important;
 }
 
 .pt-0,
 .py-0 {
   padding-top: 0 !important;
 }
 
 .pr-0,
 .px-0 {
   padding-right: 0 !important;
 }
 
 .pb-0,
 .py-0 {
   padding-bottom: 0 !important;
 }
 
 .pl-0,
 .px-0 {
   padding-left: 0 !important;
 }
 
 .p-1 {
   padding: 0.25rem !important;
 }
 
 .pt-1,
 .py-1 {
   padding-top: 0.25rem !important;
 }
 
 .pr-1,
 .px-1 {
   padding-right: 0.25rem !important;
 }
 
 .pb-1,
 .py-1 {
   padding-bottom: 0.25rem !important;
 }
 
 .pl-1,
 .px-1 {
   padding-left: 0.25rem !important;
 }
 
 .p-2 {
   padding: 0.5rem !important;
 }
 
 .pt-2,
 .py-2 {
   padding-top: 0.5rem !important;
 }
 
 .pr-2,
 .px-2 {
   padding-right: 0.5rem !important;
 }
 
 .pb-2,
 .py-2 {
   padding-bottom: 0.5rem !important;
 }
 
 .pl-2,
 .px-2 {
   padding-left: 0.5rem !important;
 }
 
 .p-3 {
   padding: 1rem !important;
 }
 
 .pt-3,
 .py-3 {
   padding-top: 1rem !important;
 }
 
 .pr-3,
 .px-3 {
   padding-right: 1rem !important;
 }
 
 .pb-3,
 .py-3 {
   padding-bottom: 1rem !important;
 }
 
 .pl-3,
 .px-3 {
   padding-left: 1rem !important;
 }
 
 .p-4 {
   padding: 1.5rem !important;
 }
 
 .pt-4,
 .py-4 {
   padding-top: 1.5rem !important;
 }
 
 .pr-4,
 .px-4 {
   padding-right: 1.5rem !important;
 }
 
 .pb-4,
 .py-4 {
   padding-bottom: 1.5rem !important;
 }
 
 .pl-4,
 .px-4 {
   padding-left: 1.5rem !important;
 }
 
 .p-5 {
   padding: 3rem !important;
 }
 
 .pt-5,
 .py-5 {
   padding-top: 3rem !important;
 }
 
 .pr-5,
 .px-5 {
   padding-right: 3rem !important;
 }
 
 .pb-5,
 .py-5 {
   padding-bottom: 3rem !important;
 }
 
 .pl-5,
 .px-5 {
   padding-left: 3rem !important;
 }
 
 .p-6 {
   padding: 4.5rem !important;
 }
 
 .pt-6,
 .py-6 {
   padding-top: 4.5rem !important;
 }
 
 .pr-6,
 .px-6 {
   padding-right: 4.5rem !important;
 }
 
 .pb-6,
 .py-6 {
   padding-bottom: 4.5rem !important;
 }
 
 .pl-6,
 .px-6 {
   padding-left: 4.5rem !important;
 }
 
 .m-n1 {
   margin: -0.25rem !important;
 }
 
 .mt-n1,
 .my-n1 {
   margin-top: -0.25rem !important;
 }
 
 .mr-n1,
 .mx-n1 {
   margin-right: -0.25rem !important;
 }
 
 .mb-n1,
 .my-n1 {
   margin-bottom: -0.25rem !important;
 }
 
 .ml-n1,
 .mx-n1 {
   margin-left: -0.25rem !important;
 }
 
 .m-n2 {
   margin: -0.5rem !important;
 }
 
 .mt-n2,
 .my-n2 {
   margin-top: -0.5rem !important;
 }
 
 .mr-n2,
 .mx-n2 {
   margin-right: -0.5rem !important;
 }
 
 .mb-n2,
 .my-n2 {
   margin-bottom: -0.5rem !important;
 }
 
 .ml-n2,
 .mx-n2 {
   margin-left: -0.5rem !important;
 }
 
 .m-n3 {
   margin: -1rem !important;
 }
 
 .mt-n3,
 .my-n3 {
   margin-top: -1rem !important;
 }
 
 .mr-n3,
 .mx-n3 {
   margin-right: -1rem !important;
 }
 
 .mb-n3,
 .my-n3 {
   margin-bottom: -1rem !important;
 }
 
 .ml-n3,
 .mx-n3 {
   margin-left: -1rem !important;
 }
 
 .m-n4 {
   margin: -1.5rem !important;
 }
 
 .mt-n4,
 .my-n4 {
   margin-top: -1.5rem !important;
 }
 
 .mr-n4,
 .mx-n4 {
   margin-right: -1.5rem !important;
 }
 
 .mb-n4,
 .my-n4 {
   margin-bottom: -1.5rem !important;
 }
 
 .ml-n4,
 .mx-n4 {
   margin-left: -1.5rem !important;
 }
 
 .m-n5 {
   margin: -3rem !important;
 }
 
 .mt-n5,
 .my-n5 {
   margin-top: -3rem !important;
 }
 
 .mr-n5,
 .mx-n5 {
   margin-right: -3rem !important;
 }
 
 .mb-n5,
 .my-n5 {
   margin-bottom: -3rem !important;
 }
 
 .ml-n5,
 .mx-n5 {
   margin-left: -3rem !important;
 }
 
 .m-n6 {
   margin: -4.5rem !important;
 }
 
 .mt-n6,
 .my-n6 {
   margin-top: -4.5rem !important;
 }
 
 .mr-n6,
 .mx-n6 {
   margin-right: -4.5rem !important;
 }
 
 .mb-n6,
 .my-n6 {
   margin-bottom: -4.5rem !important;
 }
 
 .ml-n6,
 .mx-n6 {
   margin-left: -4.5rem !important;
 }
 
 .m-auto {
   margin: auto !important;
 }
 
 .mt-auto,
 .my-auto {
   margin-top: auto !important;
 }
 
 .mr-auto,
 .mx-auto {
   margin-right: auto !important;
 }
 
 .mb-auto,
 .my-auto {
   margin-bottom: auto !important;
 }
 
 .ml-auto,
 .mx-auto {
   margin-left: auto !important;
 }
 
 @media (min-width: 576px) {
   .m-sm-0 {
     margin: 0 !important;
   }
   .mt-sm-0,
   .my-sm-0 {
     margin-top: 0 !important;
   }
   .mr-sm-0,
   .mx-sm-0 {
     margin-right: 0 !important;
   }
   .mb-sm-0,
   .my-sm-0 {
     margin-bottom: 0 !important;
   }
   .ml-sm-0,
   .mx-sm-0 {
     margin-left: 0 !important;
   }
   .m-sm-1 {
     margin: 0.25rem !important;
   }
   .mt-sm-1,
   .my-sm-1 {
     margin-top: 0.25rem !important;
   }
   .mr-sm-1,
   .mx-sm-1 {
     margin-right: 0.25rem !important;
   }
   .mb-sm-1,
   .my-sm-1 {
     margin-bottom: 0.25rem !important;
   }
   .ml-sm-1,
   .mx-sm-1 {
     margin-left: 0.25rem !important;
   }
   .m-sm-2 {
     margin: 0.5rem !important;
   }
   .mt-sm-2,
   .my-sm-2 {
     margin-top: 0.5rem !important;
   }
   .mr-sm-2,
   .mx-sm-2 {
     margin-right: 0.5rem !important;
   }
   .mb-sm-2,
   .my-sm-2 {
     margin-bottom: 0.5rem !important;
   }
   .ml-sm-2,
   .mx-sm-2 {
     margin-left: 0.5rem !important;
   }
   .m-sm-3 {
     margin: 1rem !important;
   }
   .mt-sm-3,
   .my-sm-3 {
     margin-top: 1rem !important;
   }
   .mr-sm-3,
   .mx-sm-3 {
     margin-right: 1rem !important;
   }
   .mb-sm-3,
   .my-sm-3 {
     margin-bottom: 1rem !important;
   }
   .ml-sm-3,
   .mx-sm-3 {
     margin-left: 1rem !important;
   }
   .m-sm-4 {
     margin: 1.5rem !important;
   }
   .mt-sm-4,
   .my-sm-4 {
     margin-top: 1.5rem !important;
   }
   .mr-sm-4,
   .mx-sm-4 {
     margin-right: 1.5rem !important;
   }
   .mb-sm-4,
   .my-sm-4 {
     margin-bottom: 1.5rem !important;
   }
   .ml-sm-4,
   .mx-sm-4 {
     margin-left: 1.5rem !important;
   }
   .m-sm-5 {
     margin: 3rem !important;
   }
   .mt-sm-5,
   .my-sm-5 {
     margin-top: 3rem !important;
   }
   .mr-sm-5,
   .mx-sm-5 {
     margin-right: 3rem !important;
   }
   .mb-sm-5,
   .my-sm-5 {
     margin-bottom: 3rem !important;
   }
   .ml-sm-5,
   .mx-sm-5 {
     margin-left: 3rem !important;
   }
   .m-sm-6 {
     margin: 4.5rem !important;
   }
   .mt-sm-6,
   .my-sm-6 {
     margin-top: 4.5rem !important;
   }
   .mr-sm-6,
   .mx-sm-6 {
     margin-right: 4.5rem !important;
   }
   .mb-sm-6,
   .my-sm-6 {
     margin-bottom: 4.5rem !important;
   }
   .ml-sm-6,
   .mx-sm-6 {
     margin-left: 4.5rem !important;
   }
   .p-sm-0 {
     padding: 0 !important;
   }
   .pt-sm-0,
   .py-sm-0 {
     padding-top: 0 !important;
   }
   .pr-sm-0,
   .px-sm-0 {
     padding-right: 0 !important;
   }
   .pb-sm-0,
   .py-sm-0 {
     padding-bottom: 0 !important;
   }
   .pl-sm-0,
   .px-sm-0 {
     padding-left: 0 !important;
   }
   .p-sm-1 {
     padding: 0.25rem !important;
   }
   .pt-sm-1,
   .py-sm-1 {
     padding-top: 0.25rem !important;
   }
   .pr-sm-1,
   .px-sm-1 {
     padding-right: 0.25rem !important;
   }
   .pb-sm-1,
   .py-sm-1 {
     padding-bottom: 0.25rem !important;
   }
   .pl-sm-1,
   .px-sm-1 {
     padding-left: 0.25rem !important;
   }
   .p-sm-2 {
     padding: 0.5rem !important;
   }
   .pt-sm-2,
   .py-sm-2 {
     padding-top: 0.5rem !important;
   }
   .pr-sm-2,
   .px-sm-2 {
     padding-right: 0.5rem !important;
   }
   .pb-sm-2,
   .py-sm-2 {
     padding-bottom: 0.5rem !important;
   }
   .pl-sm-2,
   .px-sm-2 {
     padding-left: 0.5rem !important;
   }
   .p-sm-3 {
     padding: 1rem !important;
   }
   .pt-sm-3,
   .py-sm-3 {
     padding-top: 1rem !important;
   }
   .pr-sm-3,
   .px-sm-3 {
     padding-right: 1rem !important;
   }
   .pb-sm-3,
   .py-sm-3 {
     padding-bottom: 1rem !important;
   }
   .pl-sm-3,
   .px-sm-3 {
     padding-left: 1rem !important;
   }
   .p-sm-4 {
     padding: 1.5rem !important;
   }
   .pt-sm-4,
   .py-sm-4 {
     padding-top: 1.5rem !important;
   }
   .pr-sm-4,
   .px-sm-4 {
     padding-right: 1.5rem !important;
   }
   .pb-sm-4,
   .py-sm-4 {
     padding-bottom: 1.5rem !important;
   }
   .pl-sm-4,
   .px-sm-4 {
     padding-left: 1.5rem !important;
   }
   .p-sm-5 {
     padding: 3rem !important;
   }
   .pt-sm-5,
   .py-sm-5 {
     padding-top: 3rem !important;
   }
   .pr-sm-5,
   .px-sm-5 {
     padding-right: 3rem !important;
   }
   .pb-sm-5,
   .py-sm-5 {
     padding-bottom: 3rem !important;
   }
   .pl-sm-5,
   .px-sm-5 {
     padding-left: 3rem !important;
   }
   .p-sm-6 {
     padding: 4.5rem !important;
   }
   .pt-sm-6,
   .py-sm-6 {
     padding-top: 4.5rem !important;
   }
   .pr-sm-6,
   .px-sm-6 {
     padding-right: 4.5rem !important;
   }
   .pb-sm-6,
   .py-sm-6 {
     padding-bottom: 4.5rem !important;
   }
   .pl-sm-6,
   .px-sm-6 {
     padding-left: 4.5rem !important;
   }
   .m-sm-n1 {
     margin: -0.25rem !important;
   }
   .mt-sm-n1,
   .my-sm-n1 {
     margin-top: -0.25rem !important;
   }
   .mr-sm-n1,
   .mx-sm-n1 {
     margin-right: -0.25rem !important;
   }
   .mb-sm-n1,
   .my-sm-n1 {
     margin-bottom: -0.25rem !important;
   }
   .ml-sm-n1,
   .mx-sm-n1 {
     margin-left: -0.25rem !important;
   }
   .m-sm-n2 {
     margin: -0.5rem !important;
   }
   .mt-sm-n2,
   .my-sm-n2 {
     margin-top: -0.5rem !important;
   }
   .mr-sm-n2,
   .mx-sm-n2 {
     margin-right: -0.5rem !important;
   }
   .mb-sm-n2,
   .my-sm-n2 {
     margin-bottom: -0.5rem !important;
   }
   .ml-sm-n2,
   .mx-sm-n2 {
     margin-left: -0.5rem !important;
   }
   .m-sm-n3 {
     margin: -1rem !important;
   }
   .mt-sm-n3,
   .my-sm-n3 {
     margin-top: -1rem !important;
   }
   .mr-sm-n3,
   .mx-sm-n3 {
     margin-right: -1rem !important;
   }
   .mb-sm-n3,
   .my-sm-n3 {
     margin-bottom: -1rem !important;
   }
   .ml-sm-n3,
   .mx-sm-n3 {
     margin-left: -1rem !important;
   }
   .m-sm-n4 {
     margin: -1.5rem !important;
   }
   .mt-sm-n4,
   .my-sm-n4 {
     margin-top: -1.5rem !important;
   }
   .mr-sm-n4,
   .mx-sm-n4 {
     margin-right: -1.5rem !important;
   }
   .mb-sm-n4,
   .my-sm-n4 {
     margin-bottom: -1.5rem !important;
   }
   .ml-sm-n4,
   .mx-sm-n4 {
     margin-left: -1.5rem !important;
   }
   .m-sm-n5 {
     margin: -3rem !important;
   }
   .mt-sm-n5,
   .my-sm-n5 {
     margin-top: -3rem !important;
   }
   .mr-sm-n5,
   .mx-sm-n5 {
     margin-right: -3rem !important;
   }
   .mb-sm-n5,
   .my-sm-n5 {
     margin-bottom: -3rem !important;
   }
   .ml-sm-n5,
   .mx-sm-n5 {
     margin-left: -3rem !important;
   }
   .m-sm-n6 {
     margin: -4.5rem !important;
   }
   .mt-sm-n6,
   .my-sm-n6 {
     margin-top: -4.5rem !important;
   }
   .mr-sm-n6,
   .mx-sm-n6 {
     margin-right: -4.5rem !important;
   }
   .mb-sm-n6,
   .my-sm-n6 {
     margin-bottom: -4.5rem !important;
   }
   .ml-sm-n6,
   .mx-sm-n6 {
     margin-left: -4.5rem !important;
   }
   .m-sm-auto {
     margin: auto !important;
   }
   .mt-sm-auto,
   .my-sm-auto {
     margin-top: auto !important;
   }
   .mr-sm-auto,
   .mx-sm-auto {
     margin-right: auto !important;
   }
   .mb-sm-auto,
   .my-sm-auto {
     margin-bottom: auto !important;
   }
   .ml-sm-auto,
   .mx-sm-auto {
     margin-left: auto !important;
   }
 }
 
 @media (min-width: 768px) {
   .m-md-0 {
     margin: 0 !important;
   }
   .mt-md-0,
   .my-md-0 {
     margin-top: 0 !important;
   }
   .mr-md-0,
   .mx-md-0 {
     margin-right: 0 !important;
   }
   .mb-md-0,
   .my-md-0 {
     margin-bottom: 0 !important;
   }
   .ml-md-0,
   .mx-md-0 {
     margin-left: 0 !important;
   }
   .m-md-1 {
     margin: 0.25rem !important;
   }
   .mt-md-1,
   .my-md-1 {
     margin-top: 0.25rem !important;
   }
   .mr-md-1,
   .mx-md-1 {
     margin-right: 0.25rem !important;
   }
   .mb-md-1,
   .my-md-1 {
     margin-bottom: 0.25rem !important;
   }
   .ml-md-1,
   .mx-md-1 {
     margin-left: 0.25rem !important;
   }
   .m-md-2 {
     margin: 0.5rem !important;
   }
   .mt-md-2,
   .my-md-2 {
     margin-top: 0.5rem !important;
   }
   .mr-md-2,
   .mx-md-2 {
     margin-right: 0.5rem !important;
   }
   .mb-md-2,
   .my-md-2 {
     margin-bottom: 0.5rem !important;
   }
   .ml-md-2,
   .mx-md-2 {
     margin-left: 0.5rem !important;
   }
   .m-md-3 {
     margin: 1rem !important;
   }
   .mt-md-3,
   .my-md-3 {
     margin-top: 1rem !important;
   }
   .mr-md-3,
   .mx-md-3 {
     margin-right: 1rem !important;
   }
   .mb-md-3,
   .my-md-3 {
     margin-bottom: 1rem !important;
   }
   .ml-md-3,
   .mx-md-3 {
     margin-left: 1rem !important;
   }
   .m-md-4 {
     margin: 1.5rem !important;
   }
   .mt-md-4,
   .my-md-4 {
     margin-top: 1.5rem !important;
   }
   .mr-md-4,
   .mx-md-4 {
     margin-right: 1.5rem !important;
   }
   .mb-md-4,
   .my-md-4 {
     margin-bottom: 1.5rem !important;
   }
   .ml-md-4,
   .mx-md-4 {
     margin-left: 1.5rem !important;
   }
   .m-md-5 {
     margin: 3rem !important;
   }
   .mt-md-5,
   .my-md-5 {
     margin-top: 3rem !important;
   }
   .mr-md-5,
   .mx-md-5 {
     margin-right: 3rem !important;
   }
   .mb-md-5,
   .my-md-5 {
     margin-bottom: 3rem !important;
   }
   .ml-md-5,
   .mx-md-5 {
     margin-left: 3rem !important;
   }
   .m-md-6 {
     margin: 4.5rem !important;
   }
   .mt-md-6,
   .my-md-6 {
     margin-top: 4.5rem !important;
   }
   .mr-md-6,
   .mx-md-6 {
     margin-right: 4.5rem !important;
   }
   .mb-md-6,
   .my-md-6 {
     margin-bottom: 4.5rem !important;
   }
   .ml-md-6,
   .mx-md-6 {
     margin-left: 4.5rem !important;
   }
   .p-md-0 {
     padding: 0 !important;
   }
   .pt-md-0,
   .py-md-0 {
     padding-top: 0 !important;
   }
   .pr-md-0,
   .px-md-0 {
     padding-right: 0 !important;
   }
   .pb-md-0,
   .py-md-0 {
     padding-bottom: 0 !important;
   }
   .pl-md-0,
   .px-md-0 {
     padding-left: 0 !important;
   }
   .p-md-1 {
     padding: 0.25rem !important;
   }
   .pt-md-1,
   .py-md-1 {
     padding-top: 0.25rem !important;
   }
   .pr-md-1,
   .px-md-1 {
     padding-right: 0.25rem !important;
   }
   .pb-md-1,
   .py-md-1 {
     padding-bottom: 0.25rem !important;
   }
   .pl-md-1,
   .px-md-1 {
     padding-left: 0.25rem !important;
   }
   .p-md-2 {
     padding: 0.5rem !important;
   }
   .pt-md-2,
   .py-md-2 {
     padding-top: 0.5rem !important;
   }
   .pr-md-2,
   .px-md-2 {
     padding-right: 0.5rem !important;
   }
   .pb-md-2,
   .py-md-2 {
     padding-bottom: 0.5rem !important;
   }
   .pl-md-2,
   .px-md-2 {
     padding-left: 0.5rem !important;
   }
   .p-md-3 {
     padding: 1rem !important;
   }
   .pt-md-3,
   .py-md-3 {
     padding-top: 1rem !important;
   }
   .pr-md-3,
   .px-md-3 {
     padding-right: 1rem !important;
   }
   .pb-md-3,
   .py-md-3 {
     padding-bottom: 1rem !important;
   }
   .pl-md-3,
   .px-md-3 {
     padding-left: 1rem !important;
   }
   .p-md-4 {
     padding: 1.5rem !important;
   }
   .pt-md-4,
   .py-md-4 {
     padding-top: 1.5rem !important;
   }
   .pr-md-4,
   .px-md-4 {
     padding-right: 1.5rem !important;
   }
   .pb-md-4,
   .py-md-4 {
     padding-bottom: 1.5rem !important;
   }
   .pl-md-4,
   .px-md-4 {
     padding-left: 1.5rem !important;
   }
   .p-md-5 {
     padding: 3rem !important;
   }
   .pt-md-5,
   .py-md-5 {
     padding-top: 3rem !important;
   }
   .pr-md-5,
   .px-md-5 {
     padding-right: 3rem !important;
   }
   .pb-md-5,
   .py-md-5 {
     padding-bottom: 3rem !important;
   }
   .pl-md-5,
   .px-md-5 {
     padding-left: 3rem !important;
   }
   .p-md-6 {
     padding: 4.5rem !important;
   }
   .pt-md-6,
   .py-md-6 {
     padding-top: 4.5rem !important;
   }
   .pr-md-6,
   .px-md-6 {
     padding-right: 4.5rem !important;
   }
   .pb-md-6,
   .py-md-6 {
     padding-bottom: 4.5rem !important;
   }
   .pl-md-6,
   .px-md-6 {
     padding-left: 4.5rem !important;
   }
   .m-md-n1 {
     margin: -0.25rem !important;
   }
   .mt-md-n1,
   .my-md-n1 {
     margin-top: -0.25rem !important;
   }
   .mr-md-n1,
   .mx-md-n1 {
     margin-right: -0.25rem !important;
   }
   .mb-md-n1,
   .my-md-n1 {
     margin-bottom: -0.25rem !important;
   }
   .ml-md-n1,
   .mx-md-n1 {
     margin-left: -0.25rem !important;
   }
   .m-md-n2 {
     margin: -0.5rem !important;
   }
   .mt-md-n2,
   .my-md-n2 {
     margin-top: -0.5rem !important;
   }
   .mr-md-n2,
   .mx-md-n2 {
     margin-right: -0.5rem !important;
   }
   .mb-md-n2,
   .my-md-n2 {
     margin-bottom: -0.5rem !important;
   }
   .ml-md-n2,
   .mx-md-n2 {
     margin-left: -0.5rem !important;
   }
   .m-md-n3 {
     margin: -1rem !important;
   }
   .mt-md-n3,
   .my-md-n3 {
     margin-top: -1rem !important;
   }
   .mr-md-n3,
   .mx-md-n3 {
     margin-right: -1rem !important;
   }
   .mb-md-n3,
   .my-md-n3 {
     margin-bottom: -1rem !important;
   }
   .ml-md-n3,
   .mx-md-n3 {
     margin-left: -1rem !important;
   }
   .m-md-n4 {
     margin: -1.5rem !important;
   }
   .mt-md-n4,
   .my-md-n4 {
     margin-top: -1.5rem !important;
   }
   .mr-md-n4,
   .mx-md-n4 {
     margin-right: -1.5rem !important;
   }
   .mb-md-n4,
   .my-md-n4 {
     margin-bottom: -1.5rem !important;
   }
   .ml-md-n4,
   .mx-md-n4 {
     margin-left: -1.5rem !important;
   }
   .m-md-n5 {
     margin: -3rem !important;
   }
   .mt-md-n5,
   .my-md-n5 {
     margin-top: -3rem !important;
   }
   .mr-md-n5,
   .mx-md-n5 {
     margin-right: -3rem !important;
   }
   .mb-md-n5,
   .my-md-n5 {
     margin-bottom: -3rem !important;
   }
   .ml-md-n5,
   .mx-md-n5 {
     margin-left: -3rem !important;
   }
   .m-md-n6 {
     margin: -4.5rem !important;
   }
   .mt-md-n6,
   .my-md-n6 {
     margin-top: -4.5rem !important;
   }
   .mr-md-n6,
   .mx-md-n6 {
     margin-right: -4.5rem !important;
   }
   .mb-md-n6,
   .my-md-n6 {
     margin-bottom: -4.5rem !important;
   }
   .ml-md-n6,
   .mx-md-n6 {
     margin-left: -4.5rem !important;
   }
   .m-md-auto {
     margin: auto !important;
   }
   .mt-md-auto,
   .my-md-auto {
     margin-top: auto !important;
   }
   .mr-md-auto,
   .mx-md-auto {
     margin-right: auto !important;
   }
   .mb-md-auto,
   .my-md-auto {
     margin-bottom: auto !important;
   }
   .ml-md-auto,
   .mx-md-auto {
     margin-left: auto !important;
   }
 }
 
 @media (min-width: 992px) {
   .m-lg-0 {
     margin: 0 !important;
   }
   .mt-lg-0,
   .my-lg-0 {
     margin-top: 0 !important;
   }
   .mr-lg-0,
   .mx-lg-0 {
     margin-right: 0 !important;
   }
   .mb-lg-0,
   .my-lg-0 {
     margin-bottom: 0 !important;
   }
   .ml-lg-0,
   .mx-lg-0 {
     margin-left: 0 !important;
   }
   .m-lg-1 {
     margin: 0.25rem !important;
   }
   .mt-lg-1,
   .my-lg-1 {
     margin-top: 0.25rem !important;
   }
   .mr-lg-1,
   .mx-lg-1 {
     margin-right: 0.25rem !important;
   }
   .mb-lg-1,
   .my-lg-1 {
     margin-bottom: 0.25rem !important;
   }
   .ml-lg-1,
   .mx-lg-1 {
     margin-left: 0.25rem !important;
   }
   .m-lg-2 {
     margin: 0.5rem !important;
   }
   .mt-lg-2,
   .my-lg-2 {
     margin-top: 0.5rem !important;
   }
   .mr-lg-2,
   .mx-lg-2 {
     margin-right: 0.5rem !important;
   }
   .mb-lg-2,
   .my-lg-2 {
     margin-bottom: 0.5rem !important;
   }
   .ml-lg-2,
   .mx-lg-2 {
     margin-left: 0.5rem !important;
   }
   .m-lg-3 {
     margin: 1rem !important;
   }
   .mt-lg-3,
   .my-lg-3 {
     margin-top: 1rem !important;
   }
   .mr-lg-3,
   .mx-lg-3 {
     margin-right: 1rem !important;
   }
   .mb-lg-3,
   .my-lg-3 {
     margin-bottom: 1rem !important;
   }
   .ml-lg-3,
   .mx-lg-3 {
     margin-left: 1rem !important;
   }
   .m-lg-4 {
     margin: 1.5rem !important;
   }
   .mt-lg-4,
   .my-lg-4 {
     margin-top: 1.5rem !important;
   }
   .mr-lg-4,
   .mx-lg-4 {
     margin-right: 1.5rem !important;
   }
   .mb-lg-4,
   .my-lg-4 {
     margin-bottom: 1.5rem !important;
   }
   .ml-lg-4,
   .mx-lg-4 {
     margin-left: 1.5rem !important;
   }
   .m-lg-5 {
     margin: 3rem !important;
   }
   .mt-lg-5,
   .my-lg-5 {
     margin-top: 3rem !important;
   }
   .mr-lg-5,
   .mx-lg-5 {
     margin-right: 3rem !important;
   }
   .mb-lg-5,
   .my-lg-5 {
     margin-bottom: 3rem !important;
   }
   .ml-lg-5,
   .mx-lg-5 {
     margin-left: 3rem !important;
   }
   .m-lg-6 {
     margin: 4.5rem !important;
   }
   .mt-lg-6,
   .my-lg-6 {
     margin-top: 4.5rem !important;
   }
   .mr-lg-6,
   .mx-lg-6 {
     margin-right: 4.5rem !important;
   }
   .mb-lg-6,
   .my-lg-6 {
     margin-bottom: 4.5rem !important;
   }
   .ml-lg-6,
   .mx-lg-6 {
     margin-left: 4.5rem !important;
   }
   .p-lg-0 {
     padding: 0 !important;
   }
   .pt-lg-0,
   .py-lg-0 {
     padding-top: 0 !important;
   }
   .pr-lg-0,
   .px-lg-0 {
     padding-right: 0 !important;
   }
   .pb-lg-0,
   .py-lg-0 {
     padding-bottom: 0 !important;
   }
   .pl-lg-0,
   .px-lg-0 {
     padding-left: 0 !important;
   }
   .p-lg-1 {
     padding: 0.25rem !important;
   }
   .pt-lg-1,
   .py-lg-1 {
     padding-top: 0.25rem !important;
   }
   .pr-lg-1,
   .px-lg-1 {
     padding-right: 0.25rem !important;
   }
   .pb-lg-1,
   .py-lg-1 {
     padding-bottom: 0.25rem !important;
   }
   .pl-lg-1,
   .px-lg-1 {
     padding-left: 0.25rem !important;
   }
   .p-lg-2 {
     padding: 0.5rem !important;
   }
   .pt-lg-2,
   .py-lg-2 {
     padding-top: 0.5rem !important;
   }
   .pr-lg-2,
   .px-lg-2 {
     padding-right: 0.5rem !important;
   }
   .pb-lg-2,
   .py-lg-2 {
     padding-bottom: 0.5rem !important;
   }
   .pl-lg-2,
   .px-lg-2 {
     padding-left: 0.5rem !important;
   }
   .p-lg-3 {
     padding: 1rem !important;
   }
   .pt-lg-3,
   .py-lg-3 {
     padding-top: 1rem !important;
   }
   .pr-lg-3,
   .px-lg-3 {
     padding-right: 1rem !important;
   }
   .pb-lg-3,
   .py-lg-3 {
     padding-bottom: 1rem !important;
   }
   .pl-lg-3,
   .px-lg-3 {
     padding-left: 1rem !important;
   }
   .p-lg-4 {
     padding: 1.5rem !important;
   }
   .pt-lg-4,
   .py-lg-4 {
     padding-top: 1.5rem !important;
   }
   .pr-lg-4,
   .px-lg-4 {
     padding-right: 1.5rem !important;
   }
   .pb-lg-4,
   .py-lg-4 {
     padding-bottom: 1.5rem !important;
   }
   .pl-lg-4,
   .px-lg-4 {
     padding-left: 1.5rem !important;
   }
   .p-lg-5 {
     padding: 3rem !important;
   }
   .pt-lg-5,
   .py-lg-5 {
     padding-top: 3rem !important;
   }
   .pr-lg-5,
   .px-lg-5 {
     padding-right: 3rem !important;
   }
   .pb-lg-5,
   .py-lg-5 {
     padding-bottom: 3rem !important;
   }
   .pl-lg-5,
   .px-lg-5 {
     padding-left: 3rem !important;
   }
   .p-lg-6 {
     padding: 4.5rem !important;
   }
   .pt-lg-6,
   .py-lg-6 {
     padding-top: 4.5rem !important;
   }
   .pr-lg-6,
   .px-lg-6 {
     padding-right: 4.5rem !important;
   }
   .pb-lg-6,
   .py-lg-6 {
     padding-bottom: 4.5rem !important;
   }
   .pl-lg-6,
   .px-lg-6 {
     padding-left: 4.5rem !important;
   }
   .m-lg-n1 {
     margin: -0.25rem !important;
   }
   .mt-lg-n1,
   .my-lg-n1 {
     margin-top: -0.25rem !important;
   }
   .mr-lg-n1,
   .mx-lg-n1 {
     margin-right: -0.25rem !important;
   }
   .mb-lg-n1,
   .my-lg-n1 {
     margin-bottom: -0.25rem !important;
   }
   .ml-lg-n1,
   .mx-lg-n1 {
     margin-left: -0.25rem !important;
   }
   .m-lg-n2 {
     margin: -0.5rem !important;
   }
   .mt-lg-n2,
   .my-lg-n2 {
     margin-top: -0.5rem !important;
   }
   .mr-lg-n2,
   .mx-lg-n2 {
     margin-right: -0.5rem !important;
   }
   .mb-lg-n2,
   .my-lg-n2 {
     margin-bottom: -0.5rem !important;
   }
   .ml-lg-n2,
   .mx-lg-n2 {
     margin-left: -0.5rem !important;
   }
   .m-lg-n3 {
     margin: -1rem !important;
   }
   .mt-lg-n3,
   .my-lg-n3 {
     margin-top: -1rem !important;
   }
   .mr-lg-n3,
   .mx-lg-n3 {
     margin-right: -1rem !important;
   }
   .mb-lg-n3,
   .my-lg-n3 {
     margin-bottom: -1rem !important;
   }
   .ml-lg-n3,
   .mx-lg-n3 {
     margin-left: -1rem !important;
   }
   .m-lg-n4 {
     margin: -1.5rem !important;
   }
   .mt-lg-n4,
   .my-lg-n4 {
     margin-top: -1.5rem !important;
   }
   .mr-lg-n4,
   .mx-lg-n4 {
     margin-right: -1.5rem !important;
   }
   .mb-lg-n4,
   .my-lg-n4 {
     margin-bottom: -1.5rem !important;
   }
   .ml-lg-n4,
   .mx-lg-n4 {
     margin-left: -1.5rem !important;
   }
   .m-lg-n5 {
     margin: -3rem !important;
   }
   .mt-lg-n5,
   .my-lg-n5 {
     margin-top: -3rem !important;
   }
   .mr-lg-n5,
   .mx-lg-n5 {
     margin-right: -3rem !important;
   }
   .mb-lg-n5,
   .my-lg-n5 {
     margin-bottom: -3rem !important;
   }
   .ml-lg-n5,
   .mx-lg-n5 {
     margin-left: -3rem !important;
   }
   .m-lg-n6 {
     margin: -4.5rem !important;
   }
   .mt-lg-n6,
   .my-lg-n6 {
     margin-top: -4.5rem !important;
   }
   .mr-lg-n6,
   .mx-lg-n6 {
     margin-right: -4.5rem !important;
   }
   .mb-lg-n6,
   .my-lg-n6 {
     margin-bottom: -4.5rem !important;
   }
   .ml-lg-n6,
   .mx-lg-n6 {
     margin-left: -4.5rem !important;
   }
   .m-lg-auto {
     margin: auto !important;
   }
   .mt-lg-auto,
   .my-lg-auto {
     margin-top: auto !important;
   }
   .mr-lg-auto,
   .mx-lg-auto {
     margin-right: auto !important;
   }
   .mb-lg-auto,
   .my-lg-auto {
     margin-bottom: auto !important;
   }
   .ml-lg-auto,
   .mx-lg-auto {
     margin-left: auto !important;
   }
 }
 
 @media (min-width: 1200px) {
   .m-xl-0 {
     margin: 0 !important;
   }
   .mt-xl-0,
   .my-xl-0 {
     margin-top: 0 !important;
   }
   .mr-xl-0,
   .mx-xl-0 {
     margin-right: 0 !important;
   }
   .mb-xl-0,
   .my-xl-0 {
     margin-bottom: 0 !important;
   }
   .ml-xl-0,
   .mx-xl-0 {
     margin-left: 0 !important;
   }
   .m-xl-1 {
     margin: 0.25rem !important;
   }
   .mt-xl-1,
   .my-xl-1 {
     margin-top: 0.25rem !important;
   }
   .mr-xl-1,
   .mx-xl-1 {
     margin-right: 0.25rem !important;
   }
   .mb-xl-1,
   .my-xl-1 {
     margin-bottom: 0.25rem !important;
   }
   .ml-xl-1,
   .mx-xl-1 {
     margin-left: 0.25rem !important;
   }
   .m-xl-2 {
     margin: 0.5rem !important;
   }
   .mt-xl-2,
   .my-xl-2 {
     margin-top: 0.5rem !important;
   }
   .mr-xl-2,
   .mx-xl-2 {
     margin-right: 0.5rem !important;
   }
   .mb-xl-2,
   .my-xl-2 {
     margin-bottom: 0.5rem !important;
   }
   .ml-xl-2,
   .mx-xl-2 {
     margin-left: 0.5rem !important;
   }
   .m-xl-3 {
     margin: 1rem !important;
   }
   .mt-xl-3,
   .my-xl-3 {
     margin-top: 1rem !important;
   }
   .mr-xl-3,
   .mx-xl-3 {
     margin-right: 1rem !important;
   }
   .mb-xl-3,
   .my-xl-3 {
     margin-bottom: 1rem !important;
   }
   .ml-xl-3,
   .mx-xl-3 {
     margin-left: 1rem !important;
   }
   .m-xl-4 {
     margin: 1.5rem !important;
   }
   .mt-xl-4,
   .my-xl-4 {
     margin-top: 1.5rem !important;
   }
   .mr-xl-4,
   .mx-xl-4 {
     margin-right: 1.5rem !important;
   }
   .mb-xl-4,
   .my-xl-4 {
     margin-bottom: 1.5rem !important;
   }
   .ml-xl-4,
   .mx-xl-4 {
     margin-left: 1.5rem !important;
   }
   .m-xl-5 {
     margin: 3rem !important;
   }
   .mt-xl-5,
   .my-xl-5 {
     margin-top: 3rem !important;
   }
   .mr-xl-5,
   .mx-xl-5 {
     margin-right: 3rem !important;
   }
   .mb-xl-5,
   .my-xl-5 {
     margin-bottom: 3rem !important;
   }
   .ml-xl-5,
   .mx-xl-5 {
     margin-left: 3rem !important;
   }
   .m-xl-6 {
     margin: 4.5rem !important;
   }
   .mt-xl-6,
   .my-xl-6 {
     margin-top: 4.5rem !important;
   }
   .mr-xl-6,
   .mx-xl-6 {
     margin-right: 4.5rem !important;
   }
   .mb-xl-6,
   .my-xl-6 {
     margin-bottom: 4.5rem !important;
   }
   .ml-xl-6,
   .mx-xl-6 {
     margin-left: 4.5rem !important;
   }
   .p-xl-0 {
     padding: 0 !important;
   }
   .pt-xl-0,
   .py-xl-0 {
     padding-top: 0 !important;
   }
   .pr-xl-0,
   .px-xl-0 {
     padding-right: 0 !important;
   }
   .pb-xl-0,
   .py-xl-0 {
     padding-bottom: 0 !important;
   }
   .pl-xl-0,
   .px-xl-0 {
     padding-left: 0 !important;
   }
   .p-xl-1 {
     padding: 0.25rem !important;
   }
   .pt-xl-1,
   .py-xl-1 {
     padding-top: 0.25rem !important;
   }
   .pr-xl-1,
   .px-xl-1 {
     padding-right: 0.25rem !important;
   }
   .pb-xl-1,
   .py-xl-1 {
     padding-bottom: 0.25rem !important;
   }
   .pl-xl-1,
   .px-xl-1 {
     padding-left: 0.25rem !important;
   }
   .p-xl-2 {
     padding: 0.5rem !important;
   }
   .pt-xl-2,
   .py-xl-2 {
     padding-top: 0.5rem !important;
   }
   .pr-xl-2,
   .px-xl-2 {
     padding-right: 0.5rem !important;
   }
   .pb-xl-2,
   .py-xl-2 {
     padding-bottom: 0.5rem !important;
   }
   .pl-xl-2,
   .px-xl-2 {
     padding-left: 0.5rem !important;
   }
   .p-xl-3 {
     padding: 1rem !important;
   }
   .pt-xl-3,
   .py-xl-3 {
     padding-top: 1rem !important;
   }
   .pr-xl-3,
   .px-xl-3 {
     padding-right: 1rem !important;
   }
   .pb-xl-3,
   .py-xl-3 {
     padding-bottom: 1rem !important;
   }
   .pl-xl-3,
   .px-xl-3 {
     padding-left: 1rem !important;
   }
   .p-xl-4 {
     padding: 1.5rem !important;
   }
   .pt-xl-4,
   .py-xl-4 {
     padding-top: 1.5rem !important;
   }
   .pr-xl-4,
   .px-xl-4 {
     padding-right: 1.5rem !important;
   }
   .pb-xl-4,
   .py-xl-4 {
     padding-bottom: 1.5rem !important;
   }
   .pl-xl-4,
   .px-xl-4 {
     padding-left: 1.5rem !important;
   }
   .p-xl-5 {
     padding: 3rem !important;
   }
   .pt-xl-5,
   .py-xl-5 {
     padding-top: 3rem !important;
   }
   .pr-xl-5,
   .px-xl-5 {
     padding-right: 3rem !important;
   }
   .pb-xl-5,
   .py-xl-5 {
     padding-bottom: 3rem !important;
   }
   .pl-xl-5,
   .px-xl-5 {
     padding-left: 3rem !important;
   }
   .p-xl-6 {
     padding: 4.5rem !important;
   }
   .pt-xl-6,
   .py-xl-6 {
     padding-top: 4.5rem !important;
   }
   .pr-xl-6,
   .px-xl-6 {
     padding-right: 4.5rem !important;
   }
   .pb-xl-6,
   .py-xl-6 {
     padding-bottom: 4.5rem !important;
   }
   .pl-xl-6,
   .px-xl-6 {
     padding-left: 4.5rem !important;
   }
   .m-xl-n1 {
     margin: -0.25rem !important;
   }
   .mt-xl-n1,
   .my-xl-n1 {
     margin-top: -0.25rem !important;
   }
   .mr-xl-n1,
   .mx-xl-n1 {
     margin-right: -0.25rem !important;
   }
   .mb-xl-n1,
   .my-xl-n1 {
     margin-bottom: -0.25rem !important;
   }
   .ml-xl-n1,
   .mx-xl-n1 {
     margin-left: -0.25rem !important;
   }
   .m-xl-n2 {
     margin: -0.5rem !important;
   }
   .mt-xl-n2,
   .my-xl-n2 {
     margin-top: -0.5rem !important;
   }
   .mr-xl-n2,
   .mx-xl-n2 {
     margin-right: -0.5rem !important;
   }
   .mb-xl-n2,
   .my-xl-n2 {
     margin-bottom: -0.5rem !important;
   }
   .ml-xl-n2,
   .mx-xl-n2 {
     margin-left: -0.5rem !important;
   }
   .m-xl-n3 {
     margin: -1rem !important;
   }
   .mt-xl-n3,
   .my-xl-n3 {
     margin-top: -1rem !important;
   }
   .mr-xl-n3,
   .mx-xl-n3 {
     margin-right: -1rem !important;
   }
   .mb-xl-n3,
   .my-xl-n3 {
     margin-bottom: -1rem !important;
   }
   .ml-xl-n3,
   .mx-xl-n3 {
     margin-left: -1rem !important;
   }
   .m-xl-n4 {
     margin: -1.5rem !important;
   }
   .mt-xl-n4,
   .my-xl-n4 {
     margin-top: -1.5rem !important;
   }
   .mr-xl-n4,
   .mx-xl-n4 {
     margin-right: -1.5rem !important;
   }
   .mb-xl-n4,
   .my-xl-n4 {
     margin-bottom: -1.5rem !important;
   }
   .ml-xl-n4,
   .mx-xl-n4 {
     margin-left: -1.5rem !important;
   }
   .m-xl-n5 {
     margin: -3rem !important;
   }
   .mt-xl-n5,
   .my-xl-n5 {
     margin-top: -3rem !important;
   }
   .mr-xl-n5,
   .mx-xl-n5 {
     margin-right: -3rem !important;
   }
   .mb-xl-n5,
   .my-xl-n5 {
     margin-bottom: -3rem !important;
   }
   .ml-xl-n5,
   .mx-xl-n5 {
     margin-left: -3rem !important;
   }
   .m-xl-n6 {
     margin: -4.5rem !important;
   }
   .mt-xl-n6,
   .my-xl-n6 {
     margin-top: -4.5rem !important;
   }
   .mr-xl-n6,
   .mx-xl-n6 {
     margin-right: -4.5rem !important;
   }
   .mb-xl-n6,
   .my-xl-n6 {
     margin-bottom: -4.5rem !important;
   }
   .ml-xl-n6,
   .mx-xl-n6 {
     margin-left: -4.5rem !important;
   }
   .m-xl-auto {
     margin: auto !important;
   }
   .mt-xl-auto,
   .my-xl-auto {
     margin-top: auto !important;
   }
   .mr-xl-auto,
   .mx-xl-auto {
     margin-right: auto !important;
   }
   .mb-xl-auto,
   .my-xl-auto {
     margin-bottom: auto !important;
   }
   .ml-xl-auto,
   .mx-xl-auto {
     margin-left: auto !important;
   }
 }
 
 .text-monospace {
   font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
 }
 
 .text-justify {
   text-align: justify !important;
 }
 
 .text-wrap {
   white-space: normal !important;
 }
 
 .text-nowrap {
   white-space: nowrap !important;
 }
 
 .text-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .text-left {
   text-align: left !important;
 }
 
 .text-right {
   text-align: right !important;
 }
 
 .text-center {
   text-align: center !important;
 }
 
 @media (min-width: 576px) {
   .text-sm-left {
     text-align: left !important;
   }
   .text-sm-right {
     text-align: right !important;
   }
   .text-sm-center {
     text-align: center !important;
   }
 }
 
 @media (min-width: 768px) {
   .text-md-left {
     text-align: left !important;
   }
   .text-md-right {
     text-align: right !important;
   }
   .text-md-center {
     text-align: center !important;
   }
 }
 
 @media (min-width: 992px) {
   .text-lg-left {
     text-align: left !important;
   }
   .text-lg-right {
     text-align: right !important;
   }
   .text-lg-center {
     text-align: center !important;
   }
 }
 
 @media (min-width: 1200px) {
   .text-xl-left {
     text-align: left !important;
   }
   .text-xl-right {
     text-align: right !important;
   }
   .text-xl-center {
     text-align: center !important;
   }
 }
 
 .text-lowercase {
   text-transform: lowercase !important;
 }
 
 .text-uppercase {
   text-transform: uppercase !important;
 }
 
 .text-capitalize {
   text-transform: capitalize !important;
 }
 
 .font-weight-light {
   font-weight: 300 !important;
 }
 
 .font-weight-lighter {
   font-weight: lighter !important;
 }
 
 .font-weight-normal {
   font-weight: 400 !important;
 }
 
 .font-weight-bold {
   font-weight: 700 !important;
 }
 
 .font-weight-bolder {
   font-weight: bolder !important;
 }
 
 .font-italic {
   font-style: italic !important;
 }
 
 .text-white {
   color: #FFFFFF !important;
 }
 
 .text-primary {
   color: #2cc185 !important;
 }
 
 a.text-primary:hover, a.text-primary:focus {
   color: #1e835a !important;
 }
 
 .text-secondary {
   color: #878787 !important;
 }
 
 a.text-secondary:hover, a.text-secondary:focus {
   color: #616161 !important;
 }
 
 .text-success {
   color: #2cc185 !important;
 }
 
 a.text-success:hover, a.text-success:focus {
   color: #1e835a !important;
 }
 
 .text-info {
   color: #58C7EF !important;
 }
 
 a.text-info:hover, a.text-info:focus {
   color: #16aee5 !important;
 }
 
 .text-warning {
   color: #FFDC42 !important;
 }
 
 a.text-warning:hover, a.text-warning:focus {
   color: #f5c700 !important;
 }
 
 .text-danger {
   color: #F45846 !important;
 }
 
 a.text-danger:hover, a.text-danger:focus {
   color: #e0230d !important;
 }
 
 .text-light {
   color: #FFFFFF !important;
 }
 
 a.text-light:hover, a.text-light:focus {
   color: #d9d9d9 !important;
 }
 
 .text-dark {
   color: #323232 !important;
 }
 
 a.text-dark:hover, a.text-dark:focus {
   color: #0c0c0c !important;
 }
 
 .text-grey {
   color: #e5e5e5 !important;
 }
 
 a.text-grey:hover, a.text-grey:focus {
   color: #bfbfbf !important;
 }
 
 .text-noir {
   color: #545454 !important;
 }
 
 a.text-noir:hover, a.text-noir:focus {
   color: #2e2e2e !important;
 }
 
 .text-body {
   color: #545454 !important;
 }
 
 .text-muted {
   color: #878787 !important;
 }
 
 .text-black-50 {
   color: rgba(0, 0, 0, 0.5) !important;
 }
 
 .text-white-50 {
   color: rgba(255, 255, 255, 0.5) !important;
 }
 
 .text-hide {
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
   border: 0;
 }
 
 .text-decoration-none {
   text-decoration: none !important;
 }
 
 .text-break {
   word-break: break-word !important;
   overflow-wrap: break-word !important;
 }
 
 .text-reset {
   color: inherit !important;
 }
 
 .visible {
   visibility: visible !important;
 }
 
 .invisible {
   visibility: hidden !important;
 }
 
 /* General styles for the modal */
 /* 
 Styles for the html/body for special modal where we want 3d effects
 Note that we need a container wrapping all content on the page for the 
 perspective effects (not including the modals and the overlay).
 */
 .modal-open {
   overflow: hidden;
 }
 
 .modal-perspective,
 .modal-perspective body {
   height: 100%;
   overflow: hidden;
 }
 
 .modal-perspective body {
   background: #222;
   -webkit-perspective: 600px;
   -moz-perspective: 600px;
   perspective: 600px;
 }
 
 .modal-container {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1050;
   visibility: hidden;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   backface-visibility: hidden;
 }
 
 .modal-show {
   visibility: visible;
   overflow-x: hidden;
   overflow-y: auto;
   z-index: 1051;
 }
 
 .modal-overlay {
   position: fixed;
   width: 100%;
   height: 100%;
   visibility: hidden;
   top: 0;
   left: 0;
   z-index: 1050;
   opacity: 0;
   background: rgba(0, 0, 0, 0.5);
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
 }
 
 .modal-show ~ .modal-overlay {
   opacity: 1;
   visibility: visible;
 }
 
 /* Content styles */
 .modal-content {
   position: relative;
   border-radius: 3px;
   margin: 30px auto;
   max-width: 630px;
   min-width: 550px;
 }
 
 .modal-scrollbar-measure {
   position: absolute;
   top: -9999px;
   width: 50px;
   height: 50px;
   overflow: scroll;
 }
 
 /* Effect 1: Fade in and scale up */
 .modal-effect-1 .modal-content {
   -webkit-transform: scale(0.7);
   -moz-transform: scale(0.7);
   -ms-transform: scale(0.7);
   transform: scale(0.7);
   opacity: 0;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
 }
 
 .modal-show.modal-effect-1 .modal-content {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   opacity: 1;
 }
 
 /* Effect 2: Slide from the right */
 .modal-effect-2 .modal-content {
   -webkit-transform: translateX(20%);
   -moz-transform: translateX(20%);
   -ms-transform: translateX(20%);
   transform: translateX(20%);
   opacity: 0;
   -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
   -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
   transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
 }
 
 .modal-show.modal-effect-2 .modal-content {
   -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
   -ms-transform: translateX(0);
   transform: translateX(0);
   opacity: 1;
 }
 
 /* Effect 3: Slide from the bottom */
 .modal-effect-3 .modal-content {
   -webkit-transform: translateY(20%);
   -moz-transform: translateY(20%);
   -ms-transform: translateY(20%);
   transform: translateY(20%);
   opacity: 0;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
 }
 
 .modal-show.modal-effect-3 .modal-content {
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   opacity: 1;
 }
 
 /* Effect 4: Newspaper */
 .modal-effect-4 .modal-content {
   -webkit-transform: scale(0) rotate(720deg);
   -moz-transform: scale(0) rotate(720deg);
   -ms-transform: scale(0) rotate(720deg);
   transform: scale(0) rotate(720deg);
   opacity: 0;
 }
 
 .modal-show.modal-effect-4 ~ .modal-overlay,
 .modal-effect-4 .modal-content {
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .modal-show.modal-effect-4 .modal-content {
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   opacity: 1;
 }
 
 /* Effect 5: fall */
 .modal-effect-5.modal-container {
   -webkit-perspective: 1300px;
   -moz-perspective: 1300px;
   perspective: 1300px;
 }
 
 .modal-effect-5 .modal-content {
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transform: translateZ(600px) rotateX(20deg);
   -moz-transform: translateZ(600px) rotateX(20deg);
   -ms-transform: translateZ(600px) rotateX(20deg);
   transform: translateZ(600px) rotateX(20deg);
   opacity: 0;
 }
 
 .modal-show.modal-effect-5 .modal-content {
   -webkit-transition: all 0.3s ease-in;
   -moz-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
   -webkit-transform: translateZ(0px) rotateX(0deg);
   -moz-transform: translateZ(0px) rotateX(0deg);
   -ms-transform: translateZ(0px) rotateX(0deg);
   transform: translateZ(0px) rotateX(0deg);
   opacity: 1;
 }
 
 /* Effect 6: side fall */
 .modal-effect-6.modal-container {
   -webkit-perspective: 1300px;
   -moz-perspective: 1300px;
   perspective: 1300px;
 }
 
 .modal-effect-6 .modal-content {
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
   -moz-transform: translate(30%) translateZ(600px) rotate(10deg);
   -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
   transform: translate(30%) translateZ(600px) rotate(10deg);
   opacity: 0;
 }
 
 .modal-show.modal-effect-6 .modal-content {
   -webkit-transition: all 0.3s ease-in;
   -moz-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
   -webkit-transform: translate(0%) translateZ(0) rotate(0deg);
   -moz-transform: translate(0%) translateZ(0) rotate(0deg);
   -ms-transform: translate(0%) translateZ(0) rotate(0deg);
   transform: translate(0%) translateZ(0) rotate(0deg);
   opacity: 1;
 }
 
 /* Effect 7:  slide and stick to top */
 .modal-effect-7 {
   top: 0;
 }
 
 .modal-effect-7 .modal-content {
   margin-top: 0;
   -webkit-transform: translateY(-200%);
   -moz-transform: translateY(-200%);
   -ms-transform: translateY(-200%);
   transform: translateY(-200%);
   -webkit-transition: all .3s;
   -moz-transition: all .3s;
   transition: all .3s;
   opacity: 0;
 }
 
 .modal-show.modal-effect-7 .modal-content {
   -webkit-transform: translateY(0%);
   -moz-transform: translateY(0%);
   -ms-transform: translateY(0%);
   transform: translateY(0%);
   border-radius: 0 0 3px 3px;
   opacity: 1;
 }
 
 /* Effect 8: 3D flip horizontal */
 .modal-effect-8.modal-container {
   -webkit-perspective: 1300px;
   -moz-perspective: 1300px;
   perspective: 1300px;
 }
 
 .modal-effect-8 .modal-content {
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transform: rotateY(-70deg);
   -moz-transform: rotateY(-70deg);
   -ms-transform: rotateY(-70deg);
   transform: rotateY(-70deg);
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
   opacity: 0;
 }
 
 .modal-show.modal-effect-8 .modal-content {
   -webkit-transform: rotateY(0deg);
   -moz-transform: rotateY(0deg);
   -ms-transform: rotateY(0deg);
   transform: rotateY(0deg);
   opacity: 1;
 }
 
 /* Effect 9: 3D flip vertical */
 .modal-effect-9.modal-container {
   -webkit-perspective: 1300px;
   -moz-perspective: 1300px;
   perspective: 1300px;
 }
 
 .modal-effect-9 .modal-content {
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transform: rotateX(-70deg);
   -moz-transform: rotateX(-70deg);
   -ms-transform: rotateX(-70deg);
   transform: rotateX(-70deg);
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
   opacity: 0;
 }
 
 .modal-show.modal-effect-9 .modal-content {
   -webkit-transform: rotateX(0deg);
   -moz-transform: rotateX(0deg);
   -ms-transform: rotateX(0deg);
   transform: rotateX(0deg);
   opacity: 1;
 }
 
 /* Effect 10: 3D sign */
 .modal-effect-10.modal-container {
   -webkit-perspective: 1300px;
   -moz-perspective: 1300px;
   perspective: 1300px;
 }
 
 .modal-effect-10 .modal-content {
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transform: rotateX(-60deg);
   -moz-transform: rotateX(-60deg);
   -ms-transform: rotateX(-60deg);
   transform: rotateX(-60deg);
   -webkit-transform-origin: 50% 0;
   -moz-transform-origin: 50% 0;
   transform-origin: 50% 0;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
 }
 
 .modal-show.modal-effect-10 .modal-content {
   -webkit-transform: rotateX(0deg);
   -moz-transform: rotateX(0deg);
   -ms-transform: rotateX(0deg);
   transform: rotateX(0deg);
   opacity: 1;
 }
 
 /* Effect 11: Super scaled */
 .modal-effect-11 .modal-content {
   -webkit-transform: scale(2);
   -moz-transform: scale(2);
   -ms-transform: scale(2);
   transform: scale(2);
   opacity: 0;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
 }
 
 .modal-show.modal-effect-11 .modal-content {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   opacity: 1;
 }
 
 /* Effect 12:  Just me */
 .modal-effect-12 .modal-content {
   -webkit-transform: scale(0.8);
   -moz-transform: scale(0.8);
   -ms-transform: scale(0.8);
   transform: scale(0.8);
   opacity: 0;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
 }
 
 .modal-show.modal-effect-12 ~ .modal-overlay {
   background: #000;
 }
 
 .modal-show.modal-effect-12 .modal-content {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   opacity: 1;
 }
 
 /* Effect 13: 3D slit */
 .modal-effect-13.modal-container {
   -webkit-perspective: 1300px;
   -moz-perspective: 1300px;
   perspective: 1300px;
 }
 
 .modal-effect-13 .modal-content {
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transform: translateZ(-3000px) rotateY(90deg);
   -moz-transform: translateZ(-3000px) rotateY(90deg);
   -ms-transform: translateZ(-3000px) rotateY(90deg);
   transform: translateZ(-3000px) rotateY(90deg);
   opacity: 0;
 }
 
 .modal-show.modal-effect-13 .modal-content {
   -webkit-animation: slit .7s forwards ease-out;
   -moz-animation: slit .7s forwards ease-out;
   animation: slit .7s forwards ease-out;
 }
 
 @-webkit-keyframes slit {
   50% {
     -webkit-transform: translateZ(-250px) rotateY(89deg);
     opacity: .5;
     -webkit-animation-timing-function: ease-out;
   }
   100% {
     -webkit-transform: translateZ(0) rotateY(0deg);
     opacity: 1;
   }
 }
 
 @-moz-keyframes slit {
   50% {
     -moz-transform: translateZ(-250px) rotateY(89deg);
     opacity: .5;
     -moz-animation-timing-function: ease-out;
   }
   100% {
     -moz-transform: translateZ(0) rotateY(0deg);
     opacity: 1;
   }
 }
 
 @keyframes slit {
   50% {
     transform: translateZ(-250px) rotateY(89deg);
     opacity: 1;
     animation-timing-function: ease-in;
   }
   100% {
     transform: translateZ(0) rotateY(0deg);
     opacity: 1;
   }
 }
 
 /* Effect 14:  3D Rotate from bottom */
 .modal-effect-14.modal-container {
   -webkit-perspective: 1300px;
   -moz-perspective: 1300px;
   perspective: 1300px;
 }
 
 .modal-effect-14 .modal-content {
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transform: translateY(100%) rotateX(90deg);
   -moz-transform: translateY(100%) rotateX(90deg);
   -ms-transform: translateY(100%) rotateX(90deg);
   transform: translateY(100%) rotateX(90deg);
   -webkit-transform-origin: 0 100%;
   -moz-transform-origin: 0 100%;
   transform-origin: 0 100%;
   opacity: 0;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
 }
 
 .modal-show.modal-effect-14 .modal-content {
   -webkit-transform: translateY(0%) rotateX(0deg);
   -moz-transform: translateY(0%) rotateX(0deg);
   -ms-transform: translateY(0%) rotateX(0deg);
   transform: translateY(0%) rotateX(0deg);
   opacity: 1;
 }
 
 /* Effect 15:  3D Rotate in from left */
 .modal-effect-15.modal-container {
   -webkit-perspective: 1300px;
   -moz-perspective: 1300px;
   perspective: 1300px;
 }
 
 .modal-effect-15 .modal-content {
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
   -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
   -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
   transform: translateZ(100px) translateX(-30%) rotateY(90deg);
   -webkit-transform-origin: 0 100%;
   -moz-transform-origin: 0 100%;
   transform-origin: 0 100%;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
 }
 
 .modal-show.modal-effect-15 .modal-content {
   -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
   -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
   -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
   transform: translateZ(0px) translateX(0%) rotateY(0deg);
   opacity: 1;
 }
 
 /* Effect 16:  Blur */
 .modal-show.modal-effect-16 ~ .modal-overlay {
   background: rgba(180, 46, 32, 0.5);
 }
 
 .modal-show.modal-effect-16 ~ .container {
   -webkit-filter: blur(3px);
   -moz-filter: blur(3px);
   filter: blur(3px);
 }
 
 .modal-effect-16 .modal-content {
   -webkit-transform: translateY(-5%);
   -moz-transform: translateY(-5%);
   -ms-transform: translateY(-5%);
   transform: translateY(-5%);
   opacity: 0;
 }
 
 .modal-show.modal-effect-16 ~ .container,
 .modal-effect-16 .modal-content {
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
 }
 
 .modal-show.modal-effect-16 .modal-content {
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   opacity: 1;
 }
 
 /* Effect 17:  Slide in from bottom with perspective on container */
 .modal-show.modal-effect-17 ~ .container {
   height: 100%;
   overflow: hidden;
   -webkit-transition: -webkit-transform 0.3s;
   -moz-transition: -moz-transform 0.3s;
   transition: transform 0.3s;
 }
 
 .modal-show.modal-effect-17 ~ .container,
 .modal-show.modal-effect-17 ~ .modal-overlay {
   -webkit-transform: rotateX(-2deg);
   -moz-transform: rotateX(-2deg);
   -ms-transform: rotateX(-2deg);
   transform: rotateX(-2deg);
   -webkit-transform-origin: 50% 0%;
   -moz-transform-origin: 50% 0%;
   transform-origin: 50% 0%;
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   transform-style: preserve-3d;
 }
 
 .modal-effect-17 .modal-content {
   opacity: 0;
   -webkit-transform: translateY(200%);
   -moz-transform: translateY(200%);
   -ms-transform: translateY(200%);
   transform: translateY(200%);
 }
 
 .modal-show.modal-effect-17 .modal-content {
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   opacity: 1;
   -webkit-transition: all 0.3s 0.2s;
   -moz-transition: all 0.3s 0.2s;
   transition: all 0.3s 0.2s;
 }
 
 /* Effect 18:  Slide from right with perspective on container */
 .modal-show.modal-effect-18 ~ .container {
   height: 100%;
   overflow: hidden;
 }
 
 .modal-show.modal-effect-18 ~ .modal-overlay {
   background: rgba(143, 27, 15, 0.8);
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .modal-show.modal-effect-18 ~ .container,
 .modal-show.modal-effect-18 ~ .modal-overlay {
   -webkit-transform-style: preserve-3d;
   -webkit-transform-origin: 0% 50%;
   -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
   -moz-transform-style: preserve-3d;
   -moz-transform-origin: 0% 50%;
   -moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
   transform-style: preserve-3d;
   transform-origin: 0% 50%;
   animation: rotateRightSideFirst 0.5s forwards ease-in;
 }
 
 @-webkit-keyframes rotateRightSideFirst {
   50% {
     -webkit-transform: translateZ(-50px) rotateY(5deg);
     -webkit-animation-timing-function: ease-out;
   }
   100% {
     -webkit-transform: translateZ(-200px);
   }
 }
 
 @-moz-keyframes rotateRightSideFirst {
   50% {
     -moz-transform: translateZ(-50px) rotateY(5deg);
     -moz-animation-timing-function: ease-out;
   }
   100% {
     -moz-transform: translateZ(-200px);
   }
 }
 
 @keyframes rotateRightSideFirst {
   50% {
     transform: translateZ(-50px) rotateY(5deg);
     animation-timing-function: ease-out;
   }
   100% {
     transform: translateZ(-200px);
   }
 }
 
 .modal-effect-18 .modal-content {
   -webkit-transform: translateX(200%);
   -moz-transform: translateX(200%);
   -ms-transform: translateX(200%);
   transform: translateX(200%);
   opacity: 0;
 }
 
 .modal-show.modal-effect-18 .modal-content {
   -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
   -ms-transform: translateX(0);
   transform: translateX(0);
   opacity: 1;
   -webkit-transition: all 0.5s 0.1s;
   -moz-transition: all 0.5s 0.1s;
   transition: all 0.5s 0.1s;
 }
 
 /* Open Sans Webfont Kit
  * -------------------------- */
 /* Light 300
  * -------------------------- */
 @font-face {
   font-family: 'Open Sans';
   src: url("../lib/open-sans/light/opensans-light-webfont.eot");
   src: url("../lib/open-sans/light/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../lib/open-sans/light/opensans-light-webfont.woff") format("woff"), url("../lib/open-sans/light/opensans-light-webfont.ttf") format("truetype"), url("../lib/open-sans/light/opensans-light-webfont.svg#OpenSansLight") format("svg");
   font-weight: 300;
   font-style: normal;
 }
 
 /* Light 300 Italic
  * -------------------------- */
 @font-face {
   font-family: 'Open Sans';
   src: url("../lib/open-sans/light-italic/opensans-light-italic-webfont.eot");
   src: url("../lib/open-sans/light-italic/opensans-light-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../lib/open-sans/light-italic/opensans-light-italic-webfont.woff") format("woff"), url("../lib/open-sans/light-italic/opensans-light-italic-webfont.ttf") format("truetype"), url("../lib/open-sans/light-italic/opensans-light-italic-webfont.svg#OpenSansLightItalic") format("svg");
   font-weight: 300;
   font-style: italic;
 }
 
 /* Regular 400
  * -------------------------- */
 @font-face {
   font-family: 'Open Sans';
   src: url("../lib/open-sans/regular/opensans-regular-webfont.eot");
   src: url("../lib/open-sans/regular/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../lib/open-sans/regular/opensans-regular-webfont.woff") format("woff"), url("../lib/open-sans/regular/opensans-regular-webfont.ttf") format("truetype"), url("../lib/open-sans/regular/opensans-regular-webfont.svg#OpenSansRegular") format("svg");
   font-weight: normal;
   font-style: normal;
 }
 
 /* Regular 400 Italic
  * -------------------------- */
 @font-face {
   font-family: 'Open Sans';
   src: url("../lib/open-sans/italic/opensans-italic-webfont.eot");
   src: url("../lib/open-sans/italic/opensans-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../lib/open-sans/italic/opensans-italic-webfont.woff") format("woff"), url("../lib/open-sans/italic/opensans-italic-webfont.ttf") format("truetype"), url("../lib/open-sans/italic/opensans-italic-webfont.svg#OpenSansItalic") format("svg");
   font-weight: normal;
   font-style: italic;
 }
 
 /* Semibold 600
  * -------------------------- */
 @font-face {
   font-family: 'Open Sans';
   src: url("../lib/open-sans/semibold/opensans-semibold-webfont.eot");
   src: url("../lib/open-sans/semibold/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../lib/open-sans/semibold/opensans-semibold-webfont.woff") format("woff"), url("../lib/open-sans/semibold/opensans-semibold-webfont.ttf") format("truetype"), url("../lib/open-sans/semibold/opensans-semibold-webfont.svg#OpenSansSemibold") format("svg");
   font-weight: 600;
   font-style: normal;
 }
 
 /* Semi-Bold 600 Italic
  * -------------------------- */
 @font-face {
   font-family: 'Open Sans';
   src: url("../lib/open-sans/semibold-italic/opensans-semibold-italic-webfont.eot");
   src: url("../lib/open-sans/semibold-italic/opensans-semibold-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../lib/open-sans/semibold-italic/opensans-semibold-italic-webfont.woff") format("woff"), url("../lib/open-sans/semibold-italic/opensans-semibold-italic-webfont.ttf") format("truetype"), url("../lib/open-sans/semibold-italic/opensans-semibold-italic-webfont.svg#OpenSansSemiboldItalic") format("svg");
   font-weight: 600;
   font-style: italic;
 }
 
 /* Bold 700
  * -------------------------- */
 @font-face {
   font-family: 'Open Sans';
   src: url("../lib/open-sans/bold/opensans-bold-webfont.eot");
   src: url("../lib/open-sans/bold/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../lib/open-sans/bold/opensans-bold-webfont.woff") format("woff"), url("../lib/open-sans/bold/opensans-bold-webfont.ttf") format("truetype"), url("../lib/open-sans/bold/opensans-bold-webfont.svg#OpenSansBold") format("svg");
   font-weight: bold;
   font-style: normal;
 }
 
 /* Bold 700 Italic
  * -------------------------- */
 @font-face {
   font-family: 'Open Sans';
   src: url("../lib/open-sans/bold-italic/opensans-bold-italic-webfont.eot");
   src: url("../lib/open-sans/bold-italic/opensans-bold-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../lib/open-sans/bold-italic/opensans-bold-italic-webfont.woff") format("woff"), url("../lib/open-sans/bold-italic/opensans-bold-italic-webfont.ttf") format("truetype"), url("../lib/open-sans/bold-italic/opensans-bold-italic-webfont.svg#OpenSansItalic") format("svg");
   font-weight: bold;
   font-style: italic;
 }
 
 /* Extrabold 800
  * -------------------------- */
 @font-face {
   font-family: 'Open Sans';
   src: url("../lib/open-sans/extrabold/opensans-extrabold-webfont.eot");
   src: url("../lib/open-sans/extrabold/opensans-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../lib/open-sans/extrabold/opensans-extrabold-webfont.woff") format("woff"), url("../lib/open-sans/extrabold/opensans-extrabold-webfont.ttf") format("truetype"), url("../lib/open-sans/extrabold/opensans-extrabold-webfont.svg#OpenSansExtrabold") format("svg");
   font-weight: 800;
   font-style: normal;
 }
 
 /* Extra-Bold 800 Italic
  * -------------------------- */
 @font-face {
   font-family: 'Open Sans';
   src: url("../lib/open-sans/extrabold-italic/opensans-extrabold-italic-webfont.eot");
   src: url("../lib/open-sans/extrabold-italic/opensans-extrabold-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../lib/open-sans/extrabold-italic/opensans-extrabold-italic-webfont.woff") format("woff"), url("../lib/open-sans/extrabold-italic/opensans-extrabold-italic-webfont.ttf") format("truetype"), url("../lib/open-sans/extrabold-italic/opensans-extrabold-italic-webfont.svg#OpenSansExtraboldItalic") format("svg");
   font-weight: 800;
   font-style: italic;
 }
 
 @font-face {
   font-family: "Raleway";
   src: url("../lib/raleway/thin/raleway-thin.eot");
   src: url("../lib/raleway/thin/raleway-thin.eot?#iefix") format("embedded-opentype"), url("../lib/raleway/thin/raleway-thin.woff") format("woff"), url("../lib/raleway/thin/raleway-thin.ttf") format("truetype"), url("../lib/raleway/thin/raleway-thin.svg#ralewaythin") format("svg");
   font-weight: 100;
   font-style: normal;
 }
 
 @font-face {
   font-family: "Raleway";
   src: url("../lib/raleway/extralight/raleway-extralight.eot");
   src: url("../lib/raleway/extralight/raleway-extralight.eot?#iefix") format("embedded-opentype"), url("../lib/raleway/extralight/raleway-extralight.woff") format("woff"), url("../lib/raleway/extralight/raleway-extralight.ttf") format("truetype"), url("../lib/raleway/extralight/raleway-extralight.svg#ralewayextralight") format("svg");
   font-weight: 200;
   font-style: normal;
 }
 
 @font-face {
   font-family: "Raleway";
   src: url("../lib/raleway/light/raleway-light.eot");
   src: url("../lib/raleway/light/raleway-light.eot?#iefix") format("embedded-opentype"), url("../lib/raleway/light/raleway-light.woff") format("woff"), url("../lib/raleway/light/raleway-light.ttf") format("truetype"), url("../lib/raleway/light/raleway-light.svg#ralewaylight") format("svg");
   font-weight: 300;
   font-style: normal;
 }
 
 @font-face {
   font-family: "Raleway";
   src: url("../lib/raleway/regular/raleway-regular.eot");
   src: url("../lib/raleway/regular/raleway-regular.eot?#iefix") format("embedded-opentype"), url("../lib/raleway/regular/raleway-regular.woff") format("woff"), url("../lib/raleway/regular/raleway-regular.ttf") format("truetype"), url("../lib/raleway/regular/raleway-regular.svg#ralewayregular") format("svg");
   font-weight: 400;
   font-style: normal;
 }
 
 @font-face {
   font-family: "Raleway";
   src: url("../lib/raleway/medium/raleway-medium.eot");
   src: url("../lib/raleway/medium/raleway-medium.eot?#iefix") format("embedded-opentype"), url("../lib/raleway/medium/raleway-medium.woff") format("woff"), url("../lib/raleway/medium/raleway-medium.ttf") format("truetype"), url("../lib/raleway/medium/raleway-medium.svg#ralewaymedium") format("svg");
   font-weight: 500;
   font-style: normal;
 }
 
 @font-face {
   font-family: "Raleway";
   src: url("../lib/raleway/semibold/raleway-semibold.eot");
   src: url("../lib/raleway/semibold/raleway-semibold.eot?#iefix") format("embedded-opentype"), url("../lib/raleway/semibold/raleway-semibold.woff") format("woff"), url("../lib/raleway/semibold/raleway-semibold.ttf") format("truetype"), url("../lib/raleway/semibold/raleway-semibold.svg#ralewaysemibold") format("svg");
   font-weight: 600;
   font-style: normal;
 }
 
 @font-face {
   font-family: "Raleway";
   src: url("../lib/raleway/bold/raleway-bold.eot");
   src: url("../lib/raleway/bold/raleway-bold.eot?#iefix") format("embedded-opentype"), url("../lib/raleway/bold/raleway-bold.woff") format("woff"), url("../lib/raleway/bold/raleway-bold.ttf") format("truetype"), url("../lib/raleway/bold/raleway-bold.svg#ralewaybold") format("svg");
   font-weight: 700;
   font-style: normal;
 }
 
 @font-face {
   font-family: "Raleway";
   src: url("../lib/raleway/extrabold/raleway-extrabold.eot");
   src: url("../lib/raleway/extrabold/raleway-extrabold.eot?#iefix") format("embedded-opentype"), url("../lib/raleway/extrabold/raleway-extrabold.woff") format("woff"), url("../lib/raleway/extrabold/raleway-extrabold.ttf") format("truetype"), url("../lib/raleway/extrabold/raleway-extrabold.svg#ralewayextrabold") format("svg");
   font-weight: 800;
   font-style: normal;
 }
 
 @font-face {
   font-family: "Raleway";
   src: url("../lib/raleway/heavy/raleway-heavy.eot");
   src: url("../lib/raleway/heavy/raleway-heavy.eot?#iefix") format("embedded-opentype"), url("../lib/raleway/heavy/raleway-heavy.woff") format("woff"), url("../lib/raleway/heavy/raleway-heavy.ttf") format("truetype"), url("../lib/raleway/heavy/raleway-heavy.svg#ralewayheavy") format("svg");
   font-weight: 900;
   font-style: normal;
 }
 
 .main-content {
   padding: 45px 0;
 }
 
 @media (max-width: 767.98px) {
   .main-content {
     padding-top: 25px;
     padding-left: 20px;
     padding-right: 20px;
   }
 }
 
 .mai-mega-dropdown {
   position: static;
 }
 
 .mai-mega-menu.dropdown-menu {
   padding: 15px 0 25px;
   margin-top: 0;
   width: 100%;
   border-width: 0;
   box-shadow: 0 3px 0.3077rem rgba(0, 0, 0, 0.1);
   border-top-right-radius: 0;
   border-top-left-radius: 0;
   z-index: 999;
 }
 
 @media (max-width: 767.98px) {
   .mai-nav-tabs-sub .mai-mega-menu.dropdown-menu {
     padding: 0;
     background-color: #424242;
   }
 }
 
 .mai-mega-menu-row {
   display: flex;
   flex-wrap: wrap;
   margin-right: -20px;
   margin-left: -20px;
 }
 
 @media (max-width: 767.98px) {
   .mai-mega-menu-row {
     flex-direction: column;
     margin: 0;
     padding: 0;
   }
 }
 
 .mai-mega-menu-column {
   position: relative;
   padding-top: 7px;
   padding-bottom: 7px;
   width: 100%;
   min-height: 1px;
   padding-right: 20px;
   padding-left: 20px;
   flex: 0 0 25%;
   max-width: 25%;
   border-right: 1px solid #f2f2f2;
 }
 
 @media (max-width: 767.98px) {
   .mai-mega-menu-column {
     max-width: 100%;
     border-right-width: 0;
     padding: 0;
   }
 }
 
 .mai-mega-menu-column:first-child {
   padding-left: 40px;
 }
 
 @media (max-width: 767.98px) {
   .mai-mega-menu-column:first-child {
     padding: 0;
   }
 }
 
 .mai-mega-menu-column:last-child {
   border-right-width: 0;
 }
 
 .mai-mega-menu-section {
   margin: 0 0 15px;
 }
 
 @media (max-width: 767.98px) {
   .mai-mega-menu-section {
     margin: 0;
   }
   .mai-mega-menu-section.parent > .nav-link {
     color: #a1a1a1;
   }
   .mai-mega-menu-section.parent > .nav-link:after {
     position: absolute;
     content: "";
     font-family: "Stroke 7";
     font-size: 1.9rem;
     vertical-align: middle;
     top: 0;
     right: 15px;
   }
   .mai-mega-menu-section.open > .nav-link {
     color: #4ad69e;
   }
   .mai-mega-menu-section.open > .nav-link:after {
     content: "";
   }
 }
 
 .mai-mega-menu-section > .nav-link {
   color: #2cc185;
   font-size: 1.231rem;
   font-weight: 400;
 }
 
 .navbar .navbar-nav .mai-mega-menu-section > .nav-link {
   padding: 10px 0 6px;
 }
 
 @media (max-width: 767.98px) {
   .navbar .navbar-nav .mai-mega-menu-section > .nav-link {
     padding: 0 17px 0 56px;
   }
 }
 
 @media (max-width: 767.98px) {
   .mai-mega-menu-section > .nav-link {
     position: relative;
     font-size: 1rem;
     line-height: 50.4px;
     color: #a1a1a1;
   }
 }
 
 .mai-mega-menu-section > .nav-link .icon {
   font-size: 1.385rem;
   line-height: 1.1;
   vertical-align: middle;
   margin-right: 6px;
 }
 
 @media (max-width: 767.98px) {
   .mai-mega-menu-sub-items {
     display: none;
     padding: 0.6rem 0;
   }
   .mai-mega-menu-section.open .mai-mega-menu-sub-items {
     display: block;
   }
 }
 
 .mai-mega-menu-sub-items .dropdown-item {
   font-size: 1.077rem;
   color: #616161;
 }
 
 .navbar .navbar-nav .mai-mega-menu-sub-items .dropdown-item {
   padding: 8px 23px;
 }
 
 .navbar .navbar-nav .mai-mega-menu-sub-items .dropdown-item:hover, .navbar .navbar-nav .mai-mega-menu-sub-items .dropdown-item.active {
   background-color: transparent;
   color: #2cc185;
 }
 
 .navbar .navbar-nav .mai-mega-menu-sub-items .dropdown-item:focus {
   background-color: transparent;
 }
 
 @media (max-width: 767.98px) {
   .mai-nav-tabs-sub .dropdown-menu .mai-mega-menu-sub-items .dropdown-item {
     padding: 0.7rem 1.5rem 0.7rem 78px;
     font-size: 1rem;
   }
 }
 
 .mai-sub-header {
   border: 0;
   border-radius: 0;
   margin-bottom: 0;
   background-color: #2cc185;
   padding: 0 0 5px;
   position:relative;
 }
 
 @media (max-width: 767.98px) {
   .mai-sub-header {
     padding-bottom: 0;
     background-color: #3f3f3f;
   }
 }
 
 .mai-sub-header:before {
   position: absolute;
   content: '';
   display: block;
   background-color: #FFFFFF;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 5px;
   z-index: 1;
 }
 
 @media (max-width: 767.98px) {
   .mai-sub-header:before {
     display: none;
   }
 }
 
 .mai-sub-header.mai-sub-header--no-child {
   padding-bottom: 6px;
 }
 
 .mai-sub-header.mai-sub-header--no-child:before {
   height: 6px;
 }
 
 .mai-sub-header > .container {
   padding: 0;
   padding-top: 42px;
   position: unset;
 }
 
 @media (max-width: 767.98px) {
     
     .navbar-nav li{
         width:100%;
     }
     
   .mai-sub-header > .container {
     padding: 0;
   }
 }
 
 .mai-sub-header .navbar {
   padding: 0;
   width: 100%;
 }
 
 .mai-sub-header .navbar-toggler {
   padding: 14px 0;
   height: auto;
   width: 100%;
   background-color: #2ab77e;
 }
 
 .mai-sub-header .navbar-toggler:focus {
   outline: none;
 }
 
 .mai-sub-header .navbar-toggler.collapsed {
   background-color: #353535;
 }
 
 .mai-sub-header .navbar-toggler.collapsed .icon-bar span {
   background-color: #d8d8d8;
 }
 
 .mai-sub-header .navbar-toggler .icon-bar {
   display: inline-block;
   background-color: transparent;
   height: auto;
   width: auto;
   vertical-align: middle;
 }
 
 .mai-sub-header .navbar-toggler .icon-bar span {
   display: block;
   width: 24px;
   height: 1px;
   margin-top: 6px;
   background-color: #FFFFFF;
 }
 
 .mai-sub-header .navbar-toggler .icon-bar span:first-child {
   margin-top: 0;
 }
 
 .mai-sub-header .navbar-nav > .nav-item + .nav-item {
   margin-left: 0;
 }
 
 .mai-sub-header .navbar-nav > .nav-item > .nav-link {
   font-family: "Raleway", sans-serif;
   font-size: 1.308rem;
   font-weight: 500;
   line-height: 54px;
   min-width: 120px;
   padding: 0 17px;
   text-align: center;
   border-radius: 3px 3px 0 0;
   color: #FFFFFF;
   transition: color .12s ease-in-out;
 }
 
 @media (min-width: 768px) and (max-width: 991.98px) {
   .mai-sub-header .navbar-nav > .nav-item > .nav-link {
     font-size: 1.2rem;
     min-width: 90px;
     padding: 0 9px;
   }
 }
 
 @media (max-width: 767.98px) {
   .mai-sub-header .navbar-nav > .nav-item > .nav-link {
     color: #bebebe;
     text-align: left;
     background-color: #3a3a3a;
     font-size: 1.077rem;
   }
 }
 
 .mai-sub-header .navbar-nav > .nav-item > .nav-link > .icon {
   font-size: 2.154rem;
   margin-right: 5px;
 }
 
 @media (min-width: 768px) and (max-width: 991.98px) {
   .mai-sub-header .navbar-nav > .nav-item > .nav-link > .icon {
     font-size: 1.5rem;
   }
 }
 
 @media (max-width: 767.98px) {
   .mai-sub-header .navbar-nav > .nav-item > .nav-link > .icon {
     display: inline-block;
     font-size: 1.615rem;
     margin-right: 10px;
     min-width: 21px;
     text-align: center;
   }
 }
 
 .mai-sub-header .navbar-nav > .nav-item > .nav-link > span {
   vertical-align: middle;
   font-size: 15px;
 }
 
 .mai-sub-header .navbar-nav > .nav-item > .nav-link:hover {
   background-color: transparent;
   color: #337f61;
 }
 
 
 
 @media (max-width: 767.98px) {
   .mai-sub-header .navbar-nav > .nav-item > .nav-link:hover {
     background-color: #3a3a3a;
     color: #bebebe;
   }
 }
 
 .mai-sub-header .navbar-nav > .nav-item > .nav-link.dropdown-toggle:after {
   display: none;
 }
 
 @media (max-width: 767.98px) {
   .mai-sub-header .navbar-nav > .nav-item.parent > .nav-link:after {
     position: absolute;
     content: "";
     font-family: "Stroke 7";
     font-size: 1.9rem;
     vertical-align: middle;
     right: 15px;
   }
   .mai-sub-header .navbar-nav > .nav-item.parent.open > .nav-link:after {
     content: "";
   }
 }
 
 .mai-sub-header .navbar-nav > .nav-item.open > a, .mai-sub-header .navbar-nav > .nav-item.open:hover > a {
   color: #2cc185;
   background-color: #FFFFFF;
 }
 
 @media (max-width: 767.98px) {
   .mai-sub-header .navbar-nav > .nav-item.open > a, .mai-sub-header .navbar-nav > .nav-item.open:hover > a {
     background-color: #3a3a3a;
   }
 }
 
 .mai-sub-header .search {
   position: absolute;
   top: 48px;
   right: 0;
   margin-top: -21px;
   width: 235px;
   border-bottom: 1px solid #2ec88a;
 }
 
 @media (max-width: 1199.98px) {
   .mai-sub-header .search {
     display: none;
   }
 }
 
 .mai-sub-header .search > input {
   border: 1px solid transparent;
   background-color: #2ab77e;
   color: #FFFFFF;
   width: 100%;
   font-family: "Raleway", sans-serif;
   font-size: 15px;
   font-weight: 500;
   padding: 8px 10px;
   outline: none;
   transition: border-color 0.3s ease;
 }
 
 .mai-sub-header .search > input:focus {
   border-color: #26a874;
 }
 
 .mai-sub-header .search > span {
   position: absolute;
   color: #FFFFFF;
   right: 8px;
   top: 50%;
   font-size: 1.846rem;
   margin-top: -12px;
 }
 
 .mai-sub-header ::-webkit-input-placeholder {
   /* WebKit browsers */
   color: rgba(255, 255, 255, 0.4);
 }
 
 .mai-sub-header :-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
   color: rgba(255, 255, 255, 0.4);
   opacity: 1;
 }
 
 .mai-sub-header :-ms-input-placeholder {
   /* Internet Explorer 10+ */
   color: rgba(255, 255, 255, 0.4);
 }
 
 .mai-nav-tabs-sub {
   position: absolute;
   display: none;
   left: 0;
   top: 100%;
   z-index: 9;
   width: 100%;
   background-color: #FFFFFF;
 }
 
 @media (max-width: 767.98px) {
   .mai-nav-tabs-sub {
     position: static;
     top: 0;
     background-color: #3f3f3f;
     flex-direction: column;
     padding: 5px 0;
   }
 }
 
 .nav-item.open .mai-nav-tabs-sub {

   display: flex;
   justify-content:center;
 }
 
 .mai-nav-tabs-sub > .nav-item.mega-menu {
   position: static;
 }
 
 .mai-nav-tabs-sub > .nav-item > .nav-link {
   padding: 0 26px;
   line-height: 70px;
 }
 
 @media (min-width: 768px) and (max-width: 991.98px) {
   .mai-nav-tabs-sub > .nav-item > .nav-link {
     padding: 0 14px;
   }
 }
 
 @media (max-width: 767.98px) {
   .mai-nav-tabs-sub > .nav-item > .nav-link {
     padding-left: 34px;
     line-height: 50.4px;
     color: #a2a2a2;
     font-size: 1rem;
   }
 }
 
 .mai-nav-tabs-sub > .nav-item > .nav-link .icon {
   margin-right: .4rem;
 }
 
 @media (min-width: 768px) and (max-width: 991.98px) {
   .mai-nav-tabs-sub > .nav-item > .nav-link .icon {
     display: none;
   }
 }
 
 .mai-nav-tabs-sub > .nav-item > .nav-link.active {
   color: #2cc185;
 }
 
 .mai-nav-tabs-sub > .nav-item.parent > .nav-link {
   padding-right: 34px;
 }
 
 .mai-nav-tabs-sub > .nav-item.parent > .nav-link:after {
   position: absolute;
   content: "";
   font-family: "Stroke 7";
   font-size: 1.9rem;
   vertical-align: middle;
 }
 
 @media (max-width: 767.98px) {
   .mai-nav-tabs-sub > .nav-item.parent > .nav-link:after {
     right: 15px;
   }
 }
 
 .mai-nav-tabs-sub > .nav-item.parent.open > .nav-link {
   color: #4ad69e;
 }
 
 @media (max-width: 767.98px) {
   .mai-nav-tabs-sub > .nav-item.parent.open > .nav-link:after {
     content: "";
   }
 }
 
 @media (max-width: 767.98px) {
   .mai-nav-tabs-sub .dropdown.open > .dropdown-menu {
     display: block;
   }
 }
 
 .mai-nav-tabs-sub .dropdown-menu {
   min-width: 200px;
   box-shadow: 0 3px 0.3077rem rgba(0, 0, 0, 0.1);
   margin-top: 0;
   padding-top: 0.6rem;
   border: 0;
 }
 
 .mai-nav-tabs-sub .dropdown-menu .dropdown-item {
   color: #616161;
 }
 
 .mai-nav-tabs-sub .dropdown-menu .dropdown-item.active {
   color: #2cc185;
 }
 
 @media (max-width: 767.98px) {
   .mai-nav-tabs-sub .dropdown-menu {
     background-color: #424242;
     box-shadow: none;
     padding-bottom: 0.6rem;
   }
   .mai-nav-tabs-sub .dropdown-menu .dropdown-item {
     padding-left: 56px;
     color: #a2a2a2;
   }
   .mai-nav-tabs-sub .dropdown-menu .dropdown-item:hover {
     background-color: inherit;
   }
 }
 
 .mai-splash-screen .main-content {
   max-width: 100%;
   width: 100%;
 }
  
 .mai-top-header {
   border: 0;
   margin-bottom: 0;
   background-color: #323232;
   padding: 0;
 }
 
 @media (max-width: 767.98px) {
   .mai-top-header {
     background-color: #2cc185;
   }
 }
 
 .mai-top-header > .container {
   padding: 0;
   display: flex;
   align-items: center;
 }
 
 @media (max-width: 575.98px) {
   .mai-top-header > .container {
     justify-content: space-between;
   }
 }
 
 .mai-top-header .dropdown-toggle:after {
   display: none;
 }
 
 .mai-top-header .dropdown-menu {
   margin-top: 0;
 }
 
 .mai-top-header .navbar-brand {
   flex: 0 0 auto;
   color: #FFFFFF;
   padding-top: 0;
   padding-bottom: 0;
   font-size: 1.5rem;
   font-weight: 300;
   line-height: 62px;
   height: 62px;
   width: 133px;
   background-image: url("../img/logo.png");
   background-repeat: no-repeat;
   background-position: 0 center;
   margin-right: 45px;
 }
 
 .mai-top-header .navbar-brand-text {
   background-image: none;
 }
 
 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   .mai-top-header .navbar-brand {
     background-image: url("../img/logo-2x.png");
     background-size: 133px 20px;
   }
 }
 
 @media (max-width: 991.98px) {
   .mai-top-header .navbar-brand {
     flex: 1 1 100%;
   }
 }
 
 @media (max-width: 767.98px) {
   .mai-top-header .navbar-brand {
     /*display: none;*/
   }
 }
 
 @media (max-width: 575.98px) {
   .mai-top-header .navbar-brand {
     /*display: none;*/
   }
 }
 
 @media (max-width: 767.98px) {
   .mai-top-header.mai-top-header-show-logo .navbar-brand {
     display: inline-block;
     flex: 1 1;
     margin-right: 0;
     margin-left: 20px;
   }
 }
 
 .mai-top-header .navbar-nav {
   flex-direction: row;
 }
 
 .mai-top-header .mai-top-nav {
   flex: 1 1;
 }
 
 @media (max-width: 767.98px) {
   .mai-top-header .mai-top-nav {
     /*display: none;*/
     
   }
   .purchase {
   
    margin-top: 18px;
    margin-left: 24px;
}
 }
 
 @media (max-width: 575.98px) {
   .mai-top-header .mai-top-nav {
     /*display: none;*/
   }
 }
 
 @media (max-width: 991.98px) {
   .mai-top-header .mai-top-nav {
     display: none;
   }
 }
 
 .mai-top-header .mai-top-nav .nav-link {
   padding: 0 18px;
 }
 
 .mai-top-header .navbar-collapse {
   padding-right: 45px;
 }
 
 .mai-top-header .mai-icons-nav {
   margin-right: 10px;
   flex: 0 0 auto;
 }
 
 @media (max-width: 767.98px) {
   .mai-top-header .mai-icons-nav {
     order: 2;
   }
 }
 
 @media (max-width: 767.98px) {
   .mai-top-header .mai-icons-nav > .nav-item.dropdown {
     position: static;
   }
 }
 
 @media (max-width: 575.98px) {
   .mai-top-header .mai-icons-nav > .nav-item.dropdown {
     position: static;
   }
 }
 
 .mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link {
   padding: 0 9px;
   position: relative;
 }
 
 .mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link .icon {
   font-size: 25px;
   vertical-align: middle;
   color: #707070;
 }
 
 @media (max-width: 767.98px) {
   .mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link .icon {
     color: #FFFFFF;
   }
 }
 
 @media (max-width: 575.98px) {
   .mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link .icon {
     color: #FFFFFF;
   }
 }
 
 .mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link .indicator {
   background: #2cc185;
   border-radius: 50%;
   display: block;
   height: 6px;
   width: 6px;
   position: absolute;
   top: 19px;
   right: 7px;
 }
 
 @media (max-width: 767.98px) {
   .mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link .indicator {
     background-color: #FFFFFF;
   }
 }
 
 @media (max-width: 575.98px) {
   .mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link .indicator {
     background-color: #FFFFFF;
   }
 }
 
 .mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link:hover .icon {
   color: #7f7f7f;
 }
 
 @media (max-width: 767.98px) {
   .mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link:hover .icon {
     color: #FFFFFF;
   }
 }
 
 @media (max-width: 575.98px) {
   .mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link:hover .icon {
     color: #FFFFFF;
   }
 }
 
 .mai-top-header .mai-icons-nav > .nav-item.dropdown.show > a, .mai-top-header .mai-icons-nav > .nav-item.dropdown.show:hover > a {
   background-color: transparent;
 }
 
 .mai-top-header .mai-icons-nav > .nav-item.dropdown.show > a .icon, .mai-top-header .mai-icons-nav > .nav-item.dropdown.show:hover > a .icon {
   color: #29b57c;
 }
 
 @media (max-width: 767.98px) {
   .mai-top-header .mai-icons-nav > .nav-item.dropdown.show > a .icon, .mai-top-header .mai-icons-nav > .nav-item.dropdown.show:hover > a .icon {
     color: #FFFFFF;
   }
 }
 
 @media (max-width: 575.98px) {
   .mai-top-header .mai-icons-nav > .nav-item.dropdown.show > a .icon, .mai-top-header .mai-icons-nav > .nav-item.dropdown.show:hover > a .icon {
     color: #FFFFFF;
   }
 }
 
 .mai-top-header .mai-icons-nav > .nav-item.dropdown.show > a:after, .mai-top-header .mai-icons-nav > .nav-item.dropdown.show:hover > a:after {
   position: absolute;
   content: "";
   display: inline-block;
   border-bottom: 10px solid #3b3b3b;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-top: 0;
   right: 50%;
   bottom: -1px;
   margin-right: -10px;
 }
 
 .mai-top-header .mai-icons-nav .mai-messages > .dropdown-menu, .mai-top-header .mai-icons-nav .mai-notifications > .dropdown-menu, .mai-top-header .mai-icons-nav .mai-settings > .dropdown-menu {
   width: 330px;
   border-radius: 5px;
   left: auto;
   margin-right: -165px;
   right: 50%;
   padding: 0;
 }
 
 @media (max-width: 767.98px) {
   .mai-top-header .mai-icons-nav .mai-messages > .dropdown-menu, .mai-top-header .mai-icons-nav .mai-notifications > .dropdown-menu, .mai-top-header .mai-icons-nav .mai-settings > .dropdown-menu {
     right: 0;
     margin-right: 0;
   }
 }
 
 @media (max-width: 575.98px) {
   .mai-top-header .mai-icons-nav .mai-messages > .dropdown-menu, .mai-top-header .mai-icons-nav .mai-notifications > .dropdown-menu, .mai-top-header .mai-icons-nav .mai-settings > .dropdown-menu {
     width: 100%;
     left: 0;
   }
 }
 
 .mai-top-header .mai-icons-nav .mai-messages > .dropdown-menu .title, .mai-top-header .mai-icons-nav .mai-notifications > .dropdown-menu .title, .mai-top-header .mai-icons-nav .mai-settings > .dropdown-menu .title {
   font-family: "Raleway", sans-serif;
   font-size: 1.154rem;
   color: #949494;
   background-color: #3b3b3b;
   text-align: center;
   padding: 14px 0 14px;
 }
 
 .mai-top-header .mai-icons-nav .mai-messages > .dropdown-menu .footer a, .mai-top-header .mai-icons-nav .mai-notifications > .dropdown-menu .footer a, .mai-top-header .mai-icons-nav .mai-settings > .dropdown-menu .footer a {
   font-family: "Raleway", sans-serif;
   font-size: 1rem;
   color: #949494;
   background-color: #3b3b3b;
   text-align: center;
   padding: 10px 0 10px;
   display: block;
 }
 
 .mai-top-header .mai-icons-nav .mai-messages > .dropdown-menu .footer a:hover, .mai-top-header .mai-icons-nav .mai-notifications > .dropdown-menu .footer a:hover, .mai-top-header .mai-icons-nav .mai-settings > .dropdown-menu .footer a:hover {
   background-color: #383838;
   color: #b2b2b2;
 }
 
 .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages {
   position: relative;
   width: 100%;
   height: 252px;
 }
 
 .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul {
   list-style: none;
   padding-left: 0;
 }
 
 .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li {
   overflow: hidden;
   border-bottom: 1px solid #414141;
   background-color: #3d3d3d;
 }
 
 .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li > a, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li > a, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li > a, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a {
   padding: 15px;
   display: block;
   overflow: hidden;
 }
 
 .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li > a .icon, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li > a .img, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li > a .icon, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li > a .img, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li > a .icon, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li > a .img, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a .icon, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a .img {
   margin-top: 3px;
   height: 36px;
   width: 36px;
   border-radius: 50%;
   background-color: #2e2e2e;
   float: left;
   text-align: center;
 }
 
 .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li > a .icon > span, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li > a .img > span, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li > a .icon > span, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li > a .img > span, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li > a .icon > span, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li > a .img > span, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a .icon > span, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a .img > span {
   font-size: 1.846rem;
   color: #2cc185;
   line-height: 34px;
 }
 
 .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li > a .content, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li > a .content, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li > a .content, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a .content {
   padding-left: 50px;
   line-height: 14px;
 }
 
 .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li > a .content .desc, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li > a .content .desc, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li > a .content .desc, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a .content .desc {
   color: #cbcbcb;
   font-size: 1rem;
   line-height: 17px;
 }
 
 .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li > a .content .desc strong, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li > a .content .desc strong, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li > a .content .desc strong, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a .content .desc strong {
   font-weight: 600;
 }
 
 .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li > a .content .date, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li > a .content .date, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li > a .content .date, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a .content .date {
   color: #8a8a8a;
   display: block;
   font-size: 0.9231rem;
   font-style: italic;
   font-weight: 300;
   margin-top: 5px;
 }
 
 .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li:hover, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li:hover, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li:hover, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li:hover {
   background-color: #2ab97f;
 }
 
 .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li:hover > a, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li:hover > a, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li:hover > a, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li:hover > a {
   color: #FFFFFF;
 }
 
 .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li:hover > a .icon, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li:hover > a .icon, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li:hover > a .icon, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li:hover > a .icon {
   background-color: #26a874;
 }
 
 .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li:hover > a .icon > span, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li:hover > a .icon > span, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li:hover > a .icon > span, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li:hover > a .icon > span {
   color: #FFFFFF;
 }
 
 .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li:hover > a .content .desc, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li:hover > a .content .desc, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li:hover > a .content .desc, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li:hover > a .content .desc {
   color: #FFFFFF;
 }
 
 .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li:hover > a .content .date, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li:hover > a .content .date, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li:hover > a .content .date, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li:hover > a .content .date {
   color: #1c7a54;
 }
 
 .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li:last-child, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li:last-child, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li:last-child, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li:last-child {
   border-bottom: 0;
 }
 
 .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a .img {
   width: 36px;
   height: 36px;
   background-color: transparent;
   border-radius: 2px;
   overflow: hidden;
   margin-top: 1px;
 }
 
 .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a .img > img {
   max-width: 100%;
 }
 
 .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a > .content .date {
   float: right;
   margin-top: 1px;
 }
 
 .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a > .content .name {
   font-family: "Raleway", sans-serif;
   font-size: 1.077rem;
   font-weight: 500;
   color: #cbcbcb;
   display: block;
   margin-bottom: 5px;
 }
 
 .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a > .content .desc {
   color: #9e9e9e;
 }
 
 .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li:hover > a .content .name {
   color: #FFFFFF;
 }
 
 .mai-top-header .mai-icons-nav .mai-settings .dropdown-menu .content ul {
   padding: 0;
 }
 
 .mai-top-header .mai-icons-nav .mai-settings .dropdown-menu .content ul li {
   display: block;
   overflow: hidden;
   list-style: none;
   padding: 15px 20px;
   line-height: 34px;
   border-bottom: 1px solid #424242;
   vertical-align: middle;
   background-color: #3d3d3d;
 }
 
 .mai-top-header .mai-icons-nav .mai-settings .dropdown-menu .content ul li > span {
   font-family: "Raleway", sans-serif;
   color: #cbcbcb;
   font-weight: 500;
   font-size: 1.154rem;
 }
 
 .mai-top-header .mai-icons-nav .mai-settings .dropdown-menu .content ul li .switch-button {
   vertical-align: middle;
   background-color: #323232;
 }
 
 .mai-top-header .mai-icons-nav .mai-settings .dropdown-menu .content ul li .switch-button label:before {
   color: #cbcbcb;
 }
 
 .mai-top-header .mai-icons-nav .mai-settings .dropdown-menu .content ul li .switch-button input[type="checkbox"]:checked + span label:before {
   color: #FFFFFF;
 }
 
 .mai-top-header .mai-icons-nav .mai-settings .dropdown-menu .content ul li:hover {
   background-color: #404040;
 }
 
 .mai-top-header .mai-icons-nav .mai-settings .dropdown-menu .content ul li:last-child {
   border-bottom: 0;
 }
 
 @media (max-width: 767.98px) {
   .mai-top-header-show-logo .mai-icons-nav {
     display: none;
   }
 }
 
 .mai-top-header .navbar-nav > .nav-item + .nav-item {
   margin-left: 0;
 }
 
 .mai-top-header .navbar-nav > .nav-item > .nav-link {
   line-height: 62px;
   font-family: "Raleway", sans-serif;
   font-size: 14px;
   padding: 0 18px;
   outline: none;
 }
 
 @media (max-width: 767.98px) {
   .mai-top-header .navbar-nav > .nav-item > .nav-link {
     line-height: 74px;
   }
 }
 
 .mai-top-header .navbar-nav > .nav-item.dropdown > a .angle-down {
   position: relative;
   font-size: 2.077rem;
   vertical-align: middle;
   width: 27px;
   display: inline-block;
   line-height: inherit;
 }
 
 .mai-top-header .navbar-nav > .nav-item.dropdown .dropdown-menu {
   border: 0;
   border-radius: 0 0 3px 3px;
   box-shadow: none;
   background-color: #323232;
   min-width: 184px;
       z-index: 9999999;
 }
 
 .mai-top-header .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item {
   font-size: 1rem;
   color: #adadad;
   padding: 9px 20px;
   min-width: 175px;
   font-family: "Raleway", sans-serif;
 }
 
 .mai-top-header .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item:hover {
   background-color: #29b57c;
   color: #FFFFFF;
 }
 
 .mai-top-header .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item:focus {
   background-color: transparent;
 }
 
 .mai-user-nav {
   flex: 0 0 auto;
 }
 
 @media (max-width: 767.98px) {
   .mai-user-nav {
     flex: 1 1 100%;
     order: 1;
   }
 }
 
 @media (max-width: 575.98px) {
   .mai-user-nav {
     flex: 0 1 auto;
   }
 }
 
 @media (max-width: 767.98px) {
   .mai-top-header-show-logo .mai-user-nav {
     flex: 0 1 auto;
     margin-right: 20px;
   }
 }
 
 @media (max-width: 575.98px) {
   .mai-top-header-show-logo .mai-user-nav {
     flex: 0 1 auto;
     margin-right: 20px;
   }
 }
 
 @media (max-width: 575.98px) {
   .mai-user-nav > .nav-item.dropdown {
     width: 100%;
   }
 }
 
 .mai-user-nav > .nav-item.dropdown.show > a .angle-down:after, .mai-user-nav > .nav-item.dropdown.show:hover > a .angle-down:after {
   position: absolute;
   content: "";
   display: inline-block;
   border-bottom: 10px solid #323232;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-top: 0;
   right: 50%;
   bottom: 0;
   margin-right: -10px;
 }
 
 .mai-user-nav > .nav-item.dropdown > .nav-link {
   color: #FFFFFF;
   padding-right: 0;
   font-size: 1.231rem;
   white-space: nowrap;
 }
 
 @media (max-width: 767.98px) {
   .mai-user-nav > .nav-item.dropdown > .nav-link {
     display: flex;
     align-items: center;
   }
 }
 
 @media (max-width: 575.98px) {
   .mai-user-nav > .nav-item.dropdown > .nav-link {
     display: flex;
     align-items: center;
   }
 }
 
 .mai-user-nav > .nav-item.dropdown > .nav-link img {
   max-width: 30px;
   max-height: 30px;
   border-radius: 3px;
 }
 
 @media (max-width: 767.98px) {
   .mai-user-nav > .nav-item.dropdown > .nav-link img {
     flex: 0 0 auto;
   }
 }
 
 @media (max-width: 575.98px) {
   .mai-user-nav > .nav-item.dropdown > .nav-link img {
     flex: 0 0 auto;
   }
 }
 
 .mai-user-nav > .nav-item.dropdown > .nav-link .user-name {
   margin-left: 10px;
 }
 
 @media (max-width: 767.98px) {
   .mai-top-header-show-logo .mai-user-nav > .nav-item.dropdown > .nav-link .user-name {
     display: none;
   }
 }
 
 @media (max-width: 575.98px) {
   .mai-user-nav > .nav-item.dropdown > .nav-link .user-name {
     flex: 1 1 100%;
     overflow: hidden;
     text-overflow: ellipsis;
   }
 }
 
 @media (max-width: 767.98px) {
   .mai-user-nav > .nav-item.dropdown > .nav-link .user-name {
     flex: 1 1 100%;
     overflow: hidden;
     text-overflow: ellipsis;
   }
 }
 
 @media (max-width: 767.98px) {
   .mai-top-header-show-logo .mai-user-nav > .nav-item.dropdown .dropdown-menu {
     left: auto;
     right: -10px;
   }
 }
 
 @media (max-width: 575.98px) {
   .mai-top-header-show-logo .mai-user-nav > .nav-item.dropdown .dropdown-menu {
     right: 10px;
   }
 }
 
 .mai-user-nav > .nav-item.dropdown .dropdown-menu .dropdown-item .icon {
   font-size: 1.538rem;
   vertical-align: middle;
   margin-right: 10px;
 }
 
 .mai-user-nav > .nav-item.dropdown .dropdown-menu:after {
   left: auto;
   right: 20px;
 }
 
 
 /*------------------------------------------------------------------
   [Color swatch]
 */
 .color-swatch {
   margin-top: 20px;
   display: inline-block;
   min-width: 230px;
   overflow: hidden;
 }
 
 .color-swatch .state-names {
   margin: 0;
   border: 1px solid #eceeef;
 }
 
 .color-swatch .state-names > div {
   text-align: center;
   background-color: #FFFFFF;
   line-height: 27px;
   color: #676767;
 }
 
 .color-swatch .colors {
   margin: 0;
 }
 
 .color-swatch .colors .state {
   min-height: 35px;
 }
 
 .color-swatch .colors .normal-state {
   background-color: #878787;
 }
 
 .color-swatch .colors .hover-state {
   background-color: #919191;
 }
 
 .color-swatch .color-description {
   padding: 0 .6154rem;
   border: 1px solid #eceeef;
   line-height: 27px;
   color: #676767;
 }
 
 .color-swatch-primary .state-names {
   border-color: #2cc185;
 }
 
 .color-swatch-primary .colors .normal-state {
   background-color: #2cc185;
 }
 
 .color-swatch-primary .colors .hover-state {
   background-color: #31d090;
 }
 
 .color-swatch-info .state-names {
   border-color: #58C7EF;
 }
 
 .color-swatch-info .colors .normal-state {
   background-color: #58C7EF;
 }
 
 .color-swatch-info .colors .hover-state {
   background-color: #6bcdf1;
 }
 
 .color-swatch-warning .state-names {
   border-color: #FFDC42;
 }
 
 .color-swatch-warning .colors .normal-state {
   background-color: #FFDC42;
 }
 
 .color-swatch-warning .colors .hover-state {
   background-color: #ffe056;
 }
 
 .color-swatch-danger .state-names {
   border-color: #F45846;
 }
 
 .color-swatch-danger .colors .normal-state {
   background-color: #F45846;
 }
 
 .color-swatch-danger .colors .hover-state {
   background-color: #f56959;
 }
 
 .color-swatch-dark .state-names {
   border-color: #323232;
 }
 
 .color-swatch-dark .colors .normal-state {
   background-color: #323232;
 }
 
 .color-swatch-dark .colors .hover-state {
   background-color: #3c3c3c;
 }
 
 /*------------------------------------------------------------------
   [Colors]
 */
 .clr-primary {
   background-color: #2cc185;
 }
 
 .clr-success {
   background-color: #2cc185;
 }
 
 .clr-info {
   background-color: #58C7EF;
 }
 
 .clr-warning {
   background-color: #FFDC42;
 }
 
 .clr-danger {
   background-color: #F45846;
 }
 
 .clr-grey {
   background-color: #e5e5e5;
 }
 
 .clr-dark {
   background-color: #545454;
 }
 
 .clr-light {
   background-color: #FFFFFF;
 }
 
 .clr-black {
   background-color: #000000;
 }
 
 
 /*------------------------------------------------------------------
   [Icons]
 */
 .icon-container {
   background-color: #FFFFFF;
   padding: 20px;
   cursor: default;
   text-align: center;
 }
 
 .icon-container:hover .icon span {
   color: #2cc185;
 }
 
 .icon-container:hover .icon-class {
   color: #2cc185;
 }
 
 .icon-container .icon {
   display: block;
   height: 60px;
   width: 60px;
   margin: 0 auto;
   padding: 12px;
   text-align: center;
   vertical-align: middle;
 }
 
 .icon-container .icon span {
   transition: color 300ms ease-in-out;
   font-size: 2.769rem;
 }
 
 .icon-container .icon-class {
   transition: color 300ms ease-in-out;
   font-size: 1.385rem;
   font-weight: 300;
   vertical-align: middle;
   color: #5d5d5d;
 }
 
 
 @media (max-width: 767.98px) {
   .container {
     width: 100%;
     max-width: 100%;
   }
 }
 
 .input-group .form-control:hover, .input-group .form-control:focus, .input-group .form-control:active {
   z-index: 0;
 }
 
 .input-group-prepend .input-group-text, .input-group-append .input-group-text {
   padding: 0.6rem 0.9rem;
   min-width: 3.847rem;
   font-size: 1rem;
   color: #c2c2c2;
 }
 
 .input-group-lg > .input-group-prepend, .input-group-lg > .input-group-append {
   font-size: 1.38462rem;
 }
 
 .input-group-prepend .custom-control, .input-group-append .custom-control {
   margin: 0;
   padding: 0;
 }
 
 .input-group-prepend input[type="radio"], .input-group-append input[type="radio"], .input-group-prepend
 input[type="checkbox"], .input-group-append
 input[type="checkbox"] {
   vertical-align: middle;
   margin-right: 0;
 }
 
 .input-group-btn {
   flex-direction: row;
 }
 
 .input-search input {
   border: 1px solid #ebebeb;
   border-radius: 0;
   display: block;
   font-size: 1rem;
 }
 
 .input-search input:focus {
   background-color: transparent;
 }
 
 .input-search .input-group-btn {
   position: absolute;
   right: 0;
   display: block;
   width: auto;
   top: 1px;
   right: 1px;
   z-index: 3;
 }
 
 .input-search .input-group-btn button {
   box-shadow: none;
   border: none;
   height: 3.07077rem;
   cursor: pointer;
 }
 
 .input-search .input-group-btn button:active {
   background-color: transparent;
   box-shadow: none;
 }
 
 .input-search .input-group-btn button .icon {
   font-size: 20px;
   color: #878787;
 }
 
 .input-search .input-group-btn button:hover {
   background-color: transparent;
 }
 
 .input-search.input-group-lg .input-group-btn button {
   height: 3.68615rem;
 }
 
 .input-search.input-group-sm .input-group-btn button {
   height: 2.37846rem;
 }
 
 .input-search.input-group-sm .input-group-btn button .icon {
   font-size: 22px;
 }
 
 .input-group-lg > .form-control:not(textarea),
 .input-group-lg > .input-group-prepend > .input-group-text,
 .input-group-lg > .input-group-append > .input-group-text,
 .input-group-lg > .input-group-prepend > .btn,
 .input-group-lg > .input-group-append > .btn {
   font-size: 1.230rem;
 }
 
 .input-group-sm > .form-control:not(textarea),
 .input-group-sm > .input-group-prepend > .input-group-text,
 .input-group-sm > .input-group-append > .input-group-text,
 .input-group-sm > .input-group-prepend > .btn,
 .input-group-sm > .input-group-append > .btn {
   font-size: 1rem;
 }
 
 /*------------------------------------------------------------------
   [List group]
 */
 .list-group-item.active .badge {
   background: #FFFFFF;
   color: #2cc185;
 }
 
 .list-group-item .icon {
   flex: 0 0 auto;
   margin-right: .7rem;
   font-size: 1.385rem;
   vertical-align: middle;
 }
 
 .list-group-item.active .icon {
   color: #FFFFFF;
 }
 
 .list-group-item .text {
   flex: 1 1 auto;
 }
 
 .list-group-item .badge {
   flex: 0 0 auto;
 }
 
 .active .list-group-item .badge {
   background: #FFFFFF;
   color: #2cc185;
 }
 
 .modal-content {
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
   overflow: hidden;
   background-color: #FFFFFF;
   color: #545454;
   border: none;
   border-radius: 0;
   max-width: 545px;
 }
 
 .modal-content .btn-link {
   font-weight: 400;
 }
 
 .modal-header {
   border: 0;
   padding: 19px;
   justify-content: flex-end;
 }
 
 .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 {
   display: block;
   margin: 0;
   color: #545454;
 }
 
 .modal-header .close {
   font-size: 20px;
   opacity: 0.4;
   text-shadow: none;
 }
 
 .modal-header .close:hover {
   opacity: 0.8;
 }
 
 .modal-body {
   padding: 20px 30px 30px;
 }
 
 .modal-body .row:last-child .form-group {
   margin-bottom: 0;
 }
 
 .modal-main-icon {
   display: inline-block;
   height: 77px;
   width: 77px;
   line-height: normal;
   font-size: 77px;
   margin-bottom: 37px;
 }
 
 .modal-footer {
   padding: 20px 30px;
   border: none;
 }
 
 .modal-dark .modal-content {
   background-color: #323232;
   color: #d1d1d1;
 }
 
 .modal-dark .modal-header .close, .modal-dark .modal-header .close:not(:disabled):not(.disabled):focus {
   color: #FFFFFF;
   opacity: 0.6;
 }
 
 .modal-dark .modal-header .close:hover, .modal-dark .modal-header .close .close:not(:disabled):not(.disabled):hover, .modal-dark .modal-header .close:not(:disabled):not(.disabled):focus:hover, .modal-dark .modal-header .close:not(:disabled):not(.disabled):focus .close:not(:disabled):not(.disabled):hover {
   color: #FFFFFF;
   opacity: 1;
 }
 
 .modal-dark .btn {
   border-width: 0;
 }
 
 .modal-dark .modal-footer .btn-link-secondary {
   color: #e0e0e0;
 }
 
 .modal-dark .modal-footer .btn-link-secondary:hover {
   color: #cccccc;
 }
 
 .modal-header-colored {
   justify-content: space-between;
   background-color: whitesmoke;
 }
 
 .modal-header-colored + .modal-body {
   padding-top: 30px;
 }
 
 .modal-dark .modal-header-colored {
   background-color: #4a4a4a;
 }
 
 .modal-dark .modal-header-colored h1, .modal-dark .modal-header-colored h2, .modal-dark .modal-header-colored h3, .modal-dark .modal-header-colored h4, .modal-dark .modal-header-colored h5, .modal-dark .modal-header-colored h6 {
   color: #d1d1d1;
 }
 
 .modal-header-colored-primary, .modal-dark .modal-header-colored-primary {
   background-color: #2cc185;
 }
 
 .modal-header-colored-primary h1, .modal-header-colored-primary h2, .modal-header-colored-primary h3, .modal-header-colored-primary h4, .modal-header-colored-primary h5, .modal-header-colored-primary h6, .modal-dark .modal-header-colored-primary h1, .modal-dark .modal-header-colored-primary h2, .modal-dark .modal-header-colored-primary h3, .modal-dark .modal-header-colored-primary h4, .modal-dark .modal-header-colored-primary h5, .modal-dark .modal-header-colored-primary h6 {
   color: #FFFFFF;
 }
 
 .modal-header-colored-primary .close, .modal-dark .modal-header-colored-primary .close {
   color: #FFFFFF !important;
   opacity: 0.6 !important;
 }
 
 .modal-header-colored-primary .close:hover, .modal-dark .modal-header-colored-primary .close:hover {
   opacity: 1 !important;
 }
 
 .modal-header-colored-success, .modal-dark .modal-header-colored-success {
   background-color: #2cc185;
 }
 
 .modal-header-colored-success h1, .modal-header-colored-success h2, .modal-header-colored-success h3, .modal-header-colored-success h4, .modal-header-colored-success h5, .modal-header-colored-success h6, .modal-dark .modal-header-colored-success h1, .modal-dark .modal-header-colored-success h2, .modal-dark .modal-header-colored-success h3, .modal-dark .modal-header-colored-success h4, .modal-dark .modal-header-colored-success h5, .modal-dark .modal-header-colored-success h6 {
   color: #FFFFFF;
 }
 
 .modal-header-colored-success .close, .modal-dark .modal-header-colored-success .close {
   color: #FFFFFF !important;
   opacity: 0.6 !important;
 }
 
 .modal-header-colored-success .close:hover, .modal-dark .modal-header-colored-success .close:hover {
   opacity: 1 !important;
 }
 
 .modal-header-colored-info, .modal-dark .modal-header-colored-info {
   background-color: #58C7EF;
 }
 
 .modal-header-colored-info h1, .modal-header-colored-info h2, .modal-header-colored-info h3, .modal-header-colored-info h4, .modal-header-colored-info h5, .modal-header-colored-info h6, .modal-dark .modal-header-colored-info h1, .modal-dark .modal-header-colored-info h2, .modal-dark .modal-header-colored-info h3, .modal-dark .modal-header-colored-info h4, .modal-dark .modal-header-colored-info h5, .modal-dark .modal-header-colored-info h6 {
   color: #FFFFFF;
 }
 
 .modal-header-colored-info .close, .modal-dark .modal-header-colored-info .close {
   color: #FFFFFF !important;
   opacity: 0.6 !important;
 }
 
 .modal-header-colored-info .close:hover, .modal-dark .modal-header-colored-info .close:hover {
   opacity: 1 !important;
 }
 
 .modal-header-colored-warning, .modal-dark .modal-header-colored-warning {
   background-color: #FFDC42;
 }
 
 .modal-header-colored-warning h1, .modal-header-colored-warning h2, .modal-header-colored-warning h3, .modal-header-colored-warning h4, .modal-header-colored-warning h5, .modal-header-colored-warning h6, .modal-dark .modal-header-colored-warning h1, .modal-dark .modal-header-colored-warning h2, .modal-dark .modal-header-colored-warning h3, .modal-dark .modal-header-colored-warning h4, .modal-dark .modal-header-colored-warning h5, .modal-dark .modal-header-colored-warning h6 {
   color: #FFFFFF;
 }
 
 .modal-header-colored-warning .close, .modal-dark .modal-header-colored-warning .close {
   color: #FFFFFF !important;
   opacity: 0.6 !important;
 }
 
 .modal-header-colored-warning .close:hover, .modal-dark .modal-header-colored-warning .close:hover {
   opacity: 1 !important;
 }
 
 .modal-header-colored-danger, .modal-dark .modal-header-colored-danger {
   background-color: #F45846;
 }
 
 .modal-header-colored-danger h1, .modal-header-colored-danger h2, .modal-header-colored-danger h3, .modal-header-colored-danger h4, .modal-header-colored-danger h5, .modal-header-colored-danger h6, .modal-dark .modal-header-colored-danger h1, .modal-dark .modal-header-colored-danger h2, .modal-dark .modal-header-colored-danger h3, .modal-dark .modal-header-colored-danger h4, .modal-dark .modal-header-colored-danger h5, .modal-dark .modal-header-colored-danger h6 {
   color: #FFFFFF;
 }
 
 .modal-header-colored-danger .close, .modal-dark .modal-header-colored-danger .close {
   color: #FFFFFF !important;
   opacity: 0.6 !important;
 }
 
 .modal-header-colored-danger .close:hover, .modal-dark .modal-header-colored-danger .close:hover {
   opacity: 1 !important;
 }
 
 .modal-header-colored-dark, .modal-dark .modal-header-colored-dark {
   background-color: #323232;
 }
 
 .modal-header-colored-dark h1, .modal-header-colored-dark h2, .modal-header-colored-dark h3, .modal-header-colored-dark h4, .modal-header-colored-dark h5, .modal-header-colored-dark h6, .modal-dark .modal-header-colored-dark h1, .modal-dark .modal-header-colored-dark h2, .modal-dark .modal-header-colored-dark h3, .modal-dark .modal-header-colored-dark h4, .modal-dark .modal-header-colored-dark h5, .modal-dark .modal-header-colored-dark h6 {
   color: #d1d1d1;
 }
 
 .modal-header-colored-dark .close, .modal-dark .modal-header-colored-dark .close {
   color: #FFFFFF !important;
   opacity: 0.6 !important;
 }
 
 .modal-header-colored-dark .close:hover, .modal-dark .modal-header-colored-dark .close:hover {
   opacity: 1 !important;
 }
 
 .modal-full-color .modal-content {
   color: #FFFFFF;
 }
 
 .modal-full-color .modal-header .close, .modal-full-color .modal-header .close:not(:disabled):not(.disabled):focus {
   color: #FFFFFF;
   opacity: 0.6;
 }
 
 .modal-full-color .modal-header .close:hover, .modal-full-color .modal-header .close .close:not(:disabled):not(.disabled):hover, .modal-full-color .modal-header .close:not(:disabled):not(.disabled):focus:hover, .modal-full-color .modal-header .close:not(:disabled):not(.disabled):focus .close:not(:disabled):not(.disabled):hover {
   color: #FFFFFF;
   opacity: 1;
 }
 
 .modal-full-color .modal-footer .btn-link-secondary {
   color: #FFFFFF;
 }
 
 .modal-full-color .modal-footer .btn-link-secondary:hover {
   color: #ebebeb;
 }
 
 .modal-full-color .btn {
   border-width: 0;
 }
 
 .modal-full-color .btn-primary,
 .modal-full-color .btn-success,
 .modal-full-color .btn-info,
 .modal-full-color .btn-warning,
 .modal-full-color .btn-danger,
 .modal-full-color .btn-dark {
   background-color: rgba(0, 0, 0, 0);
 }
 
 .modal-full-color .btn-primary:focus,
 .modal-full-color .btn-success:focus,
 .modal-full-color .btn-info:focus,
 .modal-full-color .btn-warning:focus,
 .modal-full-color .btn-danger:focus,
 .modal-full-color .btn-dark:focus {
   background-color: rgba(0, 0, 0, 0);
 }
 
 .modal-full-color .btn-primary:hover, .modal-full-color .btn-primary .hover,
 .modal-full-color .btn-success:hover,
 .modal-full-color .btn-success .hover,
 .modal-full-color .btn-info:hover,
 .modal-full-color .btn-info .hover,
 .modal-full-color .btn-warning:hover,
 .modal-full-color .btn-warning .hover,
 .modal-full-color .btn-danger:hover,
 .modal-full-color .btn-danger .hover,
 .modal-full-color .btn-dark:hover,
 .modal-full-color .btn-dark .hover {
   background-color: rgba(0, 0, 0, 0.1);
 }
 
 .modal-full-color .btn-primary:active,
 .modal-full-color .btn-success:active,
 .modal-full-color .btn-info:active,
 .modal-full-color .btn-warning:active,
 .modal-full-color .btn-danger:active,
 .modal-full-color .btn-dark:active {
   background-color: rgba(0, 0, 0, 0.15);
 }
 
 .modal-full-color-primary .modal-header {
   background-color: #2cc185;
 }
 
 .modal-full-color-primary .modal-body, .modal-full-color-primary .modal-footer {
   background-color: #2cc185;
 }
 
 .modal-full-color-primary .btn-default {
   color: #2cc185;
 }
 
 .modal-full-color-primary .btn-default:active {
   color: #2cc185;
 }
 
 .modal-full-color-success .modal-header {
   background-color: #2cc185;
 }
 
 .modal-full-color-success .modal-body, .modal-full-color-success .modal-footer {
   background-color: #2cc185;
 }
 
 .modal-full-color-success .btn-default {
   color: #2cc185;
 }
 
 .modal-full-color-success .btn-default:active {
   color: #2cc185;
 }
 
 .modal-full-color-info .modal-header {
   background-color: #58C7EF;
 }
 
 .modal-full-color-info .modal-body, .modal-full-color-info .modal-footer {
   background-color: #58C7EF;
 }
 
 .modal-full-color-info .btn-default {
   color: #58C7EF;
 }
 
 .modal-full-color-info .btn-default:active {
   color: #58C7EF;
 }
 
 .modal-full-color-warning .modal-header {
   background-color: #FFDC42;
 }
 
 .modal-full-color-warning .modal-body, .modal-full-color-warning .modal-footer {
   background-color: #FFDC42;
 }
 
 .modal-full-color-warning .btn-default {
   color: #FFDC42;
 }
 
 .modal-full-color-warning .btn-default:active {
   color: #FFDC42;
 }
 
 .modal-full-color-danger .modal-header {
   background-color: #F45846;
 }
 
 .modal-full-color-danger .modal-body, .modal-full-color-danger .modal-footer {
   background-color: #F45846;
 }
 
 .modal-full-color-danger .btn-default {
   color: #F45846;
 }
 
 .modal-full-color-danger .btn-default:active {
   color: #F45846;
 }
 
 .modal-full-color-dark .modal-header {
   background-color: #323232;
 }
 
 .modal-full-color-dark .modal-body, .modal-full-color-dark .modal-footer {
   background-color: #323232;
 }
 
 .modal-full-color-dark .btn-default {
   color: #323232;
 }
 
 .modal-full-color-dark .btn-default:active {
   color: #323232;
 }
 
 .full-width {
   width: 90%;
   max-width: none;
 }
 
 @media (max-width: 767.98px) {
   .full-width {
     width: 100%;
   }
 }
 
 .full-width.modal-container {
   width: 100%;
 }
 
 @media (max-width: 767.98px) {
   .full-width.modal-container {
     width: 100%;
   }
 }
 
 .full-width.modal-container .modal-content {
   width: 81%;
 }
 
 @media (max-width: 767.98px) {
   .full-width.modal-container .modal-content {
     width: 100%;
   }
 }
 
 .full-width .modal-content {
   width: 100%;
   max-width: none;
 }
 
 .custom-width .modal-dialog {
   width: 700px;
   max-width: none;
 }
 
 .custom-width .modal-content {
   width: 700px;
   max-width: none;
 }
 
 @media (max-width: 767.98px) {
   .custom-width .modal-content, .custom-width .modal-dialog, .custom-width .modal-header {
     width: 100% !important;
   }
 }
 
 @media (max-width: 575.98px) {
   .modal-dialog {
     margin: 0 auto;
   }
 }
 
 .mai-modal-open {
   overflow-x: visible;
 }
 
 @media (max-width: 767.98px) {
   .nav {
     flex-wrap: nowrap;
   }
 }
 
 .nav-link {
   font-size: 14px;
   color: #545454;
 }
 
 .nav-link.hover, .nav-link:hover {
   color: #2cc185;
 }
 
 .nav-link .icon {
   font-size: 1.231rem;
   vertical-align: middle;
 }
 
 .tab-content {
   padding: 1.538rem;
   background-color: #FFFFFF;
 }
 
 .nav-tabs-dark .nav-link.active {
   background-color: #545454;
   color: #2cc185;
 }
 
 .nav-tabs-dark + .tab-content {
   background-color: #545454;
   color: #FFFFFF;
 }
 
 .nav-tabs-primary .nav-link.active {
   background-color: #2cc185;
   color: #FFFFFF;
 }
 
 .nav-tabs-primary + .tab-content {
   background-color: #2cc185;
   color: #FFFFFF;
 }
 
 .tab-left .nav-tabs, .tab-right .nav-tabs {
   float: left;
   flex-direction: column;
 }
 
 .tab-left .nav-tabs > li, .tab-right .nav-tabs > li {
   float: none;
   margin-right: 0;
   margin-bottom: 0;
 }
 
 .tab-left .nav-tabs > li > a, .tab-right .nav-tabs > li > a {
   text-align: left;
   min-width: 38px;
   padding: 1.154rem 1.308rem;
 }
 
 .tab-left .tab-content, .tab-right .tab-content {
   overflow: auto;
 }
 
 .tab-right .nav-tabs {
   float: right;
 }
 
 .tab-icons .nav-link .icon {
   font-size: 1.6rem;
 }
 
 /*------------------------------------------------------------------
   [Error pages]
 */
 .mai-error .error-container {
   text-align: center;
   margin-top: 50px;
 }
 
 .mai-error .error-image svg {
   position: relative;
   max-width: 255px;
   right: -20px;
 }
 
 .mai-error .error-image svg .cls-1 {
   fill: #2cc185;
 }
 
 .mai-error .error-image svg .cls-2 {
   fill: #25a471;
 }
 
 @media (max-width: 575.98px) {
   .mai-error .error-image svg {
     max-width: 123px;
     right: -12px;
   }
 }
 
 .mai-error .error-number {
   display: block;
   font-size: 14.0769rem;
   font-weight: 700;
   line-height: 1;
   margin-bottom: 30px;
   max-height: 240px;
 }
 
 .mai-error .error-number:after {
   padding-top: 0.25%;
   display: block;
   content: '';
 }
 
 @media (max-width: 575.98px) {
   .mai-error .error-number {
     padding: 20px 0;
     font-size: 90px;
     margin-bottom: 5px;
     line-height: 100px;
   }
 }
 
 .mai-error .error-description {
   font-size: 2.30769rem;
   line-height: 1;
   margin-bottom: 30px;
 }
 
 @media (max-width: 575.98px) {
   .mai-error .error-description {
     font-size: 1.46154rem;
   }
 }
 
 .mai-error .error-goback-text {
   font-size: 1.69231rem;
   font-weight: 300;
   margin-bottom: 30px;
   margin-top: 15px;
 }
 
 @media (max-width: 575.98px) {
   .mai-error .error-goback-text {
     font-size: 1.15385rem;
   }
 }
 
 .mai-error .error-goback-button {
   margin-bottom: 30px;
 }
 
 .mai-error .footer {
   margin-bottom: 30px;
 }
 
 /*------------------------------------------------------------------
   [Page 404]
 */
 @media (max-width: 575.98px) {
   .mai-error-404 .error-container .error-number {
     padding: 0;
     font-size: 70px;
   }
 }
 
 @media (max-width: 340px) {
   .mai-error-404 .error-container .error-number {
     font-size: 50px;
     line-height: 70px;
   }
 }
 
 @media (max-width: 295px) {
   .mai-error-404 .error-container .error-number {
     font-size: 40px;
   }
 }
 
 @media (max-width: 575.98px) {
   .mai-forgot-password {
     height: 100%;
   }
 }
 
 .mai-forgot-password .main-content {
   padding: 0;
 }
 
 .form-forgot-password .contact {
   text-align: center;
   font-size: 1rem;
 }
 
 
 @media (max-width: 575.98px) {
   .mai-sign-up {
     height: 100%;
   }
 }
 
 .mai-sign-up .main-content {
   padding: 0;
 }
 
 .sign-up-form .form-group.inline [class*="col-"] {
   padding: 0;
 }
 
 .sign-up-form .sign-up-submit {
   padding: 1.53846rem 0 1.15385rem;
 }
 
 .sign-up-form .title {
   font-size: 15px;
   color: #d9d9d9;
   text-align: center;
 }
 
 .sign-up-form .social-signup [class*="col-"] {
   padding: 0 7px;
 }
 
 .sign-up-form .social-signup [class*="col-"]:first-child {
   padding-left: 0;
 }
 
 .sign-up-form .social-signup [class*="col-"]:last-child {
   padding-right: 0;
 }
 
 .sign-up-form .conditions {
   text-align: center;
   font-size: 1rem;
 }
 
 .mai-datatable-header {
   border-bottom: 1px solid #eceeef;
   margin: 2px 0 0;
   padding: 15px 10px 22px;
 }
 
 .mai-datatable-header .dt-buttons .btn embed {
   outline: none;
 }
 
 .mai-datatable-footer {
   margin: 0;
   padding: 15px 3px 13px;
   background-color: #f7f7f7;
   border-top: 1px solid #eceeef;
 }
 
 
 @media (max-width: 575.98px) {
   .ms-container {
     width: auto;
   }
 }
 
 @media (max-width: 767.98px) {
   .ms-container {
     margin: 0 auto;
   }
 }
 
 .ms-container .ms-selectable li.ms-elem-selectable,
 .ms-container .ms-selection li.ms-elem-selection {
   padding: 6px 10px;
 }
 
 .ms-container .ms-selectable, .ms-container .ms-selection {
   background-color: transparent;
 }
 
 .ms-container .ms-selectable li.ms-hover,
 .ms-container .ms-selection li.ms-hover {
   background-color: #2cc185;
 }
 
 .ms-container .ms-list {
   border: 2px solid #ebebeb;
   background-color: #FFFFFF;
   border-radius: 0;
   box-shadow: none;
 }
 
 .ms-container .ms-list.ms-focus {
   box-shadow: none;
   border-color: #2cc185;
 }
 
 .ms-container .search-input {
   height: 30px;
   margin-bottom: 10px;
 }
 
 
 /*# sourceMappingURL=app.css.map */
 .proper-height{
     max-height: 300px;
    overflow-y: scroll;
 }
 .proper-height::-webkit-scrollbar {
  width: 5px;
}
.proper-height::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
.proper-height::-webkit-scrollbar-thumb {
  background: #888; 
}
.proper-height::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.stickyMsgHead {
    z-index: 999999 !important;
}