@font-face {
    font-family: 'Prompt Regular';
    src: url('../fonts/Prompt.eot');
    src: url('../fonts/Prompt.eot?#iefix') format('embedded-opentype'), url('../fonts/Prompt.woff') format('woff'), url('../fonts/Prompt.ttf') format('truetype'), url('../fonts/Prompt.svg#glyphicons-halflingsregular') format('svg');
}
@font-face {
    font-family: 'Syntha';
    src: url('../fonts/Syntha.eot');
    src: url('../fonts/Syntha.eot?#iefix') format('embedded-opentype'), url('../fonts/Syntha.woff') format('woff'), url('../fonts/Syntha.ttf') format('truetype'), url('../fonts/Syntha.svg#glyphicons-halflingsregular') format('svg');
}
@font-face {
    font-family: 'Syntha Ultra';
    src: url('../fonts/SynthaUltra.eot');
    src: url('../fonts/SynthaUltra.eot?#iefix') format('embedded-opentype'), url('../fonts/SynthaUltra.woff') format('woff'), url('../fonts/SynthaUltra.ttf') format('truetype'), url('../fonts/SynthaUltra.svg#glyphicons-halflingsregular') format('svg');
}
@font-face {
    font-family: 'CMU';
    src: url('../fonts/CMU-Regular.eot');
    src: url('../fonts/CMU-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/CMU-Regular.woff') format('woff'), url('../fonts/CMU-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'CMU Italic';
    src: url('../fonts/CMU-Italic.eot');
    src: url('../fonts/CMU-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/CMU-Italic.woff') format('woff'), url('../fonts/CMU-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'CMU Light';
    src: url('../fonts/CMU-Light.eot');
    src: url('../fonts/CMU-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/CMU-Light.woff') format('woff'), url('../fonts/CMU-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'CMU Light Italic';
    src: url('../fonts/CMU-LightItalic.eot');
    src: url('../fonts/CMU-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/CMU-LightItalic.woff') format('woff'), url('../fonts/CMU-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'CMU Bold';
    src: url('../fonts/CMU-Bold.eot');
    src: url('../fonts/CMU-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/CMU-Bold.woff') format('woff'), url('../fonts/CMU-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'CMU Bold Italic';
    src: url('../fonts/CMU-BoldItalic.eot');
    src: url('../fonts/CMU-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/CMU-BoldItalic.woff') format('woff'), url('../fonts/CMU-BoldItalic.ttf') format('truetype');
}
body {
    background-image: url('../img/map.png');
    background-position: top center;
}
header.custom-wrapper {
    background-image: url('../img/bg-blue.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: scroll;
}
header.custom-wrapper:not(.mobile) {
    background-attachment: fixed !important;
}
header.custom-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(30, 34, 40, 0.4);
}
.on-cmu-primary {
    font-family: 'CMU';
}
.on-bold-primary {
    font-family: 'CMU Bold';
}
.on-font-primary {
    font-family: 'CMU Light';
}
.on-font-syntha {
    font-family: 'Syntha';
}
.on-font-syntha-ultra {
    font-family: 'Syntha Ultra';
}
.navbar-brand>a>img {
    height:72px;
}
.navbar-brand>a>img.on-light {
    -webkit-animation: logo-fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: logo-fadein 5s; /* Firefox < 16 */
        -ms-animation: logo-fadein 5s; /* Internet Explorer */
         -o-animation: logo-fadein 5s; /* Opera < 12.1 */
            animation: logo-fadein 5s;
}
@keyframes logo-fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.navbar-brand>a>img.on-color,
.navbar-stick .navbar-brand>a>img.on-light {
    display: none;
}
.navbar-stick .navbar-brand>a>img.on-color {
    display: block;
}
.navbar-nav .nav-item .hamburger {
    color: white;
}
/* Offcanvas Custom */
.offcanvas-box {
    width: 100%;
    height: 72px;
    overflow: hidden;
    border:1px solid white;
    border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
}
.offcanvas-box a,
.offcanvas-box a:focus,
.offcanvas-box a:hover {
    color: black;
    text-decoration: none;
}
.offcanvas-box .edit-box {
    float: right;
    color: white;
    font-size: 20px;
    margin: -5px 3px 0 0;
}
.offcanvas-box .img-box,
.offcanvas-box .icon-box {
    float: left;
    width: 62px;
    height: 62px;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    margin:4px 0 0 4px;
    background: white;
    position: absolute;
    border: 3px solid white;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.offcanvas-box .img-box>img {
    width: 100%;
}
.offcanvas-box .icon-box>i {
    font-size: 42px;
    line-height: 56px;
}
.offcanvas-box .info-box {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px 0 13px 72px;
}
.offcanvas-box .info-box font {
    font-size: 18px;
    font-family: 'Prompt Regular';
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.offcanvas-box .info-box div {
    color: #666;
    font-size: 14px;
    font-weight: normal;
    margin-top: -8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.offcanvas-box.profile {
    border-color: #3f78e0;
    background-color: #3f78e0;
}
.offcanvas-box.profile .info-box font,
.offcanvas-box.profile .info-box div {
    color: white !important;
}
.offcanvas-box.profile:hover {
    border-color: #134eba;
    background-color: #134eba;
}
.offcanvas-start {
    width: 375px !important;
}
.offcanvas-end {
    width: 375px !important;
    background: url('../img/map.png') top center;
}
.offcanvas-start .offcanvas-header,
.offcanvas-end .offcanvas-header {
    height: 75px !important;
    padding: 9px 15px;
}
.offcanvas-start .offcanvas-header>img {
    height: 75px;
}
.offcanvas-start .offcanvas-header .btn-close {
    padding: 0;
    margin: 0 0 -0.25rem 0;
}
.offcanvas-end .offcanvas-header .btn-close {
    padding: 0;
    margin: 0 -0.5rem -0.25rem 0;
}
.offcanvas-start .offcanvas-body {
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.offcanvas-end .offcanvas-body {
    padding: 9px 15px;
}
.offcanvas-end .offcanvas-footer .restart-box {
    width: 72px;
    float: left;
    position: absolute;
}
.offcanvas-end .offcanvas-footer .offcanvas-box.restart {
    border-color: #fab758;
    background-color: #fef3e4;
}
.offcanvas-end .offcanvas-footer .offcanvas-box.restart .icon-box {
    border-color: #fef3e4;
    background-color: #fab758;
}
.offcanvas-end .offcanvas-footer .offcanvas-box.restart .icon-box>i {
    color: white !important;
}
.offcanvas-end .offcanvas-footer .offcanvas-box.restart:hover {
    background-color: #fab758;
}
.offcanvas-end .offcanvas-footer .offcanvas-box.restart:hover .icon-box {
    border-color: white;
    background-color: white;
}
.offcanvas-end .offcanvas-footer .offcanvas-box.restart:hover .icon-box>i {
    color: #fab758 !important;
}
.offcanvas-end .offcanvas-footer .logout-box {
    margin-left: 75px;
}
.offcanvas-end .offcanvas-footer .offcanvas-box.logout {
    border-color: #e2626b;
    background-color: #fae6e7;
}
.offcanvas-end .offcanvas-footer .offcanvas-box.logout .icon-box {
    border-color: #fae6e7;
    background-color: #e2626b;
}
.offcanvas-end .offcanvas-footer .offcanvas-box.logout .icon-box>i {
    color: white !important;
}
.offcanvas-end .offcanvas-footer .offcanvas-box.logout .info-box font,
.offcanvas-end .offcanvas-footer .offcanvas-box.logout .info-box div {
    color: #e2626b !important;
}
.offcanvas-end .offcanvas-footer .offcanvas-box.logout .info-box .badge {
    font-size:20px;
    padding: 0 4px;
    margin:0 2px;
    font-weight: normal;
}
.offcanvas-end .offcanvas-footer .offcanvas-box.logout:hover {
    background-color: #e2626b;
}
.offcanvas-end .offcanvas-footer .offcanvas-box.logout:hover .icon-box {
    border-color: white;
    background-color: white;
}
.offcanvas-end .offcanvas-footer .offcanvas-box.logout:hover .icon-box>i {
    color: #e2626b !important;
}
.offcanvas-end .offcanvas-footer .offcanvas-box.logout:hover .info-box font,
.offcanvas-end .offcanvas-footer .offcanvas-box.logout:hover .info-box div {
    color: white !important;
}
#mainsite-navbar .navbar-nav .nav-item .nav-link {
    cursor: pointer;
    padding-right: 25px;
}
#mainsite-navbar .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
    color: white;
}
#mainsite-navbar .navbar-nav .nav-item .nav-link .nav-name {
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    font-family: 'CMU Light';
    border-bottom:2px solid transparent;
}
#mainsite-navbar .navbar-nav>.nav-item:hover>.nav-link>.nav-name,
#mainsite-navbar .navbar-nav>.nav-item.active>.nav-link>.nav-name {
    color: #343f52;
    background: white;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    text-decoration-thickness: 2px;
}
#mainsite-navbar .navbar-nav>.nav-item:hover>.nav-link>.nav-name>div,
#mainsite-navbar .navbar-nav>.nav-item.active>.nav-link>.nav-name>div {
    color: white;
}
#mainsite-navbar .navbar-nav .nav-item .nav-link .nav-name .m-box-top {
    width: 28px;
    float: left;
    font-size: 26px;
    line-height: 28px;
    text-align:center;
}
#mainsite-navbar .navbar-nav .nav-item .nav-link .nav-name .m-box {
    width: 40px;
    float: left;
    font-size: 28px;
    line-height: 28px;
    text-align:center;
    padding-right: 5px;
    margin-left: -14px;
    display: none;
}
#mainsite-navbar .navbar-nav .nav-item .nav-link.nav-icon {
    padding-left: 0;
    padding-right: 0;
}
#mainsite-navbar .navbar-nav .nav-item .nav-link.nav-icon .nav-name {
    font-size: 28px;
    line-height: 22px;
    padding: 4px 7px 0 7px;
    border-bottom: none;
}
#mainsite-navbar .navbar-nav .nav-item:hover .nav-link.nav-icon .nav-name,
#mainsite-navbar .navbar-nav .nav-item.active .nav-link.nav-icon .nav-name {
    color: black;
    background: white;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}
#mainsite-navbar .navbar-nav .nav-item .notify {
    top: -12px;
    left: -8px;
    color: white;
    font-size: 10px;
    padding: 1px 6px 3px 6px;
    background-color: #e2626b;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    border-radius: 0.4rem;
}
.navbar-stick .navbar-nav .nav-item .hamburger {
    color: #3f78e0;
}
.navbar-stick #mainsite-navbar .navbar-nav .nav-item .nav-link.nav-icon .nav-name {
    color: black;
}
.navbar-stick #mainsite-navbar .navbar-nav .nav-item:hover .nav-link.nav-icon .nav-name,
.navbar-stick #mainsite-navbar .navbar-nav .nav-item.active .nav-link.nav-icon .nav-name {
    color: white;
    background: #3f78e0;
}
.navbar-stick #mainsite-navbar .navbar-nav .nav-item .nav-link .nav-name {
    color: #3f78e0;
}
.navbar-stick #mainsite-navbar .navbar-nav>.nav-item:hover>.nav-link>.nav-name,
.navbar-stick #mainsite-navbar .navbar-nav>.nav-item.active>.nav-link>.nav-name {
    color: white;
    background: #4079e0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    text-decoration-thickness: 2px;
}
.navbar-stick #mainsite-navbar .navbar-nav>.nav-item:hover>.nav-link>.nav-name>div,
.navbar-stick #mainsite-navbar .navbar-nav>.nav-item.active>.nav-link>.nav-name>div {
    color: #4079e0;
}
.navbar-stick #mainsite-navbar .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
    color: #3f78e0;
}
.navbar-nav .nav-link-icon {
    width: 48px;
    height: 48px;
    padding: 0px;
    overflow:hidden;
    background: #FFF;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}
.navbar-nav .nav-link-icon>img {
    width: 100%;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}
.navbar-nav .nav-link-icon:hover {
    padding: 3px;
}
.mainsite-dropdown>.nav-item>a>.nav-name,
.mainsite-dropdown>.nav-item>a>.nav-name {
    padding-left: 5px;
    padding-right: 5px;
}
.mainsite-dropdown>.nav-item:hover>a>.nav-name,
.mainsite-dropdown>.nav-item.active>a>.nav-name {
    color: #343f52;
    background: white;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    text-decoration-thickness: 2px;
}
.offcanvas-start.show .mainsite-dropdown>.nav-item:hover>a>.nav-name>div,
.offcanvas-start.show .mainsite-dropdown>.nav-item.active>a>.nav-name>div {
    color: white;
}
.mainsite-dropdown .nav-item .nav-name .m-box {
    width: 30px;
    float: left;
    font-size: 20px;
    line-height: 24px;
    text-align:center;
    padding-right: 2px;
    margin-left: -20px;
}
.mainsite-dropdown-box font {
    display: block;
    text-align: center;
}
.mainsite-dropdown-box font:hover .nav-name, {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
}
.mainsite-dropdown-box font .m-box {
    width: 30px;
    float: left;
    font-size: 20px;
    line-height: 24px;
    text-align:center;
    padding-right: 2px;
    display: none;
}
.mainsite-dropdown-box .i-box {
    width:100%;
    text-align: center;
}
.mainsite-dropdown-box .i-box>i {
    font-size: 128px;
    line-height: 128px;
}
.form-manage .form-select {
    color: #60697c;
    font-weight: normal;
}
.form-manage .form-check input[type='radio'] {
    width: 26px;
    height: 26px;
    cursor: pointer;
    margin-top: 0rem;
    box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.20);
}
.form-manage .form-check input[type='checkbox'] {
    width: 24px;
    height: 24px;
    margin-top: 0.1rem;
    box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.20);
}
.form-manage .form-control {
    font-weight: normal;
}
.form-manage .form-check .form-check-label {
    font-size: 0.75rem;
    font-weight: normal;
}
.form-manage .form-check .form-check-label span {
    font-size: 0.75rem;
    padding-left: 5px;
}
.form-manage .form-control[readonly],
.form-manage .form-control[disabled] {
    background-color: #f6f7f9;
    cursor: default;
    opacity: 1;
}
.modal-manage .modal-header {
    display: block;
    min-height: 75px;
    padding-top: 25px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.modal-manage .modal-header .btn-close {
    top: 1.2rem;
    right: 1.2rem;
}
.modal-manage .modal-body {
    padding-top:0;
    padding-bottom:0;
}
.modal-manage .modal-footer {
    display: block;
    min-height: 130px;
    padding-top:25px;
    padding-bottom:20px;
}
.modal-manage .modal-footer .confirm-box .btn {
    padding-top:8px;
    padding-bottom:8px;
}
.modal-manage .modal-footer .row-button>div {
    float: none;
    width: 50%;
}
.modal-imageviewer {
    padding: 15px 15px 0 15px !important;
}
.modal-imageviewer .modal-dialog {
    width: 100%;
    margin: 0;
    padding: 0;
}
.modal-imageviewer .modal-dialog .modal-content {
    width:100%;
    height: auto;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    padding-bottom: 10px;
    background: none !important;
}
.modal-imageviewer .modal-dialog .modal-content img {
    max-width:100%;
    display:flex;
    margin:auto;
    border:1px solid #00000099;
    box-shadow:0 0 20px #000000;
}
.modal-imageviewer .i-save {
    width: 100px;
    color: white;
    display: none;
    padding: 5px 0 5px 5px;
    cursor: pointer;
    letter-spacing:-1.5px;
    background-color: #00000099;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
}
.modal-imageviewer .i-save>a {
    color: white;
}
.modal-imageviewer .i-save>a:hover {
    color: #00bcd4;
}
.modal-imageviewer .i-close {
    width: 100px;
    color: white;
    display: inline-block;
    padding: 5px 0;
    cursor: pointer;
    background-color: #00000099;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
}
.modal-imageviewer .i-close:hover {
    color: red;
}
.modal-imageviewer .download .i-save {
    display: inline-block;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}
.modal-imageviewer .download .i-close {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
}
.run-start {
    width: 50% !important;
    height: 50% !important;
    background: url('../img/wait-loading.gif') no-repeat center center !important;
    background-size: contain !important;
}
.on-btn-black {
    color: white !important;
}
.on-btn-black:hover {
    color: black !important;
}
.on-btn-white,
.on-btn-white:hover {
    color: white !important;
}
.on-text-oneline {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.on-text-display {
    height: auto !important;
    min-height: 52px;
}
.on-text-display.readonly {
    background-color: #f6f7f9;
}
.on-text-normal {
    font-weight: normal;
}
.on-text-normal-i {
    font-style: italic;
    font-weight: normal;
}
.on-text-i {
    font-style: italic;
}
.on-blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.on-state-loading {
    display: inline-block;
    position: relative;
    width: 128px;
    height: 128px;
    padding-left: 1px;
}
.on-state-loading div {
    display: inline-block;
    position: absolute;
    top:32px;
    left: 2px;
    width: 18px;
    height: 64px;
    background: #3f78e0;
    animation: state-loading  1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.on-state-loading div:nth-child(1) {
    top: 32px;
    left: 2px;
    height: 64px;
    animation-delay: -0.60s;
}
.on-state-loading div:nth-child(2) {
    top: 32px;
    left: 23px;
    height: 64px;
    animation-delay: -0.48s;
}
.on-state-loading div:nth-child(3) {
    top: 32px;
    left: 44px;
    height: 64px;
    animation-delay: -0.36s;
}
.on-state-loading div:nth-child(4) {
    top: 32px;
    left: 65px;
    height: 64px;
    animation-delay: -0.24s;
}
.on-state-loading div:nth-child(5) {
    top: 32px;
    left: 86px;
    height: 64px;
    animation-delay: -0.12s;
}
.on-state-loading div:nth-child(6) {
    top: 0px;
    left: 107px;
    height: 128px;
    animation-delay: 0;
}
@keyframes state-loading {
    0% {
        top: 0px;
        height: 128px;
    }
    50%, 100% {
        top: 32px;
        height: 64px;
    }
}
footer {
    font-family: 'CMU Light';
}
footer .on-logo img {
    height: 62px;
    margin-top: -35px;
    margin-bottom: 5px;
}
footer .on-copyright {
    text-align: left;
}
footer .on-social .social {
    margin:-15px 0 0 -5px;
}
footer .on-language .social {
    margin:-15px 0 0 -5px;
}
footer .on-social .social>a,
footer .on-language .social>a {
    margin: 0 3px 0 0 !important;
}
footer .on-social .social>a>mark,
footer .on-language .social>a>mark {
    margin-bottom: 0 !important;
}
footer .footer-copyright-b {
    display: none;
}
@media only all and (max-width: 991px) {
    .site-intro,
    .site-intro>p,
    .site-intro>div {
        text-align: center;
    }
    #mainsite-navbar .navbar-nav .nav-item .nav-link {
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }
    #mainsite-navbar .navbar-nav .nav-item .nav-link.nav-icon,
    #mainsite-navbar .navbar-nav .nav-item .nav-link .nav-name .m-box-top {
        display: none;
    }
    #mainsite-navbar .navbar-nav .nav-item .nav-link .nav-name .m-box {
        display: inline-block;
        margin-left:0;
    }
    .mainsite-dropdown .nav-item>a {
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }
    .mainsite-dropdown .nav-item .nav-name .m-box {
        margin-left: 15px;
    }
    .mainsite-dropdown-box font {
        text-align: left;
        margin-left: 15px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }
    .mainsite-dropdown-box font .m-box {
        display: inline-block;
    }
    .mainsite-dropdown-box .i-box {
        display: none;
    }
    footer .on-copyright {
        text-align: left;
    }
    footer .on-copyright>p {
        margin-top: 0;
    }
    footer .on-logo img {
        margin-bottom: 0;
    }
    footer .widget-title {
        margin: 0 !important;
    }
}
@media only all and (max-width: 768px) {
    .form-manage .form-check .form-check-label span.price {
        display: block;
        padding-left: 0;
    }
    footer .widget-title {
        margin:-5px 0 0 0 !important;
    }
    footer .widget-phone {
        margin-top: -25px;
    }
}
@media only all and (max-width: 667px) {
    footer .row-social>div.on-social {
        width: 58% !important;
    }
    footer .row-social>div.on-language {
        width: 42% !important;
    }
}
@media only all and (max-width: 575px) {
    footer .on-language>div {
        right: 0;
        float: right;
        position: absolute;
    }
    footer .footer-copyright-a {
        display: none;
    }
    footer .footer-copyright-b {
        display: block;
    }
}
@media only all and (max-width: 414px) {
    .offcanvas-start,
    .offcanvas-end {
        width: 75%!important;
    }
    .offcanvas-end .logout-box .info-box>div>span {
        display: none;
    }
    .form-manage .form-check .form-check-label span.price {
        display: block;
        padding-left: 0;
    }
}
@media (min-width: 576px) {
    .container-sm,
    .container {
        max-width: 90%;
    }
}
@media (min-width: 768px) {
    .container-md,
    .container-sm,
    .container {
        max-width: 90%;
    }
}
@media (min-width: 992px) {
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 90%;
    }
}